body .site-menu-icon.mainmenu.reports {
	background-image: url(/ditter/htdocs/reports/img/object_reports.png) !important;
 height: 15px;background-size: 15px;filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1);}
body .site-menubar-dark .site-menu-icon.mainmenu.reports {
filter: brightness(0) invert(1);
opacity: 0.5;
}
body .site-menu-icon.mainmenu.reports:before{
display:none !important;}
/* A mainmenu entry was found but img file comptabilite.png not found (check /comptabilite/img/comptabilite.png), so we use a generic one */
body .site-menu-icon.mainmenu.comptabilite:before {
                content: "\f249";
            }body .site-menu-icon.mainmenu.revolutionpro {
	background-image: url(/ditter/htdocs/revolutionpro/img/object_revolutionpro.png) !important;
 height: 15px;background-size: 15px;filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1);}
body .site-menubar-dark .site-menu-icon.mainmenu.revolutionpro {
filter: brightness(0) invert(1);
opacity: 0.5;
}
body .site-menu-icon.mainmenu.revolutionpro:before{
display:none !important;}
body .site-menu-icon.mainmenu.numberseries {
	background-image: url(/ditter/htdocs/numberseries/img/object_numberseries.png) !important;
 height: 15px;background-size: 15px;filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1);}
body .site-menubar-dark .site-menu-icon.mainmenu.numberseries {
filter: brightness(0) invert(1);
opacity: 0.5;
}
body .site-menu-icon.mainmenu.numberseries:before{
display:none !important;}
body .site-menu-icon.mainmenu.dte {
	background-image: url(/ditter/htdocs/dte/img/object_dte.png) !important;
 height: 15px;background-size: 15px;filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1);}
body .site-menubar-dark .site-menu-icon.mainmenu.dte {
filter: brightness(0) invert(1);
opacity: 0.5;
}
body .site-menu-icon.mainmenu.dte:before{
display:none !important;}
/* A mainmenu entry was found but img file exsoftcore.png not found (check /exsoftcore/img/exsoftcore.png), so we use a generic one */
body .site-menu-icon.mainmenu.exsoftcore:before {
                content: "\f249";
            }/* A mainmenu entry was found but img file cobranza.png not found (check /cobranza/img/cobranza.png), so we use a generic one */
body .site-menu-icon.mainmenu.cobranza:before {
                content: "\f249";
            }body .site-menu-icon.mainmenu.ajaxlivesearch {
	background-image: url(/ditter/htdocs/ajaxlivesearch/img/object_ajaxlivesearch.png) !important;
 height: 15px;background-size: 15px;filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1);}
body .site-menubar-dark .site-menu-icon.mainmenu.ajaxlivesearch {
filter: brightness(0) invert(1);
opacity: 0.5;
}
body .site-menu-icon.mainmenu.ajaxlivesearch:before{
display:none !important;}




.bodylogin.page-login-v2:before {
    background-image: url(/ditter/htdocs/revolutionpro/img/login/revolutionprologin1.jpg) !important;
}
body .liste_titre .badge:not(.nochangebackground) {
    background-color: #3f51b5;
}
.badge-secondary, .tabs .badge {
    background-color: #3f51b5d4;
}
body .tabactive, body a.tab#active{
    border-top: 2px solid #3f51b5 !important;
}
body .ui-widget-header {
    border: 1px solid #3f51b5;
    background: #3f51b5;
}
@media (max-width: 767.98px){
    .site-navbar.navbar-inverse .navbar-container{
        background-color: #3f51b5 !important;
    }   
}
div.liste_titre_bydiv, 
.liste_titre div.tagtr, 
tr.liste_titre, 
tr.liste_titre_sel, 
.tagtr.liste_titre, 
.tagtr.liste_titre_sel, 
form.liste_titre, 
form.liste_titre_sel, 
table.dataTable thead tr
{
    background: #3f51b5d9 !important;
}
body .navbar-inverse .navbar-collapse,body .navbar-inverse .navbar-form {
    border-color: #3f51b5;
}
body .loader-overlay {
    background: #3f51b5;
}
body .liste_titre_filter{
    background:#3f51b561 !important
}

body .thefourboxes .card:hover {
    background-color: #3f51b5b5;
}
.butAction, #mainbody input.button:not(.buttongen):not(.bordertransp) 
,body.bodylogin .login_table input[type="submit"] 
{
    background: #00897b  !important;
    background-color: #00897b  !important;
    border-color: #00897b  !important;
}

.loader2-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
	width: 100%;
	height: 100%;
	background: #3949ab;
}
.loader2-content {
	margin: 50vh auto 0;
	text-align: center;
	text-transform: uppercase;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
			.loader {
  color: #ffffff;
  font-size: 9px;
  margin: 100px auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load4 {
  0%,
  100% {
	box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
	box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
	box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
	box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
	box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
	box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
	box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
	box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
@keyframes load4 {
  0%,
  100% {
	box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
	box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
	box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
	box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
	box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
	box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
	box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
	box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}


    body span.widthpictotitle.pictotitle{
        background:#3f51b5b5 !important
    }








:root {
    --colorbackhmenu1: rgb(38,60,92);
    --colorbackvmenu1: rgb(250,250,250);
    --colorbacktitle1: rgb(233,234,237);
    --colorbacktabcard1: rgb(255,255,255);
    --colorbacktabactive: rgb(234,234,234);
    --colorbacklineimpair1: rgb(255,255,255);
    --colorbacklineimpair2: rgb(255,255,255);
    --colorbacklinepair1: rgb(251,251,251);
    --colorbacklinepair2: rgb(251,251,251);
    --colorbacklinepairhover: rgb(230,237,244);
    --colorbacklinepairchecked: rgb(230,237,244);
    --colorbacklinebreak: rgb(248,247,244);
    --colorbackbody: rgb(255,255,255);
    --colortexttitlenotab: #424242;
    --colortexttitlenotab2: rgb(100,0,100);
    --colortexttitle: rgb(0,0,0);
    --colortext: rgb(0,0,0);
    --colortextlink: rgb(10, 20, 100);
    --colortextbackhmenu: #FFFFFF;
    --colortextbackvmenu: #000000;
    --listetotal: #888888;
    --inputbackgroundcolor: #FFF;
    --inputbordercolor: rgba(0,0,0,.2);
    --tooltipbgcolor: rgba(255, 255, 255, 0.96);
    --tooltipfontcolor : #333;
    --oddevencolor: #202020;
    --colorboxstatsborder: #e0e0e0;
    --dolgraphbg: rgba(255,255,255,0);
    --fieldrequiredcolor: #000055;
    --colortextbacktab: #000000;
    --colorboxiconbg: #eee;
    --refidnocolor:#444;
    --tableforfieldcolor:#666;
    --amountremaintopaycolor:#880000;
    --amountpaymentcomplete:#008800;
    --amountremaintopaybackcolor:none;
}