/*
 * Dark Light Pro - 9.3
 */

#leftsidebar .darklightproicon{
    min-width: 12px;
    display: inline-block;
}
.side-closed:not(.side-closed-hover) #leftsidebar .darklightproicon{
    width: 100%;
    text-align: center;
}


#leftsidebar .darklightproicon:before {
    color: #000;
}

.menu_dark #leftsidebar .darklightproicon:before {
    color: #e6e6e6;
}

#leftsidebar .menu .list li.active>:first-child div:before{
    color: #5783c7;
}
#leftsidebar .menu .list li a:hover div:before, #leftsidebar .menu .list li a:hover div:before{
    color: #5783c7;
}

#leftsidebar .menu .list .ml-menu li a {
    padding-left: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#leftsidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle):before{
    left: 12px;
}

#leftsidebar .menu .list a{
    margin: 3px 0 3px 10px;
}
#leftsidebar .menu .list > li > a{
    margin: 3px 5px 0;
}

.side-closed.side-closed-hover #leftsidebar .menu .list li div{
    float: left;
}
.side-closed .sidebar .menu .list li div {
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}
#leftsidebar .user-panel{
    padding-top: 13px;  
}

.sidebar .menu .list .vsmenudisabled a span 
,.sidebar .menu .list .disabledrp a span 
{
    color: #91969e !important;
}
.sidebar .menu .list .vsmenudisabled a 
,.sidebar .menu .list .disabledrp a 
{
    cursor: default;
}
.block {
    display: block !important;
}

.navbar.darklightpro >.container-fluid .navbar-brand img {
    max-height: 31px;
    max-width: 50px;
    height: auto;
}
.navbar.darklightpro .navbar-header .logo-name{
    font-size: 16px;
}

#mainbody .darklightprocontent > .container-fluid > .fiche{
    margin: 0;
}
#mainbody .darklightprocontent > .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
}

.darklightpromenus ul:not(.browser-default) {
    padding-left: 0;
    list-style-type: none;
}
.darklightpromenus nav ul{
    margin: 0;
}
.darklightpromenus nav ul a {
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    font-size: 1rem;
    color: #fff;
    /*padding: 0 15px;*/
    cursor: pointer;
}
body.light .darklightpromenus nav ul li.bookmarks a {
    color: #0d091d;
}
body.dark .darklightpromenus nav ul li.bookmarks a {
    color: #fff;
}
.darklightpromenus nav ul li.bookmarks a {
    position: relative;
    display: block;
    padding: 10px 11px;
}
.darklightpromenus .sidemenu-collapse {
    height: 50px;
    padding: 6px 20px 0 44px;
}
#id-top div.login_block{
    display: none;
}

.darklightpromenus div.login_block{
    display: none !important;
}


body .tabactive, body a.tab#active {
    border-top: 2px solid #5783c7 !important;
}
#navbar-collapse .sidemenu-collapse i{
    margin-top: 16px;
}
.navbar #darklightresponsivetoogle {
    position: absolute;
    right: 0;
    height: 52px;
    line-height: 50px;
}
div.tabs {
    height: unset !important;
}
body.ls-closed .navbar .bars:before 
,body.ls-closed .navbar .bars:after 
{
    line-height: 52px;
}
@media (max-width: 767px){
    body nav.navbar:not(.active){
        /*background-color: #00000033;*/
    }
}

body li.site-menu-item.metrovmenu a span {
    font-size: 13px !important;
}
body li.site-menu-item.metrovsmenu a span {
    font-size: 13px !important;
}
body.side-closed.submenu-closed .navbar-header a {
    margin-left: 15px !important;
}
.navbar-right .flags .dropdown-menu {
    max-height: calc(100vh - 90px);
    overflow: auto;
}
.darklightrightuserphoto{
    height: 32px;
    width: 32px;
}
body .dropdown-menu.revolutionothersrightmenus .dropdown-item {
    /* cursor: pointer; */
    display: inline-block !important;
    width: 50px !important;
    margin: 0 10px;
    vertical-align: middle;
}
body .dropdown-menu.revolutionothersrightmenus .dropdown-item::before {
    /* cursor: pointer; */
    content: ''; 
}
body .othersrightmenu .material-icons {
    font-size: 18px !important;
}
li.site-menu-item.has-sub.darklightprolastmenu {
    min-height: 30px;
}
body div.tabBar{
    padding-left: 8px;
    padding-right: 6px;
}
body .sidebar .menu .list .active .menu-toggle{
    background: rgb(241 242 247);
}

@keyframes revolonlyfordemo {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#rpronotificationwithmenu span.label-count.bg-orange {
    top: 0;
    right: 5px;
    line-height: 9px;
    font-size: 10px;
}
.badge-secondary, .tabs .badge{
    background-color: #5783c7;
}
body #leftsidebar .menu .list .ml-menu li a
,body.side-closed.side-closed-hover #leftsidebar .menu .list .ml-menu li a{
    padding-top: 2px;
    padding-bottom: 2px;
}
@media screen and (max-width: 768px){
    nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
        height: 50px;
        line-height: 50px;
    }
}
@media screen and (min-width: 768px){
    .darklightpromenus .container-fluid>.navbar-header{
        margin-left: -14px;
        margin-left: -24px;
        padding-right: 17px;
    }
}





#site-footer .darklightproconfigbot a {
    color: #FFF;
}
span.revolutionscrollinpage,#site-footer .darklightproconfigbot
{
    position: fixed;
    right: 6px;
    font-size: 18px;
    margin: 0 7px;
    width: 40px;
    height: 40px;
    color: #FFFFFF !important;
    line-height: 41px;
    text-align: center;
    z-index: 500;
    cursor: pointer;
    border-radius: 50px;
    background-color: #5783c7;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
}
#site-footer .darklightproconfigbot {
    bottom: 8px;
}
span.revolutionscrollinpage{
    bottom: 56px;
}

.site-footer-right {
    float: right;
}
.site-footer-legal {
    float: left;
        color: #757575;
}
.site-footer {
    height: 36px;
    height: 16px;
    line-height: 14px;
    padding: 10px 30px;
    border-top: 1px solid #e0e0e0;
    clear: both;
}
#site-footer-hideen {
    display: none;
}

body:not(.ls-closed) .site-footer {
    margin-left: 260px;
    transition: margin-left .25s;
}
body.side-closed:not(.ls-closed) .site-footer {
    margin-left: 60px;
    transition: width .25s;
}
.site-footer .site-footer-legal, .site-footer .site-footer-right {
    font-size: 10px;
    color: #757575;
}
section.content.darklightprocontent {
    /*min-height: calc(100vh - 37px);*/
    min-height: 100vh;
}
span.revolutionscrollinpage i {
    line-height: 40px;
}
.site-footer .site-footer-right i {
    font-size: 10px;
    color: #e53935!important;
}
.md-long-arrow-down i.down
,.md-long-arrow-up i.up{
    display: block;
}
.md-long-arrow-up i.down
,.md-long-arrow-down i.up{
    display: none;
}

li#ordernowbuttoninmenu a,
li#configbtnbuttoninmenu a {
    margin: 0 !important;
    margin-top: 13px !important;
    padding: 6px 9px 2px;
    border-radius: 25px;
    margin: 0 11px !important;
}

li#ordernowbuttoninmenu a i,
li#configbtnbuttoninmenu a i {
    font-size: 18px !important;
    line-height: 24px;
}
body li#ordernowbuttoninmenu a,
body li#configbtnbuttoninmenu a {
    box-shadow: none;
}
body li#ordernowbuttoninmenu a.hover,
body li#configbtnbuttoninmenu a.hover {
    animation: revolonlyfordemo 1.4s infinite;
    margin-top: 10px !important;
}
body .right-sidebar{
    height: 300px;
    top: initial;
    bottom: 55px;
    box-shadow: -3px 0px 5px rgb(0 0 0 / 10%);
}
body .site-footer .site-footer-right {
    margin-right: 50px;
}

body .darklightproloading .lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
body .darklightproloading .lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #fff;
  border-radius: 50%;
  animation: lds-darklightpro 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #eee transparent transparent transparent;
}
body .darklightproloading .lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
body .darklightproloading .lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
body .darklightproloading .lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-darklightpro {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
html[lang="ar"] .sidebar .menu .list a span{
    margin: 7px 12px 7px 0;
}

html[lang="ar"] .sidebar .menu .list .menu-toggle:after,html[lang="ar"] .sidebar .menu .list .menu-toggle:before{
    left: 17px;
    left: initial;
}
html.dark.login-page-html body, html.dark.login-page-html {
    background-color: white !important;
    background: white;
    padding: 0 !important;
    border: none !important;
}

body .nav-tabs{
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.tab-content>.tab-pane {
    display: none;
}
.tab-content>.active {
    display: block;
}
#leftsidebar .profile-usertitle {
    margin-bottom: 10px;
}
body, html{ 
    background-color: var(--colorbackofhtmlandbody) !important; 
} 
.demo-choose-skin .blue-dark-theme{
    background-color: #3f51b5;
}
.demo-choose-skin .brown-theme{
    background-color: #6d4c41;
}
.demo-choose-skin .cyan-theme{
    background-color: #00acc1;
}
.demo-choose-skin .teal-theme{
    background-color: #00897b;
}
.navbar .dropdown-menu ul.menu li{
    display: inline-block;;
}
#leftsidebar .menu .list li.metrovsmenu {
    padding-left: 8px;
}
#leftsidebar .slimScrollBar {
    background: rgb(255 255 255 / 60%) !important;
    width: 10px !important;
    display: block !important;
    opacity: 0.4 !important;
}
div.fiche>form>div.div-table-responsive, div.fiche>form>div.div-table-responsive-no-min {
    max-height: 66vh;
}























/*----------------------------------------------------------------------------------------------- Light --------*/
body.light .othersrightmenu .dropdown-item.active, body.light .othersrightmenu .dropdown-item:hover, body.light .othersrightmenu .dropdown-item:focus{
    background: #FFFFFF !important;
}
body.light .othersrightmenu .dropdown-item, body.light .othersrightmenu .dropdown-item, body.light .othersrightmenu .dropdown-item, body.light .othersrightmenu .atoplogin{
    color: #333 !important;
}
body.light .darklightproevenements .dropdown-menu ul.menu li a{
    background: #FFFFFF !important;
}
body.light .badge {
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 6%);
}
body.menu_light li.site-menu-item.metrovmenu a span {
    /*background-color: #2125290d;
    border-radius: 0 !important;*/
    font-weight: 600 !important;
}
body.light .site-footer {
    background-color: #f1f2f6;
}





/*----------------------------------------------------------------------------------------------- Dark --------*/
body.dark, html.dark {
    background-color: #3c4452 !important;
}
body.dark .page-loader-wrapper, html.dark .page-loader-wrapper , html .page-loader-wrapper.darklightproloading.dark {
    background: #3c4452 !important;
    background-color: #3c4452 !important;
}
body.dark .darklightproevenements .dropdown-menu ul.menu li a{
    background: #353c48 !important;
}
body.dark .info-box-sm .info-box-module-enabled{
    background: #353c48;
}
body.dark .select2-container--default .select2-selection--single
,body.dark .select2-container--default .select2-selection--single .select2-selection__rendered
,body.dark .ui-widget-header
{
    background-color: #3c4452;
}
/*body.dark .darklightproloading .lds-ring div {
    border-color: #f92f2f transparent transparent transparent;
}*/
/*body.dark .cke_wysiwyg_frame, body.dark .cke_wysiwyg_div, body.dark .cke_wysiwyg_frame body, body.dark .cke_wysiwyg_div body{
    background-color: #3c4452;
    background: #3c4452;
}*/
body.dark div.info{
    background: #212529;
    color: #b7b7b7;
}
body.dark  .fa-phone, body.dark  .fa-mobile-alt, body.dark  .fa-fax {
    color: #5783c7 !important;
}
body.dark .infobox-adherent,body.dark .infobox-member{
    color: #a69944 !important;
}
body.dark .fa-at, body.dark .fa-external-link-alt, body.dark .fa-share-alt{
    color: #ea5e47 !important;
}
body.dark .ui-datepicker .ui-datepicker-prev span,body.dark  .ui-datepicker .ui-datepicker-next span{
    background-color: #5379b5;
}
body.dark .ui-state-highlight, body.dark .ui-widget-content .ui-state-highlight, body.dark .ui-widget-header .ui-state-highlight{
    background: var(--colorbacktitle1);
    color: #fff;
}
body.dark .optiongrey,body.dark  .opacitymedium{
    opacity: 0.8;
}
body.dark table.liste tr,body.dark table.noborder tr,body.dark div.noborder form
,body.dark table.liste,body.dark table.noborder,body.dark table.formdoc,body.dark div.noborder
,div.liste_titre_bydiv
,body.dark hr
{
    /*border-top-color: #212529;*/
    border-color: rgba(120,130,140,0.5) !important;
}
body.dark .tabactive, body.dark a.tab#active {
    /*border: 2px solid #5783c7 !important;*/
    border-right: 1px solid rgba(120,130,140,0.5) !important;
    border-left: 1px solid rgba(120,130,140,0.5) !important;
    background-color: #353c48 !important;
}
body.dark .noborder > tbody > tr:nth-child(odd):not(:last-child) > td:not(.liste_titre)
,body.dark .liste > tbody > tr:nth-child(odd):not(:last-child) > td:not(.liste_titre)
,body.dark .noborder .oddeven.tagtr:nth-child(odd):not(:last-child) .tagtd:not(.liste_titre)
,body.dark .noborder > tbody > tr:nth-child(even):not(:last-child) > td:not(.liste_titre)
,body.dark .liste > tbody > tr:nth-child(even):not(:last-child) > td:not(.liste_titre)
,body.dark .noborder .oddeven.tagtr:nth-child(even):not(:last-child) .tagtd:not(.liste_titre)
,body.dark table.liste > tbody > tr:last-of-type td 
,body.dark table.noborder:not(#tablelines) tr:last-of-type td 
,body.dark table.formdoc tr:last-of-type td 
,body.dark div.noborder tr:last-of-type td
,body.dark table.border, body.dark table.bordernooddeven, body.dark table.dataTable, body.dark .table-border, body.dark .table-border-col, body.dark .table-key-border-col, body.dark .table-val-border-col, body.dark div.border
,body.dark .select2-container--default .select2-selection--single .select2-selection__rendered
,body.dark .select2-container--default .select2-selection--multiple
,body.dark div.tabBarWithBottom
,body.dark tr.liste_titre th,body.dark  tr.liste_titre td,body.dark th.liste_titre
,body.dark div.tabBar .fichecenter table.border>tbody>tr>td,body.dark div.tabBar .fichecenter div.border div div.tagtd,body.dark div.tabBar div.border div div.tagtd
,body.dark .underbanner
,body.dark .select2-container--default .select2-selection--single
,body.dark #tablelines tr.liste_titre td, body.dark .paymenttable tr.liste_titre td, body.dark .margintable tr.liste_titre td, body.dark .tableforservicepart1 tr.liste_titre td
,body.dark tr.pair td,body.dark tr.impair td,body.dark form.impair div.tagtd,body.dark form.pair div.tagtd,body.dark div.impair div.tagtd,body.dark div.pair div.tagtd,body.dark div.liste_titre div.tagtd
,body.dark div.tableforcontact form.tagtr:last-of-type div.tagtd
,body.dark div.popuptabset
,body.dark .navbar-nav .user_profile .user_dw_menu li
,body.dark .navbar .dropdown-menu ul.menu li
,body.dark .dropdown-menu .footer a
{
    /*border-bottom: 1px solid #212529;*/
    /*border-bottom: 1px solid rgba(120,130,140,0.5) !important;*/
    border-color: rgba(120,130,140,0.5) !important;
}
body.dark .site-footer .site-footer-legal,body.dark .site-footer .site-footer-right {
    color: #bbb;
}
body.dark .site-footer {
    border-top: 1px solid rgba(120,130,140,0.5);
}
/*body.dark span.revolutionscrollinpage
,body.dark #site-footer .darklightproconfigbot
{
    background-color: #212529;
    color: #5783c7;
}
body.dark #site-footer .darklightproconfigbot a{
    color: #5783c7;
}*/
body.dark .error{
    background-color: #efcfcf;
}
body.dark .opacitymediumbycolor {
    color: rgb(183 183 183 / 60%);
}
body.dark div.tabBar{
    /*border-top: 1px solid #212529;*/
    border-top: 1px solid rgba(120,130,140,0.5);
}
body.dark #rpronotificationwithmenu .flags .dropdown-menu
{
    background-color: #fff;
    border:none;
}
body #rpronotificationwithmenu .flags a.dropdown-item {
    color: #757575 !important;
}
body #rpronotificationwithmenu .flags .dropdown-item.active, body #rpronotificationwithmenu .flags .dropdown-item:hover, body #rpronotificationwithmenu .flags .dropdown-item:focus{
    color: #FFFFFF !important;
}
body.dark .othersmenus.dropdown-item {
    color: var(--colortextbackhmenu) !important;
}
body.dark .info-box{
    /*border: 1px solid #212529;*/
    border: 1px solid rgba(120,130,140,0.5);
    border-color: rgba(120,130,140,0.5) !important;;
    box-shadow: 1px 1px 2px rgb(33 37 41 / 29%);
    background: #353c48 !important;
}

body.dark form .fa-phone,body.dark form .fa-mobile-alt,body.dark form .fa-fax 
,body.dark form .fa-at,body.dark form .fa-external-link-alt,body.dark form .fa-share-alt
,body.dark form .fa-trash
,body.dark form .fa-trash:hover:before
,body.dark form .fa-play
,body.dark form .fa-unlink 
,body.dark form .infobox-adherent,body.dark form .infobox-member
,body.dark form .infobox-project
,body.dark form .infobox-action
,body.dark form .infobox-propal:not(.pictotitle)
,body.dark form .infobox-facture:not(.pictotitle)
,body.dark form .infobox-commande:not(.pictotitle) 
,body.dark form .infobox-supplier_proposal:not(.pictotitle)
,body.dark form .infobox-invoice_supplier:not(.pictotitle)
,body.dark form .infobox-order_supplier:not(.pictotitle)
,body.dark form .infobox-contrat, body.dark form .infobox-ticket
,body.dark form .infobox-bank_account
,body.dark form .infobox-adherent, body.dark form .infobox-member 
,body.dark form .infobox-expensereport
,body.dark form .infobox-holiday
{
    /*color: #5783c7 !important;*/
}
body.dark span.widthpictotitle.pictotitle
{
    color: #5783c7 !important;
}
body.menu_dark li.site-menu-item.metrovmenu a {
    /*background-color: #2125294d;*/
}
body.dark .info-box-module-external span.info-box-icon-version {
    background: #2e333c;
}

body.dark table.border td,body.dark table.bordernooddeven td,body.dark div.border div div.tagtd{
    padding-left: 5px;
}

body.dark .dropdown dd ul{
    box-shadow: 1px 1px 10px #212529;
}

body.dark .colorblack{
    color: #929292;
}
body.dark .info-box-title{
    opacity: 0.9;
    color: var(--colortextlink);
}

body.dark .shadow{
    -webkit-box-shadow: 1px 1px 7px #353c48 !important;
    box-shadow: 1px 1px 7px #353c48 !important;
}

body.dark div.pagination li a,body.dark  div.pagination li span{
    /*background-color: #313843;*/
}
body.dark .btnTitle,body.dark  a.btnTitle
,body.dark a.btnTitle.btnTitleSelected 
{
    border: 1px solid #565f6a;
}

body.dark table[summary="list_of_modules"] .ds_url_module_name
,body.dark table[summary="list_of_modules"] .ds_url_module_desc
,body.dark .info-box-text-module .info-box-title .ds_url_module_name
{
    color: var(--oddevencolor);
}
body.dark .info-box-text-module .info-box-title .ds_url_module_name{
    font-weight: bold;
}
body.dark img[src*="/img/info_black.png"]{
    filter: invert(1);
}
/*body.dark */

body.dark .cal_current_month { background: #353c48; border-left: solid 1px rgba(120,130,140,0.5); border-bottom: solid 1px rgba(120,130,140,0.5); }
body.dark .cal_current_month_peruserleft { border-top: 0; border-left: solid 2px #6C7C7B; border-right: 0; border-bottom: solid 1px rgba(120,130,140,0.5); }
body.dark .cal_current_month_oneday { border-right: solid 1px rgba(120,130,140,0.5); }
body.dark .cal_current_month_right { border-right: solid 1px rgba(120,130,140,0.5); }
body.dark .cal_current_month { border-left: solid 1px rgba(120,130,140,0.5); }
body.dark .cal_today         { background: #fcf8e3; border-left: solid 1px rgba(120,130,140,0.5); border-bottom: solid 1px rgba(120,130,140,0.5);  }
body.dark .cal_today_peruser { background: #FDFDF0; border-right: solid 1px rgba(120,130,140,0.5); border-bottom: solid 1px rgba(120,130,140,0.5);}
body.dark .cal_today_peruser_peruserleft { background: rgba(120,130,140,0.5); border-left: solid 2px #6C7C7B; border-right: solid 1px rgba(120,130,140,0.5); border-bottom: solid 1px rgba(120,130,140,0.5);}
body.dark .cal_other_month  { background: #3c4452; border-left: solid 1px rgba(120,130,140,0.5); border-bottom: solid 1px rgba(120,130,140,0.5);  }

body.dark div#revoproCSSaddi textarea {
    border: 1px solid rgba(120,130,140,0.5);
}
body.dark #settingdarklightprotheme .card.selected .card-block{
    background: #212529;
}
body.dark #settingdarklightprotheme .card .card-block
,body.dark #settingdarklightprotheme .overlay
{
    background: #3c4452;
}
body.dark .rightSetting p{
    border-bottom: 1px solid rgba(120,130,140,0.5);
}
body.dark .nav-tabs{
    border-bottom: 2px solid #212529ba;
}

body.dark .nav-tabs>li>a:before{
    border-bottom: 2px solid rgba(120,130,140,0.5);
}
body.dark div.popuptabset{
    background: #3c4452;
    background-color: #3c4452;
}





































/*----------------------------------------------------------------------------------------------------------------------------------- */
/* Box Home */                                                                                                                             
/*----------------------------------------------------------------------------------------------------------------------------------- */
body .info-box{
    background-color: #fff;
}
body .counter-md .counter-number-group, body .counter-md>.counter-number{
    font-size: 16px;
}
body .info-box-weather span.info-box-icon{
    background: #fdfdfd !important;
    /*background: #eaeaea !important;*/
}
body .info-box-weather span.info-box-icon ~ .info-box-content{
}
body .info-box-weather span.info-box-icon > i{
    /*background-color: #fff;
    border-radius: 50%;
    padding: 12px;
    width: 50px;
    height: 50px;*/
}
body .info-box-sm .info-box-content .info-box-text{
    font-size: 12px;
}

body .bg-infoxbox-holiday,
body .bg-infobox-holiday{
    background: #f3583d !important;
    color: #fff !important;
}
body .info-box-icon {
    filter: initial;
}
body .bg-infoxbox-supplier_proposal
,body .bg-infobox-supplier_proposal
{
    background: #31c9dc !important;
    color: #fff !important;
}
body .bg-infoxbox-ticket
,body .bg-infobox-ticket
{
    background: #6a7de5 !important;
    color: #fff !important;
}
body .bg-infoxbox-invoice_supplier
,body .bg-infobox-invoice_supplier
{
    background: #f9537a !important;
    color: #fff !important;
}
body .bg-infoxbox-order_supplier
,body .bg-infobox-order_supplier
{
    background: #43a047 !important;
    color: #fff !important;
}

body .bg-infoxbox-propal
,body .bg-infobox-propal
{
    background: #26c6da !important;
    color: #fff !important;
} 
body .bg-infoxbox-facture
,body .bg-infobox-facture
{
    background: #f95c81 !important;
    color: #fff !important;
} 
body .bg-infoxbox-commande
,body .bg-infobox-commande
{
    background: #fea642 !important;
    color: #fff !important;
}
body .bg-infoxbox-project 
,body .bg-infobox-project 
{
    background: #6276e4 !important;
    color: #fff !important;
}

body .bg-infoxbox-action 
,body .bg-infobox-action 
{
    background: #f46047 !important;
    color: #fff !important;
}

body .bg-infoxbox-contrat 
,body .bg-infobox-contrat 
{
    background: #4ca550 !important;
    color: #fff !important;
}

body .bg-infoxbox-bank_account 
,body .bg-infobox-bank_account 
{
    background: #f46047 !important;
    color: #fff !important;
}

body .bg-infoxbox-adherent 
,body .bg-infobox-adherent 
,body .bg-infoxbox-member 
,body .bg-infobox-member 
{
    background: #6276e4 !important;
    color: #fff !important;
}

body .bg-infoxbox-expensereport 
,body .bg-infobox-expensereport 
{
    background: #f95c81 !important;
    color: #fff !important;
}





/*----------------------------------------------------------------------------------------------------------------------------------- */
/* Box Home */                                                                                                                             
/*----------------------------------------------------------------------------------------------------------------------------------- */
body.theme-purple .tabactive, body.theme-purple a.tab#active {
    border-top: 2px solid #909de4 !important;
}
body.theme-blue .tabactive, body.theme-blue a.tab#active {
    border-top: 2px solid #03a9f3 !important;
}
body.theme-cyan .tabactive, body.theme-cyan a.tab#active {
    border-top: 2px solid #01d8da !important;
}
body.theme-green .tabactive, body.theme-green a.tab#active {
    border-top: 2px solid #57d68f !important;
}
body.theme-orange .tabactive, body.theme-orange a.tab#active {
    border-top: 2px solid #ffb463 !important;
}
body.theme-black .tabactive, body.theme-black a.tab#active {
    border-top: 2px solid #5783c7 !important;
}
body.theme-white .tabactive, body.theme-white a.tab#active {
    border-top: 2px solid #00bcd4 !important;
}
body.theme-purple .badge-secondary, body.theme-purple .tabs .badge {
    background-color: #909de4 !important;
}
body.theme-blue .badge-secondary, body.theme-blue .tabs .badge {
    background-color: #03a9f3 !important;
}
body.theme-cyan .badge-secondary, body.theme-cyan .tabs .badge {
    background-color: #01d8da !important;
}
body.theme-green .badge-secondary, body.theme-green .tabs .badge {
    background-color: #57d68f !important;
}
body.theme-orange .badge-secondary, body.theme-orange .tabs .badge {
    background-color: #ffb463 !important;
}
body.theme-black .badge-secondary, body.theme-black .tabs .badge {
    background-color: #5783c7 !important;
}
body.theme-white .badge-secondary, body.theme-white .tabs .badge {
    background-color: #00bcd4 !important;
}






/*----------------------------------------------------------------------------------------------------------------------------------- */
/* Configuration */                                                                                                                             
/*----------------------------------------------------------------------------------------------------------------------------------- */


#settingrevopro div.darklightprofilename{
    cursor: pointer;
}
#settingdarklightprotheme td#colornavbar div.radio-custom ,
#settingdarklightprotheme td#colorbuttons div.radio-custom 
{
    width: 128px;
    display: inline-block;
}
#settingdarklightprotheme td{
    vertical-align: top;
}
#settingdarklightprotheme .overlay{
    background: #3c3b3a;
}
#settingdarklightprotheme .card .card-block{
    padding: 10px 1.429rem 7px;
}
#settingdarklightprotheme .overlay>img{
    transform: scale(1);
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#settingdarklightprotheme .card.selected .overlay{
    cursor: pointer;
}
#settingdarklightprotheme .card.selected .card-block{
    background: #f1f4f5;
    cursor: pointer;
}

#settingdarklightprotheme .card:hover .card-block{
    background: #f1f4f5;
}

td.revolproshowhiditems div.radio-custom
,td.forcewhitecolorforlogo div.radio-custom {
    display: inline-block;
    width: 260px;
    margin-left: 21px;
}
table.tableconfigurationrevopro{
    width: 100%;
}
#revoprofourboxcontent td {
    padding: 9px;
    vertical-align: middle;
}
#revoprofourboxcontent td:first-child {
    width: 210px;
}
#revoprofourboxcontent .radiocolorfourboxcontent > div{
    display: inline-block;
    margin: 2px;
}
#revoprofourboxcontent .radiocolorfourboxcontent {
    display: inline-block;
    margin-left: 17px;
}
body.site-menubar-hover .site-navbar .navbar-brand-text {
    display: none !important;
}
.fichecenter .tdboxstats .boxstats130{
    height: 60px;
}
#settingdarklightprotheme [type="radio"]:not(:checked)+label
,#settingdarklightprotheme [type="radio"]:checked+label
{
    padding-left: 5px;
    cursor: pointer;
}
#settingdarklightprotheme label{
    cursor: pointer;
}
div#revoproCSSaddi textarea {
    width: calc(100% - 20px);
    min-height: 500px;
    border: 1px solid #eee;
}
#settingdarklightprotheme .nav-tabs>li{
    min-width: 25%;
    text-align: center;
}
#settingdarklightprotheme .choose-button-color li.actived:after{
    color: #FFF;
}
#settingdarklightprotheme li.customedcolorbut span.ordivider {
    line-height: 28px;
    display: inline-block;
    margin: 0 15px 0  25px;
}

#settingdarklightprotheme li.customedcolorbut span {
    bottom: initial;
}
#settingdarklightprotheme .white-theme-border{
    height: 23px !important;
}
#settingdarklightprotheme textarea#valuecss::placeholder {
    color: var(--colortext);
    opacity:0.3;
}

/*----------------------------------------------------------------------------------------------------------------------------------- */
/* Button BackColor */                                                                                                                             
/*----------------------------------------------------------------------------------------------------------------------------------- */
body .butAction, body input.button:not(.buttongen):not(.bordertransp){
    border: none !important;
}
body .butAction, body input.button:not(.buttongen):not(.bordertransp){
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
}
body .butAction:not(.disabled):hover, #mainbody input.button:not(.buttongen):not(.bordertransp):hover {
    /*opacity: 0.9;*/
    box-shadow: none;
}


body .butAction, body input.button:not(.buttongen):not(.bordertransp)
,body span.revolutionscrollinpage,body #site-footer .darklightproconfigbot
,body .butAction:hover, body input.button:not(.buttongen):not(.bordertransp):hover
,body span.revolutionscrollinpage:hover,body #site-footer .darklightproconfigbot:hover
{
    color: #FFFFFF !important;
}

body.bgbtn-black .butAction, body.bgbtn-black input.button:not(.buttongen):not(.bordertransp)
,body.bgbtn-black span.revolutionscrollinpage,body.bgbtn-black #site-footer .darklightproconfigbot
{
    background-color: #5783c7 !important;
    background: #5783c7 !important;
}
body.bgbtn-purple .butAction, body.bgbtn-purple input.button:not(.buttongen):not(.bordertransp)
,body.bgbtn-purple span.revolutionscrollinpage,body.bgbtn-purple #site-footer .darklightproconfigbot
{
    background-color: #909de4 !important;
    background: #909de4 !important;
}
body.bgbtn-blue .butAction, body.bgbtn-blue input.button:not(.buttongen):not(.bordertransp)
,body.bgbtn-blue span.revolutionscrollinpage,body.bgbtn-blue #site-footer .darklightproconfigbot
{
    background-color: #03a9f3 !important;
    background: #03a9f3 !important;
}
body.bgbtn-deep-orange .butAction, body.bgbtn-deep-orange input.button:not(.buttongen):not(.bordertransp)
,body.bgbtn-deep-orange span.revolutionscrollinpage,body.bgbtn-deep-orange #site-footer .darklightproconfigbot
{
    background-color: #ff5722 !important;
    background: #ff5722 !important;
}
body.bgbtn-cyan .butAction, body.bgbtn-cyan input.button:not(.buttongen):not(.bordertransp)
,body.bgbtn-cyan span.revolutionscrollinpage,body.bgbtn-cyan #site-footer .darklightproconfigbot
{
    background-color: #01d8da !important;
    background: #01d8da !important;
}
body.bgbtn-grey .butAction, body.bgbtn-grey input.button:not(.buttongen):not(.bordertransp)
,body.bgbtn-grey span.revolutionscrollinpage,body.bgbtn-grey #site-footer .darklightproconfigbot
{
    background-color: #9e9e9e !important;
    background: #9e9e9e !important;
}
body.bgbtn-green .butAction, body.bgbtn-green input.button:not(.buttongen):not(.bordertransp)
,body.bgbtn-green span.revolutionscrollinpage,body.bgbtn-green #site-footer .darklightproconfigbot
{
    background-color: #4caf50 !important;
    background: #4caf50 !important;
}
body.bgbtn-orange .butAction, body.bgbtn-orange input.button:not(.buttongen):not(.bordertransp)
,body.bgbtn-orange span.revolutionscrollinpage,body.bgbtn-orange #site-footer .darklightproconfigbot
{
    background-color: #ffb463 !important;
    background: #ffb463 !important;
}
body.bgbtn-blue-dark .butAction, body.bgbtn-blue-dark input.button:not(.buttongen):not(.bordertransp)
,body.bgbtn-blue-dark span.revolutionscrollinpage,body.bgbtn-blue-dark #site-footer .darklightproconfigbot
{
    background-color: #3f51b5 !important;
    background: #3f51b5 !important;
}
body.bgbtn-brown .butAction, body.bgbtn-brown input.button:not(.buttongen):not(.bordertransp)
,body.bgbtn-brown span.revolutionscrollinpage,body.bgbtn-brown #site-footer .darklightproconfigbot
{
    background-color: #6d4c41 !important;
    background: #6d4c41 !important;
}
body.bgbtn-cyan .butAction, body.bgbtn-cyan input.button:not(.buttongen):not(.bordertransp)
,body.bgbtn-cyan span.revolutionscrollinpage,body.bgbtn-cyan #site-footer .darklightproconfigbot
{
    background-color: #00acc1 !important;
    background: #00acc1 !important;
}
body.bgbtn-teal .butAction, body.bgbtn-teal input.button:not(.buttongen):not(.bordertransp)
,body.bgbtn-teal span.revolutionscrollinpage,body.bgbtn-teal #site-footer .darklightproconfigbot
{
    background-color: #00897b !important;
    background: #00897b !important;
}

/*----------------------------------------------------------------------------------------------------------------------------------- */
/* Loading */                                                                                                                             
/*----------------------------------------------------------------------------------------------------------------------------------- */
body.theme-purple .darklightproloading .lds-ring div {
    border-color: #909de4 transparent transparent transparent;
}
body.theme-blue .darklightproloading .lds-ring div {
    border-color: #03a9f3 transparent transparent transparent;
}
body.theme-cyan .darklightproloading .lds-ring div {
    border-color: #01d8da transparent transparent transparent;
}
body.theme-green .darklightproloading .lds-ring div {
    border-color: #57d68f transparent transparent transparent;
}
body.theme-orange .darklightproloading .lds-ring div {
    border-color: #ffb463 transparent transparent transparent;
}
body.theme-black .darklightproloading .lds-ring div {
    border-color: #5783c7 transparent transparent transparent;
}
body.theme-white .darklightproloading .lds-ring div {
    border-color: #00bcd4 transparent transparent transparent;
}

/*----------------------------------------------------------------------------------------------------------------------------------- */
/* Login */                                                                                                                             
/*----------------------------------------------------------------------------------------------------------------------------------- */

.bodylogin .login_table input{
    /*border: none !important;*/
}
.bodylogin{
    margin: 0;
}
.bodylogin div#logindivcontent {
    margin: 40px 11px;
}
.bodylogin div#logindivcontent.wrap-login100 {
    max-width: 370px;
    padding: 40px 40px 30px 40px;
}
@media (max-width: 767px){
    .bodylogin div#logindivcontent.wrap-login100 {
        max-width: 300px;
    }
    .bodylogin div#logindivcontent {
        margin: 22px 11px;
    }
}
.bodylogin .login_table .tdinputlogin .fa.fa-user
,.bodylogin .login_table .fa.fa-user:before
,.bodylogin .login_table .tdinputlogin .fa.fa-key
,.bodylogin .login_table .fa.fa-key:before
,.bodylogin .login_table .tdinputlogin .fal.fa-user
,.bodylogin .login_table .fal.fa-user:before
,.bodylogin .login_table .tdinputlogin .fal.fa-key
,.bodylogin .login_table .fal.fa-key:before
{
    display: none;
}
.bodylogin .login_vertical_align{
    /*padding:0 !important;*/
    padding: 0;
}
.bodylogin.login-page .page-login-main{
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    background-size: 100% 100%;
}
.bodylogin #logindivcontent .login_table{
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.bodylogin .login_table input[type="submit"]{
    color: #fff;
    background-image: none !important;
    width: 100%;
    border: none;
    font-weight: 300;
    text-transform: capitalize;
    border: 1px solid transparent;
    line-height: 27px;
    border-radius: .215rem;
    width: auto !important;
    border-radius: 25px;
    padding: 0 20px;
    height: 50px;
    min-width: 120px;
    background-color: #ffac00 !important;
    color: #fff !important;
}
.bodylogin .login_table input[type="submit"]:hover{
    background-color: #fff !important;
    color: #555 !important;
    border: none;
    box-shadow:none;
}
.bodylogin .login_vertical_align .login_main_home  {
    /*display: none;*/
    color: #3c4452;
    color: #e8e8e8;
    background: transparent;
}
body.bodylogin{
    margin: 0;
}
body.bodylogin.login-page .page-background{
    padding: 0 !important;
}
.bodylogin #login_line2 a.alogin {
    display: inline-block;
    margin-bottom: 10px;
    text-align: left;
    color: #fbfbfb;
}
.bodylogin .login_table div{
    color: #fbfbfb;
}
.bodylogin .login_table .tdinputlogin input#username,
.bodylogin .login_table .tdinputlogin input#password
{
    padding-left: 10px !important;
    margin-left: 0 !important;
    padding-right: 10px !important;
    margin-right: 0 !important;
    width: calc(100% - 20px) !important;
    color: #fff;
    background: transparent !important;
}
.login_table input#username, .login_table input#password, .login_table input#securitycode {
    border: none;
    padding: 11px 0;
    margin-left: 0;
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom: 2px solid rgba(255,255,255,0.24);
    background: transparent !important;
}
.login_table input#username::placeholder, .login_table input#password::placeholder, .login_table input#securitycode::placeholder{
    opacity:0.5;
}
.login_table input:-webkit-autofill,
.login_table input:-webkit-autofill:hover, 
.login_table input:-webkit-autofill:focus, 
.login_table input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 0 transparent inset !important;
}
.login_table .tdinputlogin{
    border:none;
}
.bodylogin .login_vertical_align div 
,.bodylogin .login_vertical_align input 
{
    width: 100% !important;
    max-width: initial !important;
    display: inline-block;
}
.bodylogin  div#login_left, .bodylogin div#login_right {
    max-width: 100% !important;
}
.bodylogin div#login_line2 > div {
    margin-bottom: 25px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
body.bodylogin div#login_right {
    margin-top: 12px;
}
body.bodylogin .login_table_title {
    color: #fbfbfb !important;
    text-shadow: none !important;
    font-size: 9px;
    text-align: right; 
}

body.bodylogin .login_center {
    background-image:none !important;
}

body.bodylogin .login_table {
    box-shadow: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
    box-shadow: none;
    border: none;
    padding: 0;
}

body.bodylogin div#login_left,
body.bodylogin div#login_right,
body.bodylogin .login_table .trinputlogin
{
    padding-left:0 !important;margin-left:0 !important;
    padding-right:0 !important;margin-right:0 !important;
}








a:link, a:visited, a:hover, a:active, .classlink{color:var(--colortextlink);}
span.widthpictotitle.pictotitle{font-size: 1.7em;}
td.nobordernopadding.widthpictotitle.col-picto{opacity: 1;}
.widthpictotitle{width: 26px !important;}
div.fiche > table.table-fiche-title:first-of-type div{color:var(--colortexttitlenotab);}
tr.box_titre {color: var(--colortexttitle) !important;}
.boxtable{background: var(--colorbackbody);}
/*.oddeven:hover, .evenodd:hover, .impair:hover, .pair:hover {background: var(--colorbacklinepairhover) !important;}*/
/*.oddeven, .evenodd, .liste_total, .impair, .nohover .impair:hover, tr.impair td.nohover, .tagtr.oddeven {background: var(--colorbacklinepairhover) !important;}*/
.oddeven, .evenodd, .liste_total, .liste_titre, .pair, .nohover .pair:hover, tr.pair td.nohover, .tagtr.oddeven{color: var(--oddevencolor) !important;}
td.oddeven, table.nohover tr.impair, table.nohover tr.pair, table.nohover tr.impair td, table.nohover tr.pair td, tr.nohover td, form.nohover, form.nohover:hover{background-color: var(--colorbacklineimpair1) !important;background: var(--colorbacklineimpair1) !important;}
tr.liste_titre th, tr.liste_titre td, th.liste_titre{border-bottom:1px solid rgb(215,215,215)}
.boxstats, .boxstats130{background: var(--colorbackbody);border:1px solid var(--colorboxstatsborder);border-left:6px solid var(--colorboxstatsborder);box-shadow: none;}
span.boxstatstext{color:var(--colortext);}
.boxstats:hover {box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 20%);}
div.titre {color: var(--colortexttitlenotab) !important;}
.liste_titre_filter {background: var(--colorbacktitle1) !important;}
input, input.flat, textarea, textarea.flat, form.flat select, select, select.flat, .dataTables_length label select{background-color: var(--inputbackgroundcolor);color: var(--colortext);}
.dropdown dd ul{background-color:var(--inputbackgroundcolor);}
div.tabBar{    background: var(--colorbacktabcard1);}
a.tabunactive{color: var(--colortextlink) !important;}
table.tableforfield tr>td:first-of-type, tr.trforfield>td:first-of-type, div.tableforfield div.tagtr>div.tagtd:first-of-type{color: var(--tableforfieldcolor);}
table.tableforfield tr>td:first-of-type, div.tableforfield div.tagtr>div.tagtd:first-of-type{color: var(--tableforfieldcolor);}
div.refidno{color: var(--refidnocolor);}
div.refid{color: var(--colortexttitlenotab);}
.noborder:not(.editmode) > tbody > tr:nth-child(even):not(.liste_titre), .liste > tbody > tr:nth-child(even):not(.liste_titre), div:not(.fichecenter):not(.fichehalfleft):not(.fichehalfright):not(.ficheaddleft) > .border > tbody > tr:nth-of-type(even):not(.liste_titre), .liste > tbody > tr:nth-of-type(even):not(.liste_titre), div:not(.fichecenter):not(.fichehalfleft):not(.fichehalfright):not(.ficheaddleft) .oddeven.tagtr:nth-of-type(even):not(.liste_titre){background: -webkit-linear-gradient(bottom, var(--colorbacklineimpair1) 85%, var(--colorbacklineimpair2) 100%);}
div.tabBar{color: var(--colortextbacktab);}
.fieldrequired{color: var(--fieldrequiredcolor) !important;}
.dropdown-item::before {font-family: "Font Awesome 5 Free";font-weight: 900;font-style: normal;font-variant: normal;text-rendering: auto;-webkit-font-smoothing: antialiased;text-align: center;text-decoration: none;margin-right: 5px;display: inline-block;content: "\f0da";}
.dropdown-item {display: block !important;box-sizing: border-box;width: 100%;padding: .3em 1.5em .4em 1em;clear: both;font-weight: 400;color: #212529 !important;text-align: inherit;background-color: transparent;border: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
div.mainmenu{background-size:19px;background-position-y: bottom;height:20px;}
#leftsidebar .darklightproicon{min-width:14px;}
.tmenu .dropdown-menu, .login_block .dropdown-menu{    line-height: 1.3em;}
.noborder tr.liste_total td, tr.liste_total td, form.liste_total div, .noborder tr.liste_total_wrap td, tr.liste_total_wrap td, form.liste_total_wrap div{color: var(--listetotal);}
body.dark table.tableforfield tr>td:first-of-type, div.tableforfield div.tagtr>div.tagtd:first-of-type, .noborder tr>td, .dolgraph .pieLabel span{color:var(--tableforfieldcolor) !important;}




.noborder:not(.editmode) > tbody > tr:nth-child(odd):not(.liste_titre), .liste > tbody > tr:nth-child(odd):not(.liste_titre), div:not(.fichecenter):not(.fichehalfleft):not(.fichehalfright):not(.ficheaddleft) > .border > tbody > tr:nth-of-type(odd):not(.liste_titre), .liste > tbody > tr:nth-of-type(odd):not(.liste_titre), div:not(.fichecenter):not(.fichehalfleft):not(.fichehalfright):not(.ficheaddleft) .oddeven.tagtr:nth-of-type(odd):not(.liste_titre){
    background: -webkit-linear-gradient(bottom, var(--colorbacklinepair1) 85%, var(--colorbacklinepair2) 100%);
}
.oddeven:hover, .evenodd:hover, .impair:hover, .pair:hover {
    background: var(--colorbacklinepairhover) !important;
}
#mainbody input.button:not(.buttongen):not(.bordertransp) {
    color: #FFF !important;
    border-radius: 3px;
    border-collapse: collapse;
    border: none;
}
div.pagination li:not(.paginationafterarrows,.title-button) a span:hover{
    box-shadow:none;
}
.navbar-nav .user_profile .user_dw_menu li a{
    display: block;
}
.butAction {
    color: #FFF !important;
    border-radius: 3px;
}


.div-table-responsive::-webkit-scrollbar{width:6px; height: 12px;}

.div-table-responsive::-webkit-scrollbar-thumb {
    background: #aaa;
}