
body{ font-size: 12px;}
*{margin:0; padding: 0; list-style: none; text-decoration: none;border: none;}


/*Remove Padding Tudo*/

.removePadding{ padding: 0;}
.removePaddingR{padding-right:0}
.removePaddingL{padding-left:0;}


nav.menu-principal{ background: #e7e7e7; min-width: 179px;}
.conteudo-principal{ margin-top: 0; }
.lateral{ min-width: 179px !important; margin-top: 20px;}
@media screen and (min-width: 998px) {
   .lateral{ min-width: 179px !important; padding: 0; width: 22%; margin-top: 50px;}

}

h5{ font-size:12px;}
.gerente{ font-size: 10px; font-weight:700; color:#999999}
.logo{ margin-bottom: 30px; float:left;}
.bg-escuro{ background: #021E42; min-width: 179px; height: 40px;}
.margimTop20{ margin-top: 20px;}
.modal-content{ background: #f2f2f2; font-size: 12px;}
.modal-body{ background: #FFF; padding: 10px; border-radius: 3px; border:1px solid #f8f8f8; margin: 10px;}
.modal-title{ font-size: 16px; font-weight: 600; color: #002B60;}
.linha-modal label{ display: block;}
.linha-modal{margin-bottom: 15px; }
.linha-modal select{ width: 171px; height: 30px; border: 1px solid #ccc;}
.linha-modal textarea{ width: 100%; border: 1px solid #333; }

.nav-pills>li>a{ border-radius: 0; color: #666;}
.menu-principal ul li a span{ margin-right: 10px;}
.menu-principal ul li a{ font-weight: 700; font-size: 12px;  }
.menu-principal ul li{ border-bottom: 1px solid #F3F3F3;}
.menu-principal ul li:last-child{ border-bottom: none;}
.breadcrumb{ margin-bottom: 10px;}
body{font-family: 'Open Sans', sans-serif; background: #f3f3f3; color: #666;}
header{ background: #FFF;}
.titulo-pagina{ background: #032C5E; color: #FFF; height: 40px;}
.titulo-pagina h2{ margin-top: 10px; font-size: 18px; font-weight:700;}
article{ margin-top: 40px;}
.box-branco{ background: #FFF; min-height: 290px; text-align: center; padding: 0 30px;}
.box-branco.fat-seg{ text-align: left;}
.box-branco.fat-seg label{ display: block;}
.box-branco.fat-seg input[type="text"]{ float: left; width: 150px; margin-right: 15px;}
.box-branco.fat-seg input[type="submit"]{ height: 35px; padding-top: 8px; font-size: 14px;}
.box-branco h3{ font-size: 18px; margin:30px 0 30px 0; color: #22415e; display: inline-block;}
.txt-home h3{font-size: 14px; margin:0 0 30px 0; color: #002B60; display: inline-block; font-weight: 600;}
.box-branco.fat-seg.troca-senha .form-group{ float: left; padding-left: 15px;}
.box-branco.fat-seg.troca-senha input[type="submit"]{ height: 35px; padding-top: 8px; font-size: 14px; width: 150px;}
.box-branco.fat-seg.troca-senha h3{ margin-bottom: 20px;}
.box-branco a{ margin-top: 10px;}
.dica-seguranca{ margin-top: 40px;}
.inner-box{ background: #FFF; display: table; width:100%; border-radius: 5px; box-shadow: 1px 1px 2px #ccc; margin:0 0 20px 0; }
.inner-box img{ float: left; margin: 20px;}
.inner-box h4{ color: #22415e; margin: 25px 0 5px 0;}
.inner-contrato{ height: 400px; overflow: auto; margin-bottom: 30px; border-bottom: 1px solid #ccc; padding-bottom: 30px;}
.btn-contrato{ float: right;}
.btn-contrato .btn-nao{ background: #999; border: 1px solid #999;}
.titulo-interna{ margin-left: 200px;}
.txt-home{ background: #FFF; border-radius: 5px; padding: 20px; margin-top: 20px; box-shadow: 1px 1px 2px #ccc;}
.box-gerente{background: #FFF; border-radius: 5px; padding: 17px 0 5px 0; box-shadow: 1px 1px 2px #ccc; text-align: center;}
.box-gerente h4{ font-weight: 400; font-size: 15px;}
.box-gerente ul{ border-top:1px solid #f2f2f2; width: 100%; padding: 12px 10px 0 20px;}
.box-gerente ul li{  margin-right: 10px; color: #002B60; font-weight: 600; display:block;}
.box-gerente ul li a{ cursor: pointer; color: #002B60; font-weight: 600; font-size:11px;}
.box-gerente ul li img{ margin-right: 5px;}
.box-gerente.margimTop20 h4, .box-gerente.margimTop20 h5{ margin-top: 0; text-align: left; margin-left: 20px;}
.box-gerente.margimTop20 p{ text-align: left;margin-left: 15px;}
.icones-conta li{ float: left; margin-left: 10px;}
.icones-conta{ margin:15px 0 15px 0;}
.tabela-conta{ padding: 20px; background: #FFF; border-radius: 10px;box-shadow: 2px 2px 2px #ccc; font-size:10px;}
.data-movimento{background: #FFF; border-radius: 5px; padding: 10px 0 15px 20px; box-shadow: 1px 1px 2px #ccc; margin-bottom: 20px; display: inline-block; width: 100%;}
.data-movimento label{ display: block;}
.data-movimento h4{    font-size: 14px;margin: 0 0 30px 0;color: #22415e;display: inline-block; font-weight: 700}
.data-movimento .box-valores label{ display: inline-block;}
.data-movimento .box-valores{ margin-top: 25px;}
.data-movimento select{ height: 34px; border: 1px solid #ccc;}
.data-movimento .form-group{ margin-right: 5px;}
.data-movimento input[type="date"]{ width: 125px;}
.data-movimento button{ margin-top: 24px;}
.select-conta{ width: 100% !important;}
footer{ margin-top: 150px; font-size:10px; }
footer .container{border-top: solid 5px #9E9C9C;}
/*últimas alterações*/
.box-branco-pd{background: #FFF; border-radius: 10px; padding: 20px 0 20px 20px; box-shadow: 2px 2px 2px #ccc; margin-bottom: 20px; display: inline-block; width: 100%;}
.box-branco-pd label{ display: block; font-weight: 400;}
.box-branco-pd textarea{ border: 1px solid #ccc; padding: 5px; }
.texto-azul{ color: #233B69}

/*Novos*/
.data-movimento.grafico{ padding: 20px 0; position: relative;}
.data-movimento.grafico p{ border-bottom: 1px solid #ccc; padding: 0 0 20px 20px}
.total-geral {text-align: center;position: absolute;top: 280px;left: 27%;font-size: 12px !important;}
.box-padrao{background: #FFF; border-radius: 5px; padding: 17px 0; box-shadow: 1px 1px 2px #ccc; margin: 50px 0 20px 0; padding: 20px; display:inline-block; width:100%;}
.banner-principal{ margin-top: 50px;}
.well{ font-size: 12px;}
.well label{ display: block;}
.margimTop20{ margin-top: 20px;}
.labelBlock{ display: block;}
.select{ width: 160px;height: 34px;border: 1px solid #ccc;}
.font-size12{ font-size: 12px;}
.box-padrao h4{ color: #233B69; font-size: 14px; margin-bottom: 20px; font-weight:700;}
.troca-senha{ padding: 20px 0;}
.troca-senha p{     border-bottom: 1px solid #ccc;
    padding: 0 0 20px 20px;
    margin-bottom: 20px;}
.paddingLeft20{ padding-left: 20px;}
.btn-buscar{color: #002B60; background: #D0E5F6; font-weight: 600; border-bottom: 1px solid #A5BCE2;}
.marginTop50{ margin-top: 50px;}
/*.data-movimento select.cliente-busca{ width: 100%;}*/
.marginTop20{ margin-top: 20px;}
.nome-radio{ margin-right: 20px;}
.paddinPadrao{ padding-left:60px;}
.titPadrao{ font-weight:700;}
.btnLoginOperador {height: 35px;padding-top: 8px;font-size: 14px;width: 150px;}
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary{ background:#002B60; font-weight:700;}
.nav-stacked>li+li{margin-top:0;}

#divDatas input{ width:120px;}
#divDatas .form-group{ position:relative;}
#divDatas { position:relative;}
#divDatas .ui-datepicker-trigger{ position:absolute; left:91px; top:27px;}
.linha{ margin-bottom:20px;}
.field-validation-error, .field-validation-valid { /*position:absolute;*/ color:#FF0000; display:block; font-size:11px;}

.troca-senha .field-validation-error{position:absolute}

.userLogado{ float:right; text-align:right; margin-top:25px; font-size:11px;}
.userLogado b{ color:#002B60; font-size:17px; font-weight:400; padding-bottom:10px;}
.userLogado a{color:#666666; font-size:10px; font-weight:600;}
.imgMenu{ float:left;}

.clienteSelecionado{ float:left; margin-top:25px; margin-left:25px; padding-left:25px; border-left:5px solid #f2f2f2; font-size:11px;}
.clienteSelecionado span b{ color:#999999}
.table{ width:100%;}
.linhaRodape{border-top:5px solid #002B60; padding-top:10px;}
.ajustaP{ padding:0 0 20px 0 !important; margin-right:60px;}
.iconeAcao{ display:inline-block; cursor:pointer;}
.colunaAcao{ padding-top:15px !important; text-align:center}
.demo b{ display:block;}

tbody.demo tr{ background:#F2F2F2 !important}
.paddingTrocaSenha{padding-left:44px;}
.margimTop0{ margin-top:0; border-radius:0 0 5px 5px;}

.nav-tabs>li{ margin-bottom:-2px; width:50%; font-size:17px; font-weight:600; background:#C9C9C9; border-radius:0 10px 0 0;}
.nav-tabs>li>a{ margin-right:0; color:#FFF;}
.nav-tabs{ border:none;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{border:none;}
.ui-keyboard-accept, .ui-keyboard-clear{ padding-left:7px; padding:0 18px;}
button.ui-keyboard-accept.ui-keyboard-valid-input{ background:#002B60 !important; border:1px solid #002B60 !important;}
.ui-keyboard-keyset{ background:#FFF; padding:15px; border-radius:5px; border:1px solid #d3d3d3}
/*.ui-keyboard-button-endrow{ display:none;}*/
.tipo-assinatura{
    text-align: right;
    float: right;
    position: relative;
    top: -18px;
}
.glyphicon { margin-right:10px; }
.panel-body { padding:0px; }
.panel-body table tr td { padding-left: 15px }
.panel-body .table {margin-bottom: 0px; }
.removeBold label{ font-weight:400;}

/*Auto Complete*/
.custom-combobox {
	position: relative;
	display: inline-block;
}
.custom-combobox-toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -27px;
	padding: 0;
}
.custom-combobox-input {
	margin: 0;
	padding: 5px 10px;
}

.mostraListaAutoComplete {
    height: 34px;
}

.consultaAutoComplete {
    height: 34px;
    width: 100%;
    min-width:450px;
    font-family: 'Open Sans', sans-serif; background: #fff; color: #666; border:1px solid #ccc;
}


#ul-id1 {
    background-color: white;
    overflow: scroll;
    height: 200px;
}
/*Auto Complete*/

.ajustaMenu{ float:left; position:relative; top:5px;} 
.tela-erro{ display:table; width:100%; padding:40px 50px}
.tela-erro span{ float:left; margin-left:30px;}
.tela-erro h1{ margin:5px 0 5px 0; text-align:left; color:#002c63; font-weight:500;}
.tela-erro p{ margin:0; text-align:left;}
.alinhaSaldo{ text-align:right; padding-right:15px !important;}
.alinhaMsgErro{ margin-left:70px;}
.collapse{ background:#f1f1f1;}
.radio-inline b{ font-weight:400;}
.bold{ font-weight:700 !important;}
#divPeriodoEnvio select{width:100%;}
.ui-menu{ background:#FFF; max-width:450px; height:300px; overflow:auto}
.topo-azul{ color:#002B60;}
.margimTop10{ margin-top:10px;}
.opacity{opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */}
.äjustaDicas{ margin-top:14px!important;}
.linhaRodape{ margin: 0 auto; width: 90%;}

/* Ajustes Rodapé */
html, body { height: 99%; }
body { margin: 0; padding: 0; }
#wrap {
    position: relative; /*Contexto de posicionamento */
    margin: 0 auto;
    text-align: left;
    min-height: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 80px;
}
* html #wrap { height: 100%; }
footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
