body { background-color: #f2f2f3; } 
<!-- body .company_logo{ background-color: #1e88e5; }  -->
body div.vmenu .blockvmenulogo{ background-color: #1e88e5 !important; } 
#id-right { background-color: #f2f2f3 !important; }
<!-- css-imane -->

#id-container { background-color:#F6F8FA;}

<!-- end -->
#tmenu_tooltip { 

    background-color: #26a69a; 
    font-size: 1.7rem; 
}
.slimScrollBar{
    background: white !important;
    width: 3px !important;
}
<!-- css_imane -->
<!-- #id-left { font-size: 1.2rem; } -->
#id-left { font-size: 1.4rem !important; } 


#id-container > .side-nav > #id-left ul[role="navigation"]{
    padding-bottom: 50px;
}
#id-container > .side-nav{
             width: 110px;
        float: left;
    background: #fff;
}
body.body.bodylogin{ background-color: #245d8f !important; }
body.body.bodylogin .login_table { background-color: #fff; }
body.body.bodylogin .login_table_title { color: #fff; }

#id-container > #id-right{
    height: 90vh;
    overflow: auto;

            width: calc(100vw - 110px);
    
    display: block;
}
body {
    overflow: hidden !important;
}
body.body.bodylogin {
    overflow: initial !important;
}
.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{
    background: #007fff !important;
    color:#fff !important;
}
#containerlayout .ecm-layout-pane {
    background: #FFF;
    border: 1px solid #BBB;
    padding: 0px;
    overflow: auto;
}
@media only screen and (max-width: 64em), only screen and (-webkit-min-device-pixel-ratio: 1.3) and (max-device-width: 1280px), not all, only screen and (max-device-width: 1280px) and (min-resolution: 120dpi){

    #id-container > #id-right{
        height: initial !important;
        overflow: hidden;
        /*width: calc(100vw - 117px);*/
        width: calc(100vw);
        display: inline-block;
    }
    body {
        overflow: auto !important;
    }
    .child_div {
        width: 50%;
    }
}


#id-left .slimScrollDiv{
    z-index: 5;
}

.side-nav .sidebar-background {
    /*background-image: url(/enterprise/custom/becreative/img/sidebar_5.jpg);*/
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    display: block;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: 50%;
    opacity: 0.4;
}




.search_icons_container > input[type="image"] {
    position: absolute;
    left: -9px;
    top: -2px;
    padding: 0px !important;
}
.fichecenter table.boxtable,
.fichecenter table.noborder, 
table#table-1, 
.fiche table.noborder, 
table.liste, 
table.border,
 <!-- css-imane -->
div.tabBar{
    <!-- border: 2px solid #245d8f !important; -->
    width:100%;
}
div.tabBar{
    display: inline-block;
    width: 100% !important;
}
body .fiche div.tabBar table{
    border: 1px solid transparent !important;
}
.fichecenter table.boxtable,
.fichecenter table.noborder{
    border-collapse: initial;
}
.opacitytransp {
    opacity: 0;
}
div.liste_titre {
    border-bottom: 1px solid #376c9b;
}
body th.liste_titre, body tr.liste_titre, body .liste_titre_filter, body tr.liste_titre tr, body tr.box_titre, body div.liste_titre, body tr.box_titre * {
    background-color: #e9e9e9;
    background: #e9e9e9 !important;
    color: #3b8cd2 !important;
}
body th.liste_titre *, body tr.liste_titre *, body tr.box_titre *, body div.liste_titre * {
    color: #3b8cd2;
}
body div.liste_titre input {
    color: #080808;
}
.pictowarning, .pictopreview{
    padding-left: 4px;
}
.paddingright{
    padding-right: 4px;
}
.icon-plus-filter, .icon-plus-filter-cancel{
    margin:0 1px;
}
body .select2-container .select2-choice > .select2-chosen,body tr.liste_titre input, textarea{
    color: #080808 !important;
}
body table tr th {
    font-weight: bold;
}
#id-left form[action*="list.php"] {
    border: none;
}
body div.tabBar table.noborder[summary=list_of_modules] tr.liste_titre td{
    padding: .3em .5em;
}
body div.tabBar table{
    border-left:none !important;
    border-right:none !important;
}
body .table-border, 
body .table-border-col, 
body .table-key-border-col, 
body .table-val-border-col, 
body div.border, 
body div.border div div.tagtd, 
body table.border, 
body table.border td, 
body table.dataTable{
    border: 1px solid #d6d6d6;
}
.boxstats{
    background:#ffffff;
}
body table tr.pair,table.noborder tr.oddeven:nth-child(odd){
    background-color: #e9e9e9;
}
.tabBar table tr:nth-child(odd) {
    background-color: #e9e9e9;
}
.tabBar table tr:nth-child(odd) tr {
    background-color: #e9e9e9;
}
table.boxtable tr:nth-child(odd):not(.box_titre) {
    background-color: #e9e9e9;
}

.minwidth100{
    max-width:100% !important;
}
.tabBar table tr:nth-child(even) {
    background-color: #ffffff;
}
.tabBar table tr:nth-child(even) tr{
    background-color: #ffffff;
}
body div.tabs .tabsElem a.tabactive{
    color: #ffffff;
    background: #245d8f;
}

body div.tabs .tabsElem .tab{
    border: none !important;
}
body div.tabs .tabsElem .tabactive a{
    color: #ffffff;
    background: #245d8f !important;
}
#otherboxes tr td{
    padding-top: 8px;
}
body table tr.liste_titre td.liste_titre input[name*=button_search], 
body table tr.liste_titre td.liste_titre input[name*=button_removefilter] {
    position: absolute;
    z-index: 2;
    width: 24px;
    margin: -3px 0 0 0px;
    left: 0;
    padding: 0;
    top: 0;
    background:none !important;

}
.div-table-responsive-no-min>table{
    width: 99.99% !important;
}
.div-table-responsive-no-min{
    overflow: auto;
}
div.fiche>form>div.div-table-responsive, div.fiche>form>div.div-table-responsive-no-min {
    overflow-x: auto;
}
body .icon-plus-filter,body .icon-plus-filter-cancel{
    color: #26c6da !important;
}
.icon-plus-filter-cancel:before, .icon-plus-filter:before {
    background: #fff;
    border-radius: 50%;
    float:left;
}
table tr.liste_titre td.liste_titre .icon-plus-filter, table tr.liste_titre td.liste_titre .icon-plus-filter-cancel{
    font-size: 1.9em !important;
}

div#tmenu_tooltip .tmenudiv li {
    border: 1px solid #1e4b72;
    border-left: 1px solid #2f70a9;
    border-top: none;
}
div#tmenu_tooltip .tmenudiv li a.tmenuimage:hover,div#tmenu_tooltip .tmenudiv li:hover {
    background-color: #608FBE;
}
div#tmenu_tooltip .tmenudiv li:hover {
    background-color: #608FBE;
}
div#tmenu_tooltip .tmenudiv {
    border-left: 1px solid transparent;
}
div#id-left div.vmenu {
    background-color: transparent;
    background: #ffffff;
    width: 100% !important;
    background-size: 150% 150%;
    height:100%;

         display: inline-table; 
    }
div#id-left div.vmenu>*{
    background: transparent;
    background-color: transparent;
}

div#id-left div.vmenu .company_logo, div#id-left div.vmenu .blockvmenulogo {
    border-bottom: 1px solid transparent;
    padding: .5em;
}
div#id-left .vmenu>nav {
    border-top: 1px solid transparent;
    border-bottom: 1px solid #245d8f;
}
div#blockvmenusearch {
/*padding: 7px 3px;*/
    border-top: 1px solid #efeaea;
    border-bottom: 1px solid #efeaea;
    display: grid;
}
div#blockvmenuhelp *{
    background-color:transparent;
}
div#blockvmenuhelp{
    background-color:#efeaea;
    border-top: 1px solid transparent;
}
div div#blockvmenubookmarks {
    background-color: transparent;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #efeaea;
    padding: .5em;
    float: initial;
}
.select2-results{
    width: 100% !important;
}
.select2-container--open .select2-dropdown--below{
    min-width: 250px !important;
}
div div#blockvmenubookmarks table td:first-child{
    text-align:center;
}
div#blockvmenuhelp *,div#blockvmenubookmarks * {
    color: #ffffff;
}

div#id-top {
    }


div#tmenu_tooltip .tmenudiv li a.tmenuimage .mainmenuaspan,
div#id-left div.vmenu a.vsmenu, div#id-left div.vmenu .mainmenuhspan,
div#id-top div.login_block * {
}
div.info{
    color: #333;
}
div.blockvmenusearch input[type=text] {
    width: 100%;
    background: #ffffff;
    border: 1px solid #1b5486;
    color: #09355b;
}

div.blockvmenusearch input[type=submit] {
    width: 18%;
}

@media screen and (max-width: 1280px){
.login_block .login {
    font-size: 1em !important;
}
}














div#blockvmenubookmarks span.select2 *{
    color: #999;
}
div#blockvmenubookmarks span.select2.select2-container {
    width: 98px !important;
}
#filetreeauto ul.ecmjqft{
    position:relative;
}
#filetree ul.ecmjqft{
    position:relative;
}
body table.liste tr:nth-child(even) {
    background-color: #FFFFFF;
}
body table.liste tr:nth-child(odd) {
    background-color: #e9e9e9;
}
.attacharea input[type=file]{
    width:auto;
}
.fiche.modules div.divsearchfield {
    float: left;
    margin: 4px 12px 4px 2px;
    padding-left: 2px;
}
img.photouserphoto {
    height: 14px;
    width:auto;
}
div.login_block img.photouserphoto {
    height: 16px;
    width:auto;
}

.inline-block.login_block_elem.login_block_elem_name {
    float: right;
    font-size: 10px;
}

div.login_block .login_block_other {
    line-height: 13px;
}

.arearef .pagination li.pagination span {
    background-color: #3b8cd2;

}
dl.dropdown {
    margin:0px;
    margin-left: 2px;
    margin-right: 2px;
    padding:0px;
    vertical-align: middle;
    display: inline-block;
    position: initial;
    background: #09355b;
}
.dropdown dd, .dropdown dt {
    margin:0px;
    padding:0px;
}
.dropdown ul {
    margin: -1px 0 0 0;
    text-align: left;
}
.dropdown dd {
    position:relative;
    z-index: 2;
}
.dropdown dt a {
    display:block;
    overflow: hidden;
    border:0;
}
.dropdown dt a span, .multiSel span {
    cursor:pointer;
    display:inline-block;
    padding: 0 3px 2px 0;
}
.dropdown dd ul {
    background-color: #245d8f;
    border: 1px solid #888;
    display:none;
    right:0px;                      /* pop is align on right */
    padding: 2px 15px 2px 5px;
    position:absolute;
    top:2px;
    list-style:none;
    max-height: 264px;
    overflow: auto;
}
.dropdown span.value {
    display:none;
}
.dropdown dd ul li {
    white-space: nowrap;
    font-weight: normal;
    padding: 2px;
}
.dropdown dd ul li input[type="checkbox"] {
    margin-right: 3px;
}
.dropdown dd ul li a, .dropdown dd ul li span {
    padding: 3px;
    display: block;
}
.dropdown dd ul li span {
    color: #888;
}
.dropdown dd ul li a:hover {
    background-color:#fff;
}
dl.dropdown:after{
    content: none !important;
}
table.tagtable.liste[summary="list_of_modules"] {
    width: 100%;
}
.boxtable td.tdboxstats div.boxstatsindicator .boxstatsborder {
    display: inline-block;
    margin: .2em;
    border: 1px solid #608FBE;
    text-align: center;
    -moz-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
    border-radius: 5px!important;
    padding: .5em;
}
.boxtable td.tdboxstats{
    background:#fff;
}
.boxtable div.boxstatsindicator {
    display: inline-block;
}
.boxclose.right.nowraponall{
    white-space:nowrap;
}
.boxclose.right.nowraponall .linkobject.boxfilter{
    margin-right:10px;
}
.nographyet {
    content:url(/enterprise/theme/becreative/img/nographyet.svg);
    display: inline-block;
    opacity: 0.1;
    background-repeat: no-repeat;
}
#id-right>.fiche>table.notopnoleftnoright .pagination .paginationafterarrows form[name="projectform"] select,#id-right .notopnoleftnoright .pagination .paginationafterarrows form[name="projectform"] input {
    font-size:14px;
}
#id-right>.fiche table.notopnoleftnoright div.pagination>ul{
    list-style: none;
}
.fiche>form>table.notopnoleftnoright{
    background: #f2f2f3;
}
.fiche>form>table.notopnoleftnoright[summary]{
    display:inline-block;
}
.fiche>form>table.notopnoleftnoright tr td:first-child{
    border: none;
    color: #608FBE;
    font-size: 1.6em;
    text-transform: none;
    white-space: nowrap;
}
.fiche>form>table.notopnoleftnoright{
    margin-bottom:0 !important;
}
#id-right>.fiche>table.notopnoleftnoright tr td:first-child,
#id-right>.fiche>table.notopnoleftnoright tr td:first-child .titre{
    white-space: nowrap;
}

font.vsmenudisabled.vsmenudisabledmargin {
    color: #b9b9b9;
    font-size: 12px;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    display: inline-block;
}




input[type="submit"].button,a.butAction{
    background-color: #09355b !important;
    border-color: #09355b !important;
    color: #fff !important;
}
input[type="submit"].button:hover,a.butAction:hover{
    background-color: #3b8cd2 !important;
    border-color: #3b8cd2 !important;
    box-shadow: none !important;
}
input[type="submit"].button:focus,a.butAction:focus{
    box-shadow: 0 0 0 0.2rem rgba(23,162,184,.5) !important;
}


input[type="submit"].button,input[type="button"].button,a.butAction,a.butActionRefused{
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    border: 1px solid transparent;
    border-radius: .25rem;
}






























body .becreativesubmenus a.vsmenu:hover{
    background-color: transparent !important;
}

body .becreativesubmenus ul.vmenu li>div:hover{
    background-color: #608FBE !important;
}
body .becreativesubmenus a[data-actif="nc_actif_element"]:hover{
    <!-- background-color: #37b8c4 !important; -->
}
a[data-actif="nc_actif_element"] {
    <!-- background: #36C6D3; -->
    color:#fff !important;
}
div[data-actif="nc_actif_element"] {
    background: #125188;
}
div[data-actif="nc_actif_element"] a{
    color: #fff !important;
}
body .becreativesubmenus li.menu_titre>div {
    padding: 3px 0.6em;
}
body .becreativesubmenus li.menu_titre>div.menu_contenu2 {
    padding: 3px 1.3em;
}
body .becreativesubmenus li.menu_titre>div.menu_contenu3 {
    padding: 3px 2em;
}
#tmenu_tooltip .tmenudiv,#tmenu_tooltip .tmenu{
    float:left;
}
div#id-top div.login_block .login_block_other{
    font-size: 12px;
}
div#id-top div.login_block .login_block_user>div{
    float:right;
}
body .becreativesubmenus li.menu_titre a * {
    line-height: 18px;
}
body .becreativesubmenus li.menu_titre>a {
    padding: 7px 0 7px 2px;
}
body select option:disabled{
    color: #e3e3e3 !important;
}
div div#blockvmenubookmarks select {
    width: 100%;
}
body #id-left div.vmenu li.menu_titre a {
    display:inline-block;
    width:100%;
}
body #id-left div.vmenu li.menu_titre {
    padding:0;
}
body #tmenu_tooltip .tmenudiv li a.tmenuimage .mainmenu{
    color: #f7f7f7;
}

body #tmenu_tooltip .tmenudiv li.tmenusel{
    background-color: #125188;
}
body #tmenu_tooltip .tmenudiv li.tmenusel a.tmenuimage .mainmenuaspan{
    color: #ffffff;
}
body #tmenu_tooltip .tmenudiv li.tmenusel div.mainmenu {
    color: #ffffff;
}
#id-left div.vmenu{
    width: 100px !important;
}
.fixed-menu #id-right{
    width: 100%;
}
#tiptip_holder #tiptip_content, .conteneur, body.fixed-menu #id-right{
    font-size: 1.2rem;
}
div.icon-engin_chantier:before {
    content: "\e603";
}
div.mainvmenu.icon-cmpProd:before {
    content: "\e60e";
}
div.mainvmenu.icon-arvAchat:before {
    content: "\e62e";
}
.icon-transferorders:before{
  content: '\e615';
}
div.mainvmenu.icon-lrh:before {
    content: "\e611";
}

div.mainvmenu.icon-resource:before {
    content: "\e61a";
}

.minwidth100 { min-width: 100px; }
.minwidth200 { min-width: 200px; }
.minwidth300 { min-width: 300px; }
.maxwidth100 { max-width: 100px; }
.maxwidth200 { max-width: 200px; }
.maxwidth300 { max-width: 300px; }

input[type=submit],
button,
.button,
.butAction,
.butActionDelete,
.butActionRefused,
div.tabs .tabsElem a {
  /* background: #26c6da;
    color: #FFFFFF;*/

    background: #09355b !important;
    color: #FFFFFF !important;
}

input[type=submit]:link,
button:link,
.button:link,
.butAction:link,
.butActionDelete:link,
.butActionRefused:link,
div.tabs .tabsElem a:link {
    background: #26c6da;
    color: #FFFFFF;
    font-size: 12px;
}

input[type=submit]:visited,
button:visited,
.button:visited,
.butAction:visited,
.butActionDelete:visited,
.butActionRefused:visited,
div.tabs .tabsElem a:visited {
    background: #26c6da;
    color: #FFFFFF;
}

input[type=submit]:hover,
button:hover,
.button:hover,
.butAction:hover,
.butActionDelete:hover,
.butActionRefused:hover,
div.tabs .tabsElem a:hover {
    background: #3adaee;
    color: #FFFFFF;


}

input[type=submit]:active,
button:active,
.button:active,
.butAction:active,
.butActionDelete:active,
.butActionRefused:active,
div.tabs .tabsElem a:active {
 <!--    background: #26c6da;
    color: #FFFFFF; -->

    background: #09355b !important;
    color: #FFFFFF !important;
}


.icon-plus-filter,
.icon-plus-filter-cancel,
.dpInvisibleButtons {
    background: transparent;
    color: #26c6da;
}

.icon-plus-filter:link,
.icon-plus-filter-cancel:link,
.dpInvisibleButtons:link {
    background: transparent;
    color: #26c6da;
}

.icon-plus-filter:visited,
.icon-plus-filter-cancel:visited,
.dpInvisibleButtons:visited {
    background: transparent;
    color: #26c6da;
}

.icon-plus-filter:hover,
.icon-plus-filter-cancel:hover,
.dpInvisibleButtons:hover {
    background: transparent;
    color: #3adaee;
}

.icon-plus-filter:active,
.icon-plus-filter-cancel:active,
.dpInvisibleButtons:active {
    background: transparent;
    color: #3adaee;
}

@media 
only screen and (max-width: 64em),
only screen and (-webkit-min-device-pixel-ratio: 1.3) and (max-device-width: 1280px),
not all,
only screen and (max-device-width: 1280px) and (min-resolution: 120dpi) {
    #tmenu_tooltip { 
        font-size: 1.6rem; 
    }
    #id-left {
        font-size: 1.2rem; 
    }
}















































/* NEW */

.centpercent {
    width: 100%;
}
.quatrevingtpercent, .inputsearch {
    width: 80%;
}
.soixantepercent {
    width: 60%;
}
textarea.centpercent {
    width: 96%;
}

#upbuttons-nav ul li{
    padding: .5em 1em;
    white-space: nowrap;
}

/* For table into table into card */
div.ficheaddleft tr.liste_titre:first-child td table.nobordernopadding td {
    padding: 0 0 0 0;
}
div.nopadding {
    padding: 0 !important;
}

.containercenter {
    display : table;
    margin : 0px auto;
}

#pictotitle {
    margin-right: 8px;
    margin-bottom: 4px;
}
.pictoobjectwidth {
    width: 14px;
}
.pictosubstatus {
    padding-left: 2px;
    padding-right: 2px;
}
.pictostatus {
    width: 15px;
    vertical-align: middle;
    margin-top: -3px
}
.pictowarning, .pictopreview {
    padding-left: 3px;
}
.pictoedit, .pictowarning, .pictodelete {
    vertical-align: text-bottom;
}
.fiche img.pictoedit {
    opacity: 0.7;
}
.colorthumb {
    padding-left: 1px !important;
    padding-right: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
    width: 44px;
    text-align:center;
}
div.attacharea {
    padding-top: 18px;
    padding-bottom: 10px;
}
div.attachareaformuserfileecm {
    padding-top: 0;
    padding-bottom: 0;
}

div.arearef {
    padding-top: 2px;
    margin-bottom: 10px;
    padding-bottom: 7px;
}
div.arearefnobottom {
    padding-top: 2px;
    padding-bottom: 4px;
}
div.heightref {
    min-height: 80px;
}
div.divphotoref {
    padding-right: 20px;
}
div.paginationref {
    padding-bottom: 10px;
}
div.statusref {
    float: right;
    padding-left: 12px;
    margin-top: 8px;
    margin-bottom: 10px;
    clear: both;
}
div.statusref img {
    padding-left: 8px;
    padding-right: 9px;
    vertical-align: text-bottom;
}
div.statusrefbis {
    padding-left: 8px;
    padding-right: 9px;
    vertical-align: text-bottom;
}
img.photoref, div.photoref {
    border: 1px solid #CCC;
    -webkit-box-shadow: 2px 2px 4px #ccc;
    box-shadow: 2px 2px 4px #ccc;
    padding: 4px;
    height: 80px;
    width: 80px;
    object-fit: contain;
}
img.fitcontain {
    object-fit: contain;
}
div.photoref {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}
img.photorefnoborder {
    padding: 2px;
    height: 48px;
    width: 48px;
    object-fit: contain;
    border: 1px solid #AAA;
    border-radius: 100px;
}
.underrefbanner {
}
.underbanner {
    border-bottom: 2px solid rgb(120,120,120);
}
.tdhrthin {
    margin: 0;
    padding-bottom: 0 !important;
}
/* END For table into table into card */
body.onlinepaymentbody div.fiche {  /* For online payment page */
    margin: 20px !important;
}
div.fiche>table:first-child {
    margin-bottom: 15px !important;
}
div.fichecenter {
    /* margin-top: 10px; */
    width: 100%;
    clear: both;    /* This is to have div fichecenter that are true rectangles */
}
div.fichecenterbis {
    margin-top: 8px;
}
div.fichethirdleft {
    float: left;
    width: 50%;
    }
div.fichetwothirdright {
    float: right;
    width: 50%;
    }
div.fichehalfleft {
    float: left;
    width: 50%;
}
div.fichehalfright {
    float: right;
    width: 50%;
}
div.ficheaddleft {
    padding-left: 16px;
}
div.firstcolumn div.box {
    padding-right: 10px;
}
div.secondcolumn div.box {
    padding-left: 10px;
}
.butActionNew, .butActionNewRefused, .butActionNew:link, .butActionNew:visited, .butActionNew:hover, .butActionNew:active {
    text-decoration: none;
    text-transform: uppercase;
    font-weight: normal;

    margin: 0em 0.3em 0 0.3em !important;
    padding: 0.2em 0.7em 0.3em;
    font-family: roboto,arial,tahoma,verdana,helvetica;
    display: inline-block;
    /* text-align: center; New button are on right of screen */
    cursor: pointer;
    /*color: #fff !important;
    background: rgb(60,70,100);
    border: 1px solid rgb(60,70,100);*/
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);

    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;

    padding-top: 0 !important;
}
a.butActionNew>span.fa-plus-circle, a.butActionNew>span.fa-plus-circle:hover { padding-left: 6px; font-size: 1.5em; border: none; box-shadow: none; webkit-box-shadow: none; }
a.butActionNewRefused>span.fa-plus-circle, a.butActionNewRefused>span.fa-plus-circle:hover { padding-left: 6px; font-size: 1.5em; border: none; box-shadow: none; webkit-box-shadow: none; }
.butActionNew *, .butActionNewRefused *, .butActionNew *:link, .butActionNew *:visited, .butActionNew *:hover, .butActionNew *:active{
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding-top: 0 !important;
}
.span-icon-multicompany {
    width: auto !important;
}
div#s2id_receivercc,div#s2id_receiver{
    min-width: 400px;
    width: auto;
}
div.tabsAction.upbuttonsdiv {
    position: initial !important;
    bottom: initial !important;
    right: initial !important;
    background-color: initial !important;
    padding: .5em 0 !important;
    border: initial !important;
    border-radius: initial !important;
    margin: initial !important;
    opacity: initial !important;
    display: block !important;
}
div.tabsAction.upbuttonsdiv .divButAction a{
    padding: .5em 1em !important;
}
.tabBar .tagtd tr:nth-child(odd),body tr td tr:nth-child(odd) {
    background-color: transparent !important;
}
#blockvmenusearch .select2.select2-container
,#blockvmenusearch .select2-container--focus span.select2-selection.select2-selection--single
,#blockvmenusearch .select2-container--default .select2-selection--single
{
    width:94px !important;
}

#blockvmenusearch select{
    display:none;
}
body #id-left div.vmenu li.menu_titre>div>span.vsmenu {
    color: #ededed;
}
.login_table .span-icon-multicompany {
    width: auto !important;
}
.dashboardlinelatecoin {
    float: right;
    position: relative;
    text-align: right;
    top: -24px;
    padding: 1px 2px 1px 2px;
    border-radius: .25em;
    background-color: #9f4705;
    padding: 0px 5px 0px 5px;
    /* top: -26px; */
}
span.dashboardlineko {
    color: #FFF;
    font-size: 80%;
}
.boxstats130 {
    width: 158px;
    height: 48px;
    padding: 3px;
}
.boxstatscontent {
    padding: 3px;
}
.boxstats, .boxstats130, .boxstatscontent {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.boxstats {
    padding: 3px;
    width: 103px;
}
body #id-left div.vmenu li.menu_titre>div.menu_top{
    padding: 0 !important;
}
body #id-left div.vmenu li.menu_titre>div.menu_end{
    padding: 0 !important;
}
.tmenuend {
    display: none;
}
select.flat.selectlimit {
    max-width: 62px;
}
.selectlimit, .marginrightonly {
    margin-right: 10px !important;
}
.marginleftonly {
    margin-left: 10px !important;
}
.nomarginleft {
    margin-left: 0px !important;
}
.selectlimit, .selectlimit:focus {
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
    outline: none;
}
.strikefordisabled {
    text-decoration: line-through;
}
.widthdate {
    width: 130px;
}
.cursorpointer {
    cursor: pointer;
}
.cursormove {
    cursor: move;
}


/*---------------------------------------------*/
.cke_reset {
    min-width: 250px;
}
.flexcontainer {
    display: inline-flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}
.thumbstat {
    flex: 1 1 116px;
}
.thumbstat150 {
    flex: 1 1 170px;
}
.thumbstat, .thumbstat150 {
    /* flex-grow: 1; */
    /* flex-shrink: 1; */
    /* flex-basis: 140px; */
    display: inline;
    width: 100%;
    justify-content: flex-start;
    align-self: flex-start;
}
/*
 *  Boxes
 */

.ficheaddleft div.boxstats {
    border: none;
}
.boxstatsborder {
    border: 1px solid #CCC !important;
}
.boxstats, .boxstats130 {
    display: inline-block;
    margin: 3px;
    border: 1px solid #CCC;
    text-align: center;
    border-radius: 2px;
}
.boxstats, .boxstats130, .boxstatscontent {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.boxstats {
    padding: 3px;
    width: 103px;
}
.boxstats130 {
    width: 158px;
    height: 48px;
    padding: 3px
}
.boxstatscontent {
    padding: 3px;
}
div.fichecenter{
    display:block !important;
}
#upbuttons-nav ul{
    top: -36px !important;
}
#upbuttons-nav ul li>a, #upbuttons-nav ul li>span{
    box-shadow: 2px 2px 4px #565656;
}
/*---------------------------------------------*/

/*----------------------08/09-----------------------*/
.select2-container *,.select2-results * {
    font-size: 1.2rem;
}
/*--------------------END 08/09---------------------*/

/*----------------------08/09 - 2-----------------------*/
.butActionRefused {
    cursor: not-allowed !important;
    color: #999 !important;
    border: 1px solid #ccc;
    -moz-box-sizing: border-box;
    background: #7d7d7d21 !important;
}
/*--------------------END 08/09 - 2---------------------*/
/*----------------------17/10-----------------------*/
body .jnotify-container{
    top: 0px !important;
    right: 0 !important;
}
/*--------------------END 17/10---------------------*/

/*----------------------30/11-----------------------*/
.select2-container-multi-dolibarr .select2-choices-dolibarr .select2-search-choice-dolibarr {
  padding: 2px 5px 1px 5px;
  margin: 0 0 2px 3px;
  position: relative;
  line-height: 13px;
  color: #333;
  cursor: default;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
.select2-container-multi-dolibarr .select2-choices-dolibarr .select2-search-choice-dolibarr a {
    font-weight: normal;
}
.select2-container-multi-dolibarr .select2-choices-dolibarr li {
  float: left;
  list-style: none;
}
.select2-container-multi-dolibarr .select2-choices-dolibarr {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 0 5px 0 0;
  position: relative;
  cursor: text;
  overflow: hidden;
}
/*----------------------END 30/11-----------------------*/
/*----------------------31/01/2019-----------------------*/
div.mainmenu.tmenudisabled {
    display: none;
}
@media only screen and (max-width: 64em), only screen and (-webkit-min-device-pixel-ratio: 1.3) and (max-device-width: 1280px), not all, only screen and (max-device-width: 1280px) and (min-resolution: 120dpi)
{
#tmenu_tooltip .tmenudiv li {
    width: auto !important;
}

}
/* --------------- edit by imane 31/07/2019 ------------------*/

    .login_block_other img.img_right{
        height: 20px;
        margin: 12px 0;
        cursor:pointer;

    }
    .login_block_other img.img_right:hover{

    }

    @media only screen and (max-width: 1290px)  {
        .child_div {
            width: 50% !important;
        }
    }

      
    @media only screen and (min-width: 1080px) {
        .logo {
            width: 25%;
        }

    } 


    @media only screen and (max-width: 750px) {
        .logo {
            width: 150px !important ;
        }
        .login_block_other > .inline-block {
            display: none;
        }
        img.img_right{
            display:block !important;
        }

    }

    @media only screen and (min-width: 751px) {
        .logo {
            width: 12% ;
        }
        .login_block_other{
            display: block !important;
        }
        .login_block_other > .inline-block{
            display: inline-block !important;
        }
        .inline-block{
            display: inline-block !important;
        }

        img.img_right{
            display:none ;
        }

    }

   

    @media only screen and (max-width: 692px) {
        .child_div {
            width: 100% !important;
        }
        .child_div>div{
            margin-left: 15px;
            /*margin-left: 2.5%*/;
        }
       
    }
   

    form[action*="list.php"]{
        float:left;
        width: 100%;
    }

    li.li-visited{
        background-color: #a9a9a936;
        margin-right: 0px !important;
        margin-left: 0px !important;
        border-radius: 3px;
        border-right: 5px solid #ef2a37;
    }
/*----------------------END 31/07/2019-----------------------*/



/*----------------------END 31/01-----------------------*/





/*----------------------    12/02/19-----------------------*/
.flexcontainer {
    display: inline-flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}
.thumbstat {
    min-width: 150px;
}
.thumbstat150 {
    min-width: 168px;
    max-width: 169px;
}
.thumbstat, .thumbstat150 {
    flex-grow: 1;
    flex-shrink: 0;
}
.butAction, .butActionDelete, .butActionRefused, .button, button, input[type=image], input[type=submit],select{
    font-size: 12px;
}
/*----------------------END 31/02/19-----------------------*/





/*---------------------- 23/04/19 -----------------------*/
dl.dropdown *{
    color:#FFFFFF !important;
}
table .dropdown dt a span, .multiSel span{
    padding: 0px 3px 2px 3px;
}
.dropdown dd ul li a:hover,.dropdown dt a {
    color:#000 !important;
}
.jnotify-container{
    font-size: 11px;
}
.jnotify-container .jnotify-notification a.jnotify-close{
    font-size: initial;
}
/*---------------------- END 23/04/19 -----------------------*/


<!-- css-imane -->
/*---------------------- 16/07/19 -----------------------*/
div.tmenudiv ul.tmenu {
    max-width: 200px !important;
}
li.tmenu, li.tmenusel {
    padding: 10px 7px;
    margin: 10px 0;
    text-align: center;
    list-style: none;
}
li.tmenu:hover {
    background-color:#a9a9a936;
    margin-right: 0px !important;
    margin-left: 0px !important;
    border-radius: 3px;
    border-right: 5px solid #ef2a37;
    padding: 10px 2px 10px 7px;
}
li.tmenusel:hover {
    background-color:#a9a9a936;
    margin-right:0px !important;
    margin-left: 0px !important;
    border-radius: 3px;
    border-right: 5px solid #ef2a37;
    padding: 10px 7px;
}
.top-menu-10{
    background: #09355b; 
    height: 44px;
    
}
.top-menu-10 img{
    
}

ul.vmenu{
    list-style: none;
    position: fixed;
    left: 113px;
    display: none;
    background-color: #09355beb;
    margin-top: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 200px !important;
    max-width: 200px;
    margin-top: 10px;
    margin-left:0px !important
}
div.blockvmenu{
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    
}
a.vmenu{
    text-align:left !important;
    /*padding-left:5px !important;*/
    color:white !important;
}
a.vsmenu{
    text-align:left !important;
    padding-left:10px !important;
    color:white !important;
} 




#inner-content-sousmenu .slimScrollDiv {
    min-height: 0px !important;
}

/* --- menu-top icon_right --- */

span.fa-print{
    padding: 5px;
    background: #FFA87D !important;
    border-radius: .65rem !important;
}
span.valignmiddle.atoplogin:hover {
   
    bottom: 5px;
}

span.fa-question-circle{
    padding: 5px;
    background: #22d3d6;
    border-radius: .65rem!important;
}

span.fa-sign-out-alt{
    padding: 8px 6px;
    background: #FF7588;
    border-radius: .65rem!important;
}
span.fa-sign-out{
    padding: 5px;
    background: #FF7588;
    border-radius: .65rem!important;
}

div.login_block {
    display: -webkit-box !important;
}
a.vsmenu {
    font-size: 11px !important;
}

/* --- logo --- */
.logo {
    height: 44px;
    width: 80%;
    background: rgba(255,255,255,0.7);
    padding: 4px;
    border-bottom: 3px solid #09355b;
    border-top: 3px solid #09355b;
    border-top-right-radius: 33px;
    border-bottom-right-radius: 33px;
    text-align: center;
    float:left;
}
.logo img.mycompany {
    height: auto;
    width: auto;
    padding-right: 20px;
    /*float: left;*/
    max-height: 30px;
} 

<!--  -->
.notopnoleftnoright td:first-child{
    width: 1.2em;
    padding-right: .5em;
    padding: 0px;
}

.fiche>table.notopnoleftnoright:nth-child(2) tr, .fiche>table[summary] tr {
    border: none;
    color: #608FBE;
    font-size: 1.6em;
    text-transform: none;
    font-weight: 700;
    white-space: nowrap;
}
.child_div a:hover{
    color: #09355b !important
}

body.body.bodylogin {
    background-image: url(/enterprise/custom/becreative/img/background_login_1.jpg) !important;
    background-repeat: round;
}


/* ---- css input --- */

.dropdown {
    border: none !important;
}
li.tmenu a.tmenuimage{
    color: #545766 !important;
}
li.tmenusel a.tmenuimage{
    color: #545766 !important;
}

img.icon-menu{
   margin-right: 10px;
}
img.icon-menu:hover{
    cursor: pointer;
    background-color: #e9e9e95e;
    border-radius: 2px;
}
img.icon-menu {
    height: 34px;
    width: 30px;
    margin-left: 5px;
}


.dropdown:after{
    content: none !important;
}

.mainmenuaspan {
    font-size: 11px;
}
a.vsmenu {
    font-size: 11px;
}
a.dropdown-toggle.login-dropdown-a {
    color: white !important;
}
/*---------------------- END 16/07/19 -----------------------*/



/* * * * * * * * * * * * * * * * * * * 26/09/2019 * * * */

.center {
    text-align: center;
    margin: 0px auto;
}

.notopnoleftnoright td.titre_right .select2-container{
    max-width: 200px;
}

#id-container.becreativeenuvisible #id-right{
    width:calc(100vw - 110px);
}
#id-container.becreativeenuvisible .side-nav{
    display:block;
}
#id-container.becreativeenuhidden #id-right{
    width:100%;
}
#id-container.becreativeenuhidden .side-nav{
    display:none;
}
span.becreativeiconopenmenu {
    display:none;
}

div.sous-menu ul.vmenu{
    padding-bottom: 20px;
}

@media only screen and (max-width: 64em), only screen and (-webkit-min-device-pixel-ratio: 1.3) and (max-device-width: 1280px), not all, only screen and (max-device-width: 1280px) and (min-resolution: 120dpi){
    #id-container.becreativeenuvisible #id-right{
        width:100%;
    }
    .fixed-menu #id-left{
        box-shadow: 3px 0 6px -2px #bfbaba;
        transform: initial !important;
    }
    #id-container .side-nav{
        display:none;
    }
    #id-left .vmenu li.tmenu, #id-left .vmenu li.tmenusel{
        position:relative;
    }
    span.becreativeiconopenmenu {
        display:block;
        position: absolute;
        left: 0px;
        top: 0;
        padding: 2px 5px;
        font-size: 10px;
        cursor: pointer;
        color: #9e9e9e;
    }
    span.becreativeiconopenmenu:hover {
        background: #545766 ;
        color: #fff;
    }
}
.widthpictotitle {
    /*width: 32px;*/
}
/* * * * * * * * * * * * * * * * * * * END 26/09/2019 * */




div#tmenu_tooltip {
    padding-right: 0px !important;
}


.login_block_elem {
    vertical-align: top !important;
    padding: 0px 3px 0px 4px !important;
    line-height: 44px !important;
    height: 44px !important;
}


div.inline-block span.aversion {
    padding: 4px 3px 5px;
    background: #00c292ab !important;
    border-radius: .65rem !important;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
}

.atoplogin, .atoplogin:hover {
    color: #FFFFFF !important;
}

.fixed-menu #id-left {
    /*width: 100% !important;*/
}

div#id-left div.vmenu{
    padding:0px !important;
    margin: 0px !important;
}

li.tmenu, li.tmenusel{
    float: none !important;    
}

div.tmenudiv {
    white-space: initial !important;
}

#id-left{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.vmenu div.blockvmenuend{
    padding: 0px !important;
    margin: 0px !important;
}

.mainmenu::before{
    color: #545766 !important
}

.info-box.info-box-sm{
    background: #fff !important; 
}

div.info {
    color: #09355b;
    background: #c9e6ff !important;
    border-left: solid 5px #09355b;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.menu_contenu{
    padding: 0px !important;    
}

.select2-dropdown{
    background: #fafafa;
}

select {
    padding: 5px;
    margin: .1em;
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em;
    background: #E7505A !important;
    color: #fcfcfc;
    border: none;
    outline: 0;
}

.select2-container--default .select2-selection--single{
    background-color: #fff !important;
    border: 1px solid #608FBE !important;
    border-radius: 4px !important;
}
input, textarea {
    background: #fff !important;
    color: #080808 !important;
    border: 1px solid #608FBE !important;
    -webkit-border-radius: .3em !important;
    -moz-border-radius: .3em;
    border-radius: .3em;
    padding: 5px;
    margin: 1px !important;
}

input[type=image]{
    background-color: transparent !important;
    border: none !important;
}

table.table-fiche-title.modulefamilygroup .col-title div.titre {
    line-height: 40px;
    font-weight: 600;
    padding-left: 5px;
}

.table-fiche-title.modulefamilygroup tr:nth-child(odd) {
    border-radius: 4px;
}

.table-fiche-title.modulefamilygroup tr.titre td {
    padding-top: 0px !important;
}

span.widthpictotitle.pictotitle {
    background: #09355b;
    opacity: 0.8;
    color: #fff !important;
    padding: 7px;
    border-radius: 2px;
    min-width: 30px;
    text-align: center;
}

span.widthpictotitle {
    font-size: 1.2em;
}

.pictotitle {
    margin-right: 0px;
}

div.blockvmenupair, div.blockvmenuimpair, div.blockvmenubookmarks, div.blockvmenuend{
    background: transparent;
}


div.login_block_other{
    max-width: max-content !important;
}

.dropdown-menu > .user-header {
    background: #09355b;
}

.select2-container--default .select2-results__option--highlighted[aria-selected]{
    color: white !important;
}

.login_table .tdinputlogin .fa {
    padding-left: 0 !important;
}

.iconboxesbecreative {
    max-width: 47px;
}

@media only screen and (max-width: 600px)
{
    .side-nav {
        z-index: 200;
        background: var(--colorbackvmenu1);
        padding-top: 0px;
    }
    .fixed-menu #id-left{
        left: 0px;
    }
    div.login_block {
        padding-top: 0px !important;
        background: none !important;
        right: 0px !important;
        left: auto !important;
    }
    .login_block_other{
        position: absolute !important;
        right: 55px;
    }

    div.login_block_user{
        position: absolute !important;
        right: 0px;
    }
}

span.becreativeshowsubmenus {
    position: absolute;
    right: 2px;
    top: 0px;
    font-weight: 900;
    display: none;
    background-color: #09355b;
    color: #fff;
    border-radius: 4px;
    line-height: 18px;
    font-size: 12px;
    height: 20px;
    width: 20px;
}
li.tmenu:hover span.becreativeshowsubmenus 
,li.li-visited span.becreativeshowsubmenus 
{
    right: -5px;
}
span.becreativeshowsubmenus::after {
    font-family: "Font Awesome 5 Free";
    font-size: 0.7em;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    text-decoration: none;
    margin: auto 3px;
    display: inline-block;
    content: "\f054";
    -webkit-transition: -webkit-transform .2s ease-in-out;
    -ms-transition: -ms-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
}
@media screen and (max-width: 900px){
    span.becreativeshowsubmenus {
        display: block;
    }
    li.tmenu a.tmenuimage 
    ,li.tmenusel  a.tmenuimage 
    {
        margin-top: 10px !important;
    }
}

li.tmenu a.tmenuimage {
    padding-right: 8px !important;
}

.becreativesubmenus {
    position: absolute;
    top: 0;
    left: 0;
    display:none;
}

.becreativesubmenus .inner-content-sousmenu {
    display: block !important;
}

.becreativesubmenus .inner-content-sousmenu ul.vmenu {
    display: block !important;
    width: auto !important;
    min-width: 200px !important;
    background-color: #09355b !important;
    /*background-color: #09355beb !important;*/
    /*background-color: rgb(9 53 91 / 92%) !important;*/
}
.becreativesubmenus .blockvmenu .menu_titre .vsmenu
,.becreativesubmenus .blockvmenu .menu_titre a.vmenu 
,.becreativesubmenus .blockvmenu .menu_titre .vmenudisabled {
    white-space: normal;
    display: inline-block;
    font-weight: 200;
}

.becreativesubmenus span.vsmenu 
,.becreativesubmenus a.vmenu 
,.becreativesubmenus font.vmenudisabled {
    font-size: 11px;
    font-weight: 200;
    color: #bbbaba;
}
body .becreativesubmenus .menu_top
body .becreativesubmenus span.vsmenu {
    color: #bbbaba;
}
body .becreativesubmenus .menu_top
,body .becreativesubmenus .menu_end {
    display:none;
}
.side-nav .tmenu div.tmenudisabled, .side-nav .tmenu a.tmenudisabled {
    white-space: normal;
}

div#login_left,div#login_right{margin:0 auto;}