.login__desc_justify {
    text-align: justify;
}

@media (min-width: 1024px) {
    .back-image-login {
        /* background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); */
        /* background-size: 1rem 1rem; */
        background-image: url("../images/back_davinci.jpg");
        background-size: cover;
        width: 50%;
        height: 100%;
        opacity: 0.3;
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
    }
}

.kt-login__options>a {
    text-decoration: none;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.kt-aside {
    background-color: #fff !important;
    -webkit-box-shadow: 13px -2px 17px -12px rgba(41, 50, 66, 0.1);
    box-shadow: 13px -2px 17px -12px rgba(41, 50, 66, 0.1);
}

.kt-aside__brand {
    background-color: #fff !important;
}

.kt-aside-menu {
    background-color: #fff !important;
}

.kt-aside-menu .kt-menu__nav>.kt-menu__item>.kt-menu__heading .kt-menu__link-icon, .kt-aside-menu .kt-menu__nav>.kt-menu__item>.kt-menu__link .kt-menu__link-icon {
    color: #b8bac3;
}

.kt-aside-menu .kt-menu__nav>.kt-menu__item.kt-menu__item--active>.kt-menu__heading, .kt-aside-menu .kt-menu__nav>.kt-menu__item.kt-menu__item--active>.kt-menu__link {
    background-color: #fff !important;
}

.kt-aside-menu .kt-menu__nav>.kt-menu__item.kt-menu__item--active>.kt-menu__heading .kt-menu__link-text, .kt-aside-menu .kt-menu__nav>.kt-menu__item.kt-menu__item--active>.kt-menu__link .kt-menu__link-text {
    color: #2c77f4 !important;
}

.kt-aside-menu .kt-menu__nav>.kt-menu__item.kt-menu__item--active>.kt-menu__heading .kt-menu__link-icon, .kt-aside-menu .kt-menu__nav>.kt-menu__item.kt-menu__item--active>.kt-menu__link .kt-menu__link-icon {
    color: #2c77f4 !important;
}

.kt-aside-menu .kt-menu__nav>.kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover>.kt-menu__heading, .kt-aside-menu .kt-menu__nav>.kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover>.kt-menu__link {
    background-color: transparent !important;
}

.kt-aside-menu .kt-menu__nav>.kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover>.kt-menu__heading .kt-menu__link-text, .kt-aside-menu .kt-menu__nav>.kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover>.kt-menu__link .kt-menu__link-text {
    color: #2c77f4 !important;
}

@media (max-width: 1024px) {
    .kt-header-mobile {
        background-color: #fff !important;
    }
    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler span {
        background: #b8bac3;
    }
    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler span::before, .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler span::after {
        background: #b8bac3;
    }
    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-topbar-toggler i {
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        color: #b8bac3;
        font-size: 1.5rem;
        line-height: 0;
    }
}

/* ESTILO PARA LAS ESTRELLAS DEL RANKING */

.formStar {
    width: 250px;
    margin: 0 auto;
    height: 50px;
}

.formStar p {
    text-align: center;
}

.formStar label {
    font-size: 20px;
}

.formStar input[type="radio"] {
    display: none;
}

.formStarlabel {
    color: grey;
}

.formStar.clasificacion {
    direction: rtl;
    unicode-bidi: bidi-override;
}

.formStar label:hover, .formStar label:hover~label {
    color: orange;
}

.formStar input[type="radio"]:checked~label {
    color: orange;
}

.formView .activeStart {
    font-size: 12px;
    color: orange;
}

.formView .inactiveStart {
    font-size: 12px;
    color: grey;
}