﻿
@media print {
    .break {
        page-break-after: always;
    }

    .noprint {
        display: none;
    }
}

i.bi[over=si]{
    font-size: 1.5em;
    cursor: pointer;
    opacity: 1;
}
i.bi[over=si]:hover {
        /* opacity: 0.5;*/
        color: #0a58ca
}

i.bi {
    font-size: 1.5em;
}


/*azul #365899*/
/*celeste  #4080ff   */
/*negro #1d2129*/
/*verde #36a420*/
/*rojo #fa3e3e*/
.M {
    /*font-family: Arial,Sans-Serif;*/
    color: blue;
    /*font-size:14px;*/
    /*color: #000000;*/
}

.F {
    /*font-family: Arial,Sans-Serif;*/
    color: #f540eb;
    /*font-size:14px;*/
    /*color: #000000;*/
}
body{
    /*margin-top:10px;*/
}
.M {
    font-family: Arial,Sans-Serif;
    color: blue;
    /*color: #000000;*/
}

.F {
    font-family: Arial,Sans-Serif;
    color: #f540eb;
    /*color: #000000;*/
}
input[type=checkbox] {
    zoom: 1.5;
    vertical-align:middle;
    margin-left:5px;
}
pre.autoAdj {
    white-space: pre-wrap; /* CSS 3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word;
    margin-top: 0px;
}

a {
    text-decoration: none;
    color:black;
}
    a:hover {
        text-decoration: none !important;
        cursor:pointer;
    }
  a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}


body.cargando div.fondoModal {
    /*display: block !important;*/
}

body.cargando {
    overflow: hidden;
}


.fondobanner {
    background-color: #fff;
}

.session {
    font-family: Verdana;
    font-size: x-small;
    font-weight:bold;
    color: #168282;
}

.login {
    font-family: Verdana;
    font-size: x-small;
    font-weight: bold;
    font-style: normal;
    color: #FFFFFF;
}



.fileUpload {
    position: relative;
    overflow: hidden;
    font-family: Verdana;
    text-align: center;
}

    .fileUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

span.iconoArchivo {
    background-position: left;
    padding-left: 20px;
    line-height: 40px;
}

    span.iconoArchivo.pdf {
        /*background: transparent url('../../Images/fileIcons/pdf-32_32.png') no-repeat left;*/
    }

table tr td.n {
    text-align: right;
}

table tr td.tx {
    text-align: left;
}

table tr th.tdAccion {
    width: 30px;
}

table tr th.Nota {
    width: 25px;
    text-align: center;
}

table tr th.NomMod {
    width: 10px;
    text-align: center;
}

table tr th.hora {
    width: 10px;
    text-align: center;
}

table tr th.Apellido {
    width: 50px;
    text-align: right;
}

table tr th.fecha {
    width: 1px;
}

table tr th.fechahora {
    width: 80px;
}

table tr th.Nombre {
    width: 130px;
}

.rbNoWrap tbody tr td {
    white-space: nowrap;
}

table tr td.dt {
    text-align: center !important;
}

/*table tr td.M {
    font-family: Arial,Sans-Serif;
    color: black;
}*/

table[id^=ContentPlaceHolder_GV] {
    width: 100%;
}

    table[id^=ContentPlaceHolder_GV] tbody tr:nth-child(odd) {
        /*background-color: #EFF4FD;*/ /*estilo viejo*/
    }

    table[id^=ContentPlaceHolder_GV] tbody tr:nth-child(even) {
        /*background-color: #E7EFFD;*/ /*estilo viejo*/
    }

    table[id^=ContentPlaceHolder_GV] tbody tr:hover {
        /*background-color: #FFFFFF;*/ /*estilo viejo*/
        background-color: #efecec;
    }

table#ContentPlaceHolder_GV th {
    background-color: #D0DFF9;
    text-align: center;
    font-size: 12px;
}

table#ContentPlaceHolder_GV tr td {
    padding: 2px;
    font-size: 12px;
    font-weight: normal;
}


table[id^=TabladeListado] {
    width: 100%;
}

    table[id^=TabladeListado] tbody tr:nth-child(odd) {
        /*background-color: #EFF4FD;*/
    }

    table[id^=TabladeListado] tbody tr:nth-child(even) {
        /*background-color: #E7EFFD;*/
    }
    /*table[id^=TabladeListado] tbody tr {
       opacity:0.5;

    }*/
    table[id^=TabladeListado] tbody tr:hover {
        background-color: rgba(138, 176, 251, 0.19);
    }

    table[id^=TabladeListado] thead tr {
        background-color: #CCC;
        font-family: inherit;
        font-size: 13px;
        color: #151414;
    }

table#TabladeListado th {
    background-color: #D0DFF9;
    text-align: center;
    font-size: 12px;
}


table#TabladeListado tr td {
    padding: 2px;
    font-size: 12px;
    font-weight: normal;
}

table#TabladeListado td {
    border-bottom-style: solid;
    border-bottom-color: red;
}

label#opacity{
    opacity: 0.3;
    cursor: pointer;
}
label#opacity:hover{
    opacity: 1;
}

label {
    font-family: Arial, Helvetica, sans-serif;
    /*color: rgb(88,100,200);*/
    font-size: 1em;
    font-weight: 700;
}

/*#tacho {
    
    opacity: 0.3;
    cursor: pointer;
}*/

img#adjunto {
    opacity: 0.3;
    cursor: pointer;
}

    img#adjunto:hover {
        opacity: 1;
    }

img#lupa {
    opacity: 0.5;
    cursor: pointer;
    width: 20px;
    height: 20px;
}

    img#lupa:hover {
        opacity: 1;
    }

img#foco {
    opacity: 0.5;
    cursor: pointer;
    /*width: 20px;*/
    /*height: 20px;*/
}

    img#foco:hover {
        opacity: 1;
    }
[foco=si] {
    opacity: 0.5;
    cursor: pointer;
    /*width: 20px;*/
    /*height: 20px;*/
}

[foco=si]:hover {
    opacity: 1;
}



/*foco2 hace la inverda al foco, ej es para las fotos que estan en noticias*/
img#foco2 {
    opacity: 1;
    cursor: pointer;
}

    img#foco2:hover {
        opacity: 0.5;
    }




/*img#tacho:hover {
    opacity: 1;
}*/

table.TablaMensajeria tr:hover #tacho {
    display: block;
}

table.TablaMensajeria tr td img#tacho:hover {
    opacity: 1;
}

.borde_azul {
    border: #bdcbd4 1px solid;
    margin-top: 3px;
    border-radius: 7px;
}

.spinnerFondo {
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-image: url('data:image/gif;base64,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');
    background-position: center;
    margin-left: 50px;
    position: fixed;
}

/*tr.even {
    background-color: #B4CCF5;
}

tr.odd {
    background-color: #D0DFF9;
}*/

th.tablesorter-header.tablesorter-headerSortUp {
    background-image: url(../JS/images/desc.png);
    background-position-x: 2px;
    background-position-y: 3px;
    background-repeat: no-repeat;
}

th.tablesorter-header.tablesorter-headerSortDown {
    background-image: url(../JS/images/asc.png);
    background-position-x: 2px;
    background-repeat: no-repeat;
    background-position-y: 3px;
}

th.tablesorter-header {
    /*background-image: url(../JS/images/tableSorterFondo.png);*/
    cursor: pointer;
    font-weight: bold;
    background-repeat: repeat-x;
    background-position: center;
    /*padding-left: 20px;*/
    border-right: 1px solid #dad9c7;
    margin-left: -1px;
    /*padding-right: 20px;*/
    color: blue;
}

form#form1 label {
    font-size: 12px;
    /*cursor: pointer;*/
}

.modInex {
    color: red;
    font-weight: bold;
}

.MiMateria {
    color: #0000FF;
    font-weight: bold;
}

.atencion {
    font-family: Verdana;
    color: #FF0000;
    font-weight: bold;
}



span.TituloNoticia {
    color: #000000;
    font-size: 150%;
    font-weight: bold;
    font-family: Verdana;
}


span.SubTituloNoticia {
    color: #808080;
    font-size: 16px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
}



.txFecha {
    width: 7em;
    font-size: 15px;
    text-align: center;
}

form#form1 td {
    font-size: 12px;
    /*text-align:left;*/
    /*vertical-align: top;*/
}

td.label {
    font-weight: bold;
}

td.valor {
}

form#form1 select, input, textarea {
    font-size: 12px;
    font-family: Verdana;
    text-align: left;
}


div.lista2.face li {
    overflow: hidden;
    height: auto !important;
    /*height: 15px;*/
    margin: 3px;
    padding: 1px 3px;
    /*background-color: #CCFFAA;*/
    background-color: #FFFFFF;
    color: black;
    cursor: default;
    /*border: 1px solid #8AC007;*/
    font-size: 11px;
    /*border-radius: 5px;*/
    float: left;
    white-space: nowrap;
}


div.lista.face li {
    overflow: hidden;
    height: auto !important;
    height: 15px;
    margin: 3px;
    padding: 1px 3px;
    /*background-color: #CCFFAA;*/
    background-color: #FFFFFF;
    color: black;
    cursor: default;
    border: 1px solid #8AC007;
    font-size: 11px;
    border-radius: 5px;
    float: left;
    white-space: nowrap;
}

div.lista.face#divArchivos li {
    overflow: hidden;
    height: auto !important;
    height: 15px;
    margin: 3px;
    padding: 1px 3px;
    background-color: #FFFFFF;
    color: black;
    cursor: default;
    border: 1px solid #3399FF;
    font-size: 11px;
    border-radius: 2px;
    float: left;
    white-space: nowrap;
    text-align: center;
}

div.lista.face {
    /*height: 60px;*/
    /*width: 400px;*/
    overflow-y: auto;
    border: rgb(196, 196, 196);
    border-width: 1px;
    /*border-style: solid;*/
}

.oculto {
    display: none;
}

fieldset {
    background-color: #FFFFFF;
    /* background-color: #F5F5FF;*/
    /*border-radius: 5px;*/
    display: inline-block;
    min-width: 95%;
    text-align: left;
    /*border-radius: 5px;*/
    border-color: #e5e5e5;
}

    fieldset legend {
        /*font-weight: bold;*/
        font-size: 13px;
        color: gray;
        font-family: Verdana;
    }

form#form1 div.divValidacionError {
    font-size: 12px;
    color: red;
}

body {
    font-family: Trebuchet, 'Trebuchet MS';
    font-size: 12px;
    /*background-color:rgb(233, 234, 237);*/
}


/*#divNotifMensajeNuevo {
    background-image: url('../Images/Iconos/2.gif');
    background-repeat: no-repeat;
    text-align: right;
    width: 28px;
    height: 18px;
    background-size: 100%;
    opacity: 0.2;
}

    #divNotifMensajeNuevo div {
        border-radius: 5px;
        border-color: black;
        background-color: #e78f08;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCEC0F0F,endColorstr=#CCEC0F0F);
        color: white;
        width: 50%;
        font-size: 12px;
        font-family: verdana;
        font-weight: bold;
        text-align: center;
        margin: 0px 0px auto auto;
    }

    #divNotifMensajeNuevo a {
        color: white;
    }*/

.tdResaltado {
    border: 1px solid;
}

span.aMesAnterior {
    cursor: pointer;
    text-decoration: underline;
    color: Blue;
}

span.aMesSiguiente {
    cursor: pointer;
    text-decoration: underline;
    color: Blue;
}


td.diaMes {
    color: #111111;
    font-family: Verdana;
    /*font-weight: bold;*/
    height: 30px;
    width: 30px;
    vertical-align: top;
}

    td.diaMes.otro {
        color: #A8A8A8;
    }

div.divDiaCalendario {
    height: 100%;
    width: 100%;
    background-color: #ffffff;
}

div.divDiaCalendario1.diaConEvento {
    height: 100%;
    width: 100%;
    background-color: #ff9400;
    cursor: pointer;
}

div.divDiaCalendario2.diaConEvento {
    height: 100%;
    width: 100%;
    background-color: #F066FF;
    cursor: pointer;
}

.divDiaCalendario:hover {
    background-color: #FFFFC1;
}

div.contenidoDiaCalendarioPublico {
    border-color: black;
    border-width: thin;
    border-style: solid;
    border-radius: 3px;
    background-color: #F066FF;
}

div.contenidoDiaCalendarioExamen {
    border-color: black;
    border-width: thin;
    border-style: solid;
    /*border-radius: 3px;*/
    background-color: #ff9400;
    color: white;
}

div.contenidoDiaCalendario:hover {
    border-color: black;
    border-width: thin;
    border-style: solid;
    border-radius: 3px;
    background-color: #444488;
}

.thCalendario {
    /*background-color: #E7F5E7;*/
    border: solid #1185bb;
    background-color: #1185bb;
    font-size: 12px;
    font-family: Verdana;
    color: #FFFFFF;
}

.feriado {
    background-color: #F4FAF4;
}

.tblCalendario {
    /*border: solid #CCC 1px;*/
    /*-moz-border-radius: 6px;
    -webkit-border-radius: 6px;*/
    /*border-radius: 6px;*/
    -webkit-box-shadow: 0 1px 1px #CCC;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #CCC;
}

    .tblCalendario td {
        border: solid #CCC 1px;
        /*-moz-border-radius: 2px;
        -webkit-border-radius: 2px;*/
        /*border-radius: 5px;*/
        -webkit-box-shadow: 0 1px 1px #CCC;
        -moz-box-shadow: 0 1px 1px #ccc;
        box-shadow: 0 1px 1px #CCC;
    }

        .tblCalendario td a {
            font-size: 9px;
        }

.nors {
    font-family: Verdana;
    font-size: 14px;
    color: #FF0000;
}

.AlertaRoja {
    font-family: Verdana;
    font-size: 16px;
    color: #FF0000;
}

.AlertaAzul {
    font-family: Verdana;
    font-size: 16px;
    color: blue;
}

.claveincorrecta {
    font-family: Verdana;
    font-size: x-small;
    font-weight: bold;
    color: #FF0000;
}

.SantaMaria {
    font-family: 'Estrangelo Edessa';
    font-size: 40px;
    font-weight: bold;
    color: #FF0000;
}

.planetasoft {
    font-family: Verdana;
    font-size: small;
    font-weight: bold;
    color: #000000;
}

.ej {
    font-family: Verdana;
    color: #999999;
    font-size: xx-small;
}

.eventoCalendario {
    font-family: Arial;
    font-size: x-small;
}

.ui-tooltip {
    color: white;
    border: none;
    padding: 0;
    opacity: 1;
    max-width: 300px;
}

.ui-tooltip-content {
    position: relative;
    padding: 2px;
}

    .ui-tooltip-content::after {
        content: '';
        position: absolute;
        border-style: solid;
        display: block;
        width: 0;
    }

.right .ui-tooltip-content::after {
    top: 18px;
    left: -10px;
    border-color: transparent #666;
    border-width: 10px 10px 10px 0;
}

.Negrita {
    font-family: Verdana;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
}

.Titulo {
    font-family: Verdana;
    color: rgb(88,144,255);
    font-size: 15px;
    font-weight: bold;
}

.etiqueta {
    font-family:Arial, Helvetica, sans-serif;
    /*color: rgb(88,100,200);*/
    font-size: 1em;
}

.LetraGris {
    font-family: Verdana;
    color: #929292;
    font-size: 14px;
    /*font-weight: bold;*/
}

.Letra {
    font-family: Arial;
    color: black;
    font-size: 10px;
    font-weight: bold;
}

.LetraMaterias {
    font-family: Arial;
    color: #A5A0A9;
    font-size: 10px;
}

.LetraAgendaEvento {
    color: #F066FF;
}

.LetraAgendaExamen {
    color: #ff9400;
}

.LetraCeleste {
    font-family: Verdana;
    color: #3399FF;
    font-size: 14px;
    /*font-weight: bold;*/
}

.LetraGris2 {
    font-family: Arial;
    color: #929292;
    font-size: 14px;
}

.etiqueta2 {
    color: #1185BB;
    font-size: 12px;
    /*text-align: right;*/
}

.LetrasVerde {
    font-family: Arial;
    color: green;
    font-size: 14px;
    font-weight: bold;
}


table.tablaArchivos {
    margin: 5px;
}

table.fielset {
    background-color: #E8E8F8;
    border-top: solid 1px;
    border-right: solid 1px;
    border-left: solid 1px;
    border-bottom: solid 1px;
    border-radius: 13px;
    padding: 10px;
    width: 100%;
}

div.divArchivosAdjuntos {
    margin-top: 10px;
}

a.aCal:link {
    color: #EEEEEE;
    text-decoration: none;
}

.titulonegro {
    color: black;
    font-weight: bold;
    font-size: 15px;
}

.hora {
    font-size: 90% !important;
    line-height: 90%;
    font-weight: 700;
    margin-right: 5px;
    color: #0E7B18;
    width: 15%;
}

a.aCal:hover {
    color: #FFFFFF;
}

.letraEduWebNaranja {
    font-family: Arial;
    color: rgb(233, 123, 0);
    font-size: 12px;
    font-weight: bold;
}

.tablalinea {
    border-top: solid 1px;
    border-right: solid 1px;
    border-left: solid 1px;
    border-bottom: solid 1px;
    /*border-radius: 13px;*/
    padding: 5px;
    width: 100%;
    border-color: #e5e5e5;
}

.tablalinearanja {
    border-top: solid 1px;
    border-right: solid 1px;
    border-left: solid 1px;
    border-bottom: solid 1px;
    border-radius: 3px;
    /*padding: 0px;*/
    width: 100%;
    border-color: orange;
}

.tablalineaAzul {
    border-top: solid 1px;
    border-right: solid 1px;
    border-left: solid 1px;
    border-bottom: solid 1px;
    border-radius: 5px;
    border-color: lightblue;
}

    .tablalineaAzul th, .tablalineaAzul td {
        /*padding: 5px;*/
    }

.MensajeLeido {
    font-family: Verdana;
    /*font-size: 11px;*/
    color: black;
}

.MensajeNoLeido {
    font-family: Verdana;
    /*font-size: 13px;*/
    color: green;
    font-weight: bold;
}

.Ver {
    font-family: Verdana;
    color: green;
    font-size: 10px;
    font-weight: bold;
}

.addFotoprincipal {
    border: 1px dashed #5890ff;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
}

table th.tblPopupJson {
    font-weight: bold;
}

.columnadenoticias {
    display: inline;
    position: relative;
    float: left;
    width: 273px;
    margin: 2px7;
}

/*.FechaNoticia {
    font: 9px/13px arial;
    color: #2427ec;
    margin-left: 50px;
}*/

.titulo_nota {
    font-size: 80%;
    line-height: 1.0em;
}

.fototapa {
    border: 1px solid#000;
    float: left;
}

.post-container {
    /*margin: 20px 10px 0 0;*/
    border: 1px solid #333;
    overflow: auto;
}

.post-thumb {
    margin-right: 5px;
    float: left;
}

    .post-thumb img {
        display: block;
    }

.post-content {
    margin-top: 2px;
    margin-left: 110px;
    text-align: left;
}

.post-title {
    margin-top: 2px;
    /*margin-left: 50px;*/
    font-family: sans-serif;
    font-size: 14px;
    color: black;
    font-weight: bold;
}

.post_subtitle {
    /*margin-left: 50px;*/
    margin-top: 5px;
    font: 12px sans-serif;
    color: #887;
    font-size: 12px;
    color: #887;
}

.FechaNoticia {
    font-family: sans-serif;
    color: #365899;
    font-size: 11px;
    /*margin-left: 50px;*/
    margin-bottom: 5px;
}

.Fecha-Noticia {
    font-family: sans-serif;
    color: #2427ec;
    font-size: 12px;
}

.Titulo-Noticia {
    font-family: sans-serif;
    font-size: 14px;
    color: black;
    font-weight: bold;
}

.SutTitulo-Noticia {
    font-family: sans-serif;
    font-size: 12px;
    color: #887;
}

.TituloNoticiaCompleta {
    /*font-size:200%;*/
    color: #1572E9;
    margin-top: 10px;
    /*margin-left:20px;*/
    text-align: left;
}

.SubTituloNoticiaCompleta {
    font-family: Verdana;
    color: #887;
    margin-top: 10px;
    margin-bottom: 10px;
    /*margin-left:20px;*/
    text-align: left;
}

.textoNotaCompleta {
    font-family: Arial,Sans-Serif;
    color: #333;
    /*font-size:150%;*/
    margin-top: 10px;
    margin-bottom: 10px;
    /*margin-left:20px;*/
    text-align: left;
}
/*.Alumnos{

    font-family: Arial,Sans-Serif;
 color: #009688;
}*/


/*.Materias {
    font-family: Arial,Sans-Serif;
    color: #B600FE;
}*/

.lblSemana {
    font-family: Arial,Sans-Serif;
    font-size: 11px;
    color: #5890ff;
}

.estiloboton {
    border-style: solid;
    border-width: 1px;
    width: 150px;
    min-height: 35px;
    cursor: pointer;
    border-color: #e5e5e5;
}

    .estiloboton:hover {
        background-color: #e5e5e5;
    }

/*#0095ff cele
        #8AC007 verde  claro*/

.tablaborderadio {
    border-top: solid 2px;
    border-right: solid 2px;
    border-left: solid 2px;
    border-bottom: solid 2px;
    border-radius: 13px;
    padding: 20px;
    border-color: #FFFFFF;
}

.tablaborderadioalerta {
    border-top: solid 2px;
    border-right: solid 2px;
    border-left: solid 2px;
    border-bottom: solid 2px;
    border-radius: 13px;
    padding: 20px;
    border-color: red;
    padding-left: 0;
    padding-right: 0;
}

.LetrasBlanca {
    font-family: Arial;
    color: white;
    font-size: 14px;
    font-weight: bold;
}

img#redpunt {
    border-radius: 5px;
}

img#iconRedondo {
    border-radius: 50px;
    width: 42px;
    height: 42px;
}

.letraEvaluaciones {
    color: #ff9400;
    font-family: Verdana;
    font-size: 10px;
    /*font-weight:bold;*/
}

.letraAgenda {
    color: #F066FF;
    font-family: Verdana;
    font-size: 10px;
    /*font-weight:bold;*/
}

.btn {
    font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif;
    display: inline-block;
    /*color: #FFFFFF;*/
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    padding: 0% 2.0%;
    text-decoration: none;
    margin-left: 0;
    margin-top: 0px;
    margin-bottom: 5px;
    border-radius: 5px;
    white-space: nowrap;
}

input#n {
    background-color: #FFAD33;
    border: 1px solid #FFAD33;
}

.btn:hover#n {
    background-color: #FFFFFF;
    color: #FFAD33;
}

input#c {
    background-color: #3399FF;
    border: 1px solid #3399FF;
}

.btn:hover#c {
    background-color: #FFFFFF;
    color: #3399FF;
    cursor: pointer;
}

.btnNaranja {
    font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif !important;
    display: inline-block;
    color: #FFFFFF;
    /*font-weight: bold;*/
    font-size: 12px;
    text-align: center;
    padding: 5.0px;
    min-width: 150px;
    text-decoration: none;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-radius: 0px;
    white-space: nowrap;
}

    .btnNaranja:hover {
        background-color: #FFFFFF;
        border: 1px solid #FFAD33;
        color: #FFAD33;
        cursor: pointer;
    }

input.btnNaranja {
    background-color: #FFAD33;
    border: 1px solid #FFAD33;
}

.btnCeleste {
    font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif !important;
    display: inline-block;
    color: #FFFFFF;
    /*font-weight: bold;*/
    font-size: 12px;
    text-align: center;
    padding: 5.0px;
    min-width: 150px;
    text-decoration: none;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-radius: 0px;
    white-space: nowrap;
}

    .btnCeleste:hover {
        background-color: #FFFFFF;
        border: 1px solid #3399FF;
        color: #3399FF;
        cursor: pointer;
    }

input.btnCeleste {
    background-color: #3399FF;
    border: 1px solid #3399FF;
}

.btnVerde {
    font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif !important;
    display: inline-block;
    color: #FFFFFF;
    /*font-weight: bold;*/
    font-size: 12px;
    text-align: center;
    padding: 5.0px;
    min-width: 150px;
    text-decoration: none;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-radius: 0px;
    white-space: nowrap;
}

    .btnVerde:hover {
        background-color: #FFFFFF;
        border: 1px solid #8AC007;
        color: #8AC007;
        cursor: pointer;
    }

input.btnVerde {
    background-color: #8AC007;
    border: 1px solid #8AC007;
}

.btnAzul {
    font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif !important;
    display: inline-block;
    color: #FFFFFF;
    /*font-weight: bold;*/
    font-size: 12px;
    text-align: center;
    padding: 5.0px;
    min-width: 150px;
    text-decoration: none;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-radius: 0px;
    white-space: nowrap;
}

    .btnAzul:hover {
        background-color: #FFFFFF;
        border: 1px solid #0033CC;
        color: #0033CC;
        cursor: pointer;
    }

input.btnAzul {
    background-color: #0033CC;
    border: 1px solid #0033CC;
}


.btnRojo {
    font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif !important;
    display: inline-block;
    color: #FFFFFF;
    /*font-weight: bold;*/
    font-size: 12px;
    text-align: center;
    padding: 5.0px;
    min-width: 150px;
    text-decoration: none;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-radius: 0px;
    white-space: nowrap;
}

    .btnRojo:hover {
        background-color: #FFFFFF;
        border: 1px solid red;
        color: red;
        cursor: pointer;
    }

input.btnRojo {
    background-color: red;
    border: 1px solid red;
}



.botonbuscar {
    font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif !important;
    display: inline-block;
    color: #FFFFFF;
    /*font-weight: bold;*/
    font-size: 12px;
    text-align: center;
    /*padding: 0% 2.0%;*/
    text-decoration: none;
    margin-left: 0px;
    margin-top: 0px;
    width: 50px;
    height: 22px;
    margin-bottom: 0px;
    border-radius: 0px;
    white-space: nowrap;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #5890ff;
    /*#0033CC;*/
    border: 1px solid #5890ff;
}

    .botonbuscar:hover {
        background-color: #FFFFFF;
        color: #0033CC;
        cursor: pointer;
    }

input[Atributo=tBuscar] {
    font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif;
    display: inline-block;
    font-size: 12px;
    padding-top: 0px;
    margin-top: 0px;
    margin-left: 10px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    border-radius: 0px;
    white-space: nowrap;
    width: 200px;
    height: 18px;
}


table#tabla01 tr:not(.nohover):hover {
    background-color: #ddddff;
}

table#tabla01 th {
    background-color: #DAEAF5;
    text-align: center;
    font-size: 10px;
}

table#tabla01 tr td {
    padding: 2px;
    font-size: 10px;
    font-weight: normal;
}

.fondoModal {
    display: none;
    background-color: #ffffff;
    height: 100%;
    width: 100%;
    opacity: 0.7;
    top: 0px;
    left: 0px;
    z-index: 9999;
    position: fixed;
}

.cssload-loading {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    width: 23px;
    height: 23px;
    margin: -12px 0 0 -12px;
    z-index: 99999;
}

    .cssload-loading i {
        position: absolute;
        top: 23px;
        left: 23px;
        display: block;
        width: 23px;
        height: 23px;
        background: rgb(255,162,0);
        border-radius: 23px;
        animation: cssload-spin2 1.73s ease-in-out infinite;
        -o-animation: cssload-spin2 1.73s ease-in-out infinite;
        -ms-animation: cssload-spin2 1.73s ease-in-out infinite;
        -webkit-animation: cssload-spin2 1.73s ease-in-out infinite;
        -moz-animation: cssload-spin2 1.73s ease-in-out infinite;
    }

        .cssload-loading i:first-child {
            top: -23px;
            left: 0;
            background: rgb(25,70,133);
            animation: cssload-spin 1.73s ease-in-out infinite;
            -o-animation: cssload-spin 1.73s ease-in-out infinite;
            -ms-animation: cssload-spin 1.73s ease-in-out infinite;
            -webkit-animation: cssload-spin 1.73s ease-in-out infinite;
            -moz-animation: cssload-spin 1.73s ease-in-out infinite;
        }

        .cssload-loading i:last-child {
            top: 23px;
            left: -23px;
            background: rgb(199,32,44);
            animation: cssload-spin3 1.73s ease-in-out infinite;
            -o-animation: cssload-spin3 1.73s ease-in-out infinite;
            -ms-animation: cssload-spin3 1.73s ease-in-out infinite;
            -webkit-animation: cssload-spin3 1.73s ease-in-out infinite;
            -moz-animation: cssload-spin3 1.73s ease-in-out infinite;
        }


@keyframes cssload-spin {
    0% {
        top: -23px;
        left: 0;
        transform: scale(1);
    }

    17% {
        transform: scale(.5);
    }

    33% {
        top: 23px;
        left: 23px;
        transform: scale(1);
    }

    50% {
        transform: scale(.5);
    }

    66% {
        top: 23px;
        left: -23px;
        transform: scale(1);
    }

    83% {
        transform: scale(.5);
    }

    100% {
        top: -23px;
        left: 0;
        transform: scale(1);
    }
}

@-o-keyframes cssload-spin {
    0% {
        top: -23px;
        left: 0;
        -o-transform: scale(1);
    }

    17% {
        -o-transform: scale(.5);
    }

    33% {
        top: 23px;
        left: 23px;
        -o-transform: scale(1);
    }

    50% {
        -o-transform: scale(.5);
    }

    66% {
        top: 23px;
        left: -23px;
        -o-transform: scale(1);
    }

    83% {
        -o-transform: scale(.5);
    }

    100% {
        top: -23px;
        left: 0;
        -o-transform: scale(1);
    }
}

@-ms-keyframes cssload-spin {
    0% {
        top: -23px;
        left: 0;
        -ms-transform: scale(1);
    }

    17% {
        -ms-transform: scale(.5);
    }

    33% {
        top: 23px;
        left: 23px;
        -ms-transform: scale(1);
    }

    50% {
        -ms-transform: scale(.5);
    }

    66% {
        top: 23px;
        left: -23px;
        -ms-transform: scale(1);
    }

    83% {
        -ms-transform: scale(.5);
    }

    100% {
        top: -23px;
        left: 0;
        -ms-transform: scale(1);
    }
}

@-webkit-keyframes cssload-spin {
    0% {
        top: -23px;
        left: 0;
        -webkit-transform: scale(1);
    }

    17% {
        -webkit-transform: scale(.5);
    }

    33% {
        top: 23px;
        left: 23px;
        -webkit-transform: scale(1);
    }

    50% {
        -webkit-transform: scale(.5);
    }

    66% {
        top: 23px;
        left: -23px;
        -webkit-transform: scale(1);
    }

    83% {
        -webkit-transform: scale(.5);
    }

    100% {
        top: -23px;
        left: 0;
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes cssload-spin {
    0% {
        top: -23px;
        left: 0;
        -moz-transform: scale(1);
    }

    17% {
        -moz-transform: scale(.5);
    }

    33% {
        top: 23px;
        left: 23px;
        -moz-transform: scale(1);
    }

    50% {
        -moz-transform: scale(.5);
    }

    66% {
        top: 23px;
        left: -23px;
        -moz-transform: scale(1);
    }

    83% {
        -moz-transform: scale(.5);
    }

    100% {
        top: -23px;
        left: 0;
        -moz-transform: scale(1);
    }
}

@keyframes cssload-spin2 {
    0% {
        top: 23px;
        left: 23px;
        transform: scale(1);
    }

    17% {
        transform: scale(.5);
    }

    33% {
        top: 23px;
        left: -23px;
        transform: scale(1);
    }

    50% {
        transform: scale(.5);
    }

    66% {
        top: -23px;
        left: 0;
        transform: scale(1);
    }

    83% {
        transform: scale(.5);
    }

    100% {
        top: 23px;
        left: 23px;
        transform: scale(1);
    }
}

@-o-keyframes cssload-spin2 {
    0% {
        top: 23px;
        left: 23px;
        -o-transform: scale(1);
    }

    17% {
        -o-transform: scale(.5);
    }

    33% {
        top: 23px;
        left: -23px;
        -o-transform: scale(1);
    }

    50% {
        -o-transform: scale(.5);
    }

    66% {
        top: -23px;
        left: 0;
        -o-transform: scale(1);
    }

    83% {
        -o-transform: scale(.5);
    }

    100% {
        top: 23px;
        left: 23px;
        -o-transform: scale(1);
    }
}

@-ms-keyframes cssload-spin2 {
    0% {
        top: 23px;
        left: 23px;
        -ms-transform: scale(1);
    }

    17% {
        -ms-transform: scale(.5);
    }

    33% {
        top: 23px;
        left: -23px;
        -ms-transform: scale(1);
    }

    50% {
        -ms-transform: scale(.5);
    }

    66% {
        top: -23px;
        left: 0;
        -ms-transform: scale(1);
    }

    83% {
        -ms-transform: scale(.5);
    }

    100% {
        top: 23px;
        left: 23px;
        -ms-transform: scale(1);
    }
}

@-webkit-keyframes cssload-spin2 {
    0% {
        top: 23px;
        left: 23px;
        -webkit-transform: scale(1);
    }

    17% {
        -webkit-transform: scale(.5);
    }

    33% {
        top: 23px;
        left: -23px;
        -webkit-transform: scale(1);
    }

    50% {
        -webkit-transform: scale(.5);
    }

    66% {
        top: -23px;
        left: 0;
        -webkit-transform: scale(1);
    }

    83% {
        -webkit-transform: scale(.5);
    }

    100% {
        top: 23px;
        left: 23px;
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes cssload-spin2 {
    0% {
        top: 23px;
        left: 23px;
        -moz-transform: scale(1);
    }

    17% {
        -moz-transform: scale(.5);
    }

    33% {
        top: 23px;
        left: -23px;
        -moz-transform: scale(1);
    }

    50% {
        -moz-transform: scale(.5);
    }

    66% {
        top: -23px;
        left: 0;
        -moz-transform: scale(1);
    }

    83% {
        -moz-transform: scale(.5);
    }

    100% {
        top: 23px;
        left: 23px;
        -moz-transform: scale(1);
    }
}

@keyframes cssload-spin3 {
    0% {
        top: 23px;
        left: -23px;
        transform: scale(1);
    }

    17% {
        transform: scale(.5);
    }

    33% {
        top: -23px;
        left: 0;
        transform: scale(1);
    }

    50% {
        transform: scale(.5);
    }

    66% {
        top: 23px;
        left: 23px;
        transform: scale(1);
    }

    83% {
        transform: scale(.5);
    }

    100% {
        top: 23px;
        left: -23px;
        transform: scale(1);
    }
}

@-o-keyframes cssload-spin3 {
    0% {
        top: 23px;
        left: -23px;
        -o-transform: scale(1);
    }

    17% {
        -o-transform: scale(.5);
    }

    33% {
        top: -23px;
        left: 0;
        -o-transform: scale(1);
    }

    50% {
        -o-transform: scale(.5);
    }

    66% {
        top: 23px;
        left: 23px;
        -o-transform: scale(1);
    }

    83% {
        -o-transform: scale(.5);
    }

    100% {
        top: 23px;
        left: -23px;
        -o-transform: scale(1);
    }
}

@-ms-keyframes cssload-spin3 {
    0% {
        top: 23px;
        left: -23px;
        -ms-transform: scale(1);
    }

    17% {
        -ms-transform: scale(.5);
    }

    33% {
        top: -23px;
        left: 0;
        -ms-transform: scale(1);
    }

    50% {
        -ms-transform: scale(.5);
    }

    66% {
        top: 23px;
        left: 23px;
        -ms-transform: scale(1);
    }

    83% {
        -ms-transform: scale(.5);
    }

    100% {
        top: 23px;
        left: -23px;
        -ms-transform: scale(1);
    }
}

@-webkit-keyframes cssload-spin3 {
    0% {
        top: 23px;
        left: -23px;
        -webkit-transform: scale(1);
    }

    17% {
        -webkit-transform: scale(.5);
    }

    33% {
        top: -23px;
        left: 0;
        -webkit-transform: scale(1);
    }

    50% {
        -webkit-transform: scale(.5);
    }

    66% {
        top: 23px;
        left: 23px;
        -webkit-transform: scale(1);
    }

    83% {
        -webkit-transform: scale(.5);
    }

    100% {
        top: 23px;
        left: -23px;
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes cssload-spin3 {
    0% {
        top: 23px;
        left: -23px;
        -moz-transform: scale(1);
    }

    17% {
        -moz-transform: scale(.5);
    }

    33% {
        top: -23px;
        left: 0;
        -moz-transform: scale(1);
    }

    50% {
        -moz-transform: scale(.5);
    }

    66% {
        top: 23px;
        left: 23px;
        -moz-transform: scale(1);
    }

    83% {
        -moz-transform: scale(.5);
    }

    100% {
        top: 23px;
        left: -23px;
        -moz-transform: scale(1);
    }
}


@keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.8;
    }

    100% {
        opacity: 1.0;
    }
}

@keyframes blinkBorde {
    0% {
        border-color: red;
    }

    25% {
        border-color: red;
    }

    50% {
        border-color: white;
    }

    75% {
        border-color: red;
    }

    100% {
        border-color: red;
    }
}

.ResaltarElementoValidacionError {
    animation-name: blinkBorde;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    border-color: red;
}
.PalabraResaltada{
  background-color: yellow;
  font-weight: bold;
}
div.divValidacionError {
    font-size: 14px;
    color: red;
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.MensajeError {
    font-size: 12px;
    color: red;
}

.TablaLineaMaster {
    /*border-top: solid 0px;
    border-right: solid 0px;
    border-left: solid 0px;
    border-bottom: solid 0px;*/
    /*border-radius: 13px;*/
    /*padding: 20px;*/
    /*width: 1000px;*/
    border-color: #000062;
    background-color: white;
}

.Grupo {
    font-family: Verdana;
    font-size: 12px;
    color: #FDA727;
}

.Curso {
    font-family: Verdana;
    font-size: 12px;
    color: #000000;
    /*8ac007*/
}

.DadodeBaja {
    font-family: Verdana;
    font-size: 12px;
    color: #CCC;
    font-style: oblique;
}

img#edit {
    opacity: 0.4;
    /*position: absolute;*/
    top: 0px;
    right: 0px;
    height: 20px;
    /*float: right;*/
}

    img#edit:hover {
        opacity: 1;
    }

table.myTable {
    border-collapse: collapse;
    /*width: auto !important;*/
}

    table.myTable td, table.myTable th {
        border: 1px solid;
        padding: 2px;
        border-color: lightgrey;
    }

.LetraAyuda {
    font-size: 10px;
    color: gray;
    font-family: Verdana;
}

.status {
    font-size: 10px;
    color: gray;
}

.letraPorcentaje {
    color: green;
    font-size: 12px;
    font-weight: bold;
    font-family: verdana;
}

.divEstiloBoton {
    font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif;
    display: inline-block;
    color: #FFFFFF;
    /*font-weight: bold;*/
    font-size: 11px;
    text-align: center;
    padding: 0% 2.0%;
    padding-top: 5px;
    text-decoration: none;
    margin-left: 0;
    margin-top: 0px;
    width: 150px;
    min-width: 150px;
    height: 27px;
    margin-bottom: 0px;
    border-radius: 0px;
    white-space: nowrap;
    border: 1px solid #5A95CF;
    color: #5A95CF;
}



    .divEstiloBoton:hover {
        background-color: #FFFFFF;
        color: gray;
        border: 1px solid gray;
        cursor: pointer;
    }

    .divEstiloBoton_Radio {
    font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif;
    display: inline-block;
    color: #FFFFFF;
    /*font-weight: bold;*/
    font-size: 11px;
    text-align: center;
    padding: 0% 2.0%;
    padding-top: 5px;
    text-decoration: none;
    margin-left: 0;
    margin-top: 0px;
    width: 150px;
    min-width: 150px;
    height: 27px;
    margin-bottom: 0px;
    border-radius: 0px;
    white-space: nowrap;
    border: 1px solid #8AC007;
    color: #8AC007;
}



    .divEstiloBoton_Radio:hover {
        background-color: #FFFFFF;
        color: gray;
        border: 1px solid gray;
        cursor: pointer;
    }



li.archivoAdjuntoGrande {
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 100px;
    max-width: 100px;
    margin: 3px;
    padding: 1px 3px;
    background-color: #FFFFFF;
    color: black;
    cursor: default;
    border: 1px solid #3399FF;
    font-size: 11px;
    border-radius: 2px;
    float: left;
    white-space: nowrap;
    text-align: center;
    
}

    li.archivoAdjuntoGrande div.linkImagen {
        display: inline-block;
        width: 100%;
    }
    li.archivoAdjuntoGrande div.linkImagen a.linkVerImagen { 
        padding:5px;
        border-radius:5px;
    }
    li.archivoAdjuntoGrande div.linkImagen a.linkVerImagen:hover { 
        background-color:rgba(251, 185, 0, 0.24);
    }

div.archivoAdjuntoGrande {
    overflow-y: auto;
    border: rgb(196, 196, 196);
    border-width: 1px;
}

span.textArchivosGrande {
    text-overflow: ellipsis;
    width: 80px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
}
  div.editable {
    border-style:solid;
    border-width: 1px;
    border-color: #5890ff;
    background-color: #ffffff;
    display: inline-block;
    min-width: 5em;
    white-space: nowrap;
    color: #0000aa;
    padding: 2px;
    height: 12px;
}
     .morecontent span {
        display: none;
    }

    .morelink {
        font-size: 80%;
    }
.carrera{
    font-size: 16px !important;
    font-weight: bold;
    color: blue
}
.anio {
    font-size: 14px !important;
    font-weight: bold;
    color:black;

}
.division {
    font-size: 12px !important;
    /*font-weight: bold;*/
    color: #3399ff;
}
.clasLink {
    color: #007bff
}




.Recursa {
    color: orange;
}

.Cursando {
    color: green;
}

.Cursada {
    color: blue;
}

.Aprobada {
    color: darkorchid;
}
.Libre {
    color: #b5b500;
}
.Promocionada{
    color:brown;
}
/*nav.navbar {
    background-color: #13a24a;
}*/
/*@media (min-width:1024px) {
    a.navbar-brand {
        display: none;
    }
}*/
.fondoGrisModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(200, 200, 200, 0.3);
    z-index: 99;
}

div.contenidoModalBlanco {
    z-index: 100;
    background-color: white;
    padding: 10px;
    border-radius: 5px;
    min-width: 300px;
    -moz-box-shadow: 2px 2px 4px 1px #ccc;
    -webkit-box-shadow: 2px 2px 4px 1px #ccc;
    box-shadow: 2px 2px 4px 1px #ccc; /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')"; /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength = 4, Direction = 135, Color = '#cccccc');
    /*overflow-y: scroll;
            bottom: 20px;
            top:20px*/
}
.llamado1 {
    color: white !important;
    background-color: green;
    padding-right: 2px;
    padding-left: 2px;
}

.llamado2 {
    color: white !important;
    background-color: red;
    padding-right: 2px;
    padding-left: 2px;
}
.llamadoSin {
    color: black !important;
    background-color: red;
    padding-right: 2px;
    padding-left: 2px;
    font-weight:bold;
}
.fila.impaga {
    color: red;
}

.fila.paga {
    color: green;
}

.fila-detalle td {
    font-size: 0.8em;
}

.tdMonto {
    text-align: right;
    padding-left: 4px;
}

.fila {
    /*font-weight:bold;*/
    font-size: 0.9em;
}

    .fila td {
        padding-right: 1em;
        padding-left: 1em;
        white-space: nowrap;
    }

.tblDetalleCtaCte th {
    text-align: center !important;
}

.subtotalAnio {
    font-size: 1.1em;
}
.ui-selected {
    background: rgba(33, 150, 243, 0.25) !important;
    color:black!important;
    font-weight:bold;
    
}

.ui-selecting {
    background: #FFEEDD !important;
   
}