/* LESS Document */
/*************************/
/* Imports */
/*************************/
@import "/assets/css/vendor/toastr.min.css";
@import "/assets/css/vendor/dataTables.bootstrap4.css";
@import "/assets/css/vendor/responsive.bootstrap4.css";
@import "/assets/css/vendor/buttons.bootstrap4.css";
@import "/assets/css/vendor/select.bootstrap4.css";
@import "/assets/css/vendor/dataTables.bootstrap4.css";
@import "/assets/css/vendor/fixedHeader.dataTables.css";
@import "/assets/css/vendor/fullcalendar.min.css";
@import "/assets/css/icons.min.css";
@import "/assets/css/app.css";
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_cJD7g4.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v18/JTUSjIg1_i6t8kCHKm45xW4.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_ZpC7g4.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_bZF7g4.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_dJE7g4.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_c5H7g4.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_epG7g4.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Me5Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9vAw.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlvAw.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmYUtvAw.ttf) format('truetype');
}
/* Body
================================================= */
body {
  /*color: #313A46;*/
  color: #000;
  font-size: 0.88rem;
  background-color:#f9fafd !important;
}
body[data-leftbar-theme=dark] .leftside-menu {
  background: #231F20;
}
body[data-leftbar-theme=dark] .side-nav .side-nav-link {
  color: #fff;
}
body[data-leftbar-theme=dark] .side-nav .side-nav-link:active,
body[data-leftbar-theme=dark] .side-nav .side-nav-link:focus,
body[data-leftbar-theme=dark] .side-nav .side-nav-link:hover {
  color: #bccee4;
}
body[data-leftbar-theme="dark"] .leftside-menu .logo {
  background: #231F20 !important;
}
body[data-leftbar-compact-mode="condensed"]:not(.authentication-bg) .side-nav .side-nav-item:hover .side-nav-link {
  position: relative;
  width: 260px;
  color: #fff;
  background: #00837b;
}
/* Général
================================================= */
a {
  color: #00837b;
  text-decoration: none;
}
a:hover {
  color: #313A46;
}
/* Status de commandes
================================================= */
.bg-a-commander {
  background-color: #dc3545 !important;
}
.bg-rush {
  background-color: #ff0000 !important;
}
.bg-commande {
  background-color: #ff830a !important;
}
.bg-commande-manuel {
    background-color: #fa5e00 !important;
}
.bg-partiel {
    background-color: #727cf5 !important;
}
.bg-production {
  background-color: #09afd1 !important;
}
.bg-complete {
  background-color: #00837b !important;
}
.bg-back-order {
  background-color: #6c757d !important;
}
.bg-soumission {
  background-color: #727cf5 !important;
}
.bg-differee {
  background-color: #dc3545 !important;
}
.bg-bo {
    background-color: #313a46 !important;
}
.bg-livre {
  background-color: #bdc0c1 !important;
}
.bg-cancel {
    background-color: #636869 !important;
}
.bg-facture {
  background-color: #198754 !important;
}
.bg-recu {
  background-color: #fbda4f !important;
}
.bg-aucun {
  background-color: #fff !important;
}
.bg-aucun-calendrier {
  background-color: #98a6ad !important;
}

.bg-faire-graphiste {
  background-color: #dc3545 !important;
}
.bg-encours-graphiste {
  background-color: #fbda4f !important;
}
.bg-approbation-graphiste {
  background-color: #09afd1 !important;
}
.bg-fait-graphiste {
  background-color: #00837b  !important;
}

.bg-danger {
    background-color: #dc3545 !important;
}
.bg-fit-set {
    background-color: #cc00ff !important;
}

.bg-return-fit-set {
    background-color: #6f008b !important;
}

.text-a-commander {
  color: #dc3545 !important;
}
.text-rush {
  color: #ff0000 !important;
}
.text-commande {
  color: #ff830a !important;
}
.text-commande-manuel {
    color: #fa5e00 !important;
}
.text-partiel {
  color: #727cf5 !important;
}
.text-production {
  color: #09afd1 !important;
}
.text-complete {
  color: #00837b !important;
}
.text-back-order {
  color: #6c757d !important;
}
.text-soumission {
  color: #727cf5 !important;
}
.text-differee {
  color: #dc3545 !important;
}
.text-livre {
  color: #bdc0c1 !important;
}
.text-facture {
  color: #198754 !important;
}
.text-aucun {
  color: #fff !important;
}
.text-recu {
  color: #fbda4f !important;
}
.text-fit-set {
    color: #cc00ff !important;
}
.text-partiel-recu {
    color: #8dc63f !important;
}
.text-return-fit-set {
    color: #6f008b !important;
}

/* Nav
================================================= */
.side-nav .side-nav-link {
  padding: 10px 20px;
  font-size: 0.9375rem;
}
.simplebar-offset {
  top: 15px;
}
.nav-user {
  background-color: transparent;
  border: none;
  border-width: 0;
}
.navbar-custom .topbar-menu .nav-link {
  color: #313A46;
}
.notification-list .noti-icon-badge {
  background-color: #00837b;
}
/* Boutons
================================================= */
.btn-success {
  color: #fff;
  background-color: #00837b;
  border-color: #00837b;
  padding: 0.28rem 0.8rem;
}
.btn-success:hover {
  background-color: #5c636a;
  border-color: #5c636a;
}
.btn-success {
  /*box-shadow: none;*/
  -webkit-box-shadow: 0px 2px 6px 0px rgba(108, 117, 125, 0.5);
  box-shadow: 0px 2px 6px 0px rgba(108, 117, 125, 0.5);
}
.btn-success,
.btn-success:focus {
  color: #fff;
  background-color: #00837b;
  border-color: #00837b;
  -webkit-box-shadow: 0px 2px 6px 0px rgba(108, 117, 125, 0.5);
  box-shadow: 0px 2px 6px 0px rgba(108, 117, 125, 0.5);
}
.btn-secondary {
  color: #fff;
  background-color: #231F20;
  border-color: #231F20;
}
.btn-secondary:hover {
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-primary {
  color: #fff;
  background-color: #00837b;
  border-color: #00837b;
  -webkit-box-shadow: 0px 2px 6px 0px rgba(108, 117, 125, 0.5);
  box-shadow: 0px 2px 6px 0px rgba(108, 117, 125, 0.5);
}
.btn-primary:hover {
  color: #fff;
  background-color: #231F20;
  border-color: #231F20;
}
.btn-check:focus + .btn-primary,
.btn-primary:focus {
  color: #fff;
  background-color: #00837b;
  border-color: #00837b;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(135, 144, 247, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(135, 144, 247, 0.5);
}
.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #00837b;
  border-color: #00837b;
}
.btn-primary:disabled,
.btn-primary.disabled {
  color: #fff;
  background-color: #00837b;
  border-color: #00837b;
}
.btn-oui {
  color: #fff;
  background-color: #00837b;
  border-color: #00837b;
  padding: 2px 5px;
}
.btn-oui:hover {
  color: #fff;
  background-color: #231F20;
  border-color: #231F20;
}
.btn-non {
  color: #fff;
  background-color: #231F20;
  border-color: #231F20;
  padding: 2px 5px;
}
.btn-non:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
/* Loading
================================================= */
.bouncing-loader > div {
  background: #00837b;
}
.bouncing-loader > div:nth-child(2) {
  background: #ffbc00;
}
.bouncing-loader > div:nth-child(3) {
  background: #313a46;
}
/* Tables
================================================= */
table.dataTable.table-sm .sorting:after,
table.dataTable.table-sm .sorting_asc:after,
table.dataTable.table-sm .sorting_desc:after {
  top: 18px;
}
table.dataTable.table-sm .sorting:before,
table.dataTable.table-sm .sorting_asc:before,
table.dataTable.table-sm .sorting_desc:before {
  top: 12px;
  right: 0.5em;
}
table.dataTable tbody > tr.selected td,
table.dataTable tbody > tr > .selected td {
  border: none !important;
  border-color: transparent;
}
table.dataTable.table-sm a {
  color: #00837b;
  text-decoration: none;
}

table.dataTable.table-sm tr.bg-rush a {
  color: #000 !important;
  text-decoration: none;
}

table.dataTable.table-sm a:hover {
  color: #313A46;
}
.table .action-icon {
  color: #98a6ad !important;
  font-size: 1.2rem;
  display: inline-block;
  padding: 0 3px;
}
.table .action-icon:hover {
  color: #00837b !important;
}
.dropdown-item {
  color: #6c757d !important;
}
/*.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}*/
/*table.dataTable tbody td.select-checkbox:before, table.dataTable tbody th.select-checkbox:before {
    content: ' ';
    margin-top: -6px;
    margin-left: -6px;
    border: 1px solid #98a6ad;
    border-radius: 3px;
}

table.dataTable tr.selected td.select-checkbox:after, table.dataTable tr.selected th.select-checkbox:after {
    content: '\2714';
    margin-top: -11px;
    margin-left: -4px;
    text-align: center;
    color: #8DC63F;
    text-shadow: none !important;
}*/
table.dataTable tbody td.select-checkbox:before,
table.dataTable tbody th.select-checkbox:before {
  display: block;
  position: absolute;
  top: 1.2em;
  left: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 1.112em;
  height: 1.112em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid #dee2e6;
  border-radius: 3px;
}
table.dataTable tr.selected td.select-checkbox:after,
table.dataTable tr.selected th.select-checkbox:after {
  content: '\2714';
  margin-top: -7px;
  margin-left: -13px;
  text-align: center;
  color: #00837b;
  text-shadow: none !important;
}
table.dataTable tbody tr.selected a,
table.dataTable tbody th.selected a,
table.dataTable tbody td.selected a {
  color: #231F20;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  --bs-table-accent-bg: #f9f9f9 !important;
  color: #231F20 !important;
}

.table-striped > tbody > tr.bg-rush:nth-of-type(odd)  {
  --bs-table-accent-bg: #f8d7da !important;
  color: #231F20 !important;
}

.table-striped > tbody > tr.bg-rush:nth-of-type(even)  {
  --bs-table-accent-bg: #f8d7da !important;
  color: #231F20 !important;
}

.table-striped > tbody > tr.bg-fit-set:nth-of-type(odd) {
    --bs-table-accent-bg: #f2c2ff !important;
    color: #231F20 !important;
}

.table-striped > tbody > tr.bg-fit-set:nth-of-type(even) {
    --bs-table-accent-bg: #f2c2ff !important;
    color: #231F20 !important;
}

.table-active {
  --bs-table-accent-bg: green !important;
  color: #313A46 !important;
}
.table-hover > tbody > tr:hover {
  --bs-table-accent-bg: #f5f5f5 !important;
  color: #231F20 !important;
}
table.dataTable tbody tr.selected,
table.dataTable tbody th.selected,
table.dataTable tbody td.selected {
  color: #313A46;
}
table.dataTable tbody td.select-checkbox:before,
table.dataTable tbody th.select-checkbox:before {
  margin-left: -15px;
}
table.dataTable tbody th.focus,
table.dataTable tbody td.focus {
  outline: none !important;
  outline-offset: -1px;
  background-color: none !important;
}
.table > :not(:last-child) > :last-child > * {
  border-top: 1px solid #edeff1;
  border-bottom-color: #edeff1;
  border-right: 1px solid #edeff1;
  border-left: 1px solid #edeff1;
}
thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: #edeff1;
  border-style: solid;
  border-width: 0;
  border-left: 1px solid #edeff1;
  border-right: 1px solid #edeff1;
}
.datepicker thead,
.datepicker tbody,
.datepicker tfoot,
.datepicker tr,
.datepicker td,
.datepicker th {
  border-left: none !important;
  border-right: none !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th.dtr-control:before {
  left: 5px;
  margin-top: 5px;
  /*@media only screen and (min-width: 960px) and (max-width: 1367px) {
	    left: 40px;
        margin-top: 8px;
    }*/
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before {
  background-color: #00837b;
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #98A6AD;
  border-color: #98A6AD;
}
/* Date picker
================================================= */
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background-color: #00837b;
  color: #fff;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #00837b;
  color: #fff;
}
.datepicker table tr td.active.active {
  color: #fff;
  background-color: #00837b !important;
  background-image: none !important;
}
/*.daterangepicker .calendar-table .next span:hover, .daterangepicker .calendar-table .prev span:hover {
      border-color: #fff; 
}*/
.input-group-text {
  padding: 0.2rem 0.9rem;
}
/* Pages général
================================================= */
.page-title-box .page-title {
  font-size: 24px;
  font-weight: 600;
}
#preloader {
  position: fixed;
  top: 70px;
  left: 260px;
  right: 0;
  bottom: 0;
  background-color: #fafbfe !important;
  z-index: 9999;
}
label {
  font-weight: 400;
}
.form-check-input:checked {
  background-color: #00837b;
  border-color: #00837b;
}
.colorCsp {
  color: #00837b !important;
}
.commande {
  color: #00837b;
  font-size: 18px;
  text-align: right;
}
@media only screen and (min-width: 961px) and (max-width: 1150px) {
  .commande {
    font-size: 0.9rem;
  }
}
.commande-numero {
  color: #212529;
  font-size: 20px;
  font-weight: 700;
  text-align: right;
}
@media only screen and (min-width: 961px) and (max-width: 1150px) {
  .commande-numero {
    font-size: 1rem;
  }
}

.web-numero {
  color: #00837b;
  font-size: 18px;
  padding-left:10px;
}
@media only screen and (min-width: 961px) and (max-width: 1150px) {
  .web-numero {
    font-size: 1rem;
  }
}

.web-numero-seul {
  color: #212529;
  font-size: 18px;
}
@media only screen and (min-width: 961px) and (max-width: 1150px) {
  .web-numero-seul {
    font-size: 1rem;
  }
}

.card .header-title-csp {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0.75rem;
  text-transform: none;
  letter-spacing: 0.02em;
  margin-top: 0;
}
.btn-outline-success {
  color: #00837b;
  border-color: #00837b;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #00837b;
  border-color: #00837b;
}
.modalGoogle {
  display: block;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1100;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}
.modalAdresses {
  display: block;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}
@media (min-width: 600px) {
  .dropdown-lg {
    /*width: 420px;*/
    width: auto;
  }
}
.text-success {
  color: #00837b !important;
}
.barreDroite {
  padding-top: 0 !important;
  padding-right: 1.5rem !important;
  padding-bottom: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.input-group-text {
  color: #e3eaef;
  background-color: #48515d;
  border: 1px solid #48515d;
}
.signature {
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  width:340px;
  height:200px;
}

@media only screen and (min-width: 1186px) and (max-width: 1400px) {
    .signature {
      width:235px;
    }
}

@media only screen and (min-width: 525px) and (max-width: 1185px) {
    .signature {
      width:400px;
    }
}

@media only screen and (max-width: 524px) {
    .signature {
      width:280px;
    }
}

@media only screen and (min-width: 1199px) and (max-width: 1399px) {
    .fix-marge-seule {
        margin-top:85px;
    }
}

.avatar-title {
  background-color: #00837b;
}
.fix-margin-statut {
  margin-top: 48px;
}
@media (max-width: 750px) {
  .fix-margin-statut {
    margin-top: 0;
  }
}
.fix-margin-statut-list-commandes {
  margin-top: 35px;
}
@media (max-width: 750px) {
  .fix-margin-statut-list-commandes {
    margin-top: 0;
  }
}
.btn-sm-statut {
  font-size: 0.875rem;
  border-radius: 0.15rem;
  padding: 0.1rem 0.8rem;
}
.form-select {
  font-size: 0.85rem;
}
.modal-footer {
  border-top: none !important;
}
.btn-link {
  font-weight: 400;
  color: #98a6ad !important;
  text-decoration: none;
}
.btn-link:hover {
  color: #00837b !important;
  text-decoration: none;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #00837b;
}
.nav-link:hover,
.nav-link:focus {
  color: #00837b;
}
.nav-tabs > li > a,
.nav-pills > li > a {
  color: #fff;
  font-weight: 600;
}
.bg-nav-pills {
  background-color: #231F20;
}
.bg-success {
  background-color: #00837b !important;
}
.app-search .form-control {
  height: auto;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 0.18rem 0.8rem;
}
.font-36 {
  font-size: 36px !important;
}
.contour-a-commander {
  /*border:1px solid #98a6ad;*/
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}
.contour-recu {
  /*border:1px solid #8DC63F;*/
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}
.contour-commande {
  /*border:1px solid #ffbc00;*/
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}
.contour-back-order {
  /*border:1px solid #dc3545;*/
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}
.text-danger {
  color: #dc3545 !important;
}
.timeline-alt .timeline-item .timeline-icon {
  float: left;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  border: 2px solid transparent;
  font-size: 18px;
  text-align: center;
  line-height: 28px;
  background-color: #fff;
}
.timeline-alt .timeline-item:before {
  background-color: #f1f3fa;
  bottom: 0;
  content: "";
  left: 14px;
  position: absolute;
  top: 32px;
  width: 2px;
  z-index: 0;
}
.timeline-alt .timeline-item .timeline-item-info {
  margin-left: 45px;
}
/* Commandes PDF
================================================= */
.invoice-container {
  margin: 15px auto;
  padding: 70px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
}
@media (max-width: 767px) {
  .invoice-container {
    padding: 35px 20px 70px 20px;
    margin-top: 0px;
    border: none;
    border-radius: 0px;
  }
}
.font-30 {
  font-size: 30px !important;
}
/* Login
================================================= */
.auth-fluid {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 100vh;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background: url("../images/csp-login-bg.jpg") center;
  background-size: cover;
}
.auth-fluid .auth-fluid-form-box {
  max-width: 480px;
  border-radius: 0;
  z-index: 2;
  padding: 3rem 2rem;
  background-color: #ffffff;
  position: relative;
  width: 100%;
}
.auth-fluid .auth-fluid-right,
.auth-fluid .auth-fluid-left {
  padding: 6rem 3rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
}
.navbar-custom .app-search .recherche {
  padding: calc(32px / 2) 5px calc(32px / 2) 0;
  overflow: hidden;
  max-width: 320px;
}
.nav-user .account-user-bg {
  position: absolute;
  left: 15px;
  height: 36px;
  width: 36px;
  line-height: 36px;
  text-align: center;
  margin-right: 10px;
  border-radius: 50%;
  color: #fff;
}
.notify-modal-icon {
  float: left;
  height: 36px;
  width: 36px;
  line-height: 36px;
  text-align: center;
  margin-right: 10px;
  border-radius: 50%;
  color: #fff;
}

/* body[data-leftbar-compact-mode="condensed"]:not(.authentication-bg) .wrapper .leftside-menu {
    position: fixed;
    width: 70px;
    z-index: 5;
    padding-top: 70px;
    background-color:red;
 }*/

 @media (max-width: 670px) {
    .adresse {
        margin-left:0.75rem !important;
        margin-top:0.75rem !important;
    }
    .sansFrais {
        white-space:nowrap;
    }
}

 /* Calendrier
================================================= */
/*.fc-daygrid-event-dot {
    border-color: transparent;
}

 .fc-daygrid-event-dot {
    border: none !important;
    border-radius: 0 !important;
}*/

.fixCalendar-Dot {
    margin-left:-15px;
}

@media only screen and (max-width: 1235px) {
    .fixCalendar-Dot {
        margin-left:0;
    }
}

@media only screen and (max-width: 1375px) {
    .fc-event {
        font-size: 0.7125rem;
    }
}

 .fc-daygrid-dot-event .fc-event-title {
    line-height: 0.8125rem;
}

.fc-toolbar .btn {
    margin-right: 10px;
}

 .fc-toolbar-chunk > .btn-group > .btn-primary {
    background-color: #231F20;
    border-color: #231F20;
 }

/*.fc .fc-highlight {
    background: #313A46 !important;
}*/

.fc .fc-daygrid-day.fc-day-today {
    background-color:rgba(188,232,241,.3);

}

.fc .fc-list-event-dot {
    border: none !important;
    border-radius: 0;
}

@media only screen and (min-width: 671px) and (max-width: 1195px) {
    .fc-toolbar h2, .fc-toolbar .h2 {
        font-size: 0.875rem !important;
        text-align: center;
    }

    .fc-toolbar .btn {
        padding: 0.28rem 0.8rem;
        font-size: 0.675rem;
        border-radius: 0.15rem;
    }

    .fc-toolbar .btn {
        margin-right: 5px;
    }
    
    .fc-direction-ltr .fc-toolbar>*>:not(:first-child) {
        margin-left: 0;
    }

    .fc-event {
        font-size: 0.6125rem;
        margin: 0;
        padding: 0;
    }
}

@media (max-width: 670px) {
    .fc-toolbar h2, .fc-toolbar .h2 {
        font-size: 0.725rem !important;
        line-height: 0.875rem;
        text-align: center;
        text-transform: uppercase;
        padding-right: 15px;
    }

    .fc-toolbar .btn {
        margin-right: 5px;
    }

    .fc-event {
        font-size: 0.6125rem;
        margin: 0;
        padding: 0;
    }
}

.timeline-alt {
    padding: 0;
    position: relative;
}

.mt-rush {
    margin-top: 2.75rem !important;
}

@media only screen and (min-width: 991px) and (max-width: 1400px) {
	.mt-rush {
		margin-top: 0.75rem !important;
	}	
}

@media only screen and (min-width: 768px) and (max-width: 990px) {
	.mt-rush {
		margin-top: 2.75rem !important;
	}	
}

@media only screen and (max-width: 767px) {
	.mt-rush {
		margin-top: 0.75rem !important;
	}	
}