@import url(https://fonts.googleapis.com/css?family=Open+Sans|Open+Sans+Condensed:300);

body{
	font-family: 'Open Sans', sans-serif !important;
	font-weight: lighter;
	height:100%;
	padding: 0;
    margin: 0;
    overflow: hidden;
}
html{
	background-color:#3988C0;
	height:100%;
	padding-botton: 0;
    margin: 0;
}
.conteudo{
	margin-left:0px;
	min-width:95%;
	padding: 0px 5px 0px 5px;
}
.row-fluid [class*="span"] {
	margin-left: 0;
} 
.row-fluid [class*="span"] ~ [class*="span"] {
	margin-left: 2.564102564102564%;
    margin-left: 2.127659574468085%\9;
}
.controls{
	width:100%;
}
.maior{
	margin-top:0;
	background-color:#3988C0;
	margin-left:0px;
}
.menor{
	background-color:#404041;
	color:white;
	position: relative;
	height:100% !important;
	max-width:23.1%;
}
@media (max-width: 1200px) {
	.menor{
		max-width:22.9%;
	}
}
.controls>.input-prepend>input{
	width:90%;
}
.titulo{
	margin-top:20%;
	margin-bottom:0;
}
#observacao{
	padding-left: 5px;
	padding-right:5px;
}
.p_titulo{
	font-family: arial;
	color:white;
	margin-top:20px;
	margin-bottom:0px;
	font-size:50px;
	font-weight:400;
	margin-left:0px;
}
.p_subtitulo{
	font-family: arial;
	color:white;
	margin-top:0;
}
.direita{
	margin-left: 20% !important;
}
.esquerda{
	margin-left: 69% !important;	
}
.meio{
	margin-left: 60% !important;	
}
.desc{
	color:white;
	margin-top:10px;
	margin-bottom:3px;
	font-weight:100;
	font-size: 37px;
}
.desc2{
	color:white;
	margin-top:0px;
	margin-bottom:15%;
	font-weight:normal;
	font-size: 23px;
	line-height:100%;
	word-spacing:0.2em;
	margin-left:0px;
}
.entenda{
	color:white;
	font-size:18px;
	font-weight:50;
	margin-bottom: 11%;
}
.entenda:hover{
	color: #FFF;
	text-decoration: underline;
	cursor: pointer;
}
.suporte{
	margin-top:-7px !important;
}
.formu{
	width:85%;
	margin-top:100px;
	font-weight:50;
	margin-left: 5%;
	padding: 0 0 0 0;
}
.formu2{
	width:85%;
	margin-botton:10px;
	font-weight:50;
	margin-left: 5%;
	padding: 0 0 0 0;
}
.erro_login{
	margin-top: 15%;
	text-align:center;
	max-width: 82% !important;
	min-width: 82% !important;
	margin-right: 20%;
	margin-left: 0 !important;
}
.email{
	position:relative;
}
label{
	cursor:default;
}
.msgLogin{
	margin-right: 8% !important;
}
.opcoes{
	font-size:15px;
	font-weight: 900px !important;
}
.opcoes:hover{
	text-decoration: underline;
}
.logoDatamex{
	margin-top: 20%;
	botton:0px;
}
.recupera{
	height:150%;
	width:100%;
}
.title{
	padding: 5% 0% 3% 0%;
	font-size:30px;
	font-weight: 100;
}
.fechar{	
	float:right;
}
.mouseover{
	cursor:pointer;
}
#popup{
	width: 350px;
}
.info{
	margin-top: 20%;
	font-weight: 650;
	font-size: 15px;
}
/* ESTILOS PARA ESPECÍFICOS PARA CELULAR */
.tela{
	margin-top:0;
	background-color:#3988C0;
	padding: 10% 0% 10% 0%;
	width: 100%;
	height:auto !important;
	height:100%;
	min-height:100%;
}
.login{
	margin-top: 5%;
}
.logoMobile{
	margin-left: 38%;
}
#tela2{
	width:100%;
	heigth:100%;
	margin-left: 0px;
	max-width:100% !important;
}
#formMobile{
	color:white;
	margin-top: 10%;
}
#mobile_footer{
	padding-right:10%;
	background-color: #3988C0;
	opacity:0.9;
	margin-top: 7%;
}
.suporteLink, .suporteLink:hover, .suporteLink:link, .suporteLink:active{
	color:#fff !important;
	margin-left:10%;
}
.logo_mobile{
	margin-bottom:10%;
	heigth:60%;
	width:50%;
}
a:link, a:visited {
	text-decoration: none
}
a:hover {
	text-decoration: none;
	color: #228B22;
}
a:active {
	text-decoration: none
}
.botao{
	margin-top:9%;
	max-width:180px;
}

.branco{
	background-color: #FFF;
}
/*  SEGUNDA FOLHA DE ESTILOS */
.borda{
	border-color: #DDD;
	border-width: 3px;
	border-style: solid;
	padding: 5px;
}
#cabeca{
	background: #3988C0;
	max-height:160px;
	min-height: 90px;
	padding: 2% 0 2% 9%;
}
@media (max-width: 600px) {
  #cabeca{
  	background: #3988C0;
  	padding: 2% 0 2% 4%;;
  }
}
.corpo{
	margin-top:3%;
}
.rotulo{
	font-family: 'Numans', sans-serif;
	font-size:30px;
}
#visualizar{
	font-size:18px;
	font: #000 !important;
}
#exemplo{
	font-size: 15px;
	line-height:100%;
}
.direitaInterna{
	margin-left:40%;
}
.zeroMargin{
	margin:0px !important;
}
@media (min-width: 1200px) and (max-width: 1234px) {
	.direitaInterna{
	margin-left:50%;
}
}
#inputcode{
	text-align:center;
	display: inline-block;
  	height: 50px;
  	padding: 4px 6px;
  	margin-bottom: 10px;
  	font-size: 22px;
  	/* 14 */
  	line-height: 20px;
  	color: #555555;
  	vertical-align: middle;
  	-webkit-border-radius: 4px;
  	   -moz-border-radius: 4px;
  	   border-radius: 4px;
}

.codigo{
	height:50px;
	font-size: 22px;
}
.sobre{
	font-size:13px;
	margin-top:0px;
	margin-bottom:0px;
}
.datamex{
	font-size:10px;
	margin-top:0px;
	margin-bottom:0px;
}
.logo_datamex{
	float:right;
	margin-top:0.8%;
	margin-right:10%;
}
.logo_pagador{
	width:30%;
}
#example{
	font-size:30px;
	padding: 2px;
}
.rs{
	font-size:20px;
	color: #228B22;
	margin-top:20%;
}
.rs-mobil{
	font-size:13px;
	color: #228B22;
	margin-bottom:0px;
}
.valor-mobil{
	font-size:25px;
	color: #228B22;
	margin-bottom:0px;
}
.valor{
	font-size:100px;
	color: #228B22;
	margin-top:5%;
	font-weight: 900;
}
.nome-mobile{
	color:#000080;
	font-size: 20px;
	margin-top:-50px;
}
.cpf-mobile{
	color:#000080;
	font-size:10px;
}
.qr_code{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#confirmaA, #confirmaS{
	max-width:550px;
	max-height: 550px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.modal-body {
  	overflow: visible;
	max-height: 2000px;
}
#confirmaA, #liberaAnonimo, #relatorio{
	margin-top: -5% !important;
}
@media (min-width: 768px) {
	#relatorio{
		width:80%;
		margin-left:-40%;
	}	
}
#liberaAnonimo{
	width: 400px;
}
.formAnonimo td{
	font-size: 12px !important;
}
.formAnonimo input{
	height: 14px !important;
}
#cod_libera{
	height:8px
}
.obs{
	font-size:12px;
	text-align: justify;
	line-height: 14px;
}
.peso{
	 height: 15px;
	 width: 100px;
}
#inputCode{
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.table td {
	font-size: 10px;
}
#confirmaS_mobile{
	height:350px;
	overflow:scroll;
}
#calcularBotao{
	width: 77px;
}
#calcular{
	max-height: 1px;
}
.colunaDesc{
	width:380px;
}
.colunaValor{
	width:50px;
}
.peso-mobile{
	width:73px;
}
#inputPlaca{
	margin-top: 10px;
	size:90px;
}
.inputPlaca{
	margin-top:6px;
}
#entrar{
	margin-top:20px;
	padding-left: 10px;
	margin-bottom: 30px;
	max-width: 78% !important; 
	min-width: 78% !important;
}
.entraCodigo{
	font-family: arial;
	font-size: 26px;
	 line-height:150%;
	margin-left: 20px;
	padding: 5px 10px;
	color: #000;
}
#liberados{
	margin-top: 1%;
}
#detalhaS, #confirmaC{
	max-width:550px;
	margin-top:-4.7%;
}
#chamaDetalhamento{
	color:#000080;
}
.linha{
	background-color: #000 !important;
	border-bottom: 0.5px solid #dee;
}
.sub{
	text-decoration: underline;
}
.red{
	color:red;
}
.rightAlign{
	text-align: right !important;
}
#codigoInvalido{
	max-width:550px;
}
.observacao{
	color: #000;
}
.lerMais{
	margin-top: -5px;
}
#expandeS, #expandeA{
	height:18px;
	margin-bottom: 5px;
}

/*	ESTILOS DO SUPORTE  */
.opcoesSuporte{
	margin-top:3%;
	background-color: #FFF;
}
.caixasSuporte{
	border: 1px solid #DDD;
	margin-top: 10%;
	height: 80px;
	color: #000;
	opacity: 0.7;
}
.caixasSuporte:hover{
	opacity: 1;
	border-top: 2px solid #DDD;
	cursor:pointer;
	font-weight: 650;
}
.imgSuporte{
	height:30%;
	margin: 3%;
}
.submitFormSuporte{
	margin-top: -10%;
}
.iconeSuporte{
	width:87px !important;
	text-align:left !important;
}
.logoPrograma{
	heigth:50px;
	width:50px;
}
p.p{
	margin-top:2%;
	font-size: 11px;
	line-height: 120%;
}
#suporteMobile{
	background-color:#3988C0;
}
.center-block {
	display: block;
    margin-left: auto;
    margin-right: auto;
}
.imgSuporteMobile{
	heigth:20px;
	width:20px;
}
.accordion{
	background-color: #FFF;
}
.telefones{
	font-size: 13px !important;
	line-height: 15px;
}
#novaSenhaForm{
	margin-top: 10%;
}
.btnSenha{
	width:300px !important;	
}
.navbar-interno{
	padding-right: 10%;
	max-width:90%;
	background-color:#3988C0 !important;
	color:#fff !important;
}
.navbar-login{
	padding-left: 10%;
	max-width:90%;
	background-color:#3988C0 !important;
	color:#fff !important;
}
.quebra{
	background-color: #ddd !important;
	font-weight: bold !important;
}
.totalQuebra{
	background-color: #EEE9E9 !important;
	font-weight: bold !important;
	font-size: 12px;
	text-align:right !important;
}
.totalGeral{
	background-color: #CDC9C9 !important;
	font-weight: bold !important;
	font-size: 14px;
	text-align:right !important;
}
@media print{
	.logoRelatorio{
		width:auto;
		position: relative;
		float:left;
	}
	.cabecalhoRelatorio{
		font-size:12px !important;
		font-family: 'Open Sans', sans-serif !important;
		font-weight: bold;
		position:relative;
		float: left;
		color: #3988C0 !important;
		padding-top: 3px;
	    margin: 0;
	    text-align: left;
	    width:auto;
	}
	.relatorioRodape{
		position: absolute;
		text-align: center;
		width: 100%;
	}
	.logoRelatorioDatamex{
		position: relative;
		float:right;
	}
	.logoRelatorioDatamex>img{
		float:right;
	}
	.logoRelatorio>img{
		float:left;
		padding-left:5px !important;
	}
	.quebra{
		font-weight: 600 !important;
	}
	#dataGerado{
		text-align:right;
		width:auto;
		position: relative;
		float:right;
		height:40px;
	}
	#filtroImpresso{
		font-size: 12px;
	}
	.totalGeral{
		padding-left: 0px !important;
		margin-left: 0px !important;
	}
}
.navbar-interno>p>a, .navbar-login>p>a{
	color: #fff !important;
}
@media (min-width: 600px) {
	.iconSenha{
		width:130px !important;
	}
	.input-alto{
		font-size: 15px !important;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
	.btnSenha{
		width: 360px;
	}
}
#recaptcha_response_field{
	width:94%;
	margin-top: 3px;	
}
.strong{
	font-size: 13px !important;
}
#comprovanteLiberacao{
	margin-top:-5%;
}
#comprovanteImpresso, #relatorioImpresso{
	padding: 30px !important;
}
.img_entre-interno, .img_entre-login, .img_validacao-eletronica, .img_entre-sem-texto, .img_datamex, .img_form, 
.img_phone, .img_remote, .img_skype, .img_skype2, .img_suporte, 
.img_teamviewer, .img_vnc, .img_video
{ display: inline-block; background: url(../img/sprite.png?20148) no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
.img_form{ display: inline-block; background: url(../img/sprite.png) no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; background-size: 405px 306px;}
.img_phone{ display: inline-block; background: url(../img/sprite.png) no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; background-size: 465px 275px;}
.img_entre-interno { background-position: -5px -0px; width: 440px; height: 101px; }
.img_entre-login { background-position: -5px -0px; width: 440px; height: 107px; }
.img_validacao-eletronica { background-position: -5px -112px; width: 301px; height: 117px; }
.img_entre-sem-texto { background-position: -311px -112px; width: 100px; height: 75px; }
.img_datamex { background-position: -311px -187px; width: 71px; height: 28px; }
.img_form { background-position: -347px -172px; width: 50px; height: 56px; }
.img_phone { background-position: -317px -179px; width: 58px; height: 70px; }
.img_remote { background-position: -5px -234px; width: 50px; height: 50px; }
.img_skype { background-position: -60px -234px; width: 50px; height: 48px; }
.img_skype2 { background-position: -115px -234px; width: 50px; height: 51px; }
.img_suporte { background-position: -170px -234px; width: 50px; height: 50px; }
.img_teamviewer { background-position: -225px -234px; width: 50px; height: 50px; }
.img_vnc { background-position: -366px -253px; width: 50px; height: 51px; }
.img_video { background-position: -60px -287px; width: 44px; height: 48px; }
.navbar-inner{
	filter:none !important;
}