A:link {
    text-align: left;
    text-decoration: none;
    font-family: arial, helvetica;
    font-size: 8pt;
}

A:visited {
    text-align: left;
    text-decoration: none;
    font-family: arial, helvetica;
    font-size: 8pt;
}

A:hover {
    text-align: left;
    color: #AAA000;
    font-family: arial, helvetica;
    font-size: 8pt;
}

A:active {
    text-align: left;
    text-decoration: none;
    font-family: arial, helvetica;
    font-size: 8pt;
}

body {
    text-align: justify;
    background-color: #FFFFFF;
    font-family: arial, helvetica;
}

.correo {
    text-align: justify;
    background-color: #eddfcd;
    font-family: arial, helvetica;
}

.derecha {
    text-align: right;
}

img.flechaCategorias {
    border: 0;
    vertical-align: bottom;
}

img.tumba {
    border: 0;
    vertical-align: bottom;
}

img.tumbaG {
    border: 0;
    vertical-align: sub;
    height: 24px;
}

img.enlace {
    border: 0;
    cursor: pointer;
    vertical-align: middle
}

.imagen {
    border: 0pt none white;
    cursor: pointer;
    text-align: center;
}

fieldset {
    border: 0px;
}

.rojo {
    color: #EEC3C3;
}

.verde {
    color: #44BB44;
}

.centro {
    text-align: center;
}

.tabla1 {
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: solid grey 1px;
    background-color: rgb(247, 250, 253);
    /* background-color: rgb(215,238,219); */
    margin: 10px 0px;
    width: 100%;
    padding-bottom: 0.5em;
}

.tabla1 td.label {
    font-style: italic;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    padding: 0;
    margin: 5px 0px 0px 0px;
    vertical-align: top;
}

.tabla1 td.label span.etiqueta {
    clear: left;
    float: left;
    width: 26%;
    text-align: right;
    margin-right: 5px;
    margin-top: 10px;
    white-space: nowrap;
}

.tabla1 td.label span.etiqueta2 {
    clear: right;
    float: right;
    text-align: right;
    margin-right: 5px;
    margin-top: 10px;
    white-space: nowrap;
}

.tabla1 td.label span.etiquetaCajaTexto {
    clear: right;
    float: left;
    text-align: right;
    margin-right: 5px;
    margin-top: 10px;
    white-space: nowrap;
}

.tabla1 td.label span.etiquetaCajaTextoCero {
    clear: right;
    float: left;
    text-align: right;
    margin-right: 5px;
    margin-top: 0px;
    white-space: nowrap;
}

.tabla1 td.label span.etiquetaNormal {
    font-weight: normal;
    font-size: 0.9em;
}

.tabla-scroll{
    display: block;
    max-height: 100%;
    overflow: auto;
}

.div-tabla-scroll{
    display: block;
    overflow: auto;
    border: solid grey 1px;
    border-radius: 5px
}

.tabla2 {
    padding-bottom: 0;
}

.interiorSinBorde {
    margin: 0;
    width: 100%;
    border-right: 0;
    border-left: 0;
    border-radius: 0px;
}

.interiorConBorde {
    width: 99%;
}

.tablaResultados {
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /* border: solid grey 1px; */
    background-color: #E9E9E9 !important;
    /* background-color: rgb(215,238,219); */
    margin: 1% 0%;
    width: 100%;
    padding: 0.5em 0em;
    border-spacing: 1px;
}

.interna {
    background-color: #FFFFFF !important;
    padding-bottom: 0;
}

.internaTab {
    margin-left: 40px;
    width: 90%;
}

.tablaResultadosResumen {
    width: 30%;
    margin: 0 auto;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /* border: solid grey 1px; */
    background-color: #F5F5F5 !important;
    /* background-color: rgb(215,238,219); */
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    border-spacing: 1px;
}

table.barraporc {
    padding: 0;
}

table.barraporc tr td {
    padding: 0;
}

td.derecha {
    text-align: right;
}

td.w100 {
    width: 100%;
}

td.w80 {
    width: 80%;
}

td.w40 {
    width: 40%;
}

td.w50 {
    width: 50%;
}

td.w20 {
    width: 20%;
}

.linea {
    text-align: justify;
    font-size: 10pt;
    font-family: arial, helvetica;
    background-color: #f0f2f4;
    color: #60659E;
}

.lineai {
    text-align: left;
    font-size: 10pt;
    font-family: arial, helvetica;
    background-color: #F0F0FF;
    color: #60659E;
}

.lineaficha {
    text-align: justify;
    font-size: 12pt;
    font-family: arial, helvetica;
    background-color: #E0E2f4;
    color: #60659E;
}

.menualum {
    text-align: left;
    font-size: 11pt;
    font-family: arial, helvetica;
    background-color: #dDdFFD;
    color: #226699;
}

.festivo {
    text-align: center;
    font-size: 10pt;
    font-family: arial, helvetica;
    background-color: #FFFFFF;
    line-height: 1.3em;
}

.fondotitulo {
    text-align: center;
    font-size: 10pt;
    font-family: arial, helvetica;
    background-color: #086184;
}

.festivoi {
    text-align: left;
    font-size: 10pt;
    font-family: arial, helvetica;
    background-color: #FDEFED;
}

.hoy {
    text-align: center;
    font-size: 10pt;
    font-family: arial, helvetica;
    background-color: lightyellow;
}

.lineacenter {
    text-align: center;
    font-size: 10pt;
    font-family: arial, helvetica;
    background-color: #E0E2f4;
    color: #60659E;
}

.lineap {
    text-align: center;
    font-size: 8pt;
    font-family: arial, helvetica;
    background-color: #FFFFFF;
    color: #60659E;
}

.lineapleft {
    text-align: justify;
    font-size: 8pt;
    font-family: arial, helvetica;
    background-color: #E0E2f4;
    color: #60659E;
}

.lineapblanco {
    text-align: left;
    font-size: 8pt;
    font-family: arial, helvetica;
    background-color: white;
    color: black;
}

.lineap2 {
    text-align: center;
    font-size: 8pt;
    font-family: arial, helvetica;
    background-color: #C0C2E4;
    color: #60659E;
}

.lineapverde {
    text-align: center;
    font-size: 8pt;
    font-family: arial, helvetica;
    background-color: #C3EEC3;
    color: #60659E;
}

.lineaproja {
    text-align: center;
    font-size: 8pt;
    font-family: arial, helvetica;
    background-color: #EEC3C3;
    color: #60659E;
}
.lineaadjunto {
    padding-bottom: 6px;
    text-align: left;
    font-size: 8pt;
    font-family: arial, helvetica;
    background-color: #FAFBFA;
    color: #000;
    margin: 0 0 0 10px;
}

.titulo {
    font-size: 12pt;
    font-family: arial, helvetica;
    background-color: #81a1cc;
    color: #E0E2f4;
}

.titulo-fijo{
    position: sticky;
    top: 0;
}

.titulopc {
    text-align: center;
    font-size: 10pt;
    font-family: arial, helvetica;
    background-color: #6680AE;
    color: #E0E2f4;
}

.titulon {
    font-size: 12pt;
    font-family: arial, helvetica;
    background-color: #e3781C;
    color: #E0E2f4;
}

.titulonc {
    font-size: 14px;
    text-align: left;
    padding: 1em 0em 0em 1em;
    border-bottom: 1px solid blue;
    font-weight: bold;
    width: 90%;
}

.titulon9 {
    font-size: 9pt;
    font-family: arial, helvetica;
    background-color: #ea9855;
    color: #E0E2f4;
}

.titulov {
    font-size: 10pt;
    font-family: arial, helvetica;
    background-color: #009977;
    color: #E0E2f4;
    text-align: center;
}

.tituloayuda {
    font-size: 12pt;
    font-family: arial, helvetica;
    background-color: #ffe0ba;
    color: #E0E2f4;
}

td {
    /*vertical-align: top;*/
    font-size: 8pt;
    font-family: arial, helvetica;
    text-align: justify;
}
 .subcabecera th{
    /*vertical-align: top;*/
    font-size: 8pt;
    font-family: arial, helvetica;
    text-align: center !important;
}

.lineac {
    text-align: center;
    font-size: 10pt;
    font-family: arial, helvetica;
    background-color: #E0E2f4;
    color: #60659E;
}

.lineai {
    text-align: left;
    font-size: 10pt;
    font-family: arial, helvetica;
    background-color: #E0E2f4;
    color: #60659E;
}

.lineacarne {
    text-align: left;
    font-size: 10pt;
    font-family: arial, helvetica;
    background-color: #EDDFCD;
    color: #60659E;
}

.tutoria {
    text-align: left;
    font-size: 10pt;
    font-family: arial, helvetica;
    background-color: #EDDFCD;
    color: #60659E;
}

.tituloc {
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    line-height: 2.0em;
    font-family: arial, helvetica;
    background-color: #617872;
    color: #f8f8f8;
}

.tabla_inf {
    border-color: gray;
    font-size: 8pt;
    height: 14px;
    font-family: arial, helvetica;
    background-color: #aaaaaa;
    color: #60659E;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    Vertical-align: top;
    text-align: center;
    width: 85%;
}

.titulo_inf {
    text-align: center;
    font-size: 8pt;
    font-weight: bold;
    font-family: arial, helvetica;
    background-color: #dddddd;
    color: #000000;
    padding: 7px;
}

.fila_inf {
    text-align: center;
    font-size: 8pt;
    font-family: arial, helvetica;
    background-color: #ffffff;
    color: #000000;
    padding: 7px;
}

.div_subinforme {
    /*
 position: relative;
 left: 35px;
 */
    padding-left: 35px;
}

.titulop2 {
    text-align: center;
    font-size: 8pt;
    font-family: arial, helvetica;
    background-color: #606570;
    color: #E0E2f4;
}

.titulop {
    text-align: center;
    font-size: 12px;
    font-family: arial, helvetica;
    font-weight: bold;
    background-color: #CFD7D5;
    color: #486358;
    padding: 3px 8px;
    line-height: 1.8em;
}

.titulop_grande {
    text-align: center;
    font-size: 14px;
    font-family: arial, helvetica;
    font-weight: bold;
    background-color: #CFD7D5;
    padding: 3px 8px;
    line-height: 1.8em;
}

.titulopinverso {
    text-align: center;
    font-size: 8pt;
    font-family: arial, helvetica;
    background-color: #E0E2f4;
    color:#E60659;
    
}

.titulop-left {
    text-align: left;
    font-size: 8pt;
    font-family: arial, helvetica;
    background-color: #60659E;
    color: #E0E2f4;
}

.titulog {
    font-Size: 18pt;
    font-family: arial, helvetica;
    background-color: #5F6F8F;
    color: #E0E2f4;
}

.texto_mediano {
    font-Size: 14px;
}

.textog {
    font-Size: 18pt;
    font-family: arial, helvetica;
    color: #506274;
}

.titulotest {
    font-Size: 12pt;
    font-family: arial, helvetica;
}

.aula {
    font-Size: 16pt;
    font-family: arial, helvetica;
    font-weight: bold;
    background-color: #60659E;
    color: #E0E2f4;
}

.caja {
    border: solid #a9a9a9 1px;
    border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea;
    background-color: #FAFBFA;
    font-size: 13px;
    font-family: arial, helvetica;
    cursor: auto;
} 

.boton {
    box-shadow: 1.5px 1px 2px 0px grey;
    border: solid black 1px;
    margin: 0.2em;
    background-color: rgb(250, 250, 250);
    font-size: 8.5pt !important;
    font-family: arial, helvetica;
    cursor: auto;
}

.boton_enlace {
    padding: 0.2em;
    margin: 0.2em;
    max-width: 150px;
    min-width: 100px;
    border: solid #a9a9a9 1px;
    border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea;
    background-color: #FAFBFA;
    font-size: 13px;
    font-family: arial, helvetica;
    box-shadow: 1.5px 1px 2px 0px grey;
    font-size: 8.5pt;
    font-family: arial, helvetica;
    cursor: pointer;
    color: #000;
}

.boton_nav {
    font-size: 8pt !important;
    font-family: verdana, arial, sans-serif !important;
    text-decoration: none;
    border: 1px solid #dbdfff;
    color: black;
    background-color: #FFFFFF;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    height: 20px;
    width: auto;
    min-width: 80px;
    display: table-cell;
    text-align: center !important;
}

a.boton_nav {
    padding-top: 2px;
}
a.f10pt, .f10pt {
    font-size: 10pt;
}

.boton_nav:hover {
    color: black;
    border: 1px solid #abadb3;
    font-weight: bold;
}

.cajaroja {
    border: 0pt none white;
    background-color: red;
    font-size: 8pt;
    font-family: arial, helvetica;
    cursor: auto;
}

.temario1 {
    border: 0pt none white;
    font-size: 9pt;
    font-family: arial, helvetica;
    cursor: auto;
    font-weight: bold;
    color: #4C425F
}

.temario2 {
    border: 0pt none white;
    font-size: 9pt;
    font-family: arial, helvetica;
    cursor: auto;
    color: #6C427F
}

.temario3 {
    border: 0pt none white;
    font-size: 8pt;
    font-family: arial, helvetica;
    cursor: auto;
    color: #6C429F
}

.stylo1 {
    border: 0pt none white;
    font-size: 7pt;
    font-family: arial, helvetica;
    cursor: auto;
    font-weight: bold;
    color: #4C425F
}

.stylo2 {
    border: 0pt none white;
    font-size: 8pt;
    font-family: arial, helvetica;
    cursor: auto;
    font-weight: bold;
    color: #4C425F
}

.stylo3 {
    border: 0pt none white;
    font-size: 9pt;
    font-family: arial, helvetica;
    cursor: auto;
    font-weight: bold;
    color: #4C425F
}

.stylo4 {
    border: 0pt none white;
    font-size: 10pt;
    font-family: arial, helvetica;
    cursor: auto;
    font-weight: bold;
    color: #4C425F
}

.stylo5 {
    border: 0pt none white;
    font-size: 11pt;
    font-family: arial, helvetica;
    cursor: auto;
    font-weight: bold;
    color: #4C425F
}

.hoja {
    border-right: gray 1px solid;
    border-bottom: gray 1px solid;
    background-color: #ffffff;
    font-size: 8pt;
    font-family: arial, helvetica;
    cursor: pointer;
    text-align: justify;
}

.respuesta {
    border-right: 1pt solid gray;
    border-bottom: 1pt solid gray;
    border-left: 1pt solid gray;
    border-top: 1pt solid gray;
    font-size: 8pt;
    font-family: arial, helvetica;
    text-align: justify;
    background-color: #FDEFDD;
    color: #2C325F
}

.cajatablon {
    border:  1pt solid white;
    background-color: #c6c6de;
    font-size: 8pt;
    font-family: arial, helvetica;
    cursor: pointer;
    text-align: justify;
}

.cajatablonListados {
    display: inline !important;
    background-color: #c6c6de;
    font-size: 8pt;
    font-family: arial, helvetica;
    cursor: pointer;
    text-align: justify;
    box-shadow: 1.5px 1px 2px 0px grey;
    border: solid #a9a9a9 1px;
    margin: 0.2em;
    background-color: rgb(250, 250, 250);
    min-width: auto !important;
}

.nivel1 {
    vertical-align: top;
    background-color: #dfdfc1;
    font-size: 10pt;
    font-family: arial, helvetica;
}

.nivel2 {
    vertical-align: top;
    background-color: #efefd1;
    font-size: 10pt;
    font-family: arial, helvetica;
}

.nivel3 {
    vertical-align: top;
    background-color: #ffffe1;
    font-size: 8pt;
    font-family: arial, helvetica;
}

table {
    margin: 0 auto;
    vertical-align: top;
}
table.izquierda {
    margin: 0 0;
    vertical-align: top;
}

.fuente {
    text-decoration: none;
    font-weight: bold;
    font-family: arial, helvetica;
    font-size: 12pt;
    color: #2C325F
}

.fuenteroja {
    text-decoration: none;
    font-weight: bold;
    font-family: arial, helvetica;
    font-size: 12pt;
    color: #ff7788
}

.fuentegris {
    text-decoration: none;
    font-family: arial, helvetica;
    font-size: 12pt;
    color: #aaaaaa
}

.fuenteroja11 {
    text-decoration: none;
    font-weight: bold;
    font-family: arial, helvetica;
    font-size: 11pt;
    color: #ff7788
}

.fuenteverde {
    text-decoration: none;
    font-weight: bold;
    font-family: arial, helvetica;
    font-size: 12pt;
    color: #60659E;
}

.fuenteverde1 {
    text-decoration: none;
    font-weight: bold;
    font-family: arial, helvetica;
    font-size: 12pt;
    color: #60659E;
}

.fuenteverde111 {
    text-decoration: none;
    font-weight: bold;
    font-family: arial, helvetica;
    font-size: 11pt;
    color: #60659E;
}

.fuenteerror {
    text-decoration: none;
    font-weight: bold;
    font-family: arial, helvetica;
    font-size: 12pt;
    color: #FFFF00
}

.fuenteok {
    text-decoration: none;
    font-weight: bold;
    font-family: arial, helvetica;
    font-size: 12pt;
    color: #77ff88
}

.fuentecementerio {
    text-decoration: none;
    font-weight: normal;
    font-family: arial, helvetica;
    font-size: 12pt;
    color: #aeaeaf;
}

.centrada {
    text-align: center;
    font-size: 12pt;
    font-family: arial, helvetica;
}

.centradap {
    text-align: center;
    font-size: 8pt;
    font-family: arial, helvetica;
}

.lineaexp {
    text-align: center;
    font-size: 12pt;
    font-family: arial, helvetica;
    background-color: #EDDFCD;
    color: #60659E;
}

.lineaforo2 {
    text-align: left;
    font-size: 9pt;
    font-family: arial, helvetica;
    background-color: #EDDFCD;
    color: #30356E;
}

.lineaforo3 {
    text-align: center;
    font-size: 9pt;
    font-family: arial, helvetica;
    background-color: #EDDFCD;
    color: #30356E;
}

.lineaclara {
    text-align: left;
    font-size: 9pt;
    font-family: arial, helvetica;
    background-color: #F7F0E0;
    color: #30356E;
}

.titcarnei {
    text-align: left;
    font-size: 10pt;
    font-family: arial, helvetica;
    background-color: #EDDFCD;
    color: #60659E;
}

.carnec {
    text-align: center;
    font-size: 10pt;
    font-family: arial, helvetica;
    background-color: #eDe09D;
    color: #60659E;
}

.centrado {
    text-align: center;
    font-size: 12pt;
}

.evalna {
    text-align: center;
    font-size: 10pt;
    font-family: arial, helvetica;
    background-color: #EDDFCD;
    color: #91B999;
}

.evala {
    text-align: center;
    font-size: 10pt;
    font-family: arial, helvetica;
    background-color: #EDDFCD;
    color: #4118FE;
}

.evalp {
    text-align: center;
    font-size: 10pt;
    font-family: arial, helvetica;
    background-color: #EDDFCD;
    color: #AF78DE;
}

.fondo_chat_usuario_marcado {
    text-align: left;
    font-size: 10pt;
    font-family: arial, helvetica;
    background-color: #666699;
}

.celda_blanca {
    background-color: #ffffff;
}

.bg-white {
    background-color: #fff !important;
}

.text-center {
    text-align: center !important;
}

.waitdiv {
    display: none;
    z-index: 1;
}

.pop_up {
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    border: solid black 1px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 0.5em;
    text-align: center;
}

.mensaje_neutro {
    background-color: white;
}

.vertical_text {
    text-transform: uppercase;
    font-size: 20px;
    word-wrap: break-word;
    text-align: center;
    width: 2px;
    padding-left: 2em;
}

.correcta {
    background-color: RGB(142, 255, 130);
}

.ocultado {
    display: none;
}

#listaCategorias {
    margin: 10px;
    max-height: 150px;
    min-width: 88%;
    overflow: auto;
}
#listaClasificaciones {
    margin: 10px;
    max-height: 150px;
    min-width: 88%;
    overflow: auto;
}
li.clasificaciones {
   display: inline-table;
    width: 24%;
}
.tdlink {
    text-align: left;
    text-decoration: none;
    font-family: arial, helvetica;
    font-size: 8pt;
    color: blue;
}

.tdlink:hover {
    color: #AAA000;
    cursor: pointer;
}

.unalinea {
    white-space: nowrap;
}

.nivel_1{
    padding-left: 15px;
}
.nivel_2{
    padding-left: 30px;
}

.nivel_3{
    padding-left: 45px;
}
.nivel_4{
    padding-left: 60px;
}
.nivel_5{
    padding-left: 75px;
}
.nivel_6{
    padding-left: 90px;
}

.puntero-mano{
    cursor: pointer;
}

#tablaalumnos{
    width: 100% !important;
}

#datosaicc label{
    width: 20%;
}

.heading{
    font-size: 14px;
    text-align: left;
    padding: 1em 0em 0em 1em;
    border-bottom: 1px solid blue;
    font-weight: bold;
    width: 90%;
}

.tituloCabecera{
    font-size: 13px;
}

.margin-20{
    margin: 20px;
}

.margin-top-20{
    margin-top: 20px;
}

.tdPadding5{
    padding: 5px !important;
}

.thCabecera{
    border-bottom: 1px solid #111;
}

.width90{
    width: 90%;
}

.width75{
    width: 75%;
}

.width10{
    width: 10%;
}

.width15{
    width: 15%;
}
.width6 {
    width: 6%;
}

.minmaxwidth6{
    min-width: 6%;
    max-width: 6%;
}

.width5{
    width: 5%;
}

.width65{
    width: 65%;
}

.width100{
    width: 100%;
}

.width99{
    width: 99%;
}

.clearboth{
    clear: both;
}

.width80{
    width: 80%;
}

.width76{
    width: 76%;
}

.width40{
    width: 40%;
}

.width35{
    width: 35%;
}

#resultadoListado {
    margin: 0 0 15px 10px;
   /* max-height: 235px;*/
    min-width: 88%;
    overflow: auto;
}

/***************************************************************************************************************/
/*Header*/
/***************************************************************************************************************/
header {
    text-align: center;
    margin-bottom: 10px;
    padding: 1em 0em 0em 1em;
    border-bottom: 1px solid blue;
    font-weight: bold;
    width: 90%;
    min-width: 700px;
    font-family: arial, helvetica;
    font-size: 15px;
}
header.sinlogo {
    padding: 0em 1em 0.2em 1em;
    margin-bottom: 0.8em;
}
.centralizar {
    margin: 0px auto;
}
header.centralizar {
    margin: 1.5em auto 2em auto;
    padding: 1em 1em 0.35em 1em;
}
.vcentro {
    vertical-align: middle;
}
.etiqueta{
    font-weight: bold;
    text-align: left;
    clear: both;
}

.cabeceraTabla {
    text-align: left;
    padding: 1em 0em 0em 1em;
    border-bottom: 1px solid black;
    font-weight: bold;
}
.text-align-right{
    text-align: right; 
}

nav {
    padding: 30px 0px 10px 0px;
    text-align: center;
    font: 12px verdana, arial, sans-serif;
    color: black;
}

nav a {
    font: 12px verdana, arial, sans-serif;
    text-decoration: none;
    border: 1px solid blue;
    color: black;
    padding: 0.4em 0.6em 0.4em 0.6em;
    display: inline-block;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

nav a:hover, nav a:focus, .pagselected {
    color: black;
    border: 2px solid blue;
    font-weight: bold;
}

.pagselected {
    border: 2px solid blue;
    font-weight: bold;
}

.margin-lados-0{
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.tabla-etiquetas label{
    font-size: 12px;
}

.tabla-etiquetas td{
   padding: 4px 1em !important;
}

.tabla-etiquetas{
    border: 0;
}

.tabla-etiquetas li{
   padding: 7px 1em !important;
   text-align: left;
}

.tabla-etiquetas ul{
   -webkit-padding-start: 0px;
}

.padding-0{
    padding:0px !important;
}

.padding-15{
    padding:15px !important;
}

.etiqueta-idiomas{
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 5px;
}
.calFondo {
    background: #ffffff url("../img/calendario.gif") no-repeat 95% center;
}

div.botonmenu {
 display: block;
 float: left;
 border: 1px solid #dbdfff;
 -webkit-border-radius: 7px;
 -khtml-border-radius: 7px;
 -moz-border-radius: 7px;
 border-radius: 7px;
 visibility: visible;
 position: relative;
 padding: 2px 5px;
 margin: 0px 3px;
 width: 125px;
 height: 17px;
 background-color: #FFFFFF;
 color: black;
 font-size: 12px;
 text-align: center;
 cursor: pointer;
 margin-bottom: 5px;
 margin: 10px;
}

div.botonmenu:hover {
 border-width: 2px;
 font-weight: bold; 
 border: 2px solid #abadb3;
}

div.seleccionado {
 border-width: 2px;
 font-weight: bold;
 background-color: rgb(215,238,219);
}

div.noseleccionado {
 border-width: 1px;
 font-weight: normal;
}

.fuente-13{
    font-size: 13px;
}
.padding-5{
    padding: 5px;
}

.celdalistado {
    vertical-align: top;
}

.table_temas th{
    padding: 10px 18px;
    border-bottom: 1px solid #111;
    font-size: 14px;
    /*text-align: left;*/
    font-weight: bold;
}
.lista_ordenable {
    border: 1px solid #eee;
    width: 142px;
    min-height: 20px;
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 0;
    float: left;
    margin-right: 10px;
}

.lista_ordenable li {
    margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 1.2em;
    width: auto;
}

.padding-left-20{
    padding-left: 20px !important;
}

.lista_ordenable_horizontal {
    border: 1px solid #eee;
   /* width: 142px;*/
    min-height: 20px;
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 0;
    float: left;
    margin-right: 10px;
}

.lista_ordenable_horizontal li {
    margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 1.2em;
    width: auto;
    float:left;
}

.lista_bloques {
    max-height: 194px;
    overflow: auto;
}
table.filtro-fechas {
    margin-top: 30px;
    border-radius: 5px;
    background-color: green;
    padding: 2px;
    border: solid black 1px;
    background-color: #FFFFFF;
    border: solid grey 1px;
    text-align: center;
    padding: 15px;
    margin-bottom: 5px;
    background-color: rgb(247, 250, 253);
    display: table;
} 

.label-filtro-fechas{
    font-size: 12px;
    float: left;
    margin-left: 11px;
}

.d-inline {
    display: inline!important
}

.d-flex-center {
    display: flex !important;
    justify-content: center;
}

/* select with CSS lista icons */
option.listaIconoMenu {
  background-repeat: no-repeat !important;
  padding-left: 20px;
  width: 20px;
  height: 20px;
}
.listaIconoMenu .ui-icon {
  background-position: left top;
}
.h200 {
    height: 180px;
}
.ui-menu-icons {
    width: 100px;
    height: 180px;
}
.ui-icon-arrowthick-2-n-s {
    float: left;
}
#dialog-consubmenu {
    display: none;
}

.colorrojo{
  color: red;  
}
.caja_select2 {
    border: solid #a9a9a9 1px;
    border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea;
    background-color: #FAFBFA;
    font-size: 13px;
    font-family: arial, helvetica;
    cursor: auto;
    margin-top: 3px;
}

table.titulo.bloquetabla {
    margin-top: 15px;
}

table.titulo.bloquetabla th {
    font-size: 9pt;
}

.bandera {
    width: 20px;
    height: 15px;
    vertical-align: 7px;
}
.bandera:hover {
    scale: 2.0;
    transition: scale 500ms;
}
.bandera2x {
    width: 40px;
    height: 30px;
}

.red-node {
    color: #dc3545 !important;
    font-weight: bold;
}

.parent-node {
    color: black !important;
    font-size: 10pt;
}

.child-node {
    color: #479f76 !important;
    font-weight: bold;
}

#htmlListadoJud.jstree-default > .jstree-children {
    display: inline-table !important;
}

/* Plantilla de error */
.body-error {
    padding-left: 0 !important;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
}

.contenido-error {
    max-width: 480px;
    margin: 0 auto;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}

.contenido-error .img-error {
    margin-top: 3rem !important;
    padding-top: .5rem !important;
}

.contenido-error .img-error img {
    width: 60px;
}

.font-weight-bold {
    font-weight: 700 !important;
}

.mt-2r {
    margin-top: 2rem !important;
}

.contenido-error .texto-error-destacado {
    font-size: 1.1rem;
    line-height: 1.5;
}

.select2-container li{
    text-align: left;
}

.buscador_email_documento .select2-container {
    width: 375px !important;
   
}

#DocumentoForm.ui-dialog-content.ui-widget-content {
    max-height: 75vh !important;
}

#DocumentoForm .mceIframeContainer iframe { 
    height: 200px; 
    min-height: 200px;

}

.inline {
    display: inline;
}

.inline-flex {
    display: inline-flex;
}

.inline-block {
    display: inline-block;
}

.cursor-help {
    cursor: help;
}

.select2-container li{
    text-align: left;
}

/*.fecha {
	background: #ffffff url("../img/calendario.gif") no-repeat 95% center;
	min-width: inherit;
}*/

/***************************************************************************************************************/
/*Informe estadístico*/
/***************************************************************************************************************/
div.botonmenu {
	display: block;
	float: left;
	border: 1px solid #dbdfff;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	visibility: visible;
	position: relative;
	padding: 2px 5px;
	margin: 0px 3px;
	width: 125px;
	height: 17px;
	background-color: #FFFFFF;
	color: black;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
	margin-bottom: 5px;
}

div.botonmenu:hover {
	border-width: 2px;
	font-weight: bold;
	border: 2px solid #abadb3;
}

div.seleccionado {
	border-width: 2px;
	font-weight: bold;
	background-color: rgb(215, 238, 219);
}

div.noseleccionado {
	border-width: 1px;
	font-weight: normal;
}

div.solapa {
	left: 4px;
	/*position: absolute;
 top: 25px;*/
	position: initial;
	/*height: 85%;*/
	width: 100%;
}

div.visible {
	display: block;
}

div.oculto {
	display: none;
}

div#modal {
	vertical-align: middle;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #222;
	z-index: 1001;
	opacity: .75;
	-moz-opacity: 0.75;
	filter: alpha(opacity = 75);
}
.ordenDatos {
    padding-left: 20px !important;
}

#capaDatosInforme table {
    margin: 0;
}

#capaDatosInforme td {
    padding-bottom: 3px !important;
}

.select2-selection--multiple #select2-agrupaciones-container .select2-selection__choice {
    display: block !important;
    width: fit-content;
}
.select2-container .select2-selection.select_multiple{
    max-height: 70px;
    overflow-y: auto;
}

.d-none {
    display: none !important;
}

#tablaoffline {
    border-bottom: none;
    box-sizing: border-box;
}

#tablaListadoEnvios {
    border-spacing: 2px !important;
    border: 1px solid #111;
}

#tablaListadoEnviosBody .odd {
    background-color: #F0F2F4 !important;
}

#tablaListadoEnviosBody .even {
    background-color: #E0E2E4 !important;
}

table.dataTable thead .sorting_asc.cabeceraSort { 
    background-image: url('../img/datatables/sort_asc.png') !important;
}
table.dataTable thead .sorting_desc.cabeceraSort { 
    background-image: url('../img/datatables/sort_desc.png') !important;
}
table.dataTable thead .sorting.cabeceraSort { 
    background-image: url('../img/datatables/sort_both.png') !important;
}
table.dataTable thead .sorting_asc_disabled.cabeceraSort { 
    background-image: url('../img/datatables/sort_asc_disabled.png') !important;
}
table.dataTable thead .sorting_desc_disabled.cabeceraSort { 
    background-image: url('../img/datatables/sort_desc_disabled.png') !important;
}

#listadoenvios #tablaListadoEnvios_filter {
    margin-bottom: 8px;
}

#listadoenvios #tablaListadoEnvios_filter label{
    float: left;
}

#listadoInformeOffline #tablaoffline_filter label{
    float: left;
}

div.botonInforme {
    margin-bottom: 12px !important;
    margin-right: 5px !important;
    margin-top: 5px !important;
}

.buscador_formularios .select2-container{
    width:200px !important;
    margin-top:5px !important;
}

.select2-container--default #select2-seleform-results .select2-results__option--disabled {
    display: none;
}



.etiqueta3 {
    clear: right;
    float: right;
    text-align: right;
    margin-right: 5px;
    margin-top: 5px;
    white-space: nowrap;
}


.margin-top-10{
    margin-top: 10px;
}

.margin-top-12{
    margin-top: 12px;
}

#listado_tutores #tablatutores_filter, 
#listado_tutores #tablatutores_length {
    white-space: nowrap;
    margin-bottom: 2px;
}

#listado_tutores #tablatutores_filter {
    padding: 0;
}

#listado_tutores #tablatutores_filter input {
    margin-left: 0.5em !important;
    padding: 2px;
    font-size: 1.1em;
}

#listado_tutores label,
#listado_tutores input,
#listado_tutores select {
    margin: 0;
}

/*#tablaformulario tbody tr.bg-saved {
    background-color: #17a2b845;
}
#tablaformulario tbody tr.bg-saved:hover { 
    background-color: #17a2b855;
}*/

#tablaformulario tbody tr.bg-edit {
    background-color: #1ABC9C28;
}
#tablaformulario tbody tr.bg-edit:hover {
    background-color: #1ABC9C38;
}

#tablaformulario tbody tr.bg-config {
    background-color: #3498DB33;
}
#tablaformulario tbody tr.bg-config:hover {
    background-color: #3498DB44;
}

#tablaformulario tbody tr.bg-edit-important {
    background-color: #1ABC9C28 !important;
}
#tablaformulario tbody tr.bg-edit-important:hover {
    background-color: #1ABC9C38 !important;
}

#fhistorico td {
    padding-bottom: 4px !important;
    font-size: 12px;
}
#listaemail i.fa-trash-o { color: #ff6c5a; vertical-align: baseline; margin: 1px; margin-left: 8px;} 
#listaemail i.fa-edit { color: #1abc9c; vertical-align: bottom; margin: 1px; font-size: 17px; margin-right: 8px;} 
#listaemail i.icono { display: inline; font-size: 18px; }

#listadoAulasPorCategorias div.pull-left{float:left!important;}
#listadoAulasPorCategorias div.pull-right{float:right!important;}