@charset "utf-8";
@import "bootstrap.min.css";
@import "icones.css";
@import "sweetalert2.css";
@import "jPages.css"; 
@import "fontes.css";

:root{
    --bg-default: #181A20;
    --white: #ffffff;
    --black: #000;
    --theme-color1: #000000;
    --theme-color2:#ffffff;
    --theme-color3: #35383F;
    --theme-color4: #0077C8;
    --color-none: #464645;
    --menu-link: #555555;
    --bg-fmr-home: #f7f7f7;    
    --bg-faq-home: #F5F5F5;
    --bg-btn-default: #000000;
    --bg-btn-danger-item: #e03030;
    --bg-footer: #E9E9E9;
    --text-color-2: #1C1C1C; 
    --text-color-3: #0077C8;    
    --text-color-4: #97D653;   
    --text-color-5: #97D353;    
    --text-color-6: #AEAEAE;
    --alert-color: #FF4337;
}
.produto-card figure img{
    max-height: 160px;
    object-fit: cover;
}
.bordered-rows .col-footer{
    padding-top: 15px;
}
.bordered-rows .col-footer:nth-child(1),.bordered-rows .col-footer:nth-child(2), .bordered-rows .col-footer:nth-child(3){
    border-right: 1px solid #AEAEAE;
}
.content-footer ul li {
    list-style: none;
}
#listaAnexos{
    min-height: 500px;
}
.card-anexos figure img{
    max-height: 220px;
    object-fit: cover;
}

.card-anexos i.tamanho{
    width: 11px;
    height: 11px;
}

.tipo-arquivo{
    padding: 0px 10px;
    background: #000000;
    color: var(--white);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1rem;
    display: flex;
    line-height: normal;
    align-items: center;
    justify-content: center;
}

.btn-default.btn-icon {
    background: var(--white);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #000000;
    color: var(--theme-color1);
    height: 2.6rem;
}

.btn-default.btn-icon:hover{
    background: var(--theme-color4);
}
.btn-default.btn-icon:hover i{
    background: var(--white);
}
.opcoes-anexos ul li{
    width: 100%;
    list-style: none;
}
.btn-default.btn-link{
    width: fit-content;
    margin: 0 auto;
    background: var(--theme-color4);
    padding: 4px 0;
    line-height: normal;
    height: auto;
    text-decoration: none;
    font-family: 'SamsungSharpSans';
}
.btn-default.btn-link:hover{
    background: var(--theme-color4);
    opacity: 0.7;
}
.produto-conteudo{
    position: sticky;
    top: 1rem;
}
.produto-conteudo .descricao, .produto-conteudo .descricao p{
    font-weight: 700;
    font-style: 700;
    font-size: 16px;
}
.produto-card .icon-type{
    position: absolute;
    top: 10px;
    right: 10px;
}
.produto-card{
    box-shadow: 0px 2px 4px 0px  rgba(0,0,0,0.1);
    border-radius: 24px;
    overflow: hidden;
}
.produto-card .content{
        padding: 10px 8px 30px 8px;
}
.produto-card .info {
        min-height: 95px;
}
.filtro .bloco {
    margin-bottom: 15px;
    width: 100%;
    height: auto;
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
    position: relative;
    display: inline-block;
    padding: 10px 20px;
}

main.deslogado{
    display: flex;
    align-items: center;
    justify-content: center;
}
.submenu-user{
    left: -80px;
    filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.3));
    top: 22px;
    padding: 10px 0px;
}
.bg-gray-2 {
    background: #F5F5F5;
}

.produto-imagem{
    border: 1px solid #D9D9D9;
}

.filtros-catalogos .bloco {
    margin-bottom: 15px;
    width: 100%;
    height: auto;
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
    position: relative;
    display: inline-block;
    padding: 10px 20px;

}
.btn-fav-action{
    position:   absolute;
    right:  0;
    bottom: 0;
    transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.btn-fav-action:hover{
        transform: scale(1.1);
}
.card-produto{
     position: relative;
    background: #fbfbfb;
    padding-bottom: 10px;
    border-radius: 10px;
    border: 1px solid #000000;
    overflow: hidden;
    box-shadow: 0px 6px 15.26px 5.74px rgba(0,0,0,0.1);
    -ms-box-shadow: 0px 6px 15.26px 5.74px rgba(0,0,0,0.1);
}
.item-card{
    margin-bottom: 30px;
}
.card-produto .text{
    height: 100px;
    overflow: scrol;
}
.btn-fav i{
    margin:0!important;
}
.separator{
    height: 30px;
    position: relative;
    min-width: 3px;
    background: #0077c8;
    display: block;
    z-index: 99999;
    filter: drop-shadow(0px 2px 8px rgba(0,0,0,0.2));
}
.bg-info-2{
        background: var(--text-color-3);
    border-bottom: 1px solid #ffffff;
}


.tabpadrao.nav-tabs {
    padding-bottom: 2px;
    border-color: var(--text-color-3);
}

.tabpadrao.nav-tabs .nav-item.show .nav-link, .tabpadrao.nav-tabs .nav-link.active {
    color: var(--bs-nav-tabs-link-active-color);
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: var(--text-color-3);
}

.tabpadrao.nav-tabs .nav-item.show .nav-link, .tabpadrao.nav-tabs .nav-link.active{
    color: var(--text-color-3)!important; 
    font-weight: bold!important;
}

.tabpadrao.nav-tabs .nav-item .nav-link, .tabpadrao.nav-tabs .nav-item .nav-link{
    color: #000000;
    font-weight: normal;
} 

.pop-up-aviso-2.active{
    display: block!important;
    left: 2%!important;
}

.pop-up-aviso-3.active{
    display: block!important;
    left: 2%!important;
}

a.paginate_button {
    color: var(--text-color-3);
    padding: 0px 5px;
    border: none;
    font-size: 13px;
    font-weight: 600;
}
.btn-acoes .bt-1{
    display: none!important;
}
.btn-acoes:not(.aprovado) .bt-1{
    display: block!important;
}
.btn-acoes:not(.aprovado) .bt-2{
    display: none!important;
}
.btn-acoes.aprovado .bt-2{
    display: block!important;
}
.tabelas .bt-2 i.theme-icon {
    background: #ff0000;
}
.tabelas i.theme-icon{
    width: 30px;
    height: 30px;
    background:  var(--text-color-3);
    margin: 0!important;
}
.dataTables_paginate{
    display: flex;
    gap: 3px;
    font-family: 'SamsungOneUILatin';
    font-weight: 600;
    color: var(--text-color-3);
    cursor: pointer;
    font-size: 0.8rem;
    margin-top: 3px;
}


.tabelas .dataTables_filter, .dataTables_length{
    font-family: 'SamsungOneUILatin';
    font-weight: 600;
    text-align: left;
    margin-bottom: 7px;
    margin-top: 7px;
}
.tabelas table tr th{
    background: var(--text-color-3);
    color: var(--theme-color2);
}
.tabelas .sorting {
    position: relative;
    cursor: pointer;
    border: 2px solid #ffffff;
}
.tabelas .sorting.sorting_asc:before {
    content: "▼";
}
.tabelas .sorting.sorting_desc:before {
    content: "▲";
}
.tabelas .sorting:before {
    content: "";
    position: absolute;
    right: 0;
    text-align: right;
    top: 10px;
    width: 101%;
}
.btn-info{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;    
    gap: 0.5rem;
    background-color: var(--theme-color1);
    color: #ffffff;
    border-radius: 100%;
    position: fixed;
    z-index: 99999;
    right: 1%;
    bottom: 10%;
    border: none;
}
.btn-info i.theme-icon{
    margin: 0!important;
    background: #ffffff;
}

.pop-up-padrao.pop-up-aviso.active{
    display: block!important;
}

.pop-up-padrao{
    background: #ffffff;
    position: fixed;
    width: 320px;
    height: auto;
    z-index: 9;
    right: 18px;
    bottom: 30px;
    padding: 15px;
    border: 2px solid var(--theme-color1);
    filter: drop-shadow(0px 2px 8px rgba(0,0,0,0.1));
    display: none;
    border-radius: 10px;
    z-index: 99999;
}

.pop-up-padrao a{
    border: none!important;
}
.pop-up-padrao.pop-up-atualizacao {
    bottom: 345px;
}



#homeLogada, #homeBanner{
      max-width: 100%!important;
    overflow: hidden;
}
.slick-slider img,.slick-slider{
    max-width: 100%!important;
}
#homeBanner .slick-next{
    right: 30px;
    z-index: 99999;
}
#homeBanner .slick-prev{
    left: 30px;
    z-index: 99999;
}
#homeBanner .slick-next .theme-icon,
#homeBanner .slick-prev .theme-icon{
    width: 40px!important;
    height: 40px!important;
    filter: invert(1);
}
#homeBanner .slick-next:before, 
#homeBanner .slick-prev:before {
    content: " ";
}
.slick-arrow.slick-disabled{
    opacity: 0.5!important;
}
.modal-filtros.modal{
    z-index: 999999;
}
.nome-produto{
    word-break: break-all;
}
#listDestaques:not(.slick-initialized) .product-item{
    opacity: 0.3;
    filter: grayscale(50%);
    max-width: 300px;
}

.hide-calendar .ui-datepicker-calendar{
    display: none!important;
}
.filtros-modal-container .ui-datepicker{
    top:145px!important;
    left: 0!important;
    right: 0!important;
    margin: 0 auto;
}
/*#listaProdutos{
    min-height: 500px;
}*/
.graficoBarras .item
{
    cursor: pointer;
    position: relative;
    width: 100%;
    background: #e0e0e0;
    border-radius: 30px;
    display: flex;
    align-items: center;
    padding-inline: 15px;
    justify-content: space-between;
    height: 45px;
    z-index: 1;
    overflow: hidden;
}
.btn-action.active{
    color: var(--theme-color1);
}
.btn-action.active i{
    background: var(--theme-color1);
}
.graficoBarras .item.disabled > *{
filter: grayscale(1);
}

.graficoBarras .item span{
    position: relative;
    z-index: 3;
}

.graficoBarras .item .progresso{
    position: absolute;
    width: 100%;
    background: var(--text-color-3);
     height: 52px;
    z-index: 2;
    left: 0;
    transition: 500ms ease-in-out;
}

.graficoBarras .item .progresso:hover{
    opacity: 0.5;
}


.top-10rem{
        top: 4rem!important;
}
.containerVH{
    height: 100vh;
}
.btn-default.danger-item{
    border: 1px solid var(--bg-btn-danger-item) !important;
    color: var(--bg-btn-danger-item) !important;
    background: #ffffff!important;
}
.btn-default.danger-item:hover {
    background: #ffffff!important;
    color: var(--text-color-3)!important;
    border: 1px solid  var(--text-color-3)!important;
}
.b-left-md{
    border-left: 1px solid rgba(0,0,0,0.2);
}
 .border-bottom-sm{
    border-bottom: 1px solid transparent;
 }
#tabelaPontosDestaque .info-mes,
#homeExtratoPontos .info-mes{
    min-height: 230px;
}
.blocologinBanner{
    flex-direction: row;
}
.blocoCamposLogin{
    width: 50%;
}
.blocoCamposLogin.w-85{
    width: 85%;
}
.logo-top{
    padding-top: 1rem;
    padding-bottom: 1rem;
/*    border-bottom: 1px solid #dcdcdc;*/
}
.logo-site a, .logo-site a:hover{
    border: none;
    text-decoration: none;
}
.reset-password.modal {
    width: fit-content;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.close-modal {
    background: none;
    width: auto;
    position: absolute;
    top: 10px;
    right: 10px;
    border: 0;
}
.reset-password .modal-content {
    padding: 30px;
}
header .nav-item{
    line-height: normal;
}
header .menu-logado, header .menu{
    height: auto;
}

header .notifications{
    position: relative;
}
header .notifications .box-notifications{
    display: none;
    transition: 100ms ease-in-out;
}
header .notifications.active .box-notifications {
    display: block;
    position: absolute;
    top: 30px;
    background: #ffffff;
    left: -70px;
    min-width: 140px;
    max-height: 120px;
    overflow-x: hidden;
    overflow-y: scroll;
    border: 1px solid var(--text-color-3);
    padding: 4px 16px;
    border-radius: 6px;
    line-height: normal;
    box-shadow: 0px 2px 8px rgba(0,0,0,.2);
}
.notifications.news .btn-notification{
    position: relative;
}
.notifications.news .btn-notification:before{
    content: "";
    position: absolute;
    right: 0;
    top: 3px;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: var(--alert-color);
    z-index: 9;
}
.box-notifications::-webkit-scrollbar-track {
    background-color:  transparent;

  }

.box-notifications::-webkit-scrollbar {
    width: 5px;
    background: transparent;
  }

.box-notifications::-webkit-scrollbar-thumb {
    background:  var(--text-color-3);;
    height: 5px!important;
    border-right: none;
    border-left: none;

  }

.box-notifications  ul li{
    list-style: none;
}
.filter-dropdown .title-filter{
    position: relative;
    padding-right: 25px;
    cursor: pointer;
    width: auto;
    display: inline;
}
.filter-dropdown .title-filter:after{
    content: "";
    position: absolute;
    right: 0px;
    top: 3px;
    width: 12px;
    height: 12px;
    background: url('../imagens/icones/arrow-4.svg');
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    transition: 300ms  ease-in-out;
}
.filter-dropdown:not(.active) .title-filter:after{
    transform: rotate(-180deg);
}
.filter-dropdown.active .title-filter:after{
    transform: rotate(0);
}
.filter-dropdown:not(.active) .check-groups{
    display: none;

    transition: 600ms ease-in-out;
}
.filter-dropdown.active .check-groups{
    display: block;
    }
html{
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
}
.voltar-link i.theme-icon.prev2{
    width: 18px!important;
    height: 18px!important;
}
.voltar-link{
    position: absolute;
    left: 0;
    top:0;
}
.filterButton i.theme-icon{
    width: 26px!important;
    height: 26px!important;
}
.filterButton{
    position: absolute;
    right: 0;
    top:0;
}
.bg-color-3{
    background: var(--text-color-3);
}
.bg-color-4{
    background: var(--text-color-4);
}
.bar-info{
    height: 65px;
    line-height: normal;
    display: flex;
    align-items: center;
    padding: 0px 7px;
}
.bar-info >*{
    line-height: normal;
}
.bar-info .item h4,.bar-info .items h4, .bar-info .item h4 strong, .bar-info .items h4 strong{
    font-size: 1rem;
}
.tooltip-item{
    position: relative;
    top: -2px;
    display: inline-block;
    z-index: 9;
    cursor: pointer;
}
.tooltip-item .text {
    display: flex;
    font-size: 0.59rem;
    width: 12px;
    height: 12px;
    border: 1px solid #ffffff;
    align-items: center;
    justify-content: center;
    line-height: normal;
    border-radius: 100%;
    font-weight: bold;
}
.tooltip-item .content-tooltip{
    position: absolute;
    top: 18px;
    display: block;
    visibility: hidden;
    right: 0;
    width: 150px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 10px 12px 14px 12px;
    border: 1px solid var(--text-color-3);
    background: #ffffff;
    color: var(--text-color-3);
    font-size: 0.8rem;
    border-radius: 10px;
    pointer-events: none;
    opacity: 0;
    height: 0px;
    transition: 500ms ease-in-out;
}

.tooltip-item:hover .content-tooltip {
       visibility: visible;
    opacity: 1;
    pointer-events: auto;
    height: 150px;
}


#mensagemC{
    max-height: 142px;
}

.reset-password.modal::-webkit-scrollbar-track {
    background-color:  transparent;

  }

.reset-password.modal::-webkit-scrollbar {
    width: 2px;
    background: transparent;
  }

.reset-password.modal::-webkit-scrollbar-thumb {
    background:  var(--text-color-3);
    height: 2px!important;
    border-right: none;
    border-left: none;
  }

.content-tooltip::-webkit-scrollbar-track {
    background-color:  transparent;

  }

.content-tooltip::-webkit-scrollbar {
    width: 2px;
    background: transparent;
  }

.content-tooltip::-webkit-scrollbar-thumb {
    background:  var(--text-color-3);
    height: 2px!important;
    border-right: none;
    border-left: none;

  }

body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: 'SamsungOneUILatin';
    -webkit-animation: fade-in 200ms cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
            animation: fade-in 200ms cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
body.padrao{
    visibility: hidden;
}
main {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}
img {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
}
figure{
    margin:0;
    padding: 0;
}
h1{
    font-family: 'SamsungSharpSans';
    font-weight: 700;
}
a{
    text-decoration: none;
}
a:hover, .dropdown-menu li a:hover{
    text-decoration: none;
    border-bottom: 1px solid var(--menu-link);
}
.font-1{
    font-family: 'SamsungSharpSans';
}
.font-2{
    font-family: 'SamsungOneUILatin';
}
.font-3{
    font-family: 'Samsung InterFace';
}
.fs-7{
    font-size: 0.875rem!important;
}
.fs-8{
    font-size: 0.75rem!important;
}
.fs-9{
    font-size: 1.125rem!important;
}
.text-color-1{
    color: var(--menu-link)!important;
}
.text-color-2{
    color: var(--text-color-2)!important;
}
.text-color-3{
    color: var(--text-color-3)!important;
}
.text-color-4{
    color: var(--text-color-4)!important;
}
.text-color-5{
    color: var(--alert-color)!important;
}
.text-color-6{
color: var(--text-color-6);
}
.bg-faq-home{
    background: var(--bg-faq-home);
}

/*HEADER*/
header .item a:hover{
    text-decoration: none!important;
    border:none!important;
}
header .nav-link{
    color: var(--black)!important;
    font-weight: 600;
    padding-bottom: 1px!important;
    padding-top: 5px;
}

header .header-logado .nav-link{
    height: 35px;
}

header .navbar-nav{
    gap: 1rem;
}
header .menu-logado .nav-link{
    position: relative;
}
header .menu-logado .nav-link:before{
    content: "";
    position: absolute;
    width: 0px;
    height: 1px;
    background: linear-gradient(45deg, #04b4eb, #232f32);;
    left:0px;
    bottom: 0px;
    transition: 100ms ease-in-out;
}

header .menu-logado .nav-link:hover{
    border: none!important;
}
header .menu-logado .nav-link:hover:before{
    width: 100%;
}
header .dropdown-menu li a{
    border-bottom: 1px solid transparent;
}

/*background: linear-gradient(45deg, #04b4eb, #232f32);*/
/*Inputs*/
.form .form-select {
    border: none;
    border-bottom: 1px solid #000000;
    border-radius: 0;
    padding-left: 2px;
    font-weight: bold;
}
.form textarea{
    min-height: 200px;
    border-bottom: 1px solid rgb(0, 0, 0);
    resize: vertical;
    height: 100px;
}
.form .form-floating>label {
    padding: 10px 0px;
}
.form .form-floating>.form-control, .form  .form-floating>.form-control-plaintext {
    height: 40px;
}
.form .form-floating>.form-control-plaintext~label, .form  .form-floating>.form-control:focus~label, .form .form-floating>.form-control:not(:placeholder-shown)~label, .form .form-floating>.form-select~label {
      opacity: .65;
    transform: scale(.85) translateY(-1.2rem) translateX(.15rem)!important;
}
.form .form-floating>.form-control:not(:placeholder-shown){
    padding-bottom: 15px!important;
}

.input-icon{
    position: relative;
}
.input-border .form-control, .input-border .form-control:focus, .input-border .form-select {
     border: none;
    border-radius: 30px;
    padding-top: 7px;
    padding-bottom: 7px;
    filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.3));
    border: 1px solid #000000;
}
.input-icon input{
    font-size: 0.8rem;
    width: 100%;
    padding-left: 28px;
}
.input-icon .theme-icon{
    position: absolute;
    right: 8px;
    top: 9px;
    z-index: 9;
    pointer-events: none;
    background: var(--black);
    width: 15px;
    height: 15px;
}
.item-noticia{
    min-height: 277px;
}

.item-figure:after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    pointer-events: none;
    background: linear-gradient(1deg, #000000 14% , transparent 45%);
    z-index: 1;
}
.item-figure{
    position: relative;
    overflow: hidden;
}
.item-figure .text{
    position: absolute;
    bottom: 14px;
    z-index: 9;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0px 20px;
}
.pontos-info {
    position: absolute;
    right: 0;
    bottom: 0;
}
.product-item .description{
    min-height: 135px;
}
.reset-css{
    all: unset;
    cursor: pointer;
}
.point-info{
    font-size: 4rem!important;
}

.zebrados .item:nth-child(odd) {
  background-color: #ffffff; 
}

.zebrados .item:nth-child(even) {
  background-color: var(--bg-faq-home); 
}
.menu{
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between!important;
    width: 100%;
}
.dropdown-toggle::after {
    content: none;
}
.dropdown-item{
    width: fit-content;
}
.dropdown-item:focus, .dropdown-item:hover{
    background: none!important;
    color: inherit;
}
.dropdown>.dropdown-toggle:active {
    pointer-events: none;
}

.btn-auth-login, 
.btn-default,
.btn-outline-light {
     font-family: 'SamsungOneUILatin';
    border-radius: 5rem;
    font-weight: 700;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    height: 33px;
    font-size: 0.875rem;
    padding-inline: 26px !important;
}
.btn-auth-login, 
.btn-default {
    border: none;
    outline: none;
}
.btn-default.hover-1{
    border: 1px solid transparent; !important;
}
.btn-default.hover-1:hover{
    background: #ffffff;
    color: #000000;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
}
.btn-default.w-auto{
    width: auto!important;
}

.btn-default.btn3, .btn-default.btn3:hover{
    background: var(--text-color-3);
    color: #ffffff!important;
}
.btn-default.btn3:hover{
    opacity: 0.6;
}

.btn-default.btn3 i.theme-icon{
    background: #ffffff;
}

.btn-default.btn2{
    background: var(--text-color-3);
    font-size: 1rem;
    min-width: 220px;
    padding: 22px 0px;
}
.btn-default.btn2:hover{
    background: #ffffff;
    color: var(--text-color-3);
    font-size: 1rem;
    min-width: 220px;
    padding: 22px 0px;
    border:1px solid  var(--text-color-3);
}
.btn-default, .btn-default:hover, .btn-default:focus{
    background-color: var(--bg-btn-default);
    color: var(--white);
    border-bottom-style: none;
    line-height: normal;
    border:1px solid  transparent;
    transition: 100ms ease-in-out;
}

.btn-auth-login, .btn-auth-login:hover, .btn-auth-login:focus{
    background-color: var(--white);
    color: #000000;
    display: flex;
}

.btn-white, .btn-white:hover{
    line-height: 1.125rem;
    border-radius: 5rem;
    font-weight: 700;
    height: 40px;
    min-width: 2.5rem;
    width: fit-content;
    font-size:0.875rem;
    background-color: var(--white);
    color: var(--black);
    border: 1px solid #000;
    padding-inline: 24px!important;
}
.btn-quick{
    background-color: rgb(245, 247, 254);
    padding: 15px;
    border-radius: 16px;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px;
    color: var(--bg-btn-default);
}
.btn-quick:hover{
    opacity: 0.6;
}
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    text-align: center;
    max-width: 100%;
    margin: 34px auto;
}
.jp-ellipse {
  display: none;
}
.pagination .jp-previous {
  order: 1; /* Align "Anterior" to the left */
}
.pagination .jp-next {
  order: 3; /* Align "Próximo" to the right */
}
.pagination .jp-first,
.pagination .jp-last {
  display: none; /* Optionally hide "Primeiro" and "Ultimo" if not needed */
}
.pagination .jp-current,
.pagination .jp-page {
  order: 2; /* Keep page numbers in the center */
  flex-grow: 1; /* Allow page numbers to grow and take space in the center */
}

.pagination .jp-current,
.pagination .jp-page,
.pagination .jp-next,
.pagination .jp-previous {
  padding: 0 10px; /* Adjust padding as needed */
}
.pagination .jp-current,
.pagination .jp-current:hover {
    font-weight: bold;
    background-color: var(--bg-btn-default);
    color: white;
    border-radius: 10px;
    padding: 10px 15px;
}
.pagination li {
    font-size: 15px;
    display: inline-block;
    margin: 0px 12px;
    text-align: center;
    font-weight: 800;
}
.pagination li:has(a.jp-hidden){
    display: none;
}
.pagination a.jp-previous, .pagination a.jp-first {
    background: url('../imagens/icones/arrow-left.svg');
    background-position: center;
    background-repeat: no-repeat;
    padding: 3px;
    color: #ffffff!important;
    border-radius: 10px;
    filter: invert(28%);
}
.pagination a.jp-next, .pagination a.jp-last {
    background: url('../imagens/icones/arrow.svg');
    background-position: center;
    background-repeat: no-repeat;
    padding: 3px;
    color: #ffffff!important;
    border-radius: 10px;
    filter: invert(28%);
}
.pagination li a{
    cursor: pointer;
}
.pagination li a:not(.jp-current) {
    color: #000000;
}

.btns-none .step-item{
    display: none;
}
.btns-none .step-item.active{
    display: inline-flex;
}
#textClima{
    gap: 1.5rem;
    display: flex;
}
#textClima p{
    max-width: 360px;
}
.disabled-item {
    pointer-events: none;
    filter: grayscale(1);
}
#filtros .check-groups {
    margin-bottom: 1rem;
}
.video-thumb{
    min-width: 264px;
}
.requirements span{
    width: 80px;
    display: inline-block;
}
.requirements:not(.required-inline) .valid {
    color: #000000;
}
.requirements.required-inline{
    display: block;
}
.requirements.required-inline li{
    display: block;
}
.requirements{
    display: none;
}
.requirements ul {
    list-style-type: none; /* Remove os pontos antes dos itens da lista */
    padding: 0;
}
.requirements:not(.required-inline) li {
   color: #ff0000;
}
.requirements.required-inline li{
    margin-top: 10px;
    margin-left: 0px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 2px 4px;
    background-color: #ffffff;
    width: fit-content;
    border-radius: 6px;
}
.requirements.required-inline .valid {
    color: var(--bg-btn-default)!important;
}
.requirements.required-inline li:not(.valid) i{
    display: none;
}
.requirements.required-inline li.valid i{
    display: inline-block;
}
.verSenhaMatch{
    position: absolute;
    top: 16px;
    right: 8px;
    width: 20px;
    height: 20px;
    border: none;
    background:url("../imagens/icones/view.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    font-size: 0;
}

.verSenhaMatch.active{
    background:url("../imagens/icones/not-view.svg");
    background-size: 100%;
    background-repeat: no-repeat;
}
/*Produtos*/
.form-check-input, .form-check-input:hover {
     background-color: #ffffff;
    border: 2px solid #EEEEEE;
    width: 1rem;
    height: 1rem;
    border-radius: 0!important;
}

.form-check-label{
    cursor: pointer;
    margin-left: 0.5rem;
}

.form-check-input:checked{
    background-color: #1c1c1c;
    border-color: #1c1c1c;
}
.form-check-input:focus{
    box-shadow: none!important;
}
.filter-sec .filters-items{
    display: flex;
    gap:0.5rem;
}
.filter-sec{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-bottom: 1px solid var(--menu-link);
    padding-bottom: 0.75rem;
    max-width: 185px;
    border-bottom-width: 0.5px;
  
}


.filters-items .btn .closeFilter {
    display: none;
}
.filters-items .btn-check:checked + .btn .closeFilter{
    display: block;
}
.filters-items .btn-check:not(:checked) + .btn:hover{
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.15);
}
.filters-items .btn-check:checked + .btn:hover{
    background-color: var(--menu-link);
}

.filters-items .btn-check:checked + label{
    background: var(--black);
    color: var(--white);
}

/*Fim Produtos*/
.input-internas input{
    font-size: 1rem;
    padding-inline-start: 1rem;
    padding-inline-end: 1rem;
    min-width: 0px;
    outline: transparent solid 2px;
    outline-offset: 2px;
    position: relative;
    appearance: none;
    --input-font-size: 1rem;
    --input-padding: 1rem;
    --input-border-radius: 0.375rem;
    --input-height: 2.5rem;
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    background-image: inherit;
    background-position: inherit;
    background-size: inherit;
    background-repeat: inherit;
    background-attachment: inherit;
    background-origin: inherit;
    background-clip: inherit;
    width: 250px;
    background-color: #ffffff;
    height: 40px;
    font-family: 'SamsungOneUILatin';
    color: var(--menu-link);
    border-color: transparent;
    box-shadow: none !important;
}
.footer-card-item{
    height: 25px;
}
.content-card{
     min-height: 240px;
}
.datepicker-padrao .ui-datepicker.ui-datepicker-inline{
    position: static;
    left: initial;
    right: initial;
    width: 100%;

}
.datepicker-padrao .ui-datepicker-inline.ui-widget.ui-widget-content {
    width: 558px;
    margin: 0 auto;
    border: none;
}

.datepicker-padrao .ui-datepicker-inline.ui-datepicker .ui-datepicker-header {
    padding: 1rem 1.3rem;
    border-bottom: 1px solid;
    margin: 0;
    position: relative;
}
.datepicker-padrao .ui-datepicker {
    display: none; /* Hide the datepicker initially */
/*    position: absolute;*/
    top: 0;
    left: 0;
    z-index: 1000;
}
.datepicker-padrao .ui-datepicker.ui-datepicker-visible {
    display: block; /* Show the datepicker when it's visible */
}

.datepicker-padrao .ui-state-default, .datepicker-padrao .ui-datepicker-inline .ui-state-default{
     border-radius: 40px;
     display: flex;
     justify-content: center;
     align-items: center;
}
.datepicker-padrao .ui-datepicker-inline .ui-state-default {
    width: 63px;
    height: 40px;
}

.datepicker-padrao .ui-state-default.ui-state-hover,
.datepicker-padrao .ui-state-default.ui-state-hover {
    cursor: pointer;
    color: #1c1c1c;
    border-radius: 40px;
    background: #dddddd;
}
.datepicker-padrao .ui-state-default.ui-state-active {
    background: var(--bg-btn-default);
    color: #ffffff;
}

.datepicker-padrao .ui-widget.ui-widget-content {
    border: none;
    width: 411px;
    display: flex;
    flex-wrap: wrap;
    font-family: 'SamsungOneUILatin';
    -webkit-box-pack: center;
    justify-content: center;
    background-color: #ffffff;
    transition: 2s;
    border-bottom-left-radius: 0.357rem;
    border-bottom-right-radius: 0.357rem;
    border: 1px solid #eeeeee;
    transition: none;
    transform: none;
}

.datepicker-padrao .ui-datepicker .ui-datepicker-header {
    position: relative;
    border-radius: 0;
    width: 100%;
    padding: 1rem;
    margin: 0px 2.7rem 0px 2.7rem;
    background: none;
    border: none;
    border-bottom: 1px solid;
}


.datepicker-padrao  .ui-datepicker .ui-datepicker-calendar thead {
    display: none;
}
/*setas*/
.datepicker-padrao .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
        display: none; /* Remove as setas de navegação */
}


/*setas*/
 .datepicker-padrao .ui-datepicker-inline.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker-inline.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    display: block; /* Remove as setas de navegação */
    display: flex;
    height: auto;
    width: auto;
    background: none;
    line-height: 0;
    margin: 0;
    top: 20px;
    border: none!important;
    cursor: pointer;
}
.datepicker-padrao .ui-datepicker-inline.ui-datepicker .ui-datepicker-header .ui-datepicker-prev{
    right: 70px;
    left: initial;
} 
.datepicker-padrao .ui-datepicker-inline.ui-datepicker .ui-datepicker-header .ui-datepicker-next{
    right: 46px;
    left: initial;
}
.datepicker-padrao .ui-datepicker-inline.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span,
.datepicker-padrao .ui-datepicker-inline.ui-datepicker .ui-datepicker-header .ui-datepicker-next span{
    font-size: 0;
    margin:0;
    width: 24px;
    height: 24px;
 }

.datepicker-padrao .ui-datepicker-inline.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span{
    background: url('../imagens/icones/arrow.svg');
    transform: rotate(-180deg);
    background-size: 35%;
    background-position: center;
    background-repeat: no-repeat;
}
.datepicker-padrao .ui-datepicker-inline.ui-datepicker .ui-datepicker-header .ui-datepicker-next span{
    background: url('../imagens/icones/arrow.svg');
    background-size: 35%;
    background-position: center;
    background-repeat: no-repeat;
}

.datepicker-padrao .ui-datepicker-inline.ui-datepicker select.ui-datepicker-month, .ui-datepicker-inline.ui-datepicker  select.ui-datepicker-year{
    max-width: 127px;
}
.datepicker-padrao .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    min-width: 127px;
    position: relative;
    cursor: pointer;
    border-width: 1px;
    outline: none!important;
    border-color: #dddddd;
    color: var(--menu-link);
    font-weight: 400;
    font-size: 0.875rem;
    font-family: 'SamsungOneUILatin';
    border-radius: 0.25rem;
    height: 40px;
    padding: 0px;
    box-shadow: none!important;
}

.datepicker-padrao .ui-datepicker .ui-datepicker-title {
    margin: 0;
    line-height: normal;
    text-align: center;
    display: flex;
    gap: 1.5rem;
}


.datepicker-padrao .ui-datepicker .ui-datepicker-calendar .ui-datepicker-other-month {
        opacity: 0.5; /* Para mostrar os dias dos outros meses mais claros */
        margin: 2px; /* Adiciona margens aos dias dos outros meses */
    }

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    -ms-filter: "alpha(opacity=70)";
    font-weight: normal;
    text-align: center;
}
.datepicker-padrao table.ui-datepicker-calendar {
    width: 320px;
    height: 256px;
    margin: 20px 20px 39px 20px;
}
.datepicker-padrao .ui-datepicker-inline table.ui-datepicker-calendar {
    width: 100%;
    height: 296px;
}
.datepicker-padrao .ui-datepicker-inline table.ui-datepicker-calendar{
    margin: 0 auto;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active
.picker__day--infocus:hover, .picker__day--outfocus:hover {
    padding: .3125em 0;
    border: 1px solid transparent;
    color: #1c1c1c;
    font-weight: 400;
    font-size: 1rem;
    text-align: center;
    background: none;
}

.check-item:checked + .label-span {
     background-color: #000000;
     color: #ffffff;
     font-weight: 700;
}
.check-item:checked + .label-span:hover {
     background-color:var(--menu-link);
}

.check-item:checked ~ .label-span i {
    display: inline;
}

.check-item:not(:checked) ~ .label-span i {
    display: none;
}
.check-with-image, .check-item{ 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.check-options .theme-icon {
    display: none;
    width: 48px;
    height: 28px;
    margin:0;
    cursor: pointer;
}

.check-with-image:checked ~ .checked {
    display: inline;
}

.check-with-image:not(:checked) ~ .not-checked {
    display: inline;
}

select[readonly]{
  pointer-events: none;
  touch-action: none;
}

span.error{
    font-family: 'SamsungOneUILatin';
    font-size: 0.675rem;
    color: var(--bg-btn-danger-item);
    padding-top: 0.75rem;
}


.form-group label.rounded:before{
    border-radius: 50%;
    margin-right: 20px;
}

.form-group input:checked +  label.rounded:after{
    content: '';
    background: var(--theme-color1);
    border: none;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    left: 4px;
    top: 23%;
}
.form-group.check-icons input:checked + label:before {
    background: #bbbbbb;
    border: 2px solid #bbbbbb;
}
.form-group.check-icons  label:before {
    content: '';
    -webkit-appearance: none;
    background-color: #dddddd;
    border: 2px solid #dddddd;
    padding: 0;
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 1.5px;
}

.form-group.check-icons  input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #000000;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.form-group.check-icons{
    position: relative;
}
.form-group.check-icons input:checked + label:after {
    left: 17px;
    border: solid var(--bg-default);
    border-width: 0 2px 2px 0;
}
.form-group.check input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}
.form-group.check-icons  input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    left: 6px;
    width: 6px;
    height: 10px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    -webkit-animation: fade-in 400ms cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
            animation: fade-in 400ms cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.reset-password .modal-dialog {
    max-width: 100%;
}


.links-footer ul {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: end;
    align-items: center;
}

.links-footer ul li{
    display: inline-block;
    list-style: none;
    margin: 0px 4px;
}
.links-footer ul li a:hover{
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 10px -2px;
    cursor: pointer;
}
.links-footer ul li a{
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}
.itm-footer{
    margin-right: 30px;
}
.mt-75{
    margin-top: 75px;
}
.mt-60{
    margin-top: 60px;
}
main .section-default:last-child{
    margin-bottom: 50px;
}
/*#footer{
    background: var(--bg-footer);
    padding: 2rem 0px 0px 0px;
}*/
.options-fmr{
    width: 100%;
    margin: 0 auto;
}
.text-1{
    color: #1C1C1C;
    font-size: 12px;
    margin: 0;
}
.options-fmr a{
    color: var(--black);
    text-decoration: none;
}


.accordion-item .accordion-button:focus,.accordion-item .accordion-button:active, .accordion-button:not(.collapsed){
    box-shadow: none;
    background: none;
}

.default-accordion .accordion-button::after {
    background-image: url("../imagens/accordion-button/not-active.png")!important;
    background-repeat: no-repeat;
    width: 25px!important;
    height: 25px!important;
    background-size: cover;
}

.default-accordion .accordion-button:not(.collapsed)::after {
    background-image: url("../imagens/accordion-button/active.png")!important;
    background-repeat: no-repeat;
}
.options-fmr a:hover{
    text-decoration: none;
    margin-bottom: -1px;
    border-bottom-style: solid;
    border-width: 1px;
    border-color: var(--menu-link);
}

.form-control, .dataTables_filter input{
    font-size: 1rem;
    position: relative;
    appearance: none;
    display: block;
    width: 100%;
    color: #000000;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #000;
    background-color: var(--white);
    box-sizing: border-box;
}
.form-control:focus {
    border-bottom: 1px solid #000;
    box-shadow: none!important;
}
.form-select{
    background-color: var(--white);
    border-radius: 5px;
}
textarea.form-control{
    height: initial;
}

.reset-button:focus,
.reset-button:active,
.reset-button:hover{
    outline: none;
    text-decoration: none;
}

i.theme-icon{
    width: 20px;
    height: 20px;
    display: inline-block;
}

.login-fmr{
    padding: 40px 0px;
}

.fmr {
    width: 100%;
    max-width: 270px;
}

#footer .options-fmr a, #footer .options-fmr a:hover{
    text-decoration: none!important;
    font-size: 0.875rem;
    border:none;

}

.btn-light-blue,
.btn-light-blue:hover,
.btn-light-blue:focus,
.btn-light-blue:active{
    background: url('http://localhost/conexao_azul//app/imagens/icones/arrow-right-blue.svg') no-repeat center right;
    background-color: #edf6ff!important;
    border-radius: 8px;
    border: none!important;
    width: 100%;
    height: 110px;
    flex-direction: column;
}

.btn-light-blue:disabled{
    filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
}
.btn-light-blue h2{
    color: var(--theme-color1);
}
.bg-light-blue{
    background-color: #edf6ff!important;
}
.btn-white-blue{
    background-color: var(--white)!important;
    color: var(--theme-color1)!important;
    border: 1px solid var(--theme-color1)!important;
}
.btn-check + label .fa-star{
    color: #EEEEEE;
}
.btn-check:checked + label .fa-star{
    color: var(--theme-color1);
}
.accordion-flush .accordion-item{
     border: none!important;
    background: none;
}

@media (min-width: 993px) and (max-width: 1500px){
    header .nav-link, .content-menu .dropdown-item{
        font-size: 0.8rem;
    }
}
.disabled-button button{
    pointer-events: none;
    opacity: 0.8;
    filter: grayscale(1);
}

@media (max-width: 992px){
    .submenu-user {
    filter: none;
    border: none;
    width: 100%;
}
    .dropdown>.dropdown-toggle:active {
        pointer-events: auto;
    }
.bar-info{
    height: auto;
    padding: 9px 7px;
}
    .tabpadrao li.nav-item{
        width: 100%;
        padding: 2px 5px!important;
        text-align: center;
    } 
    .tabpadrao li.nav-item .nav-link{
        width: 100%;
    }

       .tabpadrao li.nav-item
    .btn-info{
        right: 3%;
        bottom:5%;
    }
    #tabelaPontosDestaque .info-mes, #homeExtratoPontos .info-mes {
        min-height: 200px;
    }
    .bar-info .item {
        text-align: right;
    }

    .datepicker-padrao .ui-widget.ui-widget-content{
        max-width: 80%!important;
    }
    #homeBanner .slick-next{
        right: 10px;
    }
    #homeBanner .slick-prev{
        left: 10px;
    }
    #homeBanner .slick-next .theme-icon,
    #homeBanner .slick-prev .theme-icon{
        width: 15px!important;
        height: 15px!important;
}

    .border-bottom-sm{
        border-bottom: 1px solid rgba(0,0,0,0.2);
    }
    .containerVH{
        height: auto;
    }
    .b-left-md{
        border-left: 1px solid transparent;
    }
    .blocoCamposLogin{
        width:100%;
    }
    .blocologinBanner{
        flex-direction: column-reverse;
    }
    .filterButton{
        top: 40px;
    }
    .logo {
        display: flex;
        align-items: center
    }    
    .logo img {
        display: flex;
        align-items: center;
        width: 130px;
    }
    .bar-info .item h4,.bar-info .items h4, .bar-info .item h4 strong, .bar-info .items h4 strong{
        font-size: 0.8rem!important;
    }
    .input-icon .theme-icon {
        left: 17px;
        top: 9px;
        width: 19px;
        height: 19px;
    }
    .input-icon input {
        font-size: 1rem;
        padding-left: 45px;
    }
    .input-border .form-control {
        height: 40px;
    }
    .menu {
        height: 70px;
        align-items: center;
    }
    .btn-default{
        width: 100%;
        margin-bottom: 10px;
        height: 40px;
    }
    .btn-light-blue,.btn-light-blue:hover,
    .btn-light-blue:focus,
    .btn-light-blue:active{
        height: auto;
    }
    .dropdown-menu[data-bs-popper]{
        margin-top: 0!important;
    }
    header .navbar-toggler, header .navbar-toggler:focus, header .navbar-toggler:active{
        outline: none;
        box-shadow: none;
        border:none;
        padding: 0;
    }
    header .navbar-toggler:not(.collapsed) .navbar-toggler-icon{
        background: url("../imagens/icones/close.png");
        background-size: 100%;
        background-repeat: no-repeat;
        width: 25px;
        height: 25px;
        font-size: 0;
    }
    header .navbar-toggler .navbar-toggler-icon{
        background: url("../imagens/icones/menu.png");
        background-size: 100%;
        background-repeat: no-repeat;
        width: 30px;
        height: 30px;
        font-size: 0;
    }
    .navbar-toggler.collapsed{
    position: absolute;
    top: 1px;
    right: 4px;
    z-index: 9999;
    width: auto;
    padding: 0;

        }
    .navbar-toggler:not(.collapsed){
         position: fixed;
        top: 20px;
        right: 13px;
        z-index: 999999999;
        background: #ffffff;
         transition: 500ms ease-in-out;
    }
    header .navbar-nav {
    background: #ffffff;
    position: absolute;
    width: 85%;
    height: 100vh;
    padding: 60px 0px 125px 0px;
    z-index: 999;
    overflow-x: scroll;
    }
    li.nav-item.border-mobile  {
        border-bottom: 1px solid;
    }
     li.nav-item{
           padding: 0px 40px 15px 20px;
    }
    header .notifications.active .box-notifications {
        left: -140px;
    }
/*    .voltar-link{
        position: static;
    }*/
      #navbarNav.show {
        transform: translateX(0); /* Move o menu para a posição visível */
    }
     #navbarNav {
       transform: translateX(100%);
    transition: transform 0.2s ease-in-out;
    background: transparent!important;
    position: fixed;
    width: 90%;
    z-index: 9999;
    top: 0;
    }
    .navbar-toggler{
           transition: transform 0.4s ease-in-out; /* Suaviza a transição */
    }
    header .nav-link>*{
        width: 100%;
    }
    header .nav-link.active{
        color: var(--bg-btn-default)!important;
    }
    header .nav-link.active i.theme-icon{
        background: var(--bg-btn-default);
    }
    header .dropdown .nav-link::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
    }
    .fmr {
        max-width: 100%;
    }

    .point-info{
        font-size:3.5rem!important;
    }
}


@media (min-width:769px){

    .dropdown-menu{
        flex-flow: column wrap;
        align-content: flex-start;
        position: relative;
        border: none;
        z-index: 10;
    }
    .dropdown-menu li{
        padding: 0.5rem;
    }
    .dropdown-menu li a{
        white-space: break-spaces!important;
    }
    .collapse.navbar-collapse{
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
    }
    .dropdown-menu-wrapper {
        display: none;
        position: absolute;
        width: 480px;
        background-color: #fff;
        z-index: 9;
        left: -1.5rem;
        top: 2.2rem;
        height: 280px;
    }
    .dropdown:hover:not(.menu-superior) .dropdown-menu.show{
        position: static;
    }
    .dropdown:hover:not(.menu-superior) .dropdown-menu:not(.menu-superior){
        display: block!important;
    }
    .dropdown#meu-perfil ul{
        max-width: 20px;
    }
}

@media (min-width: 1px) and (max-width: 768px){
    header .menu-logado .nav-link:hover,
    header .menu .nav-link:hover{
        border:none!important;
    }
    .pagination li a{
        padding: 4px!important;
        width: 10px;
        height: 10px;
        display: block;
        border-radius: 10px!important;
    }
/*    .pagination li:has(.jp-next),
    .pagination li:has(.jp-previous){
        position: absolute;
        bottom: 300px;
        margin: 0!important;
    }*/
    .pagination li:has(.jp-next){
        right: -25px;
    }
    .pagination li:has(.jp-previous){
        left: -25px;
    }

    .pagination li .jp-next,
    .pagination li .jp-previous{
        background-color: transparent!important;
        background-size: cover;
        width: 20px;
        height: 20px;

    }
    .pagination li:has(span) {
        display: none;
    }

    .pagination li a:not(.jp-current) {
        background-color: var(--bs-gray-500);

    }
}


@media (max-width: 992px) and (orientation: landscape){
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes w-100 {
    0% { 
        width: 0%;
    }
    100% { 
        width: width;
    }
}
@-webkit-keyframes w-100 {
    0% {
        width: 0%;
    }
    100% {
        width: width;
    }
}

body.menu-aberto,  body.menu-aberto main{
    position: relative;
    overflow: hidden; 
}
.menu-aberto:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    height: 100vh;
    width: 100%;
    z-index: 9;
    background: rgb(0 0 0 / 32%);
    -webkit-animation: fade-in 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
        animation: fade-in 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}