@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
:root{
    --cor_botao: #7d0c00;
    /* --bg-body:#f7f7f7; */
    --fonte_menu: #333;
    --fonte_botao: #fff;
    --fonte_rodape: #fff;
    --cor_rodape: #5a120a;
    --bg_menu: #fff;
    --cor_primaria: #7d0c00;
    --hex: rgba(125, 12, 0);
    --fonte_especial: 'Bebas Neue';
    --fonte_padrao: 'Poppins';
}
nav{
    background-color: var(--bg_menu);
}
body{
    font-family: var(--fonte_padrao);
    /* background-color: var(--bg-body); */
}
footer{
    font-family: var(--fonte_especial);
    background-color: var(--cor_rodape);
    color: var(--fonte_rodape);
    font-size: 17px;
    word-spacing: 1px;
    letter-spacing: 1px;
}
a {
    color: unset;
    text-decoration: none;
}
/* a:hover{
    text-decoration: underline;
} */
main{
    min-height: 100vh;
}
@media only screen and (max-width: 767px) {
    main{
        /* margin-top: 26% !important; */
        min-height: 90vh;
    }
    main.pg-login{
        min-height: 100vh !important;
        margin-top: 0% !important;
    }
}
/* @media only screen and (min-width: 768px) {
    main{
        margin-top: 19%;
    }
}
@media only screen and (min-width: 1024px) {
    main{
        margin-top: 13%;
    }
}
@media only screen and (min-width: 1336px) {
    main{
        margin-top: 11.5%;
    }
}
@media only screen and (min-width: 1920px) {
    main{
        margin-top: 9%;
    }
}
@media only screen and (min-width: 1921px) {
    main{
        margin-top: 7%;
    }
} */
.id-painel{
    font-weight: 400;
}
.insight{
    text-decoration: none;
    font-family: var(--fonte_especial);
}
.insight:hover{
    opacity: 85%;
    text-decoration: underline;
}
.log{
    background-color: #FFF;
}
.titulo-log{
    font-size: 32px;
    font-weight: 500;
    color: #fff;
}
.bg-log{
    background: 
    linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)),
    url('../imagens/bg-textura.jpg');
    background-size:cover;
    -webkit-box-shadow: 10px 1px 5px -6px rgba(0,0,0,0.60);
    -moz-box-shadow: 10px 1px 5px -6px rgba(0,0,0,0.60);
    box-shadow: 10px 10px 5px -8px rgba(0,0,0,0.60);
    min-height: 50vh;
}
.redef{
    min-height: 55vh;
}
.bg-log-2 h4{
    margin-right: 2.7vw;
}
.acesso{
    margin-right: 3.3vw !important;
}
.bg-log-2{
    -webkit-box-shadow: 10px 1px 5px -6px rgba(0,0,0,0.3);
    -moz-box-shadow: 10px 1px 5px -6px rgba(0,0,0,0.3);
    box-shadow: 10px 10px 5px -8px rgba(0,0,0,0.3);
    border: solid 1px #f7f7f7;
    background-color: #fff;
    margin-left: -24%; 
    min-height: 35vh; 
    align-self: center;
}
.bg-log-2 .form-floating{
    justify-self: end;
}
.btn{
    --bs-btn-border-radius: 0 !important;
    --bs-border-radius: 0 !important;
}
.copyright > li{
    list-style: none !important;
}
.dash a{
    font-family: 'Poppins';
    font-size: 17px;
    text-decoration: none;
    color: #333 !important;
}
.todos h2{
    font-weight: 400;
}
.form-select:focus{
    border-color: var(--cor_primaria) !important;
    box-shadow: 0 0 0 .25rem rgba(125, 12, 0, 0.25) !important;
}
.borda{
    border-bottom: solid 1px #d7d7d7;
}
.form-check{
    padding-left: 0 !important;
}
.form-check-input:checked{
    border-color: rgba(125, 12, 0.25) !important;
}
.ul-final{
    display: block !important;
    list-style-type: disc !important;
    margin-block-start: 1em !important;
    margin-block-end: 1em !important;
    margin-inline-start: 0px !important;
    margin-inline-end: 0px !important;
    padding-inline-start: 40px !important;
    unicode-bidi: isolate !important;
}
.ul-final > li{
    list-style-type: disc !important;
}
.ul-faq{
    display: block !important;
    list-style-type: disc !important;
    margin-block-start: 1em !important;
    margin-block-end: 1em !important;
    margin-inline-start: 0px !important;
    margin-inline-end: 0px !important;
    padding-inline-start: 40px !important;
    unicode-bidi: isolate !important;
}
.ul-faq > li{
    list-style-type: disc !important;
}
.ul-faq-2{
    display: block !important;
    list-style-type: circle !important;
    margin-block-start: 1em !important;
    margin-block-end: 1em !important;
    margin-inline-start: 0px !important;
    margin-inline-end: 0px !important;
    padding-inline-start: 40px !important;
    unicode-bidi: isolate !important;
}
.ul-faq-2 > li{
    list-style-type: circle !important;
}
.ul-faq-3{
    display: block !important;
    list-style-type: sqare !important;
    margin-block-start: 1em !important;
    margin-block-end: 1em !important;
    margin-inline-start: 0px !important;
    margin-inline-end: 0px !important;
    padding-inline-start: 40px !important;
    unicode-bidi: isolate !important;
}
.ul-faq-3 > li{
    list-style-type: square;
}
.faq{
    background-color: #fff !important;
    text-align: justify;
}
.modal-footer{
    border-top: none !important;
}
.modal-header{
    border-bottom: none !important;
}
@media screen and (max-width: 767px){
    .fc-dayGridMonth-button {
        display: none;
    }
    .fc-timeGridWeek-button{
        display: none;
    }
    .fc-timeGridDay-button{
        display: none;
    }
    .fc-today-button{
        display: none;
    }
}
.fc .fc-toolbar-title{
    font-size: 1.5em;
}
.fc .fc-button-primary{
    background-color: var(--cor_botao) !important;
    color: var(--fonte_botao) !important;
}
.fc .fc-daygrid-body{
    width: -webkit-fill-available !important;
    background-color: #fff;
}
#calendar .btn-primary{
    background-color: var(--cor_botao) !important;
    border-color: var(--cor_botao) !important;
    border-radius: 10% !important;
}
#calendar .btn-primary:hover{
    opacity: 80%;
}
#calendar .btn.active{
    background-color: var(--cor_botao) !important;
    opacity: 80%;
    border-color: var(--cor_botao) !important;
    border-radius: 20px;
}
.btn.disabled, .btn:disabled, fieldset:disabled .btn{
    background-color: var(--cor_botao) !important;
    opacity: 80%;
    border-color: var(--cor_botao) !important;
    border-radius: 20px;
}
#calendar .btn-group{
    gap: 7px;
}
#calendar{
    text-transform: capitalize;
}
.form-check-input:focus{
    border-color: var(--cor_primaria) !important;
    box-shadow: 0 0 0 .25rem rgba(125, 12, 0, 0.25) !important;
}
.form-check-input:checked{
    background-color: var(--cor_primaria);
}
.modal{
    align-content: center;
}
.step-actions .btn{
    background-color: var(--cor_primaria) !important;
    border-radius: 0 !important;
}
.card-dash{
    -webkit-box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.50);
    -moz-box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.50);
    box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.50);
    background-color: #fff;
    min-height: 100px;
    border-radius: 20px;
    border: solid 1px #d7d7d7;
}
.card-dash:hover{
    transform: scale(1.02);
    box-shadow:
    0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.icone-card{
    background-color: var(--cor_primaria);
    opacity: 80%;
    border-radius: 10px;
    height: 60px;
    width: 60px;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.66);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.66);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.66);
}
.titulo-card{
    background-color: var(--cor_primaria);
    color: var(--fonte_botao);
    opacity: 80%;
    border-radius: 10px;
}
.numero-card{
    font-size: 40px;
}
.inner{
    background-color: #fff;
}
@media screen and (max-width: 600px){
    .seletor-cor{ 
        width: 15vw !important;
        height: 3vh;
    }
}
@media screen and (min-width: 600px) and (max-width: 768px){
    .seletor-cor{ 
        width: 10vw !important;
    }
}
@media screen and (min-width: 769px){
    .seletor-cor{
        max-width: 3vw;
    }
}
@media screen and (min-width: 770px) and (max-width: 1200px){
    .seletor-cor{ 
        width: 4vw !important;
    }
}
@media screen and (min-width: 1201px){
    .seletor-cor{ 
        width: 2vw !important;
    }
}
.seletor-cor{
    padding: .350rem 0.5rem;
}
.form-control:focus{
    border-color: var(--cor_primaria);
    box-shadow: 0 0 0 .25rem rgba(125,12,0,.25)
}
.alterar:hover{
    text-decoration: underline;
}
.navbar{
    --bs-navbar-toggler-focus-width: 0.05rem !important;
}
.navbar-toggler-icon{
    width: 1.3em;
}
.dropdown a{
    color: #333;
}
.dropdown a:hover{
    font-weight: bold;
}
.nav-link{
    color: #333;
}
.nav-link:hover{
    font-weight: bold;
}
.fa-solid{
    padding-left: 0;
    padding-right: 2%;
}
.nav-item{
    list-style: none;
    color: #333;
}
.fa-house{
    padding-left: 0;
    padding-right: 2%;
}
.fa-circle-question{
    padding-left: 0;
    padding-right: 2%;
}
.fc-direction-ltr .fc-timegrid-slot-label-frame{
    text-align: center;
}
.fc-timegrid-event-harness-inset{
    inset: 724px -0% -740px !important;
}
.fc-event-main-frame{
    flex-direction: row !important;
    gap: 5%;
    align-items: center;
    /* margin: 1.5%; */
}
.fc-event-time{
    align-items: center;
}
@media screen and (max-width: 650px){
    .row.ajuda{
        justify-content: center;
    }
}
.ajuda ul{
    list-style: none;
    color: #7d0c00;
    padding-left: 0;
}
.ajuda a{
    color: var(--cor_primaria) !important;
}
.ajuda a:hover{
    color: var(--cor_primaria) !important;
    text-decoration: underline !important;
}
.ajuda h4{
    font-weight: 300;
}
.titulo-blog{
    font-weight: 400;
}
.opcoes{
    font-size: 23px;
    font-weight: 400;
    margin-bottom: 0;
}
.tabela-painel{
    color: #FFF !important;
    font-weight: 500 !important;
    background-color: var(--cor_primaria) !important;
    border-right: solid 1px #d7d7d7;
    text-align: center !important;
    align-content: center;
}
#lista td{
    text-align: center;
    border: solid 1px #d7d7d7;
}
#lista a{
    color: var(--cor_primaria) !important;
}
#lista a:hover{
    text-decoration: underline;
}

.active>.page-link, .page-link.active{
    --bs-pagination-active-bg: var(--cor_primaria) !important;
    --bs-pagination-active-color: var(--fonte_botao) !important;
    --bs-pagitanion-active-bg: var(--cor_primaria) !important;
    --bs-pagination-active-border-color: var(--cor_primaria) !important;
}
.pagination{
    --bs-link-hover-color: var(--cor_primaria) !important;
    --bs-link-color: var(--cor_primaria) !important;
}
.page-link{
    --bs-pagination-focus-box-shadow: var(--cor_primaria) !important;
}
.fa-whatsapp{
    color: #25d366;
}
.visualiza-logo{
    width: 100%;
}
.visualiza-fav{
    width: 40%;
    margin-left: auto;
    margin-right: auto;
}
.cores{
    margin-bottom: 0;
}
.btn-add{
    border: none;
    border-radius: 2px;
    height: 36px;
    align-content: center;
    /* min-width: 60%; */
    /* line-weight: 36px; */
    padding: 0 2rem;
    color: var(--fonte_botao) !important;
    background-color: var(--cor_botao) !important;
    text-align: center;
    letter-spacing: .5px;
    transition: all .3s ease-out;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 2px 10px 8px -9px rgba(0,0,0,0.49);
    -moz-box-shadow: 2px 10px 8px -9px rgba(0,0,0,0.49);
    box-shadow: 2px 10px 8px -9px rgba(0,0,0,0.49);
}
.btn-add:hover{
    color: var(--fonte_botao) !important;
    filter: brightness(120%);
    box-shadow:
    0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn-plus{
    border: none;
    border-radius: 2px;
    height: 36px;
    align-content: center;
    padding: 0 1rem;
    color: var(--fonte_botao) !important;
    background-color: var(--cor_botao) !important;
    text-align: center;
    letter-spacing: .5px;
    transition: all .3s ease-out;
    overflow: hidden;
    position: relative;
}
.btn-plus:hover{
    color: var(--fonte_botao) !important;
    background-color: #8d0000 !important;
    box-shadow:
    0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.duvidas{
    font-size: 20px;
    font-weight: 500;
}
.log{
    background-color: #FFF;
}
.titulo-log{
    font-size: 32px;
    font-weight: 500;
    color: #fff;
}
.bg-log{
    background: 
    linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)),
    url('../../imagens/bg-textura.jpg');
    background-size:cover;
    -webkit-box-shadow: 10px 1px 5px -6px rgba(0,0,0,0.60);
    -moz-box-shadow: 10px 1px 5px -6px rgba(0,0,0,0.60);
    box-shadow: 10px 10px 5px -8px rgba(0,0,0,0.60);
    height: 50vh;
}
.bg-log-2{
    -webkit-box-shadow: 10px 1px 5px -6px rgba(0,0,0,0.3);
    -moz-box-shadow: 10px 1px 5px -6px rgba(0,0,0,0.3);
    box-shadow: 10px 10px 5px -8px rgba(0,0,0,0.3);
    border: solid 1px #f7f7f7;
    background-color: #fff;
    margin-left: -25%; 
    height: 45vh; 
    align-self: center;
}
.bg-log-2 .form-floating{
    justify-self: end;
}
.blog{
    background-color: #f7f7f7;
}

.blank{
    background-color: #FFF;
}
@media screen and (min-width: 320px) and (max-width: 650px){
    .space{
        margin-top: 23%;
    }
    .space-2{
        margin-top: 50%;
    }
    .space-l{
        margin-top: 14vh;
    }
}
@media screen and (min-width: 651px) and (max-width: 768px){
    .space{
        margin-top: 18%;
    }
    .space-2{
        margin-top: 35%;
    }
    .fc-today-button{
        display: none;
    }
    .space-l{
        margin-top: 17vh;
    }
}
@media screen and (min-width: 769px) and (max-width: 1199px){
    .space{
        margin-top: 15%;
    }
    .space-2{
        margin-top: 24%;
    }
    .space-l{
        margin-top: 17vh;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1800px){
    .space{
        margin-top: 6%;
    }
    .space-2{
        margin-top: 18%;   
    }
    .space-l{
        margin-top: 15vh;
    }
}
@media screen and (min-width: 1900px) and (max-width: 1920px){
    .space{
        margin-top: 0%;
    }
    .space-2{
        margin-top: 14%
    }
    .space-l{
        margin-top: 17vh;
    }
}
@media screen and (min-width: 1921px){
    .space{
        margin-top: 2%;
    }
    .space-2{
        margin-top: 10%
    }
    .space-l{
        margin-top: 19vh;
    }
}
/* .horario-disponivel{
    background-color: #7d0c00;
    border-radius: 4px;
    color: #FFF;
    text-align: center;
} */
.horario-agendado{
    background-color: #7d0c00;
    border-radius: 4px;
    color: #FFF;
    text-align: center;
}
#titulo-horarios{
    color: #7d0c00;
}
.fc-timegrid-event{
    height: min-content !important;
}
.fc-v-event{
    background-color: var(--cor_primaria) !important;
    border-color: var(--cor_primaria) !important;
    padding-left: 2%
}
.fc-timegrid-event .fc-event-time{
    font-size: 14px !important;
}
.fc-scroller{
    overflow: hidden !important;
}
.dropdown-menu{
    --bs-dropdown-link-active-bg: var(--cor_primaria) !important;
}
.dropdown .fa-calendar-days{
    padding-right: 3%;
}
.btn-close{
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(125, 12, 0 ,0.25) !important;
}
.fc-daygrid-event-dot{
    border: calc(var(--fc-daygrid-event-dot-width)/2) solid #7d0c00;
}
.pg-login{
    min-height: 85vh;
    margin-top: unset;
}
@media screen and (max-width: 600px) {
    .pg-login{
        min-height: 100vh !important;
    }
    /* main{
        margin-top: 0 !important;
    } */
}
.login{
    background-color: #333;
    -webkit-box-shadow: 10px 1px 5px -6px rgba(0,0,0,0.60);
    -moz-box-shadow: 10px 1px 5px -6px rgba(0,0,0,0.60);
    box-shadow: 10px 10px 5px -8px rgba(0,0,0,0.60);
    border-radius: 20px;
}
.login h1{
    color: #FFF;
    font-size: 25px;
}
.login h3{
    color: #d7d7d7;
    font-weight: 400;
}
.login a{
    color: #d7d7d7;
}
.login button{
    min-width: 50%;
}
.btn:focus-visible{
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(125, 12, 0, 0.5);
}
.titulo{
    font-size: 20px;
    color: #7d0c00;
    font-weight: 500;
}
.nav-item{
    border-top: solid 1px #d7d7d7;
}
.offcanvas-body{
    padding: 0;
}
.dropdown-menu{
    border-radius: 0 !important;
}
.dropdown-menu li{
    border-top: solid 1px #d7d7d7;
}
.last{
    border-bottom: solid 1px #d7d7d7;
}
.dropdown ul{
    padding: 0 !important;
}
.nav-item:hover{
    background-color: #eaeaea;
}
.dropdown:hover{
    font-weight: bold;
}
.regra{
    color: #7d0c00;
}
.texto{
    margin-bottom: 5px;
}
.t{
    color: #7d0c00;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 0;
}
.row-data{
    padding-right: 0 !important;
}
.navbar{
    --bs-navbar-toggler-focus-width: 0.1rem;
}
.erro-login{
    color: red;
}
.titulo-metricas{
    font-size: 20px;
    font-weight: 500;
}
.relatorio tr th{
    background-color: #fff !important;
    color: #333 !important;
    font-weight: 600 !important;
    border: none !important;
}
.relatorio tbody td{
    border: none;
}

#sem_registro{
    background-color: #f4f4f4;
}
.form-floating>label{
    left: 0.7rem;
}
.form-control{
    line-height: 1.5;
}
/* .copy{
    height: 3.3rem;
} */
.pg-login .form-floating>label{
    left: 0rem;
}
.form-control[type=file]{
    line-height: 1.5rem;
}
.last{
    border-bottom: solid 1px #d7d7d7;
}
.toggle-password {
    float: right;
    cursor: pointer;
    margin-right: 10px;
    margin-top: -35px;
    font-weight: 600 !important;
}
.form-control[type=time]{
    line-height: 2.5;
}

/* Flag */
.marcador { display: block; width: 30px; height: 30px; cursor: pointer;}
.marcador [type="checkbox"] { display:none; width: 0%; height: 0%; }
.marcador span { width: 100%; height: 100%; align-items: center; }
.marcador [type="checkbox"]:checked + .material-icons { color: #7d0c00; }
.marcador [type="checkbox"] + .material-icons { color: #7d7d7d; }

.solicitacoes{
    color: #333;
}
.material-icons{
    font-size: 30px;
}
.titulo-doc{
    font-size: 17px;
    font-weight: 500;
}
.tooltip-editor {
    position: absolute;
    /* padding: 10px; */
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    display: none;
    z-index: 9999;
    width: 70%;
}
@media screen and (max-width: 500px) {
    .tooltip-editor{
        width: 100% !important;
        left: 0 !important;
    }
}
.btn-obs{
    border: solid 1px #d7d7d7;
    border-radius: 10px;
    --bs-btn-color:#7d7d7d;
}
.btn-obs:hover{
    color: #7d0c00;
}
.btn-obs:active{
    color: #7d0c00;
}
.btn-obs .fa-pen-to-square{
    font-size: 22px;
}
.btn-obs .fa-pen-to-square:hover{
    color: #7d0c00;
}
.btn-obs .fa-pen-to-square:active{
    color: #7d0c00;
}

#notificacoes-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
}

.notificacao {
    background: #ffffff;
    border-left: 6px solid #7d0c00;
    padding: 15px 20px;
    margin-bottom: 10px;
    min-width: 280px;
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
    border-radius: 6px;
    animation: slideIn .4s ease;
    font-family: Arial, sans-serif;
}

.notificacao h4 {
    margin: 0 0 5px;
    font-size: 15px;
    color: #7d0c00;
}

.notificacao p {
    margin: 0;
    font-size: 14px;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateX(50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
.btnAtivo{
    background-color: #7d0c00 !important;
}
.btnAtivo:hover{
    filter: brightness(115%);
}
.abrir-arquivo:hover, .abrir-outros:hover{
    text-decoration: underline !important;
}
.collapse.show{
    visibility: visible !important;
}
.suporte-bg{
    background-color: #7d0c00;
    color: #FFF;
}
.pagination > li{
    color: #ffffff !important;
}
body.swal2-shown {
  overflow: hidden !important;
  height: 100%;
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){
    background-color: green !important;
}