@import url('https://fonts.googleapis.com/css?family=Roboto');
/* line 17, ../../../../../Users/pereira/.rvm/gems/ruby-2.0.0-p353/gems/compass-0.12.4/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

* {
    font-family: 'Roboto', sans-serif !important;
}

body {
    font-weight: 400;
    padding: 0;
    margin: 0;
    border: 0;
    width: 99%;
    height: 100%;
}

#CentralPanel {
    box-sizing: border-box !important;
}

#imgFondo {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    opacity: 0.7;
    z-index: -10;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#imgFondoAspirantes {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    opacity: 0.7;
    z-index: -10;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.imgArrowDown {
    background-image: url('../Images/Icons/arrow32.png') !important;
    background-repeat: no-repeat !important;
    background-position: center 0px;
    width: 50%;
    height: 24px;
    top: -10px;
    position: relative;
}

.imgArrowDownCienClass {
    background-image: url('../Images/Icons/arrow32.png') !important;
    background-repeat: no-repeat !important;
    background-position: center 0px;
    width: 100%;
    height: 24px;
    top: -10px;
    position: relative;
}

.btnBuscarDocumentos {
    padding: 0 15px !important;
    background: #3d4f5f !important;
    color: white !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    line-height: 40px !important;
    height: 40px !important;
    display: inline-block !important;
    width: 45px !important;
}

    .btnBuscarDocumentos:hover {
        background: #51697e !important;
    }

    .btnBuscarDocumentos:focus {
        outline: none !important;
    }

.btnBuscarButtonEdit {
    padding: 0 15px !important;
    background: #3d4f5f !important;
    color: white !important;
    text-decoration: none !important;
    line-height: 35px !important;
    height: 35px !important;
    width: 45px !important;
}

    .btnBuscarButtonEdit:hover {
        background: #51697e !important;
    }

    .btnBuscarButtonEdit:focus {
        outline: none !important;
    }

.btnEliminarDocumentos {
    padding: 0 15px !important;
    background: #3d4f5f !important;
    color: white !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    line-height: 40px !important;
    height: 40px !important;
    display: inline-block !important;
    width: 60px !important;
}

    .btnEliminarDocumentos:hover {
        background: #51697e !important;
    }

    .btnEliminarDocumentos:focus {
        outline: none !important;
    }

.btnVistaPreviaDocumentos {
    padding: 0 15px !important;
    background: #3d4f5f !important;
    color: white !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    line-height: 40px !important;
    height: 40px !important;
    display: inline-block !important;
    width: 75px !important;
}

    .btnVistaPreviaDocumentos:hover {
        background: #51697e !important;
    }

    .btnVistaPreviaDocumentos:focus {
        outline: none !important;
    }

.btnAceptarEliminarDoc {
    padding: 0 15px !important;
    background: #3d4f5f !important;
    color: white !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    line-height: 40px !important;
    height: 40px !important;
    display: inline-block !important;
    float: left !important;
}

    .btnAceptarEliminarDoc:hover {
        background: #51697e !important;
    }

    .btnAceptarEliminarDoc:focus {
        outline: none !important;
    }

.btnAceptarEliminarDoc2 {
    padding: 0 15px !important;
    background: #3d4f5f !important;
    color: white !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    line-height: 40px !important;
    height: 40px !important;
    display: inline-block !important;
    width: 24px !important;
}

    .btnAceptarEliminarDoc2:hover {
        background: #51697e !important;
    }

    .btnAceptarEliminarDoc2:focus {
        outline: none !important;
    }

.classbtnTable {
    padding: 0 15px !important;
    background: #3d4f5f !important;
    color: white !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    line-height: 40px !important;
    height: 40px !important;
    display: inline-block !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.classrbfocus {
    border-style: none !important;
    box-shadow: none !important;
}

.classbtnTable:hover {
    background: #51697e !important;
}

.classbtnTable:focus {
    outline: none !important;
}

#btnCancelarGAActa {
    padding: 0 15px !important;
    background: #3d4f5f !important;
    color: white !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    line-height: 40px !important;
    height: 40px !important;
    display: inline-block !important;
    width: 48px !important;
}

    #btnCancelarGAActa:hover {
        background: #51697e !important;
    }

    #btnCancelarGAActa:focus {
        outline: none !important;
    }

.btnCancelarEliminarDoc {
    padding: 0 15px !important;
    background: #3d4f5f !important;
    color: white !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    line-height: 40px !important;
    height: 40px !important;
    display: inline-block !important;
    float: right !important;
}

    .btnCancelarEliminarDoc:hover {
        background: #51697e !important;
    }

    .btnCancelarEliminarDoc:focus {
        outline: none !important;
    }

.btnsDropDownCombos {
    background: #3d4f5f !important;
    color: white !important;
    text-decoration: none !important;
}

    .btnsDropDownCombos:hover {
        background: #51697e !important;
    }

    .btnsDropDownCombos:focus {
        outline: none !important;
    }

#divSeguroContrasena {
    background-image: url(../images/Icons/seguro32.png);
    background-repeat: no-repeat;
    background-color: white !important;
    background-position-x: center;
    background-position-y: center;
    position: absolute;
    left: 10px;
    top: -6px;
    width: 52px;
    height: 52px;
    -webkit-border-radius: 50px !important;
    -moz-border-radius: 50px !important;
    -ms-border-radius: 50px !important;
    -o-border-radius: 50px !important;
    border-radius: 50px !important;
}

#divCambiarContrasena, #divEditarPerfilAdmin, #divVerPersonaAuto {
    background-color: white !important;
    width: 350px !important;
    height: auto !important;
    text-align: left !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -ms-border-radius: 8px !important;
    -o-border-radius: 8px !important;
    border-radius: 8px !important;
    padding: 10px !important;
}

#divContTerminosyCondiciones {
    width: 99%;
    margin: 20px;
    height: auto;
}

    #divContTerminosyCondiciones img {
        position: fixed;
        z-index: -1;
        right: -40px;
        bottom: -60px;
        opacity: 0.3;
    }

    #divContTerminosyCondiciones h1 {
        text-align: center;
        font-weight: bold;
        font-size: 1.5em;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    #divContTerminosyCondiciones h2 {
        text-align: center;
        font-weight: bold;
        font-size: 1.2em;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    #divContTerminosyCondiciones p {
        text-align: justify;
        line-height: 1.5;
        padding-left: 10px;
        padding-right: 10px;
    }

    #divContTerminosyCondiciones strong {
        font-weight: bold;
    }

    #divContTerminosyCondiciones ul {
        text-align: justify;
        line-height: 1.5;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 30px;
    }

#divTerminosyCondiciones, #divMensajesPortal {
    width: 350px !important;
    height: auto !important;
    text-align: left !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -ms-border-radius: 8px !important;
    -o-border-radius: 8px !important;
    border-radius: 8px !important;
    padding: 10px !important;
}

#chkLeidoTermiCondi_S_D {
    outline: none !important;
}

#pcTerminosyCondiciones_DXPWMB-1 {
    opacity: 0.92 !important;
}

#pcMensajesPortal_DXPWMB-1 {
    opacity: 0.92 !important;
}

#lbltituloContrasena {
    padding: 0 0 0px 0;
    margin: 15px auto;
    color: #808080;
    border-bottom: solid 1px #D1D1D1;
}

#divCambiarContrasenaCont {
    background-color: white !important;
}

#btnAceptarTermiCondi {
    position: relative;
    padding: 0 15px;
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    width: 60px;
    height: 40px;
    margin: 10px;
    left: 30%;
}

    #btnAceptarTermiCondi:hover {
        background: #51697e;
    }

    #btnAceptarTermiCondi:focus {
        outline: none;
    }

#btnAceptarMensajesPortal {
    position: relative;
    padding: 0 15px;
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    width: 60px;
    height: 40px;
    margin: 10px;
    left: 30%;
}

#btnGuardarCategoria {
    position: relative;
    padding: 0 15px;
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    width: 60px;
    height: 40px;
    margin: 10px;
    left: 30%;
}

    #btnAceptarMensajesPortal:hover {
        background: #51697e;
    }

    #btnGuardarCategoria:hover {
        background: #51697e;
    }

    #btnAceptarMensajesPortal:focus {
        outline: none;
    }

    #btnGuardarCategoria:focus {
        outline: none;
    }


#btnCambiarContrasena {
    position: relative;
    padding: 0 15px;
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    width: 60px;
    height: 40px;
    margin: 10px;
    margin-top: 40px;
    left: 95px;
}

    #btnCambiarContrasena:hover {
        background: #51697e;
    }

    #btnCambiarContrasena:focus {
        outline: none;
    }

#lblContrasenaActual, #lblContrasenaNueva, #lblContrasenaRepetir {
    margin: 5px 0;
    text-align: center;
    border: 2px solid white;
    background-color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 20px;
    color: #51697e;
    font-weight: bold;
    float: right;
}

.ContrasenaMuyDebil {
    border: 2px solid #ccc !important;
    background-color: #FFA0A0 !important;
}

.ContrasenaDebil {
    border: 2px solid #ccc !important;
    background-color: #FFB78C !important;
}

.ContrasenaMediana {
    border: 2px solid #ccc !important;
    background-color: #FFEC8B !important;
}

.ContrasenaFuerte {
    border: 2px solid #ccc !important;
    background-color: #C3FF88 !important;
}
/*IMAGENES CSS*/
.icons-config:hover, .profile-link #user-profile .profile-menu a:hover i.icons-config, .profile-link2 #user-profile2 .profile-menu a:hover i.icons-config, .icons-config.config_hover, .icons-config.config-hover {
    background: url('../Images/Icons/config_hover.png') no-repeat;
}

.icons-pass:hover, .profile-link #user-profile .profile-menu a:hover i.icons-pass, .profile-link2 #user-profile2 .profile-menu a:hover i.icons-pass, .icons-pass.pass_hover, .icons-pass.pass-hover {
    background: url('../Images/Icons/pass_hover.png') no-repeat;
}

.icons-profile-triangle, .profile-link #user-profile:after, .profile-link2 #user-profile2:after {
    background: url('../Images/Icons/profile-triangle.png') no-repeat;
}

.icons-signout:hover, .profile-link #user-profile .profile-menu a:hover i.icons-signout, .profile-link2 #user-profile2 .profile-menu a:hover i.icons-signout, .icons-signout.signout_hover, .icons-signout.signout-hover {
    background: url('../Images/Icons/signout_hover.png') no-repeat;
}

.icons-tick {
    background: url('../Images/Icons/tick10.png') no-repeat;
}

.icons-tick2 {
    background: url('../Images/Icons/tick10.png') no-repeat;
}

.icons-down-arrow {
    background: url('../Images/Icons/down-arrow.png') no-repeat;
}

.icons-parent:hover, #sign-in .right .choose-list li a:hover .icons-parent, .icons-parent.parent_hover, .icons-parent.parent-hover {
    background: url('../Images/Icons/parent_hover2.png') no-repeat;
}

.icons-card:hover, #sign-in .right .choose-list li a:hover .icons-card, .icons-card.card_hover, .icons-card.card-hover {
    background: url('../Images/Icons/card_hover.png') no-repeat !important;
}

.icons-book:hover, #sign-in .right .choose-list li a:hover .icons-book, .icons-book.book_hover, .icons-book.book-hover {
    background: url('../Images/Icons/book_hover.png') no-repeat;
}

.icons-admin:hover, #sign-in .right .choose-list li a:hover .icons-admin, .icons-admin.admin_hover, .icons-admin.admin-hover {
    background: url('../Images/Icons/admin_hover.png') no-repeat;
}

.icons-light-admin {
    background: url('../Images/Icons/light-admin.png') no-repeat;
}

.icons-light-book {
    background: url('../Images/Icons/light-book.png') no-repeat;
}

.icons-light-card {
    background: url('../Images/Icons/light-card.png') no-repeat;
}

.icons-light-parent {
    background: url('../Images/Icons/light-parent.png') no-repeat;
    /*background-position: 0 -1288px;*/
}

.icons-cart-caret, .cart-container .cart-details:before, .cart-container .cart-details2:before {
    background: url('../Images/Icons/cart-caret.png') no-repeat;
}

.icons-shopping-caret {
    background: url('../Images/Icons/shopping-caret.png') no-repeat;
}

.icons-shopping-cartlg {
    background: url('../Images/Icons/shopping-cartlg.png') no-repeat;
}

.icons-phone {
    background: url('../Images/Icons/phone.png') no-repeat;
}

.icons-address {
    background: url('../Images/Icons/address.png') no-repeat;
}

.icons-mail {
    background: url('../Images/Icons/mail.png') no-repeat;
}

.icons-incidencia {
    background: url('../Images/Icons/mail24x24.png') no-repeat;
}

.icons-total-caret, .account-table:before, .account-table2:before {
    background: url('../Images/Icons/total-caretcb.png') no-repeat;
    background-position-y: 1px;
}
/*FIN IMAGENES CSS*/
/*TOP PANEL*/
#TopPanel_EB {
    background-color: #232B32;
    border: none;
    padding: 0px;
}

#TopPanel {
    background-color: #232B32;
    border: none;
    padding: 0px;
}

#divHeader {
    position: relative;
    width: 102%;
    height: 64px;
    top: -12px;
    left: -12px;
    background-color: #232B32;
}

#divRelleno {
    position: relative;
    max-width: 300px;
    height: 32px;
}

.divRellenoClass {
    display: none;
}

#divHeaderExpanded {
    position: absolute;
    width: 85%;
    height: 40px;
    top: 32px;
    left: 0px;
    background-color: #232B32;
}

.divHeaderExpandedClass {
    display: none;
}

.headerClass {
    display: none;
}

#divLogoSchoolWeb {
    position: relative;
    width: 30%;
    display: inline-block;
    /*background-color:blue;*/
}

#divRedes {
    position: relative;
    height: 64px;
    width: 69%;
    display: inline-block;
}

@media (max-width: 1024px) {
    #divLogoSchoolWeb {
        position: relative;
        width: 100%;
        display: inline-block;
        /*background-color:blue;*/
    }

    #divRedes {
        position: relative;
        width: 100%;
        height: 64px;
        display: inline-block;
        margin-bottom: 10px;
    }
}

#imgLogoHeader {
    position: relative;
    width: 110px;
    height: 74px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    display: inline-block;
}

#spanHeader {
    position: relative;
    cursor: pointer;
    font-weight: bold;
    color: #006FD1;
    display: inline-block;
}

.aCopyright {
    position: relative;
    display: inline-block;
}

    .aCopyright:link {
        text-decoration: none;
    }

#pCopyright {
    font-size: 14px;
    color: #0097FF;
    margin-bottom: 20px;
}

    #pCopyright:hover {
        -webkit-filter: contrast(300%);
        filter: contrast(300%);
    }

.aAvisoPrivacidad {
    position: relative;
    display: inline-block;
}

    .aAvisoPrivacidad:link {
        text-decoration: none;
    }

#pAvisoPrivacidad {
    font-size: 14px;
    color: #0097FF;
    margin-bottom: 20px;
}

    #pAvisoPrivacidad:hover {
        -webkit-filter: contrast(300%);
        filter: contrast(300%);
    }

#imgFacebookSiste, #imgTwitterSiste, #imgGooglePlusSiste, #imgYouTubeSiste {
    position: absolute;
    cursor: pointer;
    top: 0px;
    left: 110px;
    display: none;
}

    #imgFacebookSiste:hover, #imgTwitterSiste:hover, #imgGooglePlusSiste:hover, #imgYouTubeSiste:hover {
        -webkit-filter: contrast(300%);
        filter: contrast(300%);
    }

#imgFacebookEscuela, #imgTwitterEscuela, #imgGooglePlusEscuela, #imgYouTubeEscuela {
    position: relative;
    float: left;
    margin: 30px 20px 0px 20px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    #imgFacebookEscuela:hover, #imgTwitterEscuela:hover, #imgGooglePlusEscuela:hover, #imgYouTubeEscuela:hover {
        -webkit-filter: contrast(300%);
        filter: contrast(300%);
    }

#divLogoSchoolWebExpanded {
    position: absolute;
    top: 0px;
    width: 170px;
    float: left;
}

#divRedesExpanded {
    position: absolute;
    width: 150px;
    height: 40px;
    right: 0px;
}

#imgLogoHeaderExpanded {
    margin-top: 2px;
    margin-left: 10px;
    width: 55px;
    height: 37px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

#spanHeaderExpanded {
    font-weight: bold;
    color: #006FD1;
    position: absolute;
    font-size: 10px;
    top: -2px;
    left: 50px;
    cursor: pointer;
}

.aCopyrightExpanded {
    position: absolute;
    bottom: 2px;
    left: 65px;
}

    .aCopyrightExpanded:link {
        text-decoration: none;
    }

#pCopyrightExpanded {
    font-size: 8px;
    color: #0097FF;
}

    #pCopyrightExpanded:hover {
        -webkit-filter: contrast(300%);
        filter: contrast(300%);
    }

#imgFacebookSisteExpanded, #imgTwitterSisteExpanded, #imgGooglePlusSisteExpanded, #imgYouTubeSisteExpanded {
    position: absolute;
    top: 5px;
    left: 50px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: none;
}

    #imgFacebookSisteExpanded:hover, #imgTwitterSisteExpanded:hover, #imgGooglePlusSisteExpanded:hover, #imgYouTubeSisteExpanded:hover {
        -webkit-filter: contrast(300%);
        filter: contrast(300%);
    }

#imgFacebookEscuelaExpanded, #imgTwitterEscuelaExpanded, #imgGooglePlusEscuelaExpanded, #imgYouTubeEscuelaExpanded {
    position: relative;
    float: right;
    width: 24px;
    height: 24px;
    margin: 7px 5px 0px 5px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    #imgFacebookEscuelaExpanded:hover, #imgTwitterEscuelaExpanded:hover, #imgGooglePlusEscuelaExpanded:hover, #imgYouTubeEscuelaExpanded:hover {
        -webkit-filter: contrast(300%);
        filter: contrast(300%);
    }

.titleClass {
    position: relative;
    font-size: 2.2em;
    color: white;
    padding: 10px;
    float: left;
    cursor: pointer;
}

#divProfileExpanded {
    float: left;
    height: 64px;
}

.divProfileExpandedClass {
    display: none;
}

.right2 {
    top: -16px;
    left: 0px;
    position: absolute;
}

.titleExpandedClass {
    position: relative;
    margin-top: 20px;
    padding: 10px;
    font-size: 2.2em;
    color: white;
    cursor: pointer;
}

.titleExpandedOverClass {
    top: 10px;
}

.right {
    position: relative;
    float: right;
}

.rightClass {
    top: 0px;
}

.profile-link {
    line-height: 65px;
    margin-right: 30px;
    position: relative;
    display: inline;
}

    .profile-link > a {
        text-transform: capitalize;
        text-decoration: none;
        color: white;
    }

    .profile-link img {
        margin-left: 15px;
        width: 29px;
        height: 29px;
        border-radius: 50%;
        position: relative;
        top: 10px;
    }

    .profile-link #user-profile {
        background: white;
        position: absolute;
        width: 185px;
        min-height: 285px;
        top: 55px;
        right: -70px;
        border: 1px solid #e2e2e2;
        text-align: center;
        display: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        z-index: 4;
    }

        .profile-link #user-profile:after {
            content: "";
            width: 17px;
            height: 11px;
            display: block;
            top: -11px;
            left: 45%;
            position: absolute;
        }

        .profile-link #user-profile .profile-percentage {
            color: black;
            font-size: 14px;
            display: block;
            color: #a2a2a2;
        }

            .profile-link #user-profile .profile-percentage em {
                font-style: normal;
                color: #fb8427;
                font-size: 14px;
            }

        .profile-link #user-profile .profile-menu {
            overflow: hidden;
        }

            .profile-link #user-profile .profile-menu li {
                margin-bottom: 20px;
                text-align: left;
                padding: 0 15px;
                line-height: 1;
            }

            .profile-link #user-profile .profile-menu i {
                width: 12px;
                height: 12px;
                display: inline-block;
                margin-right: 3px;
            }

                .profile-link #user-profile .profile-menu i.icons-signout, .profile-link #user-profile .profile-menu i.icons-pass {
                    width: 10px;
                    height: 11px;
                }

            .profile-link #user-profile .profile-menu a {
                color: #717171;
                text-decoration: none;
                font-size: 14px;
            }

                .profile-link #user-profile .profile-menu a:hover {
                    color: #42aee6;
                }

        .profile-link #user-profile .profile-img {
            width: 92px;
            height: 92px;
            border: 4px solid white;
            margin: 3px;
            top: 0;
        }

        .profile-link #user-profile .profile-circle {
            background: #f8f8f8;
            width: 106px;
            height: 106px;
            margin: 20px auto 15px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            position: relative;
        }

            .profile-link #user-profile .profile-circle .clip1 {
                position: absolute;
                top: 0;
                left: 0;
                width: 106px;
                height: 106px;
                clip: rect(0px, 106px, 106px, 53px);
            }

                .profile-link #user-profile .profile-circle .clip1 .slice1 {
                    position: absolute;
                    width: 106px;
                    height: 106px;
                    clip: rect(0px, 53px, 106px, 0px);
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    -ms-border-radius: 50%;
                    -o-border-radius: 50%;
                    border-radius: 50%;
                    background: #fb8426;
                    border-color: #fb8426;
                    -webkit-transform: rotate(0);
                    -moz-transform: rotate(0);
                    -ms-transform: rotate(0);
                    -o-transform: rotate(0);
                    transform: rotate(0);
                    -webkit-transition: all 1s;
                    -moz-transition: all 1s;
                    -o-transition: all 1s;
                    transition: all 1s;
                }

            .profile-link #user-profile .profile-circle .clip2 {
                position: absolute;
                top: 0;
                left: 0;
                width: 106px;
                height: 106px;
                clip: rect(0px, 53px, 106px, 0px);
            }

                .profile-link #user-profile .profile-circle .clip2 .slice2 {
                    position: absolute;
                    width: 106px;
                    height: 106px;
                    clip: rect(0px, 106px, 106px, 53px);
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    -ms-border-radius: 50%;
                    -o-border-radius: 50%;
                    border-radius: 50%;
                    background: #fb8426;
                    border-color: #fb8426;
                    -webkit-transform: rotate(0);
                    -moz-transform: rotate(0);
                    -ms-transform: rotate(0);
                    -o-transform: rotate(0);
                    transform: rotate(0);
                    -webkit-transition: all 1s;
                    -moz-transition: all 1s;
                    -o-transition: all 1s;
                    transition: all 1s;
                }

.profile-link2 {
    line-height: 65px;
    position: relative;
    display: inline;
}

    .profile-link2 > a {
        text-transform: capitalize;
        text-decoration: none;
        color: white;
    }

    .profile-link2 img {
        margin-left: 15px;
        width: 29px;
        height: 29px;
        border-radius: 50%;
        position: relative;
        top: 10px;
    }

    .profile-link2 #user-profile2 {
        background: white;
        position: absolute;
        width: 185px;
        min-height: 285px;
        top: 55px;
        right: 45px;
        border: 1px solid #e2e2e2;
        text-align: center;
        display: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        z-index: 1005;
    }

        .profile-link2 #user-profile2:after {
            content: "";
            width: 17px;
            height: 11px;
            display: block;
            top: -11px;
            left: 45%;
            position: absolute;
        }

        .profile-link2 #user-profile2 .profile-percentage {
            color: black;
            font-size: 14px;
            display: block;
            color: #a2a2a2;
        }

            .profile-link2 #user-profile2 .profile-percentage em {
                font-style: normal;
                color: #fb8427;
                font-size: 14px;
            }

        .profile-link2 #user-profile2 .profile-menu {
            overflow: hidden;
        }

            .profile-link2 #user-profile2 .profile-menu li {
                margin-bottom: 20px;
                text-align: left;
                padding: 0 15px;
                line-height: 1;
            }

            .profile-link2 #user-profile2 .profile-menu i {
                width: 12px;
                height: 12px;
                display: inline-block;
                margin-right: 3px;
            }

                .profile-link2 #user-profile2 .profile-menu i.icons-signout, .profile-link2 #user-profile2 .profile-menu i.icons-pass {
                    width: 10px;
                    height: 11px;
                }

            .profile-link2 #user-profile2 .profile-menu a {
                color: #717171;
                text-decoration: none;
                font-size: 14px;
            }

                .profile-link2 #user-profile2 .profile-menu a:hover {
                    color: #42aee6;
                }

        .profile-link2 #user-profile2 .profile-img {
            width: 92px;
            height: 92px;
            border: 4px solid white;
            margin: 3px;
            top: 0;
        }

        .profile-link2 #user-profile2 .profile-circle {
            background: #f8f8f8;
            width: 106px;
            height: 106px;
            margin: 20px auto 15px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            position: relative;
        }

            .profile-link2 #user-profile2 .profile-circle .clip1 {
                position: absolute;
                top: 0;
                left: 0;
                width: 106px;
                height: 106px;
                clip: rect(0px, 106px, 106px, 53px);
            }

                .profile-link2 #user-profile2 .profile-circle .clip1 .slice1 {
                    position: absolute;
                    width: 106px;
                    height: 106px;
                    clip: rect(0px, 53px, 106px, 0px);
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    -ms-border-radius: 50%;
                    -o-border-radius: 50%;
                    border-radius: 50%;
                    background: #fb8426;
                    border-color: #fb8426;
                    -webkit-transform: rotate(0);
                    -moz-transform: rotate(0);
                    -ms-transform: rotate(0);
                    -o-transform: rotate(0);
                    transform: rotate(0);
                    -webkit-transition: all 1s;
                    -moz-transition: all 1s;
                    -o-transition: all 1s;
                    transition: all 1s;
                }

            .profile-link2 #user-profile2 .profile-circle .clip2 {
                position: absolute;
                top: 0;
                left: 0;
                width: 106px;
                height: 106px;
                clip: rect(0px, 53px, 106px, 0px);
            }

                .profile-link2 #user-profile2 .profile-circle .clip2 .slice2 {
                    position: absolute;
                    width: 106px;
                    height: 106px;
                    clip: rect(0px, 106px, 106px, 53px);
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    -ms-border-radius: 50%;
                    -o-border-radius: 50%;
                    border-radius: 50%;
                    background: #fb8426;
                    border-color: #fb8426;
                    -webkit-transform: rotate(0);
                    -moz-transform: rotate(0);
                    -ms-transform: rotate(0);
                    -o-transform: rotate(0);
                    transform: rotate(0);
                    -webkit-transition: all 1s;
                    -moz-transition: all 1s;
                    -o-transition: all 1s;
                    transition: all 1s;
                }

i.icons-down-arrow {
    width: 6px;
    height: 4px;
    margin-left: 5px;
    top: -2px;
    display: inline-block;
}

.user-incidencias {
    background: #232B32;
    display: inline-block;
    height: 65px;
    line-height: 65px;
    padding: 0 20px;
    font-size: 15px;
    color: white;
    cursor: pointer;
}

    .user-incidencias:hover {
        background: #0097ff;
    }

.incidencia-number {
    position: absolute;
    background: red;
    top: 1px;
    left: 3px;
    -wekbit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    -o-border-radius: 50% !important;
    border-radius: 50% !important;
    width: 30px;
    line-height: 30px;
    text-align: center;
    height: 30px;
    font-size: 0.9em;
    cursor: pointer;
    font-weight: 500;
    color: white;
    text-shadow: 1px 1px 1px #000000 !important;
    z-index: 0;
}

.inhidden {
    display: none;
}

.popup-incidencias {
    position: absolute;
    top: 78px;
    left: -80px;
    width: 225px;
    height: 308px;
    -wekbit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    background-color: white;
    border: 1px solid #e2e2e2;
    z-index: 1;
    display: none;
}

@media (max-width: 768px) {
    .popup-incidencias {
        position: absolute;
        top: 78px;
        left: 245px;
        width: 225px;
        height: 308px;
        -wekbit-border-radius: 4px !important;
        -moz-border-radius: 4px !important;
        -ms-border-radius: 4px !important;
        -o-border-radius: 4px !important;
        border-radius: 4px !important;
        background-color: white;
        border: 1px solid #e2e2e2;
        z-index: 1;
        display: none;
    }
}

.popup-incidenciasarrow {
    position: absolute;
    top: -11px;
    left: 105px;
    background: url('../Images/Icons/profile-triangle.png') top center no-repeat;
    width: 15px;
    height: 11px;
}

#biSubirIncidencias, #biSubirIncidenciasExpanded {
    position: absolute;
    cursor: pointer;
    left: 83%;
    top: 1px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    border-radius: 24px;
    background-color: #3d4f5f;
    padding: 5px;
    opacity: 0.1;
}

    #biSubirIncidencias:hover, #biSubirIncidenciasExpanded:hover {
        opacity: 1;
    }

#biBajarIncidencias, #biBajarIncidenciasExpanded {
    position: absolute;
    cursor: pointer;
    left: 83%;
    bottom: 1px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    border-radius: 24px;
    background-color: #3d4f5f;
    padding: 5px;
    opacity: 0.1;
}

    #biBajarIncidencias:hover, #biBajarIncidenciasExpanded:hover {
        opacity: 1;
    }

.popup-incidenciascont {
    width: 225px;
    height: 308px;
    overflow: hidden;
}

    .popup-incidenciascont ul {
        list-style-type: none;
        width: 225px;
    }

    .popup-incidenciascont li {
        padding: 10px 21px;
        overflow: auto;
        border-left: 5px solid white;
        -wekbit-border-radius: 4px !important;
        -moz-border-radius: 4px !important;
        -ms-border-radius: 4px !important;
        -o-border-radius: 4px !important;
        border-radius: 4px !important;
    }

        .popup-incidenciascont li h3 {
            color: #0097FF;
            font-weight: bold;
        }

        .popup-incidenciascont li:hover {
            background: #eee;
            border-left: 5px solid #0097FF;
            cursor: pointer;
        }

.incidencia-number2 {
    position: absolute;
    background: red;
    top: 18px;
    right: 7px;
    -wekbit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    -o-border-radius: 50% !important;
    border-radius: 50% !important;
    width: 30px;
    line-height: 30px;
    text-align: center;
    height: 30px;
    font-size: 0.9em;
    cursor: pointer;
    font-weight: 500;
    color: white;
    text-shadow: 1px 1px 1px #000000 !important;
    z-index: 1;
}

    .incidencia-number2:hover {
        opacity: 0;
    }

.user-incidencias i {
    width: 24px;
    height: 24px;
    display: inline-block;
    position: relative;
    top: 5px;
}

.user-incidencias2 {
    background: #232B32;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    padding: 2px 10px;
    font-size: 15px;
    color: white;
    cursor: pointer;
}

    .user-incidencias2:hover {
        background: #0097ff;
    }

    .user-incidencias2 i {
        width: 24px;
        height: 24px;
        display: inline-block;
        position: relative;
        top: 5px;
    }

.user-type {
    background: #0097ff;
    display: inline-block;
    height: 65px;
    line-height: 65px;
    padding: 0 25px;
    font-size: 15px;
    color: white;
}

.user-typeClass {
    height: 65px;
}

.user-type i {
    width: 26px;
    height: 21px;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: 5px;
}

.user-type2 {
    background: #0097ff;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    padding: 0 25px;
    font-size: 15px;
    color: white;
}

    .user-type2 i {
        width: 26px;
        height: 21px;
        display: inline-block;
        margin-right: 10px;
        position: relative;
        top: 5px;
    }

.menuTopClass {
    /*position:absolute;
    height:65px;
    top:129px;
    left:-10px;
    width:90% !important;*/
    /*display:none;*/
    position: relative;
}

.menuTopClassDisplay {
    position: absolute;
    top: 0px;
}
/*FIN TOP PANEL*/
/*LEFT PANEL*/
#LeftPanel_EB {
    background-color: #232B32;
    border: none;
}

#LeftPanel {
    background-color: #232B32;
    border: none;
    overflow-y: auto;
    overflow-x: hidden;
}
/*FIN LEFT PANEL*/
/*VISTA RINICIO*/
#slider {
    position: relative;
    width: 100%;
}

#divInicio {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 20px;
}

#divFooterVistas {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 25px;
    margin-bottom: 15px;
}

#divPublicacionesResponsive {
    width: 60%;
    height: auto;
    display: inline-table;
    vertical-align: top;
}

#sidebar {
    width: 34%;
    background: white;
    min-height: 300px;
    padding: 25px 0;
    border: 1px solid #c3c3c3;
    display: inline-table;
    margin-left: 10px;
}

#sidebarpadre {
    width: 25%;
    background: white;
    min-height: 300px;
    padding: 25px 0;
    border: 1px solid #c3c3c3;
    display: inline-table;
}

#divNotificacionesInicio {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}

.btnNotificacionesClass {
    padding: 0 15px !important;
    background: #FF9D00 !important;
    color: white !important;
    text-align: left !important;
    text-decoration: none !important;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3) !important;
    -wekbit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    font-size: 1.3em !important;
    text-shadow: 1px 1px 1px #000000 !important;
    line-height: 40px !important;
    display: inline-block !important;
    height: 40px !important;
    width: 94% !important;
    opacity: 0.8 !important;
}

    .btnNotificacionesClass:hover {
        opacity: 1 !important;
    }

    .btnNotificacionesClass:focus {
        outline: none !important;
    }

@media (max-width: 758px),(max-height: 600px) {
    #divPublicacionesResponsive {
        width: 100%;
        height: auto;
    }

    #sidebar {
        width: 100%;
        background: white;
        padding: 25px 0;
        border: 1px solid #c3c3c3;
    }

    #sidebarpadre {
        width: 100%;
        background: white;
        padding: 25px 0;
        border: 1px solid #c3c3c3;
    }
}

#contScrollWhatsapp {
    position: relative;
    width: 100%;
    height: 525px;
}

#contMensajesWhats {
    position: static;
    width: 100%;
    height: 516px;
    overflow: hidden;
}

.imgArrowDown2 {
    background-image: url('../Images/Icons/arrow32.png') !important;
    background-repeat: no-repeat !important;
    background-position: center 0px;
    width: 100%;
    height: 24px;
    top: -10px;
    position: relative;
    margin-bottom: 10px;
}

#sidebarpadre img {
    margin: 0 auto 45px;
    display: block;
}

#sidebarpadre ul.info {
    cursor: pointer;
    padding: 0 5px 0 5px;
    list-style: none;
}

    #sidebarpadre ul.info strong {
        display: block;
        color: black;
        margin-bottom: 8px;
        font-weight: bold;
    }

    #sidebarpadre ul.info li {
        font-size: 14px;
        margin-bottom: 1px;
        position: relative;
        line-height: 18px;
        height: 65px;
        word-wrap: break-word;
        padding: 10px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
    }

        #sidebarpadre ul.info li:hover {
            border-left: 5px solid #0097ff;
            background-color: #f6f5f5;
            -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
            -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
            -o-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
            padding: 10px;
        }

    #sidebarpadre ul.info i {
        display: inline-block;
        position: absolute;
    }

    #sidebarpadre ul.info h2 {
        font-size: 10px;
        display: inline-block;
        position: absolute;
        bottom: 0px;
        right: 30px;
        color: gray;
    }

    #sidebarpadre ul.info i.icons-tick {
        bottom: 5px;
        right: 12px;
        width: 10px;
        height: 10px;
    }

    #sidebarpadre ul.info i.icons-tick2 {
        bottom: 5px;
        right: 5px;
        width: 10px;
        height: 10px;
    }

#sidebar img {
    margin: 0 auto 45px;
    display: block;
}

#sidebar ul.info {
    padding: 0 5px 0 5px;
    list-style: none;
}

    #sidebar ul.info strong {
        display: block;
        color: black;
        margin-bottom: 8px;
        font-weight: bold;
        margin-left: 10px;
    }

    #sidebar ul.info li {
        font-size: 14px;
        margin-bottom: 1px;
        position: relative;
        line-height: 18px;
        height: 65px;
        word-wrap: break-word;
        padding: 10px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
    }

    #sidebar ul.info i {
        display: inline-block;
        position: absolute;
    }

        #sidebar ul.info i.icons-phone {
            width: 12px;
            height: 16px;
            left: 3px;
        }

        #sidebar ul.info i.icons-address {
            width: 11px;
            height: 16px;
            left: 3px;
        }

        #sidebar ul.info i.icons-mail {
            width: 16px;
            height: 15px;
            left: 3px;
        }

    #sidebar ul.info h2 {
        font-size: 10px;
        display: inline-block;
        position: absolute;
        bottom: 0px;
        right: 30px;
        color: gray;
    }

#lbltituloMensajesWhats, #lbltituloDatosEscuela, #lbltituloChartAdeudo, #lbltituloChartDocumentos, #lbltituloChartAsistencia {
    padding: 10px 0px;
    margin: auto 10px;
    color: white;
    background-color: #0097FF;
    text-align: center;
    height: 16px;
    line-height: 16px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

#biSubirWhats {
    position: absolute;
    cursor: pointer;
    left: 45%;
    top: -20px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    -ms-border-radius: 32px;
    -o-border-radius: 32px;
    background-color: #3d4f5f;
    padding: 5px;
    opacity: 0.1;
    z-index: 1;
}

    #biSubirWhats:hover {
        opacity: 1;
    }

#biBajarWhats {
    position: absolute;
    cursor: pointer;
    left: 45%;
    bottom: -50px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    -ms-border-radius: 32px;
    -o-border-radius: 32px;
    background-color: #3d4f5f;
    padding: 5px;
    opacity: 0.1;
    z-index: 1;
}

    #biBajarWhats:hover {
        opacity: 1;
    }

.taSlideNoticiasClass {
    top: 0px !important;
    height: 100% !important;
    background-color: rgba(0,0,0,0.35) !important;
}

.isdemoH3 {
    height: 100px;
    font-size: 2.5em !important;
    color: white;
    text-shadow: -1px -1px 1px #333, 1px -1px 1px #333, -1px 1px 1px #333, 1px 1px 1px #333;
    margin: auto 10px;
    text-align: center;
    text-transform: uppercase;
}

.pisdemoP {
    width: calc(100% - 20px);
    height: 100px;
    font-size: 1.5em !important;
    text-shadow: -1px -1px 1px #333, 1px -1px 1px #333, -1px 1px 1px #333, 1px 1px 1px #333;
    color: white;
    text-align: center;
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 10px;
}

    .pisdemoP a {
        background-color: #0097FF;
        margin: 5px;
        padding: 5px;
        color: white;
        font-weight: bold;
        text-decoration: none;
        border-radius: 4px;
        transition: all .5s cubic-bezier(.08,1.08,.58,1.11) !important;
        transform: scale(1) !important;
    }

        .pisdemoP a:hover {
            padding: 10px;
        }

.grid {
    max-width: 1300px;
    margin: 0 auto;
    list-style: none;
    text-align: center;
    cursor: pointer;
}

    .grid li {
        display: inline-block;
        width: 290px;
        margin: 0;
        padding: 20px;
        text-align: left;
        position: relative;
    }

    .grid figure {
        margin: 0;
        position: relative;
    }

        .grid figure img {
            max-width: 100%;
            display: block;
            position: relative;
        }

    .grid figcaption {
        position: absolute;
        top: 0;
        left: 0;
        padding: 10px;
        background: rgba(0,0,0,0.7);
        color: #0097FF;
    }

        .grid figcaption h3 {
            margin: 0;
            padding: 0;
            color: #fff;
        }

        .grid figcaption a {
            text-align: center;
            padding: 5px 10px;
            border-radius: 2px;
            display: inline-block;
            background: #ed4e6e;
            color: #fff;
        }

.cs-style-4 li {
    -webkit-perspective: 1700px;
    -moz-perspective: 1700px;
    -ms-perspective: 1700px;
    perspective: 1700px;
    -webkit-perspective-origin: 0 50%;
    -moz-perspective-origin: 0 50%;
    -ms-perspective-origin: 0 50%;
    perspective-origin: 0 50%;
}

.cs-style-4 figure {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

    .cs-style-4 figure > div {
        overflow: hidden;
    }

    .cs-style-4 figure img {
        -webkit-transition: -webkit-transform 0.4s;
        -moz-transition: -moz-transform 0.4s;
        -ms-transition: -ms-transform 0.4s;
        transition: transform 0.4s;
    }

    .no-touch .cs-style-4 figure:hover img, .cs-style-4 figure.cs-hover img {
        -webkit-transform: translateX(200%);
        -moz-transform: translateX(200%);
        -ms-transform: translateX(200%);
        transform: translateX(200%);
    }

.cs-style-4 figcaption {
    height: auto;
    width: 100%;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    -ms-transition: -ms-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .cs-style-4 figure:hover figcaption, .cs-style-4 figure.cs-hover figcaption {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    -ms-transition: -ms-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
}

.cs-style-4 figcaption a {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

#cumpleanios {
    position: absolute;
    left: -20px;
    top: -20px;
    width: 200px;
    height: 200px;
    z-index: 3;
}

#cumpleanios2 {
    position: relative;
    width: 200px;
    height: 200px;
}

#contCumple {
    color: white;
    font-weight: bold;
    font-size: 72px;
    height: 425px;
    text-align: center;
    line-height: 415px;
}

@media (max-width: 768px),(max-height: 600px) {
    #contCumple {
        font-size: 48px;
    }
}

#biCerrarCumple, #biCerrarCarrito, #biCerrarOlvido, #biCerrarContrasena, #biCerrarFormasPago, #biCerrarBancos, #biCerrarFactura, #biCerrarEnvioFactura, #biCerrarEnvioEstudiante, #biCerrarEnvioMasivo, #biCerrarEnvioEstudiante2, #biCerrarImagenPublicacion, #biCerrarAyudaContenido, #biCerrarAyudaVistas, #biCerrarInfoRec, #biCerrarUsuarios, #biCerrarCatalogosAsp, #biCerrarCorreoAspirante, #biCerrarCelularAspirante, #biCerrarImpApps, #biCerrarComproPago, #biCerrarPeriodosPU, #biCerrarEmisores, #biCerrarConceptosCP, #biCerrarEnvioDocente, #biCerrarEnvioDocente2, #biCerrarPerfilAdmin, #biCerrarTiposIncidencias, #biCerrarFormIncidenciasMas, #biCerrarFormIncidenciasMasEst, #biCerrarVerPersonasAuto, #biCerrarFormConvertir, #biCerrarInfoTarea, #biCerrarComentarios, #biCerrarEscComentario, #biCerrarComentariosDoc, #biCerrarEscComentarioDoc, #biCerrarInfoHorarios, #biCerrarMensajesPortal, #biCerrarSTipoUsuario, #biCerrarRecordatorios, #biCerrarConfirmacion {
    position: absolute !important;
    cursor: pointer !important;
    top: 0px;
    right: 0px;
    background-color: white;
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
}

#biCerrarFormSeguimientos {
    position: absolute !important;
    cursor: pointer !important;
    top: 18px;
    right: 42px;
    background-color: white;
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
}

#biCerrarFormAdicionalInfo {
    position: absolute !important;
    cursor: pointer !important;
    right: 42px;
    background-color: white;
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
}

#biActualizarRecordatorios {
    position: absolute !important;
    cursor: pointer !important;
    top: 0px;
    right: 42px;
    background-color: white;
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
}

#biCerrarOpenPay, #biCerrarBanortePW {
    position: absolute !important;
    cursor: pointer !important;
    top: 0px;
    right: 0px;
    background-color: white;
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    z-index: 1;
}

.biCerrarFormEstudiantes {
    position: relative !important;
    cursor: pointer !important;
    background-color: white !important;
    float: right;
    border-radius: 18px !important;
    -moz-border-radius: 18px !important;
    -webkit-border-radius: 18px !important;
    -ms-border-radius: 18px !important;
    -o-border-radius: 18px !important;
    z-index: 1 !important;
}

.post {
    background: white;
    padding: 25px;
    margin-bottom: 25px;
    position: relative;
    border: 1px solid #c3c3c3;
}

.post2 {
    background: white;
    padding: 25px;
    margin-bottom: 25px;
    position: relative;
    height: 25px;
}

.pPublicacion2 {
    margin-bottom: 20px;
    color: #000000;
    font-size: 18px;
    overflow: hidden;
    display: block;
}

.post2 .pPublicacion2 p {
    font-size: 14px;
    color: #575757;
    line-height: 18px;
    text-align: center;
}

.post h2 {
    margin-bottom: 10px;
}

    .post h2 a {
        text-decoration: none;
    }

.classatitulopub {
    color: #42aee6;
    font-size: 18px;
}

.pPublicacion {
    height: 150px;
    margin-bottom: 20px;
    color: #000000;
    font-size: 18px;
    overflow: hidden;
    display: block;
}

.post .pPublicacion p {
    font-size: 14px;
    color: #575757;
    line-height: 18px;
    text-align: justify;
}

.post p {
    font-size: 14px;
    color: #575757;
    line-height: 18px;
    text-align: justify;
}

.post img {
    float: left;
    margin-right: 4%;
}

.post .author {
    color: #42aee6;
    font-size: 13px;
    margin-bottom: 17px;
    display: block;
}

    .post .author em {
        color: #ccc;
        font-size: 11px;
        display: block;
        margin-bottom: 3px;
    }

.post .date {
    font-size: 11px;
    color: #ccc;
    display: block;
    margin-top: 20px;
    position: absolute;
    left: 250px;
    bottom: 20px;
    text-transform: capitalize;
    height: 20px;
}

@media (max-width: 768px),(max-height: 600px) {
    .post .date {
        font-size: 11px;
        color: #ccc;
        position: absolute;
        top: 5px;
        text-transform: capitalize;
        display: inline-block;
        margin-top: 0px;
        left: 25px;
        height: 20px;
    }
}

.post .read-more {
    display: block;
    position: absolute;
    padding: 15px 25px;
    bottom: 0;
    right: 0;
    font-size: 14px;
    text-decoration: none;
    color: white;
    background: #232b32 url(../Images/Icons/down-arrow.png) no-repeat 10px center;
    background-position-x: 135px;
    background-position-y: 25px;
}

    .post .read-more:hover {
        color: white;
        background-color: #51697e;
    }

#lbltituloPublicaciones {
    padding: 10px 0px;
    margin-top: 10px;
    color: white;
    background-color: #0097FF;
    text-align: center;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

@keyframes bake-pie {
    from {
        transform: rotate(0deg) translate3d(0,0,0);
    }
}
/*CHART ASISTENCIA*/
#divContChartAsistencia {
    width: 100%;
    height: 75px;
    margin-bottom: 5px;
    position: relative;
}

.classChartsAsistencia {
    position: relative;
    display: inline-block;
    width: 46%;
    height: 64px;
    margin: 5px;
}

#imgAsistenciaEst {
    width: 155px;
    height: 48px;
    background-size: 48px 48px;
    position: relative;
    margin: 5px auto;
    text-align: right;
}

    #imgAsistenciaEst em {
        left: 52px;
        top: 5px;
        font-size: 0.8em;
        font-weight: bold;
        position: absolute;
    }

.ClassSiAsistencia {
    color: green !important;
    background-image: url(../Images/Icons/asistio48x48.png) !important;
    background-repeat: no-repeat !important;
}

.ClassNoAsistencia {
    color: orange !important;
    background-image: url(../Images/Icons/noasistio48x48.png) !important;
    background-repeat: no-repeat !important;
}

#imgEyraEst {
    width: 155px;
    height: 48px;
    background-size: 48px 48px;
    position: relative;
    margin: 5px auto;
    text-align: right;
}

    #imgEyraEst em {
        left: 52px;
        top: 5px;
        font-size: 0.8em;
        font-weight: bold;
        position: absolute;
    }

.ClassSiEyra {
    color: green !important;
    background-image: url(../Images/Icons/ledgreen48.png) !important;
    background-repeat: no-repeat !important;
}

.ClassNoEyra {
    color: orange !important;
    background-image: url(../Images/Icons/ledred48.png) !important;
    background-repeat: no-repeat !important;
}
/*FIN CHART ASISTENCIA*/
/*CHART DEUDA*/
#main {
    width: 215px;
    margin: 30px auto;
    cursor: pointer;
}

    #main img {
        margin: 10px !important;
        display: inline-block !important;
    }

    #main h2 {
        text-align: center;
        color: #0097FF;
        margin-top: -40px;
    }

#section-chart {
    margin-top: 30px;
}

#leyenda {
    width: 154px;
}

.pieID {
    display: inline-block;
    vertical-align: top;
}

.pie {
    height: 200px;
    width: 200px;
    position: relative;
    margin: 0 30px 30px 0;
}

    .pie::before {
        content: "";
        display: block;
        position: absolute;
        z-index: 1;
        width: 100px;
        height: 100px;
        background: white;
        border-radius: 50%;
        top: 50px;
        left: 50px;
    }

    .pie::after {
        content: "";
        display: block;
        width: 120px;
        height: 2px;
        background: rgba(0,0,0,0.1);
        border-radius: 50%;
        box-shadow: 0 0 3px 4px rgba(0,0,0,0.1);
        margin: 220px auto;
    }

.slice {
    position: absolute;
    width: 200px;
    height: 200px;
    clip: rect(0px, 200px, 200px, 100px);
    animation: bake-pie 1s;
}

    .slice span {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background-color: black;
        width: 200px;
        height: 200px;
        border-radius: 50%;
        clip: rect(0px, 200px, 200px, 100px);
    }

.legend {
    list-style-type: none;
    margin: 10px;
    background: #FFF;
    padding: 15px;
    font-size: 13px;
}

    .legend li {
        height: 1.25em;
        margin-bottom: 0.7em;
        padding-left: 0.5em;
        border-left: 1.25em solid black;
    }

    .legend em {
        font-style: normal;
    }

    .legend span {
        float: right;
    }
/*CHART DOCUMENTOS*/
#main2 {
    width: 215px;
    margin: 30px auto;
    cursor: pointer;
}

    #main2 img {
        margin: 10px !important;
        display: inline-block !important;
    }

    #main2 h2 {
        text-align: center;
        color: #0097FF;
        margin-top: -40px;
    }

#section-chart2 {
    margin-top: 30px;
}

#leyenda2 {
    width: 154px;
}

.pieID2 {
    display: inline-block;
    vertical-align: top;
}

.pie2 {
    height: 200px;
    width: 200px;
    position: relative;
    margin: 0 30px 30px 0;
}

    .pie2::before {
        content: "";
        display: block;
        position: absolute;
        z-index: 1;
        width: 100px;
        height: 100px;
        background: #FFF;
        border-radius: 50%;
        top: 50px;
        left: 50px;
        /*box-shadow: inset 0 0 10px grey;*/
        /*box-shadow: inset 0 0 3px 4px rgba(0,0,0,0.1);*/
    }

    .pie2::after {
        content: "";
        display: block;
        width: 120px;
        height: 2px;
        background: rgba(0,0,0,0.1);
        border-radius: 50%;
        box-shadow: 0 0 3px 4px rgba(0,0,0,0.1);
        margin: 220px auto;
    }

.legend2 {
    list-style-type: none;
    margin: 10px;
    background: #FFF;
    padding: 15px;
    font-size: 13px;
}

    .legend2 li {
        height: 1.25em;
        margin-bottom: 0.7em;
        padding-left: 0.5em;
        border-left: 1.25em solid black;
    }

    .legend2 em {
        font-style: normal;
    }

    .legend2 span {
        float: right;
    }
/*FIN VISTA RINICIO*/
/*VISTA RMISDATOS*/
#divMisDatos, #divDatosFacturacion, #divDatosDocumentos, #divDatosExpediente {
    position: relative;
    width: 100%;
    height: auto;
}

#lbltituloMisDatosPadre, #lbltituloMisDatosAlumno, #lbltituloDatosFacturacionAlumno, #lbltituloDatosDocumentosAlumno, #lbltituloMisDatosDocente, #lbltituloIncidenciasNew, #lbltituloDatosDocumentosDocente, #lbltituloMisDatosUsuario, #lbltituloIncidenciasEstudiante, #lbltituloPersonaAutorizada, #lbltituloIncidenciasDocMasivasNew, #lbltituloEstDocIncidenciasNew {
    padding: 10px 0px;
    margin-top: 10px;
    color: white;
    background-color: #0097FF;
    text-align: center;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

#btnGuardarPadre {
    padding: 0 15px;
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 40px;
    display: inline-block;
    width: 100px;
    float: right;
}

    #btnGuardarPadre:hover {
        background: #51697e;
    }

    #btnGuardarPadre:focus {
        outline: none;
    }

#divInfoBasicaPadres, #divInfoBasicaAlumnos, #divInfoBasicaDocentes {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

#divInfoBasicaUsuarios {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 10px;
}

#lblSexoEdadPadres, #lblSexoEdadAlumnos, #lblSexoEdadDocentes {
    position: absolute;
    left: 30px;
    background-color: white;
    padding: 5px;
    color: #BABABA;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    border-radius: 5px !important;
}

#divFotoPadres, #divFotoAlumnos, #divFotoDocentes {
    width: 200px;
    height: 200px;
    background-color: white;
    padding: 5px;
    -webkit-border-radius: 205px !important;
    -moz-border-radius: 205px !important;
    -ms-border-radius: 205px !important;
    -o-border-radius: 205px !important;
    border-radius: 205px !important;
}

#divFotoUsuarios, #divFotoPadresVer {
    width: 200px;
    height: 200px;
    background-color: white;
    padding: 5px;
    margin-left: 68px;
    -webkit-border-radius: 205px !important;
    -moz-border-radius: 205px !important;
    -ms-border-radius: 205px !important;
    -o-border-radius: 205px !important;
    border-radius: 205px !important;
}

#biFotoPadres, #biImagenFoto {
    -webkit-border-radius: 200px !important;
    -moz-border-radius: 200px !important;
    -ms-border-radius: 200px !important;
    -o-border-radius: 200px !important;
    border-radius: 200px !important;
}

#divInfoPadres, #divInfoAlumnos, #divInfoDocentes {
    width: 100%;
    margin-top: 35px;
    padding: 10px;
    background-color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border: 1px solid #c3c3c3;
    box-sizing: border-box;
}

#divInfoAlumnosFacturacion, #divInfoAlumnosDocumentos, #divInfoDocentesDocumentos {
    width: 100%;
    margin-top: 10px;
    padding: 10px;
    background-color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border: 1px solid #c3c3c3;
    box-sizing: border-box;
}

#btnAgregarImagenFoto {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0px;
    text-decoration: none;
    background-image: url(../images/Icons/addphoto32x32.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 15px;
}

#btnAgregarImagenFotoUs {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0px;
    left: 50px;
    text-decoration: none;
    background-image: url(../images/Icons/addphoto32x32.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 15px;
}

#btnEliminarImagenFoto {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0px;
    left: 190px;
    text-decoration: none;
    background-image: url(../images/Icons/deletephoto32x32.png);
    background-repeat: no-repeat;
    background-position: center;
}

#btnEliminarImagenFotoUs {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0px;
    left: 250px;
    text-decoration: none;
    background-image: url(../images/Icons/deletephoto32x32.png);
    background-repeat: no-repeat;
    background-position: center;
}

    #btnAgregarImagenFoto:focus, #btnEliminarImagenFoto:focus, #btnAgregarImagenFotoUs:focus, #btnEliminarImagenFotoUs:focus {
        outline: none;
    }

.ocultarPassClass {
    display: none;
}

#btnMostrarOcultarDatos, #btnMostrarOcultarFiltrosEC {
    background-color: white;
    background-image: url(../Images/Icons/plus.png);
    background-repeat: no-repeat;
    background-position: 2px center;
    background-size: 32px !important;
    color: #808080;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    width: 100px;
    height: 32px;
    text-align: left;
    padding-left: 45px;
    line-height: 32px;
}

.btnMostrarOcultarFiltrosEC, .btnMostrarOcultarDatos {
    background-color: white !important;
    background-image: url(../Images/Icons/plus.png) !important;
    background-repeat: no-repeat !important;
    background-position: 2px center !important;
    background-size: 32px !important;
    color: #808080 !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    width: 100px !important;
    height: 32px !important;
    text-align: left !important;
    padding-left: 45px !important;
    line-height: 32px !important;
}

#btnMostrarOcultarDatos:focus {
    outline: none;
}

.OcutarDatosClass {
    background-image: url(../Images/Icons/minus.png) !important;
    background-repeat: no-repeat !important;
    background-position: 2px center !important;
    background-size: 32px !important;
}

.datosAdicioPadresClass, .datosAdicioFacturacionClass, .datosAdicioDocentesClass, .datosAdicioCalificacionesClass {
    display: none;
}

#deFechaNacAlumno_DDD_C_BT, #deFechaNacAlumno_DDD_C_FNP_BO, #deFechaNacAlumno_DDD_C_FNP_BC {
    background: #3d4f5f !important;
    color: white !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    border: none !important;
}

    #deFechaNacAlumno_DDD_C_BT:hover, #deFechaNacAlumno_DDD_C_FNP_BO:hover, #deFechaNacAlumno_DDD_C_FNP_BC:hover {
        background: #51697e !important;
    }

    #deFechaNacAlumno_DDD_C_BT:focus, #deFechaNacAlumno_DDD_C_FNP_BO:focus, #deFechaNacAlumno_DDD_C_FNP_BC:focus {
        outline: none !important;
    }

#deFechaNacDocente_DDD_C_BT, #deFechaNacDocente_DDD_C_FNP_BO, #deFechaNacDocente_DDD_C_FNP_BC {
    background: #3d4f5f !important;
    color: white !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    border: none !important;
}

    #deFechaNacDocente_DDD_C_BT:hover, #deFechaNacDocente_DDD_C_FNP_BO:hover, #deFechaNacDocente_DDD_C_FNP_BC:hover {
        background: #51697e !important;
    }

    #deFechaNacDocente_DDD_C_BT:focus, #deFechaNacDocente_DDD_C_FNP_BO:focus, #deFechaNacDocente_DDD_C_FNP_BC:focus {
        outline: none !important;
    }

#deFechaNacPadre_DDD_C_BT, #deFechaNacPadre_DDD_C_FNP_BO, #deFechaNacPadre_DDD_C_FNP_BC {
    background: #3d4f5f !important;
    color: white !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    border: none !important;
}

    #deFechaNacPadre_DDD_C_BT:hover, #deFechaNacPadre_DDD_C_FNP_BO:hover, #deFechaNacPadre_DDD_C_FNP_BC:hover {
        background: #51697e !important;
    }

    #deFechaNacPadre_DDD_C_BT:focus, #deFechaNacPadre_DDD_C_FNP_BO:focus, #deFechaNacPadre_DDD_C_FNP_BC:focus {
        outline: none !important;
    }

.lblsinvalidar {
    display: none !important;
}

.validandolbl {
    position: relative !important;
    top: 20px !important;
    background: deepskyblue url(../Images/Icons/validando.gif) no-repeat 2px center !important;
    background-size: 32px !important;
    text-align: center !important;
    line-height: 40px !important;
    -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3) !important;
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3) !important;
    -o-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3) !important;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3) !important;
    -wekbit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    border-radius: 5px !important;
    color: white !important;
    font-weight: bold !important;
}

.validandoexitolbl {
    position: relative !important;
    top: 20px !important;
    background-color: yellowgreen !important;
    text-align: center !important;
    line-height: 40px !important;
    -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3) !important;
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3) !important;
    -o-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3) !important;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3) !important;
    -wekbit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    border-radius: 5px !important;
    color: white !important;
    font-weight:bold !important;
}

.validandoerrorlbl {
    position: relative !important;
    top: 20px !important;
    background-color: orange !important;
    text-align: center !important;
    line-height: 40px !important;
    -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3) !important;
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3) !important;
    -o-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3) !important;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3) !important;
    -wekbit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    border-radius: 5px !important;
    color: white !important;
    font-weight: normal !important;
}
.validandoalumnolbl {
    position: relative !important;
    top: 20px !important;
    background: deepskyblue url(../Images/Icons/load_alumno.gif) no-repeat 2px center !important;
    background-size: 32px !important;
    text-align: center !important;
    line-height: 40px !important;
    -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3) !important;
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3) !important;
    -o-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3) !important;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3) !important;
    -wekbit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    border-radius: 5px !important;
    color: white !important;
    font-weight: normal !important;
}

.validandoalumnoexitolbl {
    position: relative !important;
    top: 20px !important;
    background: green url(../Images/Icons/Apply_32x32.png) no-repeat 2px center !important;
    background-size: 32px !important;
    text-align: center !important;
    line-height: 40px !important;
    -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3) !important;
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3) !important;
    -o-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3) !important;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3) !important;
    -wekbit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    border-radius: 5px !important;
    color: white !important;
    font-weight: normal !important;
}

.validandoalumnoerrorlbl {
    position: relative !important;
    top: 20px !important;
    background: orange url(../Images/Icons/warning_32x32.png) no-repeat 2px center !important;
    background-size: 32px !important;
    text-align: center !important;
    line-height: 40px !important;
    -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3) !important;
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3) !important;
    -o-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3) !important;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3) !important;
    -wekbit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    border-radius: 5px !important;
    color: white !important;
    font-weight: normal !important;
}
#btnGuardarTutor {
    padding: 0 15px !important;
    background: #3d4f5f !important;
    color: white !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    line-height: 40px !important;
    height: 40px !important;
    display: inline-block !important;
    width: 100px;
    float: right;
}

    #btnGuardarTutor:hover {
        background: #51697e !important;
    }

    #btnGuardarTutor:focus {
        outline: none !important;
    }

#btnHorarioDocente {
    padding: 0 15px;
    background-color: white;
    background-image: url('../Images/Icons/HorariosEscolares_64x64.png');
    background-repeat: no-repeat;
    background-position-x: center;
    color: black;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    height: 90px;
    line-height: 140px;
    width: 50px;
    display: inline-block;
    float: left;
}

    #btnHorarioDocente:hover {
        color: white;
        background-color: #0097FF;
    }

    #btnHorarioDocente:focus {
        outline: none;
    }
/*FIN VISTA RMISDATOS*/
/*VISTA RESTUDIANTES*/
#divEstudiantes {
    position: relative;
    width: 100%;
    height: auto;
}

#divContenedoresEstudiantes {
    width: 100%;
    margin-top: 10px;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    box-sizing: border-box;
}

.divFormularioEstudiantes, .divHistorialEstudiantes, .divContIncidenciasEstudiante {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    background-color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border: 1px solid #c3c3c3;
    display: none;
    box-sizing: border-box;
}

.divEdoCuentaEstudiantes {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    display: none;
    box-sizing: border-box;
}

#divScrollFotosEstudiantes {
    position: absolute;
    width: 200px;
    height: 600px;
    top: 85px;
}

#btnHideShowEstudiantes {
    position: relative !important;
    background-color: #3d4f5f !important;
    background-image: url('../Images/Icons/hide.png') !important;
    background-position: center;
    background-repeat: no-repeat !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    color: transparent !important;
    height: 32px !important;
    width: 32px !important;
    margin-left: 148px;
}

    #btnHideShowEstudiantes:hover {
        background-color: #51697e;
    }

    #btnHideShowEstudiantes:focus {
        outline: none !important;
    }

#biSubirAlumnos {
    position: absolute;
    cursor: pointer;
    left: 40%;
    top: 1px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    -ms-border-radius: 32px;
    -o-border-radius: 32px;
    border-radius: 32px;
    background-color: #3d4f5f;
    padding: 5px;
    opacity: 0.2;
}

    #biSubirAlumnos:hover {
        opacity: 1;
    }

#biBajarAlumnos {
    position: absolute;
    cursor: pointer;
    left: 40%;
    bottom: 1px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    -ms-border-radius: 32px;
    -o-border-radius: 32px;
    background-color: #3d4f5f;
    padding: 5px;
    opacity: 0.2;
}

    #biBajarAlumnos:hover {
        opacity: 1;
    }

.biAlumnoPadreClass {
    position: relative;
    width: 94%;
    height: 200px;
    background-color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border-top-left-radius: 175px;
    border-bottom-left-radius: 175px;
    border: 1px solid #c3c3c3;
    padding: 10px;
    margin-bottom: 5px;
}

    .biAlumnoPadreClass:hover {
        background-color: #0097ff;
    }

.biAlumnoPadreColorClass {
    background-color: #0097ff;
}

.statusOnClass {
    position: absolute;
    background: url(../Images/Icons/ledgreen48.png);
    background-size: 32px 32px;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    -ms-border-radius: 32px;
    -o-border-radius: 32px;
    border-radius: 32px;
    right: 10px;
}

.statusOffClass {
    position: absolute;
    background: url(../Images/Icons/ledred48.png);
    background-size: 32px 32px;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    -ms-border-radius: 32px;
    -o-border-radius: 32px;
    border-radius: 32px;
    right: 10px;
}

.statusAsistOnClass {
    position: absolute;
    background: url(../Images/Icons/asistio48x48.png);
    background-size: 32px 32px;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    -ms-border-radius: 32px;
    -o-border-radius: 32px;
    border-radius: 32px;
    top: 95px;
    right: 10px;
    cursor: pointer;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.statusAsistOffClass {
    position: absolute;
    background: url(../Images/Icons/noasistio48x48.png);
    background-size: 32px 32px;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    -ms-border-radius: 32px;
    -o-border-radius: 32px;
    border-radius: 32px;
    top: 95px;
    right: 10px;
    cursor: pointer;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.statusOnClass span, .statusOffClass span {
    position: absolute;
    left: -135px;
    top: 5px;
    font-size: 1;
    color: #FF9D00;
    font-weight: 500;
}

#divMasInfo {
    width: 32px;
    height: 32px;
    background-image: url('../Images/Icons/plus.png') !important;
    background-repeat: no-repeat !important;
    background-size: 32px !important;
    color: transparent;
    display: inline-block;
    vertical-align: middle;
}

.btnFotoAlumnoClass {
    position: absolute !important;
    left: 155px !important;
    top: 5px !important;
    background-color: transparent !important;
    background-image: url('../Images/Icons/addphoto32x32.png') !important;
    background-repeat: no-repeat !important;
    background-size: 32px !important;
    text-decoration: none !important;
    color: black !important;
    height: 32px !important;
    width: 32px !important;
    z-index: 1 !important;
}

    .btnFotoAlumnoClass:focus {
        outline: none !important;
    }

.btnFotoAlumnoDelClass {
    position: absolute !important;
    left: 155px !important;
    top: 185px !important;
    background-color: transparent !important;
    background-image: url('../Images/Icons/Cancel_32x32.png') !important;
    background-repeat: no-repeat !important;
    background-size: 32px !important;
    text-decoration: none !important;
    color: black !important;
    height: 32px !important;
    width: 32px !important;
    z-index: 1 !important;
}

    .btnFotoAlumnoDelClass:focus {
        outline: none !important;
    }

.btnVerMasAlumno {
    position: absolute !important;
    right: 10px !important;
    top: 180px !important;
    background-color: transparent !important;
    background-image: url('../Images/Icons/plus.png') !important;
    background-repeat: no-repeat !important;
    background-size: 32px !important;
    text-decoration: none !important;
    color: black !important;
    height: 32px !important;
    width: 32px !important;
    z-index: 1 !important;
}

    .btnVerMasAlumno:focus {
        outline: none !important;
    }

.divAlumnosFotoClass {
    position: relative;
    width: 180px;
    height: 180px;
    -webkit-border-radius: 180px;
    -moz-border-radius: 180px;
    -ms-border-radius: 180px;
    -o-border-radius: 180px;
    border-radius: 180px;
    background-color: white;
    border: 1px solid #c3c3c3;
    margin-top: 10px;
}

.biAlumnoPadreControlClass {
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    -ms-border-radius: 150px;
    -o-border-radius: 150px;
    border-radius: 150px;
    cursor: pointer;
}

#divPrincipalEstudiantes {
    width: 94%;
    margin-top: 35px;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

#lbltituloInfoEstudiantes, #lbltituloHistorialEstudiantes, #lbltituloEdoCuentaEstudiantes {
    padding: 10px 0px;
    margin-top: 10px;
    color: white;
    background-color: #0097FF;
    text-align: center;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    width: 100% !important;
}

.lbltituloInfoEstudiantes {
    padding: 10px 0px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    color: white !important;
    background-color: #0097FF !important;
    text-align: center !important;
    height: 32px !important;
    line-height: 32px !important;
    border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
}

#divFormularioEstudiantes {
    background-color: white;
    padding: 10px;
    border: 1px solid #c3c3c3;
    height: auto;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

#divHistorialEstudiantes {
    background-color: white;
    padding: 10px;
    overflow: hidden;
    border: 1px solid #c3c3c3;
    height: auto;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

#divEdoCuentaEstudiantes {
    padding: 10px;
    height: auto;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

#btnGuardarAlumno, #btnGuardarDocente, #btnGuardarUsuario, #btnBuscarGenerales, #btnGuardarIncidenciasMasivas {
    padding: 0 15px;
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 40px;
    display: inline-block;
    width: 100px;
    float: right;
}

.btnGuardarAlumno {
    padding: 0 15px !important;
    background: #3d4f5f !important;
    color: white !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    line-height: 40px !important;
    height: 40px !important;
    display: inline-block !important;
    width: 100px !important;
    float: right !important;
}

    .btnGuardarAlumno.hover {
        background: #51697e;
    }

    .btnGuardarAlumno:focus {
        outline: none;
    }

#btnGuardarAlumno:hover, #btnGuardarDocente:hover, #btnGuardarUsuario:hover, #btnBuscarGenerales:hover, #btnGuardarIncidenciasMasivas:hover {
    background: #51697e;
}

#btnGuardarAlumno:focus, #btnGuardarDocente:focus, #btnGuardarUsuario:focus, #btnBuscarGenerales:focus, #btnGuardarIncidenciasMasivas:focus {
    outline: none;
}

#btnSubirArchivoIncide {
    padding: 0 15px;
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 40px;
    display: inline-block;
    width: 100px;
    float: left;
}

    #btnSubirArchivoIncide:hover {
        background: #51697e;
    }

    #btnSubirArchivoIncide:focus {
        outline: none;
    }

#btnEliminarArchivoIncide {
    padding: 0 15px;
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 40px;
    display: inline-block;
    width: 100px;
    margin-left: 5px;
    float: left;
}

    #btnEliminarArchivoIncide:hover {
        background: #51697e;
    }

    #btnEliminarArchivoIncide:focus {
        outline: none;
    }

#btnFichaMedEstudiante {
    position: relative;
    padding: 0 15px;
    background-color: white;
    background-image: url('../Images/Icons/FichaMedica_64x64.png');
    background-repeat: no-repeat;
    background-position-x: center;
    color: black;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    height: 90px;
    line-height: 140px;
    text-align: center;
    width: 85px;
    display: inline-block;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
}

    #btnFichaMedEstudiante:hover {
        color: white;
        background-color: #0097FF;
    }

    #btnFichaMedEstudiante:focus {
        outline: none;
    }

#btnIncidenciasEstudiante {
    position: relative;
    padding: 0 15px;
    background-color: white;
    background-image: url('../Images/Icons/Incidencias_64x64.png');
    background-repeat: no-repeat;
    background-position-x: center;
    color: black;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    height: 90px;
    line-height: 140px;
    text-align: center;
    width: 85px;
    display: inline-block;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
}

    #btnIncidenciasEstudiante:hover {
        color: white;
        background-color: #0097FF;
    }

    #btnIncidenciasEstudiante:focus {
        outline: none;
    }

.headerConceptos {
    border-bottom: 1px solid #e8e8e8;
    height: 40px;
    width: 100%;
}

.btnConceptos {
    position: relative !important;
    padding: 0 15px !important;
    background: white !important;
    color: black !important;
    font-size: 12px !important;
    text-decoration: none !important;
    -webkit-border-top-right-radius: 15px !important;
    -moz-border-top-right-radiuss: 15px !important;
    -ms-border-top-right-radius: 15px !important;
    -o-border-top-right-radius: 15px !important;
    border-top-right-radius: 15px !important;
    border-top-right-radius: 15px !important;
    line-height: 40px !important;
    height: 40px !important;
    width: 100px !important;
    display: block !important;
    float: left !important;
    z-index: 3 !important;
}

    .btnConceptos:hover {
        background: #0097FF !important;
        color: white !important;
    }

    .btnConceptos:focus {
        color: white !important;
        outline: none !important;
    }

.btnPagos {
    position: relative !important;
    padding: 0 15px !important;
    padding: 0 15px !important;
    background: white !important;
    color: black !important;
    font-size: 12px !important;
    text-decoration: none !important;
    -webkit-border-top-right-radius: 15px !important;
    -moz-border-top-right-radiuss: 15px !important;
    -ms-border-top-right-radius: 15px !important;
    -o-border-top-right-radius: 15px !important;
    border-top-right-radius: 15px !important;
    line-height: 40px !important;
    height: 40px !important;
    width: 125px !important;
    display: block !important;
    float: left !important;
    margin-left: -15px !important;
    z-index: 2 !important;
}

    .btnPagos:hover {
        background: #0097FF !important;
        color: white !important;
    }

    .btnPagos:focus {
        color: white !important;
        outline: none !important;
    }

.contenidoConceptos {
    margin-top: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
    /*border:1px solid black;*/
    width: 100%;
}

.cart-container {
    float: left;
    width: 700px;
}

    .cart-container .cart {
        background: #3d4f5f;
        width: 100%;
        margin-top: 25px;
        color: white;
        text-transform: uppercase;
        font-weight: 600;
        position: relative;
        padding: 10px 20px 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-border-radius: 0 4px 4px 4px;
        -moz-border-radius: 0 4px 4px 4px;
        -ms-border-radius: 0 4px 4px 4px;
        -o-border-radius: 0 4px 4px 4px;
        border-radius: 0 4px 4px 4px;
    }

        .cart-container .cart h4 {
            position: absolute;
            top: -30px;
            left: 0;
            background: #3d4f5f;
            height: 30px;
            display: inline-block;
            padding: 0 20px;
            line-height: 35px;
            font-size: 12px;
            -webkit-border-radius: 4px 4px 0 0;
            -moz-border-radius: 4px 4px 0 0;
            -ms-border-radius: 4px 4px 0 0;
            -o-border-radius: 4px 4px 0 0;
            border-radius: 4px 4px 0 0;
        }

        .cart-container .cart i.icons-shopping-cartlg {
            width: 26px;
            height: 26px;
            display: inline-block;
            position: relative;
            top: 5px;
            margin-right: 10px;
        }

        .cart-container .cart i.icons-shopping-caret {
            width: 6px;
            height: 5px;
            display: block;
            position: absolute;
            top: 50%;
            right: 15px;
            cursor: pointer;
        }

        .cart-container .cart p {
            font-size: 14px;
            margin-right: 15px;
        }

        .cart-container .cart em {
            color: #fff600;
            margin-left: 5px;
        }

        .cart-container .cart p {
            display: inline-block;
        }

    .cart-container .cart-details {
        background: white;
        width: 100%;
        margin-top: 20px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 15px;
        border: 1px solid #42aee6;
        position: relative;
        overflow: auto;
    }

@media (max-width: 768px),(max-height: 600px) {
    .cart-container {
        float: left;
        width: 310px;
    }

        .cart-container .cart-details {
            background: white;
            width: 100%;
            margin-top: 20px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: 15px;
            border: 1px solid #42aee6;
            position: relative;
            overflow: auto;
        }
}

.cart-container .cart-details:before {
    content: "";
    position: absolute;
    width: 17px;
    height: 10px;
    top: -10px;
    right: 10px;
}

.cart-container .cart-details2 {
    background: white;
    width: 100%;
    margin-top: 70px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
    border: 1px solid #42aee6;
    position: relative;
    display: none;
}

    .cart-container .cart-details2:before {
        content: "";
        position: absolute;
        width: 17px;
        height: 10px;
        top: -10px;
        left: 5px;
    }

#btnPagarCarrito {
    float: right;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 40px;
    width: 100px;
    margin-top: 10px;
    background: #3d4f5f url(../Images/Icons/cart-btn.png) no-repeat 10px center;
    padding-left: 37px;
}

    #btnPagarCarrito:hover {
        background: #51697e url(../Images/Icons/cart-btn.png) no-repeat 10px center;
    }

    #btnPagarCarrito:focus {
        outline: none;
    }

#divContEstudiantes {
    width: 94%;
    margin-top: 35px;
    padding: 10px;
    background-color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border: 1px solid #c3c3c3;
}

#divGridEstudiantes {
    position: relative;
    overflow-x: auto;
}

#divContIncidenciasMasivas {
    position: relative;
    margin-top: 20px;
}

#divFuncionesEstudiantes {
    position: relative;
    margin-bottom: 10px;
}

#btnEnviarEmailMasivo {
    padding: 0 15px;
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 40px;
    display: inline-block;
    width: 100px;
    float: right;
}

    #btnEnviarEmailMasivo:hover {
        background: #51697e;
    }

    #btnEnviarEmailMasivo:focus {
        outline: none;
    }

#divContInfoEstudiante {
    width: 94%;
    margin-top: 35px;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

#txtCelularAlumno_I {
    display: block;
}

#txtTelefonosAlumno_I {
    display: block;
}

#txtCorreoAlumno_I {
    display: block;
}

#memoDomicilioAlumno_I {
    display: block;
}

#divContFactEstudiante {
    width: 94%;
    margin-top: 35px;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

#divContHistorialEstudiante {
    width: 94%;
    margin-top: 35px;
    padding: 10px;
    background-color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border: 1px solid #c3c3c3;
}

#divContIncidenciasEstudiante {
    width: 94%;
    margin-top: 35px;
    padding: 10px;
    background-color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border: 1px solid #c3c3c3;
}

#divContInfoDesplegar {
    display: none;
}

#divEstudiantesEmailMasivo {
    background-color: white !important;
    width: 700px !important;
    height: auto !important;
    text-align: center !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -ms-border-radius: 8px !important;
    -o-border-radius: 8px !important;
    border-radius: 8px !important;
    padding: 10px !important;
}

#lbltituloEstudiantesEmailMasivo {
    padding: 0 0 0px 0;
    margin: 15px auto;
    color: #808080;
    border-bottom: solid 1px #D1D1D1;
}

#btnEnviarEmailMasivoInterno {
    position: relative;
    padding: 0 15px;
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 40px;
    margin: 10px;
}

    #btnEnviarEmailMasivoInterno:hover {
        background: #51697e;
    }

    #btnEnviarEmailMasivoInterno:focus {
        outline: none;
    }

#btnRegresarEmailMasivo {
    position: relative;
    padding: 0 15px;
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 40px;
    display: inline-block;
    width: 100px;
    float: right;
}

    #btnRegresarEmailMasivo:hover {
        background: #51697e;
    }

    #btnRegresarEmailMasivo:focus {
        outline: none;
    }

#btnCerrarEmailMasivo {
    position: relative;
    padding: 0 15px;
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 40px;
    margin: 10px;
}

    #btnCerrarEmailMasivo:hover {
        background: #51697e;
    }

    #btnCerrarEmailMasivo:focus {
        outline: none;
    }

#btnCatTipoIncidencias {
    position: relative;
    padding: 0 5px;
    background-color: white;
    background-image: url('../Images/Icons/tiposincidencia.png');
    background-repeat: no-repeat;
    background-position: center 5px;
    background-size: 32px;
    color: black;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    height: 64px;
    line-height: 100px;
    text-align: center;
    width: 120px;
    display: inline-block;
}

    #btnCatTipoIncidencias:hover {
        color: white;
        background-color: #0097FF;
    }

    #btnCatTipoIncidencias:focus {
        outline: none;
    }

#btnAgregarIncidenciaMas {
    position: relative;
    padding: 0 5px;
    background-color: white;
    background-image: url('../Images/Icons/AddItem_32x32.png');
    background-repeat: no-repeat;
    background-position: center 5px;
    background-size: 32px;
    color: black;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    height: 64px;
    line-height: 100px;
    text-align: center;
    width: 130px;
    display: inline-block;
}

    #btnAgregarIncidenciaMas:hover {
        color: white;
        background-color: #0097FF;
    }

    #btnAgregarIncidenciaMas:focus {
        outline: none;
    }

#btnAprobarIncidencias {
    position: relative;
    padding: 0 5px;
    background-color: white;
    background-image: url('../Images/Icons/Apply_32x32.png');
    background-repeat: no-repeat;
    background-position: center 5px;
    background-size: 32px;
    color: black;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    height: 64px;
    line-height: 100px;
    text-align: center;
    width: 130px;
    display: inline-block;
}

    #btnAprobarIncidencias:hover {
        color: white;
        background-color: #0097FF;
    }

    #btnAprobarIncidencias:focus {
        outline: none;
    }

#btnEliminarIncidenciasMas {
    position: relative;
    padding: 0 5px;
    background-color: white;
    background-image: url('../Images/Icons/RemoveItem_32x32.png');
    background-repeat: no-repeat;
    background-position: center 5px;
    background-size: 32px;
    color: black;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    height: 64px;
    line-height: 100px;
    text-align: center;
    width: 130px;
    display: inline-block;
}

    #btnEliminarIncidenciasMas:hover {
        color: white;
        background-color: #0097FF;
    }

    #btnEliminarIncidenciasMas:focus {
        outline: none;
    }

#btnAgregarDocumentos {
    position: relative;
    padding: 0 5px;
    background-color: white;
    background-image: url('../Images/Icons/agregardocumentos.png');
    background-repeat: no-repeat;
    background-position: center 5px;
    background-size: 32px;
    color: black;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    height: 64px;
    line-height: 100px;
    text-align: center;
    width: 130px;
    display: inline-block;
}

    #btnAgregarDocumentos:hover {
        color: white;
        background-color: #0097FF;
    }

    #btnAgregarDocumentos:focus {
        outline: none;
    }

#btnVisualizarDocumentos, #btnVisualizarDocumentosEst {
    position: relative;
    padding: 0 5px;
    background-color: white;
    background-image: url('../Images/Icons/verdocumentos.png');
    background-repeat: no-repeat;
    background-position: center 5px;
    background-size: 32px;
    color: black;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    height: 64px;
    line-height: 100px;
    text-align: center;
    width: 120px;
    display: inline-block;
}

    #btnVisualizarDocumentos:hover, #btnVisualizarDocumentosEst:hover {
        color: white;
        background-color: #0097FF;
    }

    #btnVisualizarDocumentos:focus, #btnVisualizarDocumentosEst:focus {
        outline: none;
    }

.btnVisualizarDocumentos {
    position: relative !important;
    padding: 0 5px !important;
    background-color: white !important;
    background-image: url('../Images/Icons/verdocumentos.png') !important;
    background-repeat: no-repeat !important;
    background-position: center 5px !important;
    background-size: 32px !important;
    color: black !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    height: 64px !important;
    line-height: 100px !important;
    text-align: center !important;
    width: 120px !important;
    display: inline-block !important;
}

    .btnVisualizarDocumentos:hover {
        color: white !important;
        background-color: #0097FF !important;
    }

    .btnVisualizarDocumentos:focus {
        outline: none !important;
    }

#btnLeerMasIncidencia {
    position: relative;
    padding: 0 5px;
    background-color: white;
    background-image: url('../Images/Icons/leermas64x64.png');
    background-repeat: no-repeat;
    background-position: center 5px;
    background-size: 32px;
    color: black;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    height: 64px;
    line-height: 100px;
    text-align: center;
    width: 120px;
    display: inline-block;
}

    #btnLeerMasIncidencia:hover {
        color: white;
        background-color: #0097FF;
    }

    #btnLeerMasIncidencia:focus {
        outline: none;
    }

.btnLeerMasIncidencia {
    position: relative !important;
    padding: 0 5px !important;
    background-color: white !important;
    background-image: url('../Images/Icons/leermas64x64.png') !important;
    background-repeat: no-repeat !important;
    background-position: center 5px !important;
    background-size: 32px !important;
    color: black !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    height: 64px !important;
    line-height: 100px !important;
    text-align: center !important;
    width: 120px !important;
    display: inline-block !important;
}

    .btnLeerMasIncidencia:hover {
        color: white !important;
        background-color: #0097FF !important;
    }

    .btnLeerMasIncidencia:focus {
        outline: none !important;
    }

#divEstudiantes #gvEstudiantes .dxgvCSD {
    height: auto !important;
}

#chkEnviarSMSIncidencias, #chkEnviarEmailIncidencias, #chkEnviarSMSIncEst, #chkEnviarEmailIncEst {
    display: inline-block;
    padding: 5px;
}

@media (max-width: 768px),(max-height: 600px) {
    #divEstudiantesEmailMasivo {
        background-color: white !important;
        width: 350px !important;
        height: auto !important;
        text-align: center !important;
        -webkit-border-radius: 8px !important;
        -moz-border-radius: 8px !important;
        -ms-border-radius: 8px !important;
        -o-border-radius: 8px !important;
        border-radius: 8px !important;
        padding: 10px !important;
        overflow-x: auto !important;
    }
}
/*FIN VISTA RESTUDIANTES*/
#divFrameAulaVirtual, #divFrameInicioAdmin {
    width: 100% !important;
    height: 1100px !important;
    background-color: transparent !important;
}
/*VISTA LOGIN*/
#RightPanelLogin {
    background-color: transparent;
    width: 387px;
    height: 100%;
    border: none;
}

#BottomPanelLogin_EB {
    background-color: transparent;
    border: none;
}

#BottomPanelLogin {
    background-color: transparent;
    border: none;
}

#TopPanelLogin_EB {
    background-color: transparent;
    border: none;
}

#TopPanelLogin {
    background-color: transparent;
    border: none;
}

.titleLoginClass {
    position: relative;
    font-size: 2.2em;
    color: white;
    background-color: #0097ff;
    text-align: center;
    width: 390px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
}

.titleExpandedLoginClass {
    position: relative;
    font-size: 1.5em;
    color: white;
    background-color: #0097ff;
    text-align: center;
    width: 390px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
}

#isBackground {
    position: absolute;
    top: 0px;
    left: 0px;
}

#divSignInOculto {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    min-height: 270px;
}

#divSingIn {
    position: absolute;
    top: 12px;
    left: 12px;
    width: 367px;
    height: 90%;
    padding: 10px;
    z-index: 1;
}

#menuLoginTop {
    top: 0px;
    right: 130px;
    background-color: white;
    height: 32px;
    position: absolute;
}

#divFooterExpanded {
    position: absolute;
    width: 85%;
    height: 40px;
    top: 32px;
    left: 0px;
}

#divLogIn {
    margin-top: 10px;
    width: 100%;
    /*background-color:gray;*/
}

#btnSelecEstudiante {
    font-size: 12px;
    text-decoration: none;
    width: 80px;
    height: 80px;
    line-height: 110px;
    color: #0097ff;
    margin-left: 5px;
    margin-top: 10px;
    background: url('../Images/Icons/book.png') no-repeat center 15px;
}

    #btnSelecEstudiante:hover {
        color: white !important;
        -webkit-border-radius: 80px !important;
        -moz-border-radius: 80px !important;
        -ms-border-radius: 80px !important;
        -o-border-radius: 80px !important;
        border-radius: 80px !important;
        background: #ff9b1a url('../Images/Icons/book_hover.png') no-repeat center 15px !important;
    }

.btnSelecEstudianteClass {
    color: white !important;
    -webkit-border-radius: 80px !important;
    -moz-border-radius: 80px !important;
    -ms-border-radius: 80px !important;
    -o-border-radius: 80px !important;
    border-radius: 80px !important;
    background: #ff9b1a url('../Images/Icons/book_hover.png') no-repeat center 15px !important;
}

#btnSelecDocente {
    font-size: 12px;
    text-decoration: none;
    width: 80px;
    height: 80px;
    line-height: 110px;
    color: #0097ff;
    margin-left: 10px;
    background: url('../Images/Icons/card.png') no-repeat center 15px;
}

    #btnSelecDocente:hover {
        color: white !important;
        -webkit-border-radius: 80px !important;
        -moz-border-radius: 80px !important;
        -ms-border-radius: 80px !important;
        -o-border-radius: 80px !important;
        border-radius: 80px !important;
        background: #ff9b1a url('../Images/Icons/card_hover.png') no-repeat center 15px !important;
    }

.btnSelecDocenteClass {
    color: white !important;
    -webkit-border-radius: 80px !important;
    -moz-border-radius: 80px !important;
    -ms-border-radius: 80px !important;
    -o-border-radius: 80px !important;
    border-radius: 80px !important;
    background: #ff9b1a url('../Images/Icons/card_hover.png') no-repeat center 15px !important;
}

#btnSelecPadre {
    font-size: 12px;
    text-decoration: none;
    width: 80px;
    height: 80px;
    line-height: 110px;
    color: #0097ff;
    margin-left: 10px;
    background: url('../Images/Icons/parent.png') no-repeat center 15px;
}

    #btnSelecPadre:hover {
        color: white !important;
        -webkit-border-radius: 80px !important;
        -moz-border-radius: 80px !important;
        -ms-border-radius: 80px !important;
        -o-border-radius: 80px !important;
        border-radius: 80px !important;
        background: #ff9b1a url('../Images/Icons/parent_hover.png') no-repeat center 15px !important;
    }

.btnSelecPadreClass {
    color: white !important;
    -webkit-border-radius: 80px !important;
    -moz-border-radius: 80px !important;
    -ms-border-radius: 80px !important;
    -o-border-radius: 80px !important;
    border-radius: 80px !important;
    background: #ff9b1a url('../Images/Icons/parent_hover.png') no-repeat center 15px !important;
}

#btnSelecAdministrador {
    font-size: 12px;
    text-decoration: none;
    width: 80px;
    height: 80px;
    line-height: 110px;
    color: #0097ff;
    margin-left: 10px;
    background: url('../Images/Icons/admin.png') no-repeat center 15px;
}

    #btnSelecAdministrador:hover {
        color: white !important;
        -webkit-border-radius: 80px !important;
        -moz-border-radius: 80px !important;
        -ms-border-radius: 80px !important;
        -o-border-radius: 80px !important;
        border-radius: 80px !important;
        background: #ff9b1a url('../Images/Icons/admin_hover.png') no-repeat center 15px !important;
    }

.btnSelecAdministradorClass {
    color: white !important;
    -webkit-border-radius: 80px !important;
    -moz-border-radius: 80px !important;
    -ms-border-radius: 80px !important;
    -o-border-radius: 80px !important;
    border-radius: 80px !important;
    background: #ff9b1a url('../Images/Icons/admin_hover.png') no-repeat center 15px !important;
}

@media (max-height: 660px) {
    #btnSelecEstudiante {
        position: absolute;
        margin: 0px;
        top: 50px;
        font-size: 10px;
        width: 45px;
        height: 45px;
        line-height: 100px;
        background: url('../Images/Icons/book.png') no-repeat center center;
        background-size: 16px 16px;
    }

        #btnSelecEstudiante:hover {
            color: #0097ff !important;
            -webkit-border-radius: 80px !important;
            -moz-border-radius: 80px !important;
            -ms-border-radius: 80px !important;
            -o-border-radius: 80px !important;
            border-radius: 80px !important;
            background: #ff9b1a url('../Images/Icons/book_hover.png') no-repeat center center !important;
            background-size: 16px 16px !important;
        }

    .btnSelecEstudianteClass {
        color: #0097ff !important;
        -webkit-border-radius: 80px !important;
        -moz-border-radius: 80px !important;
        -ms-border-radius: 80px !important;
        -o-border-radius: 80px !important;
        border-radius: 80px !important;
        background: #ff9b1a url('../Images/Icons/book_hover.png') no-repeat center center !important;
        background-size: 16px 16px !important;
    }

    #btnSelecDocente {
        position: absolute;
        margin: 0px;
        top: 50px;
        left: 75px;
        font-size: 10px;
        width: 45px;
        height: 45px;
        line-height: 100px;
        background: url('../Images/Icons/card.png') no-repeat center center;
        background-size: 16px 16px;
    }

        #btnSelecDocente:hover {
            color: #0097ff !important;
            -webkit-border-radius: 80px !important;
            -moz-border-radius: 80px !important;
            -ms-border-radius: 80px !important;
            -o-border-radius: 80px !important;
            border-radius: 80px !important;
            background: #ff9b1a url('../Images/Icons/card_hover.png') no-repeat center center !important;
            background-size: 16px 16px !important;
        }

    .btnSelecDocenteClass {
        color: #0097ff !important;
        -webkit-border-radius: 80px !important;
        -moz-border-radius: 80px !important;
        -ms-border-radius: 80px !important;
        -o-border-radius: 80px !important;
        border-radius: 80px !important;
        background: #ff9b1a url('../Images/Icons/card_hover.png') no-repeat center center !important;
        background-size: 16px 16px !important;
    }

    #btnSelecPadre {
        position: absolute;
        margin: 0px;
        top: 50px;
        left: 135px;
        font-size: 10px;
        width: 45px;
        height: 45px;
        line-height: 100px;
        background: url('../Images/Icons/parent.png') no-repeat center center;
        background-size: 16px 16px;
    }

        #btnSelecPadre:hover {
            color: #0097ff !important;
            -webkit-border-radius: 80px !important;
            -moz-border-radius: 80px !important;
            -ms-border-radius: 80px !important;
            -o-border-radius: 80px !important;
            border-radius: 80px !important;
            background: #ff9b1a url('../Images/Icons/parent_hover.png') no-repeat center center !important;
            background-size: 16px 16px !important;
        }

    .btnSelecPadreClass {
        color: #0097ff !important;
        -webkit-border-radius: 80px !important;
        -moz-border-radius: 80px !important;
        -ms-border-radius: 80px !important;
        -o-border-radius: 80px !important;
        border-radius: 80px !important;
        background: #ff9b1a url('../Images/Icons/parent_hover.png') no-repeat center center !important;
        background-size: 16px 16px !important;
    }

    #btnSelecAdministrador {
        position: absolute;
        margin: 0px;
        top: 50px;
        left: 195px;
        font-size: 10px;
        width: 45px;
        height: 45px;
        line-height: 100px;
        background: url('../Images/Icons/admin.png') no-repeat center center;
        background-size: 16px 16px;
    }

        #btnSelecAdministrador:hover {
            color: #0097ff !important;
            -webkit-border-radius: 80px !important;
            -moz-border-radius: 80px !important;
            -ms-border-radius: 80px !important;
            -o-border-radius: 80px !important;
            border-radius: 80px !important;
            background: #ff9b1a url('../Images/Icons/admin_hover.png') no-repeat center center !important;
            background-size: 16px 16px !important;
        }

    .btnSelecAdministradorClass {
        color: #0097ff !important;
        -webkit-border-radius: 80px !important;
        -moz-border-radius: 80px !important;
        -ms-border-radius: 80px !important;
        -o-border-radius: 80px !important;
        border-radius: 80px !important;
        background: #ff9b1a url('../Images/Icons/admin_hover.png') no-repeat center center !important;
        background-size: 16px 16px !important;
    }
}

#divRecordarPass {
    padding: 10px;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
}

#btnEnviarOlvido {
    padding: 0 15px;
    background-color: #3d4f5f;
    background-repeat: no-repeat;
    background-position: 20px center;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 40px;
    display: inline-block;
    width: 80px;
}

    #btnEnviarOlvido:hover {
        background-color: #51697e;
    }

    #btnEnviarOlvido:focus {
        outline: none;
    }

#divFormAspirantes {
    position: relative;
    width: 100%;
    height: 100%;
}
#divFormPreguntasFiltro {
    position: relative;
    width: 90%;
    height: 90%;
}


.FormAspirantesLogo {
    position: relative;
    margin-top: 5px !important;
    margin-left: 15px !important;
    width: 90px !important;
    height: 90px !important;
    display: inline-block !important;
    -webkit-border-radius: 90px !important;
    -moz-border-radius: 90px !important;
    -ms-border-radius: 90px !important;
    -o-border-radius: 90px !important;
    border-radius: 90px !important;
    border: 2px solid #0097FF;
}
.FormPreguntasLogo {
    position: relative;
    margin-top: 5px !important;
    margin-left: 40px !important;
    width: 100px !important;
    height: 100px !important;
    display: inline-block !important;
    -webkit-border-radius: 90px !important;
    -moz-border-radius: 90px !important;
    -ms-border-radius: 90px !important;
    -o-border-radius: 90px !important;
    border-radius: 90px !important;
    border: 2px solid #0097FF;
}

#lblTituloFormPreguntasSep {
    position: absolute;
    font-size: 1.3em;
    text-align: center;
    height: auto;
    top: 28px;
    left: 0px;
}
.tablePreguntasFiltro {
    width: 80%;
    margin-left: 20px;
    margin-top: 15px;
    background-color: white;
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding: 10px 20px;
}
}
#lblTituloFormAspirantes {
    position: absolute;
    font-size: 1.3em;
    text-align: center;
    height: auto;
    top: 28px;
    left: 0px;
}
#btnGuardarAspirante {
    padding: 0 15px;
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 40px;
    display: inline-block;
    width: 100px;
    float: right;
}
#btnGuardarPreguntas {
    padding: 0 15px;
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 40px;
    display: inline-block;
    width: 100px;
    float: right;
}

    #btnGuardarAspirante:hover {
        background: #51697e;
    }

    #btnGuardarAspirante:focus {
        outline: none;
    }

.datosInteresAspiranteClass, .datosAdicioAspiranteClass {
    display: none;
}

#btnMostrarOcultarDatosInteres, #btnMostrarOcultarDatosAdicio, #btnMostrarOcultarPreguntasAdicio, #btnAgregarCategoria {
    background-image: url(../Images/Icons/plus.png);
    background-repeat: no-repeat;
    background-position: 2px center;
    background-size: 32px !important;
    color: #808080;
    font-weight: 500;
    font-size: 1.1em;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    width: 100px;
    height: 32px;
    text-align: left;
    padding-left: 45px;
    line-height: 32px;
}

.classMinusHide {
    background-image: url(../Images/Icons/minus.png) !important;
}

#btnMostrarOcultarDatosInteres:focus, #btnMostrarOcultarDatosAdicio:focus, #btnMostrarOcultarPreguntasAdicio:focus, #btnAgregarCategoria:focus {
    outline: none;
}

#btnMostrarOcultarDatosAdicio2 {
    background-color: white;
    background-image: url(../Images/Icons/plus.png);
    background-repeat: no-repeat;
    background-position: 2px center;
    background-size: 32px !important;
    color: #808080;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    width: 100px;
    height: 32px;
    text-align: left;
    padding-left: 45px;
    line-height: 32px;
}

    #btnMostrarOcultarDatosAdicio2:focus {
        outline: none;
    }

#fechanac_DDD_C_BT, #fechanac_DDD_C_FNP_BO, #fechanac_DDD_C_FNP_BC {
    background: #3d4f5f !important;
    color: white !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    border: none !important;
}

    #fechanac_DDD_C_BT:hover, #fechanac_DDD_C_FNP_BO:hover, #fechanac_DDD_C_FNP_BC:hover {
        background: #51697e !important;
    }

    #fechanac_DDD_C_BT:focus, #fechanac_DDD_C_FNP_BO:focus, #fechanac_DDD_C_FNP_BC:focus {
        outline: none !important;
    }
/*FIN VISTA LOGIN*/
/*VISTA FICHA MEDICA*/
#divFichaMedica {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 20px;
}

#lbltituloFMGeneral, #lbltituloFMMedico, #lbltituloFMPadecimientos, #lbltituloFMInfoMedica, #lbltituloFMHistorial {
    padding: 10px 0px;
    margin-top: 10px;
    color: white;
    background-color: #0097FF;
    text-align: center;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

#divFMGeneral, #divFMMedico, #divFMPadecimientos, #divFMInfoMedica, #divFMHistorial {
    width: 94%;
    margin-top: 35px;
    padding: 10px;
    background-color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border: 1px solid #c3c3c3;
}

.divFMGeneral, .divFMMedico, .divFMPadecimientos, .divFMInfoMedica, .divFMHistorial {
    width: 94%;
    margin-top: 35px;
    padding: 10px;
    background-color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border: 1px solid #c3c3c3;
}

.divOcultarFichas {
    display: none;
}

.btnFichaMClass {
    padding: 0px 15px 0px 15px !important;
    background-color: #3d4f5f !important;
    color: white !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    line-height: 40px !important;
    height: 40px !important;
    display: inline-block !important;
    float: right !important;
    width: 70px !important;
    margin-right: 10px !important;
}

    .btnFichaMClass:hover {
        background-color: #51697e !important;
    }

    .btnFichaMClass:focus {
        outline: none !important;
    }
/*FIN VISTA FICHA MEDICA*/
/*VISTA ESTADO CUENTA*/
#divEdoCuenta {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 20px;
}

#btnGenerarCuenta {
    padding: 0 15px;
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 40px;
    display: inline-block;
    float: right;
    margin-top: 40px;
}

    #btnGenerarCuenta:hover {
        background: #51697e;
    }

    #btnGenerarCuenta:focus {
        outline: none;
    }

.btnGenerarCuenta {
    padding: 0 15px !important;
    background: #3d4f5f !important;
    color: white !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    line-height: 40px !important;
    height: 40px !important;
    display: inline-block !important;
    float: right !important;
    margin-top: 40px !important;
}

    .btnGenerarCuenta:hover {
        background: #51697e !important;
    }

    .btnGenerarCuenta:focus {
        outline: none !important;
    }

#btnGenerarPrevia {
    margin: 20px 0;
    background: #3d4f5f;
    color: white;
    background-image: url(../images/Icons/account-state-btn.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    padding-left: 50px;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    width: 160px;
}

    #btnGenerarPrevia:hover {
        background-color: #51697e;
    }

    #btnGenerarPrevia:focus {
        outline: none;
    }

.btnGenerarPrevia {
    margin: 20px 0 !important;
    background: #3d4f5f !important;
    color: white !important;
    background-image: url(../images/Icons/account-state-btn.png) !important;
    background-repeat: no-repeat !important;
    background-position: 20px center !important;
    padding-left: 50px !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    line-height: 40px !important;
    width: 160px !important;
}

    .btnGenerarPrevia:hover {
        background-color: #51697e !important;
    }

    .btnGenerarPrevia:focus {
        outline: none !important;
    }

#divFiltrosEdoCuenta {
    width: 94%;
    margin-top: 35px;
    padding: 10px;
    background-color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border: 1px solid #c3c3c3;
}

#divGridAlumnos {
    width: 94%;
    margin-top: 35px;
    padding: 10px;
    background-color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border: 1px solid #c3c3c3;
    overflow-x: auto;
}

.account-data {
    display: none;
    width: 94%;
    margin-bottom: 100px;
}

#lbltituloAdeudosPagos, #lbltituloAlumnos {
    padding: 10px 0px;
    margin-top: 10px;
    color: white;
    background-color: #0097FF;
    text-align: center;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.lbltituloAdeudosPagos {
    padding: 10px 0px !important;
    margin-top: 10px !important;
    color: white !important;
    background-color: #0097FF !important;
    text-align: center !important;
    height: 32px !important;
    line-height: 32px !important;
    border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
}

#lbltituloTotalCP {
    padding: 10px 0px;
    margin-top: 10px;
    margin-bottom: 5px;
    color: white;
    background-color: #0097FF;
    text-align: center;
    height: 64px;
    line-height: 32px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

#VistaDeuda {
    position: relative;
    width: 100%;
}

.account-data #VistaDeuda .account-details {
    background: white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border-left: 10px solid #c3c3c3;
    margin-bottom: 15px;
    padding: 15px;
    border-right: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
    border-top: 1px solid #c3c3c3;
    display: inline-flex;
    display: -webkit-inline-flex;
    width: 94%;
}

    .account-data #VistaDeuda .account-details.error {
        border-color: red;
    }

        .account-data #VistaDeuda .account-details.error .debt {
            color: red;
            position: relative;
            margin-right: 10px;
            top: 25px;
            left: 2%;
            font-weight: bold;
            font-size: 14px;
        }

    .account-data #VistaDeuda .account-details li {
        margin-bottom: 5px !important;
        font-size: 14px;
        list-style: none;
    }

    .account-data #VistaDeuda .account-details strong {
        font-weight: bold;
    }

    .account-data #VistaDeuda .account-details .izquierda, .account-data #VistaDeuda .account-details .derecha {
        width: 50%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 4%;
        margin-top: 20px;
    }

    .account-data #VistaDeuda .account-details .izquierda {
        border-right: 1px solid #e8e8e8;
        padding-left: 0;
    }

    .account-data #VistaDeuda .account-details .derecha {
        padding-right: 0;
    }

    .account-data #VistaDeuda .account-details .debt {
        position: relative;
        margin-right: 10px;
        top: 25px;
        left: 2%;
        color: black;
        font-weight: bold;
        font-size: 14px;
    }

.VistaDeuda {
    position: relative;
    width: 100%;
}

.account-data .VistaDeuda .account-details {
    background: white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border-left: 10px solid #c3c3c3;
    margin-bottom: 15px;
    padding: 15px;
    border-right: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
    border-top: 1px solid #c3c3c3;
    display: inline-flex;
    display: -webkit-inline-flex;
    width: 94%;
}

    .account-data .VistaDeuda .account-details.error {
        border-color: red;
    }

        .account-data .VistaDeuda .account-details.error .debt {
            color: red;
            position: relative;
            margin-right: 10px;
            top: 25px;
            left: 2%;
            font-weight: bold;
            font-size: 14px;
        }

    .account-data .VistaDeuda .account-details li {
        margin-bottom: 5px !important;
        font-size: 14px;
        list-style: none;
    }

    .account-data .VistaDeuda .account-details strong {
        font-weight: bold;
    }

    .account-data .VistaDeuda .account-details .izquierda, .account-data .VistaDeuda .account-details .derecha {
        width: 50%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 4%;
        margin-top: 20px;
    }

    .account-data .VistaDeuda .account-details .izquierda {
        border-right: 1px solid #e8e8e8;
        padding-left: 0;
    }

    .account-data .VistaDeuda .account-details .derecha {
        padding-right: 0;
    }

    .account-data .VistaDeuda .account-details .debt {
        position: relative;
        margin-right: 10px;
        top: 25px;
        left: 2%;
        color: black;
        font-weight: bold;
        font-size: 14px;
    }

.account-table {
    background-color: white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: none;
    border: 1px solid #c3c3c3;
    width: 100%;
}

    .account-table:before {
        content: "";
        width: 32px;
        height: 15px;
        position: absolute;
        top: -15px;
        right: 75px;
    }

.botonesConceptos {
    width: 61px !important;
    line-height: 20px !important;
    text-align: center !important;
    padding: 8px 10px !important;
    margin: 25px !important;
    background: #3d4f5f !important;
    color: white !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    float: right !important;
    display: inline-block !important;
}

    .botonesConceptos:hover {
        background: #51697e !important;
    }

    .botonesConceptos:focus {
        outline: none !important;
    }

.headerConceptos {
    border-bottom: 1px solid #e8e8e8;
    height: 40px;
    width: 100%;
}

.contenidoConceptos {
    margin-top: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
    /*border:1px solid black;*/
    width: 100%;
}

.btnCerrarDeuda {
    display: inline-block !important;
    float: right !important;
    height: 32px !important;
    width: 32px !important;
    text-decoration: none !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 20px !important;
    -ms-border-radius: 20px !important;
    -o-border-radius: 20px !important;
    border-radius: 20px !important;
    background-image: url(../images/Icons/close32.png) !important;
}

    .btnCerrarDeuda:hover {
        background-color: #51697e !important;
    }

    .btnCerrarDeuda:focus {
        outline: none !important;
    }

.btnConceptos {
    position: relative !important;
    padding: 0 15px !important;
    background: white !important;
    color: black !important;
    font-size: 12px !important;
    text-decoration: none !important;
    -webkit-border-top-right-radius: 15px !important;
    -moz-border-top-right-radiuss: 15px !important;
    -ms-border-top-right-radius: 15px !important;
    -o-border-top-right-radius: 15px !important;
    border-top-right-radius: 15px !important;
    border-top-right-radius: 15px !important;
    line-height: 40px !important;
    height: 40px !important;
    width: 85px !important;
    display: block !important;
    float: left !important;
    z-index: 3 !important;
}

    .btnConceptos:hover {
        background: #0097FF !important;
        color: white !important;
    }

    .btnConceptos:focus {
        color: white !important;
        outline: none !important;
    }

.btnPagos {
    position: relative !important;
    padding: 0 15px !important;
    padding: 0 15px !important;
    background: white !important;
    color: black !important;
    font-size: 12px !important;
    text-decoration: none !important;
    -webkit-border-top-right-radius: 15px !important;
    -moz-border-top-right-radiuss: 15px !important;
    -ms-border-top-right-radius: 15px !important;
    -o-border-top-right-radius: 15px !important;
    border-top-right-radius: 15px !important;
    line-height: 40px !important;
    height: 40px !important;
    width: 85px !important;
    display: block !important;
    float: left !important;
    margin-left: -15px !important;
    z-index: 2 !important;
}

    .btnPagos:hover {
        background: #0097FF !important;
        color: white !important;
    }

    .btnPagos:focus {
        color: white !important;
        outline: none !important;
    }

.conceptosTab {
    background: #0097FF !important;
    color: white !important;
    -webkit-border-top-right-radius: 15px !important;
    -moz-border-top-right-radiuss: 15px !important;
    -ms-border-top-right-radius: 15px !important;
    -o-border-top-right-radius: 15px !important;
    border-top-right-radius: 15px !important;
}

.botonPagarConceptos {
    padding: 5px 20px 5px 0 !important;
    background: #3d4f5f url(../Images/Icons/cart-btn.png) no-repeat 70px center !important;
    color: white !important;
    font-size: 12px !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    line-height: 25px !important;
    height: 25px !important;
    margin: 5px !important;
    width: 75px !important;
    vertical-align: middle !important;
    display: block !important;
}

    .botonPagarConceptos:hover {
        background: #51697e url(../Images/Icons/cart-btn.png) no-repeat 70px center !important;
    }

    .botonPagarConceptos:focus {
        outline: none !important;
    }

.botonTablaPagos {
    padding: 0 15px !important;
    background: #3d4f5f !important;
    color: white !important;
    font-size: 12px !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    line-height: 25px !important;
    height: 25px !important;
    margin: 5px !important;
    vertical-align: middle !important;
    display: block !important;
}

    .botonTablaPagos:hover {
        background-color: #51697e !important;
    }

    .botonTablaPagos:focus {
        outline: none !important;
    }

.botonesCarrito {
    background: transparent url(../images/Icons/delete-item.png) no-repeat left center !important;
    width: 14px !important;
    height: 14px !important;
    display: inline-block !important;
    position: relative !important;
    top: 2px !important;
    margin-left: 5px !important;
    border: none !important;
    color: transparent !important;
    cursor: pointer !important;
}

    .botonesCarrito:hover {
        background: url(../images/Icons/delete-item.png) no-repeat right center !important;
    }

    .botonesCarrito:focus {
        outline: none !important;
    }

.numeroPagosClassAlumno {
    position: absolute;
    top: 0px;
    color: #ffffff;
    right: 1px;
    width: 25px;
    height: 25px;
    font-size: 1.0em;
    font-weight: bold;
    text-align: center;
    line-height: 25px;
    background-color: red;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    display: none;
}

.numeroPagosClass {
    position: absolute;
    top: 12px;
    right: 100px;
    width: 25px;
    height: 25px;
    font-size: 1.0em;
    font-weight: bold;
    text-align: center;
    line-height: 25px;
    background-color: red;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    display: none;
}

.numeroPagosClassExpanded {
    position: absolute;
    top: 55px;
    left: 180px;
    width: 25px;
    height: 25px;
    font-size: 1.0em;
    font-weight: bold;
    text-align: center;
    line-height: 25px;
    background-color: red;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    display: none;
}

.numeroPagosClassExpanded2 {
    position: absolute;
    top: 205px;
    left: 180px;
    width: 25px;
    height: 25px;
    font-size: 1.0em;
    font-weight: bold;
    text-align: center;
    line-height: 25px;
    background-color: red;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    display: none;
}

.CarroClassExpanded {
    position: absolute;
    background-image: url(../images/Icons/cart-btn.png);
    background-repeat: no-repeat;
    background-position: center center;
    top: 5px;
    right: 8px;
    width: 25px;
    height: 25px;
    font-size: 1.0em;
    font-weight: bold;
    text-align: center;
    line-height: 25px;
    background-color: red;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    display: none;
}

#formasPago {
    padding: 5px !important;
    text-align: center !important;
}

#btnOPTarjetas {
    padding: 0 15px;
    background-color: #3D4F5F;
    background-image: url(../images/Icons/visamasteramerican.png);
    background-repeat: no-repeat;
    background-position: 25px 30px !important;
    background-size: 140px 40px;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 80px;
    display: inline-block;
    margin: 10px 10px 10px 10px;
    float: right;
    width: 160px;
}

#btnMpBbvaTarjetas {
    padding: 0 15px;
    background-color: #3D4F5F;
    background-image: url(../images/Icons/visamasteramerican.png);
    background-repeat: no-repeat;
    background-position: 25px 30px !important;
    background-size: 140px 40px;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 80px;
    display: inline-block;
    margin: 10px 10px 10px 10px;
    float: right;
    width: 160px;
}

#btnOPTarjetas:hover {
    background-color: #51697e;
    color: white;
}

#btnOPTarjetas:focus {
    outline: none;
}

#btnMesesSinIntereses {
    padding: 0 15px;
    background-color: #3D4F5F;
    background-image: url(../images/Icons/visamasteramerican.png);
    background-repeat: no-repeat;
    background-position: 25px 30px !important;
    background-size: 140px 40px;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 80px;
    display: inline-block;
    margin: 10px 10px 10px 10px;
    float: right;
    width: 160px;
}

    #btnMesesSinIntereses:hover {
        background-color: #51697e;
        color: white;
    }

    #btnMesesSinIntereses:focus {
        outline: none;
    }


#btnOPSpei {
    padding: 0 15px;
    background-color: #3D4F5F;
    background-image: url(../images/Icons/spei.png);
    background-repeat: no-repeat;
    background-position: 25px 30px !important;
    background-size: 140px 40px;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 80px;
    display: inline-block;
    margin: 10px 10px 10px 10px;
    float: right;
    width: 160px;
}

    #btnOPSpei:hover {
        background-color: #51697e;
        color: white;
    }

    #btnOPSpei:focus {
        outline: none;
    }

#btnBanamexEComm {
    padding: 0 15px;
    background-color: #3D4F5F;
    background-image: url(../images/Icons/visamastercarnet.png);
    background-repeat: no-repeat;
    background-position: 25px 30px !important;
    background-size: 140px 40px;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 80px;
    display: inline-block;
    margin: 10px 10px 10px 10px;
    float: right;
    width: 160px;
}

    #btnBanamexEComm:hover {
        background-color: #51697e;
        color: white;
    }

    #btnBanamexEComm:focus {
        outline: none;
    }

#btnBanortePayw {
    padding: 0 15px;
    background-color: #3D4F5F;
    background-image: url(../images/Icons/visamaster.svg);
    background-repeat: no-repeat;
    background-position: 25px 30px !important;
    background-size: 140px 40px;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 80px;
    display: inline-block;
    margin: 10px 10px 10px 10px;
    float: right;
    width: 160px;
}

    #btnBanortePayw:hover {
        background-color: #51697e;
        color: white;
    }

    #btnBanortePayw:focus {
        outline: none;
    }

#btnBancos {
    padding: 0 15px;
    background-color: #3D4F5F;
    background-image: url(../images/Icons/referenciadobancos.png);
    background-repeat: no-repeat;
    background-position: 25px 30px !important;
    background-size: 140px 40px;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 80px;
    display: inline-block;
    margin: 10px 10px 10px 10px;
    float: right;
    width: 160px;
}

    #btnBancos:hover {
        background-color: #51697E;
        color: white;
    }

    #btnBancos:focus {
        outline: none;
    }

#btnOxxo {
    padding: 0 15px;
    background-color: #3D4F5F;
    background-image: url(../images/Icons/referenciadooxxo.png);
    background-repeat: no-repeat;
    background-position: 25px 30px !important;
    background-size: 140px 40px;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 80px;
    display: inline-block;
    margin: 10px 10px 10px 10px;
    float: right;
    width: 160px;
}

    #btnOxxo:hover {
        background-color: #51697E;
        color: white;
    }

    #btnOxxo:focus {
        outline: none;
    }

#btnOPTiendas {
    padding: 0 15px;
    background-color: #3D4F5F;
    background-image: url(../images/Icons/pagoentiendasop.png);
    background-repeat: no-repeat;
    background-position: 25px 30px !important;
    background-size: 140px 40px;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 80px;
    display: inline-block;
    margin: 10px 10px 10px 10px;
    float: right;
    width: 160px;
}

    #btnOPTiendas:hover {
        background-color: #51697E;
        color: white;
    }

    #btnOPTiendas:focus {
        outline: none;
    }

#btnComproPago {
    padding: 0 15px;
    background-color: #3D4F5F;
    background-image: url(../images/Icons/pagoentiendascp.png);
    background-repeat: no-repeat;
    background-position: 25px 30px !important;
    background-size: 140px 40px;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 80px;
    display: inline-block;
    margin: 10px 10px 10px 10px;
    float: right;
    width: 160px;
}

    #btnComproPago:hover {
        background-color: #51697E;
        color: white;
    }

    #btnComproPago:focus {
        outline: none;
    }

#btnOxxoCP {
    padding: 0 15px;
    background-image: url(../images/Icons/oxxocp.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100px 40px;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 50px;
    height: 50px;
    width: 70px;
}

#btn7ElevenCP {
    padding: 0 15px;
    background-image: url(../images/Icons/7elevencp.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100px 40px;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 50px;
    height: 50px;
    width: 70px;
}

#btnExtraCP {
    padding: 0 15px;
    background-image: url(../images/Icons/extracp.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100px 40px;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 50px;
    height: 50px;
    width: 70px;
}

#btnChedrauiCP {
    padding: 0 15px;
    /*background-color: #3D4F5F;*/
    background-image: url(../images/Icons/chedrauicp.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100px 40px;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 50px;
    height: 50px;
    width: 70px;
}

#btnElektraCP {
    padding: 0 15px;
    /*background-color: #3D4F5F;*/
    background-image: url(../images/Icons/elektracp.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100px 40px;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 50px;
    height: 50px;
    width: 70px;
}

#btnCoppelCP {
    padding: 0 15px;
    background-image: url(../images/Icons/coppelcp.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100px 40px;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 50px;
    height: 50px;
    width: 70px;
}

#btnBenavidesCP {
    padding: 0 15px;
    background-image: url(../images/Icons/farmabenavidescp.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100px 40px;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 50px;
    height: 50px;
    width: 70px;
}

#btnEsquivarCP {
    padding: 0 15px;
    background-image: url(../images/Icons/farmaesquivarcp.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100px 40px;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 50px;
    height: 50px;
    width: 70px;
}

    #btnOxxoCP:hover, #btn7ElevenCP:hover, #btnExtraCP:hover, #btnChedrauiCP:hover, #btnElektraCP:hover, #btnCoppelCP:hover, #btnBenavidesCP:hover, #btnEsquivarCP:hover {
        background-color: #0097FF;
        color: white;
    }

    #btnOxxoCP:focus, #btn7ElevenCP:focus, #btnExtraCP:focus, #btnChedrauiCP:focus, #btnElektraCP:focus, #btnCoppelCP:focus, #btnBenavidesCP:focus, #btnEsquivarCP:focus {
        outline: none;
    }

#tableFormasPagoCP {
    width: 100%;
    background-color: white;
    border-collapse: separate;
    border-spacing: 10px 10px;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    opacity: 0.7;
}

    #tableFormasPagoCP:hover {
        opacity: 1;
    }

#divFooterAPICP {
    position: relative;
    margin-top: 5px;
    background-color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

#divFooterAPICPLeft {
    position: relative;
    padding: 16px;
    margin-left: 10px;
    margin-right: 10px;
    display: -webkit-inline-flex;
}

#divFooterAPICPRight {
    top: 17px;
    right: 20px;
    position: absolute;
    padding: 5px;
    display: -webkit-inline-flex;
}

.btnComproPagoClass {
    background-color: #0097FF !important;
}

#btnPagarCP {
    padding: 0 15px;
    background-color: #3D4F5F;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 50px;
    height: 50px;
    width: 70px;
}

    #btnPagarCP:hover {
        background-color: #51697e;
        color: white;
    }

    #btnPagarCP:focus {
        outline: none;
    }

.btnBancoBanamex {
    padding: 0 15px !important;
    background-color: white !important;
    background-image: url(../images/Icons/logobanamex.png) !important;
    background-repeat: no-repeat !important;
    background-size: 190px 60px !important;
    color: black !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    line-height: 30px !important;
    height: 60px !important;
    display: inline-block !important;
    margin: 10px 10px 10px 10px !important;
    float: right !important;
    width: 160px !important;
    text-align: right !important;
    font-weight: bold !important;
}

    .btnBancoBanamex:hover {
        -webkit-filter: saturate(3);
        filter: saturate(3);
    }

    .btnBancoBanamex:focus {
        outline: none !important;
    }

.btnBancoBanorte {
    padding: 0 15px !important;
    background-image: url(../images/Icons/logobanorte.png) !important;
    background-repeat: no-repeat !important;
    background-size: 190px 60px !important;
    color: white !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    line-height: 30px !important;
    height: 60px !important;
    display: inline-block !important;
    margin: 10px 10px 10px 10px !important;
    float: right !important;
    width: 160px !important;
    text-align: right !important;
    font-weight: bold !important;
}

    .btnBancoBanorte:hover {
        -webkit-filter: saturate(3);
        filter: saturate(3);
    }

    .btnBancoBanorte:focus {
        outline: none !important;
    }

.btnBancoSantander {
    padding: 0 15px !important;
    background-image: url(../images/Icons/logosantander.png) !important;
    background-repeat: no-repeat !important;
    background-size: 190px 60px !important;
    color: white !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    line-height: 30px !important;
    height: 60px !important;
    display: inline-block !important;
    margin: 10px 10px 10px 10px !important;
    float: right !important;
    width: 160px !important;
    text-align: right !important;
    font-weight: bold !important;
}

    .btnBancoSantander:hover {
        -webkit-filter: saturate(3);
        filter: saturate(3);
    }

    .btnBancoSantander:focus {
        outline: none !important;
    }

.btnBancoScotiabank {
    padding: 0 15px !important;
    background-image: url(../images/Icons/logoscotiabank.png) !important;
    background-repeat: no-repeat !important;
    background-size: 190px 60px !important;
    color: white !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    line-height: 30px !important;
    height: 60px !important;
    display: inline-block !important;
    margin: 10px 10px 10px 10px !important;
    float: right !important;
    width: 160px !important;
    text-align: right !important;
    font-weight: bold !important;
}

    .btnBancoScotiabank:hover {
        -webkit-filter: saturate(3);
        filter: saturate(3);
    }

    .btnBancoScotiabank:focus {
        outline: none !important;
    }

.btnBancoBancomer {
    padding: 0 15px !important;
    background-image: url(../images/Icons/logobancomer.png) !important;
    background-repeat: no-repeat !important;
    background-size: 190px 60px !important;
    color: black !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    line-height: 30px !important;
    height: 60px !important;
    display: inline-block !important;
    margin: 10px 10px 10px 10px !important;
    float: right !important;
    width: 160px !important;
    text-align: right !important;
    font-weight: bold !important;
}

    .btnBancoBancomer:hover {
        -webkit-filter: saturate(3);
        filter: saturate(3);
    }

    .btnBancoBancomer:focus {
        outline: none !important;
    }

.btnBancoHsbc {
    padding: 0 15px !important;
    background-image: url(../images/Icons/logohsbc.png) !important;
    background-repeat: no-repeat !important;
    background-size: 190px 60px !important;
    color: black !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    line-height: 30px !important;
    height: 60px !important;
    display: inline-block !important;
    margin: 10px 10px 10px 10px !important;
    float: right !important;
    width: 160px !important;
    text-align: right !important;
    font-weight: bold !important;
}
    .btnBancoHsbc:hover {
        -webkit-filter: saturate(3);
        filter: saturate(3);
    }

    .btnBancoHsbc:focus {
        outline: none !important;
    }

.btnBanBajio {
    padding: 0 15px !important;
    background-image: url(../images/Icons/banbajio.jpg) !important;
    background-repeat: no-repeat !important;
    background-size: 190px 60px !important;
    color: white !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    line-height: 30px !important;
    height: 60px !important;
    display: inline-block !important;
    margin: 10px 10px 10px 10px !important;
    float: right !important;
    width: 160px !important;
    text-align: right !important;
    font-weight: bold !important;
}

    .btnBanBajio:hover {
        -webkit-filter: saturate(3);
        filter: saturate(3);
    }

    .btnBanBajio:focus {
        outline: none !important;
    }

.btnBancoDefault {
    padding: 0 15px !important;
    background-color: #3D4F5F !important;
    background-repeat: no-repeat !important;
    background-position: 25px bottom !important;
    background-position-y: 30px !important;
    color: white !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    line-height: 60px !important;
    height: 60px !important;
    display: inline-block !important;
    margin: 10px 10px 10px 10px !important;
    float: right !important;
    width: 160px !important;
    text-align: left !important;
}

    .btnBancoDefault:hover {
        background-color: #51697e !important;
        color: white !important;
    }

    .btnBancoDefault:focus {
        outline: none !important;
    }

#datosFacturacion {
    background-color: white !important;
    width: 700px !important;
    text-align: center !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -ms-border-radius: 8px !important;
    -o-border-radius: 8px !important;
    border-radius: 8px !important;
    padding: 10px !important;
    overflow: hidden;
}

.claseDatosFacturacion {
    height: 550px !important;
}

.claseDatosFacturacionNueva {
    height: auto !important;
}

#divInfoAlumnosFacturacionPagos {
    width: 100%;
    height: 550px;
    overflow-y: auto;
}

#lblOpcionesFact {
    margin: 15px auto;
    color: #808080;
    border-bottom: solid 1px #D1D1D1;
}

#contOpcionesFactAlumno, #contOpcionesFactAdmin {
    text-align: center;
    position: relative;
    width: 100%;
    height: auto;
}

#btnImprimirFact {
    padding: 0 15px;
    background-color: #3d4f5f;
    background-image: url(../images/Icons/print24.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    padding-left: 50px;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 40px;
    display: inline-block;
    margin: 10px 10px 10px 10px;
    width: 125px;
}

    #btnImprimirFact:hover {
        background-color: #51697e;
    }

    #btnImprimirFact:focus {
        outline: none;
    }

#bntEnviarFact {
    padding: 0 15px;
    background-color: #3d4f5f;
    background-image: url(../images/Icons/email24.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    padding-left: 50px;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 40px;
    display: inline-block;
    margin: 10px 10px 10px 10px;
    width: 125px;
}

    #bntEnviarFact:hover {
        background-color: #51697e;
    }

    #bntEnviarFact:focus {
        outline: none;
    }

#correoFactura {
    width: 250px !important;
    height: 125px !important;
    text-align: center !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -ms-border-radius: 8px !important;
    -o-border-radius: 8px !important;
    border-radius: 8px !important;
}

#btnEnviarFactCorreo {
    padding: 0 15px;
    background-color: #3d4f5f;
    background-repeat: no-repeat;
    background-position: 20px center;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 40px;
    display: inline-block;
    bottom: 25px;
    left: 210px;
    width: 80px;
}

    #btnEnviarFactCorreo:hover {
        background-color: #51697e;
    }

    #btnEnviarFactCorreo:focus {
        outline: none;
    }

#divPeriodosPopUp {
    background-color: white !important;
    width: 600px !important;
    height: auto !important;
    text-align: center !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -ms-border-radius: 8px !important;
    -o-border-radius: 8px !important;
    border-radius: 8px !important;
    padding: 10px !important;
}

#btnAceptarPeriodo {
    padding: 0 15px;
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 40px;
    display: inline-block;
    float: right;
    margin-top: 20px;
}

    #btnAceptarPeriodo:hover {
        background: #51697e;
    }

    #btnAceptarPeriodo:focus {
        outline: none;
    }

#contEmisores {
    background-color: transparent !important;
    width: 350px !important;
    min-height: 115px;
    text-align: center !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -ms-border-radius: 8px !important;
    -o-border-radius: 8px !important;
    border-radius: 8px !important;
}

.btnEmisores {
    padding: 0 15px !important;
    background-color: #3d4f5f !important;
    color: white !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    height: 80px !important;
    display: inline-block !important;
    margin: 10px 25px !important;
    width: 160px !important;
    text-align: left !important;
}

    .btnEmisores span {
        font-size: 14px !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        width: auto !important;
        display: block;
    }

    .btnEmisores:hover {
        background-color: #51697e !important;
    }

    .btnEmisores:focus {
        outline: none !important;
    }

.btnFormato {
    padding: 0 15px !important;
    background-color: #3d4f5f !important;
    background-repeat: no-repeat !important;
    background-position: 20px center !important;
    color: white !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    line-height: 40px !important;
    height: 40px !important;
    display: inline-block !important;
    margin: 10px 10px 10px 10px !important;
    width: 160px !important;
}

    .btnFormato span {
        font-size: 14px !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        width: auto !important;
        display: block;
    }

    .btnFormato:hover {
        background-color: #51697e !important;
    }

    .btnFormato:focus {
        outline: none !important;
    }

#btnExpandirGridEstudiantes, #btnColapsarGridEstudiantes, #btnExpandirGridDocentes, #btnColapsarGridDocentes {
    padding: 0 15px;
    background-color: #3D4F5F;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 32px;
    height: 32px;
    display: -webkit-inline-flex;
}

    #btnExpandirGridEstudiantes:hover, #btnColapsarGridEstudiantes:hover, #btnExpandirGridDocentes:hover, #btnColapsarGridDocentes:hover {
        background-color: #51697e;
        color: white;
    }

    #btnExpandirGridEstudiantes:focus, #btnColapsarGridEstudiantes:focus, #btnExpandirGridDocentes:focus, #btnColapsarGridDocentes:focus {
        outline: none;
    }

#btnExpandirGrid, #btnColapsarGrid, #btnEliminarGrid, #btnUnSelectrGrid, #btnEliminarGrid2, #btnUnSelectrGrid2, #btnAgregarGrid {
    padding: 0 15px;
    background-color: #3D4F5F;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 32px;
    height: 32px;
    margin-bottom: 5px;
    display: -webkit-inline-flex;
}

    #btnExpandirGrid:hover, #btnColapsarGrid:hover, #btnEliminarGrid:hover, #btnUnSelectrGrid:hover, #btnEliminarGrid2:hover, #btnUnSelectrGrid2:hover {
        background-color: #51697e;
        color: white;
    }

    #btnExpandirGrid:focus, #btnColapsarGrid:focus, #btnEliminarGrid:focus, #btnUnSelectrGrid:focus, #btnEliminarGrid2:focus, #btnUnSelectrGrid2:focus {
        outline: none;
    }

#deFechaInicioFC_ET, #deFechaFinalFC_ET, #cmbPlanFC_ET, #deFechaInicioFCI_ET, #deFechaFinalFCI_ET, #cmbEvaluacionFCI_ET, #gleHistorialCalifItems_ET {
    display: inline-block !important;
}

#divEdoCuenta #gvAlumnos .dxgvCSD {
    height: auto !important;
}

#divOpenPay, #divBanortePW {
    background-color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

#divEncabezadoAPIOP, #divEncabezadoAPIBanortePW {
    position: relative;
    width: 100%;
    height: 80px;
    background-color: #0097FF;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

    #divEncabezadoAPIOP h2, #divEncabezadoAPIBanortePW h2 {
        font-size: 1.1em;
        color: white;
        text-align: center;
        vertical-align: middle;
        height: auto;
        max-height: 16px;
        padding: 2px 5px;
        overflow: hidden;
    }

#lbltituloTotalOP, #lbltituloTotalBanortePW {
    color: white;
    text-align: center;
    height: 45px;
    padding-top: 10px;
}

#divContOpenPay, #divContBanortePW {
    width: 100%;
    height: auto;
    position: relative;
    background-color: white;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding-bottom: 5px;
}

#divFormOPContenido .card-expl, #divFormBPWContenido .card-expl {
    position: relative;
    width: 100%;
    display: inline-flex;
}

    #divFormOPContenido .card-expl .credit {
        width: 165px;
        margin: 0px 5px;
        height: 96px;
        text-align: center;
        background-color: white;
        background-image: url(../images/Icons/cardsop.png);
        background-repeat: no-repeat;
        background-size: 125px 30px;
        background-position: center 48px;
    }

    #divFormBPWContenido .card-expl .creditdebit {
        width: 100%;
        margin: 0px 5px;
        height: 56px;
        text-align: center;
        background-color: white;
        background-image: url(../images/Icons/visamaster.svg);
        background-repeat: no-repeat;
        background-size: 125px 30px;
        background-position: center 20px;
    }

    #divFormOPContenido .card-expl .debit {
        width: 165px;
        margin: 0px 5px;
        height: 96px;
        text-align: center;
        background-color: white;
        background-image: url(../images/Icons/banksop.png);
        background-repeat: no-repeat;
        background-size: 160px 62px;
        background-position: center bottom;
    }

    #divFormOPContenido .card-expl h4, #divFormBPWContenido .card-expl h4 {
        font-size: 0.9em;
    }

#divFormOPContenido #tableOpenPay label, #divFormBPWContenido #tableBanortePW label {
    font-size: 1em;
}

#divFormOPContenido #tableOpenPay input[type="text"], #divFormOPContenido #tableOpenPay input[type="password"], #divFormBPWContenido #tableBanortePW input[type="text"], #divFormBPWContenido #tableBanortePW input[type="password"] {
    height: 24px;
    text-align: center;
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    background-color: #fafafa;
    padding: 0px 2px;
}

    #divFormOPContenido #tableOpenPay input[type="text"]:focus, #divFormOPContenido #tableOpenPay input[type="password"]:focus, #divFormBPWContenido #tableBanortePW input[type="text"]:focus, #divFormBPWContenido #tableBanortePW input[type="password"]:focus {
        outline: none !important;
    }

    #divFormOPContenido #tableOpenPay input[type="text"]::-webkit-input-placeholder, #divFormOPContenido #tableOpenPay input[type="password"]::-webkit-input-placeholder, #divFormBPWContenido #tableBanortePW input[type="text"]::-webkit-input-placeholder, #divFormBPWContenido #tableBanortePW input[type="password"]::-webkit-input-placeholder {
        font-style: italic;
        text-align: center;
    }

    #divFormOPContenido #tableOpenPay input[type="text"]::-moz-placeholder, #divFormOPContenido #tableOpenPay input[type="password"]::-moz-placeholder, #divFormBPWContenido #tableBanortePW input[type="text"]::-moz-placeholder, #divFormBPWContenido #tableBanortePW input[type="password"]::-moz-placeholder {
        font-style: italic;
        text-align: center;
    }

    #divFormOPContenido #tableOpenPay input[type="text"]:-moz-placeholder, #divFormOPContenido #tableOpenPay input[type="password"]:-moz-placeholder, #divFormBPWContenido #tableBanortePW input[type="text"]:-moz-placeholder, #divFormBPWContenido #tableBanortePW input[type="password"]:-moz-placeholder {
        font-style: italic;
        text-align: center;
    }

    #divFormOPContenido #tableOpenPay input[type="text"]:-ms-input-placeholder, #divFormOPContenido #tableOpenPay input[type="password"]:-ms-input-placeholder, #divFormBPWContenido #tableBanortePW input[type="text"]:-ms-input-placeholder, #divFormBPWContenido #tableBanortePW input[type="password"]:-ms-input-placeholder {
        font-style: italic;
        text-align: center;
    }

.ClassOPValido {
    border: 2px solid yellowgreen !important;
}

.ClassOPInvalido {
    border: 2px solid orange !important
}

#tableOpenPay #imgCvvOpenPay {
    width: 85px;
}

#tableBanortePW #imgCvvBanortePW {
    width: 85px;
}

#tableOpenPay #idLogoTipoTarjeta {
    width: 100px;
    height: 32px;
    position: absolute;
    top: 68px;
    right: -20px;
}

#tableBanortePW #idLogoTipoTarjeta {
    width: 60px;
    height: 32px;
    position: absolute;
    top: 19px;
    right: 0px;
}

.ClassLogoDefaultOP {
    background-image: url(../images/Icons/pagos32x32.png);
    background-repeat: no-repeat;
    background-size: 48px 32px;
    background-position: center;
}

.ClassLogoVisa {
    background-image: url(../images/Icons/logovisa.png);
    background-repeat: no-repeat;
    background-size: 48px 32px;
    background-position: center;
}

.ClassLogoMasterCard {
    background-image: url(../images/Icons/logomastercard.png);
    background-repeat: no-repeat;
    background-size: 48px 32px;
    background-position: center;
}

.ClassLogoVisaElectron {
    background-image: url(../images/Icons/logovisaelect.png);
    background-repeat: no-repeat;
    background-size: 48px 32px;
    background-position: center;
}

.ClassLogoAmericanExpress {
    background-image: url(../images/Icons/logoamerican.png);
    background-repeat: no-repeat;
    background-size: 48px 32px;
    background-position: center;
}

.ClassLogoJCB {
    background-image: url(../images/Icons/logojcb.png);
    background-repeat: no-repeat;
    background-size: 48px 32px;
    background-position: center;
}

.ClassLogoDiscover {
    background-image: url(../images/Icons/logodiscover.png);
    background-repeat: no-repeat;
    background-size: 48px 32px;
    background-position: center;
}

.ClassLogoDinersClub {
    background-image: url(../images/Icons/logodinersclub.png);
    background-repeat: no-repeat;
    background-size: 48px 32px;
    background-position: center;
}

#divFormOPContenido .openpay {
    display: inline-flex !important;
    font-size: 0.55em !important;
    color: gray;
    font-style: italic;
    width: 100%;
    height: 32px;
}

#divFormBPWContenido .banorte {
    display: inline-flex !important;
    font-size: 0.8em !important;
    color: gray;
    font-style: italic;
    width: 100%;
    height: 64px;
}

#divFormOPContenido .openpay .logoop {
    width: 165px;
    height: 32px;
    text-align: center;
    background-color: white;
    background-image: url(../images/Icons/openpay.png);
    background-repeat: no-repeat;
    background-size: 80px 20px;
    background-position: center 10px;
    border-right: 1px solid #d1d1d1 !important;
}

#divFormBPWContenido .banorte .logo {
    width: 50%;
    height: 64px;
    text-align: center;
    background-color: white;
    background-image: url(../images/Icons/banortepayw.png);
    background-repeat: no-repeat;
    background-size: 130px 30px;
    background-position: center 22px;
    border-right: 1px solid #d1d1d1 !important;
}

#divFormOPContenido .opcontacto {
    color: gray;
    font-size: 0.9em;
    padding: 0px 45px;
}

#divFormOPContenido .opdatoscol, #divFormBPWContenido .opdatoscol {
    position: relative;
    width: 100%;
    margin-top: 2px;
    text-align: center;
}

    #divFormOPContenido .opdatoscol h4, #divFormBPWContenido .opdatoscol h4 {
        margin-left: 6px;
        margin-right: 6px;
        font-size: 0.9em;
        text-align: center;
    }

    #divFormOPContenido .opdatoscol span, #divFormBPWContenido .opdatoscol span {
        font-size: 0.8em;
        margin-left: 6px;
        margin-right: 6px;
    }

#divFormOPContenido .openpay .shield {
    margin-left: 2px;
    padding-left: 30px;
    width: 150px;
    height: 32px;
    text-align: left;
    line-height: 16px;
    background-color: white;
    background-image: url(../images/Icons/security.png);
    background-repeat: no-repeat;
    background-size: 30px 38px;
    background-position: left center;
}

#divFormBPWContenido .banorte .shield {
    padding: 5px 5px 5px 40px;
    width: 50%;
    height: 64px;
    text-align: left;
    line-height: 16px;
    background-color: white;
    background-image: url(../images/Icons/security.png);
    background-repeat: no-repeat;
    background-size: 30px 38px;
    background-position: 5px center;
    box-sizing: border-box;
}

#btnPagarOpenPay, #btnPagarBanortePW {
    margin-top: 5px;
    padding: 0 15px;
    background-color: #3D4F5F;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 35px;
    height: 35px;
    width: 120px;
}

    #btnPagarOpenPay:focus, #btnPagarBanortePW:focus {
        outline: none;
    }

.ClassbtnPagarOPValido {
    background-color: yellowgreen !important;
}

#btnPagarOpenPayT, #btnPagarOpenPayB, #btnPagarMultipago {
    margin-top: 10px;
    padding: 0 15px;
    background-color: #3D4F5F;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 50px;
    height: 50px;
    width: 70px;
    float: right;
}

    #btnPagarOpenPayT:hover, #btnPagarOpenPayB:hover, #btnPagarMultipago:hover {
        background-color: #51697e;
        color: white;
    }

    #btnPagarOpenPayT:focus, #btnPagarOpenPayB:focus, #btnPagarMultipago:hover {
        outline: none;
    }

#divFormOPContenido #h4Tiendas, #divFormOPContenido #h4Bancos {
    padding: 10px;
    font-size: 1em;
    color: gray;
    margin-top: 10px;
}

#divOPLogosTiendas {
    position: relative;
    width: 345px;
    height: 96px;
    margin: 5px auto;
    background-image: url(../images/Icons/tiendasop.png);
    background-repeat: no-repeat;
}

#divOPLogosBancos {
    position: relative;
    width: 345px;
    height: 48px;
    margin: 5px auto;
    background-image: url(../images/Icons/spei.png);
    background-repeat: no-repeat;
    background-size: 160px 48px;
    background-position: center;
}

#aOPMasTiendas, #aOPMasBancos {
    text-decoration: none;
    color: #0097FF;
    padding: 5px 30px;
    font-size: 1.5em;
    cursor: pointer
}

    #aOPMasTiendas:focus, #aOPMasBancos:focus {
        outline: none;
    }

#h2TituloProceso {
    position: absolute;
    font-size: 1.5em;
    width: 300px;
    height: 200px;
    padding: 10px;
    top: 50%;
    left: 50%;
    color: navy;
    margin-top: -100px;
    margin-left: -150px;
}

@media (max-width: 768px),(max-height: 600px) {
    #datosFacturacion {
        background-color: white !important;
        width: 335px !important;
        text-align: center !important;
        -webkit-border-radius: 8px !important;
        -moz-border-radius: 8px !important;
        -ms-border-radius: 8px !important;
        -o-border-radius: 8px !important;
        border-radius: 8px !important;
        padding: 10px !important;
        overflow: hidden;
    }

    #divPeriodosPopUp {
        background-color: white !important;
        width: 350px !important;
        height: auto !important;
        text-align: center !important;
        -webkit-border-radius: 8px !important;
        -moz-border-radius: 8px !important;
        -ms-border-radius: 8px !important;
        -o-border-radius: 8px !important;
        border-radius: 8px !important;
        padding: 10px !important;
    }
}
/*FIN ESTADO CUENTA*/
/*VISTA HISTORIAL*/
#divHistorial {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 20px;
}

#lbltituloHistorial {
    padding: 10px 0px;
    margin-top: 10px;
    color: white;
    background-color: #0097FF;
    text-align: center;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

#divContHistorial {
    width: 94%;
    margin-top: 35px;
    padding: 10px;
    background-color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border: 1px solid #c3c3c3;
}

#divGridHistorial {
    position: relative;
}

.divGridHistorial {
    position: relative;
}

#divFuncionesHistorial, #divFuncionesIncidencias {
    position: relative;
    margin-bottom: 10px;
}

.divFuncionesHistorial, .divFuncionesInformacion {
    position: relative;
    margin-bottom: 10px;
}

#btnImprimirFichaMedica {
    position: relative;
    padding: 0 5px;
    background-color: white;
    background-image: url('../Images/Icons/FichaMedica_64x64.png');
    background-repeat: no-repeat;
    background-position: center 5px;
    background-size: 32px;
    color: black;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    height: 64px;
    line-height: 100px;
    text-align: center;
    width: 72px;
    display: inline-block;
}

    #btnImprimirFichaMedica:hover {
        color: white;
        background-color: #0097FF;
    }

    #btnImprimirFichaMedica:focus {
        outline: none;
    }

.btnImprimirFichaMedica {
    position: relative !important;
    padding: 0 5px !important;
    background-color: white !important;
    background-image: url('../Images/Icons/FichaMedica_64x64.png') !important;
    background-repeat: no-repeat !important;
    background-position: center 5px !important;
    background-size: 32px !important;
    color: black !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    height: 64px !important;
    line-height: 100px !important;
    text-align: center !important;
    width: 72px !important;
    display: inline-block !important;
}

    .btnImprimirFichaMedica:hover {
        color: white !important;
        background-color: #0097FF !important;
    }

    .btnImprimirFichaMedica:focus {
        outline: none !important;
    }

#btnImprimirIncidencias {
    position: relative;
    padding: 0 5px;
    background-color: white;
    background-image: url('../Images/Icons/Incidencias_64x64.png');
    background-repeat: no-repeat;
    background-position: center 5px;
    background-size: 32px;
    color: black;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    height: 64px;
    line-height: 100px;
    text-align: center;
    width: 72px;
    display: inline-block;
}

    #btnImprimirIncidencias:hover {
        color: white;
        background-color: #0097FF;
    }

    #btnImprimirIncidencias:focus {
        outline: none;
    }

.btnImprimirIncidencias {
    position: relative !important;
    padding: 0 5px !important;
    background-color: white !important;
    background-image: url('../Images/Icons/Incidencias_64x64.png') !important;
    background-repeat: no-repeat !important;
    background-position: center 5px !important;
    background-size: 32px !important;
    color: black !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    height: 64px !important;
    line-height: 100px !important;
    text-align: center !important;
    width: 72px !important;
    display: inline-block !important;
}

    .btnImprimirIncidencias:hover {
        color: white !important;
        background-color: #0097FF !important;
    }

    .btnImprimirIncidencias:focus {
        outline: none !important;
    }

#btnImprimirFicha {
    position: relative;
    padding: 0 5px;
    background-color: white;
    background-image: url('../Images/Icons/FichaInscripcion_32x32.png');
    background-repeat: no-repeat;
    background-position: center 5px;
    color: black;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    height: 64px;
    line-height: 100px;
    text-align: center;
    width: 72px;
    display: inline-block;
}

    #btnImprimirFicha:hover {
        color: white;
        background-color: #0097FF;
    }

    #btnImprimirFicha:focus {
        outline: none;
    }

.btnImprimirFicha {
    position: relative !important;
    padding: 0 5px !important;
    background-color: white !important;
    background-image: url('../Images/Icons/FichaInscripcion_32x32.png') !important;
    background-repeat: no-repeat !important;
    background-position: center 5px !important;
    color: black !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    height: 64px !important;
    line-height: 100px !important;
    text-align: center !important;
    width: 72px !important;
    display: inline-block !important;
}

    .btnImprimirFicha:hover {
        color: white !important;
        background-color: #0097FF !important;
    }

    .btnImprimirFicha:focus {
        outline: none !important;
    }

#btnImprimirCalificacion {
    position: relative;
    padding: 0 5px;
    background-color: white;
    background-image: url('../Images/Icons/CapturaCalificaciones_32x32.png');
    background-repeat: no-repeat;
    background-position: center 5px;
    color: black;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    height: 64px;
    line-height: 100px;
    text-align: center;
    width: 72px;
    display: inline-block;
}

    #btnImprimirCalificacion:hover {
        color: white;
        background-color: #0097FF;
    }

    #btnImprimirCalificacion:focus {
        outline: none;
    }

.btnImprimirCalificacion {
    position: relative !important;
    padding: 0 5px !important;
    background-color: white !important;
    background-image: url('../Images/Icons/CapturaCalificaciones_32x32.png') !important;
    background-repeat: no-repeat !important;
    background-position: center 5px !important;
    color: black !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    height: 64px !important;
    line-height: 100px !important;
    text-align: center !important;
    width: 72px !important;
    display: inline-block !important;
}

    .btnImprimirCalificacion:hover {
        color: white !important;
        background-color: #0097FF !important;
    }

    .btnImprimirCalificacion:focus {
        outline: none !important;
    }

#btnImprimirKardex {
    position: relative;
    padding: 0 5px;
    background-color: white;
    background-image: url('../Images/Icons/Kardex_32x32.png');
    background-repeat: no-repeat;
    background-position: center 5px;
    color: black;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    height: 64px;
    line-height: 100px;
    text-align: center;
    width: 72px;
    display: inline-block;
}

    #btnImprimirKardex:hover {
        color: white;
        background-color: #0097FF;
    }

    #btnImprimirKardex:focus {
        outline: none;
    }

#btnImprimirBoleta {
    position: relative;
    padding: 0 5px;
    background-color: white;
    background-image: url('../Images/Icons/boletacalificaciones32x32.png');
    background-repeat: no-repeat;
    background-position: center 5px;
    color: black;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    height: 64px;
    line-height: 100px;
    text-align: center;
    width: 72px;
    display: inline-block;
}

    #btnImprimirBoleta:hover {
        color: white;
        background-color: #0097FF;
    }

    #btnImprimirBoleta:focus {
        outline: none;
    }

.btnImprimirBoleta {
    position: relative !important;
    padding: 0 5px !important;
    background-color: white !important;
    background-image: url('../Images/Icons/boletacalificaciones32x32.png') !important;
    background-repeat: no-repeat !important;
    background-position: center 5px !important;
    color: black !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    height: 64px !important;
    line-height: 100px !important;
    text-align: center !important;
    width: 72px !important;
    display: inline-block !important;
}

    .btnImprimirBoleta:hover {
        color: white !important;
        background-color: #0097FF !important;
    }

    .btnImprimirBoleta:focus {
        outline: none !important;
    }

#btnImprimirHorario {
    position: relative;
    padding: 0 5px;
    background-color: white;
    background-image: url('../Images/Icons/HorariosEscolares_64x64.png');
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: center 5px;
    color: black;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    height: 64px;
    line-height: 100px;
    text-align: center;
    width: 72px;
    display: inline-block;
}

    #btnImprimirHorario:hover {
        color: white;
        background-color: #0097FF;
    }

    #btnImprimirHorario:focus {
        outline: none;
    }

.btnImprimirHorario {
    position: relative !important;
    padding: 0 5px !important;
    background-color: white !important;
    background-image: url('../Images/Icons/HorariosEscolares_64x64.png') !important;
    background-repeat: no-repeat !important;
    background-size: 32px !important;
    background-position: center 5px !important;
    color: black !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    height: 64px !important;
    line-height: 100px !important;
    text-align: center !important;
    width: 72px !important;
    display: inline-block !important;
}

    .btnImprimirHorario:hover {
        color: white !important;
        background-color: #0097FF !important;
    }

    .btnImprimirHorario:focus {
        outline: none !important;
    }

#btnImprimirEdoCuenta {
    position: relative;
    padding: 0 5px;
    background-color: white;
    background-image: url('../Images/Icons/EstadoCuenta_32x32.png');
    background-repeat: no-repeat;
    background-position: center 5px;
    color: black;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    height: 64px;
    line-height: 100px;
    text-align: center;
    width: 72px;
    display: inline-block;
}

    #btnImprimirEdoCuenta:hover {
        color: white;
        background-color: #0097FF;
    }

    #btnImprimirEdoCuenta:focus {
        outline: none;
    }

.btnImprimirEdoCuenta {
    position: relative !important;
    padding: 0 5px !important;
    background-color: white !important;
    background-image: url('../Images/Icons/EstadoCuenta_32x32.png') !important;
    background-repeat: no-repeat !important;
    background-position: center 5px !important;
    color: black !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    height: 64px !important;
    line-height: 100px !important;
    text-align: center !important;
    width: 72px !important;
    display: inline-block !important;
}

    .btnImprimirEdoCuenta:hover {
        color: white !important;
        background-color: #0097FF !important;
    }

    .btnImprimirEdoCuenta:focus {
        outline: none !important;
    }

.btnDatosPersonales {
    position: relative !important;
    padding: 0 5px !important;
    background-color: white !important;
    background-image: url('../Images/Icons/personales32x32b.png') !important;
    background-repeat: no-repeat !important;
    background-position: center 5px !important;
    background-size: 32px !important;
    color: black !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    height: 64px !important;
    line-height: 100px !important;
    text-align: center !important;
    width: 120px !important;
    display: inline-block !important;
}

    .btnDatosPersonales:hover {
        color: white !important;
        background-color: #0097FF !important;
    }

    .btnDatosPersonales:focus {
        outline: none !important;
    }

.btnDatosFacturacion {
    position: relative !important;
    padding: 0 5px !important;
    background-color: white !important;
    background-image: url('../Images/Icons/facturacionb32x32.png') !important;
    background-repeat: no-repeat !important;
    background-position: center 5px !important;
    background-size: 32px !important;
    color: black !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    height: 64px !important;
    line-height: 100px !important;
    text-align: center !important;
    width: 120px !important;
    display: inline-block !important;
}

    .btnDatosFacturacion:hover {
        color: white !important;
        background-color: #0097FF !important;
    }

    .btnDatosFacturacion:focus {
        outline: none !important;
    }

.btnDatosFichaMedica {
    position: relative !important;
    padding: 0 5px !important;
    background-color: white !important;
    background-image: url('../Images/Icons/medicalb.png') !important;
    background-repeat: no-repeat !important;
    background-position: center 5px !important;
    background-size: 32px !important;
    color: black !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    height: 64px !important;
    line-height: 100px !important;
    text-align: center !important;
    width: 120px !important;
    display: inline-block !important;
}

    .btnDatosFichaMedica:hover {
        color: white !important;
        background-color: #0097FF !important;
    }

    .btnDatosFichaMedica:focus {
        outline: none !important;
    }

.btnDatosDocumentos {
    position: relative !important;
    padding: 0 5px !important;
    background-color: white !important;
    background-image: url('../Images/Icons/documentos32x32b.png') !important;
    background-repeat: no-repeat !important;
    background-position: center 5px !important;
    background-size: 32px !important;
    color: black !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    height: 64px !important;
    line-height: 100px !important;
    text-align: center !important;
    width: 120px !important;
    display: inline-block !important;
}

    .btnDatosDocumentos:hover {
        color: white !important;
        background-color: #0097FF !important;
    }

    .btnDatosDocumentos:focus {
        outline: none !important;
    }

.btnFichaGeneral {
    position: relative !important;
    padding: 0 5px !important;
    background-color: white !important;
    background-image: url('../Images/Icons/fmgeneral32x32b.png') !important;
    background-repeat: no-repeat !important;
    background-position: center 5px !important;
    background-size: 32px !important;
    color: black !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    height: 64px !important;
    line-height: 100px !important;
    text-align: center !important;
    width: 120px !important;
    display: inline-block !important;
}

    .btnFichaGeneral:hover {
        color: white !important;
        background-color: #0097FF !important;
    }

    .btnFichaGeneral:focus {
        outline: none !important;
    }

.btnFichaMedico {
    position: relative !important;
    padding: 0 5px !important;
    background-color: white !important;
    background-image: url('../Images/Icons/fmmedico32x32b.png') !important;
    background-repeat: no-repeat !important;
    background-position: center 5px !important;
    background-size: 32px !important;
    color: black !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    height: 64px !important;
    line-height: 100px !important;
    text-align: center !important;
    width: 120px !important;
    display: inline-block !important;
}

    .btnFichaMedico:hover {
        color: white !important;
        background-color: #0097FF !important;
    }

    .btnFichaMedico:focus {
        outline: none !important;
    }

.btnFichaPadecimientos {
    position: relative !important;
    padding: 0 5px !important;
    background-color: white !important;
    background-image: url('../Images/Icons/fmpadecimientos32x32b.png') !important;
    background-repeat: no-repeat !important;
    background-position: center 5px !important;
    background-size: 32px !important;
    color: black !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    height: 64px !important;
    line-height: 100px !important;
    text-align: center !important;
    width: 120px !important;
    display: inline-block !important;
}

    .btnFichaPadecimientos:hover {
        color: white !important;
        background-color: #0097FF !important;
    }

    .btnFichaPadecimientos:focus {
        outline: none !important;
    }

.btnFichaInfoMedica {
    position: relative !important;
    padding: 0 5px !important;
    background-color: white !important;
    background-image: url('../Images/Icons/fminfomedica32x32b.png') !important;
    background-repeat: no-repeat !important;
    background-position: center 5px !important;
    background-size: 32px !important;
    color: black !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    height: 64px !important;
    line-height: 100px !important;
    text-align: center !important;
    width: 120px !important;
    display: inline-block !important;
}

    .btnFichaInfoMedica:hover {
        color: white !important;
        background-color: #0097FF !important;
    }

    .btnFichaInfoMedica:focus {
        outline: none !important;
    }

.btnFichaHistorial {
    position: relative !important;
    padding: 0 5px !important;
    background-color: white !important;
    background-image: url('../Images/Icons/documentos32x32b.png') !important;
    background-repeat: no-repeat !important;
    background-position: center 5px !important;
    background-size: 32px !important;
    color: black !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    height: 64px !important;
    line-height: 100px !important;
    text-align: center !important;
    width: 120px !important;
    display: inline-block !important;
}

    .btnFichaHistorial:hover {
        color: white !important;
        background-color: #0097FF !important;
    }

    .btnFichaHistorial:focus {
        outline: none !important;
    }

#btnEnviarEmailHistorial {
    position: relative;
    padding: 0 5px;
    background-color: white;
    background-image: url('../Images/Icons/Email_32x32.png');
    background-repeat: no-repeat;
    background-position: center 5px;
    color: black;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    height: 64px;
    line-height: 100px;
    text-align: center;
    width: 72px;
    display: inline-block;
}

    #btnEnviarEmailHistorial:hover {
        color: white;
        background-color: #0097FF;
    }

    #btnEnviarEmailHistorial:focus {
        outline: none;
    }
/*FIN VISTA HISTORIAL*/
/*VISTA INCIDENCIAS*/
#divIncidencias {
    position: relative;
    width: 100%;
    height: auto;
}

#lbltituloIncidencias, #lbltituloEstDocIncidencias, #lbltituloIncidenciasMasivas, #lbltituloIncidenciasDocMasivas {
    padding: 10px 0px;
    margin-top: 10px;
    color: white;
    background-color: #0097FF;
    text-align: center;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.classlblTitulosSticky {
    padding: 10px 0px !important;
    margin-top: 10px !important;
    color: white !important;
    background-color: #0097FF !important;
    text-align: center !important;
    height: 32px !important;
    line-height: 32px !important;
    border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    position: sticky !important;
    top: 70px !important;
    z-index: 1 !important;
    cursor: pointer !important;
}

@media (max-width: 768px) {
    .classlblTitulosSticky {
        top: 85px !important;
    }
}

#divContIncidencias {
    width: 100%;
    margin-top: 10px;
    padding: 10px;
    background-color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border: 1px solid #c3c3c3;
    box-sizing: border-box;
}

#divGridIncidencias {
    position: relative;
}

#btnReporteIncidencias {
    padding: 0 15px;
    background-color: #3d4f5f;
    background-image: url(../images/Icons/print24.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    padding-left: 50px;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 40px;
    display: inline-block;
    margin: 10px;
    width: 125px;
}

    #btnReporteIncidencias:hover {
        background-color: #51697e;
    }

    #btnReporteIncidencias:focus {
        outline: none;
    }

#divContOpcIncidencias, #divContGridsIncidencias {
    position: relative;
    width: 100%;
    margin-top: 10px;
    padding: 10px;
    background-color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border: 1px solid #c3c3c3;
    box-sizing: border-box;
}

#divContGridsIncidenciasDoc {
    position: relative;
    width: 100%;
    margin-top: 10px;
    padding: 10px;
    background-color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    box-sizing: border-box;
}

#divIncidencias #gvDocentes .dxgvCSD {
    height: auto !important;
}

#btnAgregarComentarios {
    padding: 0 15px;
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 40px;
    display: inline-block;
    width: 100px;
    float: left;
}

    #btnAgregarComentarios:hover {
        background: #51697e;
    }

    #btnAgregarComentarios:focus {
        outline: none;
    }

#btnAgregarComentariosDoc {
    padding: 0 15px;
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 40px;
    display: inline-block;
    width: 100px;
    float: left;
}

    #btnAgregarComentariosDoc:hover {
        background: #51697e;
    }

    #btnAgregarComentariosDoc:focus {
        outline: none;
    }

.classlblVer {
    width: 255px;
    height: 48px;
    font-size: 1.1em;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    color: black;
    background-color: rgba(255,255,255,0.3);
    background-image: url(../Images/Icons/downlbl.svg);
    background-repeat: no-repeat;
    background-position: 225px center;
    margin: 10px auto;
    line-height: 48px;
    border-radius: 4px;
    transition: all .2s cubic-bezier(.17,.67,.83,.67) !important;
}

    .classlblVer:hover {
        transition: all .2s cubic-bezier(.17,.67,.83,.67) !important;
        background-color: rgba(255,255,255,1);
        -webkit-box-shadow: rgba(0, 0, 0, 0.26) 0px 2px 5px;
        -moz-box-shadow: rgba(0, 0, 0, 0.26) 0px 2px 5px;
        box-shadow: rgba(0, 0, 0, 0.26) 0px 2px 5px;
    }

.classlblVerHide {
    transition: all .2s cubic-bezier(.17,.67,.83,.67) !important;
    display: none !important;
}

.classdivVer {
    width: 100%;
    margin-top: 10px;
    opacity: 0;
    height: auto;
    box-sizing: border-box;
    transition: all .2s cubic-bezier(.17,.67,.83,.67) !important;
}

.classdivLoad:empty {
    width: 64px;
    height: 64px;
    box-sizing: border-box;
    border: solid 3px rgba(0,155,255,0.3);
    border-top-color: #0097FF;
    border-left-color: #0097FF;
    border-right-color: #0097FF;
    border-radius: 50%;
    -webkit-animation: tools-spinner 1500ms linear infinite;
    animation: tools-spinner 1500ms linear infinite;
    margin: 20px auto;
}

.classdivVerShow {
    transition: all .3s cubic-bezier(.17,.67,.83,.67) !important;
    opacity: 1 !important;
}

.classDisplayNone {
    display: none !important;
}

@-webkit-keyframes tools-spinner {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes tools-spinner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/*FIN VISTA INCIDENCIAS*/
/*VISTA CALIFICACIONES*/
#divCalificaciones {
    position: relative;
    width: 100%;
    height: auto;
}

#divContFormCalificaciones, #divContFechasCaptura, #divContFechasCalif, #divContNuevasFechasCaptura {
    width: 100%;
    margin-top: 10px;
    padding: 10px;
    background-color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border: 1px solid #c3c3c3;
    box-sizing: border-box;
}

#buttonClose, #buttonClose2, #buttonClose3, #buttonClose4, #buttonClose5, #buttonClose6, #buttonClose7, #buttonClose8, #buttonClose9 {
    background: #3d4f5f !important;
    color: white !important;
    text-decoration: none !important;
}

    #buttonClose:hover, #buttonClose2:hover, #buttonClose3:hover, #buttonClose4:hover, #buttonClose5:hover, #buttonClose6:hover, #buttonClose7:hover, #buttonClose8:hover, #buttonClose9:hover {
        background: #51697e !important;
    }

    #buttonClose:focus, #buttonClose2:focus, #buttonClose3:focus, #buttonClose4:focus, ##buttonClose5:focus, #buttonClose6:focus, #buttonClose7:focus, #buttonClose8:focus, #buttonClose9:focus {
        outline: none !important;
    }

#ribbonMenuCalificaciones_TC_TC {
    border-color: transparent !important;
}

#contSpreadCalificaciones {
    background-color: white;
    padding: 20px;
    display: none;
}

#btnMostrarOcultarFiltros {
    background-color: white;
    background-image: url(../Images/Icons/minus.png);
    background-repeat: no-repeat;
    background-position: 2px center;
    background-size: 32px !important;
    color: #808080;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    width: 100px;
    height: 32px;
    text-align: left;
    padding-left: 45px;
    line-height: 32px;
}

    #btnMostrarOcultarFiltros:focus {
        outline: none;
    }

.OcutarFiltrosClass {
    background-image: url(../Images/Icons/plus.png) !important;
    background-repeat: no-repeat !important;
    background-position: 2px center !important;
    background-size: 32px !important;
}

#gleCursosMaestros_ET .dxgvCSD {
    height: auto !important;
}

#gleCursosMaestrosMaterias_DDD_gv .dxgvCSD {
    height: auto !important;
}

#gvItemsFechasCalif .dxgvCSD {
    height: auto !important;
}

#gvCursosMaestrosFechasCalif .dxgvCSD {
    height: auto !important;
}

#lbltituloFechasCaptura, #lbltituloFechasCalif, #lbltituloNuevasFechasCaptura, #lbltituloCalificaciones {
    padding: 10px 0px;
    margin-top: 10px;
    color: white;
    background-color: #0097FF;
    text-align: center;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

#rbCapturarCFUnidades {
    box-shadow: none !important;
}

#chkUnidad {
    display: inline-block;
}

#divDropDownUnidades, #divTipoFCI, #chkCalificacionFinalFCI, .classInline, #divDropDownUnidadesFCI, #chkUnidadFCI {
    display: inline-block;
}
/*FIN VISTA CALIFICACIONES*/
/*VISTA CONFIGURACIONES*/
#isNoticias2 {
    width: 100% !important;
}

    #isNoticias2 .dxis-passePartout, #isNoticias .dxis-passePartout {
        background-color: transparent !important;
    }

#divConfiguracionesFondos, #divConfiguracionesInfo, #divConfiguracionesNoticias, #divConfiguracionesPublicaciones, #divConfiguracionesRedes, #divConfiguracionesGenerales {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 20px;
}

#lbltituloConfigFondos, #lbltituloConfigInfo, #lbltituloConfigNoticias, #lbltituloConfigPublicaciones, #lbltituloConfigRedes, #lbltituloConfigGenerales, #lbltituloConfigGPagos, #lbltituloConfigGFacturacion, #lbltituloConfigGMensajes, #lbltituloConfigGWidgets, #lbltituloConfigGApps, #lbltituloConfigGCalificaciones, #lblUnidadesFechasCalif, #lblCursosCMFechasCalif, #lbltituloConfigGIncidencias, #lbltituloConfigGNotificaciones, #lbltituloConfigGAspirantes, #lbltituloConfigGAsistencia, #lbltituloConfigGEstudiantes, #lbltituloConfigGAulaVirtual, #lbltituloConfigGApis {
    padding: 10px 0px;
    margin-top: 10px;
    color: white;
    background-color: #0097FF;
    text-align: center;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

#divConfigFondos, #divConfigInfo, #divConfigNoticias, #divConfigPublicaciones, #divConfigRedes, #divConfigGenerales {
    position: relative;
    width: 94%;
    margin-top: 35px;
    padding: 10px;
    background-color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border: 1px solid #c3c3c3;
}

#divVistaPreviaFondos {
    position: relative;
    width: 100%;
    height: 576px;
    border: 1px solid #c3c3c3;
}

#divImagenesFondo {
    position: absolute;
    width: 305px;
    background-color: white;
    top: 0px;
    opacity: 0.3;
    z-index: 1;
}

    #divImagenesFondo:hover {
        opacity: 1;
    }

#biImagenBG1, #biImagenBG2, #biImagenBG3 {
    border-radius: 150px;
    -moz-border-radius: 150px;
    -webkit-border-radius: 150px;
    -ms-border-radius: 150px;
    -o-border-radius: 150px;
}

#biImagenNoti1, #biImagenNoti2, #biImagenNoti3, #biImagenNoti4, #biImagenNoti5 {
    border-radius: 200px;
    -moz-border-radius: 200px;
    -webkit-border-radius: 200px;
    -ms-border-radius: 200px;
    -o-border-radius: 200px;
}

#btnAgregarBG1 {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 100px;
    text-decoration: none;
    background-image: url(../images/Icons/addphoto32x32.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 15px;
}

#btnAgregarBG2 {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 265px;
    text-decoration: none;
    background-image: url(../images/Icons/addphoto32x32.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 15px;
}

#btnAgregarBG3 {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 430px;
    text-decoration: none;
    background-image: url(../images/Icons/addphoto32x32.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 15px;
}

#btnAgregarImgFondo, #btnAgregarFondoAspirantes {
    width: 32px;
    height: 32px;
    position: relative;
    text-decoration: none;
    background-image: url(../images/Icons/addphoto32x32.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 15px;
}

#btnEliminarImgFondo, #btnEliminarFondoAspirantes {
    width: 32px;
    height: 32px;
    position: relative;
    text-decoration: none;
    background-image: url(../images/Icons/deletephoto32x32.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 15px;
}

#btnAgregarImagenLogo {
    width: 32px;
    height: 32px;
    position: relative;
    text-decoration: none;
    background-image: url(../images/Icons/addphoto32x32.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 15px;
    position: absolute;
    top: 160px;
}

#btnAgregarNoti1, #btnAgregarNoti2, #btnAgregarNoti3, #btnAgregarNoti4, #btnAgregarNoti5 {
    width: 32px;
    height: 32px;
    text-decoration: none;
    background-image: url(../images/Icons/addphoto32x32.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 15px;
}

#btnAnteriorNoti1, #btnAnteriorNoti2, #btnAnteriorNoti3, #btnAnteriorNoti4, #btnAnteriorNoti5 {
    width: 42px;
    height: 64px;
    text-decoration: none;
    background-image: url(../images/Icons/anterior32x32.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #3d4f5f;
    position: absolute;
    top: 150px;
    opacity: 0.5;
}

#btnSiguienteNoti1, #btnSiguienteNoti2, #btnSiguienteNoti3, #btnSiguienteNoti4, #btnSiguienteNoti5 {
    width: 42px;
    height: 64px;
    text-decoration: none;
    background-image: url(../images/Icons/siguiente32x32.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #3d4f5f;
    position: absolute;
    top: 150px;
    right: 0px;
    opacity: 0.5;
}

    #btnSiguienteNoti1:hover, #btnAnteriorNoti1:hover, #btnSiguienteNoti2:hover, #btnAnteriorNoti2:hover {
        opacity: 1;
    }

    #btnAgregarBG1:focus, #btnAgregarBG2:focus, #btnAgregarBG3:focus, #btnAgregarImgFondo:focus, #btnEliminarImgFondo:focus, #btnAgregarImagenLogo:focus, #btnAgregarNoti1:focus, #btnAgregarNoti2:focus, #btnAgregarNoti3:focus, #btnAgregarNoti4:focus, #btnAgregarNoti5:focus, #btnSiguienteNoti1:focus, #btnAnteriorNoti1:focus, #btnSiguienteNoti2:focus, #btnAnteriorNoti2:focus, #btnSiguienteNoti3:focus, #btnAnteriorNoti3:focus, #btnSiguienteNoti2:focus, #btnAnteriorNoti4:focus, #btnSiguienteNoti5:focus, #btnAnteriorNoti5:focus {
        outline: none;
    }

#btnGuardarCambios, #btnGuardarCambios2, #btnGuardarCambios3, #btnGuardarCambios4, #btnGuardarCambios5, #btnGuardarCambios6, #btnGuardarCambios7, #btnGuardarCambios8, #btnGuardarCambios9, #btnGuardarCambios10, #btnGuardarCambios11, #btnGuardarCambios12, #btnGuardarCambios13, #btnGuardarCambios14, #btnGuardarFechasFactura {
    padding: 0 15px;
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 40px;
    display: inline-block;
    width: 100px;
    float: right;
}

    #btnGuardarCambios:hover, #btnGuardarCambios2:hover, #btnGuardarCambios3:hover, #btnGuardarCambios4:hover, #btnGuardarCambios5:hover, #btnGuardarCambios6:hover, #btnGuardarCambios7:hover, #btnGuardarCambios8:hover, #btnGuardarCambios9:hover, #btnGuardarCambios10:hover, #btnGuardarCambios11:hover, #btnGuardarCambios12:hover, #btnGuardarCambios13:hover, #btnGuardarCambios14:hover, #btnGuardarFechasFactura:hover {
        background: #51697e;
    }

    #btnGuardarCambios:focus, #btnGuardarCambios2:focus, #btnGuardarCambios3:focus, #btnGuardarCambios4:focus, #btnGuardarCambios5:focus, #btnGuardarCambios6:focus, #btnGuardarCambios7:focus, #btnGuardarCambios8:focus, #btnGuardarCambios9:focus, #btnGuardarCambios10:focus, #btnGuardarCambios11:focus, #btnGuardarCambios12:focus, #btnGuardarCambios13:focus, #btnGuardarCambios14:focus, #btnGuardarFechasFactura:focus {
        outline: none;
    }

#sidebarvp {
    width: 100%;
    background: white;
    min-height: 300px;
    padding: 25px 0;
    border: 1px solid #c3c3c3;
    display: inline-table;
}

    #sidebarvp img {
        margin: 0 auto 45px;
        display: block;
    }

    #sidebarvp ul.info {
        padding: 0 5px 0 5px;
        list-style: none;
    }

        #sidebarvp ul.info strong {
            display: block;
            color: black;
            margin-bottom: 8px;
            font-weight: bold;
            margin-left: 10px;
        }

        #sidebarvp ul.info li {
            font-size: 14px;
            margin-bottom: 1px;
            position: relative;
            line-height: 18px;
            height: 65px;
            word-wrap: break-word;
            padding: 10px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
        }

        #sidebarvp ul.info i {
            display: inline-block;
            position: absolute;
        }

            #sidebarvp ul.info i.icons-phone {
                width: 12px;
                height: 16px;
                left: 3px;
            }

            #sidebarvp ul.info i.icons-address {
                width: 11px;
                height: 16px;
                left: 3px;
            }

            #sidebarvp ul.info i.icons-mail {
                width: 16px;
                height: 15px;
                left: 3px;
            }

        #sidebarvp ul.info h2 {
            font-size: 10px;
            display: inline-block;
            position: absolute;
            bottom: 0px;
            right: 30px;
            color: gray;
        }

#lblLeyendaImagenLogo {
    position: absolute;
    top: 105px;
}

#divVistaPreviaNoticias {
    position: relative;
    width: 100%;
}

#divGridPublicaciones {
    position: relative;
    width: 100%;
}

#divVistaPreviaPublicaciones {
    position: absolute;
    width: 100%;
    height: auto;
    background-color: white;
    top: 0px;
    left: 0px;
    display: none;
    z-index: 1;
    padding: 0px 10px;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

#biCerrarPublicaciones {
    position: relative !important;
    cursor: pointer !important;
    background-color: white;
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
}

#imagenPublicacion {
    background-color: white !important;
    width: 260px !important;
    height: auto !important;
    text-align: left !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -ms-border-radius: 8px !important;
    -o-border-radius: 8px !important;
    border-radius: 8px !important;
    padding: 10px !important;
}

#ribbonMenuGenerales_TC_TC {
    border-color: transparent !important;
}

#divContGenerales {
    position: relative;
    width: 100%;
}

#ceColorFondo_DDD_CNC_CCB, #ceColorFondo_DDD_CNC_OB, #ceColorFondo_DDD_CNC_CB, #ceColorTituloPub_DDD_CNC_CCB, #ceColorTituloPub_DDD_CNC_OB, #ceColorTituloPub_DDD_CNC_CB, #ceColorDescPub_DDD_CNC_CCB, #ceColorDescPub_DDD_CNC_OB, #ceColorDescPub_DDD_CNC_CB, #gvFechasFacturacion_DXEditor3_DDD_C_BT, #gvFechasFacturacion_DXEditor2_DDD_C_BT, #gvFechasFacturacion_DXEditor2_DDD_C_BC, #gvFechasFacturacion_DXEditor2_DDD_C_FNP_BO, #gvFechasFacturacion_DXEditor2_DDD_C_FNP_BC, #gvFechasFacturacion_DXEditor3_DDD_C_BC, #gvFechasFacturacion_DXEditor3_DDD_C_FNP_BO, #gvFechasFacturacion_DXEditor3_DDD_C_FNP_BC {
    background: #3d4f5f !important;
    color: white !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    border: none !important;
}

    #ceColorFondo_DDD_CNC_CCB:hover, #ceColorFondo_DDD_CNC_OB:hover, #ceColorFondo_DDD_CNC_CB:hover, #ceColorTituloPub_DDD_CNC_CCB:hover, #ceColorTituloPub_DDD_CNC_OB:hover, #ceColorTituloPub_DDD_CNC_CB:hover, #ceColorDescPub_DDD_CNC_CCB:hover, #ceColorDescPub_DDD_CNC_OB:hover, #ceColorDescPub_DDD_CNC_CB:hover, #gvFechasFacturacion_DXEditor2_DDD_C_BT:hover, #gvFechasFacturacion_DXEditor2_DDD_C_BC:hover, #gvFechasFacturacion_DXEditor2_DDD_C_FNP_BO:hover, #gvFechasFacturacion_DXEditor2_DDD_C_FNP_BC:hover, #gvFechasFacturacion_DXEditor3_DDD_C_BC:hover, #gvFechasFacturacion_DXEditor3_DDD_C_FNP_BO:hover, #gvFechasFacturacion_DXEditor3_DDD_C_FNP_BC:hover {
        background: #51697e !important;
    }

    #ceColorFondo_DDD_CNC_CCB:focus, #ceColorFondo_DDD_CNC_OB:focus, #ceColorFondo_DDD_CNC_CB:focus, #ceColorTituloPub_DDD_CNC_CCB:focus, #ceColorTituloPub_DDD_CNC_OB:focus, #ceColorTituloPub_DDD_CNC_CB:focus, #ceColorDescPub_DDD_CNC_CCB:focus, #ceColorDescPub_DDD_CNC_OB:focus, #ceColorDescPub_DDD_CNC_CB:focus, #gvFechasFacturacion_DXEditor2_DDD_C_BT:focus, #gvFechasFacturacion_DXEditor2_DDD_C_BC:focus, #gvFechasFacturacion_DXEditor2_DDD_C_FNP_BO:focus, #gvFechasFacturacion_DXEditor2_DDD_C_FNP_BC:focus, #gvFechasFacturacion_DXEditor3_DDD_C_BC:focus, #gvFechasFacturacion_DXEditor3_DDD_C_FNP_BO:focus, #gvFechasFacturacion_DXEditor3_DDD_C_FNP_BC:focus {
        outline: none !important;
    }

#btnAgregarImgCumple {
    width: 32px;
    height: 32px;
    position: relative;
    text-decoration: none;
    background-image: url(../images/Icons/addphoto32x32.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 15px;
}

#imgAyudaContenido {
    position: absolute;
    top: 190px;
    left: 90px;
    cursor: pointer;
}

#imgAyudaVistas {
    position: absolute;
    top: 262px;
    left: 90px;
    cursor: pointer;
}

#contModUniCursosCM {
    position: relative;
    width: 100%;
    height: auto;
    display: none;
}

#deFechaCalifInicial_DDD_C_BT, #deFechaCalifInicial_DDD_C_FNP_BO, #deFechaCalifInicial_DDD_C_FNP_BC, #deFechaCalifFinal_DDD_C_BT, #deFechaCalifFinal_DDD_C_FNP_BO, #deFechaCalifFinal_DDD_C_FNP_BC {
    background: #3d4f5f !important;
    color: white !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    border: none !important;
}

    #deFechaCalifInicial_DDD_C_BT:hover, #deFechaCalifInicial_DDD_C_FNP_BO:hover, #deFechaCalifInicial_DDD_C_FNP_BC:hover, #deFechaCalifFinal_DDD_C_BT:hover, #deFechaCalifFinal_DDD_C_FNP_BO:hover, #deFechaCalifFinal_DDD_C_FNP_BC:hover {
        background: #51697e !important;
    }

    #deFechaCalifInicial_DDD_C_BT:focus, #deFechaCalifInicial_DDD_C_FNP_BO:focus, #deFechaCalifInicial_DDD_C_FNP_BC:focus, #deFechaCalifFinal_DDD_C_BT:focus, #deFechaCalifFinal_DDD_C_FNP_BO:focus, #deFechaCalifFinal_DDD_C_FNP_BC:focus {
        outline: none !important;
    }

#ribbonMenuGenerales_T0G0I5 .dxr-label {
    border: 1px solid transparent !important;
}

#divFechasCapturaFunciones, #divFechasCalifFunciones {
    position: relative;
    width: 100%;
    height: auto;
    display: inline-block;
}

#contGridFechasCaptura {
    position: relative;
    width: 100%;
    height: auto;
}

#divConfigGenerales #gvFechasCapturaCalif .dxgvCSD {
    height: auto !important;
}

#divConfigGenerales #gvCursosMaestrosFechasCalif .dxgvCSD {
    height: auto !important;
}

#lblUrlWebHookOP, #lblUrlWebHookCP, #lblDescripcionAPI1 {
    color: #808080;
    font-weight: 400;
    line-height: 25px;
}

#lbFormasPago_LBT img {
    width: 85px;
    height: 30px;
}

#trComproPago0 td:hover, #trOpenPay0 td:hover, #trOpenPay5 td:hover, #trOpenPay8 td:hover, #trOpenPay10 td:hover {
    color: #0097FF !important;
    background-size: 110px 42px !important;
}

#btnUpdateReglasBeca {
    text-decoration: none;
    width: 32px;
    height: 32px;
    background-image: url(../Images/Icons/Apply_32x32.png);
}

#btnCancelReglasBeca {
    text-decoration: none;
    width: 32px;
    height: 32px;
    background-image: url(../Images/Icons/Cancel_32x32.png);
}

.classPreApi {
    width: 100%;
    height: auto;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-top: 5px;
    box-sizing: border-box;
    font-weight: bold;
}

.classNameAttr {
    display: inline-block;
    padding: 1px 0.5em;
    color: #333;
}

.classAttrString {
    display: inline-block;
    padding: 1px 0px;
    color: #FF9800;
}

.classAttrNumeric {
    display: inline-block;
    padding: 1px 0px;
    color: #0097FF;
}

.classAttrBool {
    display: inline-block;
    padding: 1px 0px;
    color: #673AB7;
}

    .classAttrString em, .classAttrNumeric em, .classAttrBool em {
        color: #333;
    }

.classPadding05 {
    padding: 0px 0.5em !important;
}

.classPadding01 {
    padding: 0px 1em !important;
}

.classPadding11 {
    padding: 1px 1em !important;
}

.classPadding115 {
    padding: 1px 1.5em !important;
}

.classemProvPago {
    background: #0069c0 none repeat 0 0 !important;
    color: white !important;
    font-size: 1em;
    border-radius: 4px;
    padding: 5px;
}

.classemActivado {
    background: #087f23 none repeat 0 0 !important;
    color: white !important;
    font-size: 1em;
    border-radius: 4px;
    padding: 5px;
}
/*FIN VISTA CONFIGURACIONES*/
/*VISTA ASPIRANTES*/
#divContAspirantes {
    position: relative;
    width: 100%;
    height: auto;
}

#lbltituloRecordatorios, #lbltituloAspirantes, #lbltituloDatosAspirante, #lbltituloDatosSeguimiento, #lbltituloConvertir, #lbltituloCatalogos, #lbltituloPreguntasExtras, #lbltituloAdicionalInfo {
    padding: 10px 0px;
    margin-top: 10px;
    color: white;
    background-color: #0097FF;
    text-align: center;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

#ribbonMenuAspirantes .dxr-tabWrapper {
    width: 100% !important;
}

#divRecordatorios, #divAspirantes, #divSeguimientosSucesos {
    position: relative;
    width: calc(100% - 22px);
    padding: 10px;
    background-color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border: 1px solid #c3c3c3;
}

#divCatalogosMenu {
    width: 100%;
    display: block;
}

#divCatalogosOpc {
    width: 100%;
    display: block;
}

#btnBuscarRecordatorios, #btnGuardarSeguimiento, #btnSiguienteImportar0, #btnSiguienteImportar1, #btnFinalImportar, #btnGuardarDatosAdicionales {
    padding: 0 15px;
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 40px;
    display: inline-block;
    width: 100px;
    float: right;
}

    #btnBuscarRecordatorios:hover, #btnGuardarSeguimiento:hover, #btnSiguienteImportar0:hover, #btnSiguienteImportar1:hover, #btnFinalImportar:hover {
        background: #51697e;
    }

    #btnBuscarRecordatorios:focus, #btnGuardarSeguimiento:focus, #btnSiguienteImportar0:focus, #btnSiguienteImportar1:focus, #btnFinalImportar:focus {
        outline: none;
    }

#btnRegresarImportar1, #btnRegresarImportar2 {
    padding: 0 15px;
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 40px;
    display: inline-block;
    width: 100px;
    float: left;
}

    #btnRegresarImportar1:hover, #btnRegresarImportar2:hover {
        background: #51697e;
    }

    #btnRegresarImportar1:focus, #btnRegresarImportar2:focus {
        outline: none;
    }

#contGridRecordatorios, #contGridSeguimientosRec, #contGridSeguimientos, #contGridSucesos {
    position: relative;
    width: 100%;
    height: auto;
}

#contGridAspirantes {
    position: relative;
    width: 100%;
    height: auto;
}

#divInfoRecordatorios, #divFormSeguimientos, #divFormConvertir, #divFormAspirantesAdicionalInfo {
    position: relative;
    width: 100%;
    height: auto;
    border-top: 1px solid #c3c3c3;
    margin-bottom: 35px;
    display: none;
}

#deFechaInicial_DDD_C_BT, #deFechaInicial_DDD_C_FNP_BO, #deFechaInicial_DDD_C_FNP_BC, #deFechaFinal_DDD_C_BT, #deFechaFinal_DDD_C_FNP_BO, #deFechaFinal_DDD_C_FNP_BC {
    background: #3d4f5f !important;
    color: white !important;
    text-decoration: none !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    border: none !important;
}

    #deFechaInicial_DDD_C_BT:hover, #deFechaInicial_DDD_C_FNP_BO:hover, #deFechaInicial_DDD_C_FNP_BC:hover, #deFechaFinal_DDD_C_BT:hover, #deFechaFinal_DDD_C_FNP_BO:hover, #deFechaFinal_DDD_C_FNP_BC:hover {
        background: #51697e !important;
    }

    #deFechaInicial_DDD_C_BT:focus, #deFechaInicial_DDD_C_FNP_BO:focus, #deFechaInicial_DDD_C_FNP_BC:focus, #deFechaFinal_DDD_C_BT:focus, #deFechaFinal_DDD_C_FNP_BO:focus, #deFechaFinal_DDD_C_FNP_BC:focus {
        outline: none !important;
    }

#divUsuarios {
    background-color: white !important;
    width: 300px !important;
    height: auto !important;
    text-align: left !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -ms-border-radius: 8px !important;
    -o-border-radius: 8px !important;
    border-radius: 8px !important;
    padding: 10px !important;
}

#btnCompAsigAspirante {
    position: relative;
    padding: 0 15px;
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 40px;
    display: inline-block;
    width: 100px;
}

    #btnCompAsigAspirante:hover {
        background: #51697e;
    }

    #btnCompAsigAspirante:focus {
        outline: none;
    }

#divAspirantesCorreo, #divAspirantesCelular {
    background-color: white !important;
    width: 340px !important;
    height: 450px !important;
    text-align: center !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -ms-border-radius: 8px !important;
    -o-border-radius: 8px !important;
    border-radius: 8px !important;
    padding: 10px !important;
    overflow-y: auto !important;
}

#btnEnviarCorreoAspirante, #btnEnviarSmsAspirante {
    position: relative;
    padding: 0 15px;
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 40px;
    display: inline-block;
}

    #btnEnviarCorreoAspirante:hover, #btnEnviarSmsAspirante:hover {
        background: #51697e;
    }

    #btnEnviarCorreoAspirante:focus, #btnEnviarSmsAspirante:focus {
        outline: none;
    }

#ribbonMenuAspirantes_TC_TC {
    border-color: transparent !important;
}

#lbltituloContactoAsp, #lbltituloStatusAsp, #lbltituloSucesosAsp, #lbltituloEmailAsp {
    padding: 10px 0px;
    margin-top: 10px;
    color: white;
    background-color: #0097FF;
    text-align: center;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

#btnGuardarNivelesEmail {
    padding: 0 15px;
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 40px;
    display: inline-block;
    width: 100px;
    float: right;
}

    #btnGuardarNivelesEmail:hover {
        background: #51697e;
    }

    #btnGuardarNivelesEmail:focus {
        outline: none;
    }

#lbltituloContacto {
    margin: 5px auto;
    color: #808080;
    border-bottom: solid 1px #D1D1D1;
}

#lbltituloStatus {
    margin: 5px auto;
    color: #808080;
    border-bottom: solid 1px #D1D1D1;
}

#divIncidenciasTipos, #divContIncidencia {
    background-color: white !important;
    width: 350px !important;
    height: auto !important;
    text-align: center !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -ms-border-radius: 8px !important;
    -o-border-radius: 8px !important;
    border-radius: 8px !important;
    padding: 10px !important;
}
/*#lbltituloSucesos{
    margin:5px auto;
    color:#808080;
    border-bottom:solid 1px #D1D1D1;
}*/
#lbltituloTiposIncidencias {
    margin: 5px auto;
    color: #808080;
    border-bottom: solid 1px #D1D1D1;
}

#PerGraGru, #PerGraGru2, #PerGraGru3, #PerGraGruC, #PerGraGru2C, #PerGraGru3C {
    background-color: white !important;
    padding: 25px !important;
    text-align: center !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -ms-border-radius: 8px !important;
    -o-border-radius: 8px !important;
    border-radius: 8px !important;
}

#btnCerrarPerGraGrup, #btnCerrarPerGraGrup2, #btnCerrarPerGraGrup3, #btnCerrarPerGraGrupC, #btnCerrarPerGraGrup2C, #btnCerrarPerGraGrup3C {
    position: absolute;
    display: inline-block !important;
    top: -2px !important;
    left: 300px !important;
    height: 32px !important;
    width: 32px !important;
    text-decoration: none !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 20px !important;
    -ms-border-radius: 20px !important;
    -o-border-radius: 20px !important;
    border-radius: 20px !important;
    background-image: url(../images/Icons/close32.png) !important;
    background-color: white;
}

    #btnCerrarPerGraGrup:hover, #btnCerrarPerGraGrup2:hover, #btnCerrarPerGraGrup3:hover, #btnCerrarPerGraGrupC:hover, #btnCerrarPerGraGrup2C:hover, #btnCerrarPerGraGrup3C:hover {
        background-color: #FF9000 !important;
    }

    #btnCerrarPerGraGrup:focus, #btnCerrarPerGraGrup2:focus, #btnCerrarPerGraGrup3:focus, #btnCerrarPerGraGrupC:focus, #btnCerrarPerGraGrup2C:focus, #btnCerrarPerGraGrup3C:focus {
        outline: none !important;
    }

.gvAspirantes_ErrorRow {
    position: absolute !important;
    top: -48px !important;
}

#divOpcionesAspirante {
    position: relative;
}

#divFloatRecordatorios {
    position: fixed;
    right: 0px;
    z-index: 1;
    cursor: pointer;
    background-color: white;
    padding: 10px;
    width: 32px;
    height: 32px;
    background-image: url(../Images/Icons/importalllogs32x32.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 32px;
    transition: all .5s cubic-bezier(.08,1.08,.58,1.11) !important;
    transform: scale(1) !important;
}

    #divFloatRecordatorios h2 {
        width: 25px;
        height: 25px;
        background-color: red;
        border-radius: 50%;
        text-align: center;
        color: white;
        line-height: 25px;
        font-weight: bold;
        font-size: 1.5em;
        position: absolute;
        top: 0px;
        left: 0px;
        transition: all .5s cubic-bezier(.08,1.08,.58,1.11) !important;
        transform: scale(1) !important;
    }

#divFRLoading {
    position: absolute;
    width: 32px;
    height: 32px;
    z-index: 1;
    top: 50%;
    left: 50%;
    background-image: url(../Images/Icons/refresh.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 32px;
    margin-top: -16px;
    margin-left: -16px;
    transition: all .5s cubic-bezier(.08,1.08,.58,1.11) !important;
    transform: scale(1) !important;
    visibility: hidden;
}

#biFiltroRecordatorios {
    position: fixed;
    right: -42px;
    z-index: 1;
    cursor: pointer;
    background-color: white;
    padding: 10px;
    margin-top: 42px;
    opacity: 0;
    transition: all .5s cubic-bezier(.08,1.08,.58,1.11) !important;
    transform: scale(1) !important;
}

#divRecordatoriosPopUpInterno {
    position: fixed;
    background-color: white;
    width: 250px;
    height: 100%;
    padding: 10px;
    z-index: 1;
    right: -270px;
    margin-top: -10px;
    transition: all .5s cubic-bezier(.08,1.08,.58,1.11) !important;
    transform: scale(1) !important;
    opacity: 0;
}

#divRPUISecundario {
    width: 100%;
    height: calc(100% - 200px);
    overflow-y: auto;
    margin-top: 5px;
}

#divRecordatoriosPopUpInterno h2 {
    color: #3d4f5f;
    font-size: 1.2em;
    font-weight: bold;
}

#divRecordatoriosPopUpInterno span {
    color: #3d4f5f;
    font-size: 1em;
}

    #divRecordatoriosPopUpInterno span em {
        color: #0097FF;
        font-size: 1.1em;
        font-weight: bold;
    }

#divRecordatoriosPopUpInterno p {
    color: #3d4f5f;
    font-size: 1em;
    cursor: pointer;
    padding: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    margin-top: 5px;
}

.classRecordatorioVigente {
    border-top: 1px solid #86CF21;
    border-left: 4px solid #86CF21;
    border-right: 1px solid #86CF21;
    border-bottom: 1px solid #86CF21;
}

.classRecordatorioAtrasado {
    border-top: 1px solid #ffd800;
    border-left: 4px solid #ffd800;
    border-right: 1px solid #ffd800;
    border-bottom: 1px solid #ffd800;
}

.classRecordatorioVencido {
    border-top: 1px solid red;
    border-left: 4px solid red;
    border-right: 1px solid red;
    border-bottom: 1px solid red;
}

#divRecordatoriosPopUpInterno p:hover {
    /*font-size:1.2em;*/
    /*border-top: 1px solid #ff9b1a;
    border-left: 4px solid #ff9b1a;
    border-right: 1px solid #ff9b1a;
    border-bottom: 1px solid #ff9b1a;*/
    background-color: whitesmoke;
}

#divRecordatoriosPopUpInterno p em {
    color: #3d4f5f;
    font-size: 1em;
    font-weight: bold;
}

#divRecordatoriosPopUpInterno .classComentarioRec {
    color: #0097FF !important;
    font-size: 1em !important;
    font-weight: bold !important;
}

.classNombreAspirante {
    color: #0097FF;
    font-size: 1.1em;
    font-weight: bold;
}

#divNavegacionAspirantes {
    width: calc(100% - 54px);
    margin: 5px auto;
    display: inline-block;
    transition: all .5s cubic-bezier(.08,1.08,.58,1.11) !important;
    transform: scale(1) !important;
}

#biHomeAspirantes {
    width: 48px;
    height: 48px;
    background-image: url(../Images/Icons/home.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 32px;
    background-color: #0097FF;
    display: inline-block;
    cursor: pointer;
    transition: all .5s cubic-bezier(.08,1.08,.58,1.11) !important;
    transform: scale(1) !important;
}

    #biHomeAspirantes:hover {
        background-size: 38px;
    }

#biInfoAspirantes {
    width: 48px;
    height: 48px;
    background-image: url(../Images/Icons/info32.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 32px;
    background-color: #0097FF;
    display: inline-block;
    cursor: pointer;
    transition: all .5s cubic-bezier(.08,1.08,.58,1.11) !important;
    transform: scale(1) !important;
}

    #biInfoAspirantes:hover {
        background-size: 38px;
    }

#divAspiranteInfo {
    width: 250px;
    height: 48px;
    background-image: url(../Images/Icons/aspirante24x24.png);
    background-repeat: no-repeat;
    background-position: 10px 10px;
    background-size: 24px;
    background-color: #0097FF;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    line-height: 48px;
    text-transform: uppercase;
    font-weight: bolder;
    cursor: pointer;
    color: white;
    position: relative;
    transition: all .5s cubic-bezier(.08,1.08,.58,1.11) !important;
    transform: scale(1) !important;
}

    #divAspiranteInfo:hover {
        background-color: orange;
    }

    #divAspiranteInfo em {
        width: 100%;
        font-size: 1em;
        display: inline-block;
    }

#divListaAspirantes {
    width: 285px;
    height: 70px;
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 0px;
    background-color: rgba(255,255,255,0.95);
    z-index: 1;
    padding: 45px 10px 0px 10px;
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s linear 0.2s,opacity 0.2s linear;
}

.classListaAspirantes {
    opacity: 1 !important;
    visibility: visible !important;
    transition-delay: 0s !important;
}

#divInfoAspirantes {
    width: 285px;
    min-height: 150px;
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 0px;
    background-color: rgba(255,255,255,0.95);
    z-index: 1;
    padding: 45px 10px 0px 10px;
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s linear 0.2s,opacity 0.2s linear;
}

.classInfoAspirantes {
    opacity: 1 !important;
    visibility: visible !important;
    transition-delay: 0s !important;
}

#biCerrarListaAspirantes {
    width: 32px;
    height: 32px;
    background-image: url(../Images/Icons/close32.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 32px;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -16px;
    cursor: pointer;
}

.Classcmblistaaspirantes {
    box-shadow: none !important;
    padding-left: 20px !important;
    background-image: url(../Images/Icons/search16x16.png);
    background-repeat: no-repeat;
    background-position: 7px 7px;
    background-size: 16px;
}

.Classlistcmblistaaspirantes {
    box-shadow: none !important;
    margin-top: 5px !important;
}

#divAspiranteSubModulos {
    position: relative;
    width: 250px;
    height: 48px;
    background-color: #0097FF;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    line-height: 48px;
    text-transform: uppercase;
    font-weight: bolder;
    cursor: pointer;
    color: white;
    transition: all .5s cubic-bezier(.08,1.08,.58,1.11) !important;
    transform: scale(1) !important;
}

    #divAspiranteSubModulos em {
        font-size: 1em;
        width: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        transition: all .5s cubic-bezier(.08,1.08,.58,1.11) !important;
        transform: scale(1) !important;
    }

#emSeguimientos {
    background-image: url(../Images/Icons/seguimientos32x32.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 24px;
}

#emSucesos {
    background-image: url(../Images/Icons/sucesosw32x32.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 24px;
}

#divAspiranteSubModulos em:hover {
    background-color: orange;
}

.classemSubModulo {
    background-color: orange;
}

#h2AspirantesAsigComp {
    color: #0097FF;
    font-size: 1.1em;
    font-weight: 600;
    width: 100%;
    height: auto;
    text-align: center;
}

#biCerrarInfoAspirantes {
    width: 32px;
    height: 32px;
    background-image: url(../Images/Icons/close32.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 32px;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -16px;
    cursor: pointer;
}

@media (max-width: 758px) {
    #divAspirantesImportar {
        background-color: white !important;
        width: 350px !important;
        height: 375px !important;
        text-align: center !important;
        -webkit-border-radius: 8px !important;
        -moz-border-radius: 8px !important;
        -ms-border-radius: 8px !important;
        -o-border-radius: 8px !important;
        border-radius: 8px !important;
        padding: 10px !important;
        overflow-y: auto;
    }
}
/*FIN VISTA ASPIRANTES*/
/*VISTA APPS*/
#btnImportarAula {
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    display: inline-block;
    width: 100px;
    margin-right: 5px;
    float: right;
}

    #btnImportarAula:hover {
        background-color: #51697e;
    }

    #btnImportarAula:focus {
        outline: none;
    }

#btnPantallaCompletaAula {
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    display: inline-block;
    width: 130px;
    margin-right: 5px;
    float: left;
}

    #btnPantallaCompletaAula:hover {
        background-color: #51697e;
    }

    #btnPantallaCompletaAula:focus {
        outline: none;
    }

#divAulaImportar {
    background-color: white !important;
    width: 700px !important;
    height: 390px !important;
    text-align: center !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -ms-border-radius: 8px !important;
    -o-border-radius: 8px !important;
    border-radius: 8px !important;
    padding: 10px !important;
    overflow-y: auto !important;
}

#contBotonesAux {
    position: relative;
    display: none;
}

#btnDescargarAlumnosAula, #btnCancelarAlumnosAula {
    margin-top: 10px;
    margin-bottom: 5px;
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    display: inline-block;
    width: 200px;
    margin-right: 5px;
}

    #btnDescargarAlumnosAula:hover, #btnCancelarAlumnosAula:hover {
        background-color: #51697e;
    }

    #btnDescargarAlumnosAula:focus, #btnCancelarAlumnosAula:focus {
        outline: none;
    }

#btnCrearAlumnosCSV, #btnCrearDocentesCSV, #btnCrearDocentesCursosCSV {
    margin-top: 10px;
    margin-bottom: 5px;
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    display: inline-block;
    width: 200px;
    margin-right: 5px;
}

    #btnCrearAlumnosCSV:hover, #btnCrearDocentesCSV:hover, #btnCrearDocentesCursosCSV:hover {
        background-color: #51697e;
    }

    #btnCrearAlumnosCSV:focus, #btnCrearDocentesCSV:focus, #btnCrearDocentesCursosCSV:focus {
        outline: none;
    }

#btnCrearAlumnosCursosCSV, #btnCrearAlumnosClasesCSV {
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    display: inline-block;
    width: 200px;
    margin-right: 5px;
    margin-top: 10px;
    margin-bottom: 5px;
}

    #btnCrearAlumnosCursosCSV:hover, #btnCrearAlumnosClasesCSV:hover {
        background-color: #51697e;
    }

    #btnCrearAlumnosCursosCSV:focus, #btnCrearAlumnosClasesCSV:focus {
        outline: none;
    }

@media (max-width: 758px) {
    #divAulaImportar {
        background-color: white !important;
        width: 350px !important;
        height: 390px !important;
        text-align: center !important;
        -webkit-border-radius: 8px !important;
        -moz-border-radius: 8px !important;
        -ms-border-radius: 8px !important;
        -o-border-radius: 8px !important;
        border-radius: 8px !important;
        padding: 10px !important;
        overflow-y: auto !important;
    }
}
/*FIN VISTA APPS*/
/*INICIO VISTA COBRANZA*/
#divCobranza {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 20px;
}

#lbltituloComproPago {
    padding: 10px 0px;
    margin-top: 10px;
    color: white;
    background-color: #0097FF;
    text-align: center;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

#lbltituloConceptosCP {
    padding: 10px 0px;
    margin-top: 10px;
    margin-left: 10px;
    color: white;
    background-color: #0097FF;
    text-align: center;
    height: 32px;
    line-height: 20px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

#divComproPagoCobranza {
    position: relative;
    width: 94%;
    margin-top: 35px;
    padding: 10px;
    background-color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border: 1px solid #c3c3c3;
}

#contRibbonComproPago {
    position: relative;
    width: 100%;
    height: auto;
}

#divGridComproPago {
    position: relative;
    width: 100%;
}

#divConceptosCP {
    position: absolute;
    width: 100%;
    background-color: white;
    height: auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #c3c3c3;
    display: none;
}

#divGridConceptosCP {
    position: relative;
    width: 94%;
    margin-left: 10px;
}

#btnSincComproPago {
    padding: 0 15px;
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 40px;
    display: inline-block;
}

    #btnSincComproPago:hover {
        background: #51697e;
    }

    #btnSincComproPago:focus {
        outline: none;
    }

@media (max-width: 455px) {
    #lbltituloConceptosCP {
        padding: 10px 0px;
        margin-top: 10px;
        margin-left: 10px;
        color: white;
        background-color: #0097FF;
        text-align: center;
        height: 55px;
        line-height: 20px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
    }

    #divConceptosCP {
        position: absolute;
        width: 100%;
        background-color: white;
        height: 570px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid #c3c3c3;
        display: none;
    }
}
/*FIN VISTA COBRANZA*/
/*INICIO VISTA REPORTES*/
#divReportesAdmin {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 20px;
}

#lbltituloReportesModulos, #lbltituloReportesGenerales, #lbltituloReportesCalificaciones, #lbltituloTablaCursosMaestros, #lbltituloTablaCursos, #lbltituloTablaAlumnos, #lbltituloTablaMaestros {
    padding: 10px 0px;
    margin-top: 10px;
    color: white;
    background-color: #0097FF;
    text-align: center;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

#divReportesBotones {
    position: relative;
    width: 94%;
    margin-top: 35px;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

#divReportesGenerales, #divReportesCalificaciones {
    position: relative;
    width: 94%;
    margin-top: 35px;
    padding: 10px;
    background-color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border: 1px solid #c3c3c3;
}

#btnReportesEjecutivos {
    padding: 10px;
    background-color: #3d4f5f;
    background-image: url(../images/Large/rep_Ejecutivos.png);
    background-repeat: no-repeat;
    background-position: center 10px;
    background-size: 48px 48px;
    font-weight: bold;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 110px;
    width: 110px;
    height: 64px;
    margin: 10px;
    display: inline-block;
}

    #btnReportesEjecutivos:hover {
        background-color: #51697e;
    }

    #btnReportesEjecutivos:focus {
        outline: none;
    }

#btnEstadisticasWeb {
    padding: 10px;
    background-color: #3d4f5f;
    background-image: url(../images/Large/estadisticas.png);
    background-repeat: no-repeat;
    background-position: center 10px;
    background-size: 48px 48px;
    font-weight: bold;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 110px;
    width: 110px;
    height: 64px;
    margin: 10px;
    display: inline-block;
}

    #btnEstadisticasWeb:hover {
        background-color: #51697e;
    }

    #btnEstadisticasWeb:focus {
        outline: none;
    }

#btnReportesTradicionales {
    padding: 10px;
    background-color: #3d4f5f;
    background-image: url(../images/Large/rep_Tradicionales.png);
    background-repeat: no-repeat;
    background-position: center 10px;
    background-size: 48px 48px;
    font-weight: bold;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 110px;
    width: 110px;
    height: 64px;
    margin: 10px;
    display: inline-block;
}

    #btnReportesTradicionales:hover {
        background-color: #51697e;
    }

    #btnReportesTradicionales:focus {
        outline: none;
    }

#contGeneralesBotones, #contCalificacionesBotones {
    text-align: left;
    display: none;
}

#btnGenerarGeneral, #btnGenerarCalificaciones {
    padding: 0 15px;
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 40px;
    display: inline-block;
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
}

    #btnGenerarGeneral:hover, #btnGenerarCalificaciones:hover {
        background: #51697e;
    }

    #btnGenerarGeneral:focus, #btnGenerarCalificaciones:focus {
        outline: none;
    }

#btnBuscarCalificaciones {
    position: relative;
    padding: 0 15px;
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 40px;
    width: 100px;
    margin: 5px;
}

    #btnBuscarCalificaciones:hover {
        background: #51697e;
    }

    #btnBuscarCalificaciones:focus {
        outline: none;
    }

#cmbPlan2_ET, #cmbNiveles2_ET, #cmbCiclos2_ET, #btnePeriodo2_ET, #btneGrado2_ET, #btneGrupo2_ET, #ddeUnidades_ET, #ddeUnidadesDetalle_ET, #ddeTipoMaterias_ET, #rbEstatusAlumno_ET, #deFechaInicial_ET, #deFechaFinal_ET, #spinNumColObservaciones_ET, #spinMinAlumnos_ET, #ddeImprimir_ET, #spinPromedioMin_ET, #spinPromedioMax_ET, #spinAltoCeldaRCalif_ET, #spinAnchoCeldaRCalif_ET, #spinAnchoCeldaObsRCalif_ET {
    display: inline-block;
    padding: 0px 5px;
}

.classInlinePadding {
    display: inline-block;
    padding: 0px 5px;
}

#contUniyUniD, #divFAdicioRCalificaciones {
    display: inline-block;
}

#btnGuardarFiltrosRepCalif {
    padding: 0 15px;
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 40px;
    width: 160px;
    margin: 20px;
    float: right;
}

    #btnGuardarFiltrosRepCalif:hover {
        background: #51697e;
    }

    #btnGuardarFiltrosRepCalif:focus {
        outline: none;
    }

#divFAdicioRCalificaciones {
    /*transition: all .5s cubic-bezier(.08,1.08,.58,1.11) !important;
    transform: scale(1) !important;*/
    display: none;
}
/*FIN VISTA REPORTES*/
/*INICIO VISTA DASHBOARD*/
#divContenedorDashboard {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 20px;
}

#divContenedorTradicionales {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 20px;
}
/*FIN VISTA DASHBOARD*/
/*VISTA DOCENTES*/
#divDocentes {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 20px;
}

#divContDocentes {
    width: 94%;
    margin-top: 35px;
    padding: 10px;
    background-color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border: 1px solid #c3c3c3;
}

#divGridDocentes {
    position: relative;
    overflow-x: auto;
}

#divFuncionesDocentes {
    position: relative;
    margin-bottom: 10px;
}

#divContInfoDocente {
    width: 94%;
    margin-top: 35px;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

#lbltituloExpedienteDocente {
    padding: 10px 0px;
    margin-top: 10px;
    color: white;
    background-color: #0097FF;
    text-align: center;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

#lbltituloIncidenciasDocente {
    padding: 10px 0px;
    margin-top: 10px;
    color: white;
    background-color: #0097FF;
    text-align: center;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

#divContExpedienteDocente {
    width: 94%;
    margin-top: 35px;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

#divContIncidenciasDocente {
    width: 94%;
    margin-top: 35px;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    background-color: white;
    border: 1px solid #c3c3c3;
}

#divInfoExpedienteD {
    width: 100%;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border: 1px solid #c3c3c3;
    background-color: white;
    box-sizing: border-box;
}

#btnEnviarEmail {
    position: relative;
    padding: 0 5px;
    background-color: white;
    background-image: url('../Images/Icons/Email_32x32.png');
    background-repeat: no-repeat;
    background-position: center 5px;
    color: black;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    height: 64px;
    line-height: 100px;
    text-align: center;
    width: 72px;
    display: inline-block;
}

    #btnEnviarEmail:hover {
        color: white;
        background-color: #0097FF;
    }

    #btnEnviarEmail:focus {
        outline: none;
    }

#divDocentesEmailMasivo {
    background-color: white !important;
    width: 700px !important;
    height: auto !important;
    text-align: center !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -ms-border-radius: 8px !important;
    -o-border-radius: 8px !important;
    border-radius: 8px !important;
    padding: 10px !important;
}

#lbltituloDocentesEmailMasivo {
    padding: 0 0 0px 0;
    margin: 15px auto;
    color: #808080;
    border-bottom: solid 1px #D1D1D1;
}

#btnGuardarExpedienteD {
    padding: 0 15px;
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 40px;
    display: inline-block;
    width: 100px;
    float: right;
}

    #btnGuardarExpedienteD:hover {
        background: #51697e;
    }

    #btnGuardarExpedienteD:focus {
        outline: none;
    }

#divDocentes #gvDocentes .dxgvCSD {
    height: auto !important;
}

@media (max-width: 768px),(max-height: 600px) {
    #divDocentesEmailMasivo {
        background-color: white !important;
        width: 350px !important;
        height: auto !important;
        text-align: center !important;
        -webkit-border-radius: 8px !important;
        -moz-border-radius: 8px !important;
        -ms-border-radius: 8px !important;
        -o-border-radius: 8px !important;
        border-radius: 8px !important;
        padding: 10px !important;
    }
}
/*FIN VISTA DOCENTES*/
/*VISTA USUARIOS*/
#divContUsuarios {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 20px;
}

#divContUsAdministrar, #divContUsPermisos {
    position: relative;
    width: 94%;
    margin-top: 35px;
    padding: 10px;
    background-color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border: 1px solid #c3c3c3;
}

#lbltituloAdministrar, #lbltituloPermisos {
    padding: 10px 0px;
    margin-top: 10px;
    color: white;
    background-color: #0097FF;
    text-align: center;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

#contGridUsuarios {
    position: relative;
    width: 100%;
    height: auto;
}

#btnGuardarPermisos {
    padding: 0 15px;
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 40px;
    display: inline-block;
    width: 100px;
    float: right;
}

    #btnGuardarPermisos:hover {
        background: #51697e;
    }

    #btnGuardarPermisos:focus {
        outline: none;
    }
/*FIN VISTA USUARIOS*/
/*VISTA INICIO*/
#divContInicio {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 20px;
}

#divContenedor1Inicio {
    width: 64%;
    min-width: 330px;
    display: inline-block;
    vertical-align: top;
}

#divContenedor2Inicio {
    width: 30%;
    min-width: 330px;
    height: auto;
    display: inline-block;
    vertical-align: top;
}

#divTituloInicio, #divPanelClienteInicio {
    position: relative;
    min-width: 330px;
    margin-top: 10px;
    padding: 10px;
    background-color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border: 1px solid #c3c3c3;
}

#lblTituloDatosCliente {
    padding: 10px 0px;
    color: white;
    background-color: #0097FF;
    text-align: center;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

#divTituloInicio h1 {
    font-size: 44px;
    font-weight: normal;
    font-style: normal;
    text-align: center;
    text-transform: none;
    color: #000;
    margin-bottom: 10px;
}

#divTituloInicio h2 {
    font-size: 34px;
    font-weight: normal;
    font-style: normal;
    text-align: center;
    text-transform: none;
    color: #000;
    margin-bottom: 10px;
}

#divVideo {
    position: relative;
    width: 100%;
    height: 480px;
    margin-bottom: 30px;
    background-color: gray;
}

.informacionClass {
    text-align: center;
    color: #404040;
    font-size: 26px;
    line-height: 1.2;
    width: 300px;
    height: 300px;
    padding: 10px;
    vertical-align: bottom;
    margin-bottom: 20px;
    display: inline-block;
}

    .informacionClass h3 {
        font-size: 28px;
        font-weight: normal;
        font-style: normal;
        line-height: 1.5em;
        text-align: center;
        text-transform: none;
        color: #000;
    }

    .informacionClass img {
        vertical-align: top;
    }

#listClienteInicio {
    width: 100%;
    cursor: pointer;
    padding-top: 5px;
    list-style: none;
}

    #listClienteInicio strong {
        display: block;
        color: black;
        margin: 8px 32px;
        font-size: 1.2em;
    }

    #listClienteInicio li {
        font-size: 14px;
        margin-bottom: 1px;
        position: relative;
        line-height: 18px;
        height: 32px;
        word-wrap: break-word;
        padding: 10px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
    }

        #listClienteInicio li a:link {
            text-decoration: none;
        }

        #listClienteInicio li:hover {
            font-size: 14px;
            margin-bottom: 1px;
            position: relative;
            line-height: 18px;
            height: 32px;
            word-wrap: break-word;
            padding: 10px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
        }

        #listClienteInicio li.classStatusServicio {
            background-color: #FFF;
        }

        #listClienteInicio li.classIrPortal {
            background: #FFF url('../Images/Icons/portal24x24.png') no-repeat;
            background-position-x: 10px;
            background-position-y: 16px;
        }

            #listClienteInicio li.classIrPortal:hover {
                background: #f6f5f5 url('../Images/Icons/portal24x24hover.png') no-repeat;
                background-position-x: 10px;
                background-position-y: 16px;
            }

        #listClienteInicio li.classTerminosCondiciones {
            background: #FFF url('../Images/Icons/termcondi24x24.png') no-repeat;
            background-position-x: 10px;
            background-position-y: 16px;
        }

            #listClienteInicio li.classTerminosCondiciones:hover {
                background: #f6f5f5 url('../Images/Icons/termicondi24x24hover.png') no-repeat;
                background-position-x: 10px;
                background-position-y: 16px;
            }

#divMasInfoAyuda {
    position: relative;
    margin-top: 10px;
    padding: 10px;
    /*background-color:white;
     -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
     -o-border-radius: 4px;
    border:1px solid #c3c3c3;*/
}

    #divMasInfoAyuda img {
        display: inline-block;
        padding: 10px;
    }

    #divMasInfoAyuda span {
        display: inline-block;
        vertical-align: bottom;
        font-size: 1.5em;
        font-weight: 500;
        margin-bottom: 10px;
    }
/*FIN VISTA INICIO*/
/*INICIO VISTA PROGRAMADOS*/
#divContProgramados {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 20px;
}

#divContProgramadosFiltros, #divContProgramadosOpciones {
    position: relative;
    width: 94%;
    margin-top: 35px;
    padding: 10px;
    background-color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border: 1px solid #c3c3c3;
}

#lbltituloProgramadosFiltros, #lbltituloProgramadosOpciones {
    padding: 10px 0px;
    margin-top: 10px;
    color: white;
    background-color: #0097FF;
    text-align: center;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

#divFuncionesTareasProgramadas {
    position: relative;
    margin-bottom: 10px;
}

#divFTPTareas {
    display: inline-block;
    width: 48%;
}

#divFTPGestor {
    display: inline-block;
    width: 48%;
}

#contGridEstudiantesTareas, #contGridTareasProgramadas, #contGridDocentesTareas, #contGridPadresTareas, #contGridAdminsTareas, #contGridAspirantesTareas {
    position: relative;
    width: 100%;
    height: auto;
}

#btnBuscarEstudiantesTarea, #btnProgramarTarea, #btnBuscarDocentesTarea, #btnBuscarPadresTarea, #btnBuscarAdminsTarea, #btnBuscarAspirantesTarea {
    position: relative;
    padding: 0 15px;
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    width: 60px;
    height: 40px;
    margin: 10px;
    float: right;
}

    #btnBuscarEstudiantesTarea:hover, #btnProgramarTarea:hover, #btnBuscarDocentesTarea:hover, #btnBuscarPadresTarea:hover, #btnBuscarAdminsTarea:hover, #btnBuscarAspirantesTarea:hover {
        background: #51697e;
    }

    #btnBuscarEstudiantesTarea:focus, #btnProgramarTarea:focus, #btnBuscarDocentesTarea:focus, #btnBuscarPadresTarea:focus, #btnBuscarAdminsTarea:focus, #btnBuscarAspirantesTarea:focus {
        outline: none;
    }

#btnIniciarGestor {
    position: absolute;
    padding: 0 5px;
    background-color: white;
    background-image: url('../Images/Icons/start32x32.png');
    background-repeat: no-repeat;
    background-position: center 5px;
    background-size: 32px;
    color: black;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    height: 64px;
    line-height: 100px;
    text-align: center;
    top: 0px;
    right: 0px;
    width: 120px;
}

    #btnIniciarGestor:hover {
        color: white;
        background-color: #0097FF;
    }

    #btnIniciarGestor:focus {
        outline: none;
    }

#btnPausarTareas {
    position: relative;
    padding: 0 5px;
    background-color: white;
    background-image: url('../Images/Icons/pause32x32.png');
    background-repeat: no-repeat;
    background-position: center 5px;
    background-size: 32px;
    color: black;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    height: 64px;
    line-height: 100px;
    text-align: center;
    width: 120px;
    display: inline-block;
}

    #btnPausarTareas:hover {
        color: white;
        background-color: #0097FF;
    }

    #btnPausarTareas:focus {
        outline: none;
    }

#btnDetenerGestor {
    position: absolute;
    padding: 0 5px;
    background-color: white;
    background-image: url('../Images/Icons/stop32x32.png');
    background-repeat: no-repeat;
    background-position: center 5px;
    background-size: 32px;
    color: black;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    height: 64px;
    line-height: 100px;
    text-align: center;
    top: 0px;
    right: 0px;
    width: 120px;
}

    #btnDetenerGestor:hover {
        color: white;
        background-color: #0097FF;
    }

    #btnDetenerGestor:focus {
        outline: none;
    }

#btnEliminarTareas {
    position: relative;
    padding: 0 5px;
    background-color: white;
    background-image: url('../Images/Icons/RemoveItem_32x32.png');
    background-repeat: no-repeat;
    background-position: center 5px;
    background-size: 32px;
    color: black;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    height: 64px;
    line-height: 100px;
    text-align: center;
    width: 140px;
    display: inline-block;
}

    #btnEliminarTareas:hover {
        color: white;
        background-color: #0097FF;
    }

    #btnEliminarTareas:focus {
        outline: none;
    }

#btnVerTareasOcultas {
    position: relative;
    padding: 0 5px;
    background-color: white;
    background-image: url('../Images/Icons/leermas64x64.png');
    background-repeat: no-repeat;
    background-position: center 5px;
    background-size: 32px;
    color: black;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    height: 64px;
    line-height: 100px;
    text-align: center;
    width: 155px;
    display: inline-block;
}

    #btnVerTareasOcultas:hover {
        color: white;
        background-color: #0097FF;
    }

    #btnVerTareasOcultas:focus {
        outline: none;
    }

#lbltituloEstudiantesTareas, #lbltituloTareasOpciones, #lbltituloDocentesTareas, #lbltituloPadresTareas, #lbltituloAdminsTareas, #lbltituloAspirantesTareas {
    padding: 10px 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: white;
    background-color: #0097FF;
    text-align: center;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

#divContProgramados #gvEstudiantesTareas .dxgvCSD {
    height: auto !important;
}

#divContProgramados #gvDocentesTareas .dxgvCSD {
    height: auto !important;
}

#imgMensajeProgramados {
    position: absolute;
    top: 127px;
    left: 100px;
    cursor: pointer;
}

#divRecurrenciaTareas {
    width: 100%;
    height: 0;
    overflow: hidden;
}

.classShowRecurrecia {
    height: auto !important;
}

#rbUsuariosProgramados, #rbRecurrenciaTareas {
    box-shadow: none !important;
}
/*FIN VISTA PROGRAMADOS*/
/*INICIO VISTA TERMINALES*/
#divTerminales {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 20px;
}

#lbltituloTerminales, #lbltituloExportarImportar {
    padding: 10px 0px;
    margin-top: 10px;
    color: white;
    background-color: #0097FF;
    text-align: center;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

#divContTerminales, #divContExportarImportar {
    position: relative;
    width: 94%;
    margin-top: 35px;
    padding: 10px;
    background-color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border: 1px solid #c3c3c3;
}

#contGridTerminales, #contGridRegistrosTerminales, #contGridEstudiantesTerminales, #contGridDocentesTerminales, #contGridPadresTerminales {
    position: relative;
    width: 100%;
    height: auto;
}

#btnLimpiarDetalles {
    position: relative;
    padding: 0 15px;
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    width: 100px;
    height: 40px;
    margin: 10px;
    float: left;
}

    #btnLimpiarDetalles:hover {
        background: #51697e;
    }

    #btnLimpiarDetalles:focus {
        outline: none;
    }

#btnIniciarExportar {
    position: relative;
    padding: 0 15px;
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    width: 100px;
    height: 40px;
    margin: 10px;
    float: right;
}

    #btnIniciarExportar:hover {
        background: #51697e;
    }

    #btnIniciarExportar:focus {
        outline: none;
    }

#pageControlUsuarios_CC {
    border: none !important;
    overflow: visible !important;
}

.ClasslblList {
    font-weight: 500 !important;
    font-size: 1.1em !important;
    color: #0097FF !important;
    cursor: pointer !important;
    padding: 5px !important;
    text-decoration: underline !important;
}

.ClassFechaMonitoreo {
    padding: 5px !important;
    text-align: center !important;
    font-size: 1.1em !important;
    font-weight: 500 !important;
    color: navy !important;
}
/*FIN VISTA TERMINALES*/
/*INICIO VISTA ASISTENCIA*/
#divAsistencia {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 20px;
}

#lbltituloAsistencia {
    padding: 10px 0px;
    margin-top: 10px;
    color: white;
    background-color: #0097FF;
    text-align: center;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

#divContAsistencia {
    position: relative;
    width: 94%;
    margin-top: 35px;
    padding: 10px;
    background-color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border: 1px solid #c3c3c3;
}

#btneClave_ET, #btneClavePersonal_ET {
    display: inline-table !important;
}

#btnCambiarChecador {
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    height: 40px;
    vertical-align: bottom;
    display: inline-table;
}

    #btnConectar:hover, #btnCambiarChecador:hover {
        background: #51697e;
    }

    #btnConectar:focus, #btnCambiarChecador:focus {
        outline: none;
    }

#divContLogoEscuela {
    background-color: white;
    position: absolute;
    top: 140px;
    left: 51%;
    width: 60px;
    height: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
    overflow: hidden;
}

#divContImagen {
    background-color: white;
    width: 180px;
    height: 180px;
    -webkit-border-radius: 180px;
    -moz-border-radius: 180px;
    -ms-border-radius: 180px;
    -o-border-radius: 180px;
    border-radius: 180px;
    border: 2px solid #c3c3c3;
    overflow: hidden;
}

#contGridAsistencias {
    position: relative;
    width: 94%;
    height: auto;
}

#divImgMLogoEscuela {
    background-color: white;
    position: fixed;
    top: 16px;
    left: 10px;
    width: 60px;
    height: 60px;
    overflow: hidden;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
    border: 2px solid #0097FF;
    z-index: 1;
}

#btnMonitoreoAsistencia {
    position: relative;
    padding: 0 15px;
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    width: 135px;
    height: 40px;
    margin: 10px;
    float: left;
}

    #btnMonitoreoAsistencia:hover {
        background: #51697e;
    }

    #btnMonitoreoAsistencia:focus {
        outline: none;
    }

#btnMonitoreoGeneral {
    position: relative;
    padding: 0 15px;
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    width: 135px;
    height: 40px;
    margin: 10px;
    float: right;
}

    #btnMonitoreoGeneral:hover {
        background: #51697e;
    }

    #btnMonitoreoGeneral:focus {
        outline: none;
    }

#divContMonitoreoAsistencia {
    margin-top: 64px;
    position: relative;
    width: 100%;
    background-color: white;
}

#lbltituloMonitorAsistencia, #lbltituloMonitorTerminales {
    padding: 10px 0px;
    color: white;
    background-color: #0097FF;
    text-align: center;
    height: 32px;
    line-height: 32px;
    font-size: 1.2em;
    top: 0px;
    position: fixed;
    z-index: 1;
}

#lbltituloAsistDiaEstudiantes, #lbltituloRegistrosEstudiantes, #lbltituloAsistDiaDocentes, #lbltituloRegistrosDocentes {
    padding: 10px 0px;
    color: white;
    background-color: #0097FF;
    text-align: center;
    height: 16px;
    line-height: 16px;
}

.btnIniciar {
    padding: 0 5px !important;
    background-image: url('../Images/Icons/start32x32.png') !important;
    background-repeat: no-repeat !important;
    background-position: center 5px !important;
    background-size: 32px !important;
    color: #86CF21 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    font-size: 1.1em !important;
    height: 52px !important;
    line-height: 88px !important;
    text-align: center !important;
    width: 60px !important;
    position: fixed;
    top: 52px;
    z-index: 2;
    right: 0px;
    cursor: pointer;
}

    .btnIniciar:focus {
        outline: none !important;
    }

.btnDetener {
    padding: 0 5px !important;
    background-image: url('../Images/Icons/stop32x32.png') !important;
    background-repeat: no-repeat !important;
    background-position: center 5px !important;
    background-size: 32px !important;
    color: #A31414 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    font-size: 1.1em !important;
    height: 52px !important;
    line-height: 88px !important;
    text-align: center !important;
    width: 60px !important;
    position: fixed;
    top: 52px;
    z-index: 2;
    right: 0px;
    cursor: pointer;
}

    .btnDetener:focus {
        outline: none !important;
    }

#divContEstudiantesMAsistencia, #divContDocenteMAsistencia {
    position: relative;
    width: 100%;
    height: auto;
}

#pageControlMAsistencia_CC {
    border: none !important;
    overflow: visible !important;
}

#divInfoHorarios #imgFotoPA, #divInfoHorarios #imgFotoD {
    background-color: white !important;
    -webkit-border-radius: 64px !important;
    -moz-border-radius: 64px !important;
    -ms-border-radius: 64px !important;
    -o-border-radius: 64px !important;
    border-radius: 64px !important;
}

#btnConectarTouch {
    background-color: white;
    background-image: url(../Images/Icons/desconectado.png);
    background-repeat: no-repeat;
    background-position: 2px center;
    background-size: 32px !important;
    color: #3D4F5F;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    width: 200px;
    height: 32px;
    text-align: left;
    padding-left: 45px;
    line-height: 32px;
    font-size: 1.3em;
    font-weight: 500;
    cursor: pointer;
}

    #btnConectarTouch:focus {
        outline: none;
    }

.ClassConectarTouch {
    background-image: url(../Images/Icons/conectado.png) !important;
    background-repeat: no-repeat !important;
    background-position: 2px center !important;
    background-size: 32px !important;
    color: #008000 !important;
}
/*FIN VISTA ASISTENCIA*/
/*INICIO VISTA EYRA*/
#divEyra {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 20px;
}

#lbltituloEyra {
    padding: 10px 0px;
    margin-top: 10px;
    color: white;
    background-color: #0097FF;
    text-align: center;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

#divContEyra {
    position: relative;
    width: 94%;
    margin-top: 35px;
    padding: 10px;
    background-color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border: 1px solid #c3c3c3;
}

#divListPersonasAuto, #divListDocentes {
    position: relative;
    width: 47%;
    min-width: 150px;
    height: 150px;
    background-color: white;
    display: inline-table;
    vertical-align: top;
}

.ClassImgDocente, .ClassImgPersonaAuto {
    width: 150px;
    height: 150px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    -ms-border-radius: 150px;
    -o-border-radius: 150px;
    border-radius: 150px;
    border: 2px solid #c3c3c3;
    overflow: hidden;
    background-color: white;
    margin-left: 15px;
}

.ClassImgEstudiante {
    width: 150px;
    height: 150px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    -ms-border-radius: 150px;
    -o-border-radius: 150px;
    border-radius: 150px;
    border: 2px solid #c3c3c3;
    overflow: hidden;
    background-color: white;
    margin-left: 15px;
    cursor: pointer;
}

    .ClassImgEstudiante:hover {
        border: 2px solid #0097FF;
    }

.ClassImgLDocente, .ClassImgLPersonaAuto {
    background-color: transparent;
    position: absolute;
    top: 150px;
    left: 128px;
}

.ClassImgLEstudiante {
    background-color: transparent;
    position: absolute;
    top: 130px;
    left: 128px;
}

.ClassSpanDocente, .ClassSpanPersonaAuto, .ClassSpanEstudiante {
    font-size: 1.5em;
    color: black;
    text-align: center;
    display: inherit;
    vertical-align: top;
}

#divLogoEyra {
    width: 70px;
    height: 70px;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    -ms-border-radius: 70px;
    -o-border-radius: 70px;
    border-radius: 70px;
    border: 2px solid #c3c3c3;
    overflow: hidden;
    background-color: white;
    position: absolute;
    top: -5px;
    left: 5px;
}

.ClassListEstudiantes {
    position: relative;
    background-color: white;
    display: inline-table;
    vertical-align: top;
}

#btnFinalizar, #btnLimpiar {
    position: relative;
    padding: 0 15px;
    background: #3d4f5f;
    color: white;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 40px;
    width: 100px;
    height: 40px;
    margin: 10px;
    float: left;
}

    #btnFinalizar:hover, #btnLimpiar:hover {
        background: #51697e;
    }

    #btnFinalizar:focus, #btnLimpiar:focus {
        outline: none;
    }

.ClassImgSeleccionado {
    background-color: white;
    position: absolute;
    width: 32px;
    height: 32px;
    top: 15px;
    left: 145px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    -ms-border-radius: 32px;
    -o-border-radius: 32px;
    border-radius: 32px;
}

.ClassImgDentroFuera {
    background-color: transparent;
    position: absolute;
    top: 15px;
    left: 30px;
}

.ClassGradoEstudiante {
    font-weight: bold;
    font-size: 1.2em;
    color: navy;
    text-align: center;
    display: inherit;
    vertical-align: top;
}

    .ClassGradoEstudiante em {
        font-weight: normal;
    }

.ClassGrupoEstudiante {
    font-weight: bold;
    font-size: 1.2em;
    color: navy;
    text-align: center;
    display: inherit;
    vertical-align: top;
}

    .ClassGrupoEstudiante em {
        font-weight: normal;
    }

.ClassEntradaSalida {
    color: navy;
    width: 170px;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    display: inherit;
    vertical-align: top;
}

.ClassOculta {
    display: none !important;
}

#divModPersonasAuto {
    position: relative;
    width: 47%;
    min-width: 150px;
    height: 150px;
    background-color: white;
    display: inline-table;
    vertical-align: top;
}

#divModDocentes {
    position: relative;
    width: 47%;
    min-width: 150px;
    height: 150px;
    background-color: white;
    display: inline-table;
    vertical-align: top;
}

#divModEstudiantes {
    position: relative;
    display: inline-table;
    vertical-align: top;
}
/*FIN VISTA EYRA*/
/*NUEVOS ESTILOS*/
/*para móviles en vertical)*/
#divTopPanelLogin {
    position: absolute;
    background-color: white;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 60px;
    opacity: 0.3;
    -webkit-box-shadow: 0px 9px 22px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 9px 22px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 9px 22px -2px rgba(0,0,0,0.75);
    z-index: 0;
}

#divTopPanelLoginCont {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 480px;
    display: inline-block;
}

    #divTopPanelLoginCont #divInfoLogin {
        position: relative;
        width: 100%;
        height: 50px;
        padding: 5px;
    }

        #divTopPanelLoginCont #divInfoLogin #divLogo {
            position: absolute;
            top: 25px;
            left: 10px;
            width: 50px;
            height: 50px;
            opacity: 1;
            padding: 5px;
            z-index: 1;
            background-color: white;
            -webkit-box-shadow: inset 0px 0px 50px -10px rgba(195,195,195,1);
            -moz-box-shadow: inset 0px 0px 50px -10px rgba(195,195,195,1);
            box-shadow: inset 0px 0px 50px -10px rgba(195,195,195,1);
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            -ms-border-radius: 50px;
            -o-border-radius: 50px;
            border-radius: 50px;
            overflow: hidden;
        }

            #divTopPanelLoginCont #divInfoLogin #divLogo #biImagenLogoLogin {
                width: 50px;
                height: 50px;
                -webkit-border-radius: 50px;
                -moz-border-radius: 50px;
                -ms-border-radius: 50px;
                -o-border-radius: 50px;
                border-radius: 50px;
            }

        #divTopPanelLoginCont #divInfoLogin #h1NombreCol {
            color: white;
            font-size: 1.5em;
            text-shadow: -1px -1px 1px #333, 1px -1px 1px #333, -1px 1px 1px #333, 1px 1px 1px #333;
            margin-left: 0px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            overflow: hidden;
            cursor: pointer;
        }

    #divTopPanelLoginCont #divSignIn {
        position: relative;
        width: 100%;
        height: 410px;
        padding: 5px;
        display: inline-block;
    }

#divSignInAcceso {
    position: relative;
    width: 100%;
    height: 43px;
    padding: 30px 0px 0px 0px;
    display: inline-block;
}

#divSignInOpciones {
    position: relative;
    width: 100%;
    height: 42px;
    display: inline-block;
}

#txtUsuarioWeb, #txtPassWeb {
    width: 98%;
    margin: 10px 0px;
}

#txtUsuarioWeb_I, #txtPassWeb_I, #txtPassWeb_I_CLND {
    margin-left: 20px;
}

#btnLogIn {
    width: 100px;
    text-align: center;
    background-color: #0097ff;
    color: white;
    font-size: 1.1em;
    padding: 8px 10px 8px 10px;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition-property: background;
    -moz-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}

    #btnLogIn:hover {
        background-color: #33acff;
        box-shadow: 0px 5px 6px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 5px 6px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0px 5px 6px rgba(0,0,0,0.2);
    }

    #btnLogIn:focus {
        outline: none;
    }

#chkRemember {
    margin-top: -30px;
    margin-left: 140px;
    font-size: 1.0em;
    color: white;
    text-shadow: -1px -1px 1px #333, 1px -1px 1px #333, -1px 1px 1px #333, 1px 1px 1px #333;
}

#btnOlvido {
    position: absolute;
    top: 10px;
    right: 20px;
    font-weight: 500;
    font-size: 1.0em;
    text-decoration: none;
    text-shadow: -1px -1px 1px #0097FF, 1px -1px 1px #0097FF, -1px 1px 1px #333, 1px 1px 1px #0097FF;
}

    #btnOlvido:hover {
        text-shadow: -1px -1px 1px #33acff, 1px -1px 1px #33acff, -1px 1px 1px #333, 1px 1px 1px #33acff !important;
    }

    #btnOlvido:focus {
        outline: none;
    }

#btnAspirantes {
    position: absolute;
    top: 40px;
    right: 20px;
    font-weight: 500;
    font-size: 1.0em;
    text-decoration: none;
    text-shadow: -1px -1px 1px #0097FF, 1px -1px 1px #0097FF, -1px 1px 1px #333, 1px 1px 1px #0097FF;
}

    #btnAspirantes:hover {
        text-shadow: -1px -1px 1px #33acff, 1px -1px 1px #33acff, -1px 1px 1px #333, 1px 1px 1px #33acff !important;
    }

    #btnAspirantes:focus {
        outline: none;
    }

#divFooterPanelLogin {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 49px;
    z-index: 0;
    display: -webkit-inline-box;
}

    #divFooterPanelLogin #divRedesLogin {
        position: absolute;
        top: -69px;
        right: 0px;
        width: 225px;
        height: 49px;
    }

    #divFooterPanelLogin #imgFacebookEscuelaLogin, #divFooterPanelLogin #imgTwitterEscuelaLogin, #divFooterPanelLogin #imgGooglePlusEscuelaLogin, #divFooterPanelLogin #imgYouTubeEscuelaLogin {
        position: relative;
        float: left;
        margin: 5px 10px 5px 10px;
        cursor: pointer;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        #divFooterPanelLogin #imgFacebookEscuelaLogin:hover, #divFooterPanelLogin #imgTwitterEscuelaLogin:hover, #divFooterPanelLogin #imgGooglePlusEscuelaLogin:hover, #divFooterPanelLogin #imgYouTubeEscuelaLogin:hover {
            -webkit-filter: contrast(300%);
            filter: contrast(300%);
        }

    #divFooterPanelLogin #divLogoSchoolWebLogin {
        position: relative;
        width: 100%;
        height: 49px;
    }

#divLogoSchoolWebLogin #imgLogoHeader {
    position: absolute;
    top: -10px;
    right: 240px;
    width: 80px;
    height: 44px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

#divLogoSchoolWebLogin #imgFacebookSisteLogin, #divLogoSchoolWebLogin #imgTwitterSisteLogin, #divLogoSchoolWebLogin #imgGooglePlusSisteLogin, #divLogoSchoolWebLogin #imgYouTubeSisteLogin {
    position: absolute;
    cursor: pointer;
    top: -20px;
    right: 300px;
    width: 22px;
    height: 22px;
    display: none;
}

    #divLogoSchoolWebLogin #imgFacebookSisteLogin:hover, #divLogoSchoolWebLogin #imgTwitterSisteLogin:hover, #divLogoSchoolWebLogin #imgGooglePlusSisteLogin:hover, #divLogoSchoolWebLogin #imgYouTubeSisteLogin:hover {
        -webkit-filter: contrast(300%);
        filter: contrast(300%);
    }

#divLogoSchoolWebLogin #spanHeader {
    position: absolute;
    bottom: 20px;
    right: 210px;
    cursor: pointer;
    font-size: .8em;
    font-weight: bold;
    text-shadow: -1px -1px 1px white, 1px -1px 1px white, -1px 1px 1px white, 1px 1px 1px white;
    color: #006FD1;
}

#divLogoSchoolWebLogin .aCopyright {
    position: absolute;
    bottom: 0px;
    right: 10px;
}

    #divLogoSchoolWebLogin .aCopyright:link {
        text-decoration: none;
    }

#divLogoSchoolWebLogin #pCopyright {
    font-size: .8em;
    font-weight: bold;
    color: #0097FF;
    margin-bottom: 20px;
    text-shadow: -1px -1px 1px white, 1px -1px 1px white, -1px 1px 1px white, 1px 1px 1px white;
}

    #divLogoSchoolWebLogin #pCopyright:hover {
        -webkit-filter: contrast(300%);
        filter: contrast(300%);
    }

#divTipoUsuario {
    background-color: transparent;
    display: -webkit-inline-box;
}

#h2TipoUsuario {
    font-size: 1.0em;
    font-weight: bold;
    text-align: center;
    color: white;
}

#divTipoUsuario .classdivTipoUsuario {
    width: 62px;
    height: 62px;
    background-color: white;
    -webkit-border-radius: 62px;
    -moz-border-radius: 62px;
    -ms-border-radius: 62px;
    -o-border-radius: 62px;
    border-radius: 62px;
    overflow: hidden;
    margin: 10px 30px;
    cursor: pointer;
}

    #divTipoUsuario .classdivTipoUsuario:hover {
        border: 2px solid #0097FF;
    }

#divTipoUsuario #h3TUDocente {
    position: absolute;
    color: white;
    top: 130px;
    left: 52px;
    font-size: 1.0em;
    font-weight: bold;
}

#divTipoUsuario #h3TUAdministrador {
    position: absolute;
    color: white;
    top: 130px;
    right: 48px;
    font-size: 1.0em;
    font-weight: bold;
}

.classimgTipoUsuario {
    width: 32px;
    height: 32px;
    margin: 15px;
    cursor: pointer;
}

#divMenu {
    position: fixed;
    z-index: 1029;
    top: 0px;
    left: 0px;
    min-width: 100%;
    min-height: 0px;
    background-color: black;
    opacity: 0;
    display: none;
    overflow: auto;
}

    #divMenu .classimgCerrar {
        position: absolute;
        top: 10px;
        left: 50%;
        margin-left: -16px;
        cursor: pointer;
    }

        #divMenu .classimgCerrar:hover {
            background-color: #0097FF;
            border-radius: 48px;
        }

#divMenuCentral {
    position: absolute;
    width: 300px;
    top: 78px;
    left: 50%;
    margin-left: -150px;
    z-index: 1030;
}

@media (min-width: 768px) {
    #divTopPanelLogin {
        position: absolute;
        background-color: white;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 95px;
        opacity: 0.3;
        -webkit-box-shadow: 0px 9px 22px -2px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 9px 22px -2px rgba(0,0,0,0.75);
        box-shadow: 0px 9px 22px -2px rgba(0,0,0,0.75);
        z-index: 0;
    }

    #divTopPanelLoginCont {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 95px;
        display: inline-flex;
    }

        #divTopPanelLoginCont #divInfoLogin {
            position: relative;
            width: 50%;
            height: 85px;
            padding: 5px;
        }

            #divTopPanelLoginCont #divInfoLogin #divLogo {
                position: absolute;
                top: 5px;
                left: 5px;
                width: 73px;
                height: 73px;
                opacity: 1;
                padding: 5px;
                z-index: 1;
                background-color: white;
                -webkit-box-shadow: inset 0px 0px 50px -10px rgba(195,195,195,1);
                -moz-box-shadow: inset 0px 0px 50px -10px rgba(195,195,195,1);
                box-shadow: inset 0px 0px 50px -10px rgba(195,195,195,1);
                -webkit-border-radius: 73px;
                -moz-border-radius: 73px;
                -ms-border-radius: 73px;
                -o-border-radius: 73px;
                border-radius: 73px;
                overflow: hidden;
            }

                #divTopPanelLoginCont #divInfoLogin #divLogo #biImagenLogoLogin {
                    width: 73px;
                    height: 73px;
                    -webkit-border-radius: 73px;
                    -moz-border-radius: 73px;
                    -ms-border-radius: 73px;
                    -o-border-radius: 73px;
                    border-radius: 73px;
                }

            #divTopPanelLoginCont #divInfoLogin #h1NombreCol {
                color: white;
                font-size: 1.6em;
                text-shadow: -1px -1px 1px #333, 1px -1px 1px #333, -1px 1px 1px #333, 1px 1px 1px #333;
                margin-left: 100px;
                height: 85px;
                line-height: 85px;
                text-align: left;
                overflow: hidden;
                cursor: pointer;
            }

        #divTopPanelLoginCont #divSignIn {
            position: relative;
            width: 50%;
            height: 85px;
            padding: 5px;
            display: inline-block;
        }

    #divSignInAcceso {
        position: relative;
        width: 100%;
        height: 43px;
        padding: 10px 0px;
        display: inline-flex;
    }

    #divSignInOpciones {
        position: relative;
        width: 100%;
        height: 42px;
        display: -webkit-inline-box;
    }

    #txtUsuarioWeb, #txtPassWeb {
        width: 40%;
        margin: 0px;
    }

    #btnLogIn {
        width: 70px;
        height: 20px;
        text-align: center;
        background-color: #0097ff;
        color: white;
        font-size: 1.1em;
        padding: 8px 1px 8px 1px;
        text-decoration: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        -webkit-transition-property: background;
        -moz-transition-property: background;
        -o-transition-property: background;
        transition-property: background;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
        font-weight: bold;
        text-transform: uppercase;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
        -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
        -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    }

    #chkRemember {
        margin-top: -10px;
        margin-left: 0px;
        font-size: .8em;
    }

    #btnOlvido {
        position: absolute;
        top: -10px;
        right: 10px;
        font-weight: 500;
        font-size: .8em;
        text-decoration: none;
        text-shadow: -1px -1px 1px #0097FF, 1px -1px 1px #0097FF, -1px 1px 1px #333, 1px 1px 1px #0097FF;
    }

    #btnAspirantes {
        position: absolute;
        top: 10px;
        right: 10px;
        font-weight: 500;
        font-size: .8em;
        text-decoration: none;
        text-shadow: -1px -1px 1px #0097FF, 1px -1px 1px #0097FF, -1px 1px 1px #333, 1px 1px 1px #0097FF;
    }

    #divFooterPanelLogin {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 98px;
        z-index: 0;
        display: -webkit-inline-box;
    }

        #divFooterPanelLogin #divRedesLogin {
            position: relative;
            top: 0;
            right: 0;
            width: 50%;
            height: 98px;
        }

        #divFooterPanelLogin #imgFacebookEscuelaLogin, #divFooterPanelLogin #imgTwitterEscuelaLogin, #divFooterPanelLogin #imgGooglePlusEscuelaLogin, #divFooterPanelLogin #imgYouTubeEscuelaLogin {
            position: relative;
            float: left;
            margin: 30px 20px 0px 20px;
            cursor: pointer;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        #divFooterPanelLogin #divLogoSchoolWebLogin {
            position: relative;
            width: 50%;
            height: 98px;
        }

    #divLogoSchoolWebLogin #imgLogoHeader {
        position: absolute;
        top: 0px;
        right: 300px;
        width: 110px;
        height: 74px;
        cursor: pointer;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
    }

    #divLogoSchoolWebLogin #imgFacebookSisteLogin, #divLogoSchoolWebLogin #imgTwitterSisteLogin, #divLogoSchoolWebLogin #imgGooglePlusSisteLogin, #divLogoSchoolWebLogin #imgYouTubeSisteLogin {
        position: absolute;
        cursor: pointer;
        top: 10px;
        right: 300px;
        width: 32px;
        height: 32px;
        display: none;
    }

    #divLogoSchoolWebLogin #spanHeader {
        position: absolute;
        bottom: 30px;
        right: 260px;
        cursor: pointer;
        font-size: 1.0em;
        font-weight: bold;
        text-shadow: -1px -1px 1px white, 1px -1px 1px white, -1px 1px 1px white, 1px 1px 1px white;
        color: #006FD1;
    }

    #divLogoSchoolWebLogin .aCopyright {
        position: absolute;
        bottom: 10px;
        right: 10px;
    }

    #divLogoSchoolWebLogin #pCopyright {
        font-size: 1.0em;
        font-weight: bold;
        color: #0097FF;
        margin-bottom: 20px;
        text-shadow: -1px -1px 1px white, 1px -1px 1px white, -1px 1px 1px white, 1px 1px 1px white;
    }
}
/*Móviles en horizontal o tablets en vertical*/
@media (min-width: 1024px) {
    #divTopPanelLogin {
        position: absolute;
        background-color: white;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 115px;
        opacity: 0.3;
        -webkit-box-shadow: 0px 9px 22px -2px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 9px 22px -2px rgba(0,0,0,0.75);
        box-shadow: 0px 9px 22px -2px rgba(0,0,0,0.75);
        z-index: 0;
    }

    #divTopPanelLoginCont {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 115px;
        display: inline-flex;
    }

        #divTopPanelLoginCont #divInfoLogin {
            position: relative;
            width: 50%;
            height: 105px;
            padding: 5px;
        }

            #divTopPanelLoginCont #divInfoLogin #divLogo {
                position: absolute;
                top: 5px;
                left: 5px;
                width: 93px;
                height: 93px;
                opacity: 1;
                padding: 5px;
                z-index: 1;
                background-color: white;
                -webkit-box-shadow: inset 0px 0px 50px -10px rgba(195,195,195,1);
                -moz-box-shadow: inset 0px 0px 50px -10px rgba(195,195,195,1);
                box-shadow: inset 0px 0px 50px -10px rgba(195,195,195,1);
                -webkit-border-radius: 93px;
                -moz-border-radius: 93px;
                -ms-border-radius: 93px;
                -o-border-radius: 93px;
                border-radius: 93px;
                overflow: hidden;
            }

                #divTopPanelLoginCont #divInfoLogin #divLogo #biImagenLogoLogin {
                    width: 93px;
                    height: 93px;
                    -webkit-border-radius: 93px;
                    -moz-border-radius: 93px;
                    -ms-border-radius: 93px;
                    -o-border-radius: 93px;
                    border-radius: 93px;
                }

            #divTopPanelLoginCont #divInfoLogin #h1NombreCol {
                color: white;
                font-size: 1.7em;
                text-shadow: -1px -1px 1px #333, 1px -1px 1px #333, -1px 1px 1px #333, 1px 1px 1px #333;
                margin-left: 120px;
                height: 105px;
                line-height: 105px;
                text-align: left;
                overflow: hidden;
                cursor: pointer;
            }

        #divTopPanelLoginCont #divSignIn {
            position: relative;
            width: 50%;
            height: 105px;
            padding: 5px;
            display: inline-block;
        }

    #divSignInAcceso {
        position: relative;
        width: 100%;
        height: 33px;
        padding: 10px 0px;
        display: inline-flex;
    }

    #divSignInOpciones {
        position: relative;
        width: 100%;
        height: 32px;
        display: -webkit-inline-box;
    }

    #txtUsuarioWeb, #txtPassWeb {
        width: 40%;
        margin: 0px;
    }

    #btnLogIn {
        width: 100px;
        height: 20px;
        text-align: center;
        background-color: #0097ff;
        color: white;
        font-size: 1.1em;
        padding: 8px 1px 8px 1px;
        text-decoration: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        -webkit-transition-property: background;
        -moz-transition-property: background;
        -o-transition-property: background;
        transition-property: background;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
        font-weight: bold;
        text-transform: uppercase;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
        -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
        -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    }

    #chkRemember {
        margin-top: -7px;
        margin-left: 0px;
        font-size: .9em;
    }

    #btnOlvido {
        position: absolute;
        top: 0px;
        right: 150px;
        font-weight: 500;
        font-size: .9em;
        text-decoration: none;
        text-shadow: -1px -1px 1px #0097FF, 1px -1px 1px #0097FF, -1px 1px 1px #333, 1px 1px 1px #0097FF;
    }

    #btnAspirantes {
        position: absolute;
        top: 0px;
        right: 10px;
        font-weight: 500;
        font-size: .9em;
        text-decoration: none;
        text-shadow: -1px -1px 1px #0097FF, 1px -1px 1px #0097FF, -1px 1px 1px #333, 1px 1px 1px #0097FF;
    }

    #divFooterPanelLogin {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 98px;
        z-index: 0;
        display: -webkit-inline-box;
    }

        #divFooterPanelLogin #divRedesLogin {
            position: relative;
            top: 0;
            right: 0;
            width: 50%;
            height: 98px;
        }

        #divFooterPanelLogin #imgFacebookEscuelaLogin, #divFooterPanelLogin #imgTwitterEscuelaLogin, #divFooterPanelLogin #imgGooglePlusEscuelaLogin, #divFooterPanelLogin #imgYouTubeEscuelaLogin {
            position: relative;
            float: left;
            margin: 30px 20px 0px 20px;
            cursor: pointer;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        #divFooterPanelLogin #divLogoSchoolWebLogin {
            position: relative;
            width: 50%;
            height: 98px;
        }

    #divLogoSchoolWebLogin #imgLogoHeader {
        position: absolute;
        top: 0px;
        right: 300px;
        width: 110px;
        height: 74px;
        cursor: pointer;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
    }

    #divLogoSchoolWebLogin #imgFacebookSisteLogin, #divLogoSchoolWebLogin #imgTwitterSisteLogin, #divLogoSchoolWebLogin #imgGooglePlusSisteLogin, #divLogoSchoolWebLogin #imgYouTubeSisteLogin {
        position: absolute;
        cursor: pointer;
        top: 10px;
        right: 300px;
        width: 32px;
        height: 32px;
        display: none;
    }

    #divLogoSchoolWebLogin #spanHeader {
        position: absolute;
        bottom: 30px;
        right: 260px;
        cursor: pointer;
        font-size: 1.0em;
        font-weight: bold;
        text-shadow: -1px -1px 1px white, 1px -1px 1px white, -1px 1px 1px white, 1px 1px 1px white;
        color: #006FD1;
    }

    #divLogoSchoolWebLogin .aCopyright {
        position: absolute;
        bottom: 10px;
        right: 10px;
    }

    #divLogoSchoolWebLogin #pCopyright {
        font-size: 1.0em;
        font-weight: bold;
        color: #0097FF;
        margin-bottom: 20px;
        text-shadow: -1px -1px 1px white, 1px -1px 1px white, -1px 1px 1px white, 1px 1px 1px white;
    }
}
/*Tablets en horizonal y escritorios normales*/
@media (min-width: 1200px) {
    #divTopPanelLogin {
        position: absolute;
        background-color: white;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 135px;
        opacity: 0.3;
        background-color: white;
        -webkit-box-shadow: 0px 9px 22px -2px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 9px 22px -2px rgba(0,0,0,0.75);
        box-shadow: 0px 9px 22px -2px rgba(0,0,0,0.75);
        z-index: 0;
    }

    #divTopPanelLoginCont {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 135px;
        display: inline-flex;
    }

        #divTopPanelLoginCont #divInfoLogin {
            position: relative;
            width: 50%;
            height: 125px;
            padding: 5px;
        }

            #divTopPanelLoginCont #divInfoLogin #divLogo {
                position: absolute;
                top: 5px;
                left: 5px;
                width: 113px;
                height: 113px;
                opacity: 1;
                padding: 5px;
                z-index: 1;
                background-color: white;
                -webkit-box-shadow: inset 0px 0px 50px -10px rgba(195,195,195,1);
                -moz-box-shadow: inset 0px 0px 50px -10px rgba(195,195,195,1);
                box-shadow: inset 0px 0px 50px -10px rgba(195,195,195,1);
                -webkit-border-radius: 113px;
                -moz-border-radius: 113px;
                -ms-border-radius: 113px;
                -o-border-radius: 113px;
                border-radius: 113px;
                overflow: hidden;
            }

                #divTopPanelLoginCont #divInfoLogin #divLogo #biImagenLogoLogin {
                    width: 113px;
                    height: 113px;
                    -webkit-border-radius: 113px;
                    -moz-border-radius: 113px;
                    -ms-border-radius: 113px;
                    -o-border-radius: 113px;
                    border-radius: 113px;
                }

            #divTopPanelLoginCont #divInfoLogin #h1NombreCol {
                color: white;
                font-size: 1.8em;
                text-shadow: -1px -1px 1px #333, 1px -1px 1px #333, -1px 1px 1px #333, 1px 1px 1px #333;
                margin-left: 140px;
                height: 125px;
                line-height: 125px;
                text-align: left;
                overflow: hidden;
                cursor: pointer;
            }

        #divTopPanelLoginCont #divSignIn {
            position: relative;
            width: 50%;
            height: 125px;
            padding: 5px;
            display: inline-block;
        }

    #divSignInAcceso {
        position: relative;
        width: 100%;
        height: 43px;
        padding: 10px 0px;
        display: inline-flex;
    }

    #divSignInOpciones {
        position: relative;
        width: 100%;
        height: 42px;
        display: -webkit-inline-box;
    }

    #txtUsuarioWeb, #txtPassWeb {
        width: 40%;
        margin: 0px;
    }

    #btnLogIn {
        width: 100px;
        height: 20px;
        text-align: center;
        background-color: #0097ff;
        color: white;
        font-size: 1.1em;
        padding: 8px 10px 8px 10px;
        text-decoration: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        -webkit-transition-property: background;
        -moz-transition-property: background;
        -o-transition-property: background;
        transition-property: background;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
        font-weight: bold;
        text-transform: uppercase;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
        -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
        -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    }

    #chkRemember {
        margin-top: -7px;
        margin-left: 0px;
        font-size: 1.0em;
    }

    #btnOlvido {
        position: absolute;
        top: 0px;
        right: 210px;
        font-weight: 500;
        font-size: 1.0em;
        text-decoration: none;
        text-shadow: -1px -1px 1px #0097FF, 1px -1px 1px #0097FF, -1px 1px 1px #333, 1px 1px 1px #0097FF;
    }

    #btnAspirantes {
        position: absolute;
        top: 0px;
        right: 60px;
        font-weight: 500;
        font-size: 1.0em;
        text-decoration: none;
        text-shadow: -1px -1px 1px #0097FF, 1px -1px 1px #0097FF, -1px 1px 1px #333, 1px 1px 1px #0097FF;
    }

    #divFooterPanelLogin {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 98px;
        z-index: 0;
        display: -webkit-inline-box;
    }

        #divFooterPanelLogin #divRedesLogin {
            position: relative;
            top: 0;
            right: 0;
            width: 50%;
            height: 98px;
        }

        #divFooterPanelLogin #imgFacebookEscuelaLogin, #divFooterPanelLogin #imgTwitterEscuelaLogin, #divFooterPanelLogin #imgGooglePlusEscuelaLogin, #divFooterPanelLogin #imgYouTubeEscuelaLogin {
            position: relative;
            float: left;
            margin: 30px 20px 0px 20px;
            cursor: pointer;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        #divFooterPanelLogin #divLogoSchoolWebLogin {
            position: relative;
            width: 50%;
            height: 98px;
        }

    #divLogoSchoolWebLogin #imgLogoHeader {
        position: absolute;
        top: 0px;
        right: 300px;
        width: 110px;
        height: 74px;
        cursor: pointer;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
    }

    #divLogoSchoolWebLogin #imgFacebookSisteLogin, #divLogoSchoolWebLogin #imgTwitterSisteLogin, #divLogoSchoolWebLogin #imgGooglePlusSisteLogin, #divLogoSchoolWebLogin #imgYouTubeSisteLogin {
        position: absolute;
        cursor: pointer;
        top: 10px;
        right: 300px;
        width: 32px;
        height: 32px;
        display: none;
    }

    #divLogoSchoolWebLogin #spanHeader {
        position: absolute;
        bottom: 30px;
        right: 260px;
        cursor: pointer;
        font-size: 1.0em;
        font-weight: bold;
        text-shadow: -1px -1px 1px white, 1px -1px 1px white, -1px 1px 1px white, 1px 1px 1px white;
        color: #006FD1;
    }

    #divLogoSchoolWebLogin .aCopyright {
        position: absolute;
        bottom: 10px;
        right: 10px;
    }

    #divLogoSchoolWebLogin #pCopyright {
        font-size: 1.0em;
        font-weight: bold;
        color: #0097FF;
        margin-bottom: 20px;
        text-shadow: -1px -1px 1px white, 1px -1px 1px white, -1px 1px 1px white, 1px 1px 1px white;
    }
}
/*Escritorios muy anchos*/
/*FIN NUEVOS ESTILOS*/