html {
    font-size: 14px;
}

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

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

a.disabled {
    color: grey;
    pointer-events: none;
    cursor: default;
}

.imagen-logotipo {
    width: 100%;
}

.logo-login {
    width: 40% !important;
}

.accordion-button:not(.collapsed) {
    background-color: #99c21e !important; 
    color: #ffffff !important;
}

.valoracion-wrapper {
    width: 250px;
    /*height: 100%;*/
    background: #fff;
    border-right: 0 solid #e4e4e4;
    z-index: 11;
    box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%) !important;
    transition: all .2s ease-out
}

.valoracion-wrapper ul {
    padding: 0;
    margin: 0;
    list-style: none;
    background: 0 0
}

.valoracion-wrapper .metismenu {
    background: 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    margin-top: 60px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .valoracion-wrapper .metismenu li + li {
        margin-top: 5px
    }

    .valoracion-wrapper .metismenu li:first-child {
        margin-top: 5px
    }

    .valoracion-wrapper .metismenu li:last-child {
        margin-bottom: 5px
    }

    .valoracion-wrapper .metismenu > li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative
    }

    .valoracion-wrapper .metismenu a {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: left;
        padding: 8px 15px;
        font-size: 15px;
        color: #5f5f5f;
        outline-width: 0;
        text-overflow: ellipsis;
        overflow: hidden;
        letter-spacing: .5px;
        border: 1px solid #ffffff00;
        transition: all .3s ease-out
    }

        .valoracion-wrapper .metismenu a .parent-icon {
            font-size: 24px;
            line-height: 1
        }

        .valoracion-wrapper .metismenu a .menu-title {
            margin-left: 10px
        }

    .valoracion-wrapper .metismenu ul a {
        padding: 6px 15px 6px 15px;
        font-size: 15px;
        border: 0
    }

        .valoracion-wrapper .metismenu ul a i {
            margin-right: 10px
        }

    .valoracion-wrapper .metismenu ul {
        border: 1px solid #ededed;
        background: #fff
    }

        .valoracion-wrapper .metismenu ul ul a {
            padding: 8px 15px 8px 30px
        }

        .valoracion-wrapper .metismenu ul ul ul a {
            padding: 8px 15px 8px 45px
        }

    .valoracion-wrapper .metismenu .mm-active > a,
    .valoracion-wrapper .metismenu a:active,
    .valoracion-wrapper .metismenu a:focus,
    .valoracion-wrapper .metismenu a:hover {
        color: #99c21e;
        text-decoration: none;
        background: rgb(209 209 209 / .12)
    }
.danger-semaforo {
    color: red;
}
.success-semaforo {
    color: green;
}