/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

div.sem_quebra, td{
    white-space: nowrap !important;
    overflow: hidden !important;
}


input[type=text], textarea{
    text-transform: uppercase;
}

input[type=text].text_livre, textarea.text_livre{
    text-transform:none;

}
.caixa_login{
    width: 100%;
    text-align: center;
    height: 90%;
}
#rodape{
    /* background-color:#06303b;*/
    padding-top:5px;
    background:rgba(6,48,59,.6);
    text-align: center;
    width:100%;
    font-size:14pt;
    bottom: 0;
    font-weight: bold;
    position:absolute;
    font-family: 'Quicksand',sans-serif; color:#fff;
}

.verifica_contratos{
    display:block;
    opacity: 1;
}
@media(min-width:760px){
    .caixa_login:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 90%;
    }footer{
        display:block;
    }
    verifica_contratos{
        display:block;
        opacity: 1;
    }
}

@media(max-width:760px){

    .top_login{
        margin-top: 160px
    }
    .verifica_contratos{
        display:block;
        opacity: 0;
    }
}
@media(min-width:341px){

    .top_login{
        margin-top: 75px;
    }
    #rodape{
        position:relative;
    }

 .verifica_contratos{
        display:block;
        opacity: 0;
    }
}


@media(max-width:760px )and (orientation : landscape){
    footer{
        display:none;
    } .verifica_contratos{
        display:none;
        opacity: 1;
    }
}
.login-centro{
    height: 50%;

    display: inline-block;
    vertical-align: middle;
    text-align: left;
}


.caixa_tabela header{
    background-color: #008b8b;
}

.etiqueta{
    font-weight:bold;
    text-align:right;
    clear:left;
}
.etiqueta span{
    color:#FF0000;
    margin-left:2px;
}


/*grid*/
.show-grid [class^="col-"] {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: rgba(61, 106, 124, 0.15);
    border: 1px solid rgba(61, 106, 124, 0.2);
}

.show-grid {
    margin-bottom: 15px;
}

th small {
    font-size:12px;
    display:block;
    color:#8D8D8D;
    font-weight:normal;
}

/*
 * Responsive tests
 *
 * Generate a set of tests to show the responsive utilities in action.
 */

/* Responsive (scrollable) doc tables */
.table-responsive .highlight pre {
    white-space: normal;
}

/* Utility classes table  */
.bs-table th small,
.responsive-utilities th small {
    display: block;
    font-weight: normal;
    color: #999;
    font-size:12px;
}
.responsive-utilities tbody th {
    font-weight: normal;
}
.responsive-utilities td {
    text-align: center;
}
.responsive-utilities td.is-visible {
    color: rgba(61, 106, 124, 1);
    background-color: rgba(61, 106, 124, 0.07) !important;
}
.responsive-utilities td.is-hidden {
    color: #ccc;
    background-color: #f9f9f9 !important;
}

/* Responsive tests */
.responsive-utilities-test {
    margin-top: 5px;
}
.responsive-utilities-test .col-xs-6 {
    margin-bottom: 10px;
}
.responsive-utilities-test span {
    padding: 15px 10px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.1;
    text-align: center;
    border-radius: 4px;
}
.visible-on .col-xs-6 .hidden-xs,
.visible-on .col-xs-6 .hidden-sm,
.visible-on .col-xs-6 .hidden-md,
.visible-on .col-xs-6 .hidden-lg,
.hidden-on .col-xs-6 .visible-xs,
.hidden-on .col-xs-6 .visible-sm,
.hidden-on .col-xs-6 .visible-md,
.hidden-on .col-xs-6 .visible-lg {
    color: #999;
    border: 1px solid #ddd;
}
.visible-on .col-xs-6 .visible-xs,
.visible-on .col-xs-6 .visible-sm,
.visible-on .col-xs-6 .visible-md,
.visible-on .col-xs-6 .visible-lg,
.hidden-on .col-xs-6 .hidden-xs,
.hidden-on .col-xs-6 .hidden-sm,
.hidden-on .col-xs-6 .hidden-md,
.hidden-on .col-xs-6 .hidden-lg {
    color: #468847;
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
}
.Bold{
    font-weight: bold;  
}
.texto-direita{
    text-align: right;
    padding-right: 8px;
}
.texto-centro{
    text-align: center;
}
.borda_tabela{
    border:1px solid #dddddd;
    border-top:0px;
}
.anuncio_central{

    color:#FFF;
}
.anuncio_central div{
    margin-top:15%;
    line-height:80px;
    overflow: hidden;
    font-size: 60pt;
    font-family:  "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;;
    font-weight: bold;
}
.anuncio_central span{
    font-size: 20pt;
    font-weight: normal;
    float:left;
    clear:both;

}
.titulo_grafico{

    text-align: right;
    padding-right: 10px;
    padding-top:15px;
    clear:left;
    font-weight: bold;
    margin-right: 10px;
    float:right;

}
.caixa_foto{
    width: 100px;
    height:100px;
    margin-top:5px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-origin: content-box;
    overflow: hidden;

}
.troca_foto{
    width: 100%;
    height: 100%;
    background:none;
    display: block;
    opacity: 0;
    position: relative;
    cursor:pointer;
}
.troca_foto:hover{
    opacity: 1;
}
.caixa_foto .troca_foto button{
    position: absolute;
    right:0;
    bottom: 0;
}

.alinhar_direita
{
    width: 100%!important;
    float:right;
    
    text-align: right;
}
.cx_endereco{
    overflow: hidden;
    width: 100%;
    border:1px solid #000;
}
.etiqueta_conteudo{
    text-align: left !important;
}
.field-dados{
    border:1px solid #333;
    border-radius: 5px;
    margin-bottom: 10px;
}
.field-dados legend{
    font-weight: bold;
    font-size: 8pt;
    color:#07313b;
    margin-left: 5px;
    border:none;
    background: none;
    background-color: transparent;
    clear: both;
    
    width: auto;
    overflow: hidden;
    padding-left: 5px;
    padding-right: 5px;
    
}


/*Cores da faixa de logout do sistema.
.txt-color-verde-zap define a cor do texto do nome e icone do usuario
+MessageBoxConteiner muda a cor do fundo em rgb.
*/
.txt-color-verde-zap{
    color: #008b8b !important;
   /* color: #cbe32d !important;*/
}
.MessageBoxContainer{
    background-color:rgba(0,0,0,.8) !important;
}