:root {
  --filter-header-bg: #fff; /*#002B55*/;
  --filter-header-txt: #000; /*#fff*/;
  --filter-fields-bg: #fff; /*#c4d3e2*/;
  --filter-fields-border:#dadfe3;
}

/* general overrides */
body:not(.loginbg) {
    background-color: #f6f6f6;
    background-image: unset;
    background-repeat: unset;
}

body:not(.loginbg) .btn-primary:not(.filter-field){
    border: none;
    padding: 8px;
    text-align: left;
    vertical-align: middle;
    min-width: 315px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .25);
    position: relative;
}
        
body:not(.loginbg) .btn-primary:not(.filter-field):not(:hover){
    background-color: #fff;
}

body:not(.loginbg) .btn-primary .badge {
    background-color: #3282e9;
    color: #fff;
    position: absolute;
    top: calc(50% - 12.5px);
    right: 16px;
    min-width: 40px !important;
    min-height: 25px !important;
    line-height: 20px;
}

.v2-only {
    display: unset;
}

.btn-labels .btn-descr {
    display: inline;
}

.btn-icon {
    padding: 12px;
    margin-right: 8px;
}

.btn-icon img {
    padding: 0;
    margin: auto;
    /*filter: brightness(0);*/
}

.v2btn .btn-icon {
    border-radius: 8px;
}

.btn-labels {
    display: inline-block;  
    vertical-align: middle;
}

.btn-labels span {
    color: #000;
}

body:not(.loginbg) .btn:hover span {
    color: #fff;
}

body:not(.loginbg).popup-body .btn:hover span {
    color: #000
}

.btn-labels .btn-descr {
    color: #666;
    font-size: 12px;
    font-weight: normal;
}

.btn-descr:before {
    content: '\A';
    white-space: pre;
}

/* menu page */
.btn-icon #icon_planification {
    content: url('../Images/menu-date-and-time-v2.png');
}

#btnPlanification .btn-icon {
    background-color: #e6db9c;
}

.btn-icon #icon_mainthor {
    content: url('../Images/menu-preventif-v2.png');
}

#btnMaintEtHor .btn-icon {
    background-color: #c3d5eb;
}

.btn-icon #icon_usure {
    content: url('../Images/menu-speedometer-v2.png');
}

#btnMajUsure .btn-icon {
    background-color: #f1d9be;
}

.btn-icon #icon_bonstrav {
    content: url('../Images/menu-correctifs-v2.png');
}

#btnBonTrav .btn-icon {
    background-color: #eaaba8;
}

.btn-icon #icon_demandes {
    content: url('../Images/menu-customer-service-v2.png');
}

#btnDemandes .btn-icon {
    background-color: #d5c7e9;
}

.btn-icon #icon_geolocation {
    content: url('../Images/menu-geoloc-v2.png');
}

#btnGeolocalisation  .btn-icon {
    background-color: #d1e1c0;
}

.btn-icon #icon_equip {
    content: url('../Images/menu-equipements-v2.png');
}

#btnRechercheEquip  .btn-icon {
    background-color: #d1e1c0;
}

.btn-icon #icon_scan,
.btn-icon #icon_kalliope,
.btn-icon #imgdownload {
    content: url('../Images/menu-barcode-v2.png');
}

#btnEnterCB  .btn-icon,
#btnScan  .btn-icon,
#btnInstallBarCodeIOS .btn-icon {
    background-color: #b6aca0;
}

#btnRechercheEquip  .btn-icon {
    background-color: #cfe3e4;
}

/* Override MD css */
.TxtBlanc {
    color:#000; 
}

.rowEntete .TxtBlanc,
a[data-toggle="collapse"] .TxtBlanc {
    color:#fff; 
}



/* Section entête des filtres */

.filter-fields {
    background-color: var(--filter-fields-bg);
    border: solid 1px var(--filter-fields-border); 
    border-radius: 0 0 10px 10px; 
    border-top: none; 
    padding: 8px;
    margin-bottom: 8px;
}

.filter-header {
    background-color: var(--filter-header-bg);    
    border: solid 1px var(--filter-fields-border); 
    border-radius: 10px 10px 0 0; 
    display: block;
    padding: 0 15px;
}

.filter-header label {
    color: var(--filter-header-txt);
}


.colIcone:not(.TxtRed) {
    color: #212f4d;
}

.colIcone {
    min-height: 14px;
    min-width: 30px;
    padding: 0 10px 0 6px;
}

.priority-grd-color {
    border-radius: 5px;
}

.lblPriorite {
    max-width: 60px;
}

.glyphicon.glyphicon-user.colIcone {
    color: #212f4d;
}

.list-group-item:not(.lgiCustom) {
    margin: 8px 0;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .25);
}


.lgiCustom {
  position: sticky;
  top: 50px;
  z-index: 100;
}

.list-group-item:not(.lgiCustom) {
    border-radius: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.list-group-item:not(.lgiCustom):not(.preavisRow).with-icons {
    -webkit-box-shadow:inset 26px 0 0 #e8edf0; 
    -moz-box-shadow:inset 26px 0 0 #e8edf0; 
    box-shadow: inset 26px 0 0 #e8edf0;         
}


.list-group-item:not(.lgiCustom).preavisRow {
    -webkit-box-shadow:inset 26px 0 0 #afd3b7; 
    -moz-box-shadow:inset 26px 0 0 #afd3b7; 
    box-shadow: inset 26px 0 0 #afd3b7;         
}

.list-group-item.lgiCustom {
    border-radius: 5px;
    font-weight: bold;
}

.list-group-item:not(.lgiCustom) .row {    
    padding-top: 2px;
    padding-bottom: 2px;
}

.nav-tabs > li > a {
    border-radius: 5px 5px 0 0 ;
}

.btn-radio {
    background-color: #d0d0d0;
    color: #000;
}

.btn-radio.active,
.btn-radio:hover {
    background-color: #346C9B;
    color: #fff;
}

.blueSection {
    background-color:#82A4C2; 
    border:solid 1px #374652;
    border-radius: 5px;
    padding:5px;
}

.chkLarge input[type="radio"],
.chkLarge input[type="checkbox"] {
    /* All browsers except webkit*/
    transform: scale(1.5);

    /* Webkit browsers*/
    -webkit-transform: scale(1.5);
    margin-top: 0;    
}

.ui-datepicker-title span.ui-datepicker-month,
.ui-datepicker-title span.ui-datepicker-year{
    color: #fff
}

.icon-btn-28px {
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #fff; 
}
.icon-add,
.icon-geo {
    background-color: #60945066;
    color: #45893e;
}

.icon-edit {
    background-color: #9d921133;
    color: #9d9211;
}

.icon-delete {
    background-color: #bd362f33;   
    color: #bd362f;       
}

.icon-download {
    background-color: #7a58b433;
    color: #7a58b4;
}

.icon-home {
    background-color: #002B5533;
    color: #002B55;
}

.icon-ok {
    background-color: #d1e1c0;
    color: #519f49;
}

.icon-blue {
    background-color: #1992c133;
    color: #1992c1;
}

.icon-orange {
    background-color: #b2682433;
    color: #b26824;
}

.icon-ressource {
    background-color: #7b51b233;
    color: #7b51b2;
}

/*.btn.btn-radio:not(last-of-type) {
    border-right: solid 1px #aaa;
}*/

.btn.btn-radio {
    border-radius: 16px;
}

.btn.btn-radio:not(last-of-type) {
    margin-right: 8px;
}

.btn-group > .btn-group:last-child > .btn:first-child {
    border-radius: 16px;
}


.btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle {
    border-radius: 16px;
}

.btn-group.btn-radio-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 16px;
}

.btn-group.btn-radio-group > .btn-group,
.btn-radio-group > .btn-group .btn.btn-radio {
    width: unset;
}

.btn-radio-group {
    width: unset;
}

.btn.btn-radio  > .btn-group,
.btn-radio-group > .btn.btn-radio {
    width: unset !important;
}

.nav-tabs > li > a
{
    font-size: 12px !important;
    font-weight: bold;
}

.nav-tabs > li > a
{
    color:#555 !important;
    background-color: #d0d0d0;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
    color: #555 !important;
    background-color: #fff !important;
}

.navbar-back {
  color:#888; 
  margin-right:5px;
  margin-top: 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 6px 14px; 
  background-color: transparent;
}

.navbar-back:hover {
  background-color: #ddd;
}