.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;

}