@charset "UTF-8";
/* .modal .modal-content .modal-header .btn-close:hover {
    background: var(--bgFond);
  } */
/* input[type='radio']{
      width: 25px;
      height: 25px;
  } */
/* Contrat area */
/* Error page */
/* .customize-style .card-dash-sm div{
      width: 50%;
  }
  .customize-style .card-dash-sm .content-text{
      text-align: right;
  } */

:root {
  --primaryColor: #266663;
  --darkBlue: #000929;
  --whitecolor: #fff;
  --darkenblue: #252e31;
  --graycolor: #6d7d93;
  --bgFond: #f4f4f4;
  --lightGreen: #e9f0ef;
  --darkBluedarken: #e5a95a;
  --widthsidebarlg: 250px;
  --widthsidebarsm: 70px;
  --widthsibebarmobile: 270px;
  --nopaddingleft: 0;
  --bgsidebar: #100d2b;
  --lightblue: #21264f1e;
}

body {
  font-family: "Open sans", sans-serif;
  overflow-x: hidden;
  min-height: 100vh;
  font-size: 16px;
}
body.overflow-hidden {
  overflow: hidden !important;
}

.badge-name {
  display: inline-flex;
  padding: 8px 18px;
  font-size: 13px;
  color: var(--darkBlue);
  background: var(--bgFond);
  border-radius: 8px;
}

.apexcharts-gridline {
  stroke: rgba(0, 0, 0, 0.08);
}

.apexcharts-xaxis-texts-g text {
  fill: var(--darkBlue) !important;
}

.apexcharts-text.apexcharts-yaxis-label {
  fill: var(--darkBlue) !important;
}

.dropdown-fiter .dropdown-menu {
  min-width: 290px;
}
.dropdown-fiter .dropdown-menu .btn {
  font-size: 13px;
  padding: 6px 12px;
}
.dropdown-fiter .dropdown-menu .form-control {
  border: none;
  background-color: var(--bgFond);
  font-size: 14px;
  color: var(--darkenblue);
}
.dropdown-fiter .dropdown-menu .form-control:focus {
  box-shadow: 0 0 0 1px var(--primaryColor);
  background-color: #fff;
}
.dropdown-fiter .dropdown-menu .form-control::-moz-placeholder {
  color: var(--graycolor);
  opacity: 0.5;
}
.dropdown-fiter .dropdown-menu .form-control::placeholder {
  color: var(--graycolor);
  opacity: 0.5;
}
.dropdown-fiter .dropdown-menu input.form-control {
  height: 40px;
}
.dropdown-fiter .dropdown-menu input.form-control-sm {
  height: 36px;
  font-size: 14px;
}

.form-control {
  border: none;
  background: var(--bgFond);
  font-size: 14px;
  color: var(--darkenblue);
}
.form-control:focus {
  box-shadow: 0 0 0 1px var(--primaryColor);
  background: #fff;
}
.form-control::-moz-placeholder {
  color: var(--graycolor);
  opacity: 0.5;
}
.form-control::placeholder {
  color: var(--graycolor);
  opacity: 0.5;
}

input.form-control {
  height: 40px;
}
input.form-control-sm {
  height: 36px;
  font-size: 14px;
}

.text-muted {
  color: var(--graycolor) !important;
}

.pagination {
  justify-content: end;
  gap: 5px;
}
.pagination .page-item.active .page-link {
  background: var(--whitecolor);
  color: var(--primaryColor);
}
.pagination .page-item .page-link {
  font-size: 14px;
  border: none;
  color: var(--graycolor);
  border-radius: 6px !important;
  background: transparent;
}
.pagination .page-item .page-link:hover {
  background: var(--whitecolor);
  color: var(--primaryColor);
}

select.form-control {
  height: 40px;
}

.label-check {
  font-size: 14px;
  color: var(--darkBlue);
}

.bg-role {
  background: var(--bgFond);
  color: var(--darkBlue) !important;
}
.bg-role .fi-rr-cross {
  font-size: 10px;
}
.bg-role:hover {
  background: var(--lightGreen);
  color: var(--primaryColor) !important;
}

.block-auth {
  min-height: 100vh;
  background: var(--whitecolor);
}
.block-auth .block-bg-title {
  background: var(--lightGreen);
  margin-left: -12px;
  margin-right: -12px;
  padding: 54px;
  height: 220px;
}
.block-auth .block-bg-title h3 {
  color: var(--primaryColor);
  font-weight: 700;
}
.block-auth .block-bg-title h2 {
  color: var(--darkBlue);
  margin-bottom: 0;
  font-size: 1.8rem !important;
}
.block-auth .block-bg-title .logo {
  width: 50px;
  height: 50px;
  background: var(--primaryColor);
  border-radius: 12px;
  font-size: 20px;
  color: var(--whitecolor);
  flex: 0 0 auto;
}
.block-auth .block-bg-auth {
  height: 100vh;
  background: var(--lightGreen);
  position: sticky;
  top: 0;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.block-auth .block-bg-auth .content-text {
  position: relative;
  padding: 24px;
  z-index: 1;
}
.block-auth .block-bg-auth .content-text .logo img {
  width: 220px;
}
.block-auth .block-bg-auth .content-text .logo img:nth-child(2) {
  display: none;
}
.block-auth .block-bg-auth .content-text h2 {
  width: 320px;
  color: var(--darkBlue);
  font-size: 32px !important;
  line-height: 100%;
  margin-left: 50px;
}
.block-auth .block-bg-auth::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 150px;
  left: 0;
  bottom: 0;
  background: linear-gradient(to bottom, transparent, var(--lightGreen));
  z-index: 1;
}
.block-auth .block-bg-auth .block-img-app {
  position: absolute;
  width: 100%;
  left: 12%;
  top: 35%;
}
.block-auth .block-bg-auth .block-img-app img {
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.05);
}
.block-auth .block-bg-auth .circles {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  right: -30%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-auth .block-bg-auth .circles .circle {
  width: 450px;
  height: 450px;
  border: 10px solid var(--primaryColor);
  position: absolute;
  border-radius: 100%;
  opacity: 0.1;
  background: var(--primaryColor);
}
.block-auth .block-bg-auth .circles .circle:first-child {
  width: 550px;
  height: 550px;
}
.block-auth h1 {
  color: var(--darkBlue);
  font-size: 1.8rem;
}
.block-auth .col-input {
  position: relative;
}
.block-auth .col-input .btn-show-password {
  position: absolute;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--whiteColor);
  color: var(--graycolor);
  border-radius: 5px;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  font-size: 14px;
  cursor: pointer;
}
.block-auth .col-input .btn-show-password .fi {
  position: relative;
  top: auto;
  left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: none;
  font-size: 14px;
  width: auto;
  height: auto;
}
.block-auth .col-input .btn-show-password i:nth-child(2) {
  display: none;
}
.block-auth .col-input .btn-show-password:hover .tooltip-team {
  top: -26px;
  opacity: 1;
  visibility: visible;
}
.block-auth .col-input .btn-show-password.show i:nth-child(2) {
  display: flex;
}
.block-auth .col-input .btn-show-password.show i:nth-child(1) {
  display: none;
}
.block-auth .col-input .btn-show-password.show .tooltip-team span:nth-child(1) {
  display: none;
}
.block-auth .col-input .btn-show-password .tooltip-team {
  position: absolute;
  padding: 2px 10px;
  background: var(--whiteColor);
  color: var(--colorTitre);
  white-space: nowrap;
  font-size: 12px;
  border-radius: 5px;
  top: -30px;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  transition: 0.3s ease;
  box-shadow: 0 5px 18px rgba(0, 0, 0, 0.1);
  pointer-events: none;
}
.block-auth .col-input .btn-show-password .tooltip-team::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  background: var(--whiteColor);
  z-index: -1;
  bottom: -3px;
}
.block-auth .col-input .form-control {
  padding-left: 40px;
}
.block-auth .col-input .form-control::-moz-placeholder {
  font-size: 12px;
}
.block-auth .col-input .form-control::placeholder {
  font-size: 12px;
}
.block-auth .col-input .form-control:focus ~ .fi {
  color: var(--primaryColor);
}
.block-auth .col-input .fi {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  height: 100%;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: var(--graycolor);
  transition: 0.3s;
}
.block-auth .label-input {
  font-size: 13px !important;
  color: var(--darkBlue);
}
.block-auth .block-form-auth {
  min-height: 100vh;
}
.block-auth .block-form-auth .card-auth {
  border: none;
  padding: 34px;
}
.block-auth .block-form-auth .card-auth p {
  color: var(--graycolor);
  font-size: 14px;
}

.btn-tool {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 32px;
  height: 32px;
  background: var(--bgFond);
  color: var(--darkBlue);
  transition: 0.3s;
  position: relative;
}
.btn-tool:hover {
  background: var(--bgFond);
}
.btn-tool:hover .tooltip-btn {
  top: -26px;
  opacity: 1;
  visibility: visible;
}
.btn-tool .tooltip-btn {
  position: absolute;
  padding: 2px 10px;
  background: #101111;
  color: var(--whitecolor);
  white-space: nowrap;
  font-size: 12px;
  border-radius: 5px;
  top: -30px;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  transition: 0.3s ease;
  box-shadow: 0 5px 18px rgba(0, 0, 0, 0.1);
  pointer-events: none;
}
.btn-tool .tooltip-btn::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  background: #101111;
  z-index: -1;
  bottom: -3px;
}
.btn-tool.placeToBottom .tooltip-btn {
  top: auto;
  bottom: -30px;
}
.btn-tool.placeToBottom .tooltip-btn::before {
  top: -3px;
  bottom: auto;
}
.btn-tool.placeToBottom:hover .tooltip-btn {
  bottom: -26px;
}

.block-copy-allright small {
  font-size: 12px;
  color: var(--darkBlue);
}
.block-copy-allright img {
  width: 100px;
}
.block-copy-allright img:nth-child(2) {
  display: none;
}

.offcanvas {
  border: none !important;
}
.offcanvas.offcanvasLg {
  width: 683px;
}
.offcanvas textarea {
  visibility: visible !important;
  resize: none;
}
.offcanvas .title {
  color: var(--darkBlue);
  font-size: 14px !important;
  font-weight: 600;
}
.offcanvas .offcanvas-header {
  padding: 18px 26px;
}
.offcanvas .offcanvas-header .btn-close {
  background: none;
  box-shadow: none;
  font-size: 14px;
  color: var(--darkenblue) !important;
}
.offcanvas .offcanvas-header h5 {
  font-size: 16px !important;
  color: var(--darkBlue);
}
.offcanvas .form-control {
  border: none;
  background: var(--bgFond);
  font-size: 14px;
  color: var(--darkenblue);
}
.offcanvas .form-control:focus {
  box-shadow: 0 0 0 1px var(--primaryColor);
  background: #fff;
}
.offcanvas .form-control::-moz-placeholder {
  color: var(--graycolor);
  opacity: 0.5;
}
.offcanvas .form-control::placeholder {
  color: var(--graycolor);
  opacity: 0.5;
}
.offcanvas .offcanvas-body {
  padding: 12px 26px;
}
.offcanvas .form-group {
  position: relative;
}
.offcanvas .form-group .dropdown-tag {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  z-index: 2;
}
.offcanvas .form-group .dropdown-tag .dropdown-menu {
  min-width: 290px;
}
.offcanvas .form-group .dropdown-tag .dropdown-menu .btn {
  font-size: 13px;
  padding: 6px 12px;
}
.offcanvas .form-group .add-new-tag {
  color: var(--graycolor);
  width: 26px;
  height: 26px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  background: #f7f7f7;
}
.offcanvas .form-group .add-new-tag:hover {
  background: var(--whitecolor);
  color: #6392ff;
}
.offcanvas input.form-control {
  height: 40px;
}
.offcanvas input.form-control-sm {
  height: 36px;
  font-size: 14px;
}
.offcanvas select.form-control {
  height: 40px;
}

.block-label-dot {
  border: 1px dashed rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.block-label-dot label {
  margin-bottom: 0;
  padding: 8px 14px;
  font-size: 14px;
  color: var(--darkBlue);
}
.block-label-dot .block-radio {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 14px;
}
.block-label-dot .block-radio span {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 100%;
  transition: 0.3s;
  position: relative;
}
.block-label-dot .block-radio span::before {
  content: "";
  position: absolute;
  width: 60%;
  height: 60%;
  background: var(--primaryColor);
  border-radius: 100%;
  transform: scale(0);
  transition: 0.3s;
}
.block-label-dot .block-radio input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.block-label-dot .block-radio input:checked ~ span {
  border-color: var(--primaryColor);
}
.block-label-dot .block-radio input:checked ~ span::before {
  transform: scale(1);
}

.label-camera {
  width: 100% !important;
  border: 2px dashed rgba(0, 0, 0, 0.08) !important;
  border-radius: 8px !important;
  padding: 8px 0 !important;
  height: auto !important;
}
.label-camera .camera-hover {
  display: none !important;
}
.label-camera img {
  border-radius: 8px !important;
  margin-bottom: 0 !important;
}

.btn {
  padding: 8px 16px;
  box-shadow: none;
  font-size: 14px;
  border-radius: 8px;
  transition: 0.3s;
  border: none;
}

.btn-light-blue {
  color: var(--primaryColor);
  background: var(--lightGreen);
}
.btn-light-blue:hover {
  color: var(--primaryColor);
  background: var(--lightGreen);
}

.btn-white {
  background: var(--whiteColor);
  border: 1px solid var(--whiteColor);
}
.btn-white:hover {
  background: transparent;
  color: var(--whiteColor);
  border: 1px solid var(--whiteColor);
}

.btn-white-outline:hover {
  background: transparent;
  color: var(--whiteColor);
  border: 1px solid var(--whiteColor);
}

.btn-primary {
  background: var(--primaryColor) !important;
  color: var(--whitecolor);
  border-color: var(--primaryColor);
}

.btn-light {
  background: var(--bgFond);
  color: var(--darkBlue);
}

.btn-sm {
  font-size: 12px;
  font-weight: 600;
}

.btn-text-gray {
  color: var(--grayColor);
}

a {
  text-decoration: none;
}

.fi::before {
  line-height: inherit !important;
}

.title-page {
  font-size: 18px !important;
  color: var(--darkBlue);
  font-weight: 500;
}

.tooltip-inner {
  text-align: start !important;
  font-size: 12px !important;
  padding: 8px 10px;
  line-height: 100%;
}

.title-page-lg {
  font-size: 18px !important;
  color: var(--darkBlue);
  font-weight: 500;
}

.title-page-sm {
  font-size: 16px !important;
  color: var(--darkBlue);
  font-weight: 500;
}

.item-info-person {
  position: relative;
  padding-left: 26px;
}
.item-info-person span {
  font-size: 13px;
  color: var(--darkBlue);
}
.item-info-person .icon-sm {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: var(--darkBlue);
}

.dropdown-menu {
  border: none;
  box-shadow: rgba(148, 172, 181, 0.141) 0px 0px 50px 0px;
  padding: 15px 16px;
  border-radius: 8px;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
}
.dropdown-menu.dropdown-menu-lg {
  min-width: 12rem;
}
.dropdown-menu h6 {
  color: var(--darkenBlue);
  font-size: 14px;
}
.dropdown-menu .info-user {
  padding-bottom: 7px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  margin-bottom: 5px;
}
.dropdown-menu .info-user h6 {
  color: var(--darkBlue);
  margin-bottom: 0;
}
.dropdown-menu .info-user p {
  font-size: 11px;
  color: var(--graycolor);
  margin-bottom: 0;
}
.dropdown-menu .dropdown-item {
  font-size: 14px;
  color: var(--graycolor);
  border-radius: 8px;
  display: flex;
  gap: 7px;
  align-items: center;
  transition: 0.3s;
  padding: 5px 10px;
}
.dropdown-menu .dropdown-item:hover {
  background: var(--lightGreen);
  color: var(--primaryColor);
}

.block-avatar-user-lg .avatar {
  width: 120px;
  height: 120px;
  flex: 0 0 auto;
  position: relative;
  z-index: 1;
  margin-top: -60px;
}
.block-avatar-user-lg .avatar::before {
  content: "";
  position: absolute;
  inset: -7px;
  background: var(--whiteColor);
  border-radius: 50%;
  z-index: -1;
}
.block-avatar-user-lg .avatar .statut {
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  background: red;
  border: 3px solid var(--whiteColor);
  right: 10px;
  bottom: 10px;
}
.block-avatar-user-lg .avatar .statut.on {
  background: #38d0b4;
}
.block-avatar-user-lg .avatar .statut.off {
  background: #e83724;
}
.block-avatar-user-lg .avatar .statut.suspend {
  background: #e5a95a;
}
.block-avatar-user-lg .avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 100%;
}
.block-avatar-user-lg .block-name {
  width: 100%;
}
.block-avatar-user-lg .block-name h6 {
  color: var(--darkenBlue);
  font-weight: 600;
  margin-bottom: 0;
  font-size: 17px;
}
.block-avatar-user-lg .block-name p {
  font-size: 14px;
  color: var(--grayColor);
}
.block-avatar-user-lg .block-name .location {
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 3px;
}
.block-avatar-user-lg .block-name .location .fi {
  color: var(--darkBlue);
}
.block-avatar-user-lg .block-name .location span {
  color: var(--grayColor);
}
.block-avatar-user-lg .bids-number {
  position: relative;
}
.block-avatar-user-lg .bids-number p {
  font-size: 13px;
}
.block-avatar-user-lg .bids-number .numbid {
  font-size: 16px;
  font-weight: 600;
  color: var(--darkenBlue);
  display: flex;
  align-items: center;
  gap: 5px;
}
.block-avatar-user-lg .bids-number:first-child::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -20px;
  width: 1px;
  height: 70%;
  background: rgba(0, 0, 0, 0.08);
}
.block-avatar-user-lg .bids-number:first-child .numbid .fi {
  color: var(--darkBlue);
}
.block-avatar-user-lg .bids-number:last-of-type .numbid .fi {
  color: #7663ff;
}

.block-transaction .item-trans .date {
  font-size: 12px;
  color: var(--grayColor);
}
.block-transaction .item-trans .content-trans {
  padding: 14px;
  border-radius: 8px;
  border: 1px dashed #DBDFE9;
}
.block-transaction .item-trans .content-trans .icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  font-size: 18px;
}
.block-transaction .item-trans .content-trans .icon svg {
  width: 18px;
  height: 18px;
}
.block-transaction .item-trans .content-trans .icon.icon-achat {
  color: #38d0b4;
  background: #c3f1e8;
}
.block-transaction .item-trans .content-trans .icon.icon-trans {
  color: #ffbc63;
  background: #fae2c3;
}
.block-transaction .item-trans .content-trans .icon.icon-trans svg {
  fill: var(--darkBlue);
}
.block-transaction .item-trans .content-trans .icon.icon-bonus {
  color: #7663ff;
  background: #ddd8ff;
}
.block-transaction .item-trans .content-trans p {
  font-size: 14px;
  color: var(--grayColor);
  margin-bottom: 0;
}
.block-transaction .item-trans .content-trans p span {
  color: var(--darkenBlue);
  font-weight: 500;
}
.block-transaction .item-trans .content-trans .badge-etat {
  padding: 8px 10px;
  border-radius: 5px;
  font-weight: 500;
  font-size: 10px;
  line-height: 100%;
}
.block-transaction .item-trans .content-trans .badge-etat.success {
  color: #38d0b4;
  background: #ccf2ec;
}
.block-transaction .item-trans .content-trans .badge-etat.danger {
  color: #ff7263;
  background: #fcdbd7;
}

.block-blance .card-balance {
  border: none;
  padding: 14px 16px;
  border-radius: 12px;
}
.block-blance .card-balance .icon {
  width: 44px;
  height: 44px;
  background: var(--whiteColor);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}
.block-blance .card-balance .icon img {
  width: 28px;
}
.block-blance .card-balance h4 {
  color: var(--darkenBlue);
  font-size: 16px;
}
.block-blance .card-balance h5 {
  font-size: 18px;
  color: var(--darkenBlue);
}
.block-blance .card-balance p {
  font-size: 14px;
  margin-bottom: 0;
  color: var(--grayColor);
}
.block-blance .card-balance .card-info-sm {
  padding: 10px;
  border-radius: 8px;
  background: var(--whiteColor);
}
.block-blance .card-balance .card-info-sm .item {
  line-height: 100%;
}
.block-blance .card-balance .card-info-sm .item p {
  font-size: 12px;
}
.block-blance .card-king {
  background: #ddd8ff;
}
.block-blance .card-thunder {
  background: #d8f2ff;
}
.block-blance .card-security {
  background: #d8ffed;
}
.block-blance .card-autoClic {
  background: #fff3d8;
}
.block-blance .card-bid {
  background: #ffecd8;
}

.img-gallery {
  height: 150px;
  width: 100%;
  cursor: pointer;
  position: relative;
}
.img-gallery::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  opacity: 0;
  transition: 0.3s;
  z-index: 1;
}
.img-gallery img {
  border-radius: 8px;
}
.img-gallery:hover::before {
  opacity: 1;
}
.img-gallery:hover .dropdown {
  opacity: 1;
  visibility: visible;
}
.img-gallery .dropdown {
  position: absolute;
  z-index: 1;
  top: 7px;
  right: 7px;
  overflow: 0;
  visibility: hidden;
  transition: 0.3s !important;
}
.img-gallery .dropdown .option-dropdown {
  width: 18px;
  height: 18px;
  font-size: 12px;
  border-radius: 5px;
  background: var(--whitecolor);
}
.img-gallery .dropdown .dropdown-item {
  font-size: 13px !important;
}

.tab-pane .title {
  color: var(--darkBlue);
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 14px;
}

.nav-list-show {
  border: none;
  background: var(--whitecolor);
  padding: 7px;
  border-radius: 8px;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
}
.nav-list-show::-webkit-scrollbar {
  display: none;
}
.nav-list-show .nav-link {
  border: none;
  font-size: 14px;
  padding: 8px 14px;
  font-weight: 500;
  color: var(--graycolor);
  border-radius: 8px;
  white-space: nowrap;
}
.nav-list-show .nav-link:hover {
  color: var(--primaryColor);
}
.nav-list-show .nav-link.active {
  background: var(--lightGreen);
  color: var(--primaryColor);
}

.light-badge {
  padding: 0.35rem 0.65rem;
  border-radius: 5px;
  font-size: 12px !important;
  font-weight: 500;
  line-height: 100%;
}
.light-badge.no {
  color: #db2727;
  background: #ffebeb;
}
.light-badge.yes {
  color: #27db90;
  background: #eff8f4;
}

.block-img-cover-home {
  height: 160px;
  position: relative;
  border-radius: 12px;
  display: flex;
  overflow: hidden;
  justify-content: center;
  flex-direction: column;
}
.block-img-cover-home .block-detail-home {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.block-img-cover-home .block-detail-home .content-detail h2 {
  color: var(--whiteColor);
  font-size: 26px !important;
}
.block-img-cover-home .block-detail-home .content-detail h3 {
  display: inline-flex;
  padding: 4px 6px;
  background: var(--whitecolor);
  align-items: center;
  gap: 5px;
  font-size: 12px !important;
  color: #0c1433;
  margin-bottom: 5px;
  border-radius: 50px;
  line-height: 100%;
}
.block-img-cover-home .block-gallery {
  position: absolute;
  width: 30%;
  height: 90%;
  right: 10px;
  z-index: 6;
}
.block-img-cover-home .block-gallery::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.4235294118);
  border-radius: 8px;
  z-index: -1;
  -webkit-backdrop-filter: blur(26px);
          backdrop-filter: blur(26px);
}
.block-img-cover-home .block-gallery .content-items {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  padding: 5px;
  overflow-y: auto;
  scrollbar-width: thin;
}
.block-img-cover-home .block-gallery .title {
  padding: 5px 8px;
  padding-bottom: 0;
  color: var(--darkBlue);
  font-size: 14px;
  font-weight: 600;
}
.block-img-cover-home .block-gallery .item-gallery {
  width: 33.3333333333%;
  flex: 0 0 auto;
  padding: 3px;
}
.block-img-cover-home .block-gallery .item-gallery .gallery {
  height: 70px !important;
  margin: 0 !important;
}
.block-img-cover-home::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0) 30%);
  z-index: 1;
}
.block-img-cover-home img {
  border-radius: 12px 12px 0 0;
}

.nav-tab-rounded {
  border: none;
  background: var(--bgFond);
  border-radius: 50px;
  padding: 8px;
}
.nav-tab-rounded .nav-item .nav-link {
  border: none;
  font-size: 13px;
  font-weight: 500;
  color: var(--graycolor);
  border-radius: 50px;
  padding: 5px 12px;
}
.nav-tab-rounded .nav-item .nav-link.active {
  color: var(--darkBlue);
}
.nav-tab-rounded .nav-item .nav-link:hover {
  color: var(--darkBlue);
}

.badge-val {
  color: var(--darkBlue);
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
  padding: 5px 12px;
  background: var(--bgFond);
  border-radius: 6px;
  align-items: center;
  gap: 7px;
}
.badge-val::before {
  content: "";
  display: block;
  width: 3px;
  height: 10px;
  border-radius: 5px;
}
.badge-val.val::before {
  background: #c7e1c9;
}
.badge-val.inval::before {
  background: #e8e5c5;
}

.item-dash {
  padding: 12px;
  border-radius: 8px;
  border: 1px dashed rgba(0, 0, 0, 0.08);
  height: 100%;
}
.item-dash .block-icon-detail {
  font-size: 15px;
  color: var(--darkBlue);
  font-weight: 500;
  margin-top: 7px;
}
.item-dash .block-icon-detail .fi {
  font-size: 18px;
  color: var(--primaryColor);
}
.item-dash p {
  font-size: 13px !important;
  color: var(--graycolor);
  margin-bottom: 0;
}
.item-dash .list {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}
.item-dash .list .item-list {
  font-size: 13px;
  display: inline-block;
  padding: 4px 10px;
  background: var(--lightGreen);
  font-weight: 500;
  border-radius: 6px;
  color: var(--darkBlue);
}
.item-dash span {
  color: var(--darkBlue);
  font-weight: 500;
  color: var(--darkBlue);
  font-size: 14px;
}
.item-dash span.badge {
  font-size: 12px;
}
.item-dash span.badge-success {
  background: #35dcb2;
  color: var(--whitecolor);
}
.item-dash span.badge-danger {
  background: #fb6674;
  color: var(--whitecolor);
}
.item-dash span .link {
  display: flex;
  align-items: center;
  gap: 5px;
  line-height: 100%;
  transition: 0.3s;
  color: var(--darkBlue);
}
.item-dash span .link:hover {
  color: var(--primaryColor);
}

.back {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  font-size: 12px;
  color: var(--graycolor);
  border-radius: 8px;
  transition: 0.3s;
  position: relative;
}
.back:hover {
  background: #f7f7f7;
  color: var(--darkBlue);
}
.back:hover .tooltip-btn {
  opacity: 1;
  visibility: visible;
}
.back.white:hover {
  background: var(--whitecolor);
}
.back .tooltip-btn {
  position: absolute;
  padding: 2px 10px;
  background: #101111;
  color: var(--whitecolor);
  white-space: nowrap;
  font-size: 12px;
  border-radius: 5px;
  left: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  transition: 0.3s ease;
  box-shadow: 0 5px 18px rgba(0, 0, 0, 0.1);
  pointer-events: none;
}

.pdf-page.margin {
  margin: auto !important;
}

.block-doc {
  min-height: 100vh;
  background: var(--bgFond);
}
.block-doc .block-side-info-doc {
  height: 100vh;
  display: flex;
  flex-direction: column;
  background: var(--whitecolor);
  position: sticky;
  box-shadow: 0 5px 18px rgba(0, 0, 0, 0.05);
  top: 0;
}
.block-doc .block-side-info-doc .header {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.block-doc .block-side-info-doc .header h5 {
  color: var(--darkBlue);
  font-weight: 500 !important;
}
.block-doc .block-side-info-doc .body {
  flex-grow: 1;
  overflow-y: auto;
  scrollbar-width: thin;
  padding: 12px 14px;
}
.block-doc .block-content-doc .confidentiel-doc {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: calc(100vh - 16px);
}
.block-doc .block-content-doc .confidentiel-doc .block-content-conf {
  padding: 54px;
  background: var(--whitecolor);
  border-radius: 12px;
}
.block-doc .block-content-doc .confidentiel-doc .block-content-conf .icon {
  display: flex;
  align-items: center;
  color: #14cef9;
  font-size: 38px;
  justify-content: center;
  border-radius: 8px;
}
.block-doc .block-content-doc .confidentiel-doc .block-content-conf h5 {
  color: var(--darkBlue);
  font-size: 16px !important;
}
.block-doc .block-content-doc .confidentiel-doc .block-content-conf p {
  color: var(--graycolor);
  font-size: 14px;
}
.block-doc .block-content-doc .confidentiel-doc .block-content-conf .form-control {
  height: 40px;
  border: none;
  background: #f7f7f7;
  font-size: 14px;
  color: var(--darkenblue);
}
.block-doc .block-content-doc .confidentiel-doc .block-content-conf .form-control::-moz-placeholder {
  color: var(--graycolor);
  opacity: 0.5;
}
.block-doc .block-content-doc .confidentiel-doc .block-content-conf .form-control::placeholder {
  color: var(--graycolor);
  opacity: 0.5;
}
.block-doc .block-content-doc .confidentiel-doc .block-content-conf .form-control:focus {
  box-shadow: 0 0 0 2px rgba(20, 206, 249, 0.3098039216);
  background: #fff;
}
.block-doc .block-content-doc .block-btn-tools {
  position: sticky;
  top: 15px;
  z-index: 2;
}
.block-doc .block-content-doc .block-btn-tools .btn-sm {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 32px;
  height: 32px;
  background: var(--whitecolor);
  color: var(--darkBlue);
  transition: 0.3s;
  box-shadow: 0 18px 24px rgba(0, 0, 0, 0.03);
  font-size: 14px;
  border: none;
  position: relative;
}
.block-doc .block-content-doc .block-btn-tools .btn-sm:hover {
  color: var(--primaryColor);
}

.card-home-sm-appart {
  border: none;
  background: var(--whitecolor);
  border-radius: 12px;
  padding: 12px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1411764706);
}
.card-home-sm-appart p {
  font-size: 13px !important;
}
.card-home-sm-appart .img-gallery {
  height: 90px;
}
.card-home-sm-appart .option-dropdown {
  width: 22px;
  height: 22px;
  font-size: 12px;
  border-radius: 5px;
  background: var(--whitecolor);
  cursor: pointer;
}

.table td {
  padding: 8px 18px !important;
}
.table th {
  padding: 8px 18px !important;
}
.table thead th {
  color: var(--grayColor);
  font-weight: 500;
  text-transform: uppercase;
  font-size: 13px;
  white-space: nowrap;
  background: rgba(10, 11, 30, 0.031372549);
  border: none;
  border-right: 1px solid rgba(20, 19, 31, 0.0980392157);
}
.table thead th:first-child {
  border-radius: 5px 0 0 5px;
}
.table thead th:last-child {
  border-radius: 0px 5px 5px 0px;
  border-right: none;
}
.table tbody tr {
  vertical-align: middle;
}
.table tbody tr td {
  font-size: 13px !important;
  color: var(--darkBlue) !important;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.08);
}
.table tbody tr td.amount {
  color: var(--primaryColor) !important;
}
.table tbody tr td .badge {
  color: var(--darkenBlue);
  font-size: 12px;
  padding: 8px 14px;
  border-radius: 5px;
  font-weight: 500;
}
.table tbody tr td .link-table {
  font-weight: 500;
  font-size: 13px;
  color: var(--darkBlue);
}
.table tbody tr td .link-table:hover {
  color: var(--primaryColor);
}
.table tbody tr td .textConfirm {
  font-size: 12px;
}
.table tbody tr td .textConfirm.yes {
  color: #65bda7;
}
.table tbody tr td .textConfirm.no {
  color: #e37777;
}
.table tbody tr td .textConfirm.no .fi {
  font-size: 10px;
}
.table tbody tr td .date-table {
  font-size: 13px;
}
.table tbody tr td .mutedColor {
  color: var(--graycolor);
  font-size: 13px;
}
.table tbody tr td .badge.badge-success {
  color: #38d0b4;
  background: #ddf4f1;
}
.table tbody tr td .badge.badge-danger {
  color: #db2727;
  background: #ffebeb;
}
.table tbody tr td .badge-warning {
  color: #ffbc63;
  background: #fff2e1;
}
.table tbody tr td .number {
  text-align: center;
  padding: 4px 10px;
  background: var(--bgFond);
  border-radius: 5px;
  font-size: 13px;
}
.table tbody tr td .block-time {
  color: var(--grayColor);
}
.table tbody tr td .block-time .fi {
  color: var(--darkBlue);
}
.table tbody tr td .block-time a {
  color: var(--grayColor);
}
.table tbody tr td .block-time a:hover {
  color: var(--darkenBlue);
}
.table tbody tr td .block-progress-table .block-pourcent {
  color: var(--grayColor);
  font-size: 12px;
}
.table tbody tr td .block-content-bar-progress {
  width: 120px;
  height: 7px;
  background: var(--bgFond);
  border-radius: 5px;
}
.table tbody tr td .block-content-bar-progress .bar-progress {
  height: 100%;
  width: var(--pourcentValue);
  background: var(--darkBlue);
  border-radius: 5px;
}
.table tbody tr td .block-btns-table .btn {
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  width: 28px;
  height: 28px;
  border-radius: 5px;
  color: var(--grayColor);
  background: var(--bgFond);
  position: relative;
}
.table tbody tr td .block-btns-table .btn:hover {
  color: var(--darkenBlue);
}
.table tbody tr td .block-btns-table .btn:hover .tooltip-btn {
  top: -28px;
  opacity: 1;
  visibility: visible;
}
.table tbody tr td .block-btns-table .btn .tooltip-btn {
  position: absolute;
  padding: 2px 10px;
  background: #101111;
  color: var(--whitecolor);
  white-space: nowrap;
  font-size: 12px;
  border-radius: 5px;
  top: -30px;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  transition: 0.3s ease;
  box-shadow: 0 5px 18px rgba(0, 0, 0, 0.1);
  pointer-events: none;
}
.table tbody tr td .block-btns-table .btn .tooltip-btn::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  background: #101111;
  z-index: -1;
  bottom: -3px;
}
.table tbody tr td .block-btns-table .btn-danger {
  color: #df4b4b;
  background: #f9edee;
}
.table tbody tr td .block-btns-table .btn-danger:hover {
  background: #df4b4b;
  color: var(--whiteColor);
}
.table tbody tr td .block-btns-table .btn-success {
  color: var(--primaryColor);
  background: #dbe8e7;
}
.table tbody tr td .block-btns-table .btn-success:hover {
  color: var(--whitecolor);
  background: var(--primaryColor);
}
.table tbody tr td .block-btns-table .btn-blue {
  background: #e5e6f0;
  color: #536b8d;
}
.table tbody tr td .block-btns-table .btn-blue:hover {
  background: #536b8d;
  color: var(--whitecolor);
}

.filtre td {
  text-align: center;
}
.filtre th {
  text-align: center;
}

.buble-indicator {
  width: 7px;
  height: 7px;
  background: var(--clr);
  border-radius: 100%;
}

.content-chart .content-circle {
  width: 130px;
  aspect-ratio: 1;
  border-radius: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-chart .content-circle .circle {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  position: relative;
}
.content-chart .content-circle .circle:nth-child(2) {
  position: absolute;
  width: 70%;
  height: 70%;
}
.content-chart .content-circle .circle::after {
  content: "";
  position: absolute;
  inset: 8px;
  background: var(--whiteColor);
  border-radius: 100%;
}

.chart-bar .bar {
  width: 70px;
  height: 210px;
  display: flex;
  align-items: end;
  transition: 0.3s ease;
}
.chart-bar .bar:hover {
  transform: scale(1.05);
}
.chart-bar .bar .bar-move {
  width: 100%;
  height: var(--heighChart);
  border-radius: 8px;
  background: var(--bgChart);
}

.list-sub-admin .items-sub-admin {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.08);
  padding: 10px 0;
}
.list-sub-admin .items-sub-admin .content-sub-admin .avatar-sub-admin {
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  position: relative;
}
.list-sub-admin .items-sub-admin .content-sub-admin .avatar-sub-admin .bubble-status {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 3px solid var(--whiteColor);
  bottom: -3px;
  right: 0;
}
.list-sub-admin .items-sub-admin .content-sub-admin .avatar-sub-admin .bubble-status.on {
  background: #38d0b4;
}
.list-sub-admin .items-sub-admin .content-sub-admin .avatar-sub-admin .bubble-status.off {
  background: #e83724;
}
.list-sub-admin .items-sub-admin .content-sub-admin .avatar-sub-admin img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 100%;
}
.list-sub-admin .items-sub-admin .content-sub-admin .content-name h6 {
  color: var(--darkenBlue);
  font-weight: 600;
  font-size: 14px;
}
.list-sub-admin .items-sub-admin .content-sub-admin .content-name .status {
  font-size: 12px;
  color: var(--grayColor);
}
.list-sub-admin .items-sub-admin .content-action .link-tool {
  display: flex;
  align-items: center;
  padding: 2px 5px;
  background: var(--bgFond);
  font-size: 12px;
  border-radius: 5px;
  color: var(--grayColor);
}
.list-sub-admin .items-sub-admin .content-action .link-tool:hover {
  color: var(--darkenBlue);
}

.block-search-in-table .icone {
  color: var(--grayColor);
  border-radius: 8px 0 0 8px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  padding-left: 14px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-right: none;
}
.block-search-in-table .form-control {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-left: none;
  font-size: 14px;
  border-radius: 0 8px 8px 0;
  height: 34px;
  box-shadow: none;
  color: var(--darkenBlue);
}
.block-search-in-table .btn {
  background: var(--bgFond);
  padding: 0.25rem 12px;
  height: 34px;
  font-size: 12px;
  color: var(--grayColor);
  border: none;
}
.block-search-in-table .btn svg {
  width: 12px;
  height: auto;
  fill: var(--grayColor);
  transition: 0.3s;
}
.block-search-in-table .btn:hover {
  color: var(--darkenBlue);
}
.block-search-in-table .btn:hover svg {
  fill: var(--darkenBlue);
}

.block-article-table .content-article-table .img-article {
  width: auto;
  height: auto;
}
.block-article-table .content-article-table .img-article img {
  width: 50px;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.block-article-table .content-article-table .img-article div {
  width: 36px !important;
  height: 36px !important;
  background: var(--lightGreen) !important;
  border-radius: 8px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: inherit !important;
  color: var(--primaryColor);
  font-size: 16px;
}
.block-article-table .content-article-table .img-article img.img-avatar {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  -o-object-fit: cover;
  object-fit: cover;
  margin-right: 5px;
}
.block-article-table .content-article-table span {
  color: var(--darkenBlue);
}

hr {
  opacity: 0.08;
}

.detail-project .name-project {
  font-size: 20px;
  color: var(--darkenBlue);
  font-weight: 600;
}
.detail-project .block-particant .avatar {
  width: 46px;
  height: 46px;
  flex: 0 0 auto;
}
.detail-project .block-particant .avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 100%;
}
.detail-project .block-particant .block-name-part {
  width: 100%;
}
.detail-project .block-particant .block-name-part h6 {
  font-size: 14px;
  color: var(--darkenBlue);
  font-weight: 500;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.detail-project .block-particant .block-name-part p {
  color: var(--grayColor);
  font-size: 12px;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.detail-project .item-add {
  cursor: pointer;
  color: var(--grayColor);
  font-size: 14px;
  border-radius: 8px;
  justify-content: center;
  transition: 0.3s;
  width: 46px;
  height: 46px;
  border-radius: 100%;
  background: var(--bgFond);
}
.detail-project .item-add:hover {
  color: var(--darkBlue);
  background: var(--lightBlue);
}
.detail-project .block-info-doc {
  display: flex;
  align-items: center;
  padding: 10px;
  border-radius: 8px;
  border: 1px dashed rgba(0, 0, 0, 0.1);
  position: relative;
}
.detail-project .block-info-doc .block-option {
  position: absolute;
  top: 5px;
  right: 5px;
}
.detail-project .block-info-doc .block-option .btn {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  padding: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  font-size: 10px;
}
.detail-project .block-info-doc .icon {
  background: var(--lightBlue);
  color: var(--darkBlue);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-size: 20px;
  flex: 0 0 auto;
  margin-right: 10px;
}
.detail-project .block-info-doc .detail {
  width: 70%;
}
.detail-project .block-info-doc .detail h6 {
  font-size: 14px;
  color: var(--darkenBlue);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0;
}
.detail-project .block-info-doc .detail span {
  font-size: 12px;
  color: var(--grayColor);
  display: block;
}
.detail-project .mount {
  color: var(--whiteColor);
  font-size: 18px;
  font-weight: 500;
  display: inline-flex;
  padding: 10px;
  background: var(--darkBlue);
  border-radius: 8px;
  line-height: 100%;
}

.block-aside {
  background: var(--whiteColor);
  box-shadow: 0 10px 18px rgba(148, 172, 181, 0.141);
  height: calc(100vh - 65px);
  position: sticky;
  top: 65px;
  margin-right: -12px;
  margin-top: -12px;
}
.block-aside .content {
  height: 100%;
  padding: 24px;
  overflow: hidden;
  overflow-y: auto;
}
.block-aside .content h4 {
  font-size: 16px;
  font-weight: 600;
  color: var(--darkenBlue);
}
.block-aside .content .content-items .item {
  padding: 8px 14px;
  border: 1px dashed #e3ebee;
  border-radius: 8px;
}
.block-aside .content .content-items .item p {
  font-size: 12px;
  color: var(--grayColor);
  margin-bottom: 5px;
}
.block-aside .content .content-items .item h6 {
  font-size: 14px;
  color: var(--darkenBlue);
  margin-bottom: 0;
}

.block-detail-user .item {
  font-size: 14px;
  font-weight: 500;
  color: var(--darkenBlue);
}
.block-detail-user .label-sm {
  font-size: 13px;
}

.nav-tab-indicator {
  border: none;
  flex-wrap: nowrap;
  overflow: hidden;
  overflow-x: auto;
  padding-bottom: 7px;
  scrollbar-width: none;
}
.nav-tab-indicator::-webkit-scrollbar {
  display: none;
}
.nav-tab-indicator li {
  white-space: nowrap;
}
.nav-tab-indicator li:first-child .nav-link {
  padding-left: 0;
}
.nav-tab-indicator li .nav-link {
  border: none;
  font-size: 13px;
  color: var(--graycolor);
  font-weight: 500;
  position: relative;
  transition: 0.3s;
  background: transparent !important;
}
.nav-tab-indicator li .nav-link:hover {
  color: var(--primaryColor);
}
.nav-tab-indicator li .nav-link::before {
  content: "";
  width: 50%;
  height: 3px;
  border-radius: 5px;
  background: var(--primaryColor);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -5px;
  opacity: 0;
  transition: 0.3s;
  border-radius: 5px;
}
.nav-tab-indicator li .nav-link.active {
  color: var(--primaryColor);
}
.nav-tab-indicator li .nav-link.active::before {
  opacity: 1;
}

.block-panel {
  padding: 20px 0;
  background: var(--whiteColor);
  margin-top: -8px;
  margin-bottom: 14px;
}

.label-input {
  color: var(--grayColor);
  font-size: 12px !important;
  margin-bottom: 10px;
}
.label-input p {
  font-size: 14px;
  color: var(--darkBlue);
}

.alert-lightGreen {
  background: var(--lightGreen);
}
.alert-lightGreen p {
  color: var(--darkBlue);
}
.alert-lightGreen h6 {
  color: var(--darkBlue);
}

.alert-lightRed {
  background: rgba(196, 28, 28, 0.1098039216);
}
.alert-lightRed h6 {
  color: #c41c1c;
}

.item-color {
  display: inline-flex;
  padding: 8px 14px;
  background: var(--lightGreen);
  border-radius: 8px;
  font-size: 16px;
  color: var(--primaryColor);
}
.item-color span {
  font-weight: 600;
}

.modal {
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.modal .alert {
  padding: 14px;
}
.modal .alert h6 {
  color: var(--darkBlue);
}
.modal .modal-content {
  border: none;
}
.modal .modal-content .modal-header {
  border: none;
  padding: 18px 26px;
}
.modal .modal-content .modal-header .modal-title {
  font-size: 16px !important;
  color: var(--darkBlue);
}
.modal .modal-content .modal-header .modal-title span {
  color: var(--primaryColor);
}
.modal .modal-content .modal-header .btn-close {
  font-size: 14px;
  color: var(--darkBlue) !important;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  background-image: none;
}
.modal .modal-content .modal-body {
  padding: 12px 26px;
  border-radius: 12px;
}
.modal .modal-content .modal-body .close-modal-fixed {
  padding: 0;
  width: 34px;
  height: 34px;
  background: rgba(255, 255, 255, 0.6);
  color: var(--darkenBlue);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  border-radius: 12px;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  top: 20px;
  right: 20px;
  position: absolute;
  border: 1px solid rgba(255, 255, 255, 0.103);
  box-shadow: 0 5px 10px rgba(148, 172, 181, 0.063);
}
.modal .modal-content .modal-body p {
  color: var(--graycolor);
}
.modal .modal-content .modal-body p span {
  color: var(--darkBlue);
  font-weight: 500;
}
.modal .modal-content .modal-body .content-form-projet {
  padding: 44px 44px;
}
.modal .modal-content .modal-body .content-form-projet h4 {
  color: var(--darkenBlue);
}
.modal .modal-content .modal-body .content-form-projet .multiple-panel {
  overflow: hidden;
  position: relative;
}
.modal .modal-content .modal-body .content-form-projet .multiple-panel .panel {
  width: 100%;
  transition: 0.3s ease;
  position: relative;
}
.modal .modal-content .modal-body .content-form-projet .multiple-panel .panel:last-child {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  pointer-events: none;
}
.modal .modal-content .modal-body .content-form-projet .multiple-panel .panel.slide {
  position: absolute;
  top: 0;
  opacity: 0;
  left: 0;
}
.modal .modal-content .modal-body .content-form-projet .multiple-panel .panel.show {
  position: relative;
  transform: translateX(0);
  opacity: 1;
  pointer-events: visible;
}
.modal .modal-content .modal-body .form-group {
  position: relative;
}
.modal .modal-content .modal-body .form-group .dropdown-tag {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  z-index: 2;
}
.modal .modal-content .modal-body .form-group .dropdown-tag .dropdown-menu {
  min-width: 290px;
}
.modal .modal-content .modal-body .form-group .dropdown-tag .dropdown-menu .btn {
  font-size: 13px;
  padding: 6px 12px;
}
.modal .modal-content .modal-body .form-group .dropdown-tag .dropdown-menu input {
  height: 34px;
  font-size: 12px;
}
.modal .modal-content .modal-body .form-group .add-new-tag {
  color: var(--graycolor);
  width: 26px;
  height: 26px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
.modal .modal-content .modal-body .form-group .add-new-tag:hover {
  background: var(--whitecolor);
  color: var(--primaryColor);
}
.modal .modal-content .form-control {
  border: none;
  font-size: 14px;
  box-shadow: none;
  color: var(--darkBlue);
  background: var(--bgFond);
}
.modal .modal-content .form-control::-moz-placeholder {
  color: var(--graycolor);
  opacity: 0.5;
}
.modal .modal-content .form-control::placeholder {
  color: var(--graycolor);
  opacity: 0.5;
}
.modal .modal-content .form-control:focus {
  background: var(--whitecolor);
  box-shadow: 0 0 0 2px var(--primaryColor) !important;
}
.modal .modal-content input.form-control,
.modal .modal-content select.form-control {
  height: 40px;
}

.modalQuitance .modal-content {
  padding: 50px;
  position: relative;
  width: 793px;
  max-width: 100%;
  min-height: 1030px;
  z-index: 1;
  border-radius: 0;
  background: #fff !important;
}
.modalQuitance .modal-content .cadre {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}
.modalQuitance .modal-content .cadre img {
  width: 110%;
  position: relative;
  display: block;
  margin-top: auto;
  bottom: -22px;
}
.modalQuitance .modal-content .modal-header .modal-title {
  font-size: 24px !important;
  color: #000929;
}
.modalQuitance .modal-content .logo img {
  width: 220px;
}
.modalQuitance .modal-content .item span {
  color: #000929;
  font-weight: 600;
}
.modalQuitance .modal-content .item p {
  color: #000929;
}
.modalQuitance .modal-content p {
  color: #000929 !important;
}
.modalQuitance .modal-content .title-objet {
  font-size: 22px;
  color: #000929;
}
.modalQuitance .modal-content .title-objet span {
  color: #000929;
  font-weight: 600;
}
.modalQuitance .modal-content .table-striped thead th {
  background: none !important;
  border-right: none !important;
  text-transform: none !important;
  color: #000929;
}
.modalQuitance .modal-content .table-striped tbody td {
  color: #000929 !important;
}

.form-in-card {
  border: 1px solid rgba(0, 0, 0, 0.08);
  font-size: 14px;
  box-shadow: none !important;
  resize: none;
  color: var(--darkenBlue);
}
.form-in-card::-moz-placeholder {
  color: var(--grayColor);
  color: var(--grayColor);
}
.form-in-card::placeholder {
  color: var(--grayColor);
}
.form-in-card:focus {
  border-color: var(--darkBlue);
}

.breadcrumb .breadcrumb-item {
  font-size: 14px;
}
.breadcrumb .breadcrumb-item a {
  color: var(--darkenBlue);
  font-size: 14px;
  display: flex;
  align-items: center;
  transition: 0.3s;
}
.breadcrumb .breadcrumb-item a:hover {
  color: var(--darkBlue);
}
.breadcrumb .breadcrumb-item a .fi {
  font-size: 12px;
  margin-right: 5px;
}
.breadcrumb .breadcrumb-item.active {
  color: var(--grayColor);
}

.block-img-upload label {
  padding: 20px;
  border: 2px dashed rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  cursor: pointer;
}
.block-img-upload label .fi {
  color: var(--darkBlue);
  font-size: 24px;
}
.block-img-upload label p {
  color: var(--grayColor);
  font-size: 14px;
  margin-bottom: 0;
}
.block-img-upload .image-list {
  padding-left: 0;
  list-style: none;
}
.block-img-upload .image-list li {
  width: 25%;
  position: relative;
}
.block-img-upload .image-list li button {
  position: absolute;
  border: none;
  width: 20px;
  height: 20px;
  background: var(--bgFond);
  border-radius: 100%;
  display: flex;
  align-items: center;
}
.block-img-upload .image-list li img {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  height: 80px;
}

.sub-text {
  font-size: 14px;
  color: var(--grayColor);
}

.block-times-sm .bubble-time {
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  position: relative;
  z-index: 1;
  transition: 0.5s;
}
.block-times-sm .bubble-time span {
  font-size: 14px;
  color: var(--whiteColor);
  font-weight: 500;
}
.block-times-sm .bubble-time::before {
  content: "";
  position: absolute;
  width: 80%;
  height: 80%;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 100%;
  z-index: -1;
  border: 1px solid rgba(0, 0, 0, 0.01);
  box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.0509803922);
}
.block-times-sm .bubble-time::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  z-index: -2;
  filter: blur(20px);
  opacity: 0.3;
}
.block-times-sm .bubble-time.active {
  background: linear-gradient(135deg, #38d0b4 0%, #45d99b 100%);
  transform: rotate(360deg);
}
.block-times-sm .bubble-time.active::after {
  background: linear-gradient(135deg, #38d0b4 0%, #45d99b 100%);
}
.block-times-sm .bubble-time.stop {
  background: linear-gradient(135deg, #ff7263 0%, #ff639e 100%);
}
.block-times-sm .bubble-time.stop::after {
  background: linear-gradient(135deg, #ff7263 0%, #ff639e 100%);
}
.block-times-sm .bubble-time.pause {
  background: linear-gradient(135deg, #fdba63 0%, #fd8e63 100%);
}
.block-times-sm .bubble-time.pause::after {
  background: linear-gradient(135deg, #fdba63 0%, #fd8e63 100%);
}
.block-times-sm .block-btns-action-time {
  display: flex;
  justify-content: center;
  align-items: center;
}
.block-times-sm .block-btns-action-time a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background: var(--bgFond);
  color: var(--grayColor);
  font-size: 14px;
  transition: 0.3s;
  transform: scale(1);
  will-change: transform;
}
.block-times-sm .block-btns-action-time a:hover {
  color: var(--darkenBlue);
  transform: scale(1.03);
}

header .navbar {
  padding: 11px;
  background: #21264f;
  background: var(--bgFond);
  background: var(--whitecolor);
  border-radius: 12px;
  box-shadow: rgba(63, 105, 99, 0.05) 0px 10px 30px 0px;
}
header .navbar .menu-toggle {
  display: flex;
  width: 32px;
  height: 32px;
  gap: 4px;
  position: relative;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}
header .navbar .menu-toggle span {
  display: block;
  height: 2px;
  background: var(--darkBlue);
  border-radius: 5px;
}
header .navbar .menu-toggle span:nth-child(1) {
  width: 16px;
}
header .navbar .menu-toggle span:nth-child(2) {
  width: 24px;
}
header .navbar .menu-toggle span:nth-child(3) {
  width: 18px;
}
header .navbar .title-page-header {
  color: var(--darkBlue);
  font-weight: 600;
  font-size: 13px !important;
}
header .navbar .menu {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px dashed rgba(255, 255, 255, 0.3215686275);
  border-radius: 8px;
  color: var(--whiteColor);
  cursor: pointer;
  transition: 0.3s;
}
header .navbar .menu:hover {
  background: rgba(255, 255, 255, 0.168627451);
  border-color: transparent;
  color: var(--whiteColor);
}
header .navbar .menu .fi {
  transition: 0.3s ease;
}
header .navbar .menu.close .fi {
  transform: rotate(180deg);
}
header .navbar .logo {
  color: var(--whiteColor);
  font-size: 18px;
  font-weight: 600;
  border-left: 1px solid rgba(255, 255, 255, 0.205);
}
header .navbar .logo .icon {
  width: 32px;
  height: 32px;
  background: var(--whiteColor);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--darkBlue);
}
header .navbar .block-search-nav {
  padding: 7px 18px;
  background: rgba(255, 255, 255, 0.231372549);
  border-radius: 50px;
  max-width: 100%;
  position: relative;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  border: 1px solid rgba(255, 255, 255, 0.103);
}
header .navbar .block-search-nav .input-group-text {
  background: transparent;
  border: none;
  border-radius: 50px 0px 0px 50px;
  padding: 0;
  font-size: 14px;
  color: var(--whiteColor);
}
header .navbar .block-search-nav .form-control {
  border: none;
  border-radius: 0 50px 50px 0;
  font-size: 14px;
  padding: 0;
  background: transparent;
  color: var(--whiteColor);
  box-shadow: none !important;
}
header .navbar .block-search-nav .form-control::-moz-placeholder {
  color: var(--whiteColor);
  opacity: 0.7;
  color: var(--whiteColor);
  opacity: 0.7;
}
header .navbar .block-search-nav .form-control::placeholder {
  color: var(--whiteColor);
  opacity: 0.7;
}
header .navbar .block-search-nav .form-control:focus + .block-result {
  opacity: 1;
  visibility: visible;
  top: 110%;
}
header .navbar .block-search-nav .block-result {
  position: absolute;
  width: 100%;
  padding: 20px 30px;
  box-shadow: rgba(148, 172, 181, 0.141) 0px 0px 50px 0px;
  border-radius: 12px !important;
  top: 130%;
  left: 0;
  background: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
header .navbar .block-search-nav .block-result h6 {
  color: var(--darkenBlue);
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 15px;
}
header .navbar .block-search-nav .block-result ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 0;
}
header .navbar .block-search-nav .block-result ul li {
  width: 100%;
}
header .navbar .block-search-nav .block-result ul li a {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--grayColor);
  display: flex;
  align-items: center;
  font-size: 14px;
  gap: 7px;
  transition: 0.3s;
}
header .navbar .block-search-nav .block-result ul li a:hover {
  color: var(--darkenBlue);
}
header .navbar .tools-nav .content-tools-nav {
  padding: 5px 7px;
  background: rgba(255, 255, 255, 0.1176470588);
  border-radius: 50px;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  border: 1px solid rgba(255, 255, 255, 0.099);
}
header .navbar .tools-nav .link-tool {
  font-size: 18px;
  color: var(--graycolor);
  transition: 0.3s;
  position: relative;
}
header .navbar .tools-nav .link-tool:hover {
  color: var(--primaryColor);
}
header .navbar .tools-nav .link-tool .indice {
  position: absolute;
  background: #e83724;
  color: var(--whiteColor);
  border-radius: 50px;
  font-size: 10px;
  display: flex;
  width: 14px;
  height: 14px;
  align-items: center;
  justify-content: center;
  right: 0px;
  top: -3px;
}
header .navbar .tools-nav .block-theme a {
  width: 50%;
  padding: 5px 12px;
  color: var(--whiteColor);
  font-size: 14px;
  gap: 7px;
}
header .navbar .tools-nav .block-theme a:first-child {
  border-radius: 50px;
}
header .navbar .tools-nav .block-theme a.active {
  background: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: var(--darkenBlue);
  font-weight: 500;
}
header .navbar .tools-nav .user-app {
  line-height: 100%;
  cursor: pointer;
  border-left: 1px solid rgba(0, 0, 0, 0.08);
}
header .navbar .tools-nav .user-app .fi.fi-rr-menu-dots {
  font-size: 12px;
  color: var(--graycolor);
}
header .navbar .tools-nav .user-app .avatar-user-app {
  width: 32px;
  height: 32px;
  border-radius: 100%;
  flex: 0 0 auto;
}
header .navbar .tools-nav .user-app .avatar-user-app img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 100%;
}
header .navbar .tools-nav .user-app .info-user-app h6 {
  font-size: 14px;
  color: var(--darkBlue);
  margin-bottom: 0;
  white-space: nowrap;
}
header .navbar .tools-nav .user-app .info-user-app h6 .fi {
  font-size: 12px;
  color: var(--colorMuted);
}
header .navbar .tools-nav .user-app .info-user-app p {
  font-size: 12px;
  margin-bottom: 0;
  color: var(--graycolor);
  white-space: nowrap;
}

.avatar-lg {
  width: 150px;
  height: 150px;
  position: relative;
}
.avatar-lg::before {
  content: "";
  position: absolute;
  inset: -5px;
  border: 3px solid var(--primaryColor);
  border-radius: 100%;
}
.avatar-lg img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
}

.btn-bg-linear {
  background: linear-gradient(to right, #63d3ff 0%, #6392ff 100%);
  border: none;
  font-size: 14px;
  color: var(--darkenBlue);
  padding: 8px 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  border-radius: 8px;
}
.btn-bg-linear::before {
  content: "";
  position: absolute;
  width: 98%;
  height: 90%;
  border-radius: 8px;
  background: var(--whiteColor);
  z-index: -1;
}

.block-chrono-sm {
  position: relative;
  z-index: 3;
}
.block-chrono-sm .block-show-chrono {
  position: absolute;
  z-index: 1;
  background: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  padding: 22px 24px;
  border-radius: 12px;
  right: 0;
  top: 120%;
  opacity: 0;
  visibility: hidden;
  box-shadow: rgba(148, 172, 181, 0.141) 0px 0px 50px 0px;
  transition: 0.5s;
}
.block-chrono-sm .block-show-chrono h6 {
  font-size: 14px;
  color: var(--darkenBlue);
  font-weight: 600;
}
.block-chrono-sm .block-show-chrono.show {
  opacity: 1;
  visibility: visible;
  top: 100%;
}
.block-chrono-sm .content-chrono {
  background: var(--whiteColor);
  padding: 7px 12px;
  border-radius: 50px;
  cursor: pointer;
}
.block-chrono-sm .content-chrono .icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  position: relative;
}
.block-chrono-sm .content-chrono .icon::before {
  content: "";
  position: relative;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: var(--whiteColor);
}
.block-chrono-sm .content-chrono span {
  font-size: 14px;
  color: var(--darkenBlue);
}
.block-chrono-sm .content-chrono.active .icon {
  background: #38d0b4;
}

.textarea-lg {
  height: 300px;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group .file-block {
  position: relative;
  z-index: 1;
}
.input-group .file-block.oneFile input {
  opacity: 1;
  font-size: 14px;
}
.input-group .file-block.oneFile input:focus ~ .fake-input-file {
  border-color: transparent;
  background: transparent;
}
.input-group .file-block.oneFile input:focus ~ .bgInput {
  border-color: var(--primaryColor);
  background: transparent;
}
.input-group .file-block.oneFile .fake-input-file {
  background: transparent;
  z-index: 1;
  pointer-events: none;
  padding: 0;
}
.input-group .file-block.oneFile .bgInput {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: var(--bgFond);
  border-radius: 8px;
  border: 1px solid transparent;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  padding: 5px;
  transition: 0.3s;
}
.input-group .file-block.oneFile .icon {
  width: 96px;
  border-radius: 6px 0 0 6px;
}
.input-group .file-block input {
  opacity: 0;
  height: 40px;
  cursor: pointer;
}
.input-group .file-block input:focus ~ .fake-input-file {
  border-color: var(--primaryColor);
  background: transparent;
}
.input-group .file-block .fake-input-file {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: var(--bgFond);
  border-radius: 8px;
  border: 1px solid transparent;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  padding: 5px;
  transition: 0.3s;
}
.input-group .file-block .icon {
  color: var(--colorParagraph);
  background: var(--whitecolor);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 100%;
  border-radius: 5px;
  font-size: 12px;
}
.input-group .file-block span {
  font-size: 13px;
  color: var(--graycolor);
  opacity: 0.6;
}
.input-group .file-block span.opacity {
  opacity: 1;
  color: var(--darkBlue);
}

.text-adress-table {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 150px;
}

.block-card-transparent .title-card {
  font-size: 14px;
  font-weight: 600;
  color: var(--darkBlue);
}
.block-card-transparent .table {
  background: transparent;
}
.block-card-transparent .table thead tr th {
  background: var(--lightGreen);
  text-transform: none !important;
  border: none;
  font-size: 13px;
  color: var(--graycolor);
  border-radius: 0;
}
.block-card-transparent .table thead tr th:first-child {
  border-radius: 8px 0 0 0;
}
.block-card-transparent .table thead tr th:last-child {
  border-radius: 0px 8px 0 0;
}
.block-card-transparent .table tbody tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.block-card-transparent .table tbody tr:last-child {
  border-bottom: none;
}
.block-card-transparent .table tbody tr:last-child td {
  border: none !important;
}
.block-card-transparent .table tbody tr:last-child td:first-child {
  border-radius: 0px 0 0 8px;
}
.block-card-transparent .table tbody tr:last-child td:last-child {
  border-radius: 0px 0px 8px 0px;
}
.block-card-transparent .table.table-footer tbody tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.block-card-transparent .table.table-footer tbody tr:last-child td:first-child {
  border-radius: 0px 0px 0px 0px;
}
.block-card-transparent .table.table-footer tbody tr:last-child td:last-child {
  border-radius: 0px 0px 0px 0px;
}
.block-card-transparent .table.table-footer tfoot tr td {
  background: var(--lightGreen);
  color: var(--darkBlue);
  font-size: 14px;
}
.block-card-transparent .table.table-footer tfoot tr td:first-child {
  border-radius: 0px 0 0 8px;
}
.block-card-transparent .table.table-footer tfoot tr td:last-child {
  border-radius: 0px 0px 8px 0px;
}
.block-card-transparent .table td {
  border-bottom: none;
  white-space: nowrap;
}
.block-card-transparent .table .tr-separator td {
  background: transparent;
  padding: 0.5px 0;
}
.block-card-transparent .table .tr-border-radius {
  box-shadow: 0 5px 18px rgba(148, 172, 181, 0.082);
}

.col-12 .toggleMaps {
  height: 320px !important;
  border-radius: 12px;
}

.block-date .content-date {
  background: var(--whiteColor);
  padding: 7px 12px;
  border-radius: 50px;
  cursor: pointer;
}
.block-date .content-date .icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  position: relative;
  background: var(--bgFond);
  font-size: 12px;
}
.block-date .content-date .date {
  font-size: 14px;
  color: var(--darkenBlue);
}

.block-bg-linear {
  height: 100%;
  background: linear-gradient(135deg, rgba(99, 211, 255, 0.1137254902), rgba(99, 146, 255, 0.137254902));
  background: #def4fd;
  border-radius: 12px;
  padding: 70px;
}
.block-bg-linear .block-card-design {
  width: 100%;
  height: 420px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.block-bg-linear .block-card-design::before {
  content: "";
  position: absolute;
  width: 320px;
  height: 320px;
  border-radius: 100%;
  background: linear-gradient(to right, #63d3ff, #6392ff);
  opacity: 0.3;
  filter: blur(50px);
}
.block-bg-linear .block-card-design .item-design {
  position: absolute;
  width: 140px;
  height: 140px;
  background: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  border: 1px solid white;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-bg-linear .block-card-design .item-design svg {
  width: 38px;
  height: 38px;
  fill: var(--darkenBlue);
}
.block-bg-linear .block-card-design .item-design:first-child {
  top: 0;
  left: 0;
}
.block-bg-linear .block-card-design .item-design:nth-child(2) {
  right: 0;
}
.block-bg-linear .block-card-design .item-design:last-child {
  bottom: 0;
  left: 0;
}

.btn-action-table {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.6) !important;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  padding: 0 !important;
  width: 36px !important;
  height: 36px !important;
  box-shadow: 0 5px 10px rgba(148, 172, 181, 0.141);
  border: 1px solid rgba(255, 255, 255, 0.3607843137) !important;
  font-size: 14px;
  color: var(--grayColor);
}

.block-search-table {
  height: 36px;
  background: rgb(255, 255, 255) !important;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.3607843137) !important;
  box-shadow: 0 5px 10px rgba(148, 172, 181, 0.141);
}
.block-search-table .icon {
  font-size: 12px;
  margin-left: 10px;
  color: var(--grayColor);
}
.block-search-table .form-control {
  border: none !important;
  box-shadow: none !important;
  padding: 0;
  padding-left: 16px;
  height: auto;
  background: none;
  font-size: 12px;
  color: var(--darkenBlue);
}
.block-search-table .form-control::-moz-placeholder {
  color: var(--grayColor);
  opacity: 0.6;
  color: var(--grayColor);
  opacity: 0.6;
}
.block-search-table .form-control::placeholder {
  color: var(--grayColor);
  opacity: 0.6;
}

.card-home-sm {
  border: none;
  background: transparent;
  border-radius: 8px;
}
.card-home-sm .img-home {
  height: 7.5rem;
  overflow: hidden;
  position: relative;
  z-index: 1;
  border-radius: 8px;
}
.card-home-sm .img-home::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0) 30%);
  z-index: 1;
}
.card-home-sm .img-home .map-marker {
  position: absolute;
  display: flex;
  bottom: 10px;
  right: 10px;
  background: var(--whitecolor);
  border-radius: 50px;
  font-size: 10px;
  color: var(--darkBlue);
  gap: 3px;
  z-index: 2;
  padding: 4px 6px;
  line-height: 100%;
}
.card-home-sm .img-home img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px 8px;
}
.card-home-sm .detail-home {
  line-height: 100%;
}
.card-home-sm .detail-home p {
  font-size: 11px !important;
  opacity: 0.7;
  margin-bottom: 5px !important;
}
.card-home-sm .detail-home .name-home {
  font-size: 14px;
  font-weight: 500;
  color: var(--darkBlue);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 10px;
}
.card-home-sm .detail-home .price-home span {
  font-size: 16px;
}
.card-home-sm .detail-home .price-home span:first-child {
  color: var(--primaryColor);
  font-weight: 500;
}
.card-home-sm .detail-home .price-home span:last-child {
  color: var(--graycolor);
  font-size: 12px;
}

#map_villes .leaflet-pane.leaflet-marker-pane img.leaflet-marker-icon {
  width: 40px !important;
  height: auto !important;
}

.leaflet-control-zoom {
  border: none !important;
}
.leaflet-control-zoom .leaflet-control-zoom-in,
.leaflet-control-zoom .leaflet-control-zoom-out {
  margin-bottom: 2px;
  border: none !important;
  border-radius: 6px !important;
  color: var(--graycolor) !important;
  font-size: 14px !important;
}

.icon-click {
  font-size: 12px;
  color: var(--graycolor);
}

.col-hidden.show {
  animation: fade 0.3s forwards;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.block-check-theme {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.block-check-theme input {
  position: absolute;
  width: 100%;
  z-index: 1;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.block-check-theme input:checked ~ .fake-check {
  background: var(--primaryColor);
}
.block-check-theme input:checked ~ .fake-check span {
  left: 16px;
  animation: distorsion 0.5s cubic-bezier(0.51, -0.62, 0.07, 1.01) !important;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
}
@keyframes distorsion {
  0% {
    width: 28px;
  }
  100% {
    width: 18px;
  }
}
.block-check-theme input:not(:checked) ~ .fake-check span {
  animation: reverse-distorsion 0.5s cubic-bezier(0.51, -0.62, 0.07, 1.01) !important;
}
@keyframes reverse-distorsion {
  0% {
    width: 28px;
  }
  100% {
    width: 18px;
  }
}
.block-check-theme .fake-check {
  position: relative;
  width: 36px;
  height: 20px;
  background: #c6cccb;
  border-radius: 50px;
  display: flex;
  align-items: center;
  transition: 0.3s;
}
.block-check-theme .fake-check span {
  width: 18px;
  height: 18px;
  position: absolute;
  border-radius: 100%;
  background: var(--whitecolor);
  left: 2px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
  transition: 0.3s;
}

footer {
  padding: 20px 0;
  background: var(--whitecolor);
}
footer p {
  font-size: 11px;
  color: var(--graycolor);
  margin-bottom: 0;
}
footer .block-img-footer img {
  width: 100px;
}
footer .block-img-footer img:nth-child(2) {
  display: none;
}

.drop-menu-notif {
  width: 270px;
}
.drop-menu-notif h6 {
  color: var(--darkBlue);
}
.drop-menu-notif .alerts {
  max-height: 320px;
  overflow-y: auto;
  scrollbar-width: thin;
}
.drop-menu-notif .alerts .item-alert {
  padding: 5px 0;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.08);
}
.drop-menu-notif .alerts .item-alert.warning .icon {
  background: rgba(229, 169, 90, 0.2705882353);
  color: #e5a95a;
}
.drop-menu-notif .alerts .item-alert.danger .icon {
  background: rgba(229, 90, 90, 0.2705882353);
  color: #e55a5a;
}
.drop-menu-notif .alerts .item-alert .icon {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bgFond);
  flex: 0 0 32px;
  border-radius: 8px;
  color: var(--graycolor);
}
.drop-menu-notif .alerts .item-alert p {
  font-size: 13px;
  line-height: 110%;
  color: var(--graycolor);
}
.drop-menu-notif .alerts .item-alert p span {
  color: var(--darkBlue);
}

.block-avatar-user-profil {
  z-index: 1;
}
.block-avatar-user-profil::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -10px;
  border-radius: 100%;
  border: 5px solid var(--bgFond);
}

.global-div {
  min-height: 100vh;
  background: var(--whitecolor);
  transition: background 0.3s;
}
.global-div .sidebar {
  position: fixed !important;
  flex: 0 0 auto;
  z-index: 1030;
  width: var(--widthSidebarLg);
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  background: var(--whitecolor);
  transition: 0.3s ease;
  box-shadow: none !important;
}
.global-div .sidebar h6 {
  font-size: 13px;
  color: var(--graycolor);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.global-div .sidebar hr {
  opacity: 0.1 !important;
}
.global-div .sidebar .header {
  padding: 7.5px 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.global-div .sidebar .header .logo {
  color: var(--darkBlue);
  font-size: 18px;
  font-weight: 600;
  color: var(--darkBlue);
}
.global-div .sidebar .header .logo img {
  width: 93%;
  max-height: 40px;
}
.global-div .sidebar .header .logo .icon {
  width: 32px;
  height: 32px;
  background: var(--primaryColor);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--whitecolor);
  font-size: 14px;
}
.global-div .sidebar .header .menu,
.global-div .sidebar .header .menu-close {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  color: var(--graycolor);
  cursor: pointer;
  transition: 0.3s;
  background: var(--bgFond);
}
.global-div .sidebar .header .menu:hover,
.global-div .sidebar .header .menu-close:hover {
  color: var(--primaryColor);
}
.global-div .sidebar .header .menu .fi,
.global-div .sidebar .header .menu-close .fi {
  transition: 0.3s ease;
}
.global-div .sidebar .body {
  flex-grow: 1;
  padding: 10px 16px;
  overflow-y: auto;
  scrollbar-width: thin;
}
.global-div .sidebar .body .list-nav {
  list-style: none;
}
.global-div .sidebar .body .list-nav li .link-list-nav {
  padding: 8px 14px;
  margin-bottom: 6px;
  color: var(--darkBlue);
  transition: 0.3s;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  border-radius: 12px 0 0 12px !important;
  z-index: 1;
}
.global-div .sidebar .body .list-nav li .link-list-nav::before {
  content: "";
  position: absolute;
  left: -16px;
  height: 100%;
  width: 3px;
  background: var(--primaryColor);
  border-radius: 0 5px 5px 0;
  display: none;
}
.global-div .sidebar .body .list-nav li .link-list-nav .tooltip-menu {
  position: fixed;
  white-space: nowrap;
  font-size: 12px;
  color: var(--whitecolor);
  padding: 8px 14px;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.9);
  left: var(--widthSidebarSm);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.global-div .sidebar .body .list-nav li .link-list-nav .title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.global-div .sidebar .body .list-nav li .link-list-nav .fi {
  font-size: 18px;
}
.global-div .sidebar .body .list-nav li .link-list-nav svg {
  width: 18px;
  height: 18px;
  fill: var(--darkBlue);
  transition: 0.3s;
  flex: 0 0 auto;
}
.global-div .sidebar .body .list-nav li .link-list-nav .fi-sr {
  display: none;
}
.global-div .sidebar .body .list-nav li .link-list-nav .bar-white {
  position: absolute;
  width: 16px;
  height: 100%;
  background: var(--bgFond);
  top: 0;
  right: -16px;
  display: none;
  transition: background 0.3s;
}
.global-div .sidebar .body .list-nav li .link-list-nav .bar {
  position: absolute;
  width: 100%;
  height: 7px;
  background: var(--bgFond);
  left: 0;
  z-index: 1;
  display: none;
  transition: background 0.3s;
}
.global-div .sidebar .body .list-nav li .link-list-nav .bar::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--whitecolor);
  top: 0;
  left: 0;
  transition: background 0.3s;
}
.global-div .sidebar .body .list-nav li .link-list-nav .bar:nth-child(1) {
  top: -7px;
}
.global-div .sidebar .body .list-nav li .link-list-nav .bar:nth-child(1) span::before {
  border-radius: 0 0 18px 0;
}
.global-div .sidebar .body .list-nav li .link-list-nav .bar:nth-child(2) {
  bottom: -7px;
}
.global-div .sidebar .body .list-nav li .link-list-nav .bar:nth-child(2) span::before {
  border-radius: 0 18px 0px 0;
}
.global-div .sidebar .body .list-nav li .link-list-nav .bar span {
  position: absolute;
  width: 16px;
  height: 100%;
  background: var(--bgFond);
  top: 0;
  right: -16px;
  transition: background 0.3s;
}
.global-div .sidebar .body .list-nav li .link-list-nav .bar span::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--whitecolor);
  top: 0;
  left: 0;
  transition: background 0.3s;
}
.global-div .sidebar .body .list-nav li .link-list-nav:hover {
  color: var(--primaryColor);
}
.global-div .sidebar .body .list-nav li .link-list-nav:hover svg {
  fill: var(--primaryColor);
}
.global-div .sidebar .body .list-nav li .link-list-nav.active {
  background: var(--bgFond);
  color: var(--primaryColor);
}
.global-div .sidebar .body .list-nav li .link-list-nav.active::before {
  display: block !important;
}
.global-div .sidebar .body .list-nav li .link-list-nav.active .fi-sr {
  display: flex;
}
.global-div .sidebar .body .list-nav li .link-list-nav.active .bar {
  display: block;
}
.global-div .sidebar .body .list-nav li .link-list-nav.active .bar-white {
  display: block;
}
.global-div .sidebar .body .list-nav li .link-list-nav.active .fi-rr {
  display: none;
}
.global-div .sidebar .body .list-nav li .link-list-nav.active svg {
  fill: var(--primaryColor);
}
.global-div .sidebar .body .list-nav li.separator {
  position: relative;
}
.global-div .sidebar .body .list-nav li.separator::before {
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  width: 100%;
  height: 1px;
  background: #f2f6f8;
}
.global-div .sidebar .footer {
  padding: 14px 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.global-div .sidebar .footer .block-theme {
  background: var(--bgFond);
  padding: 5px 5px;
  border-radius: 12px;
}
.global-div .sidebar .footer .block-theme a {
  width: 50%;
  padding: 5px 12px;
  border-radius: 8px;
  color: var(--grayColor);
  font-size: 14px;
  gap: 7px;
}
.global-div .sidebar .footer .block-theme a.active {
  background: var(--whiteColor);
  color: var(--darkenBlue);
  font-weight: 500;
}
.global-div .sidebar .footer .user-app {
  line-height: 100%;
  cursor: pointer;
}
.global-div .sidebar .footer .user-app .avatar-user-app {
  width: 32px;
  height: 32px;
  border-radius: 100%;
  flex: 0 0 auto;
}
.global-div .sidebar .footer .user-app .avatar-user-app img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 100%;
}
.global-div .sidebar .footer .user-app .info-user-app h6 {
  font-size: 14px;
  color: var(--darkenBlue);
  margin-bottom: 0;
  white-space: nowrap;
}
.global-div .sidebar .footer .user-app .info-user-app h6 .fi {
  font-size: 12px;
  color: var(--colorMuted);
}
.global-div .sidebar .footer .user-app .info-user-app p {
  font-size: 12px;
  margin-bottom: 0;
  color: var(--grayColor);
  white-space: nowrap;
  opacity: 0.6;
}
.global-div .sidebar .footer .list-nav {
  list-style: none;
}
.global-div .sidebar .footer .list-nav .link-list-nav {
  font-size: 14px;
  font-weight: 500;
  color: var(--darkBlue);
}
.global-div .sidebar .footer .list-nav .link-list-nav .tooltip-menu {
  position: fixed;
  white-space: nowrap;
  font-size: 12px;
  color: var(--whitecolor);
  padding: 8px 14px;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.9);
  left: var(--widthSidebarSm);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.global-div .sidebar .footer .list-nav .link-list-nav .title {
  white-space: nowrap;
}
.global-div .sidebar .footer .list-nav .link-list-nav:hover {
  color: var(--primaryColor);
}
.global-div .sidebar .footer .list-nav .link-list-nav .fi {
  font-size: 18px;
}
.global-div .sidebar .footer .list-nav .link-list-nav .block-check-theme {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.global-div .sidebar .footer .list-nav .link-list-nav .block-check-theme input {
  position: absolute;
  width: 100%;
  z-index: 1;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.global-div .sidebar .footer .list-nav .link-list-nav .block-check-theme input:checked ~ .fake-check {
  background: var(--primaryColor);
}
.global-div .sidebar .footer .list-nav .link-list-nav .block-check-theme input:checked ~ .fake-check span {
  left: 16px;
  animation: distorsion 0.5s cubic-bezier(0.51, -0.62, 0.07, 1.01) forwards;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
}
@keyframes distorsion {
  0% {
    width: 28px;
  }
  100% {
    width: 18px;
  }
}
.global-div .sidebar .footer .list-nav .link-list-nav .block-check-theme .fake-check {
  position: relative;
  width: 36px;
  height: 20px;
  background: #c6cccb;
  border-radius: 50px;
  display: flex;
  align-items: center;
  transition: 0.3s;
}
.global-div .sidebar .footer .list-nav .link-list-nav .block-check-theme .fake-check span {
  width: 18px;
  height: 18px;
  position: absolute;
  border-radius: 100%;
  background: var(--whitecolor);
  left: 2px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
  transition: 0.3s;
}
.global-div .sidebarSm {
  width: var(--widthSidebarSm);
}
.global-div .sidebarSm .header {
  justify-content: center !important;
  padding: 10px 12px;
}
.global-div .sidebarSm .header .logo {
  display: none !important;
}
.global-div .sidebarSm .header .menu.close .fi {
  transform: rotate(180deg);
}
.global-div .sidebarSm .body {
  padding: 10px 12px;
}
.global-div .sidebarSm .body .list-nav li .link-list-nav {
  justify-content: center !important;
  gap: 0 !important;
}
.global-div .sidebarSm .body .list-nav li .link-list-nav .bar-white {
  width: 12px;
  right: -12px;
}
.global-div .sidebarSm .body .list-nav li .link-list-nav:hover .tooltip-menu {
  opacity: 1;
  visibility: visible;
}
.global-div .sidebarSm .body .list-nav li .link-list-nav .bar span {
  width: 12px;
  right: -12px;
}
.global-div .sidebarSm .body .list-nav li .link-list-nav::before {
  left: -12px;
}
.global-div .sidebarSm .footer {
  padding: 10px 12px;
}
.global-div .sidebarSm .footer .user-app .info-user-app {
  display: none;
}
.global-div .sidebarSm .footer .list-nav .link-list-nav {
  gap: 0 !important;
  justify-content: center;
}
.global-div .sidebarSm .footer .list-nav .link-list-nav:hover .tooltip-menu {
  opacity: 1;
  visibility: visible;
}
.global-div .sidebarSm .footer .list-nav .link-list-nav .title {
  white-space: nowrap;
  display: none;
}
.global-div .sidebarSm .footer .list-nav .link-list-nav .fi {
  display: none;
}
.global-div .sidebarSm .footer .list-nav .link-list-nav .block-check-theme {
  margin-left: 0 !important;
}
.global-div .content-dash {
  min-height: 100vh;
  transition: 0.3s ease;
  width: 100%;
  padding-left: var(--widthSidebarLg);
  background: var(--bgFond);
}
.global-div .content-dash .menu-humber {
  cursor: pointer;
  gap: 5px;
  width: 40px;
  height: 40px;
  position: fixed;
  z-index: 1022;
  left: 12px;
  top: 10px;
  transition: 0.3s;
  justify-content: center;
}
.global-div .content-dash .menu-humber span {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 5px;
  background: var(--darkenBlue);
  transition: 0.3s 0.2s;
}
.global-div .content-dash .menu-humber span:nth-child(2) {
  width: 16px;
}
.global-div .content-dash .menu-humber span:last-child {
  width: 12px;
}
.global-div .content-dash .menu-humber.clicked {
  left: 230px;
  justify-content: center;
  align-items: center;
  gap: 0;
  top: 10px;
}
.global-div .content-dash .menu-humber.clicked span {
  background: var(--grayColor);
  width: 22px;
  position: absolute;
}
.global-div .content-dash .menu-humber.clicked span:first-child {
  transform: rotate(-45deg);
}
.global-div .content-dash .menu-humber.clicked span:nth-child(2) {
  transform: rotate(45deg);
}
.global-div .content-dash .menu-humber.clicked span:last-child {
  opacity: 0;
}
.global-div .content-dash .mt-40-negative {
  margin-top: -40px;
}
.global-div .content-dash .wrapper {
  padding: 20px 0;
  padding-top: 8px;
  border-radius: 12px;
  min-height: calc(100vh - 120px);
}
.global-div .content-dash .wrapper .card-banner {
  padding: 30px;
  background-color: var(--darkBlue);
  background-image: repeating-conic-gradient(transparent 0 9deg, rgba(0, 0, 0, 0.031372549) 9deg 18deg);
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.05);
  margin-top: -8px;
  padding-bottom: 50px;
}
.global-div .content-dash .wrapper .card-banner h1 {
  font-size: 26px;
  font-weight: 600;
  color: var(--darkenBlue);
}
.global-div .content-dash .wrapper .card-banner p {
  color: var(--darkenBlue);
  font-size: 14px;
}
.global-div .content-dash .wrapper .card-sm-banner {
  padding-bottom: 80px;
}
.global-div .content-dash .wrapper .card-hover {
  transition: 0.3s;
  transform: scale(1);
  will-change: transform;
}
.global-div .content-dash .wrapper .card-hover:hover {
  transform: scale(1.05);
}
.global-div .content-dash .wrapper .card-dash-sm {
  padding: 18px;
  border: none;
  border-radius: 12px;
  height: 100%;
  box-shadow: 0 5px 18px rgba(148, 172, 181, 0.141);
}
.global-div .content-dash .wrapper .card-dash-sm .pourc {
  font-size: 13px;
}
.global-div .content-dash .wrapper .card-dash-sm .pourc.green {
  color: #45d99b;
}
.global-div .content-dash .wrapper .card-dash-sm .pourc.red {
  color: #ff7263;
}
.global-div .content-dash .wrapper .card-dash-sm .icon {
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: var(--darkBlue);
  border-radius: 12px;
  font-size: 20px;
  background: var(--lightGreen);
}
.global-div .content-dash .wrapper .card-dash-sm .icon-arrow {
  color: var(--graycolor);
  font-size: 14px;
}
.global-div .content-dash .wrapper .card-dash-sm .num {
  color: var(--darkenBlue);
  font-weight: 600;
}
.global-div .content-dash .wrapper .card-dash-sm p {
  font-size: 14px;
  color: var(--graycolor);
}
.global-div .content-dash .wrapper .card-dash-sm h5 {
  font-size: 20px;
  font-weight: 500 !important;
  color: var(--darkBlue);
  margin-bottom: 0;
}
.global-div .content-dash .wrapper .card-dash-sm .title-card {
  font-size: 16px !important;
  font-weight: 500;
  color: var(--darkBlue);
}
.global-div .content-dash .wrapper .card-dash-sm .line-separtor {
  width: 1px;
  height: 100%;
  background: rgba(0, 0, 0, 0.05);
}
.global-div .content-dash .wrapper .card-dash-lg {
  padding: 28px;
  border: none;
  border-radius: 12px;
  box-shadow: 0 5px 18px rgba(148, 172, 181, 0.141);
}
.global-div .content-dash .wrapper .card-dash-lg p {
  font-size: 14px;
  color: var(--grayColor);
}
.global-div .content-dash .wrapper .card-dash-lg .title-card {
  font-size: 16px;
  font-weight: 500;
  color: var(--darkBlue);
}
.global-div .content-dash-lg {
  padding-left: var(--widthSidebarSm);
}

.alert {
  border: none;
  font-size: 14px;
  line-height: 100%;
  padding: 12px;
  border-radius: 8px;
}
.alert .icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--whitecolor);
}
.alert.alert-warning {
  background: #fffcef;
  color: #e8c025;
}
.alert.alert-warning .icon {
  background: #e8c025;
  border-radius: 5px;
}

.tabbar {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1000;
  background: rgba(16, 13, 43, 0.9098039216);
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter: blur(17px);
  box-shadow: rgba(139, 154, 160, 0.16) 0px 5px 60px 0px;
}
.tabbar .content-tab {
  display: flex;
  align-items: center;
}
.tabbar .content-tab .link {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 0;
  color: var(--grayColor);
  font-size: 20px;
  text-decoration: none;
  position: relative;
}
.tabbar .content-tab .link::before {
  content: "";
  position: absolute;
  width: 25%;
  height: 3px;
  background: var(--darkBlue);
  top: 5px;
  border-radius: 5px;
  display: none;
}
.tabbar .content-tab .link .icon-active {
  display: none;
}
.tabbar .content-tab .link .btn-plus {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.031372549);
  color: var(--whiteColor);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 100%;
  border: none !important;
}
.tabbar .content-tab .link.active {
  color: var(--darkBlue);
}
.tabbar .content-tab .link.active::before {
  display: block;
}
.tabbar .content-tab .link.active .icon-active {
  display: block;
}
.tabbar .content-tab .link.active .icon-unactive {
  display: none;
}

.back-drop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1021;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: 0.3s;
}

.back-drop.show {
  opacity: 1;
  pointer-events: visible;
  visibility: visible;
}

.auth-wrapper {
  position: relative;
  min-height: 100vh;
}
.auth-wrapper .auth-box {
  box-shadow: 1px 0 20px rgba(0, 0, 0, 0.08);
  margin: 10% 0;
  max-width: 400px;
  width: 90%;
}
.auth-wrapper .auth-box.on-sidebar {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
.auth-wrapper #recoverform {
  display: none;
}

.img-cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.preview-area {
  display: flex;
  flex-wrap: wrap;
}
.preview-area img {
  width: 24%;
  margin: 0 0 10px;
  -o-object-fit: contain;
  object-fit: contain;
}
.preview-area img:not(:nth-child(4n)) {
  margin-right: 1.333%;
}

.gallery {
  margin-right: 5px;
  display: inline-block;
}

.menu-btn {
  display: none;
}

.contrat-area {
  width: 700px;
  margin: auto;
  margin-top: 20px;
  padding-right: 10px;
}
.contrat-area h1 {
  font-size: 22px !important;
}
.contrat-area h4 {
  font-size: 18px !important;
  font-weight: bold;
}
.contrat-area .signature {
  display: flex;
  margin-top: 50px;
  margin-bottom: 50px;
}
.contrat-area .signature h5 {
  width: 50%;
}

h2 {
  font-size: 22px !important;
}

h3 {
  font-size: 22px !important;
}

h5 {
  font-size: 18px !important;
  font-weight: bold;
}

p {
  font-family: Arial, Helvetica, sans-serif;
}

.exportContrat .spinner-border {
  --bs-spinner-width: 1rem !important;
  --bs-spinner-height: 1rem !important;
}

.submenu {
  position: absolute;
  right: 0;
  top: 50px;
  background-color: white;
  padding: 20px 30px;
  box-shadow: 0 5px 18px rgba(148, 172, 181, 0.141);
  border: 1px solid rgba(0, 0, 0, 0.2196078431);
}

#notfound {
  position: relative;
  min-height: 100vh;
  background: var(--bgFond);
}
#notfound .notfound {
  width: 100%;
  background: var(--whiteColor);
  padding: 54px 64px;
  box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
}
#notfound .notfound .notfound-404 {
  position: relative;
}
#notfound .notfound .notfound-404 h1 {
  font-size: 125px;
  font-weight: 700;
  margin: 0px;
  color: var(--darkBlue);
  text-transform: uppercase;
}
#notfound .notfound .notfound-404 h1 > span {
  color: var(--primaryColor);
}
#notfound .notfound h2 {
  font-family: "Roboto", sans-serif;
  font-size: 18px !important;
  font-weight: 400;
  color: var(--darkBlue);
  margin-top: 0px;
  margin-bottom: 25px;
}
#notfound .notfound .notfound-search {
  position: relative;
  max-width: 320px;
  width: 100%;
  margin: auto;
}
#notfound .notfound .notfound-search > input {
  font-family: "Roboto", sans-serif;
  width: 100%;
  height: 50px;
  padding: 3px 65px 3px 30px;
  color: #151515;
  font-size: 16px;
  background: transparent;
  border: 2px solid #c5c5c5;
  border-radius: 40px;
  transition: 0.2s all;
}
#notfound .notfound .notfound-search > input:focus {
  border-color: #00b7ff;
}
#notfound .notfound .notfound-search > button {
  position: absolute;
  right: 15px;
  top: 5px;
  width: 40px;
  height: 40px;
  text-align: center;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
}
#notfound .notfound .notfound-search > button > span {
  width: 15px;
  height: 15px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  margin-left: -3px;
}
#notfound .notfound .notfound-search > button > span:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  left: 0px;
  top: 0px;
  border-radius: 50%;
  border: 4px solid #c5c5c5;
  transition: 0.2s all;
}
#notfound .notfound .notfound-search > button:hover > span:after {
  border-color: #00b7ff;
}
#notfound .notfound .notfound-search > button:hover > span:before {
  background-color: #00b7ff;
}

.notfound-search > button > span:before {
  position: absolute;
  content: "";
  width: 4px;
  height: 10px;
  left: 7px;
  top: 17px;
  border-radius: 2px;
  background: #c5c5c5;
  transition: 0.2s all;
}

#chart {
  width: 100%;
  min-height: 0 !important;
  height: auto !important;
}

.leaflet-control-attribution.leaflet-control {
  display: none;
}

.empty-card img {
  width: 30px;
}

.card-scroll-detail {
  height: calc(100vh - 150px) !important;
  overflow-y: auto;
  scrollbar-width: thin;
  position: sticky;
  top: 70px;
}

.title-contrat {
  font-size: 14px;
  color: var(--graycolor);
}

.all-card-pay .card-pay {
  border: none;
  background: transparent;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.08);
  padding-bottom: 7px;
}
.all-card-pay .card-pay:last-child {
  border: none;
}
.all-card-pay .card-pay .accordion-button {
  color: var(--darkBlue);
}
.all-card-pay .card-pay .accordion-button::after {
  display: none;
}
.all-card-pay .card-pay .accordion-button .icon-angle {
  font-size: 14px;
  transition: 0.3s;
  transform: rotate(0deg);
  transform-origin: center;
  color: var(--grayColor);
}
.all-card-pay .card-pay .accordion-button:not(.collapsed) .icon-angle {
  transform: rotate(180deg);
}
.all-card-pay .card-pay h6 {
  color: var(--darkBlue);
  font-size: 14px;
}
.all-card-pay .card-pay h6 span {
  font-weight: 600;
}
.all-card-pay .card-pay .icon-pay {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--lightGreen);
  color: var(--primaryColor);
  border-radius: 8px;
  font-size: 14px;
  flex: 0 0 auto;
}
.all-card-pay .card-pay .badge-pay {
  font-size: 12px;
  padding: 4px 8px;
  font-weight: 500;
  color: rgb(0, 9, 41);
  border-radius: 5px;
  line-height: 100%;
  margin-top: 5px;
}
.all-card-pay .card-pay .badge-pay.solde {
  background: #c7e1c9;
}
.all-card-pay .card-pay .badge-pay.acompte {
  background: #e8e5c5;
}
.all-card-pay .card-pay .payements {
  padding-left: 54px;
  padding-right: 8px;
  position: relative;
  max-height: 220px;
  overflow-y: auto;
  scrollbar-width: thin;
}
.all-card-pay .card-pay .payements::before {
  content: "";
  left: 34px;
  top: 0;
  position: absolute;
  width: 1px;
  height: 100%;
  border-left: 2px solid var(--bgFond);
}
.all-card-pay .card-pay .payements .item {
  background: var(--bgFond);
  padding: 12px;
  border-radius: 8px;
  position: relative;
}
.all-card-pay .card-pay .payements .item a {
  font-size: 12px;
  font-weight: 500;
  color: var(--primaryColor);
}
.all-card-pay .card-pay .payements .item::before {
  content: "";
  position: absolute;
  width: 22px;
  height: 14px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 0 0 0px 8px;
  left: -20px;
  border: 2px solid transparent;
  border-left-color: var(--bgFond);
  border-bottom-color: var(--bgFond);
}

.items-card .item-dash {
  padding-left: 16px;
  position: relative;
}
.items-card .item-dash::before {
  content: "";
  position: absolute;
  width: 3px;
  height: 30%;
  border-radius: 5px;
  background: red;
  top: 50%;
  transform: translateY(-50%);
  left: 8px;
}
.items-card .item-dash:nth-child(1n)::before {
  background: #e8e5c5;
}
.items-card .item-dash:nth-child(2n)::before {
  background: #dee3c7;
}
.items-card .item-dash:nth-child(3n)::before {
  background: #cfe1c2;
}
.items-card .item-dash:nth-child(4n)::before {
  background: #c7e1c9;
}

.small {
  font-size: 12px;
}

/* Utilisation des variables pour appliquer les couleurs au thème sombre #0e0f0f*/
[data-theme=dark] {
  --bgdarkColor: #101111;
  --bgFondDarken: #161818;
  --primaryColor: #118e89;
  --darkBlue: #ffff;
  --whitecolor: #fff;
  --darkenblue: #ffffff;
  --graycolor: #9da2a8;
  --bgFond: #f8fafb0a;
  --lightGreen: #e9f0ef14;
  --darkBluedarken: #e5a95a;
  --widthsidebarlg: 250px;
  --widthsidebarsm: 70px;
  --widthsibebarmobile: 270px;
  --nopaddingleft: 0;
  --bgsidebar: #100d2b;
  --lightblue: #21264f1e;
  --bgTh: #1b1e1e;
  --bgContent: #232727;
}
[data-theme=dark] body {
  background: var(--bgFondDarken);
}
[data-theme=dark] .card-home-sm-appart {
  background: #181a1a;
}
[data-theme=dark] .card-home-sm-appart p {
  font-size: 13px !important;
}
[data-theme=dark] .card-home-sm-appart .img-gallery {
  height: 90px;
}
[data-theme=dark] .card-home-sm-appart .option-dropdown {
  width: 22px;
  height: 22px;
  font-size: 12px;
  border-radius: 5px;
  background: var(--whitecolor);
  cursor: pointer;
}
[data-theme=dark] #notfound {
  background: var(--bgFondDarken);
}
[data-theme=dark] #notfound .notfound {
  background: var(--bgContent);
}
[data-theme=dark] .btn-tool {
  background: var(--bgdarkColor);
  color: var(--darkBlue);
}
[data-theme=dark] .btn-tool .tooltip-btn {
  background: var(--bgdarkColor);
}
[data-theme=dark] .btn-tool .tooltip-btn::before {
  background: var(--bgdarkColor);
}
[data-theme=dark] .btn-show-password {
  background: var(--bgContent) !important;
}
[data-theme=dark] .btn-show-password .tooltip-team {
  background: var(--bgContent) !important;
  color: var(--whitecolor) !important;
}
[data-theme=dark] .btn-show-password .tooltip-team::before {
  background: var(--bgContent) !important;
}
[data-theme=dark] .form-control {
  background: #2c2f2f !important;
  color: var(--darkBlue) !important;
}
[data-theme=dark] .all-card-pay .card-pay {
  border-color: rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .alert.alert-warning {
  background: rgba(232, 192, 37, 0.1294117647);
}
[data-theme=dark] .pagination .page-item.active .page-link {
  background: var(--bgContent);
}
[data-theme=dark] .pagination .page-item .page-link:hover {
  background: var(--bgContent);
}
[data-theme=dark] .block-check-theme input:checked ~ .fake-check {
  background: var(--primaryColor);
}
@keyframes reverse-distorsion {
  0% {
    width: 28px;
  }
  100% {
    width: 18px;
  }
}
[data-theme=dark] .block-check-theme .fake-check {
  background: #2c2f2f;
}
[data-theme=dark] .block-check-theme .fake-check span {
  background: var(--bgdarkColor);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}
[data-theme=dark] .block-doc {
  background: var(--bgFondDarken);
}
[data-theme=dark] .block-doc .block-side-info-doc {
  background: var(--bgContent);
  box-shadow: 0 5px 18px rgba(0, 0, 0, 0.05);
}
[data-theme=dark] .block-doc .block-side-info-doc .header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
[data-theme=dark] .block-doc .block-content-doc .confidentiel-doc .block-content-conf {
  background: var(--bgContent);
}
[data-theme=dark] .block-doc .block-content-doc .confidentiel-doc .block-content-conf p {
  color: var(--graycolor);
  font-size: 14px;
}
[data-theme=dark] .block-doc .block-content-doc .confidentiel-doc .block-content-conf .form-control {
  height: 40px;
  border: none;
  background: #f7f7f7;
  font-size: 14px;
  color: var(--darkenblue);
}
[data-theme=dark] .block-doc .block-content-doc .confidentiel-doc .block-content-conf .form-control::-moz-placeholder {
  color: var(--graycolor);
  opacity: 0.5;
}
[data-theme=dark] .block-doc .block-content-doc .confidentiel-doc .block-content-conf .form-control::placeholder {
  color: var(--graycolor);
  opacity: 0.5;
}
[data-theme=dark] .block-doc .block-content-doc .confidentiel-doc .block-content-conf .form-control:focus {
  box-shadow: 0 0 0 2px rgba(20, 206, 249, 0.3098039216);
  background: #fff;
}
[data-theme=dark] .block-doc .block-content-doc .block-btn-tools {
  position: sticky;
  top: 15px;
  z-index: 2;
}
[data-theme=dark] .block-doc .block-content-doc .block-btn-tools .btn-sm {
  background: var(--bgContent);
}
[data-theme=dark] .block-doc .block-content-doc .block-btn-tools .btn-sm:hover {
  color: var(--primaryColor);
}
[data-theme=dark] .back:hover {
  background: var(--bgdarkColor);
}
[data-theme=dark] .back.white:hover {
  background: var(--bgdarkColor);
}
[data-theme=dark] .nav-list-show {
  background: var(--bgContent);
}
[data-theme=dark] .message-input {
  color: #e32817;
  background: #f6eeed;
  font-size: 12px;
  padding: 10px;
  border-radius: 8px;
}
[data-theme=dark] .footer {
  background: var(--bgContent);
}
[data-theme=dark] .footer .block-img-footer img:nth-child(2) {
  display: block;
}
[data-theme=dark] .footer .block-img-footer img:nth-child(1) {
  display: none;
}
[data-theme=dark] .block-copy-allright img:nth-child(2) {
  display: block;
}
[data-theme=dark] .block-copy-allright img:nth-child(1) {
  display: none;
}
[data-theme=dark] .block-auth .logo img:nth-child(2) {
  display: block !important;
}
[data-theme=dark] .block-auth .logo img:nth-child(1) {
  display: none;
}
[data-theme=dark] .light-badge.no {
  background: rgba(219, 39, 39, 0.1098039216);
}
[data-theme=dark] .light-badge.yes {
  background: rgba(39, 219, 144, 0.0784313725);
}
[data-theme=dark] .col-border {
  border-right: 1px solid rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .apexcharts-gridline {
  stroke: rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .col-border-bottom {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .card-home-sm .img-home .map-marker {
  color: var(--bgdarkColor);
}
[data-theme=dark] .block-label-dot {
  border-color: rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .block-label-dot .block-radio span {
  border-color: rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .label-camera {
  border-color: rgba(255, 255, 255, 0.08) !important;
}
[data-theme=dark] .block-auth {
  background: var(--bgdarkColor);
}
[data-theme=dark] .block-auth .circle {
  opacity: 0.3 !important;
}
[data-theme=dark] .block-auth .card-auth {
  background: transparent !important;
}
[data-theme=dark] .block-auth .card-auth .form-control {
  background: var(--bgFond) !important;
  color: var(--whitecolor);
}
[data-theme=dark] .block-auth .block-bg-auth {
  background: rgba(38, 232, 203, 0.0352941176);
}
[data-theme=dark] .block-auth .block-bg-auth::before {
  background: linear-gradient(to bottom, transparent, #0c0d0d) !important;
}
[data-theme=dark] .block-auth .block-img-app img {
  box-shadow: 0 5px 24px rgba(0, 0, 0, 0.1);
}
[data-theme=dark] .offcanvas {
  background: var(--bgContent);
}
[data-theme=dark] .offcanvas .form-control:focus {
  background: transparent;
}
[data-theme=dark] .add-new-tag {
  background: var(--bgContent) !important;
}
[data-theme=dark] .add-new-tag:hover {
  background: none !important;
  color: var(--primaryColor) !important;
}
[data-theme=dark] .global-div {
  background: var(--bgFondDarken);
}
[data-theme=dark] .global-div .item-dash {
  border-color: rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .global-div .modal .modal-content {
  background: var(--bgContent);
}
[data-theme=dark] .global-div .content-dash {
  background: var(--bgFondDarken);
}
[data-theme=dark] .global-div .dropdown-menu {
  background: var(--bgContent);
  box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 18px 0px;
}
[data-theme=dark] .global-div header .navbar {
  background: var(--bgContent);
  box-shadow: none;
}
[data-theme=dark] .global-div header .navbar .tools-nav .user-app {
  border-color: rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .global-div .sidebar {
  background: var(--bgContent);
  box-shadow: none !important;
}
[data-theme=dark] .global-div .sidebar hr {
  border-color: white;
  opacity: 0.05 !important;
}
[data-theme=dark] .global-div .sidebar .header {
  border-color: rgba(255, 255, 255, 0.05);
}
[data-theme=dark] .global-div .sidebar .body .list-nav li .link-list-nav .bar-white {
  background: var(--bgFondDarken);
}
[data-theme=dark] .global-div .sidebar .body .list-nav li .link-list-nav .bar {
  background: var(--bgFondDarken);
}
[data-theme=dark] .global-div .sidebar .body .list-nav li .link-list-nav .bar::before {
  background: var(--bgContent);
}
[data-theme=dark] .global-div .sidebar .body .list-nav li .link-list-nav .bar span {
  background: var(--bgFondDarken);
}
[data-theme=dark] .global-div .sidebar .body .list-nav li .link-list-nav .bar span::before {
  background: var(--bgContent);
}
[data-theme=dark] .global-div .sidebar .body .list-nav li .link-list-nav.active {
  background: var(--bgFondDarken);
  color: var(--darkBlue);
}
[data-theme=dark] .global-div .sidebar .footer {
  border-color: rgba(255, 255, 255, 0.05);
}
[data-theme=dark] .global-div .card-dash-sm {
  background: var(--bgContent);
  box-shadow: none !important;
}
[data-theme=dark] .global-div .card-dash-sm .icon {
  color: var(--bgContent) !important;
}
[data-theme=dark] .global-div .card-dash-lg {
  background: var(--bgContent);
  box-shadow: none !important;
}
[data-theme=dark] .global-div .block-search-table {
  border: none !important;
  background: var(--bgFond) !important;
  box-shadow: none;
}
[data-theme=dark] .global-div .block-search-table .form-control {
  color: var(--whitecolor);
  background: none !important;
}
[data-theme=dark] .global-div .block-card-transparent .table-responsive {
  background: transparent;
}
[data-theme=dark] .global-div .block-card-transparent .table thead th {
  background: var(--bgTh);
}
[data-theme=dark] .global-div .block-card-transparent .table tbody td {
  background: var(--bgContent);
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}
[data-theme=dark] .global-div .block-card-transparent .table tbody td .badge-warning {
  background: rgba(255, 242, 225, 0.1294117647);
}
[data-theme=dark] .global-div .block-card-transparent .table tbody td .badge-danger {
  background: rgba(255, 235, 235, 0.1294117647);
}
[data-theme=dark] .global-div .block-card-transparent .table tbody td .badge-success {
  background: rgba(221, 244, 241, 0.2);
}
[data-theme=dark] .global-div .block-card-transparent .table tbody td .block-btns-table .btn {
  background: rgba(248, 250, 251, 0.0509803922);
}
[data-theme=dark] .global-div .block-card-transparent .table tbody td .block-btns-table .btn .tooltip-btn {
  background: var(--bgdarkColor);
}
[data-theme=dark] .global-div .block-card-transparent .table tbody td .block-btns-table .btn .tooltip-btn::before {
  background: var(--bgdarkColor);
}
[data-theme=dark] .global-div .block-card-transparent .table tbody td .block-btns-table .btn-blue {
  color: #536b8d;
}
[data-theme=dark] .global-div .block-card-transparent .table tbody td .block-btns-table .btn-blue:hover {
  background: #536b8d;
  color: var(--whitecolor);
}
[data-theme=dark] .global-div .block-card-transparent .table tbody td .block-btns-table .btn-danger:hover {
  background: #df4b4b;
}
[data-theme=dark] .global-div .block-card-transparent .table tbody td .block-btns-table .btn-success:hover {
  background: var(--primaryColor);
}
[data-theme=dark] .global-div .block-card-transparent .table .tr-border-radius {
  box-shadow: none;
}

@media (max-width: 576px) {
  .title-page {
    font-size: 18px;
  }
  .drop-menu-notif {
    width: 90%;
    position: fixed;
    top: 50px !important;
    right: auto !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    max-width: 100% !important;
  }
  .block-search-in-table {
    width: 100%;
  }
  .block-search-in-table .block-search-table {
    width: 100%;
  }
  .card-home-sm .img-home {
    height: 6.5rem;
  }
  .offcanvas {
    width: 100% !important;
  }
  .avatar-lg {
    width: 120px;
    height: 120px;
  }
  .title-page-lg {
    font-size: 16px !important;
  }
  .global-div .sidebar {
    width: var(--widthSibebarMobile) !important;
    transform: translateX(calc(-1 * var(--widthSibebarMobile)));
    z-index: 1022;
    left: 0 !important;
  }
  .global-div .sidebar.sidebarMobile {
    transform: translateX(0);
  }
  .global-div .content-dash {
    padding-left: var(--noPaddingLeft) !important;
  }
  .global-div .content-dash header .navbar {
    padding: 10px 0;
  }
  .global-div .content-dash header .navbar .block-search-nav {
    padding: 7px 18px;
    background: var(--bgFond);
    border-radius: 50px;
    max-width: 320px;
    position: relative;
  }
  .global-div .content-dash header .navbar .block-search-nav .input-group-text {
    background: transparent;
    border: none;
    border-radius: 50px 0px 0px 50px;
    padding: 0;
    font-size: 14px;
    color: var(--grayColor);
  }
  .global-div .content-dash header .navbar .block-search-nav .form-control {
    border: none;
    border-radius: 0 50px 50px 0;
    font-size: 14px;
    padding: 0;
    background: transparent;
    color: var(--darkenBlue);
    box-shadow: none !important;
  }
  .global-div .content-dash header .navbar .block-search-nav .form-control::-moz-placeholder {
    color: var(--grayColor);
    opacity: 0.5;
    color: var(--grayColor);
    opacity: 0.5;
  }
  .global-div .content-dash header .navbar .block-search-nav .form-control::placeholder {
    color: var(--grayColor);
    opacity: 0.5;
  }
  .global-div .content-dash header .navbar .block-search-nav .form-control:focus + .block-result {
    opacity: 1;
    visibility: visible;
    top: 110%;
  }
  .global-div .content-dash header .navbar .block-search-nav .block-result {
    position: absolute;
    width: 270px;
    padding: 20px 30px;
    box-shadow: rgba(148, 172, 181, 0.141) 0px 0px 50px 0px;
    border-radius: 12px !important;
    top: 130%;
    left: 0;
    background: var(--whiteColor);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
  }
  .global-div .content-dash header .navbar .block-search-nav .block-result h6 {
    color: var(--darkenBlue);
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 15px;
  }
  .global-div .content-dash header .navbar .block-search-nav .block-result ul {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 0;
  }
  .global-div .content-dash header .navbar .block-search-nav .block-result ul li {
    width: 100%;
  }
  .global-div .content-dash header .navbar .block-search-nav .block-result ul li a {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--grayColor);
    display: flex;
    align-items: center;
    font-size: 14px;
    gap: 7px;
    transition: 0.3s;
  }
  .global-div .content-dash header .navbar .block-search-nav .block-result ul li a:hover {
    color: var(--darkenBlue);
  }
  .global-div .content-dash header .navbar .tools-nav .content-tools-nav .link-tool .indice {
    font-size: 9px;
    display: flex;
    width: 16px;
    height: 16px;
    right: -8px;
    top: -1px;
  }
  .global-div .content-dash .mt-40-negative {
    margin-top: -30px;
  }
  .global-div .content-dash .wrapper {
    padding-bottom: 80px;
  }
  .global-div .content-dash .wrapper .card-banner {
    padding: 20px;
    padding-bottom: 50px;
  }
  .global-div .content-dash .wrapper .card-banner h1 {
    font-size: 24px;
  }
  .global-div .content-dash .wrapper .card-sm-banner {
    padding-bottom: 80px;
  }
  .global-div .content-dash .wrapper .card-dash-sm {
    padding: 14px;
  }
  .global-div .content-dash .wrapper .card-dash-sm .icon {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }
  .global-div .content-dash .wrapper .card-dash-sm .num {
    color: var(--darkenBlue);
    font-weight: 600;
  }
  .global-div .content-dash .wrapper .card-dash-sm p {
    font-size: 14px;
    color: var(--grayColor);
  }
  .global-div .content-dash .wrapper .card-dash-sm h5 {
    font-size: 18px;
  }
  .global-div .content-dash .wrapper .card-dash-lg {
    padding: 18px;
    border: none;
  }
}
@media (min-width: 577px) and (max-width: 768px) {
  .title-page {
    font-size: 18px;
  }
  .global-div .sidebar {
    width: var(--widthSibebarMobile) !important;
    transform: translateX(calc(-1 * var(--widthSibebarMobile)));
    z-index: 1022;
  }
  .global-div .sidebar.sidebarMobile {
    transform: translateX(0);
  }
  .global-div .content-dash {
    padding-left: var(--noPaddingLeft) !important;
  }
  .global-div .content-dash header .navbar {
    padding: 10px 0;
  }
  .global-div .content-dash header .navbar .block-search-nav {
    margin-left: 50px;
  }
  .global-div .content-dash header .navbar .block-search-nav .input-group-text {
    background: transparent;
    border: none;
    border-radius: 50px 0px 0px 50px;
    padding: 0;
    font-size: 14px;
    color: var(--grayColor);
  }
  .global-div .content-dash header .navbar .block-search-nav .form-control {
    border: none;
    border-radius: 0 50px 50px 0;
    font-size: 14px;
    padding: 0;
    background: transparent;
    color: var(--darkenBlue);
    box-shadow: none !important;
  }
  .global-div .content-dash header .navbar .block-search-nav .form-control::-moz-placeholder {
    color: var(--grayColor);
    opacity: 0.5;
    color: var(--grayColor);
    opacity: 0.5;
  }
  .global-div .content-dash header .navbar .block-search-nav .form-control::placeholder {
    color: var(--grayColor);
    opacity: 0.5;
  }
  .global-div .content-dash header .navbar .block-search-nav .form-control:focus + .block-result {
    opacity: 1;
    visibility: visible;
    top: 110%;
  }
  .global-div .content-dash header .navbar .block-search-nav .block-result {
    position: absolute;
    width: 270px;
    padding: 20px 30px;
    box-shadow: rgba(148, 172, 181, 0.141) 0px 0px 50px 0px;
    border-radius: 12px !important;
    top: 130%;
    left: 0;
    background: var(--whiteColor);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
  }
  .global-div .content-dash header .navbar .block-search-nav .block-result h6 {
    color: var(--darkenBlue);
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 15px;
  }
  .global-div .content-dash header .navbar .block-search-nav .block-result ul {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 0;
  }
  .global-div .content-dash header .navbar .block-search-nav .block-result ul li {
    width: 100%;
  }
  .global-div .content-dash header .navbar .block-search-nav .block-result ul li a {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--grayColor);
    display: flex;
    align-items: center;
    font-size: 14px;
    gap: 7px;
    transition: 0.3s;
  }
  .global-div .content-dash header .navbar .block-search-nav .block-result ul li a:hover {
    color: var(--darkenBlue);
  }
  .global-div .content-dash header .navbar .tools-nav .content-tools-nav .link-tool .indice {
    font-size: 9px;
    display: flex;
    width: 16px;
    height: 16px;
    right: -8px;
    top: -1px;
  }
  .global-div .content-dash .mt-40-negative {
    margin-top: -30px;
  }
  .global-div .content-dash .wrapper {
    padding-bottom: 80px;
  }
  .global-div .content-dash .wrapper .card-banner {
    padding: 20px;
    padding-bottom: 50px;
  }
  .global-div .content-dash .wrapper .card-banner h1 {
    font-size: 24px;
  }
  .global-div .content-dash .wrapper .card-dash-sm {
    padding: 14px;
  }
  .global-div .content-dash .wrapper .card-dash-sm .icon {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }
  .global-div .content-dash .wrapper .card-dash-sm .num {
    color: var(--darkenBlue);
    font-weight: 600;
  }
  .global-div .content-dash .wrapper .card-dash-sm p {
    font-size: 14px;
    color: var(--grayColor);
  }
  .global-div .content-dash .wrapper .card-dash-sm h5 {
    font-size: 18px;
  }
  .global-div .content-dash .wrapper .card-dash-lg {
    padding: 18px;
    border: none;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .title-page {
    font-size: 18px;
  }
  .global-div .sidebar {
    width: var(--widthSibebarMobile) !important;
    transform: translateX(calc(-1 * var(--widthSibebarMobile)));
    z-index: 1022;
  }
  .global-div .sidebar.sidebarMobile {
    transform: translateX(0);
  }
  .global-div .content-dash {
    padding-left: var(--noPaddingLeft) !important;
  }
  .global-div .content-dash header .navbar {
    padding: 10px 0;
  }
  .global-div .content-dash header .navbar .block-search-nav {
    margin-left: 50px;
  }
  .global-div .content-dash header .navbar .block-search-nav .input-group-text {
    background: transparent;
    border: none;
    border-radius: 50px 0px 0px 50px;
    padding: 0;
    font-size: 14px;
    color: var(--grayColor);
  }
  .global-div .content-dash header .navbar .block-search-nav .form-control {
    border: none;
    border-radius: 0 50px 50px 0;
    font-size: 14px;
    padding: 0;
    background: transparent;
    color: var(--darkenBlue);
    box-shadow: none !important;
  }
  .global-div .content-dash header .navbar .block-search-nav .form-control::-moz-placeholder {
    color: var(--grayColor);
    opacity: 0.5;
    color: var(--grayColor);
    opacity: 0.5;
  }
  .global-div .content-dash header .navbar .block-search-nav .form-control::placeholder {
    color: var(--grayColor);
    opacity: 0.5;
  }
  .global-div .content-dash header .navbar .block-search-nav .form-control:focus + .block-result {
    opacity: 1;
    visibility: visible;
    top: 110%;
  }
  .global-div .content-dash header .navbar .block-search-nav .block-result {
    position: absolute;
    width: 270px;
    padding: 20px 30px;
    box-shadow: rgba(148, 172, 181, 0.141) 0px 0px 50px 0px;
    border-radius: 12px !important;
    top: 130%;
    left: 0;
    background: var(--whiteColor);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
  }
  .global-div .content-dash header .navbar .block-search-nav .block-result h6 {
    color: var(--darkenBlue);
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 15px;
  }
  .global-div .content-dash header .navbar .block-search-nav .block-result ul {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 0;
  }
  .global-div .content-dash header .navbar .block-search-nav .block-result ul li {
    width: 100%;
  }
  .global-div .content-dash header .navbar .block-search-nav .block-result ul li a {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--grayColor);
    display: flex;
    align-items: center;
    font-size: 14px;
    gap: 7px;
    transition: 0.3s;
  }
  .global-div .content-dash header .navbar .block-search-nav .block-result ul li a:hover {
    color: var(--darkenBlue);
  }
  .global-div .content-dash header .navbar .tools-nav .content-tools-nav .link-tool .indice {
    font-size: 9px;
    display: flex;
    width: 16px;
    height: 16px;
    right: -8px;
    top: -1px;
  }
  .global-div .content-dash .mt-40-negative {
    margin-top: -30px;
  }
  .global-div .content-dash .wrapper {
    padding-bottom: 80px;
  }
  .global-div .content-dash .wrapper .card-banner {
    padding: 20px;
    padding-bottom: 50px;
  }
  .global-div .content-dash .wrapper .card-banner h1 {
    font-size: 24px;
  }
  .global-div .content-dash .wrapper .card-dash-sm {
    padding: 14px;
  }
  .global-div .content-dash .wrapper .card-dash-sm .icon {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }
  .global-div .content-dash .wrapper .card-dash-sm .num {
    color: var(--darkenBlue);
    font-weight: 600;
  }
  .global-div .content-dash .wrapper .card-dash-sm p {
    font-size: 14px;
    color: var(--grayColor);
  }
  .global-div .content-dash .wrapper .card-dash-sm h5 {
    font-size: 18px;
  }
  .global-div .content-dash .wrapper .card-dash-lg {
    padding: 18px;
    border: none;
  }
}
@media screen and (max-width: 1200px) {
  .global-div {
    display: block !important;
  }
  .global-div .sidebar.hidden-mobile {
    display: none !important;
  }
  .menu-btn {
    display: block !important;
    position: absolute;
    z-index: 99999;
    right: 50px;
    cursor: pointer;
  }
  .left-mobile {
    margin-right: auto !important;
  }
}
@media screen and (max-width: 767px) {
  .submenu {
    position: absolute;
    left: 10px;
    width: 300px;
  }
}
@media only screen and (max-width: 767px) {
  .notfound h2 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 480px) {
  .notfound .notfound-404 h1 {
    font-size: 141px;
  }
}/*# sourceMappingURL=dash.css.map */