/*
Customização de cores do sistema ao layout da PMS
*/
/* 
    Created on : 13/04/2015, 09:34:24
    Author     : t0490286 - Vanderlei Silva
*/

body{
    background-color: white !important;
}
#rodape, #assinatura{
    background: #f0f0ef !important;
}
#ultimo_acesso span{
    color: #808080 !important;
}
#barraSSO{
    background: #f0f0ef !important;
}
#topo{
    border-top: 5px solid #2c8166 !important;
    background: none !important;
    box-shadow: none !important;
}
#topo .submenu > li, .ui-menu > .ui-menu-list > .ui-menuitem, #jqContextMenu ul{
    background-image: linear-gradient(#1976D2 0px, #1976D2 50%) !important;
    border: 1px solid #1976D2 !important;
    border-radius: 3px !important;
    margin: 3px !important;
}
#topo .submenu > li > a{
    line-height: 27px !important;
}
#barraSSO p.bemVindo strong{
    color: #808080 !important;
}
.direita > .submenu > li > div{
    color: #808080 !important;
}
#topo .submenu > li > a > em{
    display: none;
}
#topo .submenu > li > a > span{
    color: white;
}
ul.submenu li li{
    background: white !important;
}
.submenu li li a{
    color: #808080 !important;
    border-color: #808080 !important;
}
#barraSSO ul.submenu li ul, ul.submenu li ul{
    background: #f0f0ef !important;
}
#barraSSO ul.submenu li li{
    background: #f0f0ef !important;
}
#barraSSO .submenu li li a{
    color: #808080 !important;
    border-color: #808080 !important;
}
.modulo_topo span{
    color: #808080 !important;
}
#barraSSO ul.submenu li a.modoTeste, #barraSSO ul.submenu li a.socialToggle{
    background-image: linear-gradient(#1976D2 0px, #1976D2 50%) !important;
}
thead tr th{
    color: #808080;
    background: #f0f0ef;
}
#barraSSO .wf a.tituloMenu{
    background: url("http://vmd-webserv03.santos.sp.gov.br/interface/css/atombpm/logo-atos.png") no-repeat scroll 19px 5px rgba(0, 0, 0, 0) !important;
}
#barraSSO .logoCliente{
    padding-top: 3px;
}
.ramificada li.ramoTopo > div p, .ramificada li.ramoTopo > div:hover p{
	background: none repeat scroll 0 0 #1976D2 !important;
    border-bottom: 1px solid #1976D2 !important;

}
#barraSSO .direita li.submenu_li_usuario:hover{
	background-color: #f0f0ef !important;
  	border-right: solid 1px #f0f0ef !important
}
#barraSSO li.submenu_li_produtos a.tituloMenu:hover{
	border-left:10px solid #f0f0ef !important;
}
.mask .modulo .modulo_topo, #novoservico .modulo_topo{
	background-color: #1976D2 !important;
	border: 1px solid #1976D2 !important;
}
.mini_botao{
	background-color: white !important;
  	border-color: #1976D2 !important;
}
.mini_botao:hover{
	background-color: #f0f0ef !important;
}
.mini_botao_detalhe{
  	border-color: #1976D2 !important;
  	display:block;
  	background-image:linear-gradient(#1976D2 0px, #1976D2 50%) !important;
  	color: white !important;
	margin-right: 5px;
	margin-bottom: 5px;
	border-radius: 3px;
	padding: 3px;
	float: right;
	height: 16px;
	min-width: 16px;
	background: transparent url("../images/modulo_topo_botao_bg.gif") repeat-x scroll 0% 0%;
	border: 1px solid #B8B8B8;
	font-size: 11px;
}
.mini_botao_refresh {
	display:block;
	width:22px;
	height: 22px; 	
	margin-right: 5px;
	margin-bottom: 5px;
	border-radius: 3px;
	padding: 0px;
	float: left;	
	min-width: 16px;
	border: 1px solid #B8B8B8;
	font-size: 11px;
	overflow: hidden;
}
.botao_consultar {
	background-image:linear-gradient(#1976D2 0px, #1976D2 50%) !important;
    border: 1px solid #b8b8b8;
    border-radius: 3px;
    color: white !important;
    float: right;
    font-size: 12px;
    font-weight: bold;
    height: 16px;
    margin: 0 5px 0 0;
    padding: 7px 16px;
    position: relative;
}
.mask .modulo_topo span, #novoservico .modulo_topo span{
	color: white !important;
}
input:focus, textarea:focus, select:focus{
	border-color: #1976D2 !important;
}
#rodape a{
	color: #808080 !important;
}
div.md_ativo, .lista thead tr th, .formAjudaDiv em{
	background: #1976D2 !important;
}
a.botao.positivo{
	background: #1976D2 !important;
    border-color: #1976D2 !important;
}
.ui-menu.ui-menubar.ui-menubar-admin a,.ui-menu.ui-menubar.ui-menubar-admin a:hover {
    color: white !important;
    font-weight: bold !important;
    height: inherit !important;
    margin: 0 !important;
    padding: 5px !important;
    text-shadow: none !important;
	background: none !important
}
.ui-menu.ui-menubar.ui-menubar-admin .ui-menu-submenu-item .ui-menu-child a{
	border-color: #808080 !important;
    color: #808080 !important;
	font-weight:normal !important;
	line-height: 19px;
    margin-left: 5px !important;
}
.ui-accordion .ui-accordion-header a{
	color: #808080 !important;
}
.bemVindo{
  	color: #808080 !important
}
.ui-menu-list >li li{
	background: white !important;
}
.ui-datatable-tablewrapper thead th.ui-state-default, .ui-dialog .ui-dialog-titlebar{
	background: #1976D2 !important;	
}
.ui-paginator .ui-paginator-page.ui-state-active{
	color: white !important;
	background: #808080 !important;
}
.ui-dialog-titlebar-close, .ui-dialog-titlebar-close.ui-state-hover{
	background: white !important;
	color: white !important;
}
#barraSSO li.submenu_li_produtos:hover a.tituloMenu, #barraSSO .submenu_li_lecom:hover a.tituloMenu{
	background-color: #f0f0ef !important;
	border-color:#f0f0ef !important;
	border-left: 10px solid #f0f0ef !important;
}
#barraSSO li.submenu_li_produtos a.tituloMenu span.titulo{
	color: #808080 !important;
}
#barraSSO li.submenu_li_produtos:hover .tituloMenu span.titulo{
	color:  #808080 !important;  
}
#divProductBar {
    background-color:#f0f0ef !important;
}
.info, #formulario .blue, #formulario_multiplo .blue, ul.lisForm li .conteudoMensagem label{
	color: #1976D2 !important;
}
#formulario .campo div, #formulario_multiplo .campo div{
	color:  #808080 !important; 	
}
#topo span.toggle_direita, #rodape span.toggle_direita{
	background: url("/atosbpm/upload/recursos/toggle_direita.png") no-repeat !important;
}
#topo .submenu > li.drop:hover > a > span{
	background: url("../images/menu_toggle.png") no-repeat !important;
}
table .pesquisaFiltro{
	background: url("/atosbpm/upload/recursos/header-options.png") no-repeat !important;
}
#barraSSO span.toggle{
	background: url("/atosbpm/upload/recursos/toggle.png") no-repeat !important;
}
.paginacao a.active{
	background: none repeat scroll 0 0 #808080;
    border-radius: 3px;
    color: white;
    height: 23px;
    margin-top: 1px;
    min-width: 21px;
}
.ui-accordion .ui-accordion-header .ui-icon{
	background-image: url("/atosbpm/upload/recursos/h2_toggle_right_down_blue.png") !important;
}
.ui-menuitem.ui-menuitem-active a span.ui-icon.ui-icon-triangle-1-e{
	background-image: url("/atosbpm/upload/recursos/menu_toggleRight_hover.png") !important;
}
.ui-dialog-titlebar-close .ui-icon{
	background-image: url("/atosbpm/upload/recursos/modal_close.png") !important;
}
.ui-dialog-titlebar-close, .ui-dialog-titlebar-close.ui-state-hover{
	border:white !important;
}
.lista td div.md_ativo span{
	background-image:url("/atosbpm/upload/recursos/modulo_vazado_nav_proximo_hover.gif") !important;
}
.lista td div.md_ativo span{
	border-color: #1976D2;
}
#rodape a, #rodape .nomeCliente{
	color: #1976D2 !important; 
}
