/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 18/05/2016, 14:17:07
    Author     : 7ec
*/

@import url(//netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);

body {    
    color: #333;
    text-shadow: 0 1px 0 #fff;    
}
html,body{
    height: 100%;    
    font-family: "Open Sans" !important;
    font-weight: 300 !important;
    font-size: 12px !important;
}

.ui-widget-content {
    font-family: "Open Sans" !important;
}

.botoes{
    font-size: 12px !important;
    font-weight: 300;
    line-height: 110%;
    display: table-cell;
    min-width: 7em;
    box-sizing: border-box;
    text-align: center;
    padding: 12px 20px;
    letter-spacing: 1px;
    border: 0;
    cursor: pointer;
    cursor: hand;
    border-radius: 2px;
}

.botao{
    font-size: 14.4px !important;
    text-align: center;
}

.botaoAzul{    
    background-color: #258dc8;
    color: #fff !important;    
    text-shadow: none;
}

.botaoAzul:hover{
    background-color: #006699;        
}

.botaoVermelho{    
    background-color: #f62b2b !important;
    color: #fff !important;    
    text-shadow: none;
}

.botaoVermelho:hover{
    background-color: #f85670 !important; 
}

.botaoVerde{    
    background-color: #1cab42 !important;
    color: #fff !important;
    text-shadow: none;
}

.botaoVerde:hover{
    background-color:#397458 !important; 
}

.botaoCinza{    
    background-color: #999999;
    color: #fff !important;   
    text-shadow: none;
}

input.botaoCinza, input.botaoAzul, input.botaoVerde{
    font: normal 700 12px/94% Helvetica,Verdana,Tahoma,Arial,sans-serif !important;
    -moz-padding-before: 10px !important;
    -moz-padding-after: 10px !important;
    -webkit-padding-before: 11px !important;
    -webkit-padding-after: 11px !important;
}

.botaoCinza:hover{
    background-color: #777777;    
}

.btn {
    color: #ffffff;
    font-size: 20px;
    background: #3498db;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn:hover {
    background: #3cb0fd;
    text-decoration: none;
}

.label {    
    font-weight: bolder !important;
    color: #333333;
}

.form-group {
    margin-bottom: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.form-group input, .form-group textarea, .form-group select{
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.form-group label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.form-group input, .form-group textarea {
    background-color: #FFFFFF !important;
    background-image: none !important;
    border-radius: 1px !important;
    color: inherit !important;
    padding: 6px 20px !important;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s !important;
    width: 100% !important;
    font-size: 14px !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.form-group input:focus, .form-group select:focus {
    border: 1px solid #5D9CEC !important;
    box-shadow: none !important;
    outline: none !important;
}

.form-group .botoes {
    display: block;
    float: left;
    margin: 2.5px;
}

@media (max-width: 640px) {
    .form-group .botoes {
        width: 100% !important;
        float: none;
    }

    .form-group .botoes, input.botao-pdf {
        width: 100% !important;
        float: none;
    }
    .btn-margin-left{
        margin-left: 21px !important;
        padding-right: 40px !important;
    }
    .gridLogin .login-container-dados i{
        margin-left: 0px !important;
    }
    .busca-margin-left{
        margin-left: -1px !important;
    }
    .coluna-download{
        width: 40px !important;
    }
    .download:before{
        content: url('./../../resources/imagens/download_16x16.png') !important;
        width: 16px !important;
        height: 16px !important;
    }  
}

.form-group select {
    border: 1px solid #cccccc;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 6px;
    font-size: 13px;
}

.form-group .ui-spinner {
    width: 100%;
}
.form-group .ui-autocomplete {
    width: 100% !important;
}
.form-group .ui-autocomplete-input {
    float: left !important;
    width: calc(100% - 30px) !important;
}
.form-auto .ui-autocomplete-input {
    width: 100% !important;
    margin-top: -4px;
}
.form-group .ui-autocomplete-dropdown {
    float: left !important;
    width: 30px !important;
}
@media (min-width: 641px) {
    [class^="ui-grid-col-"] + [class^="ui-grid-col-"] {
        padding-left: 5px;
    }
}
.ui-dialog.responsive {
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    background-color: rgba(0, 0, 0, 0.01) !important;
    height: 100% !important;
    overflow-y: auto !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
}

.ui-dialog.responsive > .ui-dialog-content {
    background-color: #fff !important;
    display: block;
    width: 100%;
    margin: 35px auto;
    max-width: 730px;
    overflow: visible !important;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    box-shadow: 0 16px 24px 0 rgba(0,0,0,0.22),0 25px 55px 0 rgba(0,0,0,0.21) !important;
}

.ui-dialog.responsive.responsive-small > .ui-dialog-content {
    max-width: 375px;
}
a { 
    color: #258dc8;
    text-decoration: none;        
}
a:visited {
    text-decoration: none;    
}

a:active {
    text-decoration: none;    
}
#geral{
    min-height:100%;
    position:relative;
}
#rodape{
    background-color: #F1F1F1;
    position: absolute;
    bottom: 0;
    width: 100%;    
    height: 50px;
    text-align: center;       
    color: #999999;
}
#conteudo {    
    overflow: hidden;
    padding-bottom: 20px;
}
.login-box{
    margin:40px 0px auto;
    padding-left: 0px !important;
    border: 0.5px solid #E1E1E1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0 16px 24px 0 rgba(0,0,0,0.22),0 25px 55px 0 rgba(0,0,0,0.21) !important; 
}

.texto-top{
    border-bottom: 1px solid #C4C4C4;
    font-size: 1.4em;
    padding-bottom: 15px;
    padding-top: 25px;
    background-color: #B8BEB8;
    margin-top: 0px;
    height: 30px;
}

.gridLogin{
    margin: 0 auto;
    width: 90%;
    padding-left: 47px;
}
.gridLogin .login-container-dados{
    padding: 7px 3px 4px;
    border: 1px solid #bbbbbb;
    margin: 12px 0;
}

.gridLogin .login-container-dados input.ui-corner-all{
    border: none !important;
    box-shadow: none;
}

.gridLogin .login-container-dados i{
    color: #888888;
    font-size: 24px;
    margin: 0 3px;
    height: 29px;
    width: 20px;
    text-align: center;
    margin-left: -70px;
}

.gridLogin .usuario, .gridLogin .senha {
    -webkit-border-radius: 0 !important;
    font-size: 14px !important;
    margin: 0;
    border: none;
    border-radius: 0 !important;
    padding: 6px 10px 6px;
}

.gridLogin .usuario:focus .login-container-dados i{
    color: red !important;
}
.btn-margin-left{
    margin-left: 45px;
    padding-right: 0px;
}
.recuperar-senha{
    font-size: 14px;
}
.login-build-info{
    border-top: 1px solid #E1E1E1;
    color: #777777;
    font-size: 11px;
    line-height: 18px;
    padding: 8px 10px;
    text-align: center;
}

@media (max-width: 1150px) {
    .gridLogin .login-container-dados i{
        margin-left: 0px !important;
    }
}
@media (max-width: 880px) {
    .gridLogin .login-container-dados i{
        margin-left: 0px !important;
        width: 0px !important;
        margin: 0px 15px;
    }
}
@media (max-width: 850px) {
    .gridLogin .login-container-dados i{
        margin-left: 0px !important;
        width: 0px !important;
        margin: 0px 0px !important;
    }
    .gridLogin .usuario, .gridLogin .senha {
        padding: 6px 10px 6px;
        margin: 0;
        text-align: center;
    }
}
@media (max-width: 750px) {
    .gridLogin{
        margin: 0 auto;
        width: 88%;
        padding-left: 0px !important;
    }
}
.ui-widget-content a.download{
    color: #3498db;

}
.download:before{
    content: "Download"
}
.coluna-download{ 
    width: 180px; 
    text-align: center;
}

.arvoreDocumentos {
    border: none !important;    
    width: 100% !important; 
    background-color: transparent;
}

.arvoreDocumentos > ul > li > ul > li > span{    
    color: #005989;
    font-weight: bolder;
    background-color: transparent;
}

.legenda {    
    width: 50px;
    height: 25px;    
}
.entidade-cancelada{
    background-color: #F2DEDE !important;
    background-image: none;
    border-color: #EBCCD1;
    color: #000000;
    font-weight: 500;
}

/* Sobreescrita de CSS Messages*/
.ui-messages .ui-messages-close {    
    float:none;
    margin:0px;
}

.ui-messages ul {
    margin: 0px;    
    text-align: left !important;    
}

.ui-messages-info-detail, .ui-messages-warn-detail, .ui-messages-error-detail, .ui-messages-fatal-detail,
.ui-message-info-detail, .ui-message-warn-detail, .ui-message-error-detail, .ui-message-fatal-detail {    
    margin-left:0px;
    font-weight:normal !important;
}

.ui-messages-info-icon, .ui-messages-warn-icon, .ui-messages-error-icon, .ui-messages-fatal-icon {
    height:0px;width:0px;
    margin-top:0px;
}

.ui-messages-info, .ui-message-info {
    color: #020032;
    background-color: #BDE5F8;
}
.ui-messages-warn, .ui-message-warn {
    color: #9F6000;
    background-color: #FEEFB3;
}

.ui-messages-error, .ui-message-error {    
    color: #cc0000 ;        
}

.ui-messages-fatal, .ui-message-fatal {
    color: #000000;
    background-color: #CC0000;
}

.ui-messages-error-icon {    
    background: none !important;
}
.panel-width{
    width: 100%;
    margin-bottom: 10px;
}
.outputpanel{
    padding: 10px;
}
.icon-menu{
    margin-right: 8px;
    text-shadow: none !important;
    font-size: 14px !important;
}
.texto-menu{
    font-family: "Open Sans" !important;
}
input.botao-pdf {
    width: 100px !important;
    border: 1px solid #ccc;
    font-size: 12px !important;
    padding: 10px !important;
    color: #fff !important;
    background-color: #258dc8 !important;
    color: #fff !important;      
}

input.botao-pdf:hover{
    background-color: #006699 !important;       
}
.label-parametros{
    float: right;
}
.checkbox-conta{
    vertical-align: 4px;
    margin-left: 2px;
}

.rotulo-table{
    font-weight: bold;
    padding: 5px 5px 5px 0px;
}
/*table, .ui-datatable tbody td, .ui-datatable thead th {
    border: none !important;
}*/
.box-saldo-creditos {
    /*border: 1px solid #fff !important;*/
    padding: 0px 0px !important;
    font-size: 14px !important;
    border-radius: 2px; 
}
.gestao-arquivo{
    width: 100% !important; 
    line-height: 100px;
    background: #474147 !important;
    font-size: 2em;
    color: #FFFFFF;
}
.box-autocomplete {
    border: 1px solid #ddd;
    padding: 20px 10px;
    margin-top: 10px;
    font-size: 14px !important;
}

.ui-datatable-tablewrapper {
    overflow: hidden !important;
}