@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

section#tabela-cotas{
    font-family: "Inter", sans-serif !important;
    font-size:15px;
}
.container-fluid{
    max-width:100%;
    width:1690px;
}
section#tabela-cotas h2{margin: 0 0 40px;text-transform: uppercase;color: #000;font-weight: 900;font-size: 24px;}
section#tabela-cotas h2 span{border-bottom: 3px var(--cor-primaria) solid;}
section#tabela-cotas h3{margin: 0 0 20px;font-weight: 700;text-transform: uppercase;font-size: 20px;}
#clearFiltros{background: transparent;border: 0;outline: none;padding: 0 10px;}
#clearFiltros svg{width:30px;}
#botaoFiltrarPreco{display: flex;align-items: center;justify-content: center;width: 100px;height: 32px;background: var(--cor-primaria);border: 0;color: #fff;font-weight: 500;text-transform: uppercase;font-size: 13px;outline: none;transition:all 0.3s linear;}
#botaoFiltrarPreco:hover{background:var(--cor-secundaria);}
.filtro-categoria label{border: 1px solid #ccc;padding: 8px 20px;text-transform: uppercase;color:var(--cor-primaria);font-weight: 500;font-size: 14px;background:#fff;transition:all 0.3s linear;margin-right: 10px;line-height:26px;cursor:pointer;}
.filtro-categoria label svg{width:26px;fill:var(--cor-primaria);transition:all 0.3s linear;}
.filtro-categoria input:checked + label, .filtro-categoria label:hover{border-color:var(--cor-primaria);background:var(--cor-primaria);color:#fff;}
.filtro-categoria input:checked + label svg, .filtro-categoria label:hover svg{fill:#fff;}
.filtros-top{margin-bottom:15px;}
.filtros-bottom{margin-bottom:15px;display: flex;align-items: center;justify-content: flex-end;}
.filtros-bottom label{position:relative;padding-left:24px;font-size:14px;font-weight:500;color:#333;line-height:18px;cursor:pointer;}
.filtros-bottom label:before{content:"";width:18px;height:18px;border-radius:4px;border:1px solid #ccc;background:#fff;position:absolute;left:0;top:50%;transform:translatey(-50%);transition:all 0.3s linear;}
.filtros-bottom input:checked + label:before{background:var(--cor-primaria);border-color:var(--cor-primaria);}
.filtros-bottom label:after{content: "\f633";display: inline-block;font-family: bootstrap-icons !important;font-style: normal;font-weight: 400 !important;font-variant: normal;text-transform: none;line-height: 1;position:absolute;left:0;top:50%;
transform:translatey(-50%);width:18px;height:18px;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;}
.filtros-bottom .d-flex > div:not(:last-child){margin-right:15px;}
 
#sliderValorCredito{width: 270px;height: 17px;background: #0000000f;border-radius: 4px;border: 1px solid #D3D3D3;box-shadow: inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB;margin-right: 12px;}
.ui-slider-horizontal .ui-widget-header{height: 100%;background: #0000000f;}
.ui-slider-horizontal .ui-slider-handle{position: relative;height: 18px;width: 10px;display: flex;top: -2px;background: var(--cor-primaria) !important;right: -3px;border:0 !important;outline:none !important;}
.ui-slider-horizontal .ui-slider-handle:before{content:attr(data-value);width: 86px;height: 22px;border-radius: 5px;background: #333;position: absolute;top: -26px;left: 50%;transform: translateX(-50%);color: #fff;display: flex;justify-content: center;align-items: center;font-size: 10px;}
.ui-slider-horizontal .ui-slider-handle:after{content:"";position: absolute;top: -5px;left: 50%;transform: translateX(-50%);top: -5px;left: 50%;transform: translateX(-50%);border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #333;}
.ui-slider-horizontal .ui-slider-handle:nth-child(3){display:none;}
    
.modal-open {display: flex !important;align-items: center;justify-content: center;background-color: rgba(0, 0, 0, 0.4);;animation-name: fadeInOpacity;animation-iteration-count: 1;animation-timing-function: ease-in;animation-duration: 1s;z-index: 999 !important;}
@keyframes fadeInOpacity {0% {opacity: 0;}100% {opacity: 1;}}
.fora-modal{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;cursor: pointer;}
.content-modal{
position: relative;
z-index: 5;
background: #fff;
width: 440px;
max-width: 96%;
}
.content-modal .header-modal{
background: #000;
padding: 12px 15px;
color: #fff;
}
.content-modal .header-modal h4{
margin: 0;
font-size: 15px;
text-transform: uppercase;
font-weight: 600;
font-family: Inter;
}
.content-modal .header-modal .close-modal{
position: relative;
cursor: pointer;
font-size: 18px;
line-height: 1;
transition:all 0.3s linear;
}
.content-modal .header-modal .close-modal:hover{
color:var(--cor-primaria);
}
.content-modal .body-modal{
padding:25px 15px 25px;
max-height: 500px;
overflow: auto;
}
.content-modal .body-modal p{
margin-bottom: 0;
line-height: 26px;
font-size: 16px;
color: rgb(54, 69, 89);
font-family: Inter;
font-weight: 400;
}
.content-modal .body-modal p strong{font-family: Inter;}
.content-modal .footer-modal{
padding: 15px;
background-color: rgb(247, 247, 247);
border-top: 1px solid #e5e7eb;
}
a.compartilhar-cota{
color: #fff;
background: #000;
border: 0 !important;
font-family: Inter;
font-size: 15px;
transition:all 0.3s linear;
text-decoration:none !important;
padding: 10px 15px;
}
a.compartilhar-cota:hover, a.compartilhar-cota:focus, a.compartilhar-cota:active{
background:#222;
color: #fff;
}
a.compartilhar-cota i{
margin-right:10px;
}
a.negociar-cota{
color: #fff;
background: rgb(1, 162, 142);
border: 0 !important;
font-family: Inter;
font-size: 15px;
transition:all 0.3s linear;
text-decoration:none !important;
padding: 10px 15px;
}
a.negociar-cota:hover, a.negociar-cota:focus, a.negociar-cota:active{
background:rgb(1, 126, 110);
color: #fff;
}
a.negociar-cota i{
margin-right:10px;
}

.table-consorcio{border:0;}
.table-consorcio thead{position:sticky;top:0;background-color:var(--cor-primaria) !important;border: 0 !important;}
.table-consorcio thead tr th{background-color:transparent !important;border: 0 !important;color:var(--cor-cabecalho-tabela) !important;font-weight: 700;font-size: 16px;text-transform: uppercase;font-family: Inter;}
.table-consorcio tbody tr td{vertical-align:middle;border:0 !important;font-family: Inter;font-size:14px;}
.table-consorcio .adm-logo img{max-width: 50px;width: auto;max-height: 44px;}
.table-consorcio .adm-logo, .table-consorcio .icon-cat, .table-consorcio .select-area, .table-consorcio .view-cota{text-align:center;}
.table-consorcio .icon-cat svg{width:30px;fill:var(--cor-primaria);}
.table-consorcio .btn-reserva{display:flex;align-items:center;justify-content:center;color:#fff !important;width:144px;height:34px;background-color:var(--cor-primaria);text-decoration:none;font-weight:500;font-size:12px;font-family: Inter;}
.table-consorcio .btn-reserva.btn-reservar{background-color:rgb(1, 162, 142);transition:all 0.3s linear;}
.table-consorcio .btn-reserva.btn-reservar:hover{background-color:rgb(1, 126, 110);}
.table-consorcio .btn-reserva svg{width: 17px;margin-right: 5px;}
.table-consorcio .btn-reserva svg path{fill:#fff;}
.table-consorcio .ver-cota{display: flex;align-items: center;justify-content: center;width: 46px;height: 34px;padding: 13px;border: 1px solid #d3d3d3;background: rgba(255, 255, 255, 0.25);transition: all 0.3s linear;cursor:pointer;}
.table-consorcio .ver-cota svg path{stroke:rgb(97, 113, 136);transition: all 0.3s linear;}
.table-consorcio .ver-cota:hover{background:var(--cor-primaria);}
.table-consorcio .ver-cota:hover svg path{stroke:#fff;}
.table-consorcio .cota-select + label{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;border:2px solid #ccc;width:16px;height:16px;margin:0 auto;color: #fff;font-size: 13px;transition:all 0.3s linear;}
.table-consorcio .cota-select:checked + label{border-color:#fff;background:var(--cor-primaria);}
#tabelaContemplados tr:hover td, #tabelaContemplados tr.checked td{background:transparent !important;color:var(--cor-texto-tabela-hover);}
#tabelaContemplados tr:hover td .ver-cota svg path,  #tabelaContemplados tr.checked td .ver-cota svg path{stroke: var(--cor-texto-tabela-hover);}
#tabelaContemplados tr:hover{background:var(--cor-tabela-hover) !important;}
#tabelaContemplados tr.checked{background-color:var(--cor-tabela-hover) !important;}

button#somar-cotas{
position: fixed;
bottom: 15px;
right: 15px;
z-index: 99;
background:var(--cor-secundaria);
color:#fff;
font-family:Inter;
font-size:14px;
transition:all 0.2s linear;
border:0;
padding: 10px 15px;
}
button#somar-cotas:hover{
transform:scale(1.04);
}
button#somar-cotas i{
margin-right:5px;
}

button#compartilha-cotas{
position: fixed;
bottom: 15px;
left: 15px;
z-index: 99;
background:rgb(1, 162, 142);
color:#fff;
font-family:Inter;
font-size:14px;
transition:all 0.2s linear;
border:0;
padding: 10px 15px;
}
button#compartilha-cotas:hover{
transform:scale(1.04);
}
button#compartilha-cotas i{
margin-right:5px;
}

.open-cartas{
font-size:15px;
cursor:pointer;
transition:all 0.3s linear;
}
.open-cartas:hover{
color:var(--cor-secundaria);
}
.detalhe-cota{
background:#f3f4f6;
color:#555;
padding:10px;
margin:7px 0;
}
.detalhe-cota small{
font-size: 13px;
font-family: Inter;
font-weight: 400;
}
.detalhe-cota small strong{
font-weight:700;
font-family: Inter;
}
.detalhe-cota span{
font-weight: 600;
font-size: 15px;
font-family: Inter;
}

.tabela-consorcio .loading{
width: 100%;
align-items: center;
justify-content: center;
display: none;
}
.loading-page{
display: none;
align-items: center;
justify-content: center;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 999;
background: rgba(255, 255, 255, 0.6);
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
        
.loading-page svg {
    animation: spin 2s linear infinite;
}

.swal2-popup.swal2-modal{
padding: 20px 30px !important;
max-width: 380px;
border-radius:15px !important;
box-shadow: 0 0 18px rgba(0, 0, 0, 0.2);
border: 1px solid #E5E5E5;
}
.swal2-title{
padding: 10px 0 0 !important;
text-align: center;
font: normal normal bold 14px/14px Inter;
letter-spacing: 0px;
color: #100841;
margin-bottom: 0px;
}
.swal2-html-container{
display: block;
margin: 0 auto 15px !important;
text-align: center !important;
font: normal normal normal 13px/20px Inter !important;
letter-spacing: 0px;
color: #100841 !important;
opacity: 0.55;
padding: 5px 0 0 !important;
}
.swal2-actions{
margin: 0 !important;
}
button.swal2-confirm.swal2-styled{
margin: 0 !important;
width: 40px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 !important;
background: var(--cor-primaria);
border-radius: 5px;
box-shadow: none !important;
outline: none !important;
text-align: center;
font: normal normal normal 13px/20px Inter;
letter-spacing: 0px;
color: #FFFFFF;
transition: all 0.4s linear;
}
button.swal2-confirm.swal2-styled:hover{
background:var(--cor-secundaria);
color:#fff;
}
.swal2-container{
background-color: rgba(150, 150, 150, 0.3);
-webkit-backdrop-filter: blur(7px);
backdrop-filter: blur(7px);
}
.swal2-icon.swal2-warning.swal2-icon-show{
margin: 0 auto !important;
font-size: 0;
width: 24px;
height: 24px;
background-image: url(../images/warning.svg);
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
}

@media(max-width:992px){
section#tabela-cotas h2 {
  margin: 0 0 25px;
  text-transform: uppercase;
  font-size: 18px;
  text-align: left;
}
.filtros-top {
  margin-bottom: 15px;
  width: 100%;
}
.filtros-top .filtro-categoria{
width: 100%;
margin: 0 auto 20px;
}
.filtros-top .filtro-categoria .d-flex{
justify-content:flex-start;
}
section#tabela-cotas h3 {
  margin: 0 0 12px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 15px;
  text-align: left !important;
}
.filtro-preco .d-flex{
flex-wrap:wrap;
justify-content: flex-start;
}
.slide-price{
margin: 20px auto 15px;
}
#sliderValorCredito {
  margin-right: 0;
}
.filtros-bottom {
justify-content: center;
}
.filtro-categoria label {
  padding: 5px 15px;
  font-size: 13px;
  line-height:22px;
}
.filtro-categoria label svg {
  width: 22px;
}
.container-fluid{
padding:0;
}
.table-consorcio thead tr th, .table-consorcio tbody tr td, button#somar-cotas, button#compartilha-cotas{
font-size:12px;
}
.table-consorcio .icon-cat svg {
width: 18px;
}
.table-consorcio .adm-logo img {
max-width: 34px !important;
width: auto;
max-height: 24px;
}
.tabela-consorcio{
width: 100%;
overflow: auto;
padding-bottom:15px;
}
.table-consorcio .ver-cota {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 26px;
  padding: 8px;
}
.table-consorcio .btn-reserva {
  width: 110px;
  height: 30px;
  font-size: 11px;
}
.table-consorcio .btn-reserva svg {
width: 15px;
margin-right: 5px;
}
.table-consorcio{
width: 660px;
}



    
    
}