/* Ludinir Set 2023 
*/
    .etiq{
        text-align: right; color: #9C9C9C; font-size: 70%; font-weight: bold; padding-right: 2px; padding-bottom: 1px;
    }
    .etiqNorm{
        text-align: right; color: #000000; font-size: 1em; padding-right: 2px; padding-bottom: 1px;
    }
    .etiqBorda{
        color: #000000; padding-right: 5px; padding-left: 5px; border: 1px solid #BEBEBE; border-radius: 5px;
    }
    .etiqDir{
        text-align: right; color: #036; font-size: 80%; font-weight: bold; padding-right: 1px; padding-bottom: 1px;
    }
    .etiq80{
        text-align: right; color: #9C9C9C; font-size: 80%; padding-right: 1px; padding-bottom: 1px;
    }
    .etiq60{
        text-align: right; color: #9C9C9C; font-size: 60%; font-weight: bold;
    }
    .etiqAzul{
        text-align: right; color: #036; font-style: italic; font-size: 80%; padding-right: 1px; padding-bottom: 1px;
    }
    .etiqAzulFonteNormal{
        text-align: right; color: #036; font-style: italic; padding-right: 1px; padding-bottom: 1px;
    }
    .etiqRoxa{
        text-align: right; color: #6C7AB3; font-style: italic; font-size: 85%; padding-right: 1px; padding-bottom: 1px;
    }
    .aDir{
        text-align: right;
    }
    .aEsq{
        text-align: left;
    }
    .aCentro{
        text-align: center;
    }
    .eItalic{
        font-style: italic;
    }
    .eBold{
        font-weight: bold;
    }
    .eNorm{
        font-weight: normal;
    }
    .bordaInf{
        border-bottom: 1px solid gray;
    }
    .radius5{
        border-radius: 5px;
    }
    .centerPointer{
        text-align: center;
        cursor: pointer;
    }
    .bordaClara{
        border: 1px solid #888;
    }
    .bordaPonto{
        border-style: dotted;
    }
    .fundoAmareloOrig{
        background-color: #FFFF00;
    }
    .fundoAmarelo{
        background-color: #FFD700;
    }
    .fundoAmareloCl{
        background-color: #FFFFCC;
    }
    .fundoAzul{
        background-color: #87CEFA;
    }
    .fundoAzul2{
        background-color: #66CCFF;
    }
    .fundoVerde{
        background-color: #66FFCC;
    }
    .fundoCinza{
        background-color: #EFF5FB;
    }
    .corAzulClaro{
        color: #81BEF7;
    }
    .fundoCyan{
        background-color: #00EEEE;
        color: black;
    }
    .corBranca{
        color: #fcfdfe;
    }
    .corPreta{
        color: #101418;
    }
    .corCinza{
        color:gray;
    }
    .corVerm{
        color: red;
    }
    .tamFont80{
        font-size: 80%;
    }

 .relacmodal{
     display: none; /* oculto default */
     position: fixed;
     z-index: 200;
     left: 0;
     top: 0;
     width: 100%; /* largura total */
     height: 100%; /* altura total */
     overflow: auto; /* autoriza scroll se necessário */
     background-color: rgb(0,0,0); /* Fallback color */
     background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
 }
 /* caixa do Modal Content */
 .modal-content-Aniver{
     background: linear-gradient(180deg, white, #86c1eb);
     margin: 15% auto; /* 15% do topo e centrado */
     padding: 20px;
     border: 1px solid #888;
     border-radius: 15px;
     width: 40%; /* acertar de acordo com a tela */
 }
.modal-content-Telef{
    background: linear-gradient(135deg, white, #EEDD82);
    margin: 10% auto; 
    padding: 20px;
    border: 1px solid #888;
    border-radius: 15px;
    width: 40%; 
}
.modal-content-Ramais{
    background: linear-gradient(135deg, white, #86c1eb);
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    border-radius: 15px;
    width: 50%;
}
.modal-content-Celulares{
    background: linear-gradient(135deg, white, #90EE90);
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    border-radius: 15px;
    width: 50%;
}
.modal-content-Login{
    background: linear-gradient(180deg, white, #86c1eb);
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    border-radius: 15px;
    width: 40%;
    max-width: 500px;
}
.modal-content-CadUsu{
    background: linear-gradient(180deg, white, #86c1eb);
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    border-radius: 15px;
    width: 50%; 
}
.modal-content-trocaSenha{
    background: linear-gradient(180deg, white, #86c1eb);
    margin: 10% auto;
    padding: 20px;
    border: 1px solid #888;
    border-radius: 15px;
    width: 40%;
    max-width: 500px;
}
.modal-content-InsOcorIni{
    background: linear-gradient(180deg, white, #86c1eb);
    margin: 10% auto;
    padding: 20px;
    border: 1px solid #888;
    border-radius: 15px;
    width: 40%;
}
.modal-content-InsOcor{
    background: linear-gradient(180deg, white, #86c1eb);
    margin: 10% auto;
    padding: 20px;
    border: 1px solid #888;
    border-radius: 15px;
    width: 90%;
}
.modal-content-RegistroLRO{
    background: linear-gradient(180deg, white, #86c1eb);
    margin: 10% auto;
    padding: 20px;
    border: 1px solid #888;
    border-radius: 15px;
    width: 70%;
}

.modal-content-Leitura{
    background: linear-gradient(180deg, white, #86c1eb);
    margin: 10% auto;
    padding: 10px;
    border: 1px solid #888;
    border-radius: 15px;
    width: 60%;
}
.modal-content-imprLeitura{
    background: linear-gradient(180deg, white, #FFF8DC);
    margin: 12% auto;
    padding: 20px;
    border: 1px solid #888;
    border-radius: 15px;
    width: 40%;
}
.modal-content-Eletric{
    background: linear-gradient(180deg, white, #d0eb86);
    margin: 10% auto;
    padding: 20px;
    border: 1px solid #888;
    border-radius: 15px;
    width: 40%;
    max-width: 500px;
}
.modal-content-Diretorias{
    background: linear-gradient(180deg, white, #FFF8DC);
    margin: 12% auto;
    padding: 10px;
    border: 1px solid #888;
    border-radius: 15px;
    width: 40%;
}
.modal-content-imprBens{
    background: linear-gradient(180deg, white, #FFF8DC);
    margin: 12% auto;
    padding: 20px;
    border: 1px solid #888;
    border-radius: 15px;
    width: 40%;
}
.modal-content-imprChaves{
    background: linear-gradient(180deg, white, #E6E6FA);
    margin: 12% auto;
    padding: 20px;
    border: 1px solid #888;
    border-radius: 15px;
    width: 40%;
}
.modal-content-imprLRO{
    background: linear-gradient(180deg, white, #86c1eb);
    margin: 12% auto;
    padding: 20px;
    border: 1px solid #888;
    border-radius: 15px;
    width: 40%;
}
.modal-content-ckListLRO{
    background: linear-gradient(180deg, white, #9eecb9);
    margin: 12% auto;
    padding: 10px;
    border: 1px solid #888;
    border-radius: 15px;
    width: 40%;
}
.modal-content-UsuAdmDir{
    background: linear-gradient(180deg, white, #FFF8DC);
    margin: 12% auto;
    padding: 10px;
    border: 1px solid #888;
    border-radius: 15px;
    width: 40%;
}
.modal-content-Bens{
    background: linear-gradient(180deg, white, #FFF8DC);
    margin: 12% auto;
    padding: 10px;
    border: 1px solid #888;
    border-radius: 15px;
    width: 60%;
}
.modal-content-EditPagIni{
    background: linear-gradient(180deg, white, #86c1eb);
    margin: 10% auto; /* 10% do topo e centrado */
    padding: 20px;
    border: 1px solid #888;
    border-radius: 15px;
    width: 55%; /* acertar de acordo com a tela */
}
.modal-content-EditMenu{
    background: linear-gradient(180deg, white, #86c1eb);
    margin: 10% auto; /* 10% do topo e centrado */
    padding: 20px;
    border: 1px solid #888;
    border-radius: 15px;
    width: 55%; /* acertar de acordo com a tela */
}
.modal-content-Escala{
    background: linear-gradient(180deg, white, #86c1eb);
    margin: 10% auto;
    padding: 10px;
    border: 1px solid #888;
    border-radius: 15px;
    width: 60%;
}
.modal-content-editGrupos{
    background: linear-gradient(180deg, white, #99CCFF);
    margin: 12% auto;
    padding: 10px;
    border: 1px solid #888;
    border-radius: 15px;
    width: 40%;
}
.modal-content-relacChave{
    background: linear-gradient(180deg, white, #99CCFF);
    margin: 12% auto;
    padding: 10px;
    border: 1px solid #888;
    border-radius: 15px;
    width: 40%;
}
.modal-content-registroChave{
/*    background: linear-gradient(180deg, white, #89e9eb);  */
    background: transparent;
    margin: 12% auto;
    padding: 10px;
    border: 1px solid #888;
    border-radius: 15px;
    width: 50%;
}
.modal-content-tarjaAzul{
    background: linear-gradient(180deg, white, #63B8FF);
    margin: 12% auto;
    padding: 10px;
    border: 1px solid #888;
    border-radius: 15px;
    width: 50%;
    max-width: 600px;
}
.modal-content-tarjaVerm{
    background: linear-gradient(180deg, white, #c40505);
    margin: 12% auto;
    padding: 10px;
    border: 1px solid #888;
    border-radius: 15px;
    width: 40%;
}
.modal-content-matrix{
    background-color: #fefefe;
    margin: .5% auto;
    padding: 2px;
    text-align: center;
    border: 1px solid #888;
    border-radius: 15px;
    width: 99%;
    height: 99%;
    background: no-repeat center;
    background-size: cover;
    object-fit: fill;
    background-image: url("images/matrix.gif");
}
.modalEditaSlide-content{
    background-color: #1E90FF;
    margin: 15% auto;
    padding: 15px;
    padding-bottom: 15px;
    border: 1px solid #888;
    width: 50%;
    border-radius: 15px;
    background: linear-gradient(180deg, white, #CAE1FF);
}
.iContainer{ /* botão upload */ 
    position: relative;
    float: left;
    border: 1px solid blue;
    background-color: blue;
    color: white;
    cursor: pointer;
    text-align: center;
    border-radius: 10px; 
    padding-left: 5px; 
    padding-right: 5px; 
}

.modalConfirm{ /*modal para confirmação */ 
    position: relative;
    float: right;
    border: 2px solid red;
    background-color: white;
    color: red;
    cursor: pointer;
    text-align: center;
    border-radius: 7px; 
    padding-left: 5px; 
    padding-right: 5px; 
}

.resetbot{
    text-align: center;
    padding-left: 5px;
    padding-right: 5px; 
    border-radius: 5px;
 }
 .resetbotinv{
    text-align: center;
    padding-left: 5px;
    padding-right: 5px; 
    border-radius: 5px;
 }
 .resetbotred{
    text-align: center;
    padding-left: 5px;
    padding-right: 5px; 
    border-radius: 5px;
    color: white;
    font-weight: bold;
    background-color: red;
 }
 .resetbotazul{
    text-align: center;
    padding-left: 5px;
    padding-right: 5px; 
    border-radius: 5px;
    color: white;
    font-weight: bold;;
    background-color: blue;
 }
 .resetbotverde{
    color: #008000;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px; 
    border-radius: 5px;
 }
 .resetbotbloq{
    color: #363636;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px; 
    border-radius: 5px;
 }
.botpadrDesativ{
    text-align: center;
    padding-left: 15px;
    padding-right: 15px; 
    border-radius: 5px;
    font-size: 80%;
    font-weight: bold;
    background-color: #D3D3D3;
    color: #FFE4E1;
}
 .botpadr{
    text-align: center;
    padding-left: 15px;
    padding-right: 15px; 
    border-radius: 5px;
    font-size: 80%;
    font-weight: bold;
 }
 .botpadrred{
    text-align: center;
    padding-left: 15px;
    padding-right: 15px; 
    border-radius: 5px;
    font-size: 80%;
    font-weight: bold;
    color: white;
    background-color: #FF6600;
 }
 .botpadrblue{
    text-align: center;
    padding: 2px; 
    padding-left: 15px;
    padding-right: 15px; 
    border-radius: 7px;
    font-size: 80%;
    font-weight: bold;
    color: white;
    background-color: blue;
 }
 .botpadrTijolo{
    text-align: center;
    padding-left: 15px;
    padding-right: 15px; 
    border-radius: 5px;
    font-size: 80%;
    font-weight: bold;
    color: white;
    background-color: #8B2500;
 }
 .botpadramarelo{
    text-align: center;
    padding: 2px; 
    padding-left: 15px;
    padding-right: 15px; 
    border-radius: 5px;
    font-size: 80%;
    font-weight: bold;
    color: black;
    background-color: #FFFF00;
 }
 .resetbot:hover, .botpadr:hover, .botpadrred:hover, .botpadrblue:hover, .botpadrTijolo:hover, .botpadramarelo:hover {
    border-radius: 10px;
}

.divbot{
    position: relative; 
    float: left;
    margin-top: -20px; 
    border: 1px solid blue;
    background-color: blue;
    color: white;
    cursor: pointer;
    border-radius: 10px; 
    padding-left: 10px; 
    padding-right: 10px;
    font-size: 80%;
}
.divbotR{
    position: relative; 
    float: right;
    margin-top: -20px; 
    border: 1px solid blue;
    background-color: blue;
    color: white;
    cursor: pointer;
    border-radius: 10px; 
    padding-left: 10px; 
    padding-right: 10px;
    font-size: 80%;
    font-weight: bold;
}
.botpadrGr{
    text-align: center;
    outline: none;
    padding-left: 15px;
    padding-right: 15px; 
    border-radius: 15px;
    font-family: Montserrat, Arial, san-serif !important;
    color: #082bff;
    font-weight: bold;
 }
.botpadrGr:hover{
    background-color: #fbf0ff;
}
.altura20{
    height: 10px;
}
.altura20{
    height: 20px;
}
.altura30{
    height: 30px;
}
.botTable{
    min-width: 30px;
    min-height: 20px; 
    text-align: center;
    outline: none;
    padding-left: 5px;
    padding-right: 5px; 
    border-radius: 10px;
    font-family: Montserrat, Arial, san-serif !important;
    font-size: 70%;
    color: #082bff;
    font-weight: bold;
 }
 .bEdit{
    position: absolute; 
    left: 30px;
    margin-top: -12px; 
    border: 1px solid blue;
    background-color: blue;
    font-size: 80%;
    color: white;
    cursor: pointer;
    border-radius: 10px; 
    padding-left: 10px; 
    padding-right: 10px; 
}
.bSalvar{
    position: relative; 
    float: left;
    border: 1px solid blue;
    background-color: blue;
    font-size: 80%;
    color: white;
    cursor: pointer;
    border-radius: 10px; 
    padding-left: 10px; 
    padding-right: 10px; 
}

.destacaBorda{
    border: 2px solid red;
    border-radius: 3px;
}
.divaniv{
    border: 2px solid blue;
}
.divaniv:hover{
    opacity: .5;
}

    .divTemTarefa{
        display: none; 
        margin-left: 70px;
        margin-right: 70px;
        margin-bottom: 20px; 
        color: white; font-weight: bold; 
        background-color: #DC143C; 
        text-align: center; padding: 10px; border-radius: 10px;
        cursor: pointer;
    }
    .divTemBens{
        display: none; 
        margin-left: 70px;
        margin-right: 70px;
        margin-bottom: 0px; 
        color: white; font-weight: bold; 
        background-color: #A52A2A; 
        text-align: center; padding: 10px; border-radius: 10px;
        cursor: pointer;
    }
    .divTemBensPrazo{
        display: none; 
        margin-left: 70px;
        margin-right: 70px;
        margin-bottom: 20px; 
        color: white; font-weight: bold; 
        background-color: red; text-align: center; padding: 10px; border-radius: 10px;
        cursor: pointer;
    }
    .divTemContrato{
        display: none; 
        margin-left: 70px;
        margin-right: 70px;
        margin-bottom: 0px; 
        color: white; font-weight: bold; 
        background-color: #363636; /* grey21 */
        text-align: center; padding: 10px; border: 2px solid; border-radius: 10px;
        cursor: pointer;
    }
    .divTemExtintor{
        display: none; 
        margin-left: 70px;
        margin-right: 70px;
        margin-bottom: 0px; 
        color: white; font-weight: bold; 
        background-color:rgb(182, 9, 9);
        text-align: center; padding: 10px; border: 2px solid; border-radius: 10px;
        cursor: pointer;
    }
    .divTemFiltro{
        display: none; 
        margin-left: 70px;
        margin-right: 70px;
        margin-bottom: 0px; 
        color: white; font-weight: bold; 
        background-color:rgb(9, 182, 93);
        background: linear-gradient(90deg, rgb(14, 183, 95), #053a06);
        text-align: center; padding: 10px; border: 2px solid; border-radius: 10px;
        cursor: pointer;
    }
    .divTemAgua{
        display: none; 
        margin-left: 70px;
        margin-right: 70px;
        margin-bottom: 0px; 
        color: white; font-weight: bold; 
        background: linear-gradient(90deg, rgb(110, 21, 244), #430255);
        text-align: center; padding: 10px; border: 2px solid; border-radius: 10px;
        cursor: pointer;
    }
    .divTemEletric{
        display: none; 
        margin-left: 70px;
        margin-right: 70px;
        margin-bottom: 0px; 
        color: white; font-weight: bold; 
        background: linear-gradient(90deg, rgb(110, 21, 244), #430255);
        text-align: center; padding: 10px; border: 2px solid; border-radius: 10px;
        cursor: pointer;
    }
/* Botão fechar */
.close{
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    text-align: right;
}
.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.closeB{
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    text-align: right;
}
.closeB:hover,
.closeB:focus {
    color: white;
    text-decoration: none;
    cursor: pointer;
}