﻿body { font-size: 10pt !important; color: #767a7c !important; }
a.nav-link.sidebartoggler.hidden-sm-down.waves-effect.waves-dark { display: none;}
.mobile { display: none !important;}
a.has-arrow.waves-effect.waves-dark.active { background: none !important;}
.dec-hide { display: none; }
.fotoAdd { position: relative; }
.fotoAdd .hover { display: none; }
.fotoAdd:hover .hover { -webkit-animation: stripes 2s linear infinite; animation: stripes 2s linear infinite; background-color: #000; background-size: 30px 30px; display: block; height: 100%; opacity: 0.7; position: absolute; width: 100%; }
.fotoAdd:hover .btn { background-color: transparent; border: solid 1px #fff; color: #fff; margin: 5px; }
.tab-pane .row p { border-bottom: 1px solid #ddd; min-height: 51px; padding: 0 0 5px 0; }
.tab-pane .row p .rotulo { font-size: 8pt; color: #000000; }
.table .dropdown-item  { font-size: 11pt;}
.empty-message a { color: #000 !important; font-size: 9pt; padding: 0; margin: 0;}
.hide-item{ display: none;}
.error .form-control { border-color: #e9edf2 !important; }
.has-error .form-control { border-color: #ef5350 !important; }
.vermelho td { background-color: #f3dada !important; }
.verde td { background-color: #dbefcf !important; }
#detalhes .rotulo { font-weight: 700; }
.card-no-border .card { border-radius: 15px !important; }
@media (max-width:992px) { .mobile { display: block !important; position: absolute; left: 21px; top: 12px;  }
}
@media (min-width: 992px) {
    .modal-lg { max-width: 98%; }
}
.dataTables_info { float: left; width: 50%; }
.dataTables_paginate { float: right !important; width: 50% !important; }
.dataTables_paginate ul { float: right !important;}
.floating-labels .help-block { min-height: 0 !important; border-bottom: none !important; font-size: 8pt !important; font-weight: 700; }
.codex-editor__redactor{ padding-bottom: 35px !important; }
.ce-block__content { max-width: 89% !important;}
.ce-toolbar  { left: 65px !important; right: auto;}

.tab-pane .row .editor p { padding: 0 !important; border: none !important; margin: 0 !important; min-height: auto; }
.form-control{ font-size: 10pt !important; color: #000!important;}
.draggable-tag{ background-color: #dddddd;}

.mensagens { background-color: #FFF; padding: 10px; display: block; height: 300px; overflow-y: auto; border: 1px solid #ddd;}
.mensagens .data { font-size: 8pt; }
.mensagens .left { background-color: #f6f9e0; float: left; clear: both; width: 95%; padding: 10px; margin-top: 10px;  }
.mensagens .right { background-color: #daf5da; float: right; clear: both; width: 95%; padding: 10px; margin-top: 10px; text-align: right; }

.card-outline-info { border-color: #398bf7; }
.card-outline-info .card-header { background: #398bf7; border-color: #398bf7; }

.tecnico .card-body { border: 1px solid #dddada; padding: 5px; }
.tecnico .card-body .hora { margin-bottom: 3px; border-bottom: 1px solid #dddada; }
.tecnico .card-body .hora:last-child { border-bottom: none; }
.tecnico .card-body .folga { color: #ff0000; }
.tecnico .card-body .livre a { color: #44c710; }
.mdi-verde { color: #44c710; font-size: 15pt; }
.mdi-vermelho { color: #ff0000; font-size: 15pt; }

.ordem strong{ color: #000000 !important; font-weight: 700; }
.ordem .tableInterna { width: 100%; }
.ordem .tableInterna th { border-bottom: 1px solid #999; }
.ordem .tableInterna td { margin-right: 5px; }
.borda { border: 1px solid #999; padding: 5px; margin-bottom: 10px;  }
.table2 { display: flex; }
.table2 div { width: 50%; }
.mask_decimal{ text-align: right;}
.table td { padding: 7px; vertical-align: middle;}
.mdi-barcode, .mdi-printer, .mdi-credit-card { font-size: 15pt; color: #000000; }
.bg-verde { background-color: #d3e7cb !important; color: #69ad4c !important; }
.bg-vermelho { background-color: #efe1e1 !important; color: #af8d8d !important; }
.bg-laranja { background-color: #f7e8d9 !important; color: #c39a6a !important; }
.bg-azul { background-color: #dfe1f3 !important; color: #7f85bf !important; }

.relatorio { width: 100%;}
.relatorio .header { width: 100%; display: flex; justify-content: space-evenly; align-content: start}
.relatorio .header div { width: 100%; text-align: left; background-color: #398bf7; color: #FFF; margin-right: 5px; padding: 5px;}
.relatorio .procedimento { width: 100%; display: flex; justify-content: space-evenly; align-content: start; margin-left: 15px; }
.relatorio .procedimento div { width: 100%; text-align: left; background-color: #F6F6F6; margin-right: 5px; padding: 5px; }
.relatorio .utilizador { width: 100%; display: flex; justify-content: space-evenly; align-content: start; margin-left: 15px; }
.relatorio .utilizador div { width: 100%; text-align: left;  padding: 5px; }

.laranja { background-color: bisque!important;}

.contrato { padding: 10px; width: 816px; margin: auto; color: #333333; overflow: hidden; font-size: 10pt !important; }
.contrato h1 { margin: 5px; border-style: none; padding: 5px; text-align: center; font-weight: normal; font-size: 18pt; font-size: 10pt !important; font-weight: 700; }
.contrato h2 { margin: 5px; padding: 5px; border-style: none; text-align: center; width: 800px; font-size: 10pt !important; font-weight: 700; }
.contrato h3 { padding: 10px; font-size: 10pt !important; font-weight: 700; }
.contrato p { padding: 5px 2px 5px 2px; text-align: justify; }
.contrato p span { padding-right: 10px; text-decoration: underline; padding-left: 5px; font-style: italic; }
.contrato .esq { border-style: none; float: left; width: 49%; text-align: center; }
.contrato .esq span { margin-top: 10px; display: block; }
.contrato .dir { border-style: none; float: left; width: 49%; text-align: center; }
.contrato .dir span { margin-top: 10px; display: block; }
.contrato .right { text-align: right; }
.contrato .maior { font-size: 11pt; }

.contrato .linha { border-style: none; width: 100%; overflow: hidden; padding-bottom: 2px; }
.contrato div { padding: 2px; border: 1px solid #999999; float: left; overflow: hidden; margin-right: 2px; }
.contrato div b { display: inline-block; font-size: 6pt; width: 100%; color: #999999; }
.contrato div span { display: inline-block; font-size: 10pt; text-transform: uppercase; }

.contrato div.nome { width: 338px; }
.contrato div.sexo { width: 80px; }
.contrato div.data { width: 80px; }
.contrato div.data { width: 100px; }
.contrato div.parentesco { width: 250px; }

.resumo { text-align: center; font-size: 12pt;}
.resumo strong{ font-weight: 700; }

.item { width: 825px; height: 508px; overflow: hidden; border-bottom-color: #d6d6d6; border-bottom-style: solid; border-bottom-width: 1px; page-break-before: always; }
.item .mensagem { width: 765px; height: 234px; float: left; padding: 20px 30px 20px 30px; font-size: 12pt; }
.item .dados { margin-left: 168px; width: 648px; float: left; text-transform: uppercase; font-size: 9pt; }
body { color: #000000; background-color: #ffffff; margin-top: 0; margin-right: 0; font: bold 10px arial; color: black; }

.checkbox-group { padding: 10px 0; display: block; width: 100%; }
.checkbox-group .valor-input { margin-left: 10px; padding: 5px; width: 150px; float: right; }
.checks { margin-bottom: 25px !important; }
.checks .form-group {  }
.accordion-item {border: 1px solid #ddd; margin: 0 10px;}
.accordion-item .accordion-button { border: none;  font-size: 12pt; background-color: #fff; width: 100%; text-align: left; }
.accordion-item .salveitem { margin: 0 10px 10px 0px; }

#beneficiosContainer {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.column {
    width: 48%;
}

#beneficiosContainerAdd {
    display: flex;
    width: 100%;
    gap: 10px;
    justify-content: space-between;
    margin: 1rem;
}

    #beneficiosContainerAdd .coluna {
        width: 33%;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

.gray { background-color: gray}
.blue { background-color: blue}
.yellow { background-color: yellow }
.orange { background-color: orange }
.green { background-color: green }
.purple { background-color: purple }