@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

body[data-theme="pixzero"] {
    --green-300: #ffd886;
    --green-400: #f5ab3c;
    --green-500: #ff8700;
    --green-600: #976205;
    --shadow: rgba(151,97,5,.26);
}

body[data-theme="speedpix"] {
    --green-300: #7ddcc9;
    --green-400: #289b84;
    --green-500: #34bfa3;
    --green-600: #006c64;
    --shadow: rgba(52,191,163,.26);
}

body {
    font-family: Montserrat, sans-serif !important;
}

td {
    font-family: Poppins, sans-serif !important;
}

th {
    font-family: Poppins, sans-serif !important;
}

.border-radius-5 {
    border-radius: 5px !important;
}

.border-radius-10 {
    border-radius: 10px !important;
}

.border-radius-15 {
    border-radius: 15px !important;
}

.border-radius-20 {
    border-radius: 20px !important;
}

.border-radius-25 {
    border-radius: 25px !important;
}

.border-radius-30 {
    border-radius: 30px !important;
}

@media(max-width: 1197px) {
    #divider {
        display: none;
    }
}

@media(max-width: 995px) {
    #icon_m_aside_left {
        display: none;
    }
}

@media(max-width: 995px) {
    #fundo-login {
        display: none;
    }
}

@media(max-width: 995px) {
    .m-margin-bottom-20 {
        margin-bottom: '25px' !important;
    }    
} 

.btn-dark {
    color: #fff;
    background-color: linear-gradient(311deg, rgba(0,0,0,1) 0%, rgba(47,46,46,1) 100%);
    border-color: linear-gradient(311deg, rgba(0,0,0,1) 0%, rgba(47,46,46,1) 100%);
}

@media(max-width: 995px) {
    .gap-20 {
        gap: 20px;
    }
}

.hover-background:hover {
    cursor: pointer;
    background: #e5e9f2;
}

.pointer {
    cursor: pointer;
}

.daterangepicker .ranges li.active {
    background-color: #5867dd !important;
}

.padding-0 {
    padding: 0px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.card-gerar-pix {
    width: 30%;
    min-width: 520px;
}

@media(max-width: 1400px) {
    .card-gerar-pix {
        width: 40%;
        min-width: 370px !important;
    }
}

@media(max-width: 995px) {
    .nav-tabs {
        flex-direction: column;
        align-items: flex-start;
    }

    .nav-tabs li {
        display: contents;
    }
}

@media(max-width: 995px) {
    .false-col {
        display: none;
    }
}

.flaghsip-card-dashboard {
    min-width: 250px;
}

.flaghsip-card-dashboard-body {
    flex-direction: column;
}

.flaghsip-card-dashboard-widget1 {
    padding: 10px 15px !important;
} 

.flaghsip-card-dashboard-button {
    width: 20%;
    min-width: 250px;
}

@media(max-width: 1600px) {
    .flaghsip-card-dashboard {
        width: 100% !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .flaghsip-card-dashboard {
        width: 100% !important;
    }

    .flaghsip-card-dashboard-widget1 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .flaghsip-card-dashboard-button {
        width: 100%;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .flaghsip-card-dashboard-body {
        display: flex;
        flex-direction: row;
    }

    .flaghsip-card-container {
        padding: 20px 0px;
    }
}

.home-card {
    min-width: 300px;
}

@media(max-width: 1850px) {
    .home-card {
        width: 25% !important;
        min-width: 300px;
    }
}

@media(max-width: 995px) {
    .home-card {
        min-width: 100%;
    }
}

.cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    padding: 0px 10px;
}

.ellipsis {
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

@media(max-width: 1200px) {
    .scroll-table {
        overflow: auto;
    }
}

.btn-filter-page {
    background-color: #5867dd !important;
}

.btn-cancel-swal {
    border: 0.5px solid #ebedf2 !important;
    color: #111 !important;
    cursor: pointer !important;
    background-color: #fff !important;
    font-family: Poppins !important;
    font-family: 400;
}

.box-shadow-none {
    box-shadow: none !important;
}

.anchor-text-decoration-none:hover {
    text-decoration: none;
}


@media(max-width: 1045px) {
    .row-propaganda {
        flex-direction: column !important;
    }
}

#header-subcontainer {
    overflow-x: unset;
}

@media(max-width: 995px) {
    #header-subcontainer {
        padding-top: 10px;
        overflow-x: scroll;
        overflow-y: initial;
    }

    #m_header_nav {
        visibility: hidden;
    }
}

.m--font-success {
    color: var(--green-500)!important;
}

.m-link--success {
    color: var(--green-500)!important;
}

.btn-outline-success {
    color: var(--green-500)!important;
    border-color:  var(--green-500)!important;
}

.btn-outline-success:hover {
    color: #fff!important;
    background-color: var(--green-500)!important;
    border-color: var(--green-500)!important
}

.btn-outline-success:focus {
    box-shadow:0 0 0 3px var(--green-600)!important
}

.btn-outline-success:disabled {
    color: var(--green-500)!important;
}

.btn-outline-success.dropdown-toggle{
    color: #fff;
    background-color: var(--green-500)!important;
    border-color: var(--green-500)!important;
}

.btn-success {
    color: #fff;
    background-color: var(--green-500)!important;
    border-color: var(--green-500)!important;
}

.btn-success.m-btn--air:hover {
    -webkit-box-shadow:0 5px 10px 2px var(--shadow)!important;
    -moz-box-shadow:0 5px 10px 2px var(--shadow)!important;
    box-shadow:0 5px 10px 2px var(--shadow)!important
}

.btn-outline-success.m-btn--air,.btn-success.m-btn--air {
    -webkit-box-shadow:0 5px 10px 2px var(--shadow)!important;
    -moz-box-shadow:0 5px 10px 2px var(--shadow)!important;
    box-shadow:0 5px 10px 2px var(--shadow)!important
}

.m-checkbox--success>span:after {
    border:solid var(--green-500)!important;
}

.m-checkbox--success>input:checked~span {
    border:1px var(--green-500)!important;
    border-color: var(--green-500)!important;
}

.m-checkbox--success>input:disabled~span:after {
    border-color: var(--green-500)!important;
}

.m-link--success:hover:after {
    color: #fff;
    border-bottom: 1px solid var(--green-600)!important;
    opacity:.3!important
}

.m-wizard__step--current
    .m-wizard__step-info
        .m-wizard__step-number>span {
    background-color: var(--green-300)!important;
}

.m-menu__item:hover {
    background-color: var(--green-600)!important;
  }

::-webkit-scrollbar {
    width: 7px;
    height: 4px;
}

::-webkit-scrollbar-track {
    background-color: #fafafa;
}

::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 20px;
}

#pwd-input {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
    border-radius: 5px;
}