.material-icons{
    font-size: 30px;
    margin-top: 5px;
}
:root {
    --menu-gp: #45B39D;
    --menu-gc: #009846;
    --menu-gs: #4caee6;
    --menu-ged: #2973b8;
    --menu-rh: #c60001;
    --menu-compt: #e37a1f;
    --menu-admin: #9d3493;
    --menu-atelier: #45B39D;
    --menu-magasin: #5BD68D;
    --menu-depot: rgba(236, 112, 99,0.8);
    --menu-voyage: rgb(165, 105, 189);
    --menu-vehicule: rgba(93, 173, 226,0.8);
    --menu-carburant: rgba(243, 156, 18,0.8);

}

.opacity input[type="checkbox"]:checked + span.half-check:before {
    background: #007aff;
    border-color: #007aff;
}

.modal-title{
    font-size: 24px !important;
}

.navbar .container-fluid.main-nav .nav-collapse .nav > li > a {
    padding: 0px 15px 9px}

#sous-menu-gc{
    background-color: var(--menu-gc);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 11px 0 0;
    width: 100%;
    position: fixed;
    top: 110px;
    z-index: 1000;
    visibility: hidden;
}
#sous-menu-gp{
    background-color: var(--menu-gp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 11px 0 0;
    width: 100%;
    position: fixed;
    top: 110px;
    z-index: 1000;
    visibility: hidden;
}
#sous-menu-admin{
    background-color: var(--menu-admin);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 11px 0 0;
    width: 100%;
    position: fixed;
    top: 110px;
    z-index: 1000;
    visibility: hidden;
}
#sous-menu-gs{
    background-color:  var(--menu-gs);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 11px 0 0;
    width: 100%;
    position: fixed;
    top: 110px;
    z-index: 1000;
    visibility: hidden;
}

#recherche_div_div{
    padding: 11px 0 0;
    width: 100%;
    position: relative;
    top: 110px;;
    z-index: 1000;
    visibility: hidden;
}
#sous-menu-rh{
    background-color:  var(--menu-rh);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 11px 0 0;
    width: 100%;
    position: fixed;
    top: 110px;
    z-index: 1000;
    visibility: hidden;
}
#sous-menu-outils{
    background-color:  var(--menu-outils);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 11px 0 0;
    width: 100%;
    position: fixed;
    top: 110px;
    z-index: 1000;
    visibility: hidden;
}
#sous-menu-compt{
    background-color:  var(--menu-compt);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 11px 0 0;
    width: 100%;
    position: fixed;
    top: 110px;
    z-index: 1000;
    visibility: hidden;
}
#sous-menu-ged{
    background-color:  var(--menu-ged);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 11px 0 0;
    width: 100%;
    position: fixed;
    top: 110px;
    z-index: 1000;
    visibility: hidden;
}
#bt-fermer-ssmenu{
    height: 13px;
    width: 12px;
    position: absolute;
    font-size: 24px;
    color: white;
    top: 12px;
    right: 10px;
    cursor: pointer;

}
#menu_gc{
    color  : var(--menu-gc);
}
#menu_gc b{
    border-top-color  : var(--menu-gc);
}
#menu_gp{
    color  : var(--menu-gp);
}
#menu_gp b{
    border-top-color  : var(--menu-gp);
}
#menu_gs{
    color  : var(--menu-gs);
    background-color: white;
}
#menu_admin{
    color  : var(--menu-admin);
}
#menu_gs b{
    border-top-color  : var(--menu-gs);
}
#menu_ged{
    color  : var(--menu-ged);
    background-color: white;
}
#menu_ged b{
    border-top-color  : var(--menu-ged);
}
#menu_rh{
    color  : var(--menu-rh);
    background-color: white;
}
#menu_rh b{
    border-top-color  : var(--menu-rh);
}

#menu_compt{
    color  : var(--menu-compt);
    background-color: white;
}
#menu_compt b{
    border-top-color  : var(--menu-compt);
}
#menu_outils{
    color  : var(--menu-outils);
    background-color: white;
}
#menu_outils b{
    border-top-color  : var(--menu-outils);
}



.btn-purple {
    background: #C600FF;
    border-color: #C600FF;
    color: white;

}

.btn-purple:hover, .btn-purple:active, .btn-purple:focus {
    background: transparent;
    color: #C600FF;
    border-color: #C600FF;
}

.btn-purple:hover .caret, .btn-purple:active .caret , .btn-purple:focus .caret {
    border-top-color: #C600FF;
}



.btn-green {
    background: #8CC63F;
    border-color: #8CC63F;
    color: white;

}

.btn-green:hover, .btn-green:active, .btn-green:focus {
    background: transparent;
    color: #8CC63F;
    border-color: #8CC63F;
}

.btn-green:hover .caret, .btn-green:active .caret , .btn-green:focus .caret {
    border-top-color: #8CC63F;
}

.btn-grouna {
    background: #BE1E2D;
    border-color: #BE1E2D;
    color: white;

}

.btn-grouna:hover, .btn-grouna:active, .btn-grouna:focus {
    background: transparent;
    color: #BE1E2D;
    border-color: #BE1E2D;
}

.btn-grouna:hover .caret, .btn-grouna:active .caret , .btn-grouna:focus .caret {
    border-top-color: #BE1E2D;
}

.btn-blue {
    background: #70A2D9;
    border-color: #70A2D9;
    color: white;
}

.btn-blue:hover, .btn-blue:active , .btn-blue:focus {
    background: transparent;
    color: #70A2D9;
    border-color: #70A2D9;
}

.btn-blue:hover .caret, .btn-blue:active .caret, .btn-blue:focus .caret {
    border-top-color: #70A2D9;
}


.btn-pink {
    background: #d11f5d;
    border-color: #d11f5d;
    color: white;
}

.btn-pink:hover, .btn-pink:active , .btn-pink:focus {
    background: transparent;
    color: #d11f5d;
    border-color: #d11f5d;
}

.btn-pink:hover .caret, .btn-pink:active .caret, .btn-pink:focus .caret {
    border-top-color: #d11f5d;
}



.btn-red {
    background: #FF0000;
    border-color: #FF0000;
    color: white;
}

.btn-red:hover, .btn-red:active , .btn-red:focus{
    background: transparent;
    color: #FF0000;
    border-color: #FF0000;
}

.btn-red:hover .caret, .btn-red:active .caret, .btn-red:focus {
    border-top-color: #FF0000;
}


.btn-brown {
    background: #8A5D40;
    border-color: #8A5D40;
    color: white;
}

.btn-brown:hover, .btn-brown:active , .btn-brown:focus{
    background: transparent;
    color: #8A5D40;
    border-color: #8A5D40;
}

.btn-brown:hover .caret, .btn-brown.active .caret , .btn-brown:focus .caret{
    border-top-color: #8A5D40;
}

.btn-vert {
    background: #1d9d73;
    border-color: #1d9d73;
    color: white;
}

.btn-vert:hover, .btn-vert:active , .btn-vert:focus{
    background: transparent;
    color: #1d9d73;
    border-color: #1d9d73;
}

.btn-vert:hover .caret, .btn-vert:active .caret , .btn-vert:focus .caret {
    border-top-color: #1d9d73;
}


.btn-orange {
    background: #ffc600;
    border-color: #ffc600;
    color: white;
}

.btn-orange:hover, .btn-orange:active , .btn-orange:focus{
    background: transparent;
    color: #ffc600;
    border-color: #ffc600;
}

.btn-orange:hover .caret, .btn-orange:active .caret , .btn-orange:focus .caret {
    border-top-color: #ffc600;
}

.label.label-orange {
    background-color: #ffc600;
}
.label.label-purple {
    background-color: #C600FF;
}
.label.label-red {
    background-color: #FF0000;
}
.label.label-pink {
    background-color: #d11f5d;
}
.label.label-vert {
    background-color: #1d9d73;
}



.breadcrumb {
    padding: 0px 30px 0px;
    border-radius: 0px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0);
    margin-bottom: 0px;
    list-style: none;
    background-color: transparent;
}
.breadcrumb>li+li:before {
    color: #6b6767;
}
.breadcrumb>.active {
    color: #007aff;
    font-size: medium;
}

.breadcrumb li a {
    color: #6b6767;
    font-size: medium;
}

#dataTable_paginate .current{
    background-color: var(--menu-compt) !important;
    color: #fff;
    border-color: var(--menu-compt);
}