body.light-mode {
    --cor-fundo:#ffffff;
    --bg_loading: rgb(255,255,255,.5);
    --cor-primaria: #ED2A54;
    --cor-secundaria: #0C2533;
    --fundo-icon: #F7F7F8;
    --fill-mode: #888888;
    --logo: url(../img/logo.png);
    --cor-texto: #000000;
    --bg-menu: #FCFCFC;
    --cor-menu:#0C2533;
    --bg-box-section:#f2f2f2;
}
body.dark-mode {
    --cor-fundo:#0C2533;
    --bg_loading: rgb(12, 37, 51,.5);
    --cor-primaria: #ED2A54;
    --cor-secundaria: #FFFFFF;
    --fundo-icon: #F7F7F8;
    --fill-mode: #ffffff;
    --logo: url(../img/logo_dark.png);
    --cor-texto: #ffffff;
    --bg-menu: #0B181F;
    --cor-menu:#ffffff;
    --bg-box-section:#234152;
}

@-moz-document url-prefix() {
  html {
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
  }
}
::-webkit-scrollbar {
width: 2px;
height: 2px;
}
::-webkit-scrollbar-thumb {
background-color: transparent;
border-radius: 10px;
}
::-webkit-scrollbar-track {
background-color: transparent;
}
html, body{
margin:0;
padding:0;
font-family: "Lexend", sans-serif;
font-size: 15px;
width: 100%;
max-width: 100%;
height: 100%;
min-height: 100vh;
background:var(--cor-fundo);
color:var(--cor-texto);
}
ul{
margin:0;
padding:0;
}
ul li{
padding:0;
margin:0;
list-style: none;
}
img{
max-width: 100%;
height:auto;
border:0;
outline: 0;
}
button, input, a, select, textarea{
outline: 0 !important;
border:0;
text-decoration: none;
}
#loading-form{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10000;
visibility: visible;
opacity: 1;
transition: all .2s ease-out;
background: var(--bg_loading);
display: none;
align-items: center;
justify-content: center;
flex-wrap:wrap;
}
.loading {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10000;
visibility: hidden;
opacity: 0;
transition: all .2s ease-out;
display: flex;
align-items: center;
justify-content: center;
flex-wrap:wrap;
}
.loading > div{
width:100%;
text-align: center;
}
.loading.active{
opacity:1;
visibility:visible;
transition: all .2s ease-out;
}
.loading #logo-loading{
animation: pulse 0.7s infinite;
margin: 0 auto;
animation-direction: alternate;
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
section#auth{
width: 100%;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
.logo-login{
max-width: 200px;
height:44px;
margin: 0 auto 30px;
background-image: var(--logo);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
.area-login{
max-width: 400px;
margin:0 auto;
}
section#auth .input-imob{
margin:0 auto 20px;
position:relative;
}
section#auth .input-imob input{
width: 100%;
height: 50px;
border-radius: 30px;
padding: 5px 20px;
background: #EEE;
color: #0C2533;
}
.show-pass{
top: 50%;
transform: translatey(-50%);
right: 10px;
font-size: 15px;
color: #a6a6a6;
opacity: 1;
cursor: pointer;
}
section#auth .input-imob .show-pass{
right:20px;
}
a.link-recuperar-senha{
display: flex;
justify-content: center;
text-transform: uppercase;
font-weight: 500;
color: var(--cor-primaria);
transition: all .3s linear;
}
a.link-recuperar-senha:hover{
color:var(--cor-secundaria);
}
button.btn-submit{
width: 100%;
height: 50px;
background: var(--cor-primaria);
color: #fff;
text-transform: uppercase;
font-weight: 700;
border-radius: 30px;
transition: all .3s linear;
}
button.btn-submit:hover{
background:#CE143C;
color:#fff;
}
.alert{
padding: 5px 15px !important;
font-size: 14px !important;
font-weight: 500 !important;
}
section#auth .alert{
border-radius: 20px !important;
}
#topo-dash{
position:fixed;
top:0;
left:0;
width: 100%;
background-color:var(--cor-fundo);
padding: 7px 0 8px;
z-index:1000;
box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.15);
transition: all .3s linear;
}

/* Ajuste para quando o menu está escondido */
#root.hide-menu #topo-dash{
left: 0;
width: 100%;
}
.content-topo .acoes a, .content-topo .conta-topo a{
width:34px;
height:34px;
border-radius:50%;
background:var(--fundo-icon);
margin-right:10px;
}
.logo-topo a{
width: 150px;
height:36px;
display:flex;
align-items:center;
justify-content:center;
background:var(--logo);
background-size:100%;
background-position:center;
background-repeat:no-repeat;
}
.switch-mode .icon-mode{
line-height:1;
}
.switch-mode .icon-mode svg path{
fill:var(--fill-mode) !important;
}
.switch-mode label.switch{
width: 34px;
height: 18px;
border-radius: 20px;
border: 1px solid var(--fill-mode);
position: relative;
transition: all .3s linear;
margin: 0 6px 0 5px;
cursor:pointer;
}
.switch-mode label.switch span.slider{
width:14px;
height:14px;
background:var(--fill-mode);
left:2px;
top:1px;
position:absolute;
transition:all .3s linear;
border-radius:50%;
}
.switch-mode label.switch input:checked + span.slider{
left:16px;
}
.content-topo .acoes, .content-topo .conta-topo{
width:175px;
}
.profile-menu .avatar-header{
width: 36px;
height: 36px;
border-radius: 50%;
background-size: cover;
background-position: center;
cursor: pointer;
}
#root{
position:relative;
height:100vh;
}
.sidebar-dash{
width: 280px;
height: 100vh;
background: var(--bg-menu);
position: fixed;
top: 0;
left: 0;
z-index: 10;
transition:all .3s linear;
transform:translatex(0);
display: flex;
flex-direction: column;
}
.sidebar-dash .area-nav{
flex: 1;
overflow-y: auto;
overflow-x: hidden;
display: flex;
align-items: center;
justify-content: center;
}
#root.hide-menu .sidebar-dash{
transform:translatex(-100%);
}
.sidebar-dash .logo-cliente{
width: 100%;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
border-bottom:10px solid var(--bg-menu);
margin-top: 51px;
flex-shrink: 0;
}
#root .content-dash{
position:relative;
width:100%;
height:100vh;
padding-left:280px;
padding-top: 81px;
overflow-y:auto;
transition:all .3s linear;
}
#root.hide-menu .content-dash{
padding-left:0;
}
.banner-cliente{
position: relative;
width: 100%;
height: 150px;
border-bottom:10px solid var(--cor-primaria);
}
.banner-cliente:before{
content:"";
width:100%;
height: 100%;
background:#0C2533;
position:absolute;
left:0;
top:0;
z-index:2;
mix-blend-mode: hard-light;
}
.banner-cliente img{
width:100%;
height:100%;
object-fit: cover;
}
.sidebar-dash .navegacao{
margin: 0;
width: 100%;
}
.sidebar-dash .navegacao .content-nav{
padding: 0 15px;
}
.sidebar-dash .navegacao .content-nav .menus li a{
padding: 10px 15px;
border-radius: 10px;
font-weight: 400;
font-size: 15px;
transition:all .3s linear;
color:var(--cor-menu);
}
.sidebar-dash .navegacao .content-nav .menus li a:hover{
background: #ED2A54;
color: white;
}
.sidebar-dash .navegacao .content-nav .menus li a .icon{
width: 22px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 12px;
}
.sidebar-dash .navegacao .content-nav .menus li a .icon svg path{
fill:var(--cor-menu) !important;
}
.sidebar-dash .navegacao .content-nav .menus li a:hover .icon svg path{
fill: white !important;
}
.sidebar-dash .navegacao .content-nav .menus li a:hover .icon i{
color: white !important;
}
.sidebar-dash .navegacao .content-nav .menus li a.active{
background: #ED2A54;
color: white;
}
.sidebar-dash .navegacao .content-nav .menus li a.active .icon svg path{
fill: white !important;
}
.sidebar-dash .navegacao .content-nav .menus li a.active .icon i{
color: white !important;
}
.profile-menu{
position: relative;
}
.profile-menu .menu-profile{
position: absolute;
background: var(--cor-fundo);
right: 0;
top: calc(100% + 8px);
min-width: 180px;
border-radius: 0 0 15px 15px;
transform:translateY(15px);
opacity: 0;
visibility: hidden;
transition: all .3s linear;
}
.profile-menu.active .menu-profile{
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.profile-menu .menu-profile .area-menu-profile{
padding: 5px 0;
}
.profile-menu .menu-profile .area-menu-profile ul li a{
color: var(--cor-menu);
padding: 6px 15px;
font-size: 15px;
font-weight: 400;
transition: all .3s linear;
width:100%;
margin:0;
border-radius:0 !important;
background:transparent !important;
}
.profile-menu .menu-profile .area-menu-profile ul li a:hover{
color:var(--cor-primaria);
}
.profile-menu .menu-profile .area-menu-profile ul li a i{
width:20px;
text-align: center;
font-size: 16px;
margin-right: 7px;
}
.overlay{
position: fixed;
top:0;
left:0;
z-index: 98;
width: 100%;
height: 100vh;
background:rgb(13,13,13,.7);
opacity: 0;
visibility: hidden;
transition: all .3s linear;
}
.overlay.active{
opacity: 1;
visibility: visible;
}
.content-view{
padding: 30px 40px;
}
.title-section .icon{
margin-right:10px;
}
.title-section{
margin:0 0 30px;
}
.title-section .text{
width: 500px;
max-width: calc(100% - 48px);
}
.title-section .text h2{
font-size: 30px;
font-weight: 600;
margin: 0 0 4px;
color: var(--cor-texto);
letter-spacing: -1px;
}
.title-section .text p{
font-size: 15px;
color: var(--cor-texto);
margin: 0;
line-height: 20px;
}
.section{
margin:0 0 30px;
}
.section .title-sub{
padding: 0 10px 7px;
}
.section .title-sub span{
font-size: 18px;
font-weight: 500;
color: var(--cor-primaria);
margin-left: 7px;
padding-top: 3px;
}
.section .box-section h3{
font-size: 16px;
color: var(--cor-menu);
margin: 0 0 6px;
padding:0 5px;
}
.section .box-section h3 strong{
color:var(--cor-texto);
}
a.btn-acao, button.btn-acao{
background: var(--cor-primaria);
color: #fff;
border-radius: 10px;
transition:all .3s linear;
margin-top:15px;
width:200px;
height:44px;
display: flex;
align-items: center;
justify-content: center;
}
a.btn-acao:hover, button.btn-acao:hover, a.btn-acao.active{
background:#0b181f;
}
a.btn-acao i{
font-size: 18px;
margin-right:10px;
}
.section .box-section{
padding: 20px 30px 20px 30px;
background: var(--bg-box-section);
border-radius: 16px 0 0 16px;
}
.section .box-section .info-cota h3{
margin: 0;
}
.section .box-section .info-cota h2{
padding: 0 5px;
font-weight: 700;
color: var(--cor-menu);
font-size: 24px;
}
.section .box-section .cotas{
max-width: 700px;
}
.section .box-section .cotas .info-cota{
width:33.3333%;
}
.section .box-section .cotas .info-cota:nth-child(1), .section .box-section .cotas .info-cota:nth-child(2), .section .box-section .cotas .info-cota:nth-child(3){
margin:0 0 15px;
}
.input-dash{
position:relative;
margin:0 0 20px;
}
.input-dash label{
display:block;
padding:0 5px 3px;
color:var(--cor-menu);
font-size: 16px;
}
.input-dash input, .input-dash select{
width:100%;
height:50px;
border-radius: 10px;
padding:5px 15px;
color:#000;
background:#e1e1e1;
}
.input-dash select{
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
-ms-progress-appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E");
background-size:20px;
background-repeat: no-repeat;
background-position: center right 10px;
}
button.btn-acao{
margin:0;
}
.input-dash input:read-only{
opacity:0.6;
}
.acoes-cotas a.btn-acao{
width:auto;
padding:0 30px;
}
.form-cota{
max-height: 0;
opacity:0;
visibility: hidden;
transition: all .3s linear;
}
.form-cota.active{
padding:15px 5px 0;
max-height: 200px;
opacity:1;
visibility: visible;
}
.form-cota .campos-form .input-dash.me-2{
width: 500px;
max-width: calc(100% - 220px);
}
.form-cota.form-unidade .campos-form .input-dash.me-2{
width: 350px;
max-width: calc(50% - 110px);
}
.form-cota .campos-form .btn-acao{
height:50px;
}
.acoes-massa{
flex-wrap:wrap;
align-items:center;
}
.acoes-massa{
padding-top:0x;
height:0;
overflow:hidden;
transition: all 0.5s ease-in-out;
display:flex;
}
.acoes-massa label{
color:var(--cor-primaria);
margin-right:10px;
margin-bottom:0;
font-size:14px;
}
.acoes-massa input{
background: var(--cor-primaria);
border:0;
border-radius:35px;
height:30px;
padding:0;
display:flex;
align-items:center;
justify-content:center;
color:#fff !important;
font-weight:700;
font-size:14px;
height:32px;
width:190px;
}
.acoes-massa input:hover{
background: #0b181f;
}
table {
display: table !important;
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0 5px !important;
border:0 !important;
}
table thead tr{
font-size:15px !important;
font-weight: 500 !important;
color:#fff !important;
}
table thead tr th{
padding:7px 10px !important;
background: var(--cor-primaria) !important;
font-weight: 500;
font-size: 14px;
}
table thead tr th:first-child, table tbody tr td:first-child{
border-radius: 5px 0 0 5px !important;
}
table thead tr th:last-child, table tbody tr td:last-child{
border-radius: 0 5px 5px 0 !important;
}
table thead tr th.acoes, table thead tr th.status, table tbody tr td.acoes, table tbody tr td.status{
width:120px;
}
table tbody tr td{
padding: 7px 10px !important;
background: var(--bg-box-section);
font-size: 14px !important;
font-weight: 500 !important;
color: var(--cor-menu) !important;
}
table tbody tr td.phone a{
font-size: 14px !important;
font-weight: 500 !important;
color: var(--cor-primaria) !important;
transition:all .3s linear;
}
table tbody tr td.phone a i{
font-size:16px;
}
table tbody tr td.phone a:hover{
color:var(--cor-secundaria) !important;
}
table td, table th{
border:0 !important;
vertical-align:middle !important;
}
table tbody tr td.status label{
cursor: pointer;
}
table tbody tr td.status input:checked + label{
display: flex;
position: relative;
height: 24px;
border-radius: 40px;
width: 46px;
background: #00d146;
margin: 0 auto;
transition: all 0.5s ease-in-out;
}
table tbody tr td.status input:checked + label:before{
content:"";
width:20px;
height:20px;
border-radius: 50%;
background:#ffffff;
position:absolute;
right:2px;
top:2px;
transition: all 0.5s ease-in-out;
}
table tbody tr td.status input + label{
display: flex;
position: relative;
height: 24px;
border-radius: 40px;
width: 46px;
background: #575757;
margin: 0 auto;
transition: all 0.5s ease-in-out;
}
table tbody tr td.status input + label:before{
content:"";
width:20px;
height:20px;
border-radius: 50%;
background:#ffffff;
position:absolute;
right:23px;
top:2px;
transition: all 0.5s ease-in-out;
}
table tbody tr td.acoes a{
color: #FFF;
font-size: 14px;
background:var(--cor-primaria);
border-color:var(--cor-primaria);
border-radius: 5px;
transition: all 0.5s ease-in-out;
width: 30px;
height: 30px;
}
table tbody tr td.acoes a:not(:last-child){
margin-right:5px;
}
table tbody tr td.acoes a:hover{
background: #0b181f;
border: 1px solid #0b181f;
}
table .select-input input[type="checkbox"], .select-all input[type="checkbox"] {
display: none;
}
table .select-input input[type="checkbox"] + label, .select-all input[type="checkbox"] + label {
font-size: 0;
position: relative;
cursor: pointer;
display:flex;
}
table .select-input input[type="checkbox"] + label::before, .select-all input[type="checkbox"] + label::before {
content: "";
width: 16px;
height: 16px;
border-radius: 50%;
background: #fff;
border: 1px solid #ccc;
left: 0;
top: 50%;
transform: translateY(-50%);
position: absolute;
cursor: pointer;
transition: all 0.5s ease-in-out;
}
table .select-input input[type="checkbox"] + label::after, .select-all input[type="checkbox"] + label::after {
content: "";
width: 12px;
height: 12px;
border-radius: 50%;
background: var(--cor-primaria);
left: 2px;
top: 50%;
transform: translateY(-50%);
position: absolute;
cursor: pointer;
transition: all 0.5s ease-in-out;
opacity:0;
visibility: hidden;
}
table .select-input input[type="checkbox"]:checked + label::after, .select-all input[type="checkbox"]:checked + label::after{
opacity:1;
visibility: visible;
transition: all 0.5s ease-in-out;
}
td.select-input{
width: 32px;
padding-right: 0 !important;
}
.paginacao{
display: flex;
align-items: center;
justify-content: end;
padding-top: 20px;
}
.paginacao .page-link.disabled{
display: none;
}
.paginacao .page-link{
display: flex;
align-items: center;
justify-content: center;
width:30px;
height:30px;
border-radius: 4px;
background:var(--cor-primaria);
color:#fff;
font-size: 14px;
font-weight: 500;
cursor: pointer;
transition: all 0.2s linear;
}
.paginacao .page-link:hover, .paginacao .page-link.active{
background:#0b181f;
color:#fff;
}
.paginacao .page-link:not(:last-child){
margin-right:5px;
}
table tr td select{
font-size: 14px !important;
font-weight: 500 !important;
color: var(--cor-menu) !important;
background-color: transparent;
width: 100%;
padding: 0;
}
table tr td .select{
height:22px;
max-width:286px;
}
table tr td .select .options li{
padding: 7px 5px !important;
}
table .setor_table{
width:200px;
}
.s-hidden {
visibility:hidden;
padding-right:10px;
}
.select {
cursor: pointer;
display: inline-block;
position: relative;
height: 50px;
border-radius: 10px;
appearance: none;
width: 100%;
padding: 0;
margin-bottom: 0px;
border: 0;
transition: box-shadow 150ms ease 0s, border-color 150ms ease 0s, padding 150ms ease 0s !important;
background-color: transparent !important;
}
.styledSelect {
position: absolute;
top: 50%;
right: 0;
bottom: 0;
left: 0;
background-color: transparent;
padding: 0 15px;
transform: translateY(-50%);
height: 100%;
border-radius: 10px;
transition: box-shadow 150ms ease 0s, border-color 150ms ease 0s, padding 150ms ease 0s !important;
font-size: 0px !important;
font-weight: 500 !important;
line-height: 50px !important;
color: #fff;
}
.styledSelect:active, .styledSelect.active {
background-color:transparent;
}
.options {
display:none;
position:absolute;
top:100%;
right:0;
left:0;
z-index:999;
margin:0 0;
padding:0 0;
list-style:none;
border:1px solid #dfdfdd;
background-color: #fff;
border-radius:5px;
-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
max-height: 220px;
overflow-y: auto;
color:var(--cor-primaria);
font-size:14px;
font-weight: 500;
border-top:0 !important;
}
.options li {
margin:0 0;
padding: 7px 15px;
height: auto;
line-height: 1.4;
}
.options li:hover{
background: #0b181f !important;
color:#fff;
}
.checkboxes .checkbox label{
position:relative;
padding-left:20px;
font-size:15px;
color:var(--cor-menu);
cursor:pointer;
}
.checkboxes .checkbox label:before{
content:"";
width:16px;
height: 16px;
border-radius:50%;
border:1px solid #ccc;
background:#fff;
position:absolute;
left:0;
top:50%;
transform:translatey(-50%);
}
.checkboxes .checkbox label:after{
content:"";
width:12px;
height: 12px;
background:var(--cor-primaria);
position:absolute;
top:50%;
transform:translatey(-50%);
left:2px;
border-radius: 50%;
transition:all .3s linear;
opacity:0;
visibility: visible;
}
.checkboxes .checkbox input:checked + label:after{
opacity:1;
visibility: visible;
}
.input-filter label{
display: block;
color:var(--cor-menu);
padding:0 5px 3px;
}
.input-filter input, .input-filter select{
width:100%;
height:40px;
border-radius: 10px;
color:#000;
padding:5px 15px;
font-size: 15px;
background:#e1e1e1;
}
.input-filter select{
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
-ms-progress-appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E");
background-size:20px;
background-repeat: no-repeat;
background-position: center right 10px;
}
.input-filter .select{
height:40px;
}
.filtros-cotas .input-filter{
width:calc(25% - 20px);
}
.filtros-cotas{
margin:0 0 20px;
}
a.link-clear-filter{
color: var(--cor-menu);
margin: -10px 0 15px;
}
a.link-clear-filter i{
margin-right:7px;
}
a.link-clear-filter:hover{
color:var(--cor-primaria);
}
.modal.active{
display: flex !important;
align-items: center;
justify-content: center;
background-color: rgba(50, 50, 50, 0.3);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
animation-name: fadeInOpacity;
animation-iteration-count: 1;
animation-timing-function: ease-in;
animation-duration: 1s;
}
@keyframes fadeInOpacity {
    0% {
    opacity: 0;
    }
    100% {
    opacity: 1;
    }
}
.modal .content-modal{
background: var(--bg-menu) 0% 0% no-repeat padding-box;
border-radius: 10px;
color: var(--cor-texto);
max-width: 96%;
width: 520px;
max-height: 86vh;
height:auto;
padding: 30px;
position: relative;
overflow: hidden;
z-index: 5;
}
.modal .content-modal .close-modal{
position: absolute;
top: 0;
right: 0;
background: var(--cor-primaria);
width: 30px;
height: 30px;
border-radius: 0 0 0 10px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 20px;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.modal .content-modal .close-modal:hover{
background:var(--cor-primaria);
color:#fff;
}
.input-export label{
display:block;
padding:0 5px 3px;
color:var(--cor-menu);
}
.input-export .radios label, .input-export .checkboxes label{
position:relative;
padding: 0 0 0 20px;
}
.input-export .radios label:before, .input-export .checkboxes label:before{
content:"";
width:16px;
height: 16px;
border-radius:50%;
border:1px solid #ccc;
background:#fff;
position:absolute;
left:0;
top:50%;
transform:translatey(-50%);
}
.input-export .radios label:after, .input-export .checkboxes label:after{
content:"";
width:12px;
height: 12px;
background:var(--cor-primaria);
position:absolute;
top:50%;
transform:translatey(-50%);
left:2px;
border-radius: 50%;
transition:all .3s linear;
opacity:0;
visibility: visible;
}
.input-export .checkboxes input:checked + label:after,  .input-export .radios input:checked + label:after{
opacity:1;
visibility: visible;
}
.input-export{
margin-bottom: 20px;
}
.input-export .checkboxes, .input-export .radios{
max-width: 380px;
}
.input-export .checkboxes > div, .input-export .radios > div{
width:33.3333%;
}
.input-export .select{
height:40px;
}
.input-export select{
width:100%;
height:40px;
border-radius: 10px;
color:#000;
padding:5px 15px;
font-size: 15px;
background:#e1e1e1;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
-ms-progress-appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E");
background-size:20px;
background-repeat: no-repeat;
background-position: center right 10px;
}
.file_selected{
display: flex;
align-items: center;
justify-content: center;
background: #e1e1e1;
height: 46px;
color: #000;
margin-bottom: 6px;
}
input#csv_file + label{
background: var(--cor-primaria);
color: #fff;
border-radius: 0px;
transition: all .3s linear;
width: 200px;
height: 46px;
display: flex;
align-items: center;
justify-content: center;
width:100%;
margin-bottom: 20px;
cursor:pointer;
transition: all .3s linear;
}
input#csv_file + label:hover{
transform:scale(1.04);
}
.jconfirm .jconfirm-box{
background-color:var(--cor-fundo) !important;
}
.jconfirm .jconfirm-content{
color:var(--cor-menu) !important;
}
.jconfirm-buttons .btn.btn-confirm{
color:#fff;
background:var(--cor-primaria);
}
.jconfirm-buttons .btn.btn-cancel{
color:#fff;
background:#0b181f;
}
.title-meio-form{
border-top: 1px solid #ccc;
margin: 10px 0 0;
padding: 20px 0 0;
}
.title-meio-form h3{
font-size: 22px;
font-weight: 700;
color: var(--cor-texto);
letter-spacing: -1px;
margin: 0 0 5px;
line-height: 1.2;
}
.input-dash .show-pass{
top: calc(50% + 14px);
}
.dia-mes-registro strong{
display: block;
font-size:13px;
font-weight: 700;
line-height: 1.2;
}
.dia-mes-registro span{
display: block;
font-size: 13px;
font-weight: 400;
color:var(--cor-texto);
line-height: 1.2;
}
.sociais-table li a{
width:30px;
height:30px;
border-radius: 50%;
display:flex;
align-items:center;
justify-content:center;
background-color: var(--cor-primaria);
color:#fff;
}
.sociais-table li:not(:last-child) a{
margin-right: 6px;
}
.sociais-table li a:hover{
background: #0b181f;
}
#filter-form{
margin-bottom: 10px;
}
#filter-form .busca-nome{
width: 400px;
height: 40px;
border-radius: 10px;
padding: 5px 15px;
background: #e1e1e1;
position: relative;
}
#filter-form .busca-nome input{
width: calc(100% - 40px);
padding: 0;
height: 100%;
background: transparent;
font-size: 15px;
color: #000;
}
#filter-form .busca-nome button{
position: absolute;
right: 0;
top: 0;
width: 40px;
height: 40px;
color: var(--cor-primaria);
background: transparent;
transition: all .3s linear;
font-size: 18px;
padding: 0;
}
#filter-form .busca-nome button:hover{
color:var(--cor-secundaria);
}
#filter-form .select{
height:40px;
}
#filter-form select{
width: 360px;
height:40px;
border-radius: 10px;
color:#000;
padding:5px 15px;
font-size: 15px;
background:#e1e1e1;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
-ms-progress-appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E");
background-size:20px;
background-repeat: no-repeat;
background-position: center right 10px;
}
a.btn-white{
width: 290px;
height: 48px;
border-radius: 10px;
background: var(--bg-menu);
color: var(--cor-menu);
margin-bottom: 30px;
padding: 3px 15px;
transform: none;
transition: all .3s linear;
}
a.btn-white:hover{
transform: scale(1.04);
box-shadow: 0 0 15px var(--cor-menu);
}
a.btn-white svg{
width: 22px;
margin-right:10px;
}
a.btn-white svg path{
fill:var(--cor-menu) !important;
}
#dropArea{
width: 100%;
height: 200px;
display: flex;
align-items: center;
justify-content: center;
border: 2px dashed #aeaeae;
border-radius: 20px;
background: #e1e1e1;
}
#dropArea .title-box .icone{
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
background: var(--cor-primaria);
border-radius: 50%;
color: #fff;
font-size: 18px;
margin-right: 15px;
}
#dropArea .title-box .text h4{
font-weight: 400;
color: #0C2533;
font-size: 18px;
max-width: 240px;
margin: 0;
}
#dropArea .title-box span{
font-weight: 400;
font-size: 15px;
color: #0C2533;
width: 100%;
text-align: center;
margin: 15px 0 0;
}
.input-dash #dropArea label{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2;
padding: 0;
margin: 0;
cursor: pointer;
}
#fileInfo .item-selecionado{
font-size:14px;
margin:15px 0 0;
text-align: center;
display:flex;
align-items: center;
justify-content: center;
color: #0C2533;
cursor:pointer;
position:relative;
z-index: 10;
}
#fileInfo .item-selecionado i{
font-size: 16px;
margin-left: 10px;
}
.tox .tox-statusbar__right-container{
display:none !important;
}
.slides{
width:100%;
}
.slides .slide.slide-add{
border: 2px dashed #ccc;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
height: 180px;
font-size: 30px;
color: #ccc;
cursor: pointer;
background:transparent;
}
.slides .slide{
width:calc(20% - 20px);
height:180px;
border-radius:10px;
border:2px solid transparent;
overflow:hidden;
position:relative;
margin-right:20px;
margin-bottom:20px;
background:var(--cor-primaria);
}
.slides .slide span{
position: absolute;
top: 15px;
right: 50px;
background: rgba(0, 0, 0, 0.2);
color: #fff;
font-size: 12px;
border-radius: 5px;
padding: 0px 4px 3px;
}
.slides .slide img{
width:100%;
height:100%;
object-fit: cover;
font-size:0;
}
.slides .slide button{
position:absolute;
right:12px;
top:12px;
display: flex;
align-items: center;
justify-content: center;
color:#fff;
font-size:14px;
background:#0C2533;
transition:all .3s linear;
width:30px;
height:30px;
border-radius: 50%;
}
.slides .slide button:hover{
background:var(--cor-primaria);
}
.loader {
border: 4px solid #f3f3f3;
border-radius: 50%;
border-top: 4px solid #0C2533;
width: 30px;
height: 30px;
animation: spin 2s linear infinite;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%, -50%);
}
@keyframes spin {
  0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(360deg); }
}
.acoes-landing{
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
max-width: 600px;
}
.logo-emprendi{
align-items: center;
max-width: 660px;
margin:10px 0 30px;
}
.button-logo-upload, .button-favicon-upload {
background: var(--cor-primaria);
color: #fff;
border-radius: 50%;
display: flex;
width: 30px;
height: 30px;
align-items: center;
justify-content: center;
font-size: 14px;
margin-left: 12px;
transition: all .3s linear;
}
.btn-acoes-topo .btn-acao-exportar{
margin-left: 15px;
}
.input-dash .radios .radio label{
display:flex;
align-items: center;
cursor:pointer;
}
.input-dash .radios .radio label span{
width: 20px;
height:20px;
display:flex;
align-items:center;
justify-content: center;
border-radius: 5px;
background: #e1e1e1;
margin-right:7px;
transition:all .3s linear;
}
.input-dash .radios .radio label span i{
color:#fff;
opacity:0;
visibility: hidden;
transition:all .3s linear;
}
.input-dash .radios .radio input:checked + label span{
background:var(--cor-primaria);
}
.input-dash .radios .radio input:checked + label span i{
opacity:1;
visibility: visible;
}
.input-dash .radios .radio:not(:last-child){
margin-right: 30px;
}
.input-dash .radios{
padding:0 10px;
}
.input-title {
width: 100%;
background: transparent;
color: var(--cor-texto);
font-weight: 600;
font-size: 22px;
padding: 20px 0;
}
.box-vantagem{
background: var(--cor-primaria);
border-radius: 10px;
padding: 15px;
margin-bottom: 15px;
}
.box-vantagem input{
width: 100%;
background: transparent;
color: #fff;
font-weight: 600;
font-size: 18px;
margin-bottom: 10px;
}
.box-vantagem textarea{
width: 100%;
background: transparent;
color: #fff;
opacity: 0.8;
font-size: 14px;
line-height: 1.4;
resize: none;
height: 100px;
padding-right: 30px;
}
.form-busca .input-busca{
width: 400px;
background: #e1e1e1;
border-radius: 15px;
border-bottom: 2px solid var(--cor-primaria);
margin: 0 15px 0 0;
height: 44px;
overflow: hidden;
}
.form-busca .input-busca input{
width: 100%;
height: 100%;
background: transparent;
color: #000;
padding: 5px 40px 5px 15px;
font-size: 15px;
}
.form-busca .input-busca button{
position: absolute;
right: 0;
top: 0;
width: 44px;
height: 44px;
background: transparent;
color: var(--cor-primaria);
font-size: 18px;
}
.form-busca .input-search select{
width: 400px;
background: #e1e1e1;
border-radius: 15px;
border-bottom: 2px solid var(--cor-primaria);
height: 44px;
appearance: none;
padding: 5px 15px;
color: #000;
font-size: 15px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(0,0,0,1)'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 20px;
background-position: center right 10px;
max-width: 100%;
}
.form-busca .input-search{
max-width:calc(50% - 8px);
}
.form-busca{
margin-bottom: 15px;
width:calc(100% - 335px);
}
.acoes-page a.btn-acao-page{
background: var(--cor-primaria);
color: #fff;
border-radius: 15px;
padding: 11px 30px;
font-size: 15px;
margin-bottom: 15px;
transition: all 0.3s linear;
}
.acoes-page a.btn-acao-page:hover{
background: var(--cor-secundaria);
}
.acoes-page a.btn-acao-page:not(:last-child){
margin-right: 12px;
}
.form-categoria h2{
font-weight: 700;
font-size: 22px;
color: var(--cor-texto);
letter-spacing: -1px;
padding:0 10px 5px;
}
.form-categoria .input-imob{
margin:0 0 15px;
}
.form-categoria .input-imob input{
width:100%;
height:46px;
background: #e1e1e1;
border-radius: 15px;
border-bottom: 2px solid var(--cor-primaria);
padding: 5px 15px;
color:#000;
font-size:15px;
}
.form-categoria button.submit-categoria{
width: 100%;
height: 46px;
border-radius: 15px;
background: var(--cor-primaria);
color: #fff;
transition: all 0.3s linear;
}
.form-categoria button.submit-categoria:hover{
background:var(--cor-secundaria);
}
.fora-modal{
position: absolute;
width: 100%;
height:100%;
left:0;
top:0;
z-index:1;
cursor:pointer;
}
h2.title-page-item{
font-size: 26px;
font-weight: 700;
letter-spacing: -1px;
color: var(--cor-texto);
}

/* Notificações personalizadas */
.custom-notification {
    position: fixed;
    top: 20px;
    right: 20px;
    padding: 15px;
    border-radius: 5px;
    z-index: 9999;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    opacity: 0;
    transform: translateY(-20px);
    animation: notifyFadeIn 0.3s forwards, notifyFadeOut 0.3s 3s forwards;
    max-width: 350px;
}

.custom-notification.success {
    background-color: #d4edda;
    border-color: #c3e6cb;
    color: #155724;
}

.custom-notification.error {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
}

.custom-notification.info {
    background-color: #d1ecf1;
    border-color: #bee5eb;
    color: #0c5460;
}

@keyframes notifyFadeIn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes notifyFadeOut {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-20px);
    }
}

/* Animação de ImobCoins */
.imobcoin-animation-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.imobcoin-animation-container.active {
    opacity: 1;
    visibility: visible;
}

.imobcoin-animation {
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 20px;
    padding: 30px 60px;
    text-align: center;
    color: white;
    transform: scale(0.8);
    opacity: 0;
    transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.5s ease;
    box-shadow: 0 0 30px rgba(255, 215, 0, 0.5);
    border: 2px solid #FFD700;
}

.imobcoin-animation.active {
    transform: scale(1);
    opacity: 1;
}

.imobcoin-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 15px;
    background-color: #FFD700;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    color: #000;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.8);
    animation: pulse 1.5s infinite;
}

.imobcoin-points {
    font-size: 32px;
    font-weight: bold;
    margin: 10px 0;
    color: #FFD700;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.8);
}

.imobcoin-text {
    font-size: 18px;
    margin-bottom: 5px;
}

.imobcoin-action {
    font-size: 14px;
    opacity: 0.8;
}

/* Animação de partículas */
.coin-particles {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #FFD700;
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 20px rgba(255, 215, 0, 0.8);
    }
    50% {
        transform: scale(1.1);
        box-shadow: 0 0 30px rgba(255, 215, 0, 1);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 20px rgba(255, 215, 0, 0.8);
    }
}

@keyframes floatParticle {
    0% {
        transform: translate(0, 0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translate(var(--x), var(--y)) scale(0);
        opacity: 0;
    }
}