:root {
    /*branco*/
    --white: #fff;
    --white-smoke: #F5F5F5;
    --anti-flash-white: #f3f6f9;
    /* azul*/
    --blue1: #162e59;
    --blue1-hover: #1c3b68;
    --blue2: #14507c;
    --blue2-hover: #104166;
    --blue3: #237b96;
    --blue3-hover: #1b6c7f;
    --blue4: #449ab7;
    --blue4-hover: #32859b;
    --uranian-blue: #b8d9f8;
    --blue-gray: #669acb;
    --steel-blue: #2a7fc9;
    --eastern-blue: #119ab5;
    --blue: #286ba6;
    --charcoal: #34495e;
    --oxford-blue-opacity: #102246e6;
    --oxford-blue: #102246;
    /* verde*/
    --zomp: #27A188;
    --viridian: #1C8A73;
    --pine-green: #1a7562;
    /* amarelo*/
    --gold-metallic: #E0B000; /*faixa no navigation */
    --saffron: #fac43c; /*background btn*/
    --amber: #fabc20; /*backgroun btn hover*/
    --satin-sheen-gold: #c99b26; /* border btn*/
    /*vermelho*/
    --bright-pink-crayola: #ed4c6d;
    --amaranth: #db3255;
    --red-ncs: #b02a37;
    /*Roxo*/
    --indigo: #5b1474;
    --Russian-violet: #4F1165;
    /*cinza*/
    --platinum: #dee2e6; /* border-color agenda*/
    --silver: #AEAEAE; /*color footer*/
    --cadet-gray: #8c9cab; /*backgroun btn*/
    --slate-gray: #6c757d;
    --outer-space: #41464b; /*color box-menu-detalhes*/
    --gunmetal: #282c32; /*color body*/
    --dim-gray-opacity-100: #6060601c; /* bagkground opacity listra tabela */
    --dim-gray-opacity-200: #6060602d; /* bagkground opacity listra tabela */
}

html {
    position: relative;
    min-height: 100%;
    font-size: 14px;
}

body {
    padding-top: 55px;
    padding-bottom: 0;
    font-family: 'Rubik', sans-serif !important;
    color: var(--gunmetal) !important;
    font-weight: 300;
}

.a-link {
    color: var(--eastern-blue) !important;
}

.mb-group div:has(label) {
    padding-bottom: 0.5rem;
}

/*aba index*/
.aba-blue1 {
    background: var(--blue1) !important;
    color: var(--white) !important;
}
.aba-blue2 {
    background: var(--blue2) !important;
    color: var(--white) !important;
}
.aba-blue3 {
    background: var(--blue3) !important;
    color: var(--white) !important;
}
.aba-blue4 {
    background: var(--blue4) !important;
    color: var(--white) !important;
}

.aba.active {
    background: var(--white) !important;
    color: #000 !important;
}
/*-----------Buttons-----------*/
.btn {
    transition: 0.3s;
}
/* btn primary */
.btn-primary {
    color: var(--white);
    background-color: var(--steel-blue);
    border-color: var(--blue);
}

/* btn info */
.btn-info {
    color: var(--white);
    background-color: var(--indigo) !important;
    border-color: var(--Russian-violet) !important;
}

.btn-info:hover {
    color: var(--white) !important;
    background-color: var(--Russian-violet) !important;
    border-color: var(--Russian-violet) !important;
}

.btn-outline-info {
    color: var(--indigo) !important;
    border-color: var(--indigo) !important;
}

.btn-outline-info:hover {
    color: var(--white) !important;
    background-color: var(--Russian-violet) !important;
    border-color: var(--Russian-violet) !important;
}

/* btn success */
.btn-success {
    color: var(--white);
    background-color: var(--zomp) !important;
    border-color: var(--pine-green) !important;
}

.btn-success:hover {
    color: var(--white) !important;
    background-color: var(--viridian) !important;
    border-color: var(--pine-green) !important;
}

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

.btn-outline-success:hover {
    color: var(--white) !important;
    background-color: var(--viridian) !important;
    border-color: var(--pine-green) !important;
}

/* btn warning */
.btn-warning {
    color: var(--white) !important;
    background-color: var(--saffron) !important;
    border-color: var(--satin-sheen-gold) !important;
}

.btn-warning:hover {
    color: var(--white) !important;
    background-color: var(--amber) !important;
    border-color: var(--satin-sheen-gold) !important;
}


/* btn danger */
.btn-danger {
    color: var(--white) !important;
    background-color: var(--bright-pink-crayola) !important;
    border-color: var(--red-ncs) !important;
}

.btn-danger:hover {
    color: var(--white) !important;
    background-color: var(--amaranth) !important;
    border-color: var(--red-ncs) !important;
}

.btn-outline-danger {
    color: var(--bright-pink-crayola) !important;
    background-color: var(--white) !important;
    border-color: var(--bright-pink-crayola) !important;
}


/* btn secondary */
.btn-secondary {
    color: var(--white);
    background-color: var(--cadet-gray) !important;
    border-color: var(--slate-gray) !important;
}

/*btn blue*/
.btn-blue1 {
    background: var(--blue1);
    color: var(--white);
    border: 1px solid #0b1a33;

}
.btn-blue1:hover {
    background: var(--blue1-hover);
    color: var(--white);
    border: 1px solid #0b1a33;
    transition: 0.15s;
}
.btn-blue2 {
    background: var(--blue2);
    color: var(--white);
    border: 1px solid #13566b;
    transition: 0.15s;
}
.btn-blue2:hover {
    background: var(--blue2-hover);
    color: var(--white);
    border: 1px solid #13566b;
    opacity: 0.9;
}
.btn-blue3 {
    background: var(--blue3);
    color: var(--white);
    border: 1px solid #338399;
}
.btn-blue3:hover {
    background: var(--blue3-hover);
    color: var(--white);
    border: 1px solid #338399;
    transition: 0.15s;
}
/*-----------Background-----------*/

/*info */
.bg-info {
    background-color: var(--indigo) !important;
}
/*-----------Text-----------*/

/*info */
.text-info {
    color: var(--indigo) !important;
}

/*-----------nav-pill-----------*/

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: var(--white);
    background-color: var(--oxford-blue);
}

.nav-pills .nav-link {
    color: var(--oxford-blue);
    font-weight: 500;
}

/*-----------Text-----------*/

.fw-bold {
    font-weight: 500 !important;
}

table > tbody > tr > th {
    font-weight: 500 !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}

a {
    text-decoration: none;
}

.list-unstyled a:hover {
    text-decoration: underline;
}

.nav-menu a:hover {
    text-decoration: underline;
}

footer ul a {
    color: var(--silver) !important;
}



@media (max-width: 576px) {
    .row {
        --bs-gutter-x: .5rem !important;
    }
}
@media (min-width: 768px) {
    html {
        font-size: 12px;
    }
}

@media (min-width: 992px) {
    html {
        font-size: 14px;
    }
}

@media (min-width: 1200px) {
    html {
        font-size: 16px;
    }
}