:root{
    --drk-blue: #0E2924;
    --md-drk-blue: #266358;
    --lt-drk-blue: #449284;
    --blue: #72C5B6;
    --md-lt-blue: #ABEEE2;
    --lt-blue: #E7FDF9;

    --drk-green: #2D4308;
    --md-drk-green: #537914;
    --lt-drk-green: #7BAB2A;
    --green: #A1D648;
    --md-lt-green: #C9F187;
    --lt-green: #E9FFC5;

    --black: #010101;
    --drk-grey: #464646;
    --md-drk-grey: #787878;
    --grey: #B4B4B4;
    --md-lt-grey: #DCDCDC;
    --lt-grey: #F3F3F3;
    --white: #FEFEFE;
}
body div.pace.pace-active div.pace-progress{
    background: var(--green)
}
/* header */
.app-header{
    background-color: var(--drk-grey) !important;
}

    .app-header.bg-light a.navbar-brand{
        color: var(--white);
        opacity: 1;
        transform: scale(60%);
    }

div.dropdown-menu.dropdown-menu-right.mr-4.pb-1.pt-1.show a.dropdown-item:active{
    background-color: var(--drk-green);
}
/* header */
/* sidebar */
.sidebar{
    background-color: var(--lt-drk-green) !important;
}
    /* colores del link del sidebar */
    .sidebar.sidebar-pills .nav-link{
        color: var(--white) !important;
    }

    .sidebar.sidebar-pills .nav-link:hover{
        color: var(--drk-green) !important;
    }
    .sidebar.sidebar-pills .nav-link.active{
        color: var(--drk-green) !important;
    }

    /* colores del icono del sidebar */
    .sidebar .nav-link .nav-icon{
        color: var(--white) !important;
    }

    .sidebar .nav-link:hover .nav-icon{
        color: var(--drk-green) !important;
    }

    .sidebar.sidebar-pills .nav-link.active .nav-icon{
        color: var(--drk-green) !important;
    }
/* sidebar */
/* main */
/* colores del menu superior derecho */
main nav ol li.breadcrumb-item a{
    color: var(--md-drk-green);
}
    /* colores del boton de reiniciar */
    h2 small a{
        color: var(--md-drk-green);
    }

        h2 small a:hover{
            color: var(--drk-green);
        }

    /* colores del boton añadir */
    div div div.d-print-none a{
        border: none;
        background-color: var(--green);
        color: var(--drk-green);
    }

        div div div.d-print-none a:hover{
            border: none;
            background-color: var(--drk-green);
            color: var(--lt-green);
        }

        div div div.d-print-none a:focus{
            box-shadow: none;
        }

        .btn-primary:not(:disabled):not(.disabled):active{
            border: none;
            background-color: var(--drk-green);
            color: var(--lt-green);
        }

    /* color del select del filtro */
    .select2-container--bootstrap .select2-results__option--highlighted[aria-selected]{
        background-color: var(--drk-green) !important;
        color: var(--lt-green) !important;
    }
    /* color del select del filtro */

/* colores de thead y tfoot */
table thead,
table tfoot{
    background-color: var(--md-drk-green) !important;
    color: var(--white);
    }
    /* colores de la tabla */
    table.table-hover tbody tr{
        background-color: var(--lt-grey);
    }
    table.table-hover tbody tr:hover{
        background-color: var(--lt-green);
    }

    /* botones de accion */
    table.table-hover tbody td a{
        color: var(--md-drk-green);
    }

    table.table-hover tbody td a:hover{
        color: var(--drk-green);
    }

    /* botones dentro de edicion */
    table.table tbody td a.btn-link{
        color: var(--md-drk-green);
    }

    table.table tbody td a.btn-link:hover{
        color: var(--drk-green);
    }

    .btn:focus{
        box-shadow: 0 0 0 2px var(--green);
    }

/* pagination */
div ul.pagination li.page-item.active a{
    background-color: var(--green);
    color: var(--drk-green);
}
/* main */

/* form */
.form-control:focus{
    border-color: var(--md-drk-green);
    box-shadow: none;
}

form div div button.btn-success{
    background-color: var(--green);
    border: none;
    color: var(--drk-green);
}

    form div div button.btn-success:hover{
        background-color: var(--drk-green);
        border: none;
        color: var(--green);
    }

    .btn-success:not(:disabled):not(.disabled):active{
        background-color: var(--drk-green);
        border: none;
        color: var(--green);
    }

    .show>.btn-success.dropdown-toggle{
        background-color: var(--drk-green);
        border: none;
        color: var(--white);
    }

/* form */

    .btn-outline-primary{
        border-color: var(--drk-green);
        color: var(--drk-green);
    }
    .btn-outline-primary:hover{
        border-color: var(--drk-green);
        background-color: var(--drk-green);
        color: var(--white);
    }

    div.file-preview a{
        color: var(--drk-green);
    }

/* Login */

.btn-primary{
    border: none;
    background-color: var(--green);
    color: var(--drk-green);
}

.btn-primary:hover{
    border: none;
    background-color: var(--drk-green);
    color: var(--lt-green);
}

div.text-center a{
    color: var(--md-drk-green);
}

div.text-muted.ml-auto.mr-auto a{
    color: var(--md-drk-green);
}
/* Login */

/* filters dropdown */

.dropdown-item:focus{
    background-color: var(--green);
    color: var(--drk-green);
}

.dropdown-item.active{
    background-color: var(--green);
    color: var(--drk-green);
}

/* filters dropdown */