:root {

    --text-color: #EFF0F1;
    --textDarkColor: #212529;

    --successLight: #179E3B;
    --successDark: #10873C;

    --dangerLight: #C12517;
    --dangerDark: #A51010;

    --warningLight: #F9B800;
    --warningDark: #F9AE00;

    --whiteLight: #EFF0F1;
    --WhiteDark: #E5E5E5;

    --infoLight: #61498E;
    --infoDark: #584186;

    --secondaryLight: #0D78E2;
    --secondaryDark: #0B65C6;

    --primaryLight: #106236;
    --primaryDark: #225132;
}

/*===========================REDIFINIR CORES BUTTONS=========================*/
mark,
.mark {
    color: var(--text-color);
    margin: 2px;
}

.form-control:active,
.form-control:focus,
.form-select:active,
.form-select:focus {
    box-shadow: 0 !important;
}

.form-control:focus {
    border: 0;
    border-bottom: 2px solid var(--primaryLight);
}


.btn-check:focus+.btn,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0 transparent
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    pointer-events: none;
    opacity: .65
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
    color: var(--text-color);
    background-color: var(--successDark);
    border-color: var(--successDark);
    box-shadow: 0 0 0 0 transparent
}

.btn-check:active+.btn-primary,
.btn-check:checked+.btn-primary,
.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
    color: var(--text-color);
    background-color: var(--successDark);
    border-color: var(--successDark)
}

.btn-check:active+.btn-primary:focus,
.btn-check:checked+.btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 transparent
}

/*============================================================================*/
.btn-link {
    text-decoration: none !important;
}

.nav-tabs {
    border: none !important;
}

.nav .grid {
    margin-bottom: 0px !important;
}

.nav-tabs .nav-link {
    border: none !important;
    color: var(--textDarkColor);
    font-weight: 600 !important;
}

.nav-link .grid:hover {
    color: var(--text-color);
    background-color: var(--primaryDark);
    font-weight: 600 !important;
}

.nav-link.active .grid {
    font-weight: 600 !important;
    color: var(--text-color);
    background-color: var(--primaryLight);
}

/*============================================================================*/
.font-weight-medium {
    margin-bottom: 0;
}

.page-link {
    font-size: 14px;
    color: var(--textDarkColor);
    border-radius: 50% !important;
    padding: 10px 15px;
}