/*!
 * Bootstrap  v5.3.2 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */



*,
*::before,
*::after {
    box-sizing: border-box
}


[hidden] {
    display: none !important
}

.hidden {
    display: none !important
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}



.list-unstyled {
    padding-left: 0;
    list-style: none;
    background-color: #f9fafb;
    box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset !important;
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.h-10 {
    height: 32px;
    width: 32px;
}


.user-block-1 {
    bottom: 75px;
    margin-bottom: -60px;
    text-align: center;
    position: relative;
}

.user-block-1 img,
.user-block-2 img {
    display: inline-block;
    border: 5px solid rgba(251, 137, 101, 0.43);
    border-radius: 50%;
}

.user-block-2 {
    background-color: #083d28;
    background-size: cover;
    padding: 20px 0;
    color: #fff;
    margin-bottom: 10px;
    text-align: center;
}

.user-block-2-activities {
    padding: 0 20px;
}

.user-block-2-active {
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

#loading-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5000;
    background: rgba(0, 0, 0, .9);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

#loading-wrapper .spinner {
    font-size: 15px;
    /* Ajuste o tamanho da fonte conforme necessário */
    color: #FFFFFF;
    /* Cor do texto */
}

#loading-wrapper .spinner .letter {
    animation: pulse 1.5s infinite ease-in-out;
    display: inline-block;
    margin: 0 5px;
    /* Espaçamento entre letras */
}

/* Animação */
@keyframes pulse {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.5);
    }

    /* Ajuste o valor de escala para o efeito de pulsação */
}

/* Personalizações específicas para cada letra, se necessário */
#loading-wrapper .spinner .letter:nth-child(1) {
    color: #008000;
}

#loading-wrapper .spinner .letter:nth-child(2) {
    color: #008000;
    animation-delay: -1.2s;
}

#loading-wrapper .spinner .letter:nth-child(3) {
    color: #008000;
    animation-delay: -1.4s;
}

#loading-wrapper .spinner .letter:nth-child(4) {
    color: #008000;
    animation-delay: -1.6s;
}

#loading-wrapper .spinner .letter:nth-child(5) {
    color: #008000;
    animation-delay: -1.6s;
}

#loading-wrapper .spinner .letter:nth-child(6) {
    color: #008000;
    animation-delay: -1.6s;
}

#loading-wrapper .spinner .letter:nth-child(7) {
    color: #008000;
    animation-delay: -1.6s;
}




.content-wrapper-scroll {
    padding: 0
}

.content-wrapper {
    padding: 0 14px 0 14px;
    height: calc(100vh - 150px);
    overflow: auto
}

@media(max-width: 576px) {
    .content-wrapper {
        height: calc(100vh - 180px);
        padding: 0 15px 0 15px
    }
}

.app-footer {

    font-size: .7rem;
    margin: 0;
    padding: 15px 14px 0 24px;
    display: flex;
    justify-content: flex-end
}

.app-footer span {
    background-color: #fff;
    padding: 8px 30px;
    border-radius: 100px 100px 30px 30px
}




.input-files {
    max-width: 190px;
    display: none;
}

.labelFile {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 190px;
    border: 2px dashed #ccc;
    align-items: center;
    text-align: center;
    padding: 5px;
    color: #404040;
    cursor: pointer;
    margin: 10px;
}

.button-enviar {
    text-decoration: none;
    line-height: 1;
    border-radius: 1.5rem;
    overflow: hidden;
    position: relative;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, .05);
    background-color: #fff;
    color: #121212;
    border: none;
    cursor: pointer;
}

.button-decor {
    position: absolute;
    inset: 0;
    background-color: var(--clr);
    transform: translateX(-100%);
    transition: transform .3s;
    z-index: 0;
}

.button-content {
    display: flex;
    align-items: center;
    font-weight: 600;
    position: relative;
    overflow: hidden;
}

.button__icon {
    width: 48px;
    height: 40px;
    background-color: var(--clr);
    display: grid;
    place-items: center;
}

.button__text {
    display: inline-block;
    transition: color .2s;
    padding: 2px 1.5rem 2px;
    padding-left: .75rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 150px;
}

.button-enviar:hover .button__text {
    color: #fff;
}

.button-enviar:hover .button-decor {
    transform: translate(0);
}


.carousel {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
}

.carousel-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s;
}

.carousel-item:first-child {
    opacity: 1;
}

.squircle {
    height: 84px;
    width: 84px;
    margin: 1em auto;
    border-radius: 24px;
    position: relative;
    text-align: center;
    display: flex;
}

.squircle:before,
.squircle:after {
    content: '';
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    border-radius: 100%;
    transform: scaleX(1.9) scaleY(1.02);
    clip: rect(0, 50px, 84px, 32px);
}

.squircle:after {
    transform: scaleY(2) scaleX(1.02) rotate(90deg);
}

.squircle i,
.squircle .fe {
    z-index: 1;
}

/* CSS novo */

a {
    color: #1b68ff;
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    color: #0045ce;
    text-decoration: underline;
}

a:not([href]) {
    color: inherit;
    text-decoration: none;
}

a:not([href]):hover {
    color: inherit;
    text-decoration: none;
}


.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
}

.nav-link:hover,
.nav-link:focus {
    text-decoration: none;
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default;
}

.nav-tabs {
    border-bottom: 1px solid #e9ecef;
}

.nav-tabs .nav-item {
    margin-bottom: -1px;
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-color: #6c757d;
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: transparent;
    border-color: #6c757d;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.nav-pills .nav-link {
    border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #ffffff;
    background-color: #1b68ff;
}

.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center;
}

.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
}

.tab-content>.tab-pane {
    display: none;
}

.tab-content>.active {
    display: block;
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    /* background-color: #F3F2F7; */
    margin: 0 0.5rem;
}


.navbar .container,
.navbar .container-fluid,
.navbar .container-sm,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.navbar-brand {
    display: inline-block;
    padding-top: 0.33594rem;
    padding-bottom: 0.33594rem;
    margin-right: 1rem;
    font-size: 1.09375rem;
    line-height: inherit;
    white-space: nowrap;
}

.navbar-brand:hover,
.navbar-brand:focus {
    text-decoration: none;
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none;
}

.navbar-text {
    display: inline-block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}

.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.09375rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.navbar-toggler:hover,
.navbar-toggler:focus {
    text-decoration: none;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
}

@media (max-width: 575.98px) {

    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

    .navbar-expand-sm .navbar-nav {
        flex-direction: row;
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-xl {
        flex-wrap: nowrap;
    }

    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }

    .navbar-expand-sm .navbar-toggler {
        display: none;
    }
}

@media (max-width: 767.98px) {

    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

    .navbar-expand-md .navbar-nav {
        flex-direction: row;
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-xl {
        flex-wrap: nowrap;
    }

    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }

    .navbar-expand-md .navbar-toggler {
        display: none;
    }
}

@media (max-width: 991.98px) {

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-xl {
        flex-wrap: nowrap;
    }

    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }

    .navbar-expand-lg .navbar-toggler {
        display: none;
    }
}

@media (max-width: 1199.98px) {

    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

    .navbar-expand-xl .navbar-nav {
        flex-direction: row;
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-xl {
        flex-wrap: nowrap;
    }

    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }

    .navbar-expand-xl .navbar-toggler {
        display: none;
    }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start;
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-sm,
.navbar-expand>.container-md,
.navbar-expand>.container-lg,
.navbar-expand>.container-xl {
    padding-right: 0;
    padding-left: 0;
}

.navbar-expand .navbar-nav {
    flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-sm,
.navbar-expand>.container-md,
.navbar-expand>.container-lg,
.navbar-expand>.container-xl {
    flex-wrap: nowrap;
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
}

.navbar-expand .navbar-toggler {
    display: none;
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
    color: #ffffff;
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
    color: #ffffff;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
    color: #ffffff;
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-text a {
    color: #ffffff;
}

.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
    color: #ffffff;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction: row !important;
    }

    .flex-sm-column {
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-sm-fill {
        flex: 1 1 auto !important;
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-sm-start {
        justify-content: flex-start !important;
    }

    .justify-content-sm-end {
        justify-content: flex-end !important;
    }

    .justify-content-sm-center {
        justify-content: center !important;
    }

    .justify-content-sm-between {
        justify-content: space-between !important;
    }

    .justify-content-sm-around {
        justify-content: space-around !important;
    }

    .align-items-sm-start {
        align-items: flex-start !important;
    }

    .align-items-sm-end {
        align-items: flex-end !important;
    }

    .align-items-sm-center {
        align-items: center !important;
    }

    .align-items-sm-baseline {
        align-items: baseline !important;
    }

    .align-items-sm-stretch {
        align-items: stretch !important;
    }

    .align-content-sm-start {
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        align-content: center !important;
    }

    .align-content-sm-between {
        align-content: space-between !important;
    }

    .align-content-sm-around {
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        align-content: stretch !important;
    }

    .align-self-sm-auto {
        align-self: auto !important;
    }

    .align-self-sm-start {
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        align-self: center !important;
    }

    .align-self-sm-baseline {
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important;
    }

    .flex-md-column {
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-md-wrap {
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-md-fill {
        flex: 1 1 auto !important;
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-md-start {
        justify-content: flex-start !important;
    }

    .justify-content-md-end {
        justify-content: flex-end !important;
    }

    .justify-content-md-center {
        justify-content: center !important;
    }

    .justify-content-md-between {
        justify-content: space-between !important;
    }

    .justify-content-md-around {
        justify-content: space-around !important;
    }

    .align-items-md-start {
        align-items: flex-start !important;
    }

    .align-items-md-end {
        align-items: flex-end !important;
    }

    .align-items-md-center {
        align-items: center !important;
    }

    .align-items-md-baseline {
        align-items: baseline !important;
    }

    .align-items-md-stretch {
        align-items: stretch !important;
    }

    .align-content-md-start {
        align-content: flex-start !important;
    }

    .align-content-md-end {
        align-content: flex-end !important;
    }

    .align-content-md-center {
        align-content: center !important;
    }

    .align-content-md-between {
        align-content: space-between !important;
    }

    .align-content-md-around {
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        align-content: stretch !important;
    }

    .align-self-md-auto {
        align-self: auto !important;
    }

    .align-self-md-start {
        align-self: flex-start !important;
    }

    .align-self-md-end {
        align-self: flex-end !important;
    }

    .align-self-md-center {
        align-self: center !important;
    }

    .align-self-md-baseline {
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        flex-direction: row !important;
    }

    .flex-lg-column {
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-lg-fill {
        flex: 1 1 auto !important;
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-lg-start {
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        justify-content: center !important;
    }

    .justify-content-lg-between {
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        justify-content: space-around !important;
    }

    .align-items-lg-start {
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        align-items: center !important;
    }

    .align-items-lg-baseline {
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        align-items: stretch !important;
    }

    .align-content-lg-start {
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        align-content: center !important;
    }

    .align-content-lg-between {
        align-content: space-between !important;
    }

    .align-content-lg-around {
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        align-self: auto !important;
    }

    .align-self-lg-start {
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        align-self: center !important;
    }

    .align-self-lg-baseline {
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        flex-direction: row !important;
    }

    .flex-xl-column {
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-xl-fill {
        flex: 1 1 auto !important;
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-xl-start {
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        justify-content: center !important;
    }

    .justify-content-xl-between {
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        justify-content: space-around !important;
    }

    .align-items-xl-start {
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        align-items: center !important;
    }

    .align-items-xl-baseline {
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        align-items: stretch !important;
    }

    .align-content-xl-start {
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        align-content: center !important;
    }

    .align-content-xl-between {
        align-content: space-between !important;
    }

    .align-content-xl-around {
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        align-self: auto !important;
    }

    .align-self-xl-start {
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        align-self: center !important;
    }

    .align-self-xl-baseline {
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        align-self: stretch !important;
    }
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-none {
    float: none !important;
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important;
    }

    .float-sm-right {
        float: right !important;
    }

    .float-sm-none {
        float: none !important;
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important;
    }

    .float-md-right {
        float: right !important;
    }

    .float-md-none {
        float: none !important;
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important;
    }

    .float-lg-right {
        float: right !important;
    }

    .float-lg-none {
        float: none !important;
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important;
    }

    .float-xl-right {
        float: right !important;
    }

    .float-xl-none {
        float: none !important;
    }
}

.user-select-all {
    -webkit-user-select: all !important;
       -moz-user-select: all !important;
            user-select: all !important;
}

.user-select-auto {
    -webkit-user-select: auto !important;
       -moz-user-select: auto !important;
            user-select: auto !important;
}

.user-select-none {
    -webkit-user-select: none !important;
       -moz-user-select: none !important;
            user-select: none !important;
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-sticky {
    position: sticky !important;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

@supports (position: sticky) {
    .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

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

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.mw-100 {
    max-width: 100% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.min-vw-100 {
    min-width: 100vw !important;
}

.min-vh-100 {
    min-height: 100vh !important;
}

.vw-100 {
    width: 100vw !important;
}

.vh-100 {
    height: 100vh !important;
}

.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 2rem !important;
}

.z-10 {
    z-index: 10
}

.mr-6,
.mx-6 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

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

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.m-n1 {
    margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
    margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
    margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
    margin-left: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
    margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
    margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
    margin-left: -0.5rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important;
}

.m-n4 {
    margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important;
}

.m-n5 {
    margin: -3rem !important;
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important;
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important;
    }

    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important;
    }

    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important;
    }

    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important;
    }

    .m-sm-1 {
        margin: 0.25rem !important;
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: 0.25rem !important;
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 0.25rem !important;
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 0.25rem !important;
    }

    .m-sm-2 {
        margin: 0.5rem !important;
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: 0.5rem !important;
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 0.5rem !important;
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 0.5rem !important;
    }

    .m-sm-3 {
        margin: 1rem !important;
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important;
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important;
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important;
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important;
    }

    .m-sm-4 {
        margin: 1.5rem !important;
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important;
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important;
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important;
    }

    .m-sm-5 {
        margin: 3rem !important;
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important;
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important;
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important;
    }

    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important;
    }

    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important;
    }

    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important;
    }

    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important;
    }

    .p-sm-1 {
        padding: 0.25rem !important;
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: 0.25rem !important;
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left: 0.25rem !important;
    }

    .p-sm-2 {
        padding: 0.5rem !important;
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: 0.5rem !important;
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: 0.5rem !important;
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: 0.5rem !important;
    }

    .p-sm-3 {
        padding: 1rem !important;
    }

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important;
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important;
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important;
    }

    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important;
    }

    .p-sm-4 {
        padding: 1.5rem !important;
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important;
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important;
    }

    .p-sm-5 {
        padding: 3rem !important;
    }

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important;
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important;
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important;
    }

    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important;
    }

    .m-sm-n1 {
        margin: -0.25rem !important;
    }

    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -0.25rem !important;
    }

    .m-sm-n2 {
        margin: -0.5rem !important;
    }

    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -0.5rem !important;
    }

    .m-sm-n3 {
        margin: -1rem !important;
    }

    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important;
    }

    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important;
    }

    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important;
    }

    .m-sm-n4 {
        margin: -1.5rem !important;
    }

    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important;
    }

    .m-sm-n5 {
        margin: -3rem !important;
    }

    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important;
    }

    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important;
    }

    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important;
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important;
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important;
    }

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important;
    }

    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important;
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important;
    }

    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important;
    }

    .m-md-1 {
        margin: 0.25rem !important;
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: 0.25rem !important;
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: 0.25rem !important;
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-md-1,
    .mx-md-1 {
        margin-left: 0.25rem !important;
    }

    .m-md-2 {
        margin: 0.5rem !important;
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: 0.5rem !important;
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: 0.5rem !important;
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: 0.5rem !important;
    }

    .m-md-3 {
        margin: 1rem !important;
    }

    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important;
    }

    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important;
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important;
    }

    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important;
    }

    .m-md-4 {
        margin: 1.5rem !important;
    }

    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important;
    }

    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important;
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important;
    }

    .m-md-5 {
        margin: 3rem !important;
    }

    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important;
    }

    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important;
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important;
    }

    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important;
    }

    .p-md-0 {
        padding: 0 !important;
    }

    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important;
    }

    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important;
    }

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important;
    }

    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important;
    }

    .p-md-1 {
        padding: 0.25rem !important;
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: 0.25rem !important;
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: 0.25rem !important;
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-md-1,
    .px-md-1 {
        padding-left: 0.25rem !important;
    }

    .p-md-2 {
        padding: 0.5rem !important;
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: 0.5rem !important;
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: 0.5rem !important;
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: 0.5rem !important;
    }

    .p-md-3 {
        padding: 1rem !important;
    }

    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important;
    }

    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important;
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important;
    }

    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important;
    }

    .p-md-4 {
        padding: 1.5rem !important;
    }

    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important;
    }

    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important;
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important;
    }

    .p-md-5 {
        padding: 3rem !important;
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important;
    }

    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important;
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important;
    }

    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important;
    }

    .m-md-n1 {
        margin: -0.25rem !important;
    }

    .mt-md-n1,
    .my-md-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -0.25rem !important;
    }

    .m-md-n2 {
        margin: -0.5rem !important;
    }

    .mt-md-n2,
    .my-md-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -0.5rem !important;
    }

    .m-md-n3 {
        margin: -1rem !important;
    }

    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important;
    }

    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important;
    }

    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important;
    }

    .m-md-n4 {
        margin: -1.5rem !important;
    }

    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important;
    }

    .m-md-n5 {
        margin: -3rem !important;
    }

    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important;
    }

    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important;
    }

    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important;
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important;
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important;
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important;
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important;
    }

    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important;
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important;
    }

    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important;
    }

    .m-lg-1 {
        margin: 0.25rem !important;
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: 0.25rem !important;
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 0.25rem !important;
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 0.25rem !important;
    }

    .m-lg-2 {
        margin: 0.5rem !important;
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: 0.5rem !important;
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 0.5rem !important;
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 0.5rem !important;
    }

    .m-lg-3 {
        margin: 1rem !important;
    }

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important;
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important;
    }

    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important;
    }

    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important;
    }

    .m-lg-4 {
        margin: 1.5rem !important;
    }

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important;
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important;
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important;
    }

    .m-lg-5 {
        margin: 3rem !important;
    }

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important;
    }

    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important;
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important;
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important;
    }

    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important;
    }

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important;
    }

    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important;
    }

    .p-lg-1 {
        padding: 0.25rem !important;
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: 0.25rem !important;
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: 0.25rem !important;
    }

    .p-lg-2 {
        padding: 0.5rem !important;
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: 0.5rem !important;
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: 0.5rem !important;
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: 0.5rem !important;
    }

    .p-lg-3 {
        padding: 1rem !important;
    }

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important;
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important;
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important;
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem !important;
    }

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important;
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important;
    }

    .p-lg-5 {
        padding: 3rem !important;
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important;
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important;
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important;
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important;
    }

    .m-lg-n1 {
        margin: -0.25rem !important;
    }

    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -0.25rem !important;
    }

    .m-lg-n2 {
        margin: -0.5rem !important;
    }

    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -0.5rem !important;
    }

    .m-lg-n3 {
        margin: -1rem !important;
    }

    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important;
    }

    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important;
    }

    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important;
    }

    .m-lg-n4 {
        margin: -1.5rem !important;
    }

    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important;
    }

    .m-lg-n5 {
        margin: -3rem !important;
    }

    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important;
    }

    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important;
    }

    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important;
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important;
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important;
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important;
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important;
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important;
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important;
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important;
    }

    .m-xl-1 {
        margin: 0.25rem !important;
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: 0.25rem !important;
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: 0.25rem !important;
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: 0.25rem !important;
    }

    .m-xl-2 {
        margin: 0.5rem !important;
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: 0.5rem !important;
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: 0.5rem !important;
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: 0.5rem !important;
    }

    .m-xl-3 {
        margin: 1rem !important;
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important;
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important;
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important;
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important;
    }

    .m-xl-4 {
        margin: 1.5rem !important;
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important;
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important;
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important;
    }

    .m-xl-5 {
        margin: 3rem !important;
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important;
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important;
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important;
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important;
    }

    .p-xl-0 {
        padding: 0 !important;
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important;
    }

    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important;
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important;
    }

    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important;
    }

    .p-xl-1 {
        padding: 0.25rem !important;
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: 0.25rem !important;
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: 0.25rem !important;
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: 0.25rem !important;
    }

    .p-xl-2 {
        padding: 0.5rem !important;
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: 0.5rem !important;
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: 0.5rem !important;
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: 0.5rem !important;
    }

    .p-xl-3 {
        padding: 1rem !important;
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important;
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important;
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important;
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important;
    }

    .p-xl-4 {
        padding: 1.5rem !important;
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important;
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important;
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important;
    }

    .p-xl-5 {
        padding: 3rem !important;
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important;
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important;
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important;
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important;
    }

    .m-xl-n1 {
        margin: -0.25rem !important;
    }

    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -0.25rem !important;
    }

    .m-xl-n2 {
        margin: -0.5rem !important;
    }

    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -0.5rem !important;
    }

    .m-xl-n3 {
        margin: -1rem !important;
    }

    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important;
    }

    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important;
    }

    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important;
    }

    .m-xl-n4 {
        margin: -1.5rem !important;
    }

    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important;
    }

    .m-xl-n5 {
        margin: -3rem !important;
    }

    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important;
    }

    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important;
    }

    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important;
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important;
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important;
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important;
    }
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0);
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
    text-align: justify !important;
}

.text-wrap {
    white-space: normal !important;
}

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

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

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important;
    }

    .text-sm-right {
        text-align: right !important;
    }

    .text-sm-center {
        text-align: center !important;
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }

    .text-md-right {
        text-align: right !important;
    }

    .text-md-center {
        text-align: center !important;
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important;
    }

    .text-lg-right {
        text-align: right !important;
    }

    .text-lg-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important;
    }

    .text-xl-right {
        text-align: right !important;
    }

    .text-xl-center {
        text-align: center !important;
    }
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.font-weight-light {
    font-weight: 300 !important;
}

.font-weight-lighter {
    font-weight: lighter !important;
}

.font-weight-normal {
    font-weight: 400 !important;
}

.font-weight-bold {
    font-weight: 600 !important;
}

.font-weight-bolder {
    font-weight: 700 !important;
}

.font-italic {
    font-style: italic !important;
}

.text-white {
    color: #ffffff !important;
}

.text-primary {
    color: #1b68ff !important;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #0045ce !important;
}

.text-secondary {
    color: #6c757d !important;
}

a.text-secondary:hover,
a.text-secondary:focus {
    color: #494f54 !important;
}

.text-success {
    color: #3ad29f !important;
}

a.text-success:hover,
a.text-success:focus {
    color: #249c74 !important;
}

.text-info {
    color: #17a2b8 !important;
}

a.text-info:hover,
a.text-info:focus {
    color: #0f6674 !important;
}

.text-warning {
    color: #eea303 !important;
}

a.text-warning:hover,
a.text-warning:focus {
    color: #a26f02 !important;
}

.text-danger {
    color: #dc3545 !important;
}

a.text-danger:hover,
a.text-danger:focus {
    color: #a71d2a !important;
}

.text-light {
    color: #f8f9fa !important;
}

a.text-light:hover,
a.text-light:focus {
    color: #cbd3da !important;
}

.text-dark {
    color: #343a40 !important;
}

a.text-dark:hover,
a.text-dark:focus {
    color: #121416 !important;
}

.text-body {
    color: #6c757d !important;
}

.text-muted {
    color: #6c757d !important;
}

.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.text-decoration-none {
    text-decoration: none !important;
}

.text-break {
    word-wrap: break-word !important;
}

.text-reset {
    color: inherit !important;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

@media print {

    *,
    *::before,
    *::after {
        text-shadow: none !important;
        box-shadow: none !important;
    }

    a:not(.btn) {
        text-decoration: underline;
    }

    abbr[title]::after {
        content: " (" attr(title) ")";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
    blockquote {
        border: 1px solid #adb5bd;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    @page {
        size: a3;
    }

    body {
        min-width: 992px !important;
    }

    .container {
        min-width: 992px !important;
    }

    .navbar {
        display: none;
    }

    .badge {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

    .table td,
    .table th {
        background-color: #ffffff !important;
    }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #dee2e6 !important;
    }

    .table-dark {
        color: inherit;
    }

    .table-dark th,
    .table-dark td,
    .table-dark thead th,
    .table-dark tbody+tbody {
        border-color: #e9ecef;
    }

    .table .thead-dark th {
        color: inherit;
        border-color: #e9ecef;
    }
}

.bg-primary-dark {
    background: #004ee7;
}

.bg-primary-darker {
    background: #002c81;
}

.bg-secondary-dark {
    background: #545b62;
}

.bg-secondary-darker {
    background: #25282b;
}

.bg-success-dark {
    background: #28b183;
}

.bg-success-darker {
    background: #155e45;
}

.bg-info-dark {
    background: #117a8b;
}

.bg-info-darker {
    background: #062a30;
}

.bg-warning-dark {
    background: #bc8102;
}

.bg-warning-darker {
    background: #573c01;
}

.bg-danger-dark {
    background: #bd2130;
}

.bg-danger-darker {
    background: #66121a;
}

.bg-light-dark {
    background: #dae0e5;
}

.bg-light-darker {
    background: #9fadba;
}

.bg-dark-dark {
    background: #1d2124;
}

.bg-dark-darker {
    background: black;
}

.bg-primary-light {
    background: #4e8aff;
}

.bg-primary-lighter {
    background: #b4cdff;
}

.bg-secondary-light {
    background: #868e96;
}

.bg-secondary-lighter {
    background: #bcc1c6;
}

.bg-success-light {
    background: #64dbb3;
}

.bg-success-lighter {
    background: #b7eedc;
}

.bg-info-light {
    background: #1fc8e3;
}

.bg-info-lighter {
    background: #7adeee;
}

.bg-warning-light {
    background: #fcb828;
}

.bg-warning-lighter {
    background: #fed98c;
}

.bg-danger-light {
    background: #e4606d;
}

.bg-danger-lighter {
    background: #f3b7bd;
}

.bg-light-light {
    background: white;
}

.bg-light-lighter {
    background: white;
}

.bg-dark-light {
    background: #4b545c;
}

.bg-dark-lighter {
    background: #7a8793;
}

.text-primary-dark {
    color: #004ee7;
}

.text-primary-darker {
    color: #002c81;
}

.text-secondary-dark {
    color: #545b62;
}

.text-secondary-darker {
    color: #25282b;
}

.text-success-dark {
    color: #28b183;
}

.text-success-darker {
    color: #155e45;
}

.text-info-dark {
    color: #117a8b;
}

.text-info-darker {
    color: #062a30;
}

.text-warning-dark {
    color: #bc8102;
}

.text-warning-darker {
    color: #573c01;
}

.text-danger-dark {
    color: #bd2130;
}

.text-danger-darker {
    color: #66121a;
}

.text-light-dark {
    color: #dae0e5;
}

.text-light-darker {
    color: #9fadba;
}

.text-dark-dark {
    color: #1d2124;
}

.text-dark-darker {
    color: black;
}

.text-primary-light {
    color: #4e8aff;
}

.text-primary-lighter {
    color: #b4cdff;
}

.text-secondary-light {
    color: #868e96;
}

.text-secondary-lighter {
    color: #bcc1c6;
}

.text-success-light {
    color: #64dbb3;
}

.text-success-lighter {
    color: #b7eedc;
}

.text-info-light {
    color: #1fc8e3;
}

.text-info-lighter {
    color: #7adeee;
}

.text-warning-light {
    color: #fcb828;
}

.text-warning-lighter {
    color: #fed98c;
}

.text-danger-light {
    color: #e4606d;
}

.text-danger-lighter {
    color: #f3b7bd;
}

.text-light-light {
    color: white;
}

.text-light-lighter {
    color: white;
}

.text-dark-light {
    color: #4b545c;
}

.text-dark-lighter {
    color: #7a8793;
}

body {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

a {
    color: #1b68ff;
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    font-weight: 700;
}

.h4,
.h5,
.h6,
h4,
h5,
h6,
strong {
    font-weight: 600;
}

.small,
small {
    font-size: 0.825rem;
    font-weight: 300;
    letter-spacing: .01em;
}

.badge {
    font-weight: 400;
    vertical-align: middle;
}

.badge-pill {
    border-radius: 4px;
}

.text-muted {
    font-weight: 300;
}

button:focus {
    outline: none;
}

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(18, 38, 63, 0.05) !important;
}




/* navbar */
.navbar-nav .nav-link {
    padding: 0.5rem;
}


.navbar-nav .dropdown-menu .nav-item .dropdown-toggle::after {
    content: "\e930";
    position: absolute;
    right: .5rem;
}

.navbar-nav .dropdown-menu .nav-item>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}

.navbar-toggler {
    border-color: transparent !important;
}

.navbar-toggler-icon {
    background: transparent !important;
}

.brand-sm {
    width: 2rem;
}

.brand-md {
    width: 4rem;
}

[data-mode="dark"] .fe::before {
    content: "\e9e3";
}

[data-mode="light"] .fe::before {
    content: "\e9a3";
}

.searchform {
    position: relative;
}

.searchform:before {
    font-family: "feather";
    content: "\e9cc";
    position: absolute;
    left: 0;
}

.searchform.searchform-lg:before {
    left: 1rem;
    top: 0.7rem;
}

/* tabs */
.nav-tabs .nav-link {
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-width: 3px;
    margin-right: 1.7rem;
    padding-left: 0;
    padding-right: 0;
    font-weight: 700;
}

/* wrapper */
.headerbg .wrapper {
    position: relative;
}

.headerbg .wrapper:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 16rem;
    content: "";
}

.sidebar-left {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset !important;
    /* background-color: #F3F2F7 ; */
}

/* collapsed layout with sidebar */
.vertical.collapsed .sidebar-left,
.vertical.narrow .sidebar-left {
    min-width: 5rem;
    width: 5rem;
}

.vertical.collapsed .sidebar-left .navbar-toggler,
.vertical.collapsed .sidebar-left .nav-heading,
.vertical.collapsed .sidebar-left .btn-box,
.vertical.narrow .sidebar-left .navbar-toggler,
.vertical.narrow .sidebar-left .nav-heading,
.vertical.narrow .sidebar-left .btn-box {
    display: none;
}

.vertical.collapsed .sidebar-left .navbar-nav>.nav-item,
.vertical.narrow .sidebar-left .navbar-nav>.nav-item {
    text-align: center;
}

.vertical.collapsed .sidebar-left .navbar-nav>.nav-item>a>span,
.vertical.collapsed .sidebar-left .navbar-nav>.nav-item>a.dropdown-toggle::after,
.vertical.collapsed .sidebar-left .navbar-nav>.nav-item>ul.show,
.vertical.narrow .sidebar-left .navbar-nav>.nav-item>a>span,
.vertical.narrow .sidebar-left .navbar-nav>.nav-item>a.dropdown-toggle::after,
.vertical.narrow .sidebar-left .navbar-nav>.nav-item>ul.show {
    display: none;
}

.vertical.collapsed .main-content,
.vertical.collapsed .topnav,
.vertical.narrow .main-content,
.vertical.narrow .topnav {
    margin-left: 5rem;
}

.horizontal .main-content {
    margin: 2rem 0;
}

.vertnav .badge {
    float: right;
}

.vertnav .dropdown-toggle::after {
    float: right;
}

.vertical .sidebar-left,
.vertical.hover .sidebar-left,
.narrow.open .sidebar-left {
    min-width: 16rem;
    width: 16rem;
    height: 100%;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    transition: all 0.4s;
    box-shadow: inset -1px 0 0 rgba(18, 38, 63, 0.05);
    transition: width .3s ease-in-out, left .4s ease-in-out;

}

.vertical .sidebar-left .nav-heading,
.vertical .sidebar-left .btn-box,
.vertical.hover .sidebar-left .nav-heading,
.vertical.hover .sidebar-left .btn-box,
.narrow.open .sidebar-left .nav-heading,
.narrow.open .sidebar-left .btn-box {
    display: inline-block;
}

.vertical .sidebar-left .navbar-nav>.nav-item,
.vertical.hover .sidebar-left .navbar-nav>.nav-item,
.narrow.open .sidebar-left .navbar-nav>.nav-item {
    text-align: left;
}

.vertical .sidebar-left .navbar-nav>.nav-item>a>span,
.vertical .sidebar-left .navbar-nav>.nav-item>a.dropdown-toggle::after,
.vertical .sidebar-left .navbar-nav>.nav-item>ul.show,
.vertical.hover .sidebar-left .navbar-nav>.nav-item>a>span,
.vertical.hover .sidebar-left .navbar-nav>.nav-item>a.dropdown-toggle::after,
.vertical.hover .sidebar-left .navbar-nav>.nav-item>ul.show,
.narrow.open .sidebar-left .navbar-nav>.nav-item>a>span,
.narrow.open .sidebar-left .navbar-nav>.nav-item>a.dropdown-toggle::after,
.narrow.open .sidebar-left .navbar-nav>.nav-item>ul.show {
    display: inline-block;
}

.vertical .sidebar-left .navbar-nav>.nav-item.active,
.vertical.hover .sidebar-left .navbar-nav>.nav-item.active,
.narrow.open .sidebar-left .navbar-nav>.nav-item.active {
    position: relative;
}

.vertical .sidebar-left .navbar-nav>.nav-item.active:after,
.vertical.hover .sidebar-left .navbar-nav>.nav-item.active:after,
.narrow.open .sidebar-left .navbar-nav>.nav-item.active:after {
    content: "";
    position: absolute;
    left: -1rem;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: #1b68ff;
}

.vertical .topnav,
.vertical.hover .topnav,
.narrow.open .topnav {
    margin-left: 16rem;
    padding-left: 2.2rem;
    padding-right: 2.2rem;
}

.vertical .topnav .nav-notif,
.vertical.hover .topnav .nav-notif,
.narrow.open .topnav .nav-notif {
    position: relative;
}

.vertical .topnav .nav-notif .dot,
.vertical.hover .topnav .nav-notif .dot,
.narrow.open .topnav .nav-notif .dot {
    position: absolute;
}

.vertical .main-content,
.vertical.hover .main-content,
.narrow.open .main-content {
    margin-left: 16rem;
    overflow: hidden;
    /* padding: 1.2rem; */
    /* min-height: 50vh; */
    transition: margin-left .3s ease-in-out, left .3s ease-in-out, margin-right .3s ease-in-out, right .3s ease-in-out;
}

.vertical.narrow.hover .sidebar-left {
    position: fixed;
}

.vertical.narrow.hover .topnav,
.vertical.narrow.hover .main-content {
    margin-left: 5rem;
}

.vertical.narrow.hover .wrapper {
    position: relative;
}

/* boxed layout */
.boxed .container,
.boxed.hover .container,
.boxed.open .container {
    padding: 0;
    position: relative;
}

.boxed .sidebar-left,
.boxed.hover .sidebar-left,
.boxed.open .sidebar-left {
    position: absolute;
    left: 0;
}

.boxed.vertical.collapsed .main-content,
.boxed.vertical.narrow .main-content,
.boxed.hover.vertical.collapsed .main-content,
.boxed.hover.vertical.narrow .main-content,
.boxed.open.vertical.collapsed .main-content,
.boxed.open.vertical.narrow .main-content {
    padding-left: 1rem;
    padding-right: 1rem;
}

.boxed.vertical .topnav,
.boxed.hover.vertical .topnav,
.boxed.open.vertical .topnav {
    padding-left: 1rem;
    padding-right: 1rem;
}

.thumbnail-sm {
    width: 32px;
}

/* form element */
select {
    -webkit-border-radius: 0px;
}

.card-container {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
}

.content-card {
    overflow: auto
}

.content-wrapper {
    padding: 0 14px 0 14px;
    height: calc(100vh - 150px);
    overflow: auto
}

.card-container .card {
    flex: 0 0 auto;
    /* Garante que os cards não encolham */
    min-width: 250px;
    margin-right: 16px;
    /* Espaçamento entre os cards */
}

.fixed-size {
    width: 100%;
    /* Tamanho fixo */
    max-width: 250px;
    /* Tamanho fixo máximo */
}

/* table */
.table th,
.table td {
    vertical-align: middle !important;
}

.table thead th {
    font-weight: 400;
}

.table tbody tr th {
    font-weight: 400;
}

.table tr.collapse {
    border-top: 1px solid #e9ecef;
    border-bottom: 1px solid #e9ecef;
}

.table tr.collapse:hover {
    cursor: pointer;
}

.table.border-v {
    border: 1px solid #e9ecef;
}

.table.border-v tbody tr td,
.table.border-v thead tr th,
.table.border-v thead {
    border-left: 1px solid #e9ecef;
    border-right: 1px solid #e9ecef;
}

.table.border-v thead tr th,
.table.border-v thead {
    border: 1px solid #e9ecef;
}

/* custom modal */
.modal.fade.modal-slide .modal-dialog {
    position: absolute;
    min-width: 20%;
    right: 0;
    margin: 0;
    height: 100%;
    transform: translate3d(100%, 0, 0);
    -ms-transform: translate(100%, 0);
}

.modal.fade.modal-slide.show .modal-dialog {
    transform: translate3d(0, 0, 0);
    -ms-transform: translate(0, 0);
}

.modal.fade.modal-slide .modal-content {
    height: 100%;
    border: none;
    background: transparent;
}

.modal.fade.modal-full .modal-content {
    border: none;
    background: transparent;
}

/* apexchart */
.apexcharts-canvas.apexcharts-theme-dark {
    background: transparent !important;
}

.map-box {
    margin: 0 auto;
}

/* avatars list */
.avatars-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.avatars-list li {
    display: inline;
}

.avatars-list>li+li {
    margin-left: -0.75rem;
}

.avatar-sm img {
    width: 32px;
}

.avatar-md img {
    width: 48px;
}

.avatar-lg img {
    width: 64px;
}

.avatar-xl img {
    width: 110px;
}

.squircle {
    height: 84px;
    width: 84px;
    margin: 1em auto;
    border-radius: 24px;
    position: relative;
    text-align: center;
    display: flex;
}

.squircle:before,
.squircle:after {
    content: '';
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    border-radius: 100%;
    transform: scaleX(1.9) scaleY(1.02);
    clip: rect(0, 50px, 84px, 32px);
}

.squircle:after {
    transform: scaleY(2) scaleX(1.02) rotate(90deg);
}

.squircle i,
.squircle .fe {
    z-index: 1;
}

/* timeline */
.timeline .timeline-item {
    position: relative;
}

.timeline .timeline-item::before {
    content: "";
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 0;
    z-index: 2;
}

.timeline .timeline-item::after {
    content: "";
    position: absolute;
    left: 15px;
    top: 0;
    width: 1px;
    background: #e9ecef;
    bottom: 0;
    z-index: 1;
}

.timeline .timeline-item.item-primary::before {
    background-color: #1b68ff;
}

.timeline .timeline-item.item-success::before {
    background-color: #3ad29f;
}

.timeline .timeline-item.item-warning::before {
    background-color: #eea303;
}

.timeline .timeline-item.item-danger::before {
    background-color: #dc3545;
}

/* custom circle */
.circle {
    display: inline-flex;
    border-radius: 50%;
    align-items: center !important;
    text-align: center;
}

.circle-sm {
    width: 32px;
    height: 32px;
}

.circle-md {
    width: 48px;
    height: 48px;
}

.circle-lg {
    width: 64px;
    height: 64px;
}

.circle .fe {
    margin: 0 auto;
}

/* custom dot */
.dot {
    content: "";
    border-radius: 50%;
    display: inline-block;
}

.dot-md {
    height: 6px;
    width: 6px;
}

.dot-lg {
    width: 10px;
    height: 10px;
}

/* Calendar */
.fc-bootstrap table,
.fc-bootstrap .fc-head-container {
    border-width: 0 !important;
    font-size: 0.875rem;
}

.fc-bootstrap th,
.fc-bootstrap td {
    border-left-width: 0;
    border-right-width: 0;
    padding: .2rem 1rem;
    border-bottom-width: 0 !important;
}

.fc-bootstrap .fc-toolbar .btn {
    font-size: 0.75rem;
    text-transform: uppercase;
}

.fc-bootstrap .fc-toolbar .fc-next-button {
    margin-left: -1px;
}

.fc-bootstrap hr.fc-divider {
    padding: 0;
    margin-top: -1px;
    border-color: #e9ecef;
}

.fc-bootstrap .fc-popover {
    position: absolute;
}

/* svg gauge */
.gauge-container {
    width: 64px;
    height: 64px;
    position: relative;
}

.gauge-container>.gauge .dial {
    stroke-width: 8;
}

.gauge-container>.gauge .value {
    stroke-width: 8;
}

.gauge-container>.gauge .value-text {
    stroke-width: 8;
    font-weight: 400;
    font-size: 1.2rem;
    font-family: "Overpass", sans-serif;
}

.gauge-container.g3>.gauge .dial {
    stroke: transparent;
    stroke-width: 6;
    transform: scale(0.9, 0.9) translate3d(5.5px, 5.5px, 0);
}

.gauge-container.g4>.gauge .value-text {
    transform: translate3d(26%, 20%, 0);
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 700;
}

.gauge-container.g4 .value-text {
    position: absolute;
    bottom: -5px;
    right: -5px;
    display: inline-block;
}

/* file manager */
.file-container .file-panel {
    margin-right: 0;
}

.file-container .info-panel {
    display: none;
}

.file-container .close-info:hover {
    cursor: pointer;
}

.file-container.collapsed {
    position: relative;
}

.file-container.collapsed .file-panel {
    margin-right: 18rem;
}

.file-container.collapsed .info-panel {
    position: absolute;
    right: 0;
    top: 0;
    width: 16.5rem;
    display: block;
}

.file-container.collapsed .info-content {
    bottom: 0;
}

.file,
.file-list {
    position: relative;
}

.file .file-info,
.file .file-action,
.file-list .file-info,
.file-list .file-action {
    position: absolute;
    display: none;
}

.file .file-info,
.file-list .file-info {
    bottom: .5rem;
    left: 0;
    right: 0;
    display: inline;
}

.file .file-action,
.file-list .file-action {
    top: .5rem;
    right: .5rem;
}

.file:hover,
.file-list:hover {
    cursor: pointer;
}

.file:hover .file-action,
.file-list:hover .file-action {
    display: inline;
}

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

@media (max-width: 991.98px) {

    .vertical .sidebar-left,
    .vertical.hover .sidebar-left,
    .vertical.narrow .sidebar-left {
        min-width: 0;
        width: 0;
        border-right: none !important;
    }

    .vertical .topnav,
    .vertical .main-content,
    .vertical.hover .topnav,
    .vertical.hover .main-content,
    .vertical.narrow .topnav,
    .vertical.narrow .main-content {
        margin-left: 0;
        width: 100%;
    }

    .vertical .main-content,
    .vertical.hover .main-content,
    .vertical.narrow .main-content {
        padding: .5rem;
    }

    .vertical .vertnav .navbar-toggler,
    .vertical.hover .vertnav .navbar-toggler,
    .vertical.narrow .vertnav .navbar-toggler {
        display: none;
    }

    .vertical .topnav,
    .vertical.hover .topnav,
    .vertical.narrow .topnav {
        padding-left: 1.2rem;

        padding-right: 1.2rem;
    }

    .vertical.collapsed .sidebar-left,
    .vertical.narrow.open .sidebar-left {
        min-width: 16rem;
        width: 16rem;
    }

    .vertical.collapsed .sidebar-left .nav-heading,
    .vertical.collapsed .sidebar-left .btn-box,
    .vertical.narrow.open .sidebar-left .nav-heading,
    .vertical.narrow.open .sidebar-left .btn-box {
        display: inline-block;
    }

    .vertical.collapsed .sidebar-left .navbar-nav>.nav-item,
    .vertical.narrow.open .sidebar-left .navbar-nav>.nav-item {
        text-align: left;
    }

    .vertical.collapsed .sidebar-left .navbar-nav>.nav-item>a>span,
    .vertical.collapsed .sidebar-left .navbar-nav>.nav-item>a.dropdown-toggle::after,
    .vertical.collapsed .sidebar-left .navbar-nav>.nav-item>ul.show,
    .vertical.narrow.open .sidebar-left .navbar-nav>.nav-item>a>span,
    .vertical.narrow.open .sidebar-left .navbar-nav>.nav-item>a.dropdown-toggle::after,
    .vertical.narrow.open .sidebar-left .navbar-nav>.nav-item>ul.show {
        display: inline-block;
    }

    .vertical.collapsed .sidebar-left .toggle-btn,
    .vertical.narrow.open .sidebar-left .toggle-btn {
        position: absolute;
        z-index: 1001;
    }

    .vertical.collapsed .topnav,
    .vertical.collapsed .main-content,
    .vertical.narrow.open .topnav,
    .vertical.narrow.open .main-content {
        margin-left: 16rem;
    }

    .topnav .form-inline {
        display: none;
    }


    .horizontal .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .horizontal .navbar-slide {
        position: fixed;
        left: 0;
        height: 100vh;
        width: 0;
        max-width: 0;
        bottom: 0;
        z-index: 1000;
        overflow-y: auto;
        overflow-x: hidden;
        transition: all 0.4s;
        box-shadow: inset -1px 0 0 rgba(18, 38, 63, 0.05);
        transition: width .3s ease-in-out, left .4s ease-in-out;
    }

    .horizontal .navbar-slide .dropdown-menu {
        border: none;
        margin-left: 1rem;
        background-color: transparent;
        position: relative;
    }

    .horizontal .navbar-slide .dropdown-menu .nav-item>.dropdown-menu {
        margin-top: 0;
        left: inherit;
    }

    .horizontal .navbar-slide .nav-item .dropdown-toggle::after {
        float: right;
        position: relative;
        content: "\e92e";
        right: 0;
    }

    .horizontal .navbar-slide .nav-item .nav-link {
        padding: .7rem 1rem .7rem 1.5rem;
    }

    .horizontal .navbar-slide .nav-item.more>.dropdown-toggle {
        display: none;
    }

    .horizontal .navbar-slide .nav-item.more>.dropdown-menu {
        width: 100%;
        margin: 0;
        padding: 0;
        display: inline-block;
    }

    .horizontal .navbar-slide.show {
        width: 16rem;
        max-width: 16rem;
        padding: 0;
        display: block !important;
    }


}


/* Dropzone */

.dropzone {
    box-sizing: border-box;
    min-height: 150px;
    border: 1px dashed #dee2e6;
    background: #f8f9fa;
    padding: 20px 20px;
}

.dropzone * {
    box-sizing: border-box;
}

.dropzone .dz-message {
    text-align: center;
    margin: 2em 0;
}

.dropzone .dz-message .dz-button {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}

.dropzone .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 16px;
    min-height: 100px;
}

.dropzone .dz-preview:hover {
    z-index: 1000;
}

.dropzone .dz-preview:hover .dz-details {
    opacity: 1;
}

.dropzone .dz-preview:hover .dz-image img {
    transform: scale(1.05, 1.05);
    filter: blur(8px);
}

.dropzone .dz-preview .dz-remove {
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none;
}

.dropzone .dz-preview .dz-remove:hover {
    text-decoration: underline;
}

.dropzone .dz-preview .dz-details {
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    font-size: 13px;
    min-width: 100%;
    max-width: 100%;
    padding: 2em 1em;
    text-align: center;
    color: rgba(0, 0, 0, 0.9);
    line-height: 150%;
}

.dropzone .dz-preview .dz-details .dz-size {
    margin-bottom: 1em;
    font-size: 16px;
}

.dropzone .dz-preview .dz-details .dz-size span {
    background-color: rgba(255, 255, 255, 0.4);
    padding: 0 0.4em;
    border-radius: 3px;
}

.dropzone .dz-preview .dz-details .dz-filename {
    white-space: nowrap;
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
    border: 1px solid rgba(200, 200, 200, 0.8);
    background-color: rgba(255, 255, 255, 0.8);
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
    border: 1px solid transparent;
}

.dropzone .dz-preview .dz-details .dz-filename span {
    background-color: rgba(255, 255, 255, 0.4);
    padding: 0 0.4em;
    border-radius: 3px;
}

.dropzone .dz-preview .dz-image {
    border-radius: 0.3rem;
    overflow: hidden;
    width: 120px;
    height: 120px;
    position: relative;
    display: block;
    z-index: 10;
}

.dropzone .dz-preview .dz-image img {
    display: block;
}

.dropzone .dz-preview .dz-success-mark {
    pointer-events: none;
    opacity: 0;
    z-index: 500;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -27px;
    margin-top: -27px;
}

.dropzone .dz-preview .dz-success-mark svg {
    display: block;
    width: 54px;
    height: 54px;
}

.dropzone .dz-preview .dz-error-mark {
    pointer-events: none;
    opacity: 0;
    z-index: 500;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -27px;
    margin-top: -27px;
}

.dropzone .dz-preview .dz-error-mark svg {
    display: block;
    width: 54px;
    height: 54px;
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
    animation: pulse 6s ease infinite;
}

.dropzone .dz-preview .dz-progress {
    opacity: 1;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    height: 16px;
    left: 50%;
    top: 50%;
    margin-top: -8px;
    width: 80px;
    margin-left: -40px;
    background: rgba(255, 255, 255, 0.9);
    -webkit-transform: scale(1);
    border-radius: 8px;
    overflow: hidden;
}

.dropzone .dz-preview .dz-progress .dz-upload {
    background: #333;
    background: linear-gradient(to bottom, #666, #444);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    transition: width 300ms ease-in-out;
}

.dropzone .dz-preview .dz-error-message {
    pointer-events: none;
    z-index: 1000;
    position: absolute;
    display: block;
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: 8px;
    font-size: 13px;
    top: 130px;
    left: -10px;
    width: 140px;
    background: #be2626;
    background: linear-gradient(to bottom, #be2626, #a92222);
    padding: 0.5em 1.2em;
    color: white;
}

.dropzone .dz-preview .dz-error-message:after {
    content: '';
    position: absolute;
    top: -6px;
    left: 64px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #be2626;
}

.dropzone .dz-preview.dz-file-preview .dz-image {
    border-radius: 20px;
    background: #999;
    background: linear-gradient(to bottom, #eee, #ddd);
}

.dropzone .dz-preview.dz-file-preview .dz-details {
    opacity: 1;
}

.dropzone .dz-preview.dz-image-preview {
    background: white;
}

.dropzone .dz-preview.dz-image-preview .dz-details {
    transition: opacity 0.2s linear;
}

.dropzone .dz-preview.dz-success .dz-success-mark {
    animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview.dz-error .dz-error-mark {
    opacity: 1;
    animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview.dz-error .dz-error-message {
    display: block;
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
    opacity: 1;
    pointer-events: auto;
}

.dropzone .dz-preview.dz-processing .dz-progress {
    opacity: 1;
    transition: all 0.2s linear;
}

.dropzone .dz-preview.dz-complete .dz-progress {
    opacity: 0;
    transition: opacity 0.4s ease-in;
}

.dropzone.dz-clickable {
    cursor: pointer;
}

.dropzone.dz-clickable * {
    cursor: default;
}

.dropzone.dz-clickable .dz-message {
    cursor: pointer;
}

.dropzone.dz-clickable .dz-message * {
    cursor: pointer;
}

.dropzone.dz-started .dz-message {
    display: none;
}

.dropzone.dz-drag-hover {
    border-style: solid;
}

.dropzone.dz-drag-hover .dz-message {
    opacity: 0.5;
}

.topnav {
    /* margin-top: .25rem !important; */
    margin-bottom: .25rem !important;
    /* margin-right: .25rem !important; */
    /* margin-left: 25rem !important; */
    padding-top: 0 !important;
    padding-right: 0.25rem !important;
    padding-bottom: 0 !important;
    /* padding-left: 0 !important; */
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;

}

.nav-item:hover {
    background-color: #FFFFFF !important;
    /* border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; */
    /* border-color: #0f59c9!important */
}


aside>nav>ul>.nav-item>a:hover {
    background-color: #FFFFFF !important;
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    border-color: #0f59c9 !important
}

.nav-link-aside:hover {
    box-shadow: var(--bs-box-shadow) !important;
    background-color: #FFFFFF !important;
    border-left: var(--bs-border-width) var(--bs-border-style) !important;
    border-color: #0dcaf0 !important
}


/* tailwind */


.bg-gray-50 {
    --bg-opacity: 1;
    background-color: #f9fafb;
    background-color: rgba(249, 250, 251, var(--bg-opacity))
}

.bg-gray-100 {
    background-color: rgb(243 244 246);
}

.bg-gray-200 {
    background-color: rgb(229 231 235);
}

.bg-emerald-500 {
    background-color: rgb(3 105 161);
}


.bg-red-100 {
    --bg-opacity: 1;
    background-color: #fde8e8;
    background-color: rgba(253, 232, 232, var(--bg-opacity))
}

.bg-red-500 {
    background-color: rgb(239 68 68);
}

.bg-red-600 {
    --bg-opacity: 1;
    background-color: #e02424;
    background-color: rgba(224, 36, 36, var(--bg-opacity))
}

.bg-red-900 {
    --bg-opacity: 1;
    background-color: #7f1d1d;

}

.bg-orange-100 {
    --bg-opacity: 1;
    background-color: #feecdc;
    background-color: rgba(254, 236, 220, var(--bg-opacity))
}

.bg-orange-200 {
    --bg-opacity: 1;
    background-color: #f19e02;
    background-color: rgba(254, 236, 220, var(--bg-opacity))
}

.bg-orange-400 {
    --bg-opacity: 1;
    background-color: #a0490b;
}


.bg-orange-900 {
    --bg-opacity: 1;
    background-color: #78350f;

}

.bg-green-100 {
    --bg-opacity: 1;
    background-color: #def7ec;
    background-color: rgba(222, 247, 236, var(--bg-opacity))
}

.bg-green-900 {
    --bg-opacity: 1;
    background-color: #365314;
}

.bg-cyan-800 {
    --bg-opacity: 1;
    background-color: #155e75;
}

.bg-purple-800 {
    background-color: #6b21a8;
}

.bg-teal-100 {
    --bg-opacity: 1;
    background-color: #d5f5f6;
    background-color: rgba(213, 245, 246, var(--bg-opacity))
}

.bg-teal-500 {
    --bg-opacity: 1;
    background-color: #0694a2;
    background-color: rgba(6, 148, 162, var(--bg-opacity))
}

.bg-teal-600 {
    --bg-opacity: 1;
    background-color: #047481;
    background-color: rgba(4, 116, 129, var(--bg-opacity))
}

.bg-blue-100 {
    --bg-opacity: 1;
    background-color: #e1effe;
    background-color: rgba(225, 239, 254, var(--bg-opacity))
}

.bg-blue-500 {
    --bg-opacity: 1;
    background-color: #3f83f8;
    background-color: rgba(63, 131, 248, var(--bg-opacity))
}

.bg-blue-600 {
    --bg-opacity: 1;
    background-color: #1c64f2;
    background-color: rgba(28, 100, 242, var(--bg-opacity))
}

.bg-purple-600 {
    --bg-opacity: 1;
    background-color: #7e3af2;
    background-color: rgba(126, 58, 242, var(--bg-opacity))
}

.hover\:bg-gray-100:hover {
    --bg-opacity: 1;
    background-color: #f4f5f7;
    background-color: rgba(244, 245, 247, var(--bg-opacity))
}

.hover\:bg-purple-700:hover {
    --bg-opacity: 1;
    background-color: #6c2bd9;
    background-color: rgba(108, 43, 217, var(--bg-opacity))
}

.focus\:bg-white:focus {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity))
}

.active\:bg-transparent:active {
    background-color: transparent
}

.active\:bg-purple-600:active {
    --bg-opacity: 1;
    background-color: #7e3af2;
    background-color: rgba(126, 58, 242, var(--bg-opacity))
}

.theme-dark .dark\:bg-gray-700 {
    --bg-opacity: 1;
    background-color: #24262d;
    background-color: rgba(36, 38, 45, var(--bg-opacity))
}

.theme-dark .dark\:bg-gray-800 {
    --bg-opacity: 1;
    background-color: #1a1c23;
    background-color: rgba(26, 28, 35, var(--bg-opacity))
}

.theme-dark .dark\:bg-gray-900 {
    --bg-opacity: 1;
    background-color: #121317;
    background-color: rgba(18, 19, 23, var(--bg-opacity))
}

.theme-dark .dark\:bg-red-600 {
    --bg-opacity: 1;
    background-color: #e02424;
    background-color: rgba(224, 36, 36, var(--bg-opacity))
}

.theme-dark .dark\:bg-red-700 {
    --bg-opacity: 1;
    background-color: #c81e1e;
    background-color: rgba(200, 30, 30, var(--bg-opacity))
}

.theme-dark .dark\:bg-orange-500 {
    --bg-opacity: 1;
    background-color: #ff5a1f;
    background-color: rgba(255, 90, 31, var(--bg-opacity))
}

.bg-orange-500 {
    --bg-opacity: 1;
    background-color: #ff5a1f;
    background-color: rgba(255, 90, 31, var(--bg-opacity))
}

.bg-amber-500 {
    background-color: rgb(245 158 11);
}

.theme-dark .dark\:bg-orange-600 {
    --bg-opacity: 1;
    background-color: #d03801;
    background-color: rgba(208, 56, 1, var(--bg-opacity))
}

.theme-dark .dark\:bg-green-500 {
    --bg-opacity: 1;
    background-color: #0e9f6e;
    background-color: rgba(14, 159, 110, var(--bg-opacity))
}

.bg-green-500 {
    --bg-opacity: 1;
    background-color: #0e9f6e;
    background-color: rgba(14, 159, 110, var(--bg-opacity))
}

.bg-green-700 {
    --bg-opacity: 1;
    background-color: #046c4e;
    background-color: rgba(4, 108, 78, var(--bg-opacity))
}

.theme-dark .dark\:bg-green-700 {
    --bg-opacity: 1;
    background-color: #046c4e;
    background-color: rgba(4, 108, 78, var(--bg-opacity))
}

.theme-dark .dark\:bg-teal-500 {
    --bg-opacity: 1;
    background-color: #0694a2;
    background-color: rgba(6, 148, 162, var(--bg-opacity))
}

.theme-dark .dark\:bg-blue-500 {
    --bg-opacity: 1;
    background-color: #3f83f8;
    background-color: rgba(63, 131, 248, var(--bg-opacity))
}

.theme-dark .dark\:hover\:bg-gray-800:hover {
    --bg-opacity: 1;
    background-color: #1a1c23;
    background-color: rgba(26, 28, 35, var(--bg-opacity))
}

.bg-opacity-50 {
    --bg-opacity: 0.5
}

.border-transparent {
    border-color: transparent
}

.border-white {
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity))
}

.border-gray-100 {
    --border-opacity: 1;
    border-color: #f4f5f7;
    border-color: rgba(244, 245, 247, var(--border-opacity))
}

.border-gray-300 {
    --border-opacity: 1;
    border-color: #d5d6d7;
    border-color: rgba(213, 214, 215, var(--border-opacity))
}

.border-red-600 {
    --border-opacity: 1;
    border-color: #e02424;
    border-color: rgba(224, 36, 36, var(--border-opacity))
}

.border-green-600 {
    --border-opacity: 1;
    border-color: #09e263;
    border-color: rgba(5, 122, 85, var(--border-opacity))
}

.border-purple-600 {
    --border-opacity: 1;
    border-color: #7e3af2;
    border-color: rgba(126, 58, 242, var(--border-opacity))
}

.focus\:border-gray-500:focus {
    --border-opacity: 1;
    border-color: #707275;
    border-color: rgba(112, 114, 117, var(--border-opacity))
}

.focus\:border-red-400:focus {
    --border-opacity: 1;
    border-color: #f98080;
    border-color: rgba(249, 128, 128, var(--border-opacity))
}

.focus\:border-green-400:focus {
    --border-opacity: 1;
    border-color: #31c48d;
    border-color: rgba(49, 196, 141, var(--border-opacity))
}

.focus\:border-purple-300:focus {
    --border-opacity: 1;
    border-color: #cabffd;
    border-color: rgba(202, 191, 253, var(--border-opacity))
}

.focus\:border-purple-400:focus {
    --border-opacity: 1;
    border-color: #ac94fa;
    border-color: rgba(172, 148, 250, var(--border-opacity))
}

.hover\:border-gray-500:hover {
    --border-opacity: 1;
    border-color: #707275;
    border-color: rgba(112, 114, 117, var(--border-opacity))
}

.theme-dark .dark\:border-gray-600 {
    --border-opacity: 1;
    border-color: #4c4f52;
    border-color: rgba(76, 79, 82, var(--border-opacity))
}

.theme-dark .dark\:border-gray-700 {
    --border-opacity: 1;
    border-color: #24262d;
    border-color: rgba(36, 38, 45, var(--border-opacity))
}

.theme-dark .dark\:border-gray-800 {
    --border-opacity: 1;
    border-color: #1a1c23;
    border-color: rgba(26, 28, 35, var(--border-opacity))
}



.rounded-md {
    border-radius: .375rem
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-full {
    border-radius: 9999px
}

.rounded-r-md {
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem
}

.rounded-l-md {
    border-top-left-radius: .375rem;
    border-bottom-left-radius: .375rem
}

.rounded-t-lg {
    border-top-left-radius: .5rem
}

.rounded-r-lg,
.rounded-t-lg {
    border-top-right-radius: .5rem
}

.rounded-r-lg {
    border-bottom-right-radius: .5rem
}

.rounded-l-lg {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.rounded-tr-lg {
    border-top-right-radius: .5rem
}

.rounded-br-lg {
    border-bottom-right-radius: .5rem
}

.border-0 {
    border-width: 0
}

.border-2 {
    border-width: 2px
}

.border {
    border-width: 1px
}

.border-r-0 {
    border-right-width: 0
}

.border-t {
    border-top-width: 1px
}

.border-b {
    border-bottom-width: 1px
}

.cursor-not-allowed {
    cursor: not-allowed
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.theme-dark .dark\:block {
    display: block
}

.theme-dark .dark\:hidden {
    display: none
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.flex-1 {
    flex: 1 1 0%
}

.flex-shrink-0 {
    flex-shrink: 0
}

.font-medium {
    font-weight: 500
}

.font-semibold {
    font-weight: 600
}

.font-bold {
    font-weight: 700
}

.h-3 {
    height: .75rem
}

.h-4 {
    height: 1rem
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-8 {
    height: 2rem
}

.h-12 {
    height: 3rem
}

.h-32 {
    height: 8rem
}

.h-full {
    height: 100%
}

.h-screen {
    height: 100vh
}

.text-xs {
    font-size: .75rem
}

.text-sm {
    font-size: .875rem
}

.text-lg {
    font-size: 1.125rem
}

.text-xl {
    font-size: 1.25rem
}

.text-2xl {
    font-size: 1.5rem
}

.text-6xl {
    font-size: 4rem
}

.leading-5 {
    line-height: 1.25rem
}

.leading-none {
    line-height: 1
}

.leading-tight {
    line-height: 1.25
}

.my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem
}

.mt-1 {
    margin-top: .25rem
}

.mr-1 {
    margin-right: .25rem
}

.mt-2 {
    margin-top: .5rem
}

.mr-2 {
    margin-right: .5rem
}

.mb-2 {
    margin-bottom: .5rem
}

.ml-2 {
    margin-left: .5rem
}

.mr-3 {
    margin-right: .75rem
}

.ml-3 {
    margin-left: .75rem
}

.mt-4 {
    margin-top: 1rem
}

.mr-4 {
    margin-right: 1rem
}

.mb-4 {
    margin-bottom: 1rem
}

.ml-4 {
    margin-left: 1rem
}

.mr-5 {
    margin-right: 1.25rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mr-6 {
    margin-right: 1.5rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.ml-6 {
    margin-left: 1.5rem
}

.mt-8 {
    margin-top: 2rem
}

.mb-8 {
    margin-bottom: 2rem
}

.mt-16 {
    margin-top: 4rem
}

.-mr-1 {
    margin-right: -.25rem
}

.-ml-1 {
    margin-left: -.25rem
}

.-mb-4 {
    margin-bottom: -1rem
}

.max-h-0 {
    max-height: 0
}

.max-h-xl {
    max-height: 36rem
}

.max-w-xl {
    max-width: 36rem
}

.max-w-2xl {
    max-width: 42rem
}

.max-w-4xl {
    max-width: 56rem
}

.min-h-screen {
    min-height: 100vh
}

.min-w-0 {
    min-width: 0
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.opacity-0 {
    opacity: 0
}

.opacity-25 {
    opacity: .25
}

.opacity-50 {
    opacity: .5
}

.opacity-100 {
    opacity: 1
}

.focus\:outline-none:focus {
    outline: 0
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.p-1 {
    padding: .25rem
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-6 {
    padding: 1.5rem
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.pr-2 {
    padding-right: .5rem
}

.pl-2 {
    padding-left: .5rem
}

.pl-8 {
    padding-left: 2rem
}

.pr-10 {
    padding-right: 2.5rem
}

.pl-10 {
    padding-left: 2.5rem
}

.pb-16 {
    padding-bottom: 4rem
}

.pr-20 {
    padding-right: 5rem
}

.pl-20 {
    padding-left: 5rem
}

.placeholder-gray-600::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #4c4f52;
    color: rgba(76, 79, 82, var(--placeholder-opacity))
}

.placeholder-gray-600::placeholder {
    --placeholder-opacity: 1;
    color: #4c4f52;
    color: rgba(76, 79, 82, var(--placeholder-opacity))
}

.focus\:placeholder-gray-500:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #707275;
    color: rgba(112, 114, 117, var(--placeholder-opacity))
}

.focus\:placeholder-gray-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #707275;
    color: rgba(112, 114, 117, var(--placeholder-opacity))
}

.theme-dark .dark\:placeholder-gray-500::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #707275;
    color: rgba(112, 114, 117, var(--placeholder-opacity))
}

.theme-dark .dark\:placeholder-gray-500::placeholder {
    --placeholder-opacity: 1;
    color: #707275;
    color: rgba(112, 114, 117, var(--placeholder-opacity))
}

.theme-dark .dark\:focus\:placeholder-gray-600:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #4c4f52;
    color: rgba(76, 79, 82, var(--placeholder-opacity))
}

.theme-dark .dark\:focus\:placeholder-gray-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #4c4f52;
    color: rgba(76, 79, 82, var(--placeholder-opacity))
}

.pointer-events-none {
    pointer-events: none
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.inset-0 {
    right: 0;
    left: 0
}

.inset-0,
.inset-y-0 {
    top: 0;
    bottom: 0
}

.top-0 {
    top: 0
}

.right-0 {
    right: 0
}

.left-0 {
    left: 0
}

.shadow-xs {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .05)
}

.shadow {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
}

.shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
}

.shadow-xl {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
}

.shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
}

.fill-current {
    fill: currentColor
}

.text-left {
    text-align: left
}


.text-white {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.text-black {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity))
}

.text-gray-400 {
    --text-opacity: 1;
    color: #9e9e9e;
    color: rgba(158, 158, 158, var(--text-opacity))
}

.text-gray-500 {
    --text-opacity: 1;
    color: #707275;
    color: rgba(112, 114, 117, var(--text-opacity))
}

.text-gray-600 {
    --text-opacity: 1;
    color: #4c4f52;
    color: rgba(76, 79, 82, var(--text-opacity))
}

.text-gray-700 {
    --text-opacity: 1;
    color: #24262d;
    color: rgba(36, 38, 45, var(--text-opacity))
}

.text-gray-800 {
    --text-opacity: 1;
    color: #1a1c23;
    color: rgba(26, 28, 35, var(--text-opacity))
}

.text-red-600 {
    --text-opacity: 1;
    color: #e02424;
    color: rgba(224, 36, 36, var(--text-opacity))
}

.text-red-700 {
    --text-opacity: 1;
    color: #c81e1e;
    color: rgba(200, 30, 30, var(--text-opacity))
}

.text-orange-500 {
    --text-opacity: 1;
    color: #ff5a1f;
    color: rgba(255, 90, 31, var(--text-opacity))
}

.text-orange-700 {
    --text-opacity: 1;
    color: #b43403;
    color: rgba(180, 52, 3, var(--text-opacity))
}

.text-green-500 {
    --text-opacity: 1;
    color: #0e9f6e;
    color: rgba(14, 159, 110, var(--text-opacity))
}

.text-green-600 {
    --text-opacity: 1;
    color: #057a55;
    color: rgba(5, 122, 85, var(--text-opacity))
}

.text-green-700 {
    --text-opacity: 1;
    color: #046c4e;
    color: rgba(4, 108, 78, var(--text-opacity))
}

.text-teal-500 {
    --text-opacity: 1;
    color: #0694a2;
    color: rgba(6, 148, 162, var(--text-opacity))
}

.text-blue-500 {
    --text-opacity: 1;
    color: #3f83f8;
    color: rgba(63, 131, 248, var(--text-opacity))
}

.text-purple-100 {
    --text-opacity: 1;
    color: #edebfe;
    color: rgba(237, 235, 254, var(--text-opacity))
}

.text-purple-200 {
    --text-opacity: 1;
    color: #dcd7fe;
    color: rgba(220, 215, 254, var(--text-opacity))
}

.text-purple-600 {
    --text-opacity: 1;
    color: #7e3af2;
    color: rgba(126, 58, 242, var(--text-opacity))
}

.focus-within\:text-purple-500:focus-within {
    --text-opacity: 1;
    color: #9061f9;
    color: rgba(144, 97, 249, var(--text-opacity))
}

.focus-within\:text-purple-600:focus-within {
    --text-opacity: 1;
    color: #7e3af2;
    color: rgba(126, 58, 242, var(--text-opacity))
}

.hover\:text-gray-700:hover {
    --text-opacity: 1;
    color: #24262d;
    color: rgba(36, 38, 45, var(--text-opacity))
}

.hover\:text-gray-800:hover {
    --text-opacity: 1;
    color: #1a1c23;
    color: rgba(26, 28, 35, var(--text-opacity))
}

.active\:text-gray-500:active {
    --text-opacity: 1;
    color: #707275;
    color: rgba(112, 114, 117, var(--text-opacity))
}

.theme-dark .dark\:text-white {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.theme-dark .dark\:text-gray-100 {
    --text-opacity: 1;
    color: #f4f5f7;
    color: rgba(244, 245, 247, var(--text-opacity))
}

.theme-dark .dark\:text-gray-200 {
    --text-opacity: 1;
    color: #e5e7eb;
    color: rgba(229, 231, 235, var(--text-opacity))
}

.theme-dark .dark\:text-gray-300 {
    --text-opacity: 1;
    color: #d5d6d7;
    color: rgba(213, 214, 215, var(--text-opacity))
}

.theme-dark .dark\:text-gray-400 {
    --text-opacity: 1;
    color: #9e9e9e;
    color: rgba(158, 158, 158, var(--text-opacity))
}

.theme-dark .dark\:text-red-100 {
    --text-opacity: 1;
    color: #fde8e8;
    color: rgba(253, 232, 232, var(--text-opacity))
}

.theme-dark .dark\:text-red-400 {
    --text-opacity: 1;
    color: #f98080;
    color: rgba(249, 128, 128, var(--text-opacity))
}

.theme-dark .dark\:text-orange-100 {
    --text-opacity: 1;
    color: #feecdc;
    color: rgba(254, 236, 220, var(--text-opacity))
}

.theme-dark .dark\:text-green-100 {
    --text-opacity: 1;
    color: #def7ec;
    color: rgba(222, 247, 236, var(--text-opacity))
}

.theme-dark .dark\:text-green-400 {
    --text-opacity: 1;
    color: #31c48d;
    color: rgba(49, 196, 141, var(--text-opacity))
}

.theme-dark .dark\:text-teal-100 {
    --text-opacity: 1;
    color: #d5f5f6;
    color: rgba(213, 245, 246, var(--text-opacity))
}

.theme-dark .dark\:text-blue-100 {
    --text-opacity: 1;
    color: #e1effe;
    color: rgba(225, 239, 254, var(--text-opacity))
}

.theme-dark .dark\:text-purple-300 {
    --text-opacity: 1;
    color: #cabffd;
    color: rgba(202, 191, 253, var(--text-opacity))
}

.theme-dark .dark\:text-purple-400 {
    --text-opacity: 1;
    color: #ac94fa;
    color: rgba(172, 148, 250, var(--text-opacity))
}

.theme-dark .dark\:focus-within\:text-purple-400:focus-within {
    --text-opacity: 1;
    color: #ac94fa;
    color: rgba(172, 148, 250, var(--text-opacity))
}

.theme-dark .dark\:hover\:text-gray-200:hover {
    --text-opacity: 1;
    color: #e5e7eb;
    color: rgba(229, 231, 235, var(--text-opacity))
}

.uppercase {
    text-transform: uppercase
}

.hover\:underline:hover,
.underline {
    text-decoration: underline
}

.tracking-wide {
    letter-spacing: .025em
}

.align-middle {
    vertical-align: middle
}

.whitespace-no-wrap {
    white-space: nowrap
}

.w-1 {
    width: .25rem
}

.w-3 {
    width: .75rem
}

.w-4 {
    width: 1rem
}

.w-5 {
    width: 1.25rem
}

.w-6 {
    width: 1.5rem
}

.w-8 {
    width: 2rem
}



.w-12 {
    width: 3rem
}

.w-24 {
    width: 6rem;
}

.w-40 {
    width: 10rem;
}

.w-56 {
    width: 14rem
}

.w-64 {
    width: 16rem
}

.w-full {
    width: 100%
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.gap-6 {
    grid-gap: 1.5rem;
    gap: 1.5rem
}

.col-span-2 {
    grid-column: span 2/span 2
}

.col-span-3 {
    grid-column: span 3/span 3
}

.col-span-4 {
    grid-column: span 4/span 4
}

.transform {
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))
}

.translate-x-1 {
    --transform-translate-x: 0.25rem
}

.-translate-x-20 {
    --transform-translate-x: -5rem
}

.-translate-y-1 {
    --transform-translate-y: -0.25rem
}

.translate-y-1\/2 {
    --transform-translate-y: 50%
}

.transition-all {
    transition-property: all
}

.transition {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform
}

.transition-colors {
    transition-property: background-color, border-color, color, fill, stroke
}

.ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.duration-150 {
    transition-duration: .15s
}

.duration-300 {
    transition-duration: .3s
}

.focus\:shadow-outline-gray:focus {
    box-shadow: 0 0 0 3px rgba(213, 214, 215, .45)
}

.focus\:shadow-outline-red:focus {
    box-shadow: 0 0 0 3px rgba(248, 180, 180, .45)
}

.focus\:shadow-outline-green:focus {
    box-shadow: 0 0 0 3px rgba(132, 225, 188, .45)
}

.focus\:shadow-outline-purple:focus {
    box-shadow: 0 0 0 3px rgba(202, 191, 253, .45)
}

.theme-dark .dark\:focus\:shadow-outline-gray:focus {
    box-shadow: 0 0 0 3px rgba(213, 214, 215, .45)
}

@media (min-width:640px) {
    .sm\:space-y-0>:not(template)~:not(template) {
        --space-y-reverse: 0;
        margin-top: calc(0px*(1 - var(--space-y-reverse)));
        margin-bottom: calc(0px*var(--space-y-reverse))
    }

    .sm\:space-x-6>:not(template)~:not(template) {
        --space-x-reverse: 0;
        margin-right: calc(1.5rem*var(--space-x-reverse));
        margin-left: calc(1.5rem*(1 - var(--space-x-reverse)))
    }

    .sm\:rounded-lg {
        border-radius: .5rem
    }

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:items-center {
        align-items: center
    }

    .sm\:justify-end {
        justify-content: flex-end
    }

    .sm\:justify-center {
        justify-content: center
    }

    .sm\:m-4 {
        margin: 1rem
    }

    .sm\:mt-auto {
        margin-top: auto
    }

    .sm\:max-w-xl {
        max-width: 36rem
    }

    .sm\:p-12 {
        padding: 3rem
    }

    .sm\:py-2 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .sm\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .sm\:w-auto {
        width: auto
    }

    .sm\:grid-cols-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }
}

@media (min-width:768px) {
    .md\:space-x-4>:not(template)~:not(template) {
        --space-x-reverse: 0;
        margin-right: calc(1rem*var(--space-x-reverse));
        margin-left: calc(1rem*(1 - var(--space-x-reverse)))
    }

    .md\:block {
        display: block
    }

    .md\:hidden {
        display: none
    }

    .md\:flex-row {
        flex-direction: row
    }

    .md\:items-end {
        align-items: flex-end
    }

    .md\:h-auto {
        height: auto
    }

    .md\:w-1\/2 {
        width: 50%
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (min-width:1024px) {
    .lg\:mr-32 {
        margin-right: 8rem
    }
}

@media (min-width:1280px) {
    .xl\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

.sub-menu {
    display: none;
    margin-left: 60px;
    padding-left: 20px;
    padding-top: 5px;
    border-left: 1px solid #f6f6f6;
    position: absolute;
    top: 0;
    left: 20px;
    width: 200px;
    border-radius: 20px;
    padding: 10px 20px;
    border: 1px solid #f6f6f6;
    background-color: #fff;
    box-shadow: 0px 10px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}



/* /////////////////////////responsivo /////////////////////////////// */


/* collapsed layout with sidebar */
.vertical.collapsed .sidebar-left,
.vertical.narrow .sidebar-left {
    min-width: 5rem;
    width: 5rem;
}

.vertical.collapsed .sidebar-left .navbar-toggler,
.vertical.collapsed .sidebar-left .nav-heading,
.vertical.collapsed .sidebar-left .btn-box,
.vertical.narrow .sidebar-left .navbar-toggler,
.vertical.narrow .sidebar-left .nav-heading,
.vertical.narrow .sidebar-left .btn-box {
    display: none;
}

.vertical.collapsed .sidebar-left .navbar-nav>.nav-item,
.vertical.narrow .sidebar-left .navbar-nav>.nav-item {
    text-align: center;
}

.vertical.collapsed .sidebar-left .navbar-nav>.nav-item>a>span,
.vertical.collapsed .sidebar-left .navbar-nav>.nav-item>a.dropdown-toggle::after,
.vertical.collapsed .sidebar-left .navbar-nav>.nav-item>ul.show,
.vertical.narrow .sidebar-left .navbar-nav>.nav-item>a>span,
.vertical.narrow .sidebar-left .navbar-nav>.nav-item>a.dropdown-toggle::after,
.vertical.narrow .sidebar-left .navbar-nav>.nav-item>ul.show {
    display: none;
}

.vertical.collapsed .main-content,
.vertical.collapsed .topnav,
.vertical.narrow .main-content,
.vertical.narrow .topnav {
    margin-left: 5rem;
}

.horizontal .main-content {
    margin: 2rem 0;
}

.vertnav .badge {
    float: right;
}

.vertnav .dropdown-toggle::after {
    float: right;
}


.vertical .sidebar-left .nav-heading,
.vertical .sidebar-left .btn-box,
.vertical.hover .sidebar-left .nav-heading,
.vertical.hover .sidebar-left .btn-box,
.narrow.open .sidebar-left .nav-heading,
.narrow.open .sidebar-left .btn-box {
    display: inline-block;
}

.vertical .sidebar-left .navbar-nav>.nav-item,
.vertical.hover .sidebar-left .navbar-nav>.nav-item,
.narrow.open .sidebar-left .navbar-nav>.nav-item {
    text-align: left;
}

.vertical .sidebar-left .navbar-nav>.nav-item>a>span,
.vertical .sidebar-left .navbar-nav>.nav-item>a.dropdown-toggle::after,
.vertical .sidebar-left .navbar-nav>.nav-item>ul.show,
.vertical.hover .sidebar-left .navbar-nav>.nav-item>a>span,
.vertical.hover .sidebar-left .navbar-nav>.nav-item>a.dropdown-toggle::after,
.vertical.hover .sidebar-left .navbar-nav>.nav-item>ul.show,
.narrow.open .sidebar-left .navbar-nav>.nav-item>a>span,
.narrow.open .sidebar-left .navbar-nav>.nav-item>a.dropdown-toggle::after,
.narrow.open .sidebar-left .navbar-nav>.nav-item>ul.show {
    display: inline-block;
}

.vertical .sidebar-left .navbar-nav>.nav-item.active,
.vertical.hover .sidebar-left .navbar-nav>.nav-item.active,
.narrow.open .sidebar-left .navbar-nav>.nav-item.active {
    position: relative;
}

.vertical .sidebar-left .navbar-nav>.nav-item.active:after,
.vertical.hover .sidebar-left .navbar-nav>.nav-item.active:after,
.narrow.open .sidebar-left .navbar-nav>.nav-item.active:after {
    content: "";
    position: absolute;
    left: -1rem;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: #1b68ff;
}

.vertical .topnav,
.vertical.hover .topnav,
.narrow.open .topnav {
    margin-left: 16rem;
    padding-left: 2.2rem;
    padding-right: 2.2rem;
}

.vertical .topnav .nav-notif,
.vertical.hover .topnav .nav-notif,
.narrow.open .topnav .nav-notif {
    position: relative;
}

.vertical .topnav .nav-notif .dot,
.vertical.hover .topnav .nav-notif .dot,
.narrow.open .topnav .nav-notif .dot {
    position: absolute;
}

.vertical .main-content,
.vertical.hover .main-content,
.narrow.open .main-content {
    margin-left: 16rem;
    overflow: hidden;
    /* padding: 1.2rem; */
    /* min-height: 50vh; */
    transition: margin-left .3s ease-in-out, left .3s ease-in-out, margin-right .3s ease-in-out, right .3s ease-in-out;
}

.vertical.narrow.hover .sidebar-left {
    position: fixed;
}

.vertical.narrow.hover .topnav,
.vertical.narrow.hover .main-content {
    margin-left: 5rem;
}

.vertical.narrow.hover .wrapper {
    position: relative;
}


@media (max-width: 991.98px) {

    .vertical .sidebar-left,
    .vertical.hover .sidebar-left,
    .narrow.open .sidebar-left {
        overflow-y: auto;
        overflow-x: hidden;
        min-width: 16rem;
        width: 16rem;
        height: 100%;
        position: fixed;
        z-index: 1000;
        top: 0;
        left: 0;
        transition: all 0.4s;
        box-shadow: inset -1px 0 0 rgba(18, 38, 63, 0.05);
        transition: width .3s ease-in-out, left .4s ease-in-out;

    }

    .vertical .sidebar-left,
    .vertical.hover .sidebar-left,
    .vertical.narrow .sidebar-left {
        min-width: 0;
        width: 0;
        border-right: none !important;
    }

    .vertical .topnav,
    .vertical .main-content,
    .vertical.hover .topnav,
    .vertical.hover .main-content,
    .vertical.narrow .topnav,
    .vertical.narrow .main-content {
        margin-left: 0;
        width: 100%;
    }

    .vertical .main-content,
    .vertical.hover .main-content,
    .vertical.narrow .main-content {
        padding: .5rem;
    }

    .vertical .vertnav .navbar-toggler,
    .vertical.hover .vertnav .navbar-toggler,
    .vertical.narrow .vertnav .navbar-toggler {
        display: none;
    }

    .vertical .topnav,
    .vertical.hover .topnav,
    .vertical.narrow .topnav {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }

    .vertical.collapsed .sidebar-left,
    .vertical.narrow.open .sidebar-left {
        min-width: 16rem;
        width: 16rem;
    }

    .vertical.collapsed .sidebar-left .nav-heading,
    .vertical.collapsed .sidebar-left .btn-box,
    .vertical.narrow.open .sidebar-left .nav-heading,
    .vertical.narrow.open .sidebar-left .btn-box {
        display: inline-block;
    }

    .vertical.collapsed .sidebar-left .navbar-nav>.nav-item,
    .vertical.narrow.open .sidebar-left .navbar-nav>.nav-item {
        text-align: left;
    }

    .vertical.collapsed .sidebar-left .navbar-nav>.nav-item>a>span,
    .vertical.collapsed .sidebar-left .navbar-nav>.nav-item>a.dropdown-toggle::after,
    .vertical.collapsed .sidebar-left .navbar-nav>.nav-item>ul.show,
    .vertical.narrow.open .sidebar-left .navbar-nav>.nav-item>a>span,
    .vertical.narrow.open .sidebar-left .navbar-nav>.nav-item>a.dropdown-toggle::after,
    .vertical.narrow.open .sidebar-left .navbar-nav>.nav-item>ul.show {
        display: inline-block;
    }

    .vertical.collapsed .sidebar-left .toggle-btn,
    .vertical.narrow.open .sidebar-left .toggle-btn {
        position: absolute;
        z-index: 1001;
    }

    .vertical.collapsed .topnav,
    .vertical.collapsed .main-content,
    .vertical.narrow.open .topnav,
    .vertical.narrow.open .main-content {
        margin-left: 16rem;
    }

    .topnav .form-inline {
        display: none;
    }


    .horizontal .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .horizontal .navbar-slide {
        position: fixed;
        left: 0;
        height: 100vh;
        width: 0;
        max-width: 0;
        bottom: 0;
        z-index: 1000;
        overflow-y: auto;
        overflow-x: hidden;
        transition: all 0.4s;
        box-shadow: inset -1px 0 0 rgba(18, 38, 63, 0.05);
        transition: width .3s ease-in-out, left .4s ease-in-out;
    }

    .horizontal .navbar-slide .dropdown-menu {
        border: none;
        margin-left: 1rem;
        background-color: transparent;
        position: relative;
    }

    .horizontal .navbar-slide .dropdown-menu .nav-item>.dropdown-menu {
        margin-top: 0;
        left: inherit;
    }

    .horizontal .navbar-slide .nav-item .dropdown-toggle::after {
        float: right;
        position: relative;
        content: "\e92e";
        right: 0;
    }

    .horizontal .navbar-slide .nav-item .nav-link {
        padding: .7rem 1rem .7rem 1.5rem;
    }

    .horizontal .navbar-slide .nav-item.more>.dropdown-toggle {
        display: none;
    }

    .horizontal .navbar-slide .nav-item.more>.dropdown-menu {
        width: 100%;
        margin: 0;
        padding: 0;
        display: inline-block;
    }

    .horizontal .navbar-slide.show {
        width: 16rem;
        max-width: 16rem;
        padding: 0;
        display: block !important;
    }


}

.video-card {
    height: 100% !important;
}

.video-card img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.custom-swal-height {
    height: 100px;
    /* Ajuste a altura conforme necessário */
}





/* Aplicar flexbox ao container de steps */
ul[role="tablist"] {
    display: flex;
    justify-content: space-between;
    /* Distribui os steps com espaços iguais */
    padding: 0;
    list-style: none;
}

/* Cada li ocupa um espaço igual */
ul[role="tablist"] li {
    flex-basis: 33%;
    /* Garante que cada step ocupe um terço da largura */
    text-align: center;
}

/* Ajustar o conteúdo de cada step */
ul[role="tablist"] .title {
    display: flex;
    flex-direction: column;
    align-items: center;
}


.step-text {
    font-weight: bold;
    /* Deixa o texto dos steps em negrito */
}

/* Estilização para o chat */
.chat-window {
    position: fixed;
    bottom: 70px;
    right: 20px;
    width: 500px;
    display: none;
    /* Começa fechado */
    z-index: 1000;
}

.chat-toggle-btn {
    width: 60px;
    /* Definindo largura e altura iguais */
    height: 60px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1001;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 50%;
    /* Faz o botão ficar circular */
    display: flex;
    align-items: center;
    justify-content: center;
    /* Centraliza o conteúdo */
    padding: 0;
    /* Remove o padding extra */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    /* Muda o cursor ao passar por cima */
}

.chat-toggle-btn img {
    width: 90%;
    /* height: 60px; */
    border-radius: 50%;
}

.chat-toggle-btn span {
    display: none;
    /* Oculta o texto para manter o formato circular */
}



.atrasado {
  background-color: rgba(248, 2, 2, 0.685);
  color: #fff !important;
  font-weight: bold;
  padding: 2px 6px;
  border-radius: 4px;
  margin-left: 6px;
  text-shadow: 0 0 2px #000;
  animation: pulseAlert 1s infinite alternate;
}

/* Animação pulsante */
@keyframes pulseAlert {
  0% {
    box-shadow: 0 0 5px 2px rgba(255, 0, 0, 0.3);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    box-shadow: 0 0 15px 5px rgba(255, 0, 0, 0.733);
    transform: scale(1.05);
    opacity: 0.9;
  }
  100% {
    box-shadow: 0 0 5px 2px rgb(255, 0, 0);
    transform: scale(1);
    opacity: 1;
  }
}


.no-prazo {
    background-color: rgba(96, 236, 3, 0.356);
    /* leve contraste */
    color: #fff !important;
    /* texto branco */
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 4px;
    margin-left: 6px;
    text-shadow: 0 0 2px #000;
    /* melhora legibilidade sobre fundo azul */
}

.encerramento-destaque {
    background-color: rgba(255, 255, 255, 0.2);
    /* leve contraste */
    color: #fff !important;
    /* texto branco */
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 4px;
    margin-left: 6px;
    text-shadow: 0 0 2px #000;
    /* melhora legibilidade sobre fundo azul */
}