@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,400;0,500;0,600;0,700;1,400&display=swap");

.text-secondary {
  color: #858796 !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #60616f !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #224abe !important;
}



.text-success {
  color: #1cc88a !important;
}

a.text-success:hover, a.text-success:focus {
  color: #13855c !important;
}

.text-info {
  color: #36b9cc !important;
}

a.text-info:hover, a.text-info:focus {
  color: #258391 !important;
}

.text-warning {
  color: #f6c23e !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: #dda20a !important;
}

.text-danger {
  color: #e74a3b !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #be2617 !important;
}

.text-light {
  color: #f8f9fc !important;
}

a.text-light:hover, a.text-light:focus {
  color: #c2cbe5 !important;
}

.text-dark {
  color: #5a5c69 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: #373840 !important;
}

.border-left-primary {
  border-left: 0.25rem solid #4e73df !important;
}

.border-bottom-primary {
  border-bottom: 0.25rem solid #4e73df !important;
}

.border-left-secondary {
  border-left: 0.25rem solid #858796 !important;
}

.border-bottom-secondary {
  border-bottom: 0.25rem solid #858796 !important;
}

.border-left-success {
  border-left: 0.25rem solid #1cc88a !important;
}

.border-bottom-success {
  border-bottom: 0.25rem solid #1cc88a !important;
}

.border-left-info {
  border-left: 0.25rem solid #36b9cc !important;
}

.border-bottom-info {
  border-bottom: 0.25rem solid #36b9cc !important;
}

.border-left-warning {
  border-left: 0.25rem solid #f6c23e !important;
}

.border-bottom-warning {
  border-bottom: 0.25rem solid #f6c23e !important;
}

.border-left-danger {
  border-left: 0.25rem solid #e74a3b !important;
}

.border-bottom-danger {
  border-bottom: 0.25rem solid #e74a3b !important;
}

.border-left-light {
  border-left: 0.25rem solid #f8f9fc !important;
}

.border-bottom-light {
  border-bottom: 0.25rem solid #f8f9fc !important;
}

.border-left-dark {
  border-left: 0.25rem solid #5a5c69 !important;
}

.border-bottom-dark {
  border-bottom: 0.25rem solid #5a5c69 !important;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}



.btn:focus {
  box-shadow: none;
}

.btn-orange {
  background-color: #1E2D5E;
  color: #FFFFFF;
  transition: background 0.5s;
}
.btn-orange:hover {
  background-color: #1E2D5E;
  color: #FFFFFF;
}

.bg-gray {
  background-color: #495057;
}

.text-orange {
  color: #EC7623;
}

.form-control:focus, .form-select:focus {
  box-shadow: none;
  border: 1px solid #1E2D5E;
  border-color: #1E2D5E;
}

.form-floating label {
  font-size: 13px;
}

.header {
  z-index: 10000;
}
a {
  color: #1E2D5E;
}
.header .logo img {
  width: 120px;
}
.header .profile-name {
  font-size: 13px !important;
}
.header .menu-bar {
  cursor: pointer;
}

@media screen and (max-width: 780px) {
  .login-box-enterprise {
    width: 100% !important;
  }
}

@media screen and (max-width: 780px) {
  .register-box {
    width: 100% !important;
  }
}

.login-side-box {
  background: url("/front/img/") no-repeat center center;
  background-size: cover;
  height: 100vh;
}

.register-header {
  background: url("/front/img/noir1.jpg") no-repeat top center;
  background-size: cover;
}
p {
  color: #1E2D5E !important;
  font-size: 22px;
  font-weight: bold;
}

.menu-primary a {
  transition: all 0.3s ease-in-out;
}
.menu-primary a:hover {
  background-color: #1E2D5E;
  color: #FFFFFF;
  border-radius: 0;
}
.menu-primary a:focus {
  background-color: #1E2D5E;
  color: #FFFFFF;
  border-radius: 0;
}
.menu-primary a:active {
  background-color: #1E2D5E;
  color: #FFFFFF;
  border-radius: 0;
}

.primary_active {
  background-color: #1E2D5E;
  color: #FFFFFF;
  border-radius: 0;
}

.primary_active a{
  color: #FFFFFF;
  font-weight: 600;
}

.menu-secondary a {
  transition: all 0.3s ease-in-out;
}
.menu-secondary a:hover {
  background-color: #EC7623;
  color: #FFFFFF;
  border-radius: 0;
}
.menu-secondary a:focus {
  background-color: #EC7623;
  color: #FFFFFF;
  border-radius: 0;
}
.menu-secondary a:active {
  background-color: #EC7623;
  color: #FFFFFF;
  border-radius: 0;
}

.secondary_active {
  background-color: #EC7623;
  color: #FFFFFF;
  border-radius: 0;
}

.secondary_active a {
  color: #FFFFFF;

}

.content-body .side-bar {
  position: sticky;
  top: 66px;
  height: calc(100vh - 66px);
}
@media screen and (max-width: 800px) {
  .content-body .side-bar {
    position: fixed;
    overflow: hidden;
    top: 68px;
    left: -100%;
    height: calc(100vh - 68px);
    z-index: 100000;
  }
}
.content-body .side-bar .menu a {
  transition: background 0.3s ease-in;
}
@media screen and (max-width: 800px) {
  .content-body .side-bar .menu a {
    font-size: 14px;
  }
}
.content-body .side-bar .menu a:hover, .content-body .side-bar .menu a:active, .content-body .side-bar .menu a:focus, .content-body .side-bar .menu a:focus-visible {
  background-color: #EC7623;
}
.content-body .side-bar .log-out .btn {
  opacity: 0.6;
}
.content-body .profil-infos-menu a {
  transition: all 0.3s;
}
.content-body .profil-infos-menu a:hover, .content-body .profil-infos-menu a:active, .content-body .profil-infos-menu a:focus, .content-body .profil-infos-menu a:focus-visible {
  background-color: #EC7623;
  color: #FFFFFF;
}

@media screen and (min-width: 768px) {
  .img-profile {
    max-width: 158px;
  }
}

.show-menu-responsive {
  transition: all 0.5s ease-in-out;
  left: 0 !important;
}

.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {
  content: "Importer le fichier";
  font-weight: bold;
}

.input-photo::before {
  content: "Importer une photo";
}

.loader,
.loader:after {
  border-radius: 50%;
  width: 2em;
  height: 2em;
}
.loader {
  position: relative;
  text-indent: -9999em;
  border-top: 0.2em solid rgba(255, 255, 255, 0.2);
  border-right: 0.2em solid rgba(255, 255, 255, 0.2);
  border-bottom: 0.2em solid rgba(255, 255, 255, 0.2);
  border-left: 0.2em solid #fff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
  display: inline flow-root;
  font-size: 10px;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.pure-material-progress-circular {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    border: none;
    border-radius: 50%;
    padding: 0.25em;
    width: 3em;
    height: 3em;
    color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    background-color: transparent;
    font-size: 16px;
    overflow: hidden;
}

.pure-material-progress-circular::-webkit-progress-bar {
    background-color: transparent;
}

/* Indeterminate */
.pure-material-progress-circular:indeterminate {
    -webkit-mask-image: linear-gradient(transparent 50%, black 50%), linear-gradient(to right, transparent 50%, black 50%);
    mask-image: linear-gradient(transparent 50%, black 50%), linear-gradient(to right, transparent 50%, black 50%);
    animation: pure-material-progress-circular 6s infinite cubic-bezier(0.3, 0.6, 1, 1);
}

:-ms-lang(x), .pure-material-progress-circular:indeterminate {
    animation: none;
}

.pure-material-progress-circular:indeterminate::before,
.pure-material-progress-circular:indeterminate::-webkit-progress-value {
    content: "";
    display: block;
    box-sizing: border-box;
    margin-bottom: 0.25em;
    border: solid 0.25em transparent;
    border-top-color: currentColor;
    border-radius: 50%;
    width: 100% !important;
    height: 100%;
    background-color: transparent;
    animation: pure-material-progress-circular-pseudo 0.75s infinite linear alternate;
}

.pure-material-progress-circular:indeterminate::-moz-progress-bar {
    box-sizing: border-box;
    border: solid 0.25em transparent;
    border-top-color: currentColor;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    background-color: transparent;
    animation: pure-material-progress-circular-pseudo 0.75s infinite linear alternate;
}

.pure-material-progress-circular:indeterminate::-ms-fill {
    animation-name: -ms-ring;
}

@keyframes pure-material-progress-circular {
    0% {
        transform: rotate(0deg);
    }
    12.5% {
        transform: rotate(180deg);
        animation-timing-function: linear;
    }
    25% {
        transform: rotate(630deg);
    }
    37.5% {
        transform: rotate(810deg);
        animation-timing-function: linear;
    }
    50% {
        transform: rotate(1260deg);
    }
    62.5% {
        transform: rotate(1440deg);
        animation-timing-function: linear;
    }
    75% {
        transform: rotate(1890deg);
    }
    87.5% {
        transform: rotate(2070deg);
        animation-timing-function: linear;
    }
    100% {
        transform: rotate(2520deg);
    }
}

@keyframes pure-material-progress-circular-pseudo {
    0% {
        transform: rotate(-30deg);
    }
    29.4% {
        border-left-color: transparent;
    }
    29.41% {
        border-left-color: currentColor;
    }
    64.7% {
        border-bottom-color: transparent;
    }
    64.71% {
        border-bottom-color: currentColor;
    }
    100% {
        border-left-color: currentColor;
        border-bottom-color: currentColor;
        transform: rotate(225deg);
    }
}