@font-face {
    font-family: OpenSans-Bold;
    src: url('fonts/OpenSans-Bold.ttf'); 
}
@font-face {
    font-family: OpenSans-BoldItalic;
    src: url('fonts/OpenSans-BoldItalic.ttf'); 
}
@font-face {
    font-family: OpenSans-ExtraBold;
    src: url('fonts/OpenSans-ExtraBold.ttf'); 
}
@font-face {
    font-family: OpenSans-ExtraBoldItalic;
    src: url('fonts/OpenSans-ExtraBoldItalic.ttf'); 
}
@font-face {
    font-family: Poppins-Italic;
    src: url('fonts/OpenSans-Italic.ttf'); 
}
@font-face {
    font-family: OpenSans-Light;
    src: url('fonts/OpenSans-Light.ttf'); 
}
@font-face {
    font-family: OpenSans-LightItalic;
    src: url('fonts/OpenSans-LightItalic.ttf'); 
}
@font-face {
    font-family: OpenSans-Regular;
    src: url('fonts/OpenSans-Regular.ttf'); 
}
@font-face {
    font-family: OpenSans-Semibold;
    src: url('fonts/OpenSans-Semibold.ttf'); 
}
@font-face {
    font-family: OpenSans-SemiboldItalic;
    src: url('fonts/OpenSans-SemiboldItalic.ttf'); 
}
/*body{
    font-family: OpenSans-Regular !important;
}*/
:root {
    --colorOscuro1: #EB774C;
    --colorClaro1: #f7981c;
    --colorOscuro2: #12a850;
    --colorClaro2: #0eb955;
    --links: #1c8ded;
    --hoverinput: #00c0e3;
    --lineas: #cccccc;
    --subtitulos: #757474;
    --soportealert_1: #f53c3c;
    --soportealert_2: #e45d5d;
    --soportealert_3: #fcd4e3;
    --textoinput: #acacac;
	--colorTitulo: #2b2b2a;	
    --fondoactivemenu: #F8F5F5;
    --fondoplataforma: white;}

    .loginImagen {
        background-image: url(../Images/Login/fondoLogin.png);
        background-repeat: no-repeat;
        height: 100vh;
        width: 100vw;
        position: relative;
        background-size: cover;
    }
    
    .title-white {
        font-family: OpenSans-Bold;
        font-size: 36pt;
        color: white;
    }
    
    .text-white {
        font-family: OpenSans-Regular;
        font-size: 15pt;
        color: white;
    }
    
    .nombreColegio {
        font-family: OpenSans-Bold;
        font-size: 20pt;
        color: black;
    }
    
    .texto-input {
        font-family: OpenSans-Regular;
        font-size: 1rem;
        color: var(--textoinput);
    }
    
    .bordes {
        font-family: OpenSans-Regular;
        font-size: 12pt;
        color: var(--lineas);
    }
    
    .texto-contenidos {
        font-family: OpenSans-Regular;
        font-size: 10pt;
        color: var(--subtitulos);
    }
    
    .texto-soporte {
        font-family: OpenSans-Regular;
        font-size: 12pt;
        color: var(--subtitulos);
    }
    
    .input-login {
        width: 355px;
        height: 135%;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        border: 1px solid var(--lineas);
        font-family: OpenSans-Regular, 'Font Awesome 5 Free';
        font-size: 13px;
        padding-left: 15px;
        font-weight: 600;
        letter-spacing: 0.5pt;
        outline: none;
    }
    
    input:focus-within {
        box-shadow: 0 0 0 1px var(--hoverinput);
        border: 0px solid var(--lineas);
    }
    
    #linkolvidopass:hover {
        color: var(--hoverinput);
    }
    
    .linklogin:hover {
        color: var(--links);
        text-decoration: none;
    }
    
    .linklogin {
        color: var(--hoverinput);
    }
    
    ::placeholder { /* Firefox, Chrome, Opera */
        color: var(--lineas);
    }
    
    .boton-ingresar {
        width: 355px;
        border-radius: 50px;
        border: 1px solid var(--colorClaro1);
        background-color: var(--colorClaro1);
        height: 40px;
        font-family: OpenSans-Bold;
        color: white;
        outline: none;
    }
    
        .boton-ingresar:hover {
            background-color: var(--colorOscuro1);
            border: 1px solid var(--colorOscuro1);
            transition: all .3s linear;
        }
    
    .boton-resetear {
        width: 220px;
        border-radius: 50px;
        border: 1px solid var(--colorOscuro1);
        background-color: var(--colorOscuro1);
        height: 200%;
        font-family: OpenSans-Bold;
        color: white;
        padding-bottom: 10px;
        padding-top: 10px;
        margin-top: 15px;
    }
    
        .boton-resetear:hover {
            background-color: var(--colorClaro1);
        }
    
    .boton-guardar {
        width: 235px;
        border-radius: 50px;
        border: 1px solid var(--lineas);
        background-color: var(--colorClaro2);
        height: 158%;
        font-family: OpenSans-Bold;
        color: white;
    }
    
    #informaciocuenta {
        padding-bottom: 1.1em;
    }
    
    #inputpass {
        padding-top: 2em;
        padding-bottom: 0.5em;
    }
    
    #rowBotonIngresar {
        padding-top: 2em;
        padding-bottom: 2em;
    }
    
    .imagenapp {
        width: 40%;
    }
    
    .errormensaje {
        color: var(--soportealert_1);
        font-size: 0.8rem;
        font-family: OpenSans-Regular;
    }
    
    .imageLogo {
        width: 35%;
    }
    
    .imageEscudo {
        width: 13%;
    }
    /*------jorge-----*/
    .centrado {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 87vh;
    }
    
    .centrado-imagen {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 87vh;
    }
    
    .alumno {
        margin: 20px;
    }
    
    .title-orange {
        color: #D64C47;
        font-size: 34px;
    }
    
    .text-black {
        color: dimgray;
        font-size: 20px;
    }
    /*fin*/
    
    /*Ancho dispositivo movil Extra Small*/
    @media only screen and (max-width: 576px) {
        .imageLogo {
            width: 70%;
        }
    
        .imageEscudo {
            width: 22%;
        }
    }
    
    @media (min-width: 992px) and (max-width: 1024px ) {
        .boton-ingresar {
            width: 300px;
            border-radius: 50px;
            border: 1px solid var(--colorClaro1);
            background-color: var(--colorClaro1);
            font-family: OpenSans-Bold;
            color: white;
        }
    
        .input-login {
            width: 300px;
            height: 135%;
        }
    }
    
    @media only screen and (max-width: 940px) {
    
        .centrado {
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 5vh;
            order: 1;
            text-align: center;
        }
    }
    /** 625 */
    @media only screen and (max-height: 640px) {
    
        #informaciocuenta {
            padding-bottom: 0em;
        }
    
        #inputpass {
            padding-top: 1.2em;
            padding-bottom: 0.5em;
        }
    
        #rowBotonIngresar {
            padding-top: 1em;
            padding-bottom: 1em;
        }
    
        .espaciohead {
            padding-top: 3%;
        }
    }
    
    @media only screen and (max-width: 425px) {
        .input-login {
            width: 90%;
            border-radius: 20px;
            border: 1px solid var(--lineas);
        }
    
        .boton-ingresar {
            width: 90%;
            border-radius: 50px;
            border: 1px solid var(--colorOscuro1);
            background-color: var(--colorOscuro1);
            /*height: 160%;*/
            font-family: OpenSans-Bold;
            color: white;
        }
    
        .imageLogo {
            width: 70%;
        }
    
        .imageEscudo {
            width: 22%;
        }
    
        .espaciohead {
            padding-top: 10%;
        }
    }
    
    
    /*************** ESTILOS CALENDARIO ******************/
    .headcollapse {
        background-color: white;
        padding-top: 12px;
        padding-left: 12px;
        box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);
    }
    
    .textbold {
        font-family: OpenSans-Bold;
        font-size: 16px;
        color: var(--subtitulos);
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-style: normal;
    }
     .container-fluid {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }
    .textregularoscuro {
        font-family: OpenSans-Regular;
        font-size: 16px;
        color: var(--subtitulos);
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-style: normal;
    }
    
    .textregular {
        font-family: OpenSans-Regular;
        font-size: 13px;
        color: var(--textoinput);
        font-style: normal;
    }
    
    .li-collapsecalendar {
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 2px solid var(--lineas);
    }
    
    .circulo-all {
        width: 15px;
        height: 15px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: var(--colorOscuro1);
        margin-bottom: 0px;
    }
    
    .circulo-especific {
        width: 15px;
        height: 15px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: var(--colorOscuro2);
        margin-bottom: 0px;
    }
    
    .boton-crearevento {
        width: 100px;
        border-radius: 5px;
        border: 1px solid var(--colorClaro1);
        background-color: var(--colorClaro1);
        height: auto;
        font-family: OpenSans-Bold;
        color: white;
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 18px;
        padding-right: 18px;
    }
    
        .boton-crearevento:hover {
            border: 1px solid var(--colorOscuro1);
            background-color: var(--colorOscuro1);
            color: white;
            text-decoration: none;
        }
    
    .edit-trash {
        font-size: 15px;
        color: var(--textoinput);
    }
    
    
    /*.logonavbar {
        width: 80px;
        height: 80px;
        background-image: url(../Images/logonuevo.png);
        background-repeat: no-repeat;
        position: relative;
        background-size: cover;
    }*/
    
    .contenedor-general {
        box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);
        background-color: white;
    }
    
    .card-header-ce {
        background-color: var(--colorOscuro1);
        font-family: OpenSans-Bold;
        color: white;
        font-size: 15px;
        display: flex
    }
    
    .card-body-ce {
        font-family: OpenSans-Regular;
        color: var(--subtitulos);
        font-size: 15px;
    }
    
    .contenedor-card {
        padding: 0px !important;
        border-radius: 10px;
    }
    
    .btn-cerrar {
        color: white;
    }
    
    .lbl-titulo {
        font-family: OpenSans-Bold;
        color: var(--colorTitulo);
    }
    
    .filaHora:nth-child(odd) {
        background-color: var(--fondoactivemenu) !important;
    }
    
    .filaHora {
        font-size: 12px;
    }
    
    .acortartexto {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    
    .fondogris {
        background-color: var(--fondoactivemenu);
        color: var(--subtitulos);
        font-family: OpenSans-Regular;
        font-size: 14px;
        border: 0px solid black;
    }
    
    .boton-cancelarevento {
        width: 100px;
        border-radius: 5px;
        border: 1px solid var(--lineas);
        background-color: var(--lineas);
        height: auto;
        font-family: OpenSans-Bold;
        color: white;
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 18px;
        padding-right: 18px;
    }
    
        .boton-cancelarevento:hover {
            border: 1px solid var(--textoinput);
            background-color: var(--textoinput);
            color: white;
            text-decoration: none;
        }
    
    text-regularsubtitulo {
        font-family: OpenSans-Regular;
        color: var(--subtitulos);
    }
    
    .espacio:hover {
        background-color: var(--fondoactivemenu);
        cursor: pointer;
    }
    
    .boton-adjuntar {
        width: 160px;
        border-radius: 5px;
        background-color: var(--links);
        border: 1px solid var(--links);
        height: auto;
        font-family: OpenSans-Regular;
        font-size: 11px;
        color: white;
        padding: 5px 5px;
    }
    
    .boton-regresar {
        width: 100px;
        border-radius: 5px;
        background-color: var(--links);
        border: 1px solid var(--links);
        height: auto;
        font-family: OpenSans-Bold;
        color: white;
        padding: 5px 8px;
    }
    
    .fancybox-content {
        padding: 0px !important;
    }
    
    .rcbInputCell {
        border: 0px solid black !important;
    }
    
    .rcbInputCellLeft {
        padding-left: 0px !important;
    }
    
    .RadComboBox table td.rcbInputCell {
        border: 0px solid black !important;
    }
    
    /* Inputs del popup Tarea */
    #MainContent_TareasMenu_SeleccionarCursoMateria_Curso,
    #MainContent_TareasMenu_SeleccionarCursoMateria_Materia,
    #MainContent_TareasMenu_TipoTarea,
    #MainContent_TareasMenu_TituloTB,
    #ctl00_MainContent_TareasMenu_FechaTB_dateInput_text {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid var(--lineas);
        font-family: OpenSans-Regular;
        font-size: 13px;
        padding-left: 15px;
        letter-spacing: 0.5pt;
        outline: none;
        height: 30px;
        color: var(--lineas);
    }
    
    
    /* Ancho de los popup en pantallas grandes (A partir de los 801px) */
    @media (min-width: 801px) {
        #popupcorrepondencia {
            width: 45rem;
        }
    
        #popupAnuncio {
            width: 45rem;
        }
    }
    
    /* Ancho de los dispositivos moviles m�s peque�os (Hasta los 350 px de ancho) */
    @media (max-width: 350px) {
        #MainContent_CorrespondenciaMenu_EnviarMailPoup_ctl00_Cursos,
        #ctl00_MainContent_CorrespondenciaMenu_EnviarMailPoup_ctl00_CB1_Input {
            width: 275px !important;
        }
    
        #ctl00_MainContent_AnuncioMenu_CrearNuevoComunicadoPopup_ctl00_radCurso_Input,
        #ctl00_MainContent_AnuncioMenu_CrearNuevoComunicadoPopup_ctl00_radMateria_Input {
            width: 275px !important;
        }
    
        .RadComboBox table td.rcbInputCell {
            width: 75% !important;
        }
    
        .fancybox-content {
            background-color: transparent !important;
        }
        .sw-btn-prev {
            background-color: var(--colorOscuro2);
            border-color: var(--colorOscuro2);
        }
    }
    .nuevoAspirante{
        font-weight: bold;
        color: var(--colorClaro1);
    }
    .nuevoAspirante:hover{
        color: var(--colorOscuro1);
    }
    .rowAspirante{
        padding-bottom: 1em;
    }