#kt_body .v-application {
  font-family: 'Inter', Helvetica, sans-serif !important;
}
body {
  background: #F3F4F5 !important;
}

.aside-menu {
  background-color: #FFF !important;
}
.aside {
  background-color: #FFF !important;
  border-right: 1px solid #E3E3E3;
}
.header-fixed.subheader-fixed .header {
      border-bottom: 1px solid #E3E3E3;
}
.brand {
  background-color: #FFF !important;
  justify-content: start !important;
  padding: 0 18px;
  height: auto !important;
}
.brand .brand-logo {
  display: block !important;
}
.brand .brand-logo span {
  display: flex !important;
  align-items: center;
  color: #828593;
  margin-right: 5px;
  font-size: 1rem;
}
.brand .brand-logo span span {
  display: block !important;
}
.brand .brand-logo span i {
  font-size: .9rem;
}
.aside-menu .menu-nav > .menu-item.menu-item-open > .menu-heading, .aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link {
  background-color: transparent !important;
}
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading, .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link {
  background-color: transparent !important;
}
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link {
  background-color: transparent !important;
}
.aside-menu .menu-nav > .menu-item > .menu-heading .menu-icon.svg-icon svg g [fill], .aside-menu .menu-nav > .menu-item > .menu-link .menu-icon.svg-icon svg g [fill] {
  fill: #828593 !important;
}
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading .menu-icon.svg-icon svg g [fill], .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-icon.svg-icon svg g [fill] {
  fill: #21202F !important;
}
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-heading .menu-bullet.menu-bullet-dot > span, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-link .menu-bullet.menu-bullet-dot > span {
  background-color: #fff !important;
}
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-bullet.menu-bullet-dot > span, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-bullet.menu-bullet-dot > span {
  background-color: #fff;
}
.aside-menu .menu-nav > .menu-item.menu-item-here > .menu-heading .menu-icon.svg-icon svg g [fill], .aside-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-icon.svg-icon svg g [fill] {
  fill: #1E1D2A !important;
}

.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading, .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link {
  background-color: transparent !important;
}
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-heading, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-link {
  background-color: transparent !important;
}

.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item>.menu-heading .menu-text, .aside-menu .menu-nav>.menu-item .menu-submenu .menu-item>.menu-link .menu-text {
  font-size: 1.03rem !important;
}
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-text {
      color: #828593;
}
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-link .menu-text {
    background: #1E1D2A;
    border-radius: 8px;
    padding: 0px 10px 0px 10px;
    max-width: fit-content;
}
.aside-menu .menu-nav>.menu-item>.menu-submenu .menu-subnav>.menu-item>.menu-link {
      margin: 3px 0px;
}
.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item>.menu-heading .menu-bullet, .aside-menu .menu-nav>.menu-item .menu-submenu .menu-item>.menu-link .menu-bullet {
  opacity: 0;
}
.aside-menu .menu-nav>.menu-item>.menu-heading .menu-text, .aside-menu .menu-nav>.menu-item>.menu-link .menu-text {
  font-weight: 400;
  font-size: 1.02rem !important;
}

.aside-minimize .brand .brand-logo span {
  display: none !important;
}

.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item>.menu-heading, .aside-menu .menu-nav>.menu-item .menu-submenu .menu-item>.menu-link {
  min-height: 30px !important;
}

.aside-menu .menu-nav>.menu-item>.menu-link {
  padding: 7px 18px !important;
  min-height: 20px !important;
}



.login-aside {
  order: 2 !important;
  font-family: 'Inter';
}
.login-aside h2 {
  color: #21202F !important;
  margin-bottom: 0px;
  font-size: 2.2rem !important;
}
.form-group label {
  font-size: 1.1rem;
}
.login-aside button.btn {
  background-color: #21202F !important;
  border-color: #21202F !important;
}
.login-aside span.font-size-h4{
  font-size: 16px !important;
}
.login-content {
  order: 1 !important;
  background-image: url(/../assets/media/svg/illustrations/delivery_login.jpg);
  background-position: center;
  background-size: cover;
  height: 100vh;
}
.login-content > div {
}
.login.login-2 .login-aside {
  max-width: 50%;
}

@media (max-width: 991px){
  #kt_body .login-content {
    display: none !important;
  }
  .login-aside {
    height: 100vh;
  }
}

.font-inter {
  font-family: 'Inter' !important;
}

@media (max-width: 991px){
  #kt_body .login-content {
    display: none !important;
  }
  .login-aside {
    height: 100vh;
  }
}

.autocomplete-small-text .v-label {
  font-size: .87rem !important;
  font-weight: 500 !important;
  font-family: 'Manrope' !important;
  color: #000 !important;
}
.autocomplete-small-text .v-input__slot {
  box-shadow: none !important;
}
.autocomplete-small-text .v-select__slot input{
  
  font-size: .87rem !important;
  font-weight: 500 !important;
  font-family: 'Manrope' !important;
  color: #000 !important;
}

.aside-left:not(.aside-on) .logout-container {
  display: none !important;
}


.aside-left.aside-fixed .logout-container {
  display: block !important;
}

.checkbox-list-controle .checkbox > input:not(:checked) ~ span {
  background-color: #FFE2E5 !important;
}


.checkbox-list-controle .checkbox > input:not(:checked) ~ span::after {
  content: "X";
  color: #fff;
  font-family: monospace;
  transform: none;
  border-width: 0 !important;
  margin: auto;
  padding: 0;
  text-align: center;
  font-size: 10px;
  margin-top: 1.5px;
}

.checkbox-list-controleur .checkbox > input:not(:checked) ~ span::after {
  content: "X";
  color: #fff;
  font-family: monospace;
  transform: none;
  border-width: 0 !important;
  margin: auto;
  padding: 0;
  text-align: center;
  font-size: 14px;
  margin: -8.3px 2px 0px 0px;
}

.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-here > .menu-heading, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-here > .menu-link {
  background-color: initial;
}

.v-data-table__wrapper {
}

.v-input--selection-controls__input .v-icon {
  color: #181C32 !important;
}

.subpage {
  position: relative;
  width: 210mm;
  height: 295mm;
}
.billet-rotate {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  padding-left:390px;
  margin-right:15px;
}
.circle-trajet {
  display: inline-block;
  margin-right: 10px;
  width: 13px;
  height: 13px;
  border-radius: 60%;
  border: 1px solid #D9D9D9;
  background-color: #fff
}

.circle-remplie {
  background-color: #7E7272;
  border-color: #7E7272;
}

.circle-line {
  height: 9px;
  width: 1px;
  background: #D9D9D9;
  margin-top: -3px;
  margin-left: 7px;
}


.v-application .billet-rotate p.info {
  font-size: 14px;
  text-align: justify;
  margin: 2px 0;
  font-family: "Open Sans", sans-serif;
}

.v-application .billet-rotate p.open-sans {
  font-family: "Open Sans", sans-serif !important;
}

.v-application .billet-rotate p.info b {
  font-weight: 700;
}

.v-application .billet-rotate hr {
  border-top: none;
  margin-top: 5px;
  margin-bottom: 5px;
}

.v-application .billet-rotate p {
  margin-bottom: 3px;
  font-size: 12px;
  color: #000 !important;
}

.v-application .billet-rotate h5 {
  margin-bottom: 7px;
  border: 1px solid #080a3c;
  color: #000 !important;
  padding: 4px 0px;
}

.billet-rotate p.entete {
  margin-bottom: 8px;
  font-size: 11px;
}

.billet-rotate b {
  font-weight: bold;
}

#engagement {
  position: relative;
  background: white;
}

.coupon-emb p {
  font-size: 10px !important;
  margin-bottom: 0px !important;
  margin-top: 0px !important;
  line-height: 1.7 !important;
}

.coupon-guichet p {
  font-size: 8px !important;
  margin-bottom: 3px !important;
  line-height: 1.9 !important;
}

.green_tolerence {
  background-color: rgb(46, 204, 113, .2) !important;
}

.red_tolerence {
  background-color: rgb(192, 57, 43, .4) !important;
}
.theme--light.v-card {
  box-shadow: none !important;
  background-color: transparent !important;
}
.card.card-custom {
  background: #fff !important;
  box-shadow: none !important;
  border-radius: 13px !important;
}
.card.card-custom>.card-header {
  padding: 1rem .8rem !important;
  border: none;
  background-color: transparent !important;
}
.card.card-custom>.card-header.card-header-lg {
  padding:20px !important;
  align-items: center;
}
.theme--light.v-data-table {
  background-color: transparent !important;
  margin-bottom: 0 !important;
}


.card.card-custom>.card-header .card-title .card-label {
  color: var(--text-primary, #21202F) !important;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: var(--font-family-title, Inter) !important;
  font-size: var(--font-size-xl, 17px) !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: var(--font-line-height-2xl, 25px) !important;
}
.card.card-custom>.card-header .card-title .card-label.card-label-lg {
  font-size: var(--font-size-3xl, 18px) !important;
  line-height: var(--font-size-3xl, 21px) !important; /* 100% */
}
.card.card-custom>.card-header .card-title .card-label.card-label-sm {
  font-size: var(--font-size-3xl, 16px) !important;
  line-height: var(--font-size-3xl, 21px) !important; /* 100% */
}
.card.card-custom>.card-header .card-title .card-label.card-label-md {
  font-size: var(--font-size-3xl, 14px) !important;
  line-height: var(--font-line-height-m, 21px); /* 150% */

}
.card.card-custom>.card-header .card-title .card-infos {
  color: var(--text-secondary, #828593);
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: var(--font-family-title, Inter);
  font-size: var(--font-size-sm, 13.5px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--font-line-height-sm, 22px); /* 157.143% */
}

.card.card-custom>.card-header .card-title .card-infos.btn-fullscreen-list {
  color: var(--text-brand, #EE6073);
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: var(--font-family-paragraphe, Inter);
  font-size: var(--font-size-3xs, 13.5px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--font-line-height-sm, 22px); /* 162.963% */
}

.btn.btn-primary {
  background-color: #1E1D2A !important;
  border-color: #1E1D2A !important;
}
.btn.btn-primary:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-primary:not(:disabled):not(.disabled).active, .show>.btn.btn-primary.dropdown-toggle, .show .btn.btn-primary.btn-dropdown {
  background-color: #1E1D2A !important;
  border-color: #1E1D2A !important;
}
.btn.btn-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-primary:focus:not(.btn-text), .btn.btn-primary.focus:not(.btn-text) {
  background-color: #1E1D2A !important;
  border-color: #1E1D2A !important;
}

.v-data-table table {
  margin-top: 0px;
}
.v-data-table-header {
  background-color: #F3F4F5;
}
.table th, .table td {
  border-top: 1px solid #E3E3E3;
}
.theme--light.v-data-table thead tr {
  border-top: 1px solid #E3E3E3;
}
.theme--light.v-data-table thead tr th{
  color: #828593 !important;
  font-weight: 600 !important;
  font-size: 12.5px !important;
}

.content {
  padding-top: 0 !important;
}


.btn.btn-nice {
  font-weight: 600 !important;
  padding: 10px 17px !important;
  color: #FFF;
  font-size: 13.5px ;
  border-radius: 8px !important;
}
.btn.btn-nice.btn-digi-light, .btn.btn-digi-light {
  border: 1px solid var(--border-primary, #E3E3E3) !important;
  background: var(--surface-tertiary, #FFF) !important;
  color: var(--text-primary, #21202F) !important;
  font-size: 13.5px;
  font-style: normal;
  font-weight: 600;
}
.btn.btn-nice.btn-digi-dark {
  border: 1px solid var(--border-primary, #1C1F27) !important;
}
.btn.btn-nice.btn-digi-light:hover, .btn.btn-digi-light:hover {
  border: 1px solid var(--border-primary, #E3E3E3) !important;
  background: var(--surface-tertiary, #FFF) !important;
  color: var(--text-primary, #21202F) !important;
}
.btn.btn-nice.btn-digi-dark:hover {
  border: 1px solid var(--border-primary, #1C1F27) !important;
}

.btn-digi-light .count-filtre {
  background-color: #1E1D2A;
  color: #fff;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  font-size: 11px;
}

.btn.btn-nice.btn-digi-light.color-excel {
  color: #4CAF50 !important;
}

.color-excel {
  color: #4CAF50 !important;
}


.btn-nice i {
  margin-right: 10px !important;
}

.v-tooltip__content.menuable__content__active.error{
  border-radius: 8px;
  background-color: var(--surface-chart, #000) !important;
}

.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-text {
  color: #21202F;
  font-weight: 600;
}

.v-text-field--full-width .v-input__prepend-outer, .v-text-field--full-width .v-input__prepend-inner, .v-text-field--full-width .v-input__append-inner, .v-text-field--full-width .v-input__append-outer, .v-text-field--enclosed .v-input__prepend-outer, .v-text-field--enclosed .v-input__prepend-inner, .v-text-field--enclosed .v-input__append-inner, .v-text-field--enclosed .v-input__append-outer {
  margin-top: 13px !important;
}

.v-text-field--outlined .v-label.v-label--active {
  transform: translateY(-13px) !important;
  font-size: 13.5px !important;
}
.prepend-field.v-text-field--outlined .v-label--active {
  display: none !important;
}
.prepend-field.v-input.v-input--is-label-active input {
  margin-top: 0px !important;
}
.v-input.v-input--is-focused input {
  margin-top: 13px !important;
}
.prepend-field.v-input.v-input--is-focused input {
  margin-top: 0px !important; 
}
.v-input.v-input--is-label-active input {
  margin-top: 17px !important;
}

.v-text-field--outlined legend {
  display: none !important;
}
.v-application .v-input__control .v-label {
  color: #828593 !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  left: 0 !important;
}
.v-application .v-autocomplete .v-input__control .v-label {
  color: #1E1D2B !important;
}
.v-application .v-autocomplete .v-input__control .v-input__icon i {
  color: #1E1D2B !important;
}
.v-text-field--outlined .v-label {
  top: 18px !important;
}

.text-muted {
  color: #828593 !important;
}

.subheader.subheader-solid {
  background-color: #F3F4F5 !important;
  box-shadow: none !important;
  height: 65px !important;
  margin-left: 5px !important;
}
.subheader.subheader-solid h5 {
  color: var(--text-primary, #21202F) !important;
  font-feature-settings: 'liga' off, 'clig' off !important;
  font-family: var(--font-family-title, Inter) !important;
  font-size: var(--font-size-3xl, 19px) !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: var(--font-size-3xl, 21px) !important; /* 100% */
  }

.aside-menu .menu-nav > .menu-item > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item > .menu-link .menu-text {
  color: #828593;
}
.aside-menu .menu-nav > .menu-item.menu-item-open > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link .menu-text{
  color: #21202F;
  font-weight: 600;
}
.aside-menu .menu-nav > .menu-item.menu-item-here > .menu-heading, .aside-menu .menu-nav > .menu-item.menu-item-here > .menu-link {
  background-color : transparent;
}
.aside-menu .menu-nav > .menu-item.menu-item-here > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-text {
  color: #21202F;
  font-weight: 600;
}
.aside-menu .menu-nav > .menu-item.menu-item-here > .menu-heading .menu-arrow, .aside-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-arrow {
  color: #828593;
}
.aside-menu .menu-nav>.menu-item>.menu-heading .menu-arrow, .aside-menu .menu-nav>.menu-item>.menu-link .menu-arrow {
      font-size: .75rem !important;
          color: rgb(130, 133, 147);
}
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-text {
    color: #828593;
}
.aside-menu .menu-nav > .menu-item.menu-item-open > .menu-heading .menu-arrow, .aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link .menu-arrow{
  color: #828593;
}
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-arrow, .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-arrow{
  color: #828593;
}

.theme--light.v-text-field--outlined:not(.v-input--is-focused):not(.v-input--has-state)>.v-input__control>.v-input__slot fieldset {
  border-color: #E3E3E3 !important;
    border-radius: 8px !important;
}

.btn-add-sm {
  border-radius: var(--medium, 8px);
  background: #1E1D2A;
  color: #fff !important;
  text-align: center;
  padding: 10px 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.sm-menu-container {
  margin: 0px 15px;
}
.btn-show-sm {
    border-radius: var(--medium, 8px);
    border: 1px solid #E3E3E3;
    color: #21202F !important;
    padding: 7px 10px;
    display: flex;
    align-items: center;
    justify-content: start;
    width: 100%;
    text-align: left;
    font-weight: 500;
}

.modal .modal-header .modal-title {
  color: var(--text-primary, #21202F) !important;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: var(--font-family-paragraphe, Inter);
  font-size: var(--font-size-l, 16px) !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: var(--font-line-height-l, 23px); /* 143.75% */
}

.form-control {

  border-radius: var(--medium, 8px) !important;
  border: 1px solid var(--border-primary, #E3E3E3) !important;
  padding: 1.8rem 1.5rem !important;
}
.modal-dialog {

}

.modal-dialog.modal-sm {
  width: 450px;
  max-width: 450px;
}
.modal-dialog.modal-md {
  width: 700px;
  max-width: 700px;
}
.modal-content {
  border-radius: var(--large, 13px) !important;
}

.modal-footer .btn-nice {
  padding: 15px 15px !important;
  font-size: 15px !important;
}
.modal-footer .btn-nice.btn-secondary {
  background: transparent;
  border: none;
  color: #21202F;
}
.modal-footer .btn-nice.btn-secondary:hover {
  background: transparent !important;
  border: none !important;
  color: #21202F !important;
}

.navi-choice {

}
.dropdown-menu.show {
  overflow: hidden;
}
.navi-choice .navi-item {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  padding: 6px 10px !important;
  padding-left: 16px !important;

}
.navi-choice .navi-item:hover{
  background-color: #F3F4F5;
}
.navi-choice .navi-item p {
  display: flex !important;
  align-items: center;
  margin-bottom: 0;
  color: var(--text-primary, #21202F);
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: var(--font-family-title, Inter);
  font-size: var(--font-size-sm, 14px);
  font-style: normal;
  font-weight: 500;
  line-height: inherit;
  cursor: pointer;
}
.navi-choice .navi-item p i  {
  color: #428FE8;
  margin-right: 5px;
}
.navi-choice .navi-item p span {

}

.v-list-actions {

}
.v-list-actions .navi-link {
  color: var(--neutral-200, #21202F);
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: Inter;
  font-size: var(--font-size-2xs, 13px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--font-line-height-2xs, 15px); /* 115.385% */
  display: flex;
  align-items: center;
  padding: 10px 60px 10px 12px;
}
.v-list-actions .v-list-item {
  padding: 0;
}
.v-list-actions .v-list-item:hover {
  
  background-color: #F3F4F5;
}
.v-list-actions .navi-link i, .v-list-actions .navi-link .material-symbols-outlined{
  color: #9194A1;
  margin-right: 7px;
}
.v-list-actions .v-list-item:hover .navi-link {
  color: #EA3842;
}
.v-list-actions .v-list-item:hover .navi-link i {
  color: #EA3842;
}
.v-list-actions .v-list-item:hover .navi-link i, .v-list-actions .v-list-item:hover .navi-link .material-symbols-outlined {
  color: #EA3842;
}

.swal-delete-item {

}
.swal-delete-item .swal2-popup {
  padding-right: 0;
  padding-left: 0;
  padding-top: 20px;
  width: 42em;
}
.swal-delete-item .swal2-header {
  align-items: start;
  padding: 0;
  border-bottom: 1px solid #E3E3E3;
  padding-bottom: 20px;
  padding-left: 20px;
}
.swal-delete-item .swal2-header h2 {
  margin-top: 0;
  font-family: 'Inter';
  font-weight: 600;
}
.swal-delete-item .swal2-content {
  text-align: left;
  padding: 0;
  padding: 0px 20px;
}
.swal-delete-item .swal2-actions {
  flex-direction: row-reverse;
  justify-content: end;
  padding: 0px 20px;
  margin-bottom: 0 !important;
  font-family: 'Inter';
}
.swal-delete-item .swal2-actions button {
  font-weight: 600;
}
.swal-delete-item .swal2-html-container {
  color: var(--text-primary, #21202F);
  font-family: var(--font-family-paragraphe, Inter);
  font-size: var(--font-size-l, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--font-line-height-l, 26px); /* 162.5% */
}
.swal-delete-item .swal2-html-container b {
  font-weight: 700;
}
.swal-delete-item .swal2-actions .swal2-confirm {
  border-radius: var(--medium, 8px);
  background: var(--surface-alert, #EA3842);
  padding: 10px var(--font-size-sm, 14px);
}
.swal-delete-item.swal-go-item .swal2-actions .swal2-confirm {
  background: var(--surface-alert, #1E1D2A);
}
.swal-delete-item.swal-warn-item .swal2-actions .swal2-confirm {
  background: var(--surface-alert, #DFBB1D);
}
.swal-delete-item .swal2-actions .swal2-cancel {
  border-radius: var(--medium, 8px);
  border: 1px solid var(--border-primary, #E3E3E3);
  background: var(--surface-alert, #fff);
  color: #21202F;
  padding: 10px var(--font-size-sm, 14px);
}

.alert-digisman {
  border-radius: var(--medium, 8px) !important;
  background: #65C644;
  display: flex !important;
  align-items: center;
  color: #fff;
  color: #FFF;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: Inter;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px; /* 146.667% */
}
.alert-digisman.alert[data-notify] .icon~[data-notify=message] {
  padding-left: 0 !important;
}
.alert[data-notify] .close {
  font-weight: 900; 
  opacity: 1 !important;
  top: 7px !important;
}
.alert[data-notify] .close:before {
  content: "\f130" !important;
  opacity: 1 !important;
  font-size: 12px;
}

.alert[data-notify][data-notify-position=top-center], .alert[data-notify][data-notify-position=bottom-center] {
  width: 500px !important;
}

.import-logo {
  border-radius: var(--medium, 8px);
  border: 1px solid var(--border-primary, #E3E3E3);
  background: var(--surface-tertiary, #FFF);
  display: flex;
  align-items: center;
  padding: 15px 18px;
  justify-content: space-between;
}

.import-logo div p {
  color: var(--text-primary, #21202F);
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: var(--font-family-title, Inter);
  font-size: var(--font-size-m, 15px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--font-line-height-m, 21px); /* 140% */
  margin-bottom: 0;
}
.import-logo div .info-span {
  color: var(--text-secondary, #828593);
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: var(--font-family-paragraphe, Inter);
  font-size: var(--font-size-sm, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--font-line-height-sm, 22px); /* 157.143% */
}

.import-logo .image-thumbnail {
  display: flex;
  align-items: center;
}

.import-logo .image-thumbnail .thumbnail {
  border-radius: var(--medium, 8px);
  background: rgba(170, 152, 153, 0.10);
  padding: 0;
  margin-right: 10px;
}

.import-logo .image-thumbnail .thumbnail img {
  width: 50px;
}
.form-group > label {
  color: var(--text-primary, #21202F) !important;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: var(--font-family-title, Inter);
  font-size: var(--font-size-m, 14px) !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: var(--font-line-height-m, 21px); /* 140% */
}

.btn.btn-import-logo {
  border-radius: var(--medium, 8px);
  border: 1px solid var(--border-primary, #E3E3E3);
  padding: 10px 15px !important;
  border-color: #E3E3E3 !important;
  background: var(--surface-tertiary, #FFF);
  color: #428FE8 !important;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: var(--font-family-title, Inter);
  font-size: var(--font-size-sm, 14px) !important;
  font-style: normal;
  font-weight: 600;
  line-height: var(--font-line-height-sm, 22px);
  display: flex;
  align-items: center;
}

.btn.btn-import-logo:hover {
  background-color: #fff !important;
}

.btn-import-logo span {
  font-weight: 200;
  margin-right: 5px;
}

.v-textarea textarea {
  padding-top: 15px !important;
}

.font-weight-400 {
  font-weight: 400 !important;
}
.v-data-table td {
  font-size: 13.5px !important;
}

.v-data-table td .label {
  font-size: 12.5px !important;
}

.dropdown .dropdown-menu {
  border-radius: 13px;
  margin-top: 10px;
}
.v-menu__content {
  border-radius: 8px;
}

.dropdown.show .btn-show-sm {
}

.v-list-item--dense .v-list-item__title, .v-list-item--dense .v-list-item__subtitle, .v-list--dense .v-list-item .v-list-item__title, .v-list--dense .v-list-item .v-list-item__subtitle
 {
  font-size: 14px !important;
  line-height: 19px !important;
  font-weight: 400 !important;
 }
.v-input.prepend-field .v-label{
  left: 0 !important;
}
.v-input .v-label{
  height: auto !important;
  line-height: 1.2 !important;
  top: 17px !important;
}
.v-text-field--filled>.v-input__control>.v-input__slot, .v-text-field--full-width>.v-input__control>.v-input__slot, .v-text-field--outlined>.v-input__control>.v-input__slot {
  min-height: 50px !important;
  margin-bottom: 0px;
}
.v-text-field--outlined fieldset {
  top: 0 !important;
}

.v-text-field--filled.v-input--dense>.v-input__control>.v-input__slot, .v-text-field--full-width.v-input--dense>.v-input__control>.v-input__slot, .v-text-field--outlined.v-input--dense>.v-input__control>.v-input__slot {
  min-height: 50px !important;
}
.theme--light.v-text-field--filled>.v-input__control>.v-input__slot {
  box-shadow: none !important;
  background: transparent !important;
  border-radius: 8px !important;
  border: 1px solid #E3E3E3 !important;
}
.v-text-field--filled.v-input--dense .v-label--active, .v-text-field--full-width.v-input--dense .v-label--active {
  transform: translateY(-12px) scale(1) !important;
}
.v-select:not(.v-text-field--single-line):not(.v-text-field--outlined) .v-select__slot>input {
  top: -3px !important;
  font-size: 14px;
  font-weight: 400;
}

.v-text-field.v-input--is-focused>.v-input__control>.v-input__slot:after {
  display: none !important;
}
.v-menu__content {
  box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.14) !important;
  border-radius: 8px !important;
}

.modal .modal-header .close {
  opacity: 1 !important;
}
.modal .modal-header .close i {
  color: #1E1D2B !important;
  opacity: 1 !important;
}

.error--text .v-text-field__details {
  display: block !important;
}

.v-application .v-input.error--text {
  color: #EA3842 !important;
  caret-color: #EA3842 !important;
}
.v-text-field--outlined.v-input--is-focused fieldset, .v-text-field--outlined.v-input--has-state fieldset {
  border: 1px solid #E3E3E3 !important;
  border-radius: 8px !important;
}

.v-application .v-messages.error--text {
  color: #EA3842 !important;
  caret-color: #EA3842 !important;
}

.v-application .v-messages.error--text .v-messages__message {

  font-feature-settings: 'liga' off, 'clig' off;
  font-family: var(--font-family-paragraphe, Inter);
  font-size: var(--font-size-2xs, 13px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--font-line-height-2xs, 15px); /* 115.385% */
}
.v-text-field.v-text-field--enclosed .v-text-field__details {
  margin-bottom: 0 !important;
  margin-top: 8px !important;
  padding-left: 0 !important;
}

.vertical-progress {
  width: 10px !important; 
  height: 100px !important;
  position: relative;
  border-radius: 8px;
}

.vertical-progress .progress-bar {
  width: 100%;
  transition: height 2s ease-in-out;
  bottom: 0;
  position: absolute;
  border-radius: 8px;
}

#kt_body .theme--light.v-application {
  color: #21202F !important;
}

.v-application .text-muted {
  color: #828593 !important;
}

.modal-body .form-group {
  margin-bottom: 16px;
}
.modal-body .row > div {
  padding-left: 8px;
  padding-right: 8px;
}

.table-pagination {

}
.table-pagination  .v-pagination__item {
  box-shadow: none;
  border: 1px solid #E3E3E3;
  border-radius: 8px;
}

.table-pagination .theme--light.v-pagination .v-pagination__item--active {
  background-color: #1E1D2A !important;
  color: #fff !important;
  border: none !important;
}

.table-pagination .v-pagination__navigation {
  box-shadow: none;
  border: 1px solid #1D1C27;
  border-radius: 8px;
}

.table-pagination  .v-pagination__navigation .v-icon {
  color: #1D1C27 !important;
}
.table-pagination .v-pagination__navigation--disabled {
  opacity: .2;
}

.card-body .text-secondary {
  color: #828593 !important;
}

.apexcharts-legend-series {
  display: flex;
  align-items: center;
}
.apexcharts-text, .apexcharts-title-text, .apexcharts-legend-text {
  color: var(--text-primary, #21202F) !important;
  font-family: var(--font-family-title, Inter) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  margin-left: -10px !important;
}
.apexcharts-legend-marker {
  width: 8px !important;
  height: 8px !important;
}

.three-dots-text {
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.font-weight-600 {
  font-weight: 600 !important;
}
.font-weight-500 {
  font-weight: 500 !important;
}

.label.label-inline {
  font-family: "Inter" !important;
}

.theme--light.v-data-table.v-data-table--fixed-header thead th {
  background: initial !important;
  box-shadow: none !important;
}

.chart-row.row > div {
  padding-left: 8px;
  padding-right: 8px;
}

.card-fullscreen {
  
}

.card-fullscreen.card-open {
  position: absolute;
  left: 0;
  z-index: 999;
  top: 0;
  width: 100%;
  border-radius: 0px !important;
  min-height: 100vh;
}

.v-application .primary--text.v-list-item--active {
  background-color: #EFF5FC !important;
}
.theme--light.v-list-item.v-list-item--highlighted::before {
  opacity: 0 !important;
}

.theme--light.v-list-item.v-list-item--highlighted .v-list-item__title {
  font-weight: 500 !important;
  color: #21202F !important;
  padding-left: 23px;
}
.theme--light.v-list-item.v-list-item--highlighted .v-list-item__title::after {
  content: "\f058";
  font-size: 18px;
  font-family: "Font Awesome 5 Free";
  left: 12px;
  position: fixed;
  color: #428FE8;
}

.v-list-item__action ~ .v-list-item__content .v-list-item__title::after {
  display: none;
}

.apexcharts-tooltip-series-group {
  background-color: #000 !important;
  font-family: 'Inter' !important;
  padding-bottom: 0 !important;
}

.v-menu__content .v-list--dense .v-subheader {
    color: var(--text-secondary, #828593) !important;
    font-family: var(--font-family-paragraphe, Inter);
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: uppercase;
}

.card-toolbar .v-input {
  font-size: 14px;
}
.breadcrumb-item {

  color: var(--text-secondary, #828593);
}

.breadcrumb .breadcrumb-item a {
  color: var(--text-secondary, #828593);
  font-family: var(--font-family-title, Inter);
  font-size: var(--font-size-3xs, 13.5px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--font-line-height-sm, 22px); /* 162.963% */
}
.text-dark-digisman {
  color: #21202F !important;
}
.breadcrumb.breadcrumb-dot .breadcrumb-item:after {
  display: none !important;
}
.breadcrumb-item+.breadcrumb-item {
  padding-left: 0 !important;
}

.d-table-element {

}

.d-table-element > div , .d-table-element > span{
  vertical-align: bottom !important;
}

.d-table-element .d-table-cell {
  vertical-align: middle;
  padding: 7px 0px;
}

.d-table-element .d-table-row {
  
}

.d-table-element .d-table-row .d-table-cell:first-child {
  color: var(--text-secondary, #828593);
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: var(--font-family-title, Inter);
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: var(--font-line-height-sm, 22px); /* 169.231% */
  padding-right: 15px;
}

.d-table-element .d-table-row .d-table-cell:first-child .material-symbols-outlined {
  font-weight: 300;
  margin-right: 5px;
  font-size: 22px;
}

.hr-vertical {
  background-color: #E3E3E3;
  width: 1px;
  height: 100%;
}

.mw-60 {
  max-width: 60%;
}
.text-dark {
  color: #21202F !important;
}

.statut-header-code {
  display: flex;
  border-radius: var(--medium, 8px);
  border: 1px solid var(--border-primary, #E3E3E3);
  padding: 7px;
  align-items: center;
}
.statut-gen-code {
  color: var(--text-primary, #21202F);
  font-family: var(--font-family-title, Inter);
  font-size: 12.5px;
  font-style: normal;
  font-weight: 400;
  line-height: var(--font-line-height-sm, 22px); /* 176% */
  padding: 0px 10px;
}

.btn.btn-danger {
  background-color: #EA3842 !important;
  border-color: #EA3842 !important;
}

.btn.btn-warn {
  background-color: #DFBB1D !important;
  border-color: #DFBB1D !important;
}


.btn.btn-warn:hover {
  background-color: #DFBB1D !important;
  border-color: #DFBB1D !important;
  color: #fff !important;
}

.apexcharts-tooltip-series-group {
  background-color: #000 !important;
  font-family: 'Inter' !important;
  padding-bottom: 0 !important;
}

.v-menu__content .v-list--dense .v-subheader {
    color: var(--text-secondary, #828593) !important;
    font-family: var(--font-family-paragraphe, Inter);
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: uppercase;
}

.card-toolbar .v-input {
  font-size: 14px;
}

.apexcharts-legend.apx-legend-position-right {
  width: 100px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  bottom: auto !important;
}

.chart-big .apexcharts-legend.apx-legend-position-right  {
  width: 180px;
}
.apexcharts-legend-series {
  display: block !important;
}

.btn-light-info {
  background-color: #428FE81A !important;
  border-color: #428FE81A !important;
  color: #428FE8 !important;
  border-width: 0 !important;
}
.btn-light-info:hover {
  background-color: #428FE826 !important;
  border-color: #428FE826 !important;
  color: #428FE8 !important;
}

.beauty-tabs {
  width: max-content;
}
.beauty-tabs.nav-tabs.nav-tabs-line.nav-tabs-line-danger {
  width: max-content;
  border: none;
  background-color: #F3F4F5;
  padding-left: 0;
  padding: 10px;
  border-radius: 40px;
}
.beauty-tabs.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link:hover:not(.disabled) {
  border: none !important;
}
.beauty-tabs.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link.active, 
.beauty-tabs.nav-tabs.nav-tabs-line.nav-tabs-line-danger .show>.nav-link {
  border: none !important;
  background-color: #fff !important;
  border-radius: 30px;
  color: #21202F !important;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(82, 63, 105, 0.05);
  box-shadow: 0px 0px 30px 0px rgba(82, 63, 105, 0.05);
}
.beauty-tabs.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link:hover:not(.disabled) .nav-text, 
.beauty-tabs.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link.active .nav-text, 
.beauty-tabs.nav-tabs.nav-tabs-line.nav-tabs-line-danger .show>.nav-link .nav-text {
  color: #21202F !important;
}
.beauty-tabs.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link {
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  border: none !important;
  color: #828593;
}
.beauty-tabs.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link .nav-text {
  color: #828593;
}

.theme--light.v-chip:not(.v-chip--active) {
  margin-bottom: 5px;
  margin-top: 5px;
}

.theme--light.v-chip:not(.v-chip--active) {
  background: #EFF5FC !important;
  color: #21202F;
  font-size: 12px;
  height: auto;
  padding: 4px 8px;
  margin-top: 5px !important;
}
.v-select.v-select--chips:not(.v-text-field--single-line).v-text-field--box.v-select--chips--small.v-input--dense .v-select__selections, .v-select.v-select--chips:not(.v-text-field--single-line).v-text-field--enclosed.v-select--chips--small.v-input--dense .v-select__selections {
  margin-bottom: 5px !important;
}

.switch.switch-warning:not(.switch-outline) input:empty~span:after {
  opacity: 1 !important;
}
.switch.switch-warning:not(.switch-outline) input:empty~span:before {
  background-color: rgba(217, 217, 217, 1) !important
}
.switch.switch-warning:not(.switch-outline) input:checked~span:before{
  
  background-color: rgba(101, 198, 68, 1) !important
}

.btn-terminer, .btn-terminer:hover {
  background-color: rgba(13, 68, 34, 1) !important;
  color: #fff !important;
}

.radio-indice {
  margin-right: 0px !important;
}
.radio-indice span {
  width: 40px !important;
  height: 40px !important;
  border: 1px solid #E3E3E3 !important;
  background: #fff !important;
  font-weight: 500 !important;
}
.radio-indice>input:checked~span {
  background-color: #1E1D2A !important;
  color: #fff !important;
}
.radio-indice>input:checked~span:after {
  display: none !important;
}

.gen-id-hover-container {
  position: relative !important;
  display: flex !important;
}

.gen-id-copy-btn {
  display: none !important;
}

.gen-id-hover-container:hover .gen-id-text {
  display: none !important;
}

.gen-id-hover-container:hover .gen-id-copy-btn {
  display: flex !important;
}

.custom-checkbox-checkmark.disabled{

      opacity: .2;
}

.login-form .v-input__control .v-label {
  color: #828593;
    font-weight: 400;
}

.modal-backdrop {
    background-color: #1E1D2A !important;
}

.modal-backdrop.show {
    opacity: .5 !important;
}

.menu-item-open.menu-item-here .menu-toggle::after {
        content: "";
    width: 5.5px;
    background: #1E1D2A;
    position: absolute;
    left: 0;
    z-index: 999999;
    height: 25px;
    border-radius: 0px 5px 5px 0;
}