/* Reduz a referencia rem base (~zoom 90% do browser, sem usar zoom/transform).
   Tudo que e rem (fontes, paddings, margens do tema/Bootstrap) encolhe proporcionalmente.
   Breakpoints sao em px, entao a responsividade nao e afetada. */
html {
    font-size: 90%;
}

/* O tema define a LARGURA do sidebar em px (250px / 85px) mas o OFFSET do
   conteudo (.page-wrapper / .main-header) em rem (15.6rem / 5.25rem). Calibrados
   para 16px batiam; com html a 90% o offset (rem) encolheu e o sidebar (px) nao,
   fazendo o conteudo passar por baixo do sidebar. Colocamos a largura do sidebar
   no mesmo rem do offset para que ambos escalem juntos e fiquem sempre alinhados. */
@media (min-width: 768px) {
    .left-sidebar,
    .app-brand a {
        width: 15.6rem;
    }

    .sidebar-minified .left-sidebar {
        width: 5.25rem;
    }
}

/* ALTURA do header. Cada empresa tem seu CSS proprio (content/css/company/{id}/
   cascadingstylesheet.css) que carrega DEPOIS deste arquivo e fixa o header em px
   (todas as 42 uniformes: navbar/toggle/app-brand 50px, padding-top do conteudo 37px).
   Como o html esta a 90%, esses px nao escalam e o header fica proporcionalmente alto.
   Convertemos para rem (50px=3.125rem, 37px=2.3125rem, mesmas proporcoes de hoje) para
   escalar junto. Como o CSS de empresa carrega depois, NAO da para vencer por ordem de
   cascata -- so por ESPECIFICIDADE: cada seletor abaixo supera o equivalente da empresa.
   Cobre as 42 empresas e as futuras (nascem do mesmo clone uniforme). */
.main-header .navbar {
    min-height: 3.125rem;
}

.main-header .navbar .sidebar-offcanvas-toggle,
.main-header .navbar .sidebar-toggle {
    height: 3.125rem;
}

.main-header .navbar .navbar-right .navbar-nav .user-menu .dropdown-toggle {
    line-height: 3.125rem;
}

.left-sidebar .app-brand a {
    height: 3.125rem;
}

body.navbar-fixed .page-wrapper {
    padding-top: 2.3125rem;
}


::-webkit-scrollbar {
    height: 8px;
}

img.loading-status {
    max-width: 80px !important;
    max-height: 30px !important;
    margin-left: -15px !important;
}

img.server-icon {
    opacity: 0.4;
    transition: all .2s linear !important;
    max-height: 24px !important;
    font-size: initial !important;
}

.dataTable tr:hover img {
    opacity: 0.8;
}

.dataTable tr {
    transition: all .1s linear !important;
}

    .dataTable tr:hover {
        text-shadow: 0px 0px 1px #8a909d;
    }

        .dataTable tr:hover td:first-child {
            border-left: 1px solid var(--primary);
            padding-left: 9px;
        }

.sidebar-inner li.active {
    border-left: 3px solid var(--primary);
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: var(--primary) !important;
}

.nav-item {
    transition: all .1s linear !important;
}

    .nav-item .nav-link:hover {
        text-shadow: 0px 0px 1px #8a909d;
    }

        .nav-item .nav-link:hover img {
            opacity: 0.8 !important;
        }

.modal-header {
    padding: 0.5rem 1rem;
}

.btn.disabled, .btn:disabled {
    opacity: 0.3;
}

.app-brand a img {
    max-width: 128px;
    max-height: 45px;
    vertical-align: middle;
}

.sidebar .sidebar-inner > li > a {
    padding: 0.4rem 1.2rem;
}

/* Reduz o espaco abaixo do breadcrumb. O padding do .breadcrumb ja e 0 (CSS de
   empresa); o que sobrava era o margin-bottom: 1rem herdado do mono.css. */
.breadcrumb {
    margin-bottom: 0.5rem;
}

/* O CSS de empresa fixa o padding das celulas em px (.table.table-product tbody td
   = 7px 10px), que nao escala com o html a 90%. Convertemos para rem (mesma
   proporcao) para acompanhar o restante. Como o CSS de empresa carrega depois, o
   prefixo "body" eleva a especificidade (0,2,3 > 0,2,2) e faz este override vencer. */
body .table.table-product tbody td {
    padding: 0.3rem 0.43rem;
}

/* Reduz o padding vertical das celulas de tabela em geral. O mono usa
   .table th, .table td { padding: 0.75rem }; aqui mantemos o X (0.75rem) e
   reduzimos o Y para 0.4rem. Empresa so define vertical-align em .table td (nao
   padding), entao este .table td (carrega depois do mono) vence sem prefixo. */
.table td {
    padding: 0.3rem 0.75rem;
}

/* Reduz o padding lateral do .content (mono: 1rem no base, 1.875rem em >=992px) para
   1rem, ganhando espaco horizontal do conteudo. Mantem o padding-top do mono. Vence o
   mono por ordem de cascata (mesma especificidade) e cobre a regra de @media (min-width: 992px). */
.content {
    padding-left: 1rem;
    padding-right: 1rem;
}

/* Reduz o espaco entre cards. O mono usa margin-bottom 1rem (base) e 2rem (>=992px);
   empresa nao toca. Fixamos 1rem para um vao menor no desktop. Vence o mono por ordem
   de cascata (mesma especificidade) e cobre a regra de @media (min-width: 992px). */
.card-default {
    margin-bottom: 1rem;
}

.sidebar .sidebar-inner {
    margin-top: 0.5rem;
}

.sidebar .sub-menu {
    padding: 0 0 0 2.81rem;
}

    .sidebar .sub-menu > li > a {
        padding: 0 1.875rem 0.4rem 0.6rem;
    }

@media (min-width: 768px) {
    .navbar .page-title {
        font-size: 1.2rem;
    }
}

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

.blur {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
    transition: all 0.5s ease-out;
}

.item-container {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    align-items: flex-start;
}

.multiselect-container.dropdown-menu {
    max-height: 50vh;
    overflow-y: auto;
    overflow-x: hidden;
}

/* ============================================================================
   UTILITIES DE ESPACAMENTO (m*/p*) REDUZIDAS EM 10% (fator x0.90)
   ----------------------------------------------------------------------------
   BLOCO GERADO automaticamente a partir dos valores reais do mono.css (escala
   linear do Mono: tamanho n = 0.3125rem * n). Cada utility margin/padding teve
   seu valor rem multiplicado por 0.90. Valores 0 e auto foram mantidos.
   Usa !important e carrega depois do mono -> vence o mono. O CSS de empresa
   carrega depois deste arquivo, entao customizacoes de empresa em utilities
   especificas (ex: golden .pt-4/.py-4) continuam prevalecendo (intencional).
   Para regenerar com outro fator, substitua todo este bloco.
   ============================================================================ */
.m-1 {
    margin: 0.28125rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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