* {
    outline: none !important;
}
body {
    margin: 0px;
    color: #212529;
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    background-color: #f1f4f5;
}
  body.popupmaster {
    background: #fff;
  }
a {
    text-decoration: none;
    color: inherit;
}
a:hover {
    color: #e0cfa3;
}

.text-primary {
    color: #e0cfa3 !important;
}
.text-talk {
    color: #6C5D94;
}

.text-fleet {
    color: black;
}

.text-call {
    color: #ffc107;
}

.text-check {
  color: #873e23;
}
.text-prestataire {
    color: #ffc0eb;
}

.text-planning {
    color: #6DA0AD;
}
input {
    font-family: 'Nunito', sans-serif;
    color: #212529;
}
.btnHidden {
    display: none;
}
.btnPrestataire {
    background-color: #ffc0eb;
    color:#fff;
}
#header {
    background: #292f33;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 100;
    box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.3);
}
#logo {
background-color:#000;}
/*LOGIN*/
.bg_login {
    background: #292f33;
    padding-bottom: 0;
    min-height: 100px;
}
    .bg_login #header {    background:#000;}
    .bg_login i.icon-user {
        background: #e0cfa3;
        padding: 0.5em;
        border-radius: 100%;
        color: #292f33;
    }
    .containerLogin {
        position: relative;
        max-width: 460px;
        margin: 20px auto;
        background-color: #ffffff;
        border-radius: 0.25em;
        box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.15), 0 1px 0 0 rgba(0, 0, 0, 0.1);
        top: 15vh;
        padding: 2em;
    }
input {
    filter: none;
}
.bg_login input[type="checkbox"], .bg_login .checkbox input[type="checkbox"], .bg_login .checkbox-inline input[type="checkbox"] {
    position: relative;
    border: none;
    margin-bottom: -4px;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
}
    .bg_login input[type="checkbox"]:checked::before, .bg_login input[type="checkbox"]:checked::before, .bg_login input[type="checkbox"]:checked::before {
        content: "";
        position: absolute;
        top: 0;
        left: 6px;
        display: table;
        width: 6px;
        height: 12px;
        border: 2px solid #ffffff;
        border-top-width: 0;
        border-left-width: 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .bg_login input[type="checkbox"]::after, .bg_login input[type="checkbox"]::after, .bg_login input[type="checkbox"]::after {
        content: "";
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -2px;
        margin-right: 5px;
        border: 2px solid #515f73;
        border-radius: 2px;
        -webkit-transition: 240ms;
        -o-transition: 240ms;
        transition: 240ms;
    }
.bg_login input[type="checkbox"]:checked::after, .bg_login input[type="checkbox"]:checked::after {
    background-color: #3ec396;
    border-color: #3ec396;
}
/*SEARCH INPUT AUTOCOMPLETE**************************************/
.search-wrapper {
    box-sizing: border-box;
    width: 300px;
}
    .search-wrapper .icon-search {
        position: absolute;
        right: 1em;
        color: #e0cfa3;
        line-height: 37px;
    }
    input[type="text"].search-input {
        width: 100%;
        border: 1px solid #e0cfa3;
        background: none;
        color: #e0cfa3;
        border-radius: 2em;
        padding: 0.35em 2em;
    }
input[type="text"].search-input:focus {
  border-color: #fff;
  color:#fff;
}

.search-resultat-wrapper {
    position: relative;
}

.search-result {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    max-height: 500px;
    overflow: auto;
    padding: 10px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    z-index:99;
}

.search-result-bloc {
    margin-bottom: 20px;
}

.search-result h6 {
    margin: 0;
    padding: 0 10px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.search-result .item {
    position: relative;
    margin: 0;
    padding: 0 10px;
    cursor: pointer;
}

    .search-result .item:hover {
        background-color: #eee;
    }

.search-result .item-detail {
    display: none;
    position: absolute;
    bottom: 30px;
    left: 5px;
    width: 290px;
    padding: 10px;
    font-size: 13px;
    background-color: #f6f6f6;
    border: 1px solid #ccc;
}

.search-result button {
    display: block;
    margin-left: 10px;
    padding: 0;
    cursor: pointer;
    width: 20px;
    height: 20px;
    font-size: 14px;
    line-height: 0;
}
/**********************************************/
#user {
    min-width: 260px;
}
#user > li > a  {
    line-height:70px;
}
    #user > li > .sub-menu > li {
    line-height:50px;}
    #user > li > a {
        color: #e0cfa3;
    }

    #user i.icon-user {
        background: #e0cfa3;
        padding: 1em;
        border-radius: 100%;
        color: #292f33;
    }

    #user > li li i {
        margin-right: 0.5em;
    }

    #user > li li img {
        vertical-align: middle;
    }

    #user span {
        padding: 0 1em;
    }

    #user a {
        display: inline-block;
        padding: 0 1em;
        text-decoration: none;
    }

    #user > li > a:hover {
        color: #fff !important;
    }

    #user li a.active {
        background: none;
        color: #ffc62d;
    }

        #user li a.active img {
            border-bottom: 2px solid #ffc62d;
        }

/* MENU =========================== */

.menu {
    margin: 0;
    padding: 0;
}

    .menu li {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        cursor: pointer
    }

    .menu > li a#logo {
        padding: 0;
        background: #fff;
        border-bottom: 1px solid #07213f;
        display: block;
    }

        .menu > li a#logo img {
            height: 46px;
        }

   /* .menu li a {
        color: #fff;
        text-decoration: none;
        padding: 1em 2em;
        font-size: 1.1em;
        display: block;
    }*/

#menu.menu li a {
    width: 100%;
}

.menu > li > a > i {
    margin-left: 1em;
    font-size: 0.75em;
}

#menu.menu > li li > a > i {
    float: right;
    font-size: 0.75em;
    line-height: 22px;
}

#menu.menu > li:hover > a,
#menu.menu > li > a:hover {
    color: #ffc72c;
}

.menu li:hover ul li a:hover,
.menu ul li a:hover {
    color: #e0cfa3;
}

.menu ul {
    display: none;
    position: absolute;
    padding: 0;
    background: #292f33;
    min-width: 100%;
}

.menu > li:hover > ul {
    display: block;
}

.menu .sub-menu > li:hover > ul {
    display: block;
    top: 0;
    left: calc(100% + 3.7em);
    border-left: 2px solid #fff;
}

.menu li:hover ul li a, .menu li:hover ul li a, .menu ul li a {
    color: #fff;
    white-space: nowrap;
}
/*******LEFT SIDE MENU******************************************/
.left-side-menu {
    width: 250px;
    z-index: 0;
    background: #ffffff;
    bottom: 0;
    margin-top: 0;
    padding-bottom: 30px;
    position: fixed;
    top: 70px;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
    -webkit-animation: slide 0.5s forwards;
    -webkit-animation-delay: 2s;
    animation: slide 0.5s forwards;
    animation-delay: 2s;
}

.menu-hamburger {
    text-align: center;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
}

    .menu-hamburger i {
        color: #e0cfa3;
        font-size: 1.5em;
        line-height: 50px;
    }
        .menu-hamburger i:hover {
            color: #292f33; cursor:pointer;
        }
.vertical-menu a {
  line-height: 3em;
  padding: 1em;
  font-size: 1.2em;
  font-weight: 800;
  text-decoration: none;
  color: #fff;
}
/*.vertical-menu a:hover {
opacity:0.8;}*/
    .vertical-menu a i {
        font-size: 1.5em;
        margin-right: 0.5em;
    }
.vertical-menu .menu-talk {
    background-color: #6C5D94;
}

.vertical-menu .menu-call {
  background-color: #ffc107;
}
.menu-call{
position: relative;
}

.notif-call {
  position: absolute;
  top: -5px;
  right: -5px;
  background: red;
  color: white;
  font-size: 0.50em;
  font-weight: bold;
  width: 20px; /* largeur fixe */
  height: 20px; /* hauteur fixe = cercle */
  border-radius: 50%; /* cercle parfait */
  display: flex !important;
  align-items: center; /* centrer verticalement */
  justify-content: center; /* centrer horizontalement */
}

.vertical-menu .menu-check {
  background-color: #873e23;
}

.vertical-menu .menu-prestataire {
    background-color: #ffc0eb;
}

.vertical-menu .menu-fleet {
    background-color: red;
}
.vertical-menu .menu-stockage {
    background-color: black;
}

.vertical-menu .menu-ct {
    background-color: #71A387;
}

.vertical-menu .menu-planning {
    background-color: #6DA0AD;
}
.vertical-menu .menu-talk:hover {
    background-color: #4E6194;
}

.vertical-menu .menu-fleet:hover {
    background-color: orange;
}

.vertical-menu .menu-call:hover {
    background-color: #FF8A05;
}

.vertical-menu .menu-check:hover {
  background-color: #ffb380;
}

.vertical-menu .menu-planning:hover {
    background-color: #7B8F94;
}
.vertical-menu a i.icon-chevron-right {
font-size:1em;}


/******CONTENT*******************/

.content-page {
  margin-left: 250px;
  margin-top: 70px;
}

.page-title {
  align-items: center;
  width: 100%;
  height: 50px;
  background: #fff;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
  padding: 0 1.5em;
  position:sticky;
  z-index:1;
  top:70px;
}

  .page-title .title {
    color: #000;
    font-size: 1.5em;
    font-weight: 800;
  }

    .page-title .title i {
      margin-right: 0.2em;
    }

  .page-title .onglets div {
    padding: 5px 15px;
    font-size: 14px;
    color: #9B9B9B;
    cursor: pointer;
    border-radius: 3px;
  }

    .page-title .onglets div.on {
      background: #212529;
      color: #fff;
    }

    .page-title .onglets div span {
      cursor: pointer;
    }

    .page-title .onglets div.on span {
      cursor: default !important;
    }

    .page-title .onglets div span:hover {
      text-decoration: underline;
    }

    .page-title .onglets div.on span:hover {
      text-decoration: none;
    }

.page-title .filter > span {
    margin: 0 0.2em 0 0.7rem;
}

  .page-title .filter select {
    /*display: none;*/
    min-width: 200px;
    width: 200px;
    border: 1px solid #212529;
    border-radius: 3em;
    line-height: 35px;
    behavior: none;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    -ms-appearance: none !important;
    appearance: none !important;
    background-size: 1.2em;
    padding: 0 1em;
    background-position: calc(100% - 1em) 50%;
    background-color: #fff;
    background-image: url('img/chevron-down.svg');
    background-repeat: no-repeat;
    background-attachment: scroll;
  }

  .page-title .filter input[type=text] {
    width: 140px;
    line-height: 35px;
    border-radius: 3em;
    border: 1px solid #212529;
    padding: 0 1.5em;
    margin-right: 0.7em;
  }

.nb_produit {
  margin-top: -1.5em;
  text-align: center;
  margin-bottom: 2em;
}

  .nb_produit small {
    background: #e0cfa3;
    padding: 0.25em 1em;
    border-radius: 0 0 0.5em 0.5em;
  }

    .nb_produit small span + span {
      font-weight: 900
    }

.tag-M, .tag-Q {
  font-size: 0.8em;
  padding: 0.25em;
  color: #fff;
  margin-bottom: 0.25em;
  display: inline-block;
}

.tag-M {
  background: #44a1f7;
}

.tag-Q {
  background: #81d452;
}

.pager span {
  background-color: #e0cfa3;
  padding: 0.05em 0.45em;
  color: #fff;
}

.pager a {
  font-weight: 700;
  color: #000;
  background-color: #e0cfa3;
  padding: 0.05em 0.45em;
}

  .pager a:hover {
    color: #fff;
  }
/********SMALL SIDE*/
.small-side .left-side-menu {
  width: 70px;
}

.small-side .vertical-menu span, .small-side .vertical-menu .icon-chevron-right {
  display: none;
}

.small-side .content-page {
  margin-left: 70px;
}

.content-page.content-margin {
  margin-left: 0;
  margin-top: 0;
}

.content-page.content-margin-left {
  margin-left: 0;
}
/***************************/
.bg-primary {
  background-color: #e0cfa3 !important;
}
.fiche-conducteur .title-bloc {
margin-top:-1.5em;}
.ui-autocomplete {
    background: #eee;
    border: 2px solid #ffc72c !important;
    padding: 0.5em;
}

.ui-multiselect {
    background: none;
    border: 1px solid #212529 !important;
    padding: 0 1.5em !important;
    border-radius: 3em !important;
    line-height: 35px !important;
    width:auto !important;
}
    .ui-multiselect .ui-icon {
        margin-left:1em;
    }
.ui-widget.ui-widget-content {
    border: 0;
    padding: 0.5em;
    background:#e0cfa3;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    color: #212529;
}
    .ui-state-active .ui-icon, .ui-button:active .ui-icon {
        background-image: url("images/ui-icons_444444_256x240.png");
    }
.ui-multiselect-header .ui-icon {
    float: none;
   
}
.ui-multiselect-header {
    background: #fff;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    border: 0;
    background: #fff;
    font-weight: normal;
    color: #2b2b2b;
    border-radius: 0;
}
.ui-multiselect-checkboxes input {
    margin-right: 0.25em;
}
.ui-widget-header {
  background: #fff;
  color: #212529;
  border: 0;
  border-bottom: 1px solid #212529;
  border-radius: 0;
}
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
        border: 1px solid #fff;
        font-weight: normal;
        color: #212529;
    }
.ui-state-default, .ui-widget-content .ui-state-default {
    background: none;
}
.ui-state-active, .ui-widget-content .ui-state-active{
    border: 1px solid #fff;
    background: #212529;
    color: #fff;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fff;
    background: #6DA0AD;
    color: #fff;
}
.btn {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.9rem;
}

a.btn i {
    vertical-align: middle;
    margin-right: 5px;
}



.btn-primary {
    background-color: #e0cfa3;
    border-color: #e0cfa3;
    color: #000;
}

    .btn-primary:hover, .btn-primary:focus {
        color: #fff;
        background-color: #000;
        border-color: #000;
    }

/***********PLANNING**************/

.planning-table {
  width: 100%;
  font-size: 0.9em;
}

  .planning-table th {
    position: sticky;
    top: 120px;
    z-index: 1;
    text-align: center;
    background-color: #212529;
    color: #fff;
    line-height: 35px;
    font-weight: 400;
    font-size: 16px;
    /*text-transform: uppercase;*/
  }

    .planning-table th:first-child {
      border-radius: 0.25em 0 0 0;
      /*border-right: 10px solid;*/
    }

    .planning-table th:last-child {
      border-radius: 0 0.25em 0 0;
    }

  .planning-table td {
    box-sizing: border-box;
    border: 1px solid #FFF;
  }

    .planning-table td.journee {
      min-width: 150px;
      padding: 20px 0;
      border-bottom: 1px solid #212529;
    }

.today {
  background-color: #E8EEF0;
}

.dateJour {
}

  .dateJour .day, .dateJour .month {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.1em;
    letter-spacing: 0.em;
    color: #e0cfa3;
    display: block;
  }

  .dateJour .day_number {
    font-weight: 700;
    font-size: 3em;
    line-height: 0.75em;
  }

.vehiculesDispo, .driversDispo {
  margin-top: 30px;
}

  .vehiculesDispo .provider {
    font-size: 16px;
    font-weight: 800;
  }

  .vehiculesDispo .wrapper {
    width: 90px;
    margin: 5px auto 0px auto;
  }

  .vehiculesDispo .mission {
    margin-bottom: 0px;
  }

    .vehiculesDispo .mission img, .vehiculesDispo .terminee img {
      width: 22px;
      margin-right: 5px;
    }

    .vehiculesDispo .mission span, .vehiculesDispo .terminee span {
      color: #ddcfa7;
    }

  .vehiculesDispo .btn-recommandation {
    width: 22px;
    margin-left: 5px;
    vertical-align: -5px;
    cursor: pointer;
  }

.journee .total {
  background-color: #ddcfa7;
  padding: 5px;
  text-align: center;
  color: #212529;
  font-size: 18px;
  font-weight: 700;
  border-radius: 5px;
  width: 110px;
  margin-top: 15px;
}
.planning-table td.driver {
  min-width: 130px;
  padding: 0 10px;
  text-align: center;
  background: #EBE9E9;
  font-weight: bold;
  /*border-right: 1px solid #6DA0AD;*/
  border-left: 10px solid #fff;
  border-top: 0;
  border-bottom: 0;
  border-right: 0;
}
.planning-table td.data {
  background-color: #F6F8F9;
  /*background-color: #E8EEF0;*/
  border-left: 10px solid #fff;
}
/*
.planning-table td.driver span {
  display: block;
  text-align: center;
  background: #EBE9E9;
}
  */
.planning-table th.header {
  border-left: 10px solid #fff;
  border-bottom: 10px solid #fff;
}
.planning-table th.header2 {
  border-left: 10px solid #fff;
  border-bottom: 10px solid #fff;
}
.divDriver {
  background-color: #E8EEF0;
}

.driver:has(.driver-non-referent), .div-driver-non-referent {
  background-color: rgba(0,0,0,0.3) !important;
  //background-color: #829399 !important;
}

.driver .pix-cal {
  width: 0;
  height: 20px;
}
.divDriver.vide {
    height: 22px;
}
.divDriver.vide.on {
    height: 105px;
}

.item-heure-travaillee{
  background-color: #E8EEF0;

}

.divHeures {
  align-content: center;
  margin:5px;
}

.input-heure-travaillee {
  background-position: right;
  border: 0;
  border-bottom-width: 0px;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
  border-bottom: 1px solid #212529;
  line-height: 15px;
  font-size:13px;
  background-size: 1.25em;
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

  .input-heure-travaillee::-webkit-inner-spin-button, .input-heure-travaillee::-webkit-calendar-picker-indicator{
    display:none;
    -webkit-appearance:none;
  }

  .lbl-heure-travaillee {
    color: #0A9E11;
  }

.exces-heure {
  color: #EB3323 !important;
}

.divG-vide {
  //border-right: 1px solid #DEE5E8;
  //border-right: 1px solid #C8CCCE;
  border-right: 1px solid #FFF;
}
.planning-table .semaine-change td {
  padding: 0;
  height: 14px;
  background: linear-gradient(-45deg, #FFF 12.5%, #212529 12.5%, #212529 37.5%, #FFF 37.5%, #FFF 62.5%, #212529 62.5%, #212529 87.5%, #FFF 87.5%);
  background-size: 10px 10px;
  background-position: 50px 50px;
  border: 0;
}
.conges {
  height: 22px;
  background: linear-gradient(45deg, #E8EEF0 12.5%, #d7e0e4 12.5%, #d7e0e4 37.5%, #E8EEF0 37.5%, #E8EEF0 62.5%, #d7e0e4 62.5%, #d7e0e4 87.5%, #E8EEF0 87.5%);
  /*background: linear-gradient(45deg, #6DA0AD50 12.5%, #6DA0AD25 12.5%, #6DA0AD25 37.5%, #6DA0AD50 37.5%, #6DA0AD50 62.5%, #6DA0AD25 62.5%, #6DA0AD25 87.5%, #6DA0AD50 87.5%);*/
  background-size: 50px 50px;
  background-position: 50px 50px;
  text-align: center;

}
.divMission {
    height: 100%;
    font-size: 0.85em;
    background-color: #fff;
    border-radius: 5px;
    border: 0;
    cursor: pointer;
}

.divDriver {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 0px;
    grid-auto-flow: dense;
}
  .divDriver .divHeader {
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    font-weight: 400;
  }
    .divDriver .divHeader:first-child {
      border-left: 0;
    }
  .divDriver .divHeader:last-child {
    border-right: 0;
  }
.divG0-1 {
  border-right: 1px solid #FFF;
  grid-column: 1 / span 1;
}

.divG0-2 {
  border-right: 1px solid #FFF;
  grid-column: 1 / span 2;
}

.divG0-3 {
  border-right: 1px solid #FFF;
  grid-column: 1 / span 3;
}

.divG0-4 {
  border-right: 1px solid #FFF;
  grid-column: 1 / span 4;
}

.divG1-1 {
  border-right: 1px solid #FFF;
  grid-column: 2 / span 1;
}

.divG1-2 {
  border-right: 1px solid #FFF;
  grid-column: 2 / span 2;
}

.divG1-3, .divG1-4 {
  border-right: 1px solid #FFF;
  grid-column: 2 / span 3;
}

.divG2-1 {
  border-right: 1px solid #FFF;
  grid-column: 3 / span 1;
}

.divG2-2, .divG2-3, .divG2-4 {
  border-right: 1px solid #FFF;
  grid-column: 3 / span 2;
}

.divG3-1, .divG3-2, .divG3-3, .divG3-4 {
  grid-column: 4 / span 1;
}

.divGrid {
  padding: 5px;
  /*height: 105px;*/
  min-height: 105px;
}

.retourMission {
  background-color: #F7E6DE /*EDD5D5*/;
}

.divMission .clientIcon {
  width: 10px;
  border-radius: 5px 0 0 5px;
}

.divMission .wrapper {
  width: 100%;
  margin-left: 15px;
  padding: 5px 5px 5px 0;
}

.divMission .statut {
  width: 26px;
  height: 26px;
}

.top-thick {
  border-top: 10px solid #212529;
  /*background-color: rgba(109,160,173,0.50);*/
}

  .top-thick td {
    border-top: 10px solid #212529;
  }

.divMission .etape {
  height: 12px;
  margin-left: 15px;
  margin-top: -4px;
}

.divMission .marcheprime {
  margin-left: 3px;
}

  .divMission .marcheprime img {
    width: 26px;
    margin-right: 5px;
  }

.divMission .trajet {
  height: 26px;
  margin-right: 5px;
}

.divDriver .trajet-vide {
  height: 50px;
}

.libelle-conge {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 17px;
  font-weight: 700;
}

.libelle-conges-1 {
  grid-column: 1 / span 1;
}

.libelle-conges-2 {
  grid-column: 1 / span 2;
}

.libelle-conges-3 {
  grid-column: 1 / span 3;
}

.libelle-conges-4 {
  grid-column: 1 / span 4;
}


.divGridLink {
  position: absolute;
  top: 0;
  left: 0;
  display: grid;
  width: 100%;
  height: 100%;
  grid-template-columns: repeat(4, 1fr);
}

.divG-link {
    margin: 0;
    cursor: pointer;
}

    .divG-link:hover {
        border: 3px solid #6DA0AD;
    }


.table-primary, .table-primary > td, .table-primary > th, .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
  background-color: #e0cfa3;
  color: #000;
  border-color: #e0cfa3;
  --bs-table-bg: #e0cfa3;
  --bs-table-striped-bg: #e0cfa3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e0cfa3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e0cfa3;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #e0cfa3;
}

.table-hover th {
  background: #fff !important;
}

.table-hover tr td {
  cursor: pointer
}

.table.table-striped i.fa-file-pdf-o:hover {
  cursor: pointer;
  color: #e0cfa3
}


input[type=radio] + label {
  margin-left: 0.25em;
  margin-right: 1.25em;

}
.MemberRadioBtn input[type=radio] + label {
  padding: 0.25em 0.5em;
  text-align:center;
}
.MemberRadioBtn input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.MemberRadioBtn td label::before {
  width: 24px;
  height: 24px;
  content: " ";
  display: block;
  margin: 0 auto;
}
.MemberRadioBtn .icone_member_1 label::before {
  background-image: url(../images/member_1.png);
}
.MemberRadioBtn .icone_member_2 label::before {
  background-image: url(../images/member_2.png);
}
.MemberRadioBtn .icone_member_3 label::before {
  background-image: url(../images/member_3.png);
}
.MemberRadioBtn .icone_member_4 label::before {
  background-image: url(../images/member_4.png);
}

.MemberRadioBtn td input[type=radio]:checked + label {
  border-bottom: 3px solid #212529; 
}

.popupmaster #ui-datepicker-div {
  font-size: 0.80em;
  background-color: #ddd;
}

.retour-mission td {
  background: #F7E6DE;
}

.notification-overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  background: rgba(255,255,255,0.8);
}

.notification-box {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 200px;
  background-color:#fff;
  /*height: 150px;*/
  /*border: solid 5px green;*/
  
  background-color:#fff;
}
.notification-item {
  display: none;
  width: 500px;
  min-height: 200px;
  background-color:white;
 /* padding: 5px; */
  margin:3px;
}

.notification-message {
  font-size: 20px;
  font-weight: bold;
  margin: 5px;
  text-align:center;
}

.notification-titre {
  font-size: 20px;
  font-weight: bold;
  background-color: #e0cfa3;
  text-align:center;
}

.notification-action{
  margin-left:auto;
  margin-right:auto;
  margin-top:20px;
  padding:5px;
  width:150px;
  background-color:#e0cfa3;
  text-align:center;
  font-weight:bold;
}


ul.ui-autocomplete {
  z-index: 1100;
}

/*POP UP MISSION*/
.popupmaster .body.ui-widget.ui-widget-content {
    background: #f1f4f5;
}
.popupmaster .body.ui-tabs .ui-tabs-nav {
    padding: 0;
    border-bottom:1px solid #212529;
    background:transparent;
}
    .popupmaster .body.ui-tabs .ui-tabs-nav li a {
        text-align: center;
        font-size: 0.85em;
    }
    .popupmaster .body.ui-tabs .ui-tabs-nav li a span {
        display: block;
        font-weight: bold;
    }
.popupmaster .body.ui-tabs .ui-tabs-panel {
    padding: 0.5em 0;
}
.popupmaster .body .addMissionLiee {
    background: #e0cfa3;
    padding: 0.5em;
    display: inline-block;
    float: right;
    margin-bottom: 0.5em;
}
    .popupmaster .body .addMissionLiee:hover {
    color:#fff;}
#ifrMission-1 body.popupmaster {
    background: transparent;
}

.ui-dialog.ui-widget.ui-widget-content {
    background: #fff !important;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.popupmaster .body.ui-tabs .ui-tabs-nav li:not(.remplacement) a {
    border-left: 10px solid #ff0022;
}
.tabs-left .ui-tabs-nav li.statut-saisie, .popupmaster .body.ui-tabs .ui-tabs-nav li.statut-saisie a {
  border-color:#0b05ff;
}

.tabs-left .ui-tabs-nav li.statut-termine, .popupmaster .body.ui-tabs .ui-tabs-nav li.statut-termine a {
    border-color: #000;
    /*border-color: #38cfa3;*/
}
.tabs-left .ui-tabs-nav li.statut-confirme, .popupmaster .body.ui-tabs .ui-tabs-nav li.statut-confirme a {
  border-color: #0cff00;
  /* border-color: #FF8901;*/
}
.tabs-left .ui-tabs-nav li.statut-demarre, .popupmaster .body.ui-tabs .ui-tabs-nav li.statut-demarre a {
  border-color: #ff0000;
  /*border-color: #30AEDB;*/
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #e0cfa3;
    border-color: #e0cfa3;
    opacity:0.5;
}