.skin-yellow .main-header .navbar {
    background-color: #00c0ef;
}

.skin-yellow .sidebar-menu > li.header {
    color: white;
    background: #00c0ef;
}

.skin-yellow .sidebar a {
    color: black;
    /*font-weight: bolder;*/
}

.skin-yellow .user-panel > .info, .skin-yellow .user-panel > .info > a {
    color: black;
}

.skin-yellow .wrapper, .skin-yellow .main-sidebar, .skin-yellow .left-side {
    /*background-color: #00a65a;*/
    background-color: white;
}

.skin-yellow .main-header .logo {
    background-color: #00c0ef;
}

.skin-yellow .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #00c0ef;
}

.skin-yellow .sidebar-menu > li:hover > a, .skin-yellow .sidebar-menu > li.active > a {
    color: #ffffff;
    background: #00c0ef;
    border-left-color: transparent;
    /*font-weight: bolder;*/
}

.skin-yellow .sidebar-menu > li.active {
    border-left: 3px solid black;
}

.skin-yellow .treeview-menu > li > a {
    color: black;
    font-weight: initial;
}

.skin-yellow .treeview-menu > li.active > a, .skin-yellow .treeview-menu > li > a:hover {
    color: white;
    /*font-weight: bolder;*/
}

/*document manager*/
.document_body table, nav{
    background-color: white;
}

.nav-tabs > li > a.active{
    background: darkgray;
    color: white;
}
/*end document manager*/

.table > tbody > tr:hover{
    background-color: #ffa50052;
}

.table-striped > tbody > tr.shown, table.table-opts > tbody > tr{
    background-color: #ffa50052;
}

.table > tbody > tr > td{
    vertical-align: middle;
    text-align: left;
}

.table > thead:first-child > tr:first-child > th {
    text-align: left;
}

.navbar-search-header{
    width: 60%;
    margin-top: 0.5%;
}

.navbar-search-header > li{
    width: 100%;
}

.navbar-search-header > li > form{
    width: 100%;
}

.navbar-search-header  > li > form > div{
    width: 100%;
}

.navbar-search-header > li > form > div > span {
    width: 2%;
}

.navbar-custom-menu{
    width: 90%;
}

@media (min-width: 508px) AND (max-width: 600px) {
    .navbar-search-header{
        width: 40%;
    }
}

@media (min-width: 600px) AND (max-width: 991px) {
    .navbar-search-header{
        width: 50%;
    }
}

@media (max-width: 508px) {
    .navbar-search-header{
        display: none;
    }
}

.table-opts td:last-child{
    display: contents;
}

/*.content-wrapper, .right-side, .main-footer {*/
/*    margin-left: 250px;*/
/*}*/

/*.main-sidebar, .left-side {*/
/*    width: 250px;*/
/*}*/


/*font*/
body{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10px;
}
.sidebar-menu .treeview-menu > li > a{
    font-size: 11px;
}

.box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title {
    font-size: 11px;
}

.form-control {
    font-size: 12px;
}

.skin-yellow .sidebar a {
    font-weight: bolder;
    font-size: 10px;
}
/*end font*/

.table-opts .btn{
    font-size: 10px;
    margin-left: 1%;
    margin-bottom: 1%;
    vertical-align: initial;
}

 .orangeBg{
     background-color: rgba(255, 187, 63, 0.83) !important;
     /*color: white !important;*/
 }

.greenBg{
    background-color: rgb(0, 166, 90) !important;
    /*color: white !important;*/
}

tr.greenBg > td, tr.orangeBg  > td {
    /*color: white !important;*/
}

.ui-menu .ui-menu-item {
    padding: 3px;
    margin-left: 10px;
}

.info-bulle{
    background-color: #0081ffcc;
    padding: 10px;
    color: white;
    border-radius: 5px;
}

.categorie-tr-item{
    cursor: pointer;
}

tbody.category_table > tr.active > td{
    background-color: #3e4f5787;
    color: white;
}

tbody > tr.tr-second{

}
tbody > tr.tr-second > td{
    padding: 1.2%;
}

tbody.class_analyse .bootstrap-select.btn-group:not(.input-group-btn){
    margin-bottom: 4px;
}

.tr-titre, .tr-titre > td:hover{
    background-color: #98a1a6;
    color: white;
    font-weight: bolder;
    height: 30px;
}

.category_titre{
    margin-top: 2%;
    margin-bottom: 2%;
    font-size: 14px;
    border-top: 1px dashed darkgray;
    border-bottom: 1px dashed darkgray;
    padding: 10px;
    font-weight: bolder;
}

.component-component{
    border: 2px solid #37474f;
}

.formula-ref{
    font-size: 18px;
}

.btn{
    white-space: normal;
}

.test-info-select{

}

.test-info-select-item{

}

.pagination > li > a.active{
    background-color: #212121;
    color: white;
    font-weight: bolder;
}