* {
    margin: 0px;
    padding: 0px;
    font-family: "Cairo", sans-serif !important;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}

html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    margin-top: 50px !important;
    /* ES EL ALTO DEL NAVBAR*/
    /* Asegura que ocupen toda la ventana */
}

.navbar {
    background: linear-gradient(62deg, rgb(95, 183, 150) 0%, rgba(157, 196, 130, 1) 10%, rgba(255, 203, 0, 1) 50%, rgba(231, 65, 51, 1) 100%);
    width: 100%;
    height: 30px;
    margin-bottom: 40px;
}

.green {
    color: rgb(159, 197, 130);
}

.green-background {
    background-color: rgb(159, 197, 130) !important;
    transition: all 0.4s ease-in;
}

.green-background:hover {
    background-color: rgb(109, 136, 89) !important;
    color: white !important;
}

.divisor {
    background-color: rgb(159, 197, 130);
    width: 75%;
    height: 1px;
    margin: 0px auto 15px auto;
}

.btn:focus {
    box-shadow: 0 0 0 .2rem rgba(33, 68, 1, 0.25) !important;
}

.form-control:focus {
    border-color: rgba(33, 68, 1, 0.25) !important;
    box-shadow: 0 0 0 .2rem rgba(33, 68, 1, 0.25) !important;
}

.ul.pagination {
    /*CENTRADO DEL PAGINADO*/
    justify-content: center;
}


/* COLOR DE LOS RADIO*/
.form-check-input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    /* Safari/Chrome */
    -moz-appearance: none;
    /* Firefox */
    width: 1rem;
    height: 1rem;
    border: 2px solid #999;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
}

.form-check-input[type="radio"]:checked {
    background-color: rgb(159, 197, 130) !important;
    border-color: rgb(91, 121, 69) !important;
}


/* Links de la paginación */
.pagination .page-link {
    color: rgb(91, 121, 69);
    /* texto */
    border: 1px solid #dee2e6;
}

/* Hover/focus */
.pagination .page-link:hover,
.pagination .page-link:focus {
    color: #fff;
    background-color: rgb(159, 197, 130);
    border-color: rgb(91, 121, 69);
}

/* Página activa */
.pagination .page-item.active .page-link {
    color: #fff;
    background-color: rgb(159, 197, 130);
    border-color: rgb(91, 121, 69);
}

/* Disabled */
.pagination .page-item.disabled .page-link {
    color: #6c757d;
    background-color: #fff;
    border-color: #dee2e6;
}

.pagination .page-link:focus,
.pagination .page-item.active .page-link,
.pagination .page-link:hover {
    color: #fff !important;
    background-color: rgb(159, 197, 130) !important;
    border-color: rgb(91, 121, 69) !important;
    box-shadow: 0 0 0 0.2rem rgba(91, 121, 69, 0.5) !important;
}

.pagination .page-link {
    color: rgb(91, 121, 69) !important;
    border: 1px solid #dee2e6 !important;
}

.grey{
    background-color: #cecece;
}

@media (max-width: 767.98px) {
    .body {
        margin-top: 20px !important;
    }
}