@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");
.btn:focus {
  box-shadow: none;
}

.main {
  height: 350px; 
  width: 99%;
}

.btn-orange {
  background-color: #3A3786;
  color: #FFFFFF;
  transition: background 0.5s;
}
.btn-orange:hover {
  background-color: #3f39d2;
  color: #FFFFFF;
}

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

.text-orange {
  color: #3A3786;
}

.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;
}
.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;
  }
  .login-side-box {
    display: none;
    width: 100% !important;
  }
  .container {
    width: 100%;
  }
  /* .main-fluid {
    width: 100%;
    background: linear-gradient(90deg, #8360c3, #2ebf91);
  } */
}

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

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

.register-header {
  background: url("/front/img/noir.jpg") no-repeat top center;
  background-size: cover;
}

.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: #3A3786;;
  color: #FFFFFF;
  border-radius: 0;
}
.menu-secondary a:focus {
  background-color: #3A3786;
  color: #FFFFFF;
  border-radius: 0;
}
.menu-secondary a:active {
  background-color: #3A3786;
  color: #FFFFFF;
  border-radius: 0;
}

.secondary_active {
  background-color: #3A3786;
  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: #3A3786;
}
.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: #3A3786;
  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 mon";
  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);
    }
}