/* PADRÃO */

    @import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

    * {font-family:'Montserrat', sans-serif}

    html {margin:0; box-sizing:border-box; width: 100%; height: 100%;}
    body {margin:0; box-sizing:border-box; width: 100%; height: 100%;}

    a {text-decoration:none; color: #00366C; cursor:pointer;}
    a:visited {color: #00366C;}
    a:hover {color: #00366C; font-weight: bold;}

    hr {border:#00366C solid 2px; background-color:#00366C}

    .iframe{
        width:30px;
        height:30px;
        margin:0;
        padding:0;
        border:0;
        overflow:hidden;
    }

/* PADRÃO */

::-webkit-input-placeholder {
    color: #ccc;
 }
 
 :-moz-placeholder { /* Firefox 18- */
    color: #ccc;  
 }
 
 ::-moz-placeholder {  /* Firefox 19+ */
    color: #ccc;  
 }
 
 :-ms-input-placeholder {  
    color: #ccc;  
 }

.logoImovel {
    color:#FFCC00;
    font-size: 40px;
    font-weight: bold;
    }

.logoClique {
    color:#06C;
    font-size: 40px;
    font-weight: bold;
    }

.bolinhaAlerta {
    position: fixed;
    left: 10px;
    bottom: 2px;
    text-shadow: #ddd 0 0 5px;
    font-size: 30px;
    color:#C00;
    z-index: 10;    
    }    

.titulos {color:#00366C; font-weight: bold}

.externa {    
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto;
    height: 100%;
    width: 100%;
    }

.interna {    
    padding: 60px 10px 60px 10px;
    }

.divLinkIndique {
    padding: 60px 0 20px 0;
    }  
    
.divTextoIndique {
    width: 600px;
    text-align: justify;
    padding: 0 0 20px 0;
    line-height: 1.5;
    }

.divMenuBottom{
    width: 100%;
    height: 40px;
    background-color: #ddd;
    opacity: 0.85;
    position: fixed;
    bottom: 0;
    z-index: 0;
}     


/* MENU */
    
.topoLinks{
    position: absolute;
    right: 10px;
    top: 10px;
    }

.divMenuBottom{
    width: 100%;
    height: 40px;
    background-color: #ddd;
    opacity: 0.85;
    position: fixed;
    bottom: 0;
    z-index: 0;
    }    

.bottomLinks {
    position: fixed;
    left: 10px;
    bottom: 5px;
    font-size: 24px;
    z-index: 1;
    }

.logo {
    position: fixed;
    right: 10px;
    bottom: 10px;
    text-shadow: #ddd 0 0 5px;
    z-index: 1;    
    }

/* MENU */


/* FORMs */

    input {padding: 10px; border-radius: 5px; border:1px solid #ddd; width: 250px;}

    textarea {padding: 10px; border-radius: 5px; border:1px solid #ddd; width: 250px;}

    select {padding: 10px; border-radius: 5px; border:1px solid #ddd;}

    .checkbox {width: auto;}

    button {padding: 10px 15px 10px 15px; margin-top: 10px; border-radius: 5px; border:1px solid #ddd; cursor: pointer;}

    .btnAzul {color: #ddd; background-color: #00366C;}

    .btnVermelho {color: #ddd; background-color: #C00;}

    .btnPagarFinanceiro {margin-top: 0;}

    .labelForm{
        position: relative;
        top: 8px;
        left: 15px;
        font-size: 12px;
        background-color:#FFF;
        padding: 0 5px 0 5px;
        border-radius: 5px;
        z-index: 1;
    }

    .ok{
        color:#00BFFF;
        margin-left: 10px;
    }

/* FORMs */

/* TABELAS */

    .tableExibe {
        border-collapse: collapse;
        /* margin: 40px auto 20px auto; */
        width: 100%;
        }
     
  
    /* .trExibe:hover {background-color:#cacaca;} */
    .trExibe:hover {background-color:#06C; color:#eee}
    .trExibeZebra {background-color: #eee}
    .trExibeZebra:nth-child(even){background-color: #fff}
    .trExibeZebra:hover {background-color:#06C; color:#eee;}

    .thExibeTitulo {
        font-weight: bold;
        font-size: 18px;
        text-align: right;  
        border-bottom: 5px solid #06C;
        }

    .thExibeTituloRodape {
        font-weight: bold;
        font-size: 18px;
        text-align: right;  
        border-top: 5px solid #ddd;
        }        

    .thExibe {  
        font-weight: bold;
        font-size: 12px;        
        }
    
    .thExibe, .tdExibe {
        text-align: right;
        padding: 4px 8px 4px 8px;
        border-bottom: 1px solid #ddd;
        white-space: nowrap;
        }

/* TABELAS */

/* TABELAS EXIBE DADOS CLIENTE */

.trDadosCliente{
    width: 100%;
}

.tdDadosCliente{
    padding: 3px;
}

/* TABELAS EXIBE DADOS CLIENTE */

/* CARDs Relatórios */

.relCabecalho{
    margin: auto;
    text-align: center;
    font-weight: bold;    
    }

.relDiv{
    margin: 10px;
    padding: 30px;
    float: left;
    border: 1px solid #ddd;
    border-radius: 10px;
    width: 100px;
    }

.relDiv:hover {background-color:#06C; color:#eee;}

.relTitulo{
    margin: auto;
    text-align: center;
    }

.relNumero{
    margin: auto;
    text-align: center;
    font-weight: bold;
    font-size: 40px;
    }

.relLegenda{
    margin: auto;
    text-align: center;
    font-size: 12px;
    }

/* CARDs Relatórios */

    .siteDesktop {
        display: block;
    }

    .siteCelular  {
        display: none;        
    }

    
    .siteCelularMenu  {
        display: none;
    }


@media (max-width: 700px) {

    .siteDesktop {
        display: none;
    }

    .siteCelular {
        display: block;
    }    

    .siteCelularMenu {
        display: none;
        z-index: 10;        
        height: 100%;
        position: fixed;
        right: 0;
        background-color: #00366C;
        color: #ddd;
        text-align: right;
        font-size: 16px;
        padding: 15px 15px 15px 35px;
    }

    /* ********** */

    .interna { 
        padding: 15px;
        }

    .thExibeTitulo {
        padding-top: 60px;
        }

    .thExibeTituloRodape {
        padding-bottom: 80px;
        }
        
    .divTextoIndique {
        width: 100%;
        padding: 0 0 60px 0;
        }

}