/* CSS Document */

/* Configuracoes gerais de objetos */

html, body {
    height: 100%;
}

body {
    margin: 0px;
    padding: 0px;
    border: none;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    scrollbar-highlight-color: #ffffff;
    scrollbar-shadow-color: #687888;
    scrollbar-3dlight-color: #687888;
    scrollbar-arrow-color: #6e7e88;
    scrollbar-track-color: #bcbfc0;
    scrollbar-darkshadow-color: #dce0e2;
    /*background-image:url("../img/body_fundo.gif");*/
    background: #F2F2F2;
}

.body_menu {
    padding:0px;
    margin:0px;
    padding-top:4px;
    /*background: #F2F2F2;*/
    background: #FFF;
    background-repeat: repeat-y;
}

a, a:visited {
    color:#000;
    text-decoration:none;
}
a:hover {
    color: #000;
    text-decoration:underline;
}
img { 
    border: none;
    box-sizing: content-box;
}

input[type="text"], input[type="password"], input[type="file"], select, textarea {
    border: 1px solid #aaa;
    border-top: #aaa 1px solid;
    border-left: #aaa 1px solid;
    border-right: #aaa 1px solid;
    border-bottom: #aaa 1px solid;
    font-size: 13px;
    font-family: Verdana, Arial, Helvetica;
    box-sizing: content-box;
}

/* input[type="text"], input[type="password"], input[type="file"] {
    height: 18px;
} */

select {
    height: 22px;
}

legend {
    font-size: 1em !important;
    font-weight: bold;
    width: auto !important;
    float: none !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    margin: 0 !important;    
}

fieldset {
    border: 1px solid #CCC;
    padding: 0.5rem !important;
    border: 1px solid #dee2e6 !important;
    min-height: 60px;
}

.ui-spinner-input {
    border: 0px solid !important;
    outline: none;
    height: 12px !important;
}

.ui-spinner .ui-spinner-button {
    background: #EEE;
    color: #888;
    background-image:none;
}
.ui-spinner .ui-spinner-button:hover {
    background: #EEE;
    color: #888;
    background-image:none;
}
.ui-spinner .ui-spinner-button:active{
    background: #EEE;
    color: #888;
    background-image:none;
}

.select2-selection--single, .select2-selection__rendered, .select2-selection__clear {
    height: 22px !important;
    line-height: 22px !important;
}
.select2-selection--multiple, .select2-selection__rendered, .select2-selection__clear {
    line-height: 22px !important;
}
.select2-selection__arrow {
    height: 21px !important;
}
.select2-arrow, .select2-chosen {
    padding-top: 6px;
}

/* Remove itens selecionados do select multi, mas afeta do select simples (ver melhoria)
.select2-results__option--selected { display: none;} */
 
input[type="checkbox"]{
    vertical-align: middle;
}

button, input[type="submit"], input[type="button"], input[type="reset"]  {
    border-left:#CCC solid 1px;
    border-top:#CCC solid 1px;
    border-right:#666 solid 1px;
    border-bottom:#666 solid 1px;
    background-color:#E6E6E6;
/*    background-image:url("../img/btn_fundo.gif");
    background-repeat:repeat-x;
    background-position:bottom;
*/
    font-family:verdana;
    font-weight:bold;
    font-size:12px;
    margin:0px;
    cursor:pointer;
    padding-left: 14px;
    padding-right: 14px;
    height: 25px;
}

form {
    padding: 0px;
}

fieldset {
    padding:5px;
    /* padding-top:6px; */
}

/* Classes definidas */
.a_topo, .a_topo:visited {
    color:#FFF;
    text-decoration:none;
}
.a_topo:hover {
    color: #FFF;
    text-decoration:underline;
}
.a_topo img { border: none;}

.button_login {
    height: 38px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    margin:1px !important;
    font-family:verdana;
    font-weight:bold;
    font-size:18px;
}

.button_topo {
    height: 25px !important;
}

.img_round {
    border-radius: 5px;
    background: #eee;
    padding: 2px;
    border-style: solid;
    border-color: #ccc;
}

.input_login {
    height: 22px !important;
    font-size: 14px !important;
}

.input_destac {
    background-color: #d0e5f5;
}

.input_desat {
    background-color: #CCC;
    color: gray;
}

.input_neg {
    font-weight: bold;
}

.input_num {
    text-align: right;
}

.input_int {
    text-align: right;
}

.input_data {
    width: 90px;
}

.input_mes_ano {
    width: 70px;
}

.input_ano {
    width: 50px;
}

/* .input_mes_ano_datepicker > .ui-datepicker-calendar{
    display: none;
}  */

.input_data_hora {
    width: 130px;
}

.input_hora {
    width: 45px;
    text-align: center;
}

.input_hora_min {
    width: 50px;
    text-align: center;
}

.input_hora_min_seg {
    width: 60px;
    text-align: center;
}

.tab_cons {
    border: 1px solid #CCC;
    background-color:#FFF;
/*    background-image:url("../img/tab_cons_fundo.jpg");
    background-repeat:repeat-x;
    background-position:bottom;
*/    margin-bottom: 6px;
}

.tab_cons th {
    background-color:#6464FF;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    text-align: left;
    height: 20px;
}

.tab_regs td {
    border: 1px solid #CCC;
    background-image:none;
    /* background-color:#FFF; */
    cursor:pointer;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.tab_regs th {
    background-image:none;
    background-color:#6464FF;
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    /* border-color: #CCC; */
    border-style: solid;
    border-width: 1px;
}

.tab_regs input button {
    height: 16px;
    font-size: 11px;
    padding-left: 10px;
    padding-right: 10px;
}

.bot_calendario{
    BORDER-RIGHT: 000000 1px double;
    BORDER-TOP: 000000 1px double;
    BORDER-LEFT: 000000 1px double;
    BORDER-BOTTOM: 000000 1px double;
    background-color:#FFFFFF;
    color:000000;
    font-family:verdana;
    font-size:11px;
    cursor:hand;
    height: 16px;
    width: 18px;
    cursor:pointer;
}

.div_calendario{
    position:absolute;
    float:left;
    left:0px;
    top:0px;
    width:0px;
    height:0px;
    display:none;
}

.pag_num, .pag_count {
    border-right: #808080 1px solid;
    border-top: #808080 1px solid;
    font-size: 6px;
    border-left: #808080 1px solid;
    border-bottom: #808080 1px solid;
    font-family: Verdana, Arial, Helvetica;
    text-align:center;
    background-color:#CCCCCC;
}

.titulo1_bold {
    font-size:12px;
    font-weight:bold;
}

.titulo1 {
    font-size:12px;
}

.texto_comentario {
    font-size:9px;
}

.texto_desat {
    color: #CCCCCC;
}

.texto_neg {
    font-weight:bold;
}

.texto_red {
    color: red;
}

.texto_blue {
    color: blue;
}

.texto_green {
    color: green;
}

.topo_titulo {
    color:#FFF;
    font-size:12px;
}

/* Configurações da página de cabeçalho topo.php por id */
#tab_topo {
	background-color:#6464FF;
	background-position:top;
	color:#FFF;
	height:40px;
}

#div_carregando_fundo {
	position:absolute;
	background-color:#333;
	padding:0px;
	margin:0px;
	left:0px;
	top:0px;
	width:0px;
	height:0px;
	z-index:300;
	visibility: hidden;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
	text-align:center;
}

#div_carregando {
	position:absolute;
	background-color:#FFF;
	padding:10px;
	margin:0px;
	left:0px;
	top:0px;
	width:200px;
	border:#666 1px solid;
	z-index:301;
	visibility: hidden;
	text-align:center;
}

#div_abas {
    text-align:left;
}

#rodape {
    position: fixed;
    bottom: 0;
    background-color: #CCC;
    width: 100%;
}

/* Controle de bloco com fundo escuro
Adicionar estes divs após a tag <body>
Ver função javascript mostra_bloco();
<body onLoad="javascript:set_maisfiltro();">
<div id="div_fundo"></div>
<div id="div_bloco" style="left:250px;">
	<div id="div_bloco_titutlo">Titulo</div>
	<div id="div_bloco_conteudo">Conteudo</div>
</div>
*/
.div_fundo {
	position:absolute;
	z-index:100;
	background-color:#666;
	filter: alpha(opacity=80);
	opacity: .80;
	-moz-opacity:.80;
	width:100px;
	height:100px;
	display:none;
}

.div_bloco {
	position:absolute;
	z-index:101;
        left:50%;
        top:50%;
	width:502px;
	padding:0px;
	margin:0px;
	background-color:#FFF;
	border-top:#CCC 2px solid;
	border-left:#CCC 2px solid;
	border-bottom:#666 2px solid;
	border-right:#666 2px solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	visibility:hidden;
}

.div_bloco #div_bloco_titulo {
	background-color:#666;
	border:#999 1 solid;
	padding:2px;
	margin:1px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
}

.div_bloco #div_bloco_conteudo {
	background-color:#FFF;
	padding:4px;
	text-align:left;
}

.img_button {
    border: 0;
    margin-top: -5px;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

/* CONCILIAÇÃO */

.tabela-conciliacao, .subtabela-conciliacao, .tabela-registros-nao-conciliados {
    background-color: #fff;
}

.tabela-conciliacao tr td, .subtabela-conciliacao tr td, .tabela-registros-nao-conciliados tr td {
    border-bottom: 1px solid #ccc;
}

.tabela-conciliacao tr:last-child td, .subtabela-conciliacao tr:last-child td, .tabela-registros-nao-conciliados tr:last-child td {
    border-bottom: 0px;
}

.tabela-conciliacao tr td.no-border-bottom, .subtabela-conciliacao tr td.no-border-bottom, .tabela-registros-nao-conciliados tr td.no-border-bottom {
    border-bottom: 0px;
}

.texto-riscado {
    text-decoration:line-through;
}

.warning {
    background-color: yellow;
}

.warning-l1 {
    background-color: #FCF8E3;
}

.info {
    background-color: #D9EDF7;
}

.success {
    background-color: darkseagreen;
}

.success-l1 {
    background-color: #DFF0D8;
}

.danger {
    background-color: red;
}

.danger-l1 {
    background-color: orangered;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.top {
    vertical-align: top;
}


div.lista-blocos {
    width: 100%;
    border: 2px solid #ccc;
}

div.lista-blocos div.header {
    background-color: #85B5D9;
    padding: 5px;
}

div.lista-blocos div.body {
    padding: 5px;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.table-clean th {
    background-color: #fff;
    color: #000;
}

.table-clean thead tr:first-child th, .table-clean thead tr:first-child td {
    border-bottom: 2px solid #ccc;
}

.table-clean tfoot tr:first-child td, .table-clean tfoot tr:first-child th {
    border-top: 2px solid #ccc;
}

.table-clean tbody tr:nth-child(even) {
    background-color: #eee;
}

#blocoModalAddEditItemProposta .tabela-produtos-servicos tr.linha-produto-servico td {
    cursor: pointer;
}

.text-right {
    text-align: right !important;
}

.text-left {
    text-align: left !important;
}

.text-center {
    text-align: center !important;
}

/* jquery - ui - aucomplete - item menu */
.ui-menu {
    max-height: 300px;    
    /* width: 300px; */
    overflow: scroll;
}
.ui-menu .ui-menu-item {
    background-color: #fff;
    border: #E8E8E8 2px solid;
}
.ui-menu .ui-menu-item-wrapper {
    padding: inherit !important;
    color: #303030;
}
/*(não muda a cor do backgroup do ui-menu-item
.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background: #6693bc !important;
    font-weight: bold !important;
    color: #ffffff !important;
}*/
.ui-menu-item a, .ui-menu-item a:visited{
    color: #000 !important;
    border: none !important;
}
.ui-menu-item a:hover{
    color: #000 !important;
    text-decoration: none !important;
    border: none !important;
}

/* jquery - ui - tooltip */
.ui-tooltip {
    white-space: pre-line;
}

p,ul{
  margin-top: 0;
  margin-bottom: 0;
}