/* LESS Document */
/*************************/
/* Imports */
/*************************/
@import "/assets/css/vendor/jquery.toast.css";
@import "/assets/css/vendor/dataTables.bootstrap5.css";
@import "/assets/css/vendor/responsive.bootstrap5.css";
@import "/assets/css/vendor/bootstrap-datepicker.css";
@import "/assets/css/vendor/buttons.bootstrap5.css";
@import "/assets/css/vendor/dropzone.css";
@import "/assets/css/vendor/dataTables.select.css";
@import "/assets/css/icons.min.css";
@import "/assets/css/app.css";
/* Body
================================================= */
body {
  color: #313A46;
  font-size: 0.88rem;
}
@media (min-width: 1400px) {
  body[data-layout=topnav] .container-fluid,
  body[data-layout=topnav] .container-sm,
  body[data-layout=topnav] .container-md,
  body[data-layout=topnav] .container-lg,
  body[data-layout=topnav] .container-xl,
  body[data-layout=topnav] .container-xxl {
    max-width: 95%;
  }
}
.mt-boutons {
  margin-top: 1.8rem !important;
}
.marge-fix-form-bouton {
  margin-top: 1.7rem !important;
}
/* Loading
================================================= */
@-webkit-keyframes atom {
  from {
    -webkit-transform: none;
            transform: none;
  }
  to {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}
@keyframes atom {
  from {
    -webkit-transform: none;
            transform: none;
  }
  to {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}
@-webkit-keyframes electron-circle1 {
  from {
    -webkit-transform: rotateY(70deg) rotateZ(20deg);
            transform: rotateY(70deg) rotateZ(20deg);
  }
  to {
    -webkit-transform: rotateY(70deg) rotateZ(380deg);
            transform: rotateY(70deg) rotateZ(380deg);
  }
}
@keyframes electron-circle1 {
  from {
    -webkit-transform: rotateY(70deg) rotateZ(20deg);
            transform: rotateY(70deg) rotateZ(20deg);
  }
  to {
    -webkit-transform: rotateY(70deg) rotateZ(380deg);
            transform: rotateY(70deg) rotateZ(380deg);
  }
}
@-webkit-keyframes electron1 {
  from {
    -webkit-transform: rotateZ(-20deg) rotateY(-70deg);
            transform: rotateZ(-20deg) rotateY(-70deg);
  }
  to {
    -webkit-transform: rotateZ(-380deg) rotateY(-70deg);
            transform: rotateZ(-380deg) rotateY(-70deg);
  }
}
@keyframes electron1 {
  from {
    -webkit-transform: rotateZ(-20deg) rotateY(-70deg);
            transform: rotateZ(-20deg) rotateY(-70deg);
  }
  to {
    -webkit-transform: rotateZ(-380deg) rotateY(-70deg);
            transform: rotateZ(-380deg) rotateY(-70deg);
  }
}
@-webkit-keyframes electron-circle2 {
  from {
    -webkit-transform: rotateY(60deg) rotateX(60deg) rotateZ(-30deg);
            transform: rotateY(60deg) rotateX(60deg) rotateZ(-30deg);
  }
  to {
    -webkit-transform: rotateY(60deg) rotateX(60deg) rotateZ(330deg);
            transform: rotateY(60deg) rotateX(60deg) rotateZ(330deg);
  }
}
@keyframes electron-circle2 {
  from {
    -webkit-transform: rotateY(60deg) rotateX(60deg) rotateZ(-30deg);
            transform: rotateY(60deg) rotateX(60deg) rotateZ(-30deg);
  }
  to {
    -webkit-transform: rotateY(60deg) rotateX(60deg) rotateZ(330deg);
            transform: rotateY(60deg) rotateX(60deg) rotateZ(330deg);
  }
}
@-webkit-keyframes electron2 {
  from {
    -webkit-transform: rotateZ(30deg) rotateX(-60deg) rotateY(-60deg);
            transform: rotateZ(30deg) rotateX(-60deg) rotateY(-60deg);
  }
  to {
    -webkit-transform: rotateZ(-330deg) rotateX(-60deg) rotateY(-60deg);
            transform: rotateZ(-330deg) rotateX(-60deg) rotateY(-60deg);
  }
}
@keyframes electron2 {
  from {
    -webkit-transform: rotateZ(30deg) rotateX(-60deg) rotateY(-60deg);
            transform: rotateZ(30deg) rotateX(-60deg) rotateY(-60deg);
  }
  to {
    -webkit-transform: rotateZ(-330deg) rotateX(-60deg) rotateY(-60deg);
            transform: rotateZ(-330deg) rotateX(-60deg) rotateY(-60deg);
  }
}
@-webkit-keyframes electron-circle3 {
  from {
    -webkit-transform: rotateY(-60deg) rotateX(60deg) rotateZ(100deg);
            transform: rotateY(-60deg) rotateX(60deg) rotateZ(100deg);
  }
  to {
    -webkit-transform: rotateY(-60deg) rotateX(60deg) rotateZ(460deg);
            transform: rotateY(-60deg) rotateX(60deg) rotateZ(460deg);
  }
}
@keyframes electron-circle3 {
  from {
    -webkit-transform: rotateY(-60deg) rotateX(60deg) rotateZ(100deg);
            transform: rotateY(-60deg) rotateX(60deg) rotateZ(100deg);
  }
  to {
    -webkit-transform: rotateY(-60deg) rotateX(60deg) rotateZ(460deg);
            transform: rotateY(-60deg) rotateX(60deg) rotateZ(460deg);
  }
}
@-webkit-keyframes electron3 {
  from {
    -webkit-transform: rotateZ(-100deg) rotateX(-60deg) rotateY(60deg);
            transform: rotateZ(-100deg) rotateX(-60deg) rotateY(60deg);
  }
  to {
    -webkit-transform: rotateZ(-460deg) rotateX(-60deg) rotateY(60deg);
            transform: rotateZ(-460deg) rotateX(-60deg) rotateY(60deg);
  }
}
@keyframes electron3 {
  from {
    -webkit-transform: rotateZ(-100deg) rotateX(-60deg) rotateY(60deg);
            transform: rotateZ(-100deg) rotateX(-60deg) rotateY(60deg);
  }
  to {
    -webkit-transform: rotateZ(-460deg) rotateX(-60deg) rotateY(60deg);
            transform: rotateZ(-460deg) rotateX(-60deg) rotateY(60deg);
  }
}
.atom {
  margin: 50px auto;
  width: 120px;
  height: 120px;
  position: relative;
  -webkit-animation: atom 1s ease-in-out infinite alternate;
          animation: atom 1s ease-in-out infinite alternate;
  -webkit-perspective: 300px;
          perspective: 300px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.atom:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #555;
}
.atom .electron {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100px;
  height: 100px;
  border-radius: 50px;
  border: 2px solid #666;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.atom .electron:before {
  content: '';
  position: absolute;
  top: -4px;
  left: 0;
  right: 0;
  margin: auto;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #666;
  -webkit-transform-origin: 50% 50% 0;
          transform-origin: 50% 50% 0;
}
.atom .electron:nth-child(1) {
  -webkit-transform: rotateY(70deg) rotateZ(20deg);
          transform: rotateY(70deg) rotateZ(20deg);
  -webkit-animation: electron-circle1 3s linear infinite;
          animation: electron-circle1 3s linear infinite;
}
.atom .electron:nth-child(2) {
  -webkit-transform: rotateY(60deg) rotateX(60deg) rotateZ(-30deg);
          transform: rotateY(60deg) rotateX(60deg) rotateZ(-30deg);
  -webkit-animation: electron-circle2 3s linear infinite;
          animation: electron-circle2 3s linear infinite;
}
.atom .electron:nth-child(3) {
  -webkit-transform: rotateY(-60deg) rotateX(60deg) rotateZ(100deg);
          transform: rotateY(-60deg) rotateX(60deg) rotateZ(100deg);
  -webkit-animation: electron-circle3 3s linear infinite;
          animation: electron-circle3 3s linear infinite;
}
.atom .electron:nth-child(1):before {
  -webkit-transform: rotateZ(-20deg) rotateY(-70deg);
          transform: rotateZ(-20deg) rotateY(-70deg);
  -webkit-animation: electron1 3s linear infinite;
          animation: electron1 3s linear infinite;
}
.atom .electron:nth-child(2):before {
  -webkit-transform: rotateZ(30deg) rotateX(-60deg) rotateY(-60deg);
          transform: rotateZ(30deg) rotateX(-60deg) rotateY(-60deg);
  -webkit-animation: electron2 3s linear infinite;
          animation: electron2 3s linear infinite;
}
.atom .electron:nth-child(3):before {
  -webkit-transform: rotateZ(-100deg) rotateX(-60deg) rotateY(60deg);
          transform: rotateZ(-100deg) rotateX(-60deg) rotateY(60deg);
  -webkit-animation: electron3 3s linear infinite;
          animation: electron3 3s linear infinite;
}
/*.center-loading {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}*/
/* Nav
================================================= */
.navbar-dark .navbar-nav .nav-link {
  color: #ffffff;
}
.profile-dropdown i,
.profile-dropdown span {
  vertical-align: middle;
  font-size: 0.9rem;
}
/* Modal
================================================= */
.modalUnivertech {
  display: block;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100vw;
  height: 100vh;
}
.modal-header .btn-close {
  padding: 0.5rem 0.5rem;
  margin: -0.5rem -0.5rem -0.5rem auto;
  font-size: 24px;
  line-height: 24px;
}
.modal-footer {
  padding: 0 0.75rem 0.75rem 0.75rem;
  border-top: none !important;
}
/* Boutons
================================================= */
.btn-univertech {
  color: #fff;
  background-color: #313a46;
  border-color: #313a46;
}
.btn-univertech:hover {
  color: #fff;
  background-color: #5c636a;
  border-color: #565e64;
}
.btn-base {
  color: #fff;
  background-color: #508541;
  border-color: #508541;
}
.btn-base:hover {
  color: #fff;
  background-color: #09b080;
  border-color: #08a679;
}
.btn-base {
  /*-webkit-box-shadow: 0px 2px 6px 0px rgba(80, 133, 65, 0.5);
          box-shadow: 0px 2px 6px 0px rgba(80, 133, 65, 0.5);*/
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn:disabled {
  pointer-events: none;
  opacity: 1;
}
.form-check-input:checked {
  background-color: #313a46 !important;
  border-color: #313a46 !important;
}
/* Notice
================================================= */
.start-75 {
  left: 75% !important;
}
.start-70 {
  left: 70% !important;
}
.top-5 {
  top: -5px !important;
}
/* DataTable
================================================= */
table.dataTable tbody > tr.selected td,
table.dataTable tbody > tr > .selected td {
  border: none !important;
  border-color: transparent;
}
table.dataTable tbody td.select-checkbox:before,
table.dataTable tbody th.select-checkbox:before {
  display: block;
  position: absolute;
  top: 1.2em;
  left: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 1.112em;
  height: 1.112em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid #dee2e6;
  border-radius: 3px;
}
table.dataTable tbody td.select-checkbox:before {
  margin-top: 5px;
  margin-left: -12px;
}
table.dataTable tr.selected td.select-checkbox:after,
table.dataTable tr.selected th.select-checkbox:after {
  content: '\2714';
  margin-top: -7px;
  margin-left: -13px;
  text-align: center;
  color: #8DC63F;
  text-shadow: none !important;
}
table.dataTable tbody > tr.selected,
table.dataTable tbody > tr > .selected {
  background-color: #dee2e6;
}
table.dataTable tbody > tr.odd.selected,
table.dataTable tbody > tr.odd > .selected {
  background-color: #dee2e6;
}
table.dataTable tbody tr.selected a,
table.dataTable tbody th.selected a,
table.dataTable tbody td.selected a {
  color: #231F20;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before {
  top: 50%;
  background-color: #508541;
}
.page-link:focus {
  z-index: 3;
  color: #6169d0;
  background-color: #eef2f7;
  outline: 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #508541;
  border-color: #508541;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
  background-color: #0acf97;
}
@media (max-width: 576px) {
  div.dataTables_wrapper div.dataTables_length {
    text-align: center;
  }
  div.dataTables_wrapper div.dataTables_length label {
    margin-top: 15px !important;
    margin-bottom: 10px !important;
  }
  div.dataTables_wrapper div.dataTables_filter label {
    margin-bottom: 10px !important;
  }
}
li.paginate_button.previous,
li.paginate_button.next {
  font-size: 1rem;
}
@media (max-width: 767.98px) {
  li.paginate_button.previous,
  li.paginate_button.next {
    font-size: 1.5rem;
  }
}
/* Forms
================================================= */
.input-group-text {
  padding: 0.25rem 0.45rem;
}
/* Badges
================================================= */
.btn .badge {
  top: -2px;
}
.badge {
  padding: 0.5em 0.4em 0.25em 0.4em;
}
/* Dropdown
================================================= */
.dropdown-menu {
  font-size: 0.8rem;
}
.dropdown-item {
  padding: 0.375rem 1rem;
}
/* Tooltip
================================================= */
.tooltip-inner {
  max-width: 200px;
  padding: 0.4rem 0.8rem;
  color: #f1f3fa;
  text-align: center;
  background-color: #343a40;
  border-radius: 0.2rem;
}
/* Login
================================================= */
body.authentication-bg {
  background-image: url("../images/bg-pattern-light.svg");
  background-size: cover;
  background-position: center;
}
/* Avatar
================================================= */
.nav-user .account-user-bg {
  position: absolute;
  left: 15px;
  height: 36px;
  width: 36px;
  line-height: 36px;
  text-align: center;
  margin-right: 10px;
  border-radius: 50%;
  color: #fff;
  background-color: #508541;
}
/* Datepicker
================================================= */
.datepicker table tr td span.active[disabled],
.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
  background-color: #508541 !important;
  background-image: none !important;
  color: #fff;
}
/* 404 + Error
================================================= */
.text-error {
  color: #313A46;
  text-shadow: rgba(49, 58, 70, 0.3) 5px 1px, rgba(49, 58, 70, 0.2) 10px 3px;
  font-size: 5.25rem;
  line-height: 5.625rem;
}
/* Progress
================================================= */
.progress {
  font-size: 0.875rem;
  font-weight: 600;
  background-color: #dedede;
}