/* Geral */
html,
input,
a,
textarea {
    font-family: 'Lato', sans-serif !important;
    letter-spacing: 0.05rem !important;
}

body {
    background-color: #fff;
    padding-bottom: 60px; /* Adiciona espaço para evitar sobreposição com o footer */
}

body[data-layout-mode="horizontal"] .content-page {
    padding: 0;
}

/* Fim geral */

/* Tabela base */
body table.tabela-base {
    margin-bottom: 0;
}

body table.tabela-base thead th {
    border: 0;
    color: #373B3C;
    font-weight: 700;
    font-size: 0.875rem;
    padding: 1rem 0.6rem;
}

body table.tabela-base tbody td {
    border: 0;
    color: #373B3C;
    font-weight: 400;
    font-size: 0.875rem;
    padding: 0.6rem;
}

body table.tabela-base tbody tr {
    background-color: #F4F6FC;
}

body table.tabela-base tbody tr td {
    border-bottom: 1px solid #fff;
}

/* Fim tabela base */

/* Linha de pesquisa */
body div.row.linha-pesquisa .campo-pesquisa input.pesquisa {
    color: #91969B;
    letter-spacing: 0.1rem;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1rem;
    border: 0;
    border-bottom: 2px solid #05506E;
    /* background-color: #f4f6fc; */
}

body div.row.linha-pesquisa .campo-pesquisa span.pesquisa {
    border: 0;
    border-radius: 0;
    border-bottom: 2px solid #05506E;
    background: transparent;
    color: #05506E;
}

body div.row.linha-pesquisa .campo-pesquisa input.pesquisa:focus {
    outline: none;
}

/* Fim linha de pesquisa */

/* Listagens */
.listagem-dirai section {
    margin-top: 1rem;
}

.listagem-dirai section hr {
    margin: 0.5rem 0 0.1rem;
    border-top: 1px solid #DBE0EA;
}

.listagem-dirai section div.title h2 {
    color: #373B3C;
    font-size: 1.375rem;
    font-weight: 700;
}

.listagem-dirai section div.title h2:hover {
    cursor: pointer;
}

.listagem-dirai section div.title h2 i {
    color: #05506E;
    margin-right: 1rem;

    transform: rotate(180deg);
    transition: transform 0.4s ease-out;
}

.listagem-dirai section div.title h2 sup i {
    color: #373B3C;
}

.listagem-dirai section.show div.title h2 i {
    transform: rotate(0deg);
    transition: transform 0.4s ease-out;
}

.listagem-dirai section div.body table thead tr th {
    color: #012837;
}

#pagina-documentos .listagem-dirai section div.body table thead tr th:last-child,
#pagina-documentos .listagem-dirai section div.body table tbody tr td:last-child {
    width: 80px;
}

.listagem-dirai section div.body table tbody tr td:last-child i:hover {
    cursor: pointer;
}

.listagem-dirai section div.body table thead tr th:first-child,
.listagem-dirai section div.body table tbody tr td:first-child {
    width: 1%;
    white-space: nowrap;
}

.listagem-dirai section div.body div.extra-table {
    display: none;
}

.listagem-dirai section div.body div.final-line {
    line-height: 1.25rem;
    font-size: 0.875rem;
    font-weight: 700;
    color: #05506E;
}

.listagem-dirai section div.body div.final-line i {
    font-size: 1.25rem;
    margin-left: 0.5rem;
}

.listagem-dirai section div.body div.final-line span:hover,
.listagem-dirai section div.body div.final-line i:hover {
    cursor: pointer;
}

.listagem-dirai section.extra-table-show div.body div.final-line i::before {
    content: '\f068';
}

/* Fim listagens */

/* Spinner */
div.spinner-dirai span {
    font-size: 0.875rem;
    letter-spacing: 0.1rem;
    color: #023C53;
}

div.spinner-dirai i {
    color: #023C53;
    font-size: 1.5rem;
}

/* Fim spinner */

/* Rodapé */
.footer-linha-logo {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.footer {
    height: 45px;
    /* line-height: 55px; */
    background-color: #012837;
    padding: 0 23px 0 23px;
    color: #E8EAF0;
    display: flex;
    align-items: center;
    justify-content: end;
}

.footer .footer-links a {
  color: #E8EAF0;
  font-size: 1.25rem;
  display: inline-flex;
  align-items: center;
  margin-left: 15px;

  transition: color 0.25s ease;
}

.footer .footer-links a:first-child {
  margin-left: 0;
}

.footer .footer-links a:hover {
  color: #EABC49;
}

.footer .footer-links a svg {
  width: 1em;
  height: 1em;
}

/* Fim Rodapé */

.border-charts {
    border-top-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}



/* Navbar */
.topnav {
    background-color: #012837;
    margin-top: 0;
    box-shadow: unset;
}

.navbar {
    justify-content: center;
}

.navbar-collapse {
    flex-basis: unset;
    flex-grow: unset;
}

.navbar .logo-box {
    position: absolute;
    left: 0;
}

.icones-superior ul {
    flex-direction: row;
    display: flex;
    position: absolute;
    right: 0;
    height: 55px;
    top: 0;
}

.icones-superior a {
    padding: 0;
    line-height: 55px;
}

.navbar .logo-box {
    height: 55px;
    top: 0;
}

.navbar .logo-box a {
    line-height: 50px;
}

body.page-start #navigation-menu {
    display: none;
}

#navigation-menu li a {
    color: #E8EAF0;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    transition: color 0.25s ease;
}

#navigation-menu li.selected a {
    color: #EABC49;
}

#navigation-menu li:hover a {
    color: #24C6C1;
}

.icones-superior a {
    font-size: 1.375rem;
    color: #E8EAF0;
    margin: 0 0.625rem;
}

.icones-superior li:hover i {
    color: #24C6C1;
    transition: color 0.25s ease;
}

.icones-superior li.notificacao span.badge-warning {
    color: #EABC49;
    padding: 4px;
    right: 0;
}

.icones-superior li.notification-list a i {
    font-size: 1.25rem;
}

li.notification-list .dropdown-menu {
    background-color: #023C53;
}

li.notification-list .dropdown-menu .notification-div p {
    color: #6A6E6E;
    cursor: pointer;
}

li.notification-list .dropdown-menu .notification-div p i {
    color: #023C53;
}

li.notification-list .dropdown-menu .notification-div.notification-new p {
    color: #fff;
}

li.notification-list .dropdown-menu .notification-div.notification-new p i.notification-icon {
    color: #EABC49;
}

li.notification-list .dropdown-menu .notification-div p i.mdi-window-close {
    color: #6A6E6E;
}

li.notification-list i.mdi-window-close:hover {
    cursor: pointer;
}

#notifications-content .nenhuma-notificacao {
    padding: 0.75rem 1.5rem;
}

#notifications-content {
    max-height: 230px;
    overflow-x: auto;
    scrollbar-width: thin;
}

#notifications-content div.nenhuma-notificacao span {
    letter-spacing: 0.1rem;
    color: #E8EAF0;
    font-size: 0.75rem;
}

#li-notificacao .noti-icon-badge {
    display: none;
}

#li-notificacao.show .noti-icon-badge {
    display: block;
}

#li-notificacao.show i.mdi-bell {
    color: #24C6C1;
}

#lista-clientes {
    max-height: 215px;
    overflow: auto;
    scrollbar-width: thin;
}

.menu-profile a {
    color: #373B3C;
    text-transform: uppercase;
}

#lista-clientes a {
    color: #BABFC5;
}

#lista-clientes a.selected {
    color: #EABC49;
}

#lista-clientes a:hover {
    cursor: pointer;
}

.menu-profile a {
    line-height: 1.25rem;
    font-size: 1rem;
    font-weight: 700;
}

.menu-profile span#ultimo-acesso {
    padding-left: 10px;
    font-size: 0.75rem;
    font-style: italic;
    color: #BABFC5;
}

body .content-page .container-fluid {
    max-width: 1360px;
    padding: 0 50px;
}

.content-page {
    margin: 0;
}

/* body #banner-menu {
    display: none;
} */

.card-menu-superior:hover .botao i,
.card-menu-superior:hover h4 {
    color: #24C6C1;
    cursor: pointer;
}

.card-menu-superior:hover {
    cursor: pointer;
}

.card-menu-superior .botao {
    border: 1px solid #FFF;
}

.botao {
    border: 1px solid #FFF;
}

.botao h4 {
    border: 1px solid #FFF;
}

.botao:hover,
.botao:hover h4 {
    border: 1px solid #FFF !important;
}



body.page-start #banner-menu {
    display: block;
}

#banner-menu {
    margin-top: 55px;
    height: auto;
    background-color: #012837;
}

#banner-menu.show-boleta {
    height: 300px;
}

#banner-menu .header h5 {
    /* color: #E8EAF0; */
    color: #EABC49;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
}

#banner-menu .body {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

#banner-menu .body .menu {
    width: 150px;
}

#banner-menu .body .menu h4 {
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1rem;
    color: #D9D9D9;
    text-align: center;
    transition: color 0.25s ease;
}

#banner-menu .body .menu:hover h4 {
    color: #24C6C1;
    cursor: pointer;
}

.botao i {
    color: #FFFFFF;
    font-size: 40px;
    line-height: unset;
    transition: color 0.25s ease;
}


#banner-menu .rodape .btns {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

#banner-menu .aplicacao {
    background-color: #EABC49;
    border: 1px solid #EABC49;
    border-radius: 10px 0px;
    padding: 0.6rem 0.875rem;
    transition: background-color 0.25s ease;
}

#banner-menu .aplicacao:hover {
    background-color: transparent;
    transition: background-color 0.25s ease;
}

#banner-menu .aplicacao:hover {
    cursor: pointer;
}

#banner-menu .aplicacao span {
    color: #373B3C;
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: 700;
    transition: color 0.25s ease;
}

#banner-menu .aplicacao:hover span {
    color: #EABC49;
}

.background-header {
    position: fixed;
    background: url(/img/Grafismo-onda-20-20.svg) no-repeat center bottom;
    width: 101%;
    height: 23%;
    left: 0px;
    z-index: 0;
    background-size: cover;
    opacity: 0.35;
    background-position: center;
    mix-blend-mode: plus-lighter;
}

.buttonsMenuHeader {
    z-index: 100;
    position: relative;
}

.botao {
    height: 90px;
    width: 90px;
    border: 1px solid #D9D9D9;
    border-radius: 20px 0px;
    line-height: 90px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    transition: border 0.25s ease;
    position: relative;
    background-color: #012837;
}

.content .produtos select {
    background-color: #012837;
}

body.page-start #barra-superior {
    display: none;
}

#barra-superior {
    background-color: #012837;
    margin-top: 55px;
    height: 194px;
    /* padding: 0 calc(24px / 2); */
    line-height: 60px;
}

#barra-superior .content {
    /* display: flex; */
    align-items: center;
    justify-content: end;
    background: #012837;
    width: 100%;
    padding: 0;
    /* margin-top: -2rem; */
}

#barra-superior .content .pagina span,
#barra-superior .content .label span,
#barra-superior .content .produtos .ultima-cota {
    font-weight: 400;
    font-size: 0.875rem;
    letter-spacing: 0.1rem;
    color: #E8EAF0;
    text-transform: uppercase;
}

#barra-superior .content .pagina span {
    color: #EABC49;
}

/* #barra-superior .content .produtos {
    display: flex;
} */

#barra-superior .content .produtos .label,
#barra-superior .content .produtos .ultima-cota {
    margin-right: 1.5rem;
}

#banner-menu .content .produtos select {
    background-color: #023C53;
    border: 0;
    border-bottom-width: 0px;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    padding: 0;
    padding-right: 0px;
    height: 35px;
    margin-right: 1rem;
    padding-right: 2rem;
    border-bottom: 1px solid #07A09C;
    letter-spacing: 0.1rem;
    font-size: 0.875rem;
    font-weight: 700;
    color: #EABC49;
    width: 380px;
    margin: 6px;
}

#banner-menu .content .produtos select option {
    color: #E8EAF0;
    font-weight: 400;
    letter-spacing: 0.1rem;
}

#banner-menu .content .produtos select option:hover {
    cursor: pointer;
}

#barra-superior .content .print {
    margin-right: 1rem;
}

#barra-superior .content .print i {
    color: #BEC3C9;
    margin-top: 3px;
}

/* Modais de boletamento */
.modal-boletamento .modal-content {
    border-radius: 20px;
}

.modal-boletamento .modal-header h4 {
    width: 100%;
    font-size: 1.625rem;
    color: #373B3C;
    font-weight: 700;
    line-height: 2rem;
    margin-top: 20px;
}

.modal-boletamento .form-control {
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0.1rem;
    color: #373B3C;
}

.modal-boletamento .modal-header button.close {
    z-index: 1;
    position: absolute;
    right: 1rem;
    color: #C3C4C6;
}

#boletamento-modal .modal-dialog {
    max-width: 600px;
}

.modal-boletamento .modal-body {
    padding: 0 3rem 0 3rem;
}

#boletamento-modal .modal-body h3 {
    width: 100%;
    font-size: 0.875rem;
    color: #373B3C;
    font-weight: 400;
    letter-spacing: 0.1rem;
}

#boleta_form .form-control {
    border: 0;
    border-radius: 0;
    border-bottom: 2px solid #05506E;
    padding-left: 0;
}

#boleta_form .col-form-label {
    font-size: 0.75rem;
    color: #BEC3C9;
    letter-spacing: 0.1rem;
    margin: 0;
    padding: 0;
}

#boleta_form .fundo {
    cursor: default;
}

.modal-boletamento .modal-footer button {
    margin-left: auto;
    margin-right: auto;
    background-color: #05506E;
    color: #fff;
    letter-spacing: 0.1rem;
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: 700;
    border: 1px solid #05506E;
    border-radius: 10px 2px;
    padding: 0.5rem 1.5rem;
    transform: all 0.25s;
}

.modal-boletamento .modal-footer button:hover {
    background-color: #fff;
    color: #05506E;
    transform: all 0.25s;
}

@media (min-width: 1367px) {
    body[data-layout-mode="horizontal"] .container-fluid {
        max-width: 100%;
    }

    body .content-page .container-fluid {
        max-width: 1700px;
    }
}

@media (min-width: 992px) and (max-width: 1366px) {
    body[data-layout-mode="horizontal"] .logo-box {
        padding: 0;
    }
}

/* Menu superior */
@media (max-width: 1330px) {
    html {
        font-size: 0.95rem;
        transition: all 0.25s;
    }

    body .logo-box {
        padding: 0;
    }

    body .navbar .logo-box a span img {
        height: 40px;
        transition: all 0.25s;
    }

    body .content-page .container-fluid {
        padding: 0 2rem;
        transition: all 0.25s;
    }

    #navigation-menu li a.nav-link {
        padding: calc(33px / 2) 0.75rem;
        transition: all 0.25s;
    }
}

@media (max-width: 1170px) {
    #barra-superior div.content {
        justify-content: end;
    }

    #barra-superior div.pagina {
        display: none;
    }

    #barra-superior .content .produtos select {
        height: 30px;
        margin-top: 11px;
        width: 350px;
        transition: all 0.25s;
    }

    #navigation-menu li a.nav-link {
        padding: calc(33px / 2) 0.5rem;
        transition: all 0.25s;
    }

    body .navbar .logo-box a span img {
        height: 38px;
        transition: all 0.25s;
    }

    .icones-superior a {
        font-size: 1.375rem;
        color: #E8EAF0;
        margin: 0 0.3rem;
    }
}

@media (max-width: 1600px) {
    .menu-profile {
        width: 22vw !important;
    }
}

@media (max-width: 1024px) {

    #barra-superior .content .label span,
    #barra-superior .content .produtos .ultima-cota {
        font-size: 0.65rem;
        transition: all 0.25s;
    }

    #barra-superior .content .produtos select {
        font-size: 0.75rem;
        transition: all 0.25s;
    }
}

.menu-profile {
    width: 17vw;
    background-color: #023C53;
    border-radius: 6px !important;
}

.notificacao-desktop {
    border-radius: 6px !important;
    background-color: #023C53;
}

.ultimo-acesso-mobile {
    padding-left: 26px;
}

.topnav .dropdown-item .span-desktop-menu-dropdown {
    color: #FFF;
}

.ultimo-acesso-mobile {
    color: #BABFC5;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: #babfc52b;
}



/* -------------------------------- MOBILE -------------------------------- */
@media (max-width: 950px) {
    body.page-start #navigation-menu {
        display: flex !important;
    }

    .mobile-menu,
    #banner-menu {
        display: none !important;
    }

    #pagina-inicio {
        margin-top: 5.7rem !important;
    }

    .topnav-menu {
        margin-bottom: 1rem !important;
    }

    .logo-box {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 4.5rem !important;
        left: 15px !important;
        position: fixed !important;
    }

    .notificacao-mobile {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-top: 13px !important;
        position: fixed !important;
        right: 20px !important;
    }

    .menu-top-mobile {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .frigg-cards .card {
        height: auto !important;
    }

    .frigg-nav-btn {
        top: 9rem !important;
    }

    .nenhuma-notificacao {
        background: #012837;
        border-radius: 6px;
        width: 84vw;
        border: 1px solid #fff;
    }

    .produtos {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding-top: 1rem;
    }

    #barra-superior {
        height: 155px;
    }

    .print {
        display: none;
    }

    #lista-produtos {
        margin-left: -3px;
    }

    .label {
        height: 30px;
    }

    #notifications-content {
        margin-right: -19px;
    }

    .menu-profile-mobile {
        margin: 0;
        width: 90vw !important;
        background-color: #012837 !important;
        border: 1px solid #fff !important;
        border-radius: 6px;
    }

    .menu-profile-mobile a {
        padding: 15px 0px;
        font-size: 16px;
    }

    .menu-profile-mobile #lista-clientes {
        font-size: 16px;
        overflow: hidden;
    }

    .menu-profile span#ultimo-acesso {
        padding-left: 3px;
    }

    .ultimo-acesso-mobile {
        color: #BABFC5;
        padding-left: 4px;
    }

    #barra-superior .content .produtos select {
        width: 100%;
    }

    .frigg-nav-btn button:hover {
        background-color: #fff !important;
        color: #05506E !important;
    }
}

@media (max-height: 450px) {
    .nenhuma-notificacao {
        margin: 0 auto;
        position: fixed;
        right: -9%;
    }

    .nenhuma-notificacao {
        width: 95vw;
    }

    .menu-profile-mobile {
        position: absolute;
        right: 55% !important;
    }

    .frigg-nav-btn button:hover {
        background-color: #fff !important;
        color: #05506E !important;
    }
}

.extra-table .tabela-base {
    border-top-width: 0px;
}


.misthios-waiting-icon {
    font-size: 20px;
}

.misthios-waiting-h4 {
    color: #023c53;
    width: 100%;
}

.misthios-waiting-spinner {
    animation: spin-animation 0.5s infinite;
    display: inline-block;
}

@keyframes spin-animation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

/* -------------------------------- TABELAS -------------------------------- */

/* Remove padding lateral do Bootstrap container */
.container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}