.imgLogo { width: 160px;
height: 65px;
content: url(/DiretorioSistema/uPL2UARrOEQ.jpg); 
}
@media screen and (min-width: 320px) and (max-width: 460px) {
 .imgLogo {
 width: 50px;height: 50px; content: url(/DiretorioSistema/795zaoJlu3Z.jpg);
}
}
.img-logoCliente { width: 95px;
height: 40px;
content: url(/DiretorioSistema/uPL2UARrOEQ.jpg);
}
.img-iconLogoCliente { width: 50px;
height: 50px;
content: url(/DiretorioSistema/795zaoJlu3Z.jpg);
}
.modulo-corFundo { background: #f0f1f2; }
.modulo-areaCentral { background-color: #ffffff; }
.modulo-corPrincipal { background-color: #337ab7; }
.modulo-corSecundaria { background: none !important;
background-color: #337ab7 !important; }
.modulo-corFonte { color: #ffffff; }
.area-logotipoCorFundo { background-color: #ffffff !important; }
.barra-superiorCorFundo { background-color: #dddddd !important; }
.main-header .navbar .nav > li > a:hover,
.main-header .navbar .nav > li > a:active,
.main-header .navbar .nav > li > a:focus,
.main-header .navbar .nav .open > a,
.main-header .navbar .nav .open > a:hover,
.main-header .navbar .nav .open > a:focus,
.main-header .navbar .nav > .active > a { background: #337ab7 !important; }
.menu-corFundoPrincipal { background-color: #011b54 !important; }
.sidebar-menu > li > .treeview-menu { background: #011b54 !important; }
.sidebar a { color: #b8c7ce !important; }
.menuLateralCorFontePadrao { color: #b8c7ce !important; }
.sidebar-menu > li:hover > a,
.sidebar-menu > li.active > a { color: #ffffff !important; }
.treeview-menu > li.active > a,
.treeview-menu > li > a:hover { color: #ffffff !important; }
.content-wrapper { background-color: #f7f7f7 !important; }
.box { background: #ffffff; }
.trabalho-corFonteTextoDestaque { color: #000000; }
.trabalho-corFonteTextoSemDestaque { color: #777777; }
.btn-primary { color: #ffffff;
 background-color: #3c8dbc !important;
 border-color: #3c8dbc !important; }
.btn-info { color: #ffffff;
 background-color: #00c0ef !important;
 border-color: #00c0ef !important }
.table-hover > tbody > tr:hover { background-color: #f5f5f5; }
/*CLASSE DO STEP PROGRESS TELA DE VENDAS*/ .container { width: 900px; margin: 0px auto; color: #ffffff }
.progressbar li { list-style-type: none; width: 25%; float: left; font-size: 26px; position: relative; text-align: center; color: #f4f4f4;background-color: #f5f5f5;content: '1';width: 190px;height: 40px;vertical-align: bottom;}
.progressbar li {list-style-type: none;width: 25%;float: left;font-size: 26px;position: relative;text-align: center;color: #f4f4f4;background-color: #f5f5f5;content: '1';width: 190px;height: 40px;vertical-align: bottom;}
.progressbar li.active {background-color: #3c8dbc;}
.progressbar li.done {background-color: #f5f5f5;}
.progressbar li.after {width: 0;height: 0;border-top: 20px solid #f5f5f5;border-left: 20px solid #3c8dbc;border-bottom: 20px solid #f5f5f5;}
.progressbar li.before {width: 0;height: 0;border-top: 20px solid #3c8dbc;border-left: 20px solid #f5f5f5;border-bottom: 20px solid #3c8dbc;}
