:root {
    --dark-blue-100: #214D72;
    --dark-blue-75: #214D72bf;
    --blue-100: #418FBF;
    --light-blue-100: #71E5F2;
    --light-blue-75: #71E5F2cc;
    --aqua-blue-100: #C8F0F4;
    --dark-orange-100: #ac4500;
    --orange-100: #D85700;
    --light-orange-100: #F57A27;
    --white-100: #ffffff;
    --white-50: #ffffff99;
    --black-100: #000000;
    --red-100: #E83A42;
    --red-75: #E83A42bf;
}

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

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

main {
    margin-top: 110px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Bebas Neue", sans-serif;
}

main.container > h1:first-child {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Scrollbar for WebKit browsers (Chrome, Edge, Safari) */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: var(--orange-100);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
        background: var(--dark-orange-100);
    }

/*Header*/

.nav-link:hover {
    color: var(--light-blue-100) !important;
}

header .navbar {
    border: 2px solid var(--orange-100);
    border-width: 5px 0 !important;
}

.nav-link.active {
    color: var(--light-blue-100) !important;
}

/*Datatables*/

table.table.dataTable {
    border-spacing: 5px !important;
}

table.table.dataTable th {
    background-color: var(--dark-blue-100) !important;
    color: var(--white-100);
}

table.table.dataTable th span {        
    color: var(--white-100);
}

table.table.dataTable td {
    color: var(--dark-blue-100);
}

.pagination button {
    font-size: 90%;
}

.active > .page-link {
    background-color: var(--orange-100);
    border-color: var(--orange-100);
    color: var(--white-100);
}

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

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem var(--white-100), 0 0 0 0.25rem var(--blue-100);
}

/*Footer*/

footer {
    border-top: 10px solid var(--orange-100);
}

footer img {
    max-height: 65px;
    margin-top: 5px;
}

footer .col-brasoes img {
    max-width: 100%;
    height: auto;
    max-height: 40px;
}

footer .consorcioInfo {
    float: inline-end;
}

footer .consorcioInfo table {
    font-size: 9px;
    line-height: normal;
    text-align: right;
}

footer .consorcioInfo i:hover {
    color: var(--orange-100);
}

footer .order-md-4 {
    text-align: right;
}

footer .sigra-nome {        
    font-size: 9px;
}

footer .sigra-nome span {
    display: block;
}

@media only screen and (max-width: 968px) {
    footer .col-brasoes {
        text-align: right;
    }

    footer .order-md-4 {
        text-align: left;
    }
}

/*Colors*/

.bg-primary, .btn-primary, .bg-abc-1 {
    background-color: var(--dark-blue-100);
    border-color: var(--dark-blue-100);
    color: var(--white-100) !important;
}

.bg-abc-2 {
    background-color: var(--orange-100);
}

.text-primary, .text-abc-1 {
    color: var(--dark-blue-100);
}

.text-abc-2 {
    color: var(--orange-100);
}

.text-abc-3 {
    color: var(--light-blue-100);
}

.border-color-abc-1 {
    border-color: var(--dark-blue-100);
}

.border-color-abc-1-light {
    border-color: var(--blue-100);
}

.border-color-abc-2 {
    border-color: var(--orange-100);
}

.border-color-abc-3 {
    border-color: var(--light-blue-100);
}

.dropdown-menu.bg-abc-1 > .dropdown-item:hover.text-light {
    color: var(--dark-blue-100) !important;
}

.dropdown-item-logout:hover {
    background-color: transparent !important;
    font-weight: bold !important;
}