@import url('/css/bootstrap/css/bootstrap.min.css');
/* new styles */
label.valid {
	width: 24px;
	height: 24px;
	background: url(/css/bootstrap/img/valid.png) center center no-repeat;
	display: inline-block !important;
	text-indent: -9999px;
}
label.error {
	font-weight: bold;
	color: red;
	/*padding: 2px 8px;*/
	margin-top: 2px;
}

body {
	background-color: transparent;
}

@media (max-width: 768px) {
	.form-horizontal .control-label {
		float:none;
		text-align: left;
		width: auto;
	}
	.form-horizontal .controls {
		margin-left: 0;
	}
}

.label_bold {
	color: black;
	font-weight: bold;
}
.btn span.glyphicon {         
	opacity: 0;       
}
.btn.active span.glyphicon {        
	opacity: 1;       
}
.div_atendimento {
	float: left; 
	font-size: 26px; 
	color: #395296;
	padding-top: 4px;
}

.div-caixa {
	border: solid lightgray;
	padding: 5px;
}

.div-caixa-branca {
	border: solid white;
	padding: 5px;
}

.aceite {
	width: 120px;
	float: left;
}
.aceite-erro {
	float: left;
	padding: 6px;
}

.erro {
	color: red;
}

#error-box {
    display: none;
}

.div_sucesso {
	font-size: 26px; 
	color: #395296;
}

.atendimento-table table {
	border-collapse: collapse;
	width: 572px;
}
  
.atendimento-table table, th, td {
	border: 1px solid lightgray;
}


[data-tip] {
	position:relative;
}
[data-tip]:before {
	content:'';
	/* hides the tooltip when not hovered */
	display:none;
	content:'';
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #1a1a1a;	
	position:absolute;
	top:30px;
	left:35px;
	z-index:8;
	font-size:0;
	line-height:0;
	width:0;
	height:0;
}
[data-tip]:after {
	display:none;
	content:attr(data-tip);
	position:absolute;
	top:35px;
	left:0px;
	padding:5px 8px;
	background:#1a1a1a;
	color:#fff;
	z-index:9;
	font-size: 1em;
	height:18px;
	line-height:18px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	white-space:nowrap;
	word-wrap:normal;
}
[data-tip]:hover:before,
[data-tip]:hover:after {
	display:block;
}

/* ICONES ATENDIMENTO RESTIRIVO */
#icone-principal {
	text-align:center;
}
.icone-bloco {
    display:inline-block;
    margin:1px 1px;
    overflow:hidden;
}
.icone-bloco form {
	margin: 0;
}

.icone-bloco button {
	border: none;
	width: 130px;
	height: 140px; 
}
.ligacao-nova:hover 
.mudanca-titularidade:hover 
.vazamento-oculto:hover 
.parcelamento-debito:hover 
.revisao-fatura:hover 
.consulta-viabilidade:hover 
.outros:hover {
	cursor: pointer;
}
.ligacao-nova 			{ background-image: url(../imagens/bts_atendimento/1-bt_lig_nova.jpg); }
.mudanca-titularidade 	{ background-image: url(../imagens/bts_atendimento/2-bt_titularidade.jpg);}
.vazamento-oculto 		{ background-image: url(../imagens/bts_atendimento/3-bt_oculto.jpg); }
.parcelamento-debito 	{ background-image: url(../imagens/bts_atendimento/4-bt_parcelamento.jpg); }
.revisao-fatura 		{ background-image: url(../imagens/bts_atendimento/5-bt_revisao.jpg); }
.consulta-viabilidade 	{ background-image: url(../imagens/bts_atendimento/6-bt_viabilidade.png); }
.outros 				{ background-image: url(../imagens/bts_atendimento/11-bt_outros.png); }


.tabela-arquivos {
	margin-bottom: 0px !important; 
}
.tabela-arquivos .td-tela4 {
	width: 370px !important;
}
.tabela-arquivos .td-tela5 {
	width: 530px !important;
}
.tabela-arquivos .td-tela6 {
	width: 460px !important;
}
.tabela-arquivos .td-tela7 {
	width: 280px !important;
}
.tabela-arquivos .td-tela8 {
	width: 265px !important;
}
.tabela-arquivos .td-tela5-ou {
	text-align: center;
}

.tabela-arquivos table, th, td {
	vertical-align: middle !important;
	border-top: 0px solid white !important;
	border-color: white !important;
	border: 0px solid white !important;
}

.submit-pesquisa {
	font-weight: bold;
    color: #0088cc;
    text-decoration: none;
    background: none;
    border: none;
    cursor: pointer;
}