@charset "utf-8";

/* CSS TEGE Nuevo*/
body {
    font-family: Verdana;
    font-size: 13px;
    margin: 0;
    overflow: hidden;
    top: 0;
    bottom: 0;
    background-color: #f2f2f2;

}

html {
    overflow-y: hidden;
}

svg {
    width:0;
    height:0; 
}

.dlg_titulo {
    color: #FFFFE2;
    cursor: move;

    font-size: 12px;
    font-weight: bold;
    text-align: center;
    margin-left: 25px;
}

.icon_busqueda_06 {
    background-position: -42px -268px;
    cursor: pointer;
    height: 30px;
    margin-right: 3px;
    width: 25px;
    margin-top: -3px;
}

.icon_cierra_06 {
    background-position: -76px -300px;
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin-right: 3px
}

.icon_movil_06 {
    background-position: -12px -300px;
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin-right: 3px
}

.divFlotante {
    background-color: #FFF;
    border: 1px solid black;
    display: block;
    overflow: auto;
    float: left;
}

.divFlotante>.columna {
    padding-left: 3px;
}

.inputError {
    background-color: #EF7F7F;
}

.modal {
    position: absolute;
    background-color: #333333;
    border: solid 1px black;
    z-index: 500;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
}


#memo_der {
    position: absolute;
    left: 155px;
    float: left;
    top: 0px;
    overflow: auto;
    bottom: 0px;
    right: 0px;
}

#info_auditoria {
    background-image: url(../../Imagenes/info_aud.png);
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    cursor: pointer;
}

.busqueda {
    background-image: url(../../Imagenes/nuevo/buscar.png);
    background-repeat: repeat-x;
    /*position:relative;*/
    top: -4px;
    z-index: 2;
    /*height:47px;*/
    float: left;
    width: 100%;
}

.busquedahid {
    display: none;
}



#barra_reporte {
    background-color: #00FA00;
    width: 100%;
    max-height: 150px;
    overflow: auto;
    display: none;
}

#barra_status {
    /*background-image:url(/Imagenes/fnd_status.png);*/
    background-repeat: repeat-x;
    background-color: #C2DAF2;
    width: 100%;
    float: left;
    max-height: 150px;
    overflow: auto;
    display: none;
}

#paleta_status {
    display: none;
}

#paleta_status #bien {
    background-color: #51B751;
}

#paleta_status #mal {
    background-color: #E24A42;
}

#paleta_status #normal {
    background-color: #C2DAF2;
}

#status {
    float: left;
}

#datos_usuario {
    float: right;
    font-weight: bold;
    padding: 2px;
    margin-right: 5px;
}

#datos_usuario>a:hover {
    float: right;
    color: blue;
}

.grilla {
    /*float:left;*/
    display: inline-block;
    vertical-align: top;    
}

.div_contenedor_abm .grilla {
    margin-bottom: 10px;
}

.tbl_busqueda {
    margin-top: 5px;
}

.accord:hover {
    background-color: #AFA7C1;
}

.accord {
    cursor: pointer;
}

.accord>span {
    display: inline-block;
    float: none;
    left: 2px;
    position: relative;
    top: 2px;
}

.div_cabminput,
textarea {
    font-weight: normal;
    border: 1px solid #7F9DB9;
}

.div_cabm input[type="radio"] {
    vertical-align: bottom;
}

.div_cabm input[readonly],
textarea[readonly] {
    background-color: #EBEBE4;
}

.div_cabm td {
    font-weight: bold;
}

.div_cabm table {
    border: #666666 solid 1px;
    /*float: left;*/
    /*clear: left;*/
    /*padding:2px;*/
}

.div_cabm {
    display:inline-block;
    padding: 2px;
    /*float: left;*/
    clear: both;
}


.div_cabm_generic input,
textarea {
    font-weight: normal;
    border: 1px solid #7F9DB9;
}

.div_cabm_generic input[type="radio"] {
    vertical-align: bottom;
}

.div_cabm_generic input[readonly],
textarea[readonly] {
    background-color: #EBEBE4;
}

.div_cabm_generic td {
    font-weight: bold;
}

.div_cabm_generic table {
    border: #666666 solid 1px;
    padding: 2px;
}

.div_cabm_generic {
    padding: 2px;
}


.tooltip {
    color: #000000;
    margin-left: 0.5px;
    padding: 2px;
    border: #006666;
    border: solid;
    border-width: 1px;
    background-color: #F5F1C2;
}

/** Dos Columnas Divs **/
select[class*='operadores'],
select[class*='datos_posibles'],
select[class*='datosPosibles'],
select[class*='operadoresRelacion'],
select[class*='valor'] {
    background-color: #42729F;
    border: 1px solid #7F9DB9;
    clear: none;
    color: #FFFFFF;
    display: inline-block;
    height: 20px;
}

input[class*='valor'] {
    background-color: #42729F;
    border: 1px solid #7F9DB9;
    clear: none;
    color: #FFFFFF;
    display: inline-block;
    height: 16px;
}

.selectTitulo {
    font-weight: bold;
    margin: 2px
}

#pruebaSelect {
    display: block;
    position: relative;
}

#selIzquierda {
    padding: 5px;
    display: inline-block;
    vertical-align: top;
    width: 270px;
}

#selCentro {
    display: inline-block;
    margin-top: 25%;
}

#botDer {
    clear: none;
    display: block;
}

#botIzq {
    clear: none;
    display: block;
}

#selDerecha {
    padding: 5px;
    display: inline-block;
    vertical-align: top;
    width: 270px;
}

#pruebaSelect select {
    background-color: #42729F;
    border: 1px solid #7F9DB9;
    color: #FFFFFF;
    width: 270px;
    height: 300px;
}

.columna {
    display: inline-block;
    background-color: #FFFBE9;
    padding: 15px;
    vertical-align: middle;
    max-width: 520px;

}

.columna .upl_uploader {
    float: none;
}


.columna .upl_uploader>* {
    position: relative;
}

.columna>div>div,
.columna>form>div>div {
    float: left;
    padding: 4px;
    text-align: right;
    width: 250px;
    background-color: #f7f0da;

}

.col_input_cod {
    width: 80px !important;
}

.col_input_nom {
    width: 157px !important;
}

.columnadoble {
    max-width: 1041px;
    white-space: normal;
}

.columnadoble>div,
.columnadoble form>div,
.columna>div,
.columna form>div {
    display: inline-block;
}

.columna>div,
.columna form>div {
    padding-bottom: 4px;
    vertical-align: text-top;
    width: 518px;
    position: relative;
    white-space: normal;
}

.columna_hint {
    display: inline-block;
    font-size: 10px;
    color: black;
}

.columna_separador {
    background-color: beige;
    display: inline-block;
    margin: 4px;
}

.columna div~div>span {
    background-color: #b2a87d;
    border: 1px solid #7f9db9;
    color: #fffbe9;
    float: left;
    height: 16px;
    padding: 3px;
    width: 250px;
    margin-left: 1px;
    overflow: hidden;
}

.columna input[type="checkbox"] {
    margin: 4px;
}

.div_columna {
    font-weight: bold;

}

.div_columna>span {
    margin: 10px;
    position: absolute;
    z-index: 1;
}

.div_columna .inputgroup {
    width: 250px;
    display: inline-block;
}

.div_columna input[type=number],
.div_columna input[type=text],
.div_columna textarea,
.div_columna input[type=password],
.div_columna input[type="file"],
.div_columna input[readonly],
.columna input[type="checkbox"],
.div_columna divx .upl_control,
.div_columna select,
.div_columna .multicheckbox {
    background-color: #42729F;
    border: 1px solid #7F9DB9;
    /*float: left; revisar*/
    color: #FFFBE9;
    width: 250px;
    font-weight: bold;
    padding: 3px;
}

.div_columna select {
    width: 258px;
    /*padding: 6px 0px 6px 0px;*/
    padding: 2px 0;
}

.div_columna input[readonly],
.div_columna textarea[readonly],
.div_columna divx[readonly],
.div_columna divx .upl_control[readOnly],
.div_columna divx .upl_preview[readOnly],
.div_columna select[disabled],
.div_columna .multicheckbox[readonly] {
    background-color: #B2A87D !important;
}


.div_columna textarea {
    height: 60px;
}

.titulo_separadores {
    width: 100%;
    background-color: #005841;
    font-weight: bold;
    color: #ffffff;
    display: inline-block;
    padding: 0;
    clear: none;
    text-align: left;
    margin-top: 2px;
}


.titulo_separadores div img {
    vertical-align: middle;
}

.tit_separadores {
    display: inline-block;
    margin: 4px;
}



.botonera {
    display: inline-flex;
    /*float: right; debe usarse dentro de otro div*/
    margin: 4px;
    vertical-align: middle;
}


.div_contenedor_abm {
    margin-top: 12px;
    display: inline-block;
    text-align: center;
    color: #42729F;
    padding-top: 10px;
}

.div_contenedor_abm table {
    background-color: #fffbe9;
}


.div_titulo {
    font-weight: bold;
    color: #9b9167;
}

.div_contenido_abm {
    background-color: #fffbe9;
    clear: both;
    display: inline-block;
    border-radius: 10px;
    vertical-align: middle;
}

.pie_form {
    background-color: #EFE8CA;
    clear: both;
    text-align: right;
    padding: 5px;
    min-height: 20px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.cont_auditoria {
    float: left;
    cursor: pointer;
}

.botonera a {
    float: left;
}

/** FIN Dos Columnas Divs **/
/** GRILLA DE RESULTADOS **/
.cabecera {
    border-collapse: collapse;
    cursor: pointer;
    border-color: black;
}

.cabecera thead {
    font-weight: bold;
    border: 0px;
    background-color: #3C7ABA;

}

.cabecera th {
    border: 0px;
    text-align: center;
    color: white;
}

.datos {
    cursor: pointer;
    width: 100%;
    empty-cells: show;
    border-collapse: collapse;
}

.datos td {
    border-color: #999999;
}

.img_dato_td {
    width: 1%;
    text-align: center;
    border-color: black;
}

.img_dato_td img {
    width: 15px;
    height: 15px;
}

.dato_td {
    width: 150px;
    text-align: left;
    border-color: black;
}

.dato_td_digesto {
    width: 250px;
}

.ult_td {
    width: 20px;
    text-align: center;
}

.seleccion {
    background-color: #FFDDAB;
}

.mo_resultado {
    background-color: #D3E9F1;
}

.data {
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
}

/** FIN GRILLA DE RESULTADOS **/
/** Estilos para el 'boxover'  **/
/* cssheader */
.dvhdr1 {
    background: #F3F0E7;
    font-weight: bold;
    border: 1px solid #C8BA92;
    padding: 5px;
    width: 250px;
    text-align: center;
}

/* cssbody */
.dvbdy1 {
    background: #FFFFFF;
    border-left: 1px solid #C8BA92;
    border-right: 1px solid #C8BA92;
    border-bottom: 1px solid #C8BA92;
    padding: 5px;
    width: 250px;
}

.dvbdy2 {
    background: #FFFFFF;
    padding: 5px;
    width: 125px;
}

.dvhdr2 {
    border: 1px solid #C8BA92;
}

/** Fin Estilos 'boxover'  **/
/** DIVS DE DIALOGO **/
.div_dialogo {
    position: absolute;
    border: 1px solid #7F9DB9;
    min-width: 400px;
    z-index: 2000;
    display: none;
    background-color: #FFFEF2;
    margin: 1px;
    float: left;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    /*  text-align:right; */
}

.dlg_titulo {
    background-color: #42729F;
    border-bottom: 1px solid #000000;
    color: #FFFFE2;
    cursor: move;
    /*  display: inline-block !important; */
    font-weight: bold;
    height: 34px;
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 0;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.div_handler_ins {

    padding: 11px;
}

.dlg_busqueda {
    text-align: center;
    background-color: #7ca7bb;
    padding: 3px;
    border-bottom: 1px solid black;
}

.dlg_busqueda input[type=text] {
    width: 100px;
}

.dlg_contenido {
    overflow: auto;
    max-height: 200px;
    text-align: center;
    background-color: white;
    width: 100%;
}

.dlg_botones {
    border-top: 1px solid black;
    background-color: #2f81a7;
}

.dlg_botones,
.dlg_titulo img {
    cursor: pointer;
    right: 0px;
    text-align: right;
}

/** FIN DIVS DE DIALOGO **/
/** FIN SELECT MULTIPLE **/
.asig,
.no_asig {
    height: 250px;
    width: 258px;
}

.draggable {
    display: none;
}

#datos_gestion {
    margin-bottom: 5px;
    display: block;
}

#datos_gestion table {
    width: 100%;
    border: 1px solid black;
}

#datos_gestion thead td,
.dat_ges_tit {
    font-weight: bold;
    background-color: #c8e3f9;
    padding: 1px;
}

#tbl_titulo {
    font-weight: bold;
    font-size: 14px;
    background-color: #c8e3f9;
    text-align: center;
    width: 100%;
}

#tbl_titulo img {
    cursor: pointer;
}

/** FIN SELECT MULTIPLE **/
/** MENU CONTEXTUAL **/
.context_menu_tabla {
    background-color: #E8EED9;
    z-index: 500;
    line-height: 20px;
    border: 1px solid #999999;
}

/** FIN MENU CONTEXTUAL **/

/** PREFERENCIAS DEL USUARIO **/
#div_emerg_prefer {
    background-color: #DCE4F1;
    border: solid 1px black;
    margin-bottom: 0px;
}

#n {
    background-color: #DCE4F1;
    border: solid 1px black;
    margin-bottom: 0px;
    left: 410px;
    padding: 20px 10px 10px 20px;
    position: absolute;
    top: 80px;
    display: none;

}

#type_let {
    font-weight: bold;
}


#prefer_usuario a {

    color: blue;
    vertical-align: baseline;
    cursor: pointer;
}

#dcapicom {
    background-color: #FAD17E;
    border: solid 1px black;
}

/** FIN PREFERENCIAS DEL USUARIO  **/
/** DESCONOCIDOS **/
.submenu {
    float: left;
    display: inline;
    position: relative;
}

.submenu img {
    cursor: pointer;
    z-index: 60;
}

/** FIN DESCONOCIDOS **/
/** Boton Busqueda  **/
.tbl_busqueda input[type="button"] {
    height: 24px;
    width: 62px;

    font-weight: bold;
}

.tbl_busqueda input[type="button"]:active,
.tbl_busqueda input[type="button"]:focus,
.tbl_busqueda input[type="button"]::-moz-focus-inner {
    border: 1px dotted transparent;
}

/** Fin Boton Busqueda **/
/** gif Cargando **/
#cargando {
    background-image: url(../../Imagenes/nuevo/cargando.gif);
    background-repeat: no-repeat;
    display: block;
    float: left;
    min-height: 12px;
    min-width: 12px;
}

/** gif Cargando **/
/**  LENGUETAS NUEVO **/
.tabs {
    float: left;
    margin-top: 10px;
    color: white;
}

.label {
    margin: 5px;
    float: left;
}

.current .left {
    background-image: url(../../Imagenes/tabs_s-izqclara.png) !important;
}

.current .center {
    background-image: url(../../Imagenes/tabs_s-medioclara.png) !important;
    color: black !important;
}

.current .right {
    background-image: url(../../Imagenes/tabs_s-derclara.png) !important;
}

.tabs .left {
    background-image: url(../../Imagenes/tabs_s-izqoscura.png);
    background-repeat: no-repeat;
    width: 10px;
    height: 25px;
    float: left;
    background-position: 1px 1px;
}

.tabs .center {
    background-image: url(../../Imagenes/tabs_s-mediooscura.png);
    background-repeat: repeat-x;
    height: 25px;
    float: left;
    font-weight: bold;
    cursor: pointer;
    background-position: 1px 1px;
}

.tabs .right {
    background-image: url(../../Imagenes/tabs_s-deroscura.png);
    background-repeat: no-repeat;
    width: 10px;
    height: 25px;
    float: left;
    background-position: -1px 1px;
}

.panel_tabs {
    float: left;
    width: 100%;
    background-color: #E9F9FF;
    min-width: 600px;
    border-top: 1px solid #A8A8A8;
}

.fondo_panel {
    width: 100%;
    float: left;
    background-color: #E9F9FF;
    min-width: 600px;
}

.fondo_tabs {
    min-width: 600px;
}

.fondo_tabs div {
    padding: 0 !important;
}

/**  FIN LENGUETAS **/
/** HUSO HOARIO **/
#huso_horario {
    float: right;
    margin-right: 10px;
    min-height: 15px;
    min-width: 70px;
}

#huso_horario #contenedor_burbuja {
    position: absolute;
    z-index: 10000;
    color: #047AB8;
    font-weight: bold;
}

#huso_horario .right {
    background-image: url(../../Imagenes/nuevo/right_time_zona.png);
    background-repeat: no-repeat;
    background-position: -2px 0px;
    height: 22px;
    width: 10px;
    float: left;
}

#huso_horario .left {
    background-image: url(../../Imagenes/nuevo/left_time_zona.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 22px;
    width: 10px;
    float: left;
}

#huso_horario .middle {
    background-image: url(../../Imagenes/nuevo/middle_time_zona.png);
    background-repeat: repeat-x;
    background-position: 0px 0px;
    height: 22px;
    min-width: 45px;
    float: left;
    padding-top: 5px;
    padding-right: 2px;
    padding-left: 2px;
}

/** FIN HUSO HOARIO **/
/** CONTENEDOR BOToNERA **/
#contenedor_botonera {
    float: right;
    padding-bottom: 2px;
    margin-top: 5px;
    position: relative;
    z-index: 1000;
}



#contenedor_estado {
    border: 1px solid;
    border-radius: 7px;
    display: none;
    float: right;
    position: fixed;
    right: 37px;
    top: 35px;
    z-index: 20;

}

#respuesta_flecha {
    float: right;
    top: 2px;
}

#respuesta_texto {
    float: right;
}

#respuesta_estado {
    /*border-radius: 3px;*/
    margin-top: 2px;
    padding: 1px 2px 2px 1px;
    width: 56px;
    position: fixed;
    right: 37px;
    top: 36px;
    overflow: hidden;
    text-overflow: "...";
    z-index: 1000;
}

#respuesta_cargando {
    clear: both;
    display: none;
    float: right;
    margin-top: 2px;
    padding: 1px 2px 2px 1px;
    background-color: #EDDF5A;
}



.css_overflow_text {
    white-space: nowrap;
}

#respuesta_estado_floatente {
    border-radius: 3px;
    min-height: 14px;
    margin-top: 2px;
    padding: 0px 2px 2px 1px;
    width: 56px;
    /*position: relative;*/
    position: fixed;
    right: 37px;
    top: 34px;
    display: none;
}

#contenedor_estado>a {
    float: left;

}

.respuesta_bien {
    background-color: #B1D676;

}

.respuesta_mal {
    background-color: #ED7651;
}

.respuesta_advertencia {
    background-color: orange;
}

#mensaje_tiempo {
    color: #5F9EA0;
}

#mensaje_respuesta_old {
    clear: both;
    float: left;
    margin: 2px;
}

#mensaje_tiempo_old {
    float: left;
    margin: 2px;
}

#mensaje_html {
    display: none;
}

#botonera_sup,
#botonera_fija {
    background-color: #FFFBE9;
    float: right;
}

#botonera_sup {
    display: none;
    margin-right: 1px;
    border-radius: 3px 0px 0px 3px;

}

.smenu>div {
    position: relative;
    float: left;
    top: 0px;
    color: #FFFFFF;
    font-weight: bold;
    z-index: 9;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-right: 4px;
    cursor: pointer;
}

.smenu2>div {
    position: relative;
    float: left;
    top: 0px;
    color: #FFFFFF;
    font-weight: bold;
    z-index: 9;
    margin-top: 2px;
    margin-bottom: 0px;
    margin-right: 4px;
    cursor: pointer;
}

/** FIN CONTENEDOR BOToNERA **/

/** Listas con asignacio **/
.asignacion {
    width: 650px;
    clear: both;
    font-weight: bold;
}

.titulo {
    width: 650px;
}

.sub_titulo {
    width: 325px;
    float: left;
}

.asignacion div {
    float: left;
}

.flechas {
    margin-top: 85px;
    padding-left: 10px;
    padding-right: 10px;
}

/** FIN Listas con asignacio **/

.divFlotante {
    background-color: #FFF;
    border: 1px solid black;
    display: block;
    overflow: auto;
    float: left;
}

.botoneraModal {
    float: left;
    clear: both;
}

/** Filtro **/
.errorFiltro {
    background-color: red;
}

#tablaEstadoAct {
    width: 100%;
}

/** ARMAR SELECT **/

#contSelect {
    display: inline-block;
    margin: 0 auto;
    padding: 10px;
}

#divIzquierda {
    width: 300px;
    float: left;
    margin-top: 10px;
}

#divMedio {
    /*width:100px;*/
    float: left;
    text-align: center;
    margin-top: 110px;
}

#divDerecha {
    width: 300px;
    float: left;
    margin-top: 10px;
}

.tituloSelect {
    font-weight: bold;
    text-align: center;
}

.filtroSelect {
    display: none;
    height: 15px;
    text-align: center;
}

.flechasSelect {
    cursor: pointer;
    margin-bottom: 10px;
}

/** FIN ARMAR SELECT **/

.mensajeModal {
    min-height: 20px;
    padding: 5px;
    text-align: center;
}


.titulo_adjunto {
    color: #4A75A8;
    float: left;
    font-weight: bold;
    width: 200px;
}

#mensaje {
    text-align: center;
    font-size: 14px;
}

/* NEW MENU */

#menu_favoritos {
    background-color: #E8F9F8;
    border: 2px solid #E2C740;
    border-radius: 5px 5px 5px 5px;
    font-weight: normal;
    left: 75px;
    padding: 2px;
    position: absolute;

    display: none;
    z-index: 1001;
    color: #42729F;
    max-height: 200px;
    overflow-x: auto;
}

#menu_favoritos>div>span {
    color: #42729F;
    font-weight: bold;
}

#menu_favoritos>div>a>span {
    color: #42729F;
}

#menu_favoritos>div>a:hover {
    background-color: #E2C740;
    border-radius: 5px 5px 5px 5px;
}



#menu_recientes {
    background-color: #E8F9F8;
    border: 2px solid #009FDE;
    border-radius: 5px 5px 5px 5px;
    font-weight: normal;
    left: 75px;
    padding: 2px;
    position: absolute;

    display: none;
    z-index: 1001;
    color: #42729F;
    max-height: 200px;
    overflow-x: auto;
}

#menu_recientes>div>a:hover {
    background-color: #009FDE;
    border-radius: 5px 5px 5px 5px;
}

#menu_recientes>div>a>span {
    color: #42729F;
}

#menu_recientes>div>span {
    color: #42729F;
    font-weight: bold;
}

#new_menu {
    font-size: 12px;
    font-weight: normal;
    z-index: 10001;
    position: absolute;
    background-color: #FFFBE9;
    display: block;
    width: 200px;
    left: 50px;
    border-radius: 5px;
    border: 1px solid;
    /*    padding: 2px;     */
    display: none;
}

.oculto {
    display: none;
}


.title>a {
    background-color: #94bdd3;
    border-radius: 3px 3px 3px 3px;
    font-weight: bold;
    padding: 2px;
    display: block;
}

.item:hover {
    background-color: #BFDEE2;
    border-radius: 3px 3px 3px 3px;
}

.item {
    font-weight: normal;
    padding: 2px;
}

.item>a {
    display: block;
}

.titleMood {
    float: left;
    margin-top: 5px;
}

.Mood {
    font-weight: bold;
    background: linear-gradient(180deg, #7797ca 50%, #42729f 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7797ca', endColorstr='#42729f');
    border-bottom: 1px solid #7797ca;
    border-top: 1px solid #42729f;
    height: 14px;
    color: white;
    padding-left: 5px;
    padding: 1px 5px;
    float: left;
    color: white;
    width: 150px;
    overflow: hidden;
    text-overflow: "...";
    white-space: nowrap;
    border-radius: 10px;
    border-left: 1px solid #42729f;
    border-right: 1px solid #42729f;
}


.titleRoot {
    background-color: #7797CA;
    border-radius: 0px 0px 5px 5px;
    color: white;
    height: 17px;
    padding-left: 7px;
    padding-right: 7px;

    border-bottom: 1px solid #48619B;
    clear: both;
    cursor: pointer;
    overflow: hidden;
    margin-left: 5px;
    margin-right: 5px;
}

.titleRoottextEstrella {
    float: left;
    width: 89%;
    overflow: hidden;
    text-overflow: "...";
}

.titleRoottext {
    float: left;
    width: 106px;
    overflow: hidden;
    text-overflow: "...";
}

#menu_icons {
    float: left;
    margin-top: 3px;
}

.titleRoot>a,
.titleRoottextEstrella>a {
    color: white;
    font-weight: normal;
    position: relative;
    top: 2px;

    white-space: nowrap;


}

.titleMood>div>a {
    color: white;
}

#MoodRoot {
    float: left;
    display: block;
    width: 161px;
    margin-left: 10px;
    margin-top: 6px;
    position: relative;
    z-index: 1000;
}


/** NUEVO MENU **/

.icon_new_menu {

    background: url(../../Imagenes/comun/teac_menu.png) no-repeat scroll 0px 0px;
    cursor: pointer;
    display: block;
    height: 25px;
    width: 25px;
}

.icon-completo {
    background-position: -11px -139px;
    height: 57px;
    width: 47px;
}

.icon-simple {
    background-position: -11px -203px;
    height: 57px;
    width: 47px;
}

.icon-ini {
    background-position: -75px -139px;
    height: 57px;
    width: 47px;
}

.icon-fav {
    background-position: -10px -10px;
}

.icon-rec {
    background-position: -42px -10px;
}

.icon-fav_off {
    background-position: -81px -14px;
    float: right;
    width: 11px;
}

.icon-fav_on {
    background-position: -113px -14px;
    float: right;
    width: 11px;
}


.icon-info {
    background-position: -10px -42px;
}

.flecha-abrir {
    background-position: -46px -48px;
    float: right;
    height: 15px;
    width: 15px;
}

.flecha-cerrar {
    background-position: -78px -48px;
    float: right;
    height: 15px;
    width: 15px;
}

.next {
    background-position: -115px -51px;
    height: 10px;
    left: 7px;
    position: relative;
    top: 9px;
    width: 10px;
}

.prev {
    background-position: -19px -83px;
    height: 10px;
    left: 7px;
    position: relative;
    top: 18px;
    width: 10px;
}

.next:hover {
    background-position: -51px -83px;

}

.prev:hover {
    background-position: -83px -83px;
}

/** FIN NUEVO MENU **/

#uso_horario_slide {
    color: white;
    float: right;
    font-weight: bold;
    margin-right: 2px;
    text-align: center;
    width: 30px;
    border-left: 3px solid #7797CA;
}


#blockProgres {
    float: left;
    background-color: rgb(222, 69, 100);
    width: 8px;
    height: 13px;
    top: 0px;
    border: 1px solid white;
}

#progreso {
    float: left;
}

#contenedor_progreso {
    width: 200px;
    float: left;
    border: 1px solid;
    display: none;
    height: 15px;
    overflow: hidden;
}

.valorFiltro {
    width: 165px;
}

.valorFiltro_input_buscador {
    width: 141px !important;
}

.valorFiltro_input {
    width: 150px !important;
}


/* Menu Sliding */

.sliderContainer {
    left: 143px;
    position: absolute;
    margin: 5px 0 0 0;
    display: none;
    z-index: 1500;
    overflow: hidden;
    white-space: nowrap;
    height: 48px;
}


#statusModulo {
    background: none repeat scroll 0 0 #FFFBE9;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    display: block;
    float: left;
    height: 48px;
    margin-left: 2px;
    margin-top: 5px;
    width: 73px;
    line-height: 47px;
    overflow: hidden;
    position: relative;
    z-index: 1000;
}

#slider {
    background: none repeat scroll 0 0 #FFFBE9;
    border-radius: 5px 0 0 5px;
    cursor: pointer;
    overflow: hidden;
    display: inline-block;
    max-width: 500px;
    white-space: nowrap;
    z-index: 1000;
    height: 100%;
}

#slider .slide {
    display: inline-block;
    width: 54px;
    position: relative;
    height: 100%;
}

#slider .slide:hover {
    background: linear-gradient(#dbd3ae, #fffbe9);
    /* Standard syntax */
}

.imgSlide {
    display: block;
    margin: auto;
    max-width: 100%;
    max-height: 100%;

    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;

}

.textSlide {
    display: block;
    text-align: center;
    float: left;
    margin: auto;
    width: 100%;
    white-space: normal;
    line-height: 14px;

}

#inicioMenu {
    cursor: pointer;
    float: left;
    font-weight: bold;
    color: white;
}

.flechaSlide {
    width: 26px;
    z-index: 1000;
    display: inline-block;
    border-radius: 0 10px 10px 0px;
    height: 48px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbe9', endColorstr='#A58C75', GradientType=1);
    /* for IE 6-9*/
    background: linear-gradient(to right, #fffbe9 41%, #a58c75 100%);
    left: -5px;
    position: relative;
}

.menuSilder {
    font-weight: normal;
    border: 2px solid #7797CA;
    position: relative;
    overflow: auto;
}

.statusright {
    background-color: #FF0000;
    border-radius: 3px;
    clear: both;
    float: right;
    height: 14px;
    margin-top: 2px;
    padding: 1px;
    width: 150px;
}

.div_form_xml {
    width: 800px;
    margin: 0px auto;
    clear: both;
    position: relative;
}

.div_form_xml label {
    background-color: #f7f0da;
    float: left;
    padding: 4px;
    text-align: right;
    width: 350px;
}

.div_form_xml>div {
    padding: 2px;
    display: inline-block;

}

.div_form_xml .xmlBoton {
    position: relative;
    top: -12px;
}

.div_form_xml fieldset {
    display: inline;
    margin: 0;
}

.div_form_xml .separador {
    background-color: #f7f0ff;
    display: inline-block;
    margin-top: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    width: 100%;
}

.div_form_xml .input_error {
    background-color: red !important
}


.div_form_xml input[type=text],
.div_form_xml textarea,
.div_form_xml input[type=password],
.div_form_xml input[type="file"],
.div_form_xml input[readonly],
.div_form_xml input[type="checkbox"],
.div_form_xml divx .upl_control,
.div_form_xml select {
    background-color: #42729F;
    border: 1px solid #7F9DB9;
    float: left;
    color: #FFFBE9;
    width: 300px;
    font-weight: bold;
    /*height:25px;*/
    padding: 3px;
}

.div_form_xml input[readonly],
.div_form_xml textarea[readonly],
.div_form_xml divx[readonly],
.div_form_xml divx .upl_control[readOnly],
.div_form_xml divx .upl_preview[readOnly],
.div_form_xml select[disabled] {
    background-color: #B2A87D;
}


.div_form_xml fieldset>div {
    display: inline-block;
    padding-bottom: 4px;
}

.div_form_xml divx {
    display: inline-block;
}

.div_form_xml select {
    padding: 2px 0;
    width: 308px;
}


.form_solapa {
    display: none;
}

.upl_select {
    margin: 1px;
    float: left;

}

.upl_cancel {
    margin: 1px;
    float: left;

}

.columna .upl_info {
    color: #ffffff;
    float: left;
    max-width: 156px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.upl_progress {
    margin: 0px 2px 0 2px;
    float: left;
    color: #FFFFFF;
}

.columna .upl_preview,
.upl_preview {
    background-color: #42729f;
    border: 1px solid #7f9db9;
    clear: both;
    float: right;
    height: 150px;
    padding: 2px;
    margin: 1px;
    position: relative;
    width: 150px;
}

.columna .upl_control {
    padding: 1px;
    display: inline-block;
    /*margin-left: 1px;*/
    min-height: 15px;
}


.columna .upl_preview>canvas,
.upl_preview>img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
}

.upl_uploader {
    float: left;
}

.upl_input_val {
    display: none;
}

#iniciosesion {
    display: none;
    position: absolute;
    z-index: 1000;
    width: 100%;
    text-align: center;

}


#iniciosesion span {
    bottom: 0;
    height: 30px;
    line-height: 30px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 178px;
}

.logo_inicio {
    margin: 10px;
    /*    height: 80px; */
}

.logo_inicio>img {
    max-height: 100%;
    max-width: 100%;
}


#loginpass {
    display: none;
    width: 100%;
    position: absolute;
    z-index: 1000;
}

#logout {
    display: none;
}

#loginpass>div,
#resetuser>div {
    margin: 0 auto;
    width: 100%;
}

.bloque_general {
    width: 80%;
    margin: 0 auto;
    background-color: #fffbe9;
    float: none;
    padding-top: 10px;

}

.separador_a {
    margin: 10px 0 28px;
    background-color: #c4e3e8;
    display: flex;
    justify-content: space-between;
}

.separador_a>div {
    margin: 10px;
}

.separador_a span {
    color: #42729f;
    display: inline-block;
    font-weight: bold;
    padding-right: 5px;
}


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

.separador_a .sep_izq {
    width: 25%;
}

.separador_a .sep_der {
    text-align: right;
    width: 25%;
}


.separador_b {
    margin: 10px 0 28px;
    background-color: #ede6ca;
}

.separador_b>span {
    color: #9b9167;
    display: block;
    font-weight: bold;
    font-size: 110%;
    padding: 10px;
    text-align: center;
}

.separador_c {
    border-top: 1px solid;
    color: #ebe6d3;
    margin-bottom: 12px;
    margin-top: 6px;
}

.menu_icons {
    display: block;
}

.menu_icons>ul {
    margin: 5px 2px 20px 2px;
    padding: 0;
    text-align: center;
}

.menu_icons>ul>li {
    display: inline-block;
    /*    height: 120px;*/
    vertical-align: top;
    margin: 10px 2px;
    text-align: center;
    width: 150px;
    overflow: hidden;
}

.menu_icons li a {
    display: block;
    height: 100%;
    width: 100%;
}


.menu_icons li a img {
    bottom: 0;
    left: 0;
    position: absolute;
    margin: auto;
    right: 0;
    top: 0;
    max-height: 100%;
    max-width: 100%;
}

.menu_icons li label {
    display: block;
    color: #7194b1;
}

button {
    border: none;
    cursor: pointer;
    background: transparent;
}

button:disabled {
    cursor: not-allowed !important;
    opacity: 0.3 !important;
    pointer-events: none !important;
}

.inicioboton {
    -moz-box-shadow: inset 0px 1px 0px 0px #bee2f9;
    -webkit-box-shadow: inset 0px 1px 0px 0px #bee2f9;
    box-shadow: inset 0px 1px 0px 0px #bee2f9;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf));
    background: -moz-linear-gradient(center top, #63b8ee 5%, #468ccf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
    background-color: #63b8ee;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    text-indent: 0;
    border: 1px solid #3866a3;
    display: inline-block;
    color: #14396a;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #7cacde;
    padding: 1px;
}

.inicioboton:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee));
    background: -moz-linear-gradient(center top, #468ccf 5%, #63b8ee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
}

.inicioboton:disabled {
    cursor: not-allowed !important;
    opacity: 0.3 !important;
    pointer-events: none !important;
}

.camarasboton {
    -moz-box-shadow: inset 0px 1px 0px 0px #bee2f9;
    -webkit-box-shadow: inset 0px 1px 0px 0px #bee2f9;
    box-shadow: inset 0px 1px 0px 0px #bee2f9;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf));
    background: -moz-linear-gradient(center top, #63b8ee 5%, #468ccf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
    background-color: #63b8ee;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    text-indent: 0;
    border: 1px solid #3866a3;
    display: inline-block;
    color: #14396a;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #7cacde;
    padding: 50px 50px 50px 50px;
    font-size: 20px;
    margin: 10px;
}

.camarasboton:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee));
    background: -moz-linear-gradient(center top, #468ccf 5%, #63b8ee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
    background-color: #468ccf;
}

.camarasboton:active {
    position: relative;
    top: 1px;
}

.div_filtros {
    display: none;
    float: left;
}

.iconabm {

    top: 10px;
}


.icon_login {
    background-position: -38px -8px;
    /*   display: block;
     height: 29px; 
     padding: 16px;
   width: 32px; */
}

.botonlogin {
    float: left;
    margin: 2px;
    padding: 6px;
}

#error_interno {
    display: none;
    border: 2px dotted;
    margin-top: 6px;
    padding: 2px;
}

.multicheckbox {
    height: 200px;
    overflow: auto;
    text-align: left;
    display: inline-block;
}

.multicheckbox label {
    padding-bottom: 6px;
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.multicheckbox .sel_cth {
    vertical-align: top;
}

.multicheckboxdoble {
    width: 940px !important;
}

.livesearchselect {
    background-color: #42729F;
    border: 1px solid #7F9DB9;
    color: #FFFBE9;
    width: 400px;
    font-weight: bold;
    height: 250px;
    padding: 3px;
    position: absolute;
    z-index: 1000;
    margin: 0;
    display: none;
    text-align: left;
    overflow: auto;
}

.livesearchselect li {
    color: #FFFBE9;
    font-weight: bold;
    padding: 3px;
}

.livesearchselect li:hover,
.livesearchselect .marcar {
    background-color: blue;
}

.livesearchselectfija {
    background-color: #42729F;
    border: 1px solid #7F9DB9;
    color: #FFFBE9;
    width: 509px;
    font-weight: bold;
    height: 250px;
    padding: 3px;
    z-index: 1000;
    margin: 0;
    text-align: left;
    overflow: auto;
}

.livesearchselectfija li {
    color: #FFFBE9;
    font-weight: bold;
    padding: 3px;
}

.livesearchselectfija li:hover,
.livesearchselectfija .marcar {
    background-color: blue;
}

.selectbotonera {
    width: 243px !important;
    float: left;
}

.selectbotonerasimple {
    width: 232px !important;
    float: left;
}

.inputbotonera {
    width: 225px !important;
}

.inputsituacion {
    width: 200px !important;
}

.menu_info_empresa {
    display: inline-block;
    max-height: 46px;
    position: absolute;
    right: 40%;
    left: 40%;
    
    /*
    top: 5px;
    background-color: #94CDD3;
    border-radius: 5px;
    */
    padding: 4px;
    overflow: hidden;
}

.menu_info_empresa span {
    color: white;
}

#menu_superior {
    text-align: center;
    vertical-align: middle;
    background-color: #94BDD3;
    display: inline-block;
    width: 100%;
}

.txttitrenglon {
    float: left;
    font-weight: bold;
    margin: 0 5px 0 0;
    text-align: right;
    width: 200px;
    color: #42729f;
}

.txtrenglon {
    float: left;
    font-weight: normal;
    width: 200px;
    color: #b2a87d;
}

.pasarelapagofondo {
    background-color: orange;
    min-width: 800px;
}

#buscaprocesosmenu {
    background-color: transparent;
    border: none;
    border-radius: 4px;
}

.seleccionbusproc {
    background-color: #7797ca;
    display: none;
    height: 200px;
    overflow: auto;
    position: fixed;
    width: 200px;
    border: solid 1px;
    z-index: 10000;
    list-style: none;
}

.seleccionbusproc a {
    display: block;
    padding: 3px;
}

.seleccionbusproc li:hover {
    background-color: #42729f;

}

.busqueda_hid {
    display: none;
}

.alert_warning {
    background-color: yellow;
    color: black;
    border-radius: 5px;
}

.alert_info {
    background-color: blue;
    color: white;
    border-radius: 5px;
}

.alert_error {
    background-color: red;
    color: black;
    border-radius: 5px;
}

.alert_desc {
    background-color: red;
    color: black;
    border-radius: 5px;
}

.div_img_icon {
    height: 50px;
    width: 50px;
    border-radius: 5px;
    display: inline-block;
    position: relative;
}

.pagoelecboton {
    -moz-box-shadow: inset 0px 1px 0px 0px #bee2f9;
    -webkit-box-shadow: inset 0px 1px 0px 0px #bee2f9;
    box-shadow: inset 0px 1px 0px 0px #bee2f9;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf));
    background: -moz-linear-gradient(center top, #63b8ee 5%, #468ccf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
    background-color: #63b8ee;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    text-indent: 0;
    border: 1px solid #3866a3;
    display: inline-block;
    color: #14396a;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #7cacde;
    padding: 3px 5px 3px 5px;
    font-size: 13px;
}

.pagoelecboton:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee));
    background: -moz-linear-gradient(center top, #468ccf 5%, #63b8ee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
    background-color: #468ccf;
}

.pagoelecboton:active {
    position: relative;
    top: 1px;
}

/* CHAT CSS*/


* {
    margin: 0;
    padding: 0;
    list-style: 0;
    outline: 0;
}

a img {
    border: 0;
}

#div_hechos {
    overflow: auto;
    height: 400px;
}

#div_hechos .table {
    display: table;
    width: 100%;
    height: 100%;
}

#div_hechos .row {
    display: table-row;
}

#div_hechos .cell {
    display: table-cell;
    vertical-align: top;
}

#div_hechos .col {
    display: table-column;
}

#div_hechos_dt .table {
    display: table;
    width: 100%;
    height: 100%;
}

#div_hechos_dt .row {
    display: table-row;
}

#div_hechos_dt .cell {
    display: table-cell;
    vertical-align: top;
}

#div_hechos_dt .col {
    display: table-column;
}

/* Menu
-----------------------------------------------*/
#menu {
    height: 100%;
    overflow: auto;
    background: #3b3b3b;
    box-shadow: #555 0 0 20px;
    padding: 5px;
}

#menu a {
    display: block;
    color: #333;
    font: bold 12px arial, tahoma;
    background: #f1f1f1;
    margin: 10px 10px 0 10px;
    padding: 5px;
    border: 1px solid #000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
}

#menu a:hover {
    color: #000;
}

.active_hecho_talk {
    background: #006699 !important;
    color: #fff !important;
}

#hechos_connects {
    font: normal 18px arial, tahoma;
    letter-spacing: -1px;
    color: #333;
    margin: 0 0 15px 0;
}

#box_hechos {
    overflow: auto;
    margin: 10px 0 0 0;
    background: #1a1a1a;
    padding: 0 0 10px 0;
    position: relative;
}

#hechos_online {
    background: #444;
    color: #fff;
    font: normal 18px arial;
    border-bottom: 1px solid #555;
    display: inline-block
}

/* Content
-----------------------------------------------*/
#content {
    margin: 0 0px 0 4px;
    overflow: auto;
    text-align: left;
    height: 100%;
    width: 100%;
    background-color: white;
}

/* Content dt
-----------------------------------------------*/
#content_dt {
    height: 200px;
    width: 100%;
    margin: 0 0px 0 4px;
    overflow: auto;
    text-align: left;
    background-color: white;
}

/* default message */
.head_msg {
    display: block;
    background: #f1f1f1;
    padding: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-radius-topleft: 5px;
    -webkit-border-radius-topright: 5px;
    height: 18px;
}

.remove_message {
    float: right;
    font: bold 11px arial, tahoma;
    color: #fff;
    background: #333;
    padding: 1px 3px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
}

.hecho_name {
    color: #204DA2;
    font-weight: bold;
    cursor: pointer;
}

.name_to {
    color: #000;
    font-weight: bold;
    cursor: pointer;
}

.box_msg {
    margin: 0px 0px 4px 6px;
    font-size: 14px;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #ccc;
}

.time_msg {
    width: 54px;
    font: normal 10px tahoma, arial !important;
    color: #333;
    -moz-border-radius: 4px 0px 0px 4px;
    -webkit-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
    padding: 2px 4px;
}

.tipo_evento {
    color: #204DA2;
    font-weight: bold;
    font: normal 12px tahoma, arial;
    letter-spacing: -1px;
}

.message_txt {
    color: #333;
    padding: 2px 4px 2px 3px;
    -moz-border-radius: 0px 4px 4px 0px;
    -webkit-border-radius: 0px 4px 4px 0px;
    border-radius: 0px 4px 4px 0px;
}

.incoming_message {
    background-color: #a42a2a !important
}

.incoming_message .time_msg {
    color: #e2baba !important;
}

.incoming_message .tipo_evento {
    color: #a0a5b0;
}

.incoming_message .message_txt {
    color: #d6d6d6;
}


/*span.hecho_me a {background-image:url(../images/emoticons/ksk-yellowstar.png) !important;background-repeat:no-repeat !important;background-position:5px center !important;padding-left:25px !important;}*/
span.hecho_me a {
    background-repeat: no-repeat !important;
    background-position: 5px center !important;
    padding-left: 25px !important;
}

/* reserved */
.box_msg_reserved {
    background: #ffffcc !important;
    border: 1px solid #999 !important;
}

.box_msg_reserved .head_msg {
    background: #99cc99 !important;
}

.box_msg_reserved .time_msg {
    color: #fff !important;
    background: #990000 !important;
    width: 55px;
    display: inline-block;
}


/* exit */
.box_msg_exit {
    margin-bottom: 10px;
    font-size: 14px;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #e1e1e1;
    border: 1px solid #999 !important;
}

.box_msg_exit .message_hecho_exit {
    display: block;
    font: normal 22px/18px arial, tahoma;
    color: #cc0000;
    letter-spacing: -1px;
    padding: 5px 5px 5px 10px;
    font-style: italic;
}

.box_msg_exit .head_msg {
    background: #bac7d4 !important;
}

.box_msg_exit .time_msg {
    color: #fff !important;
    background: #990000 !important;
}


/* entry */
.box_msg_entry {
    margin-bottom: 10px;
    font-size: 14px;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #e1e1e1;
    border: 1px solid #999 !important;
}

.box_msg_entry .message_hecho_entry {
    display: block;
    font: normal 22px/18px arial, tahoma;
    color: #cc0000;
    letter-spacing: -1px;
    padding: 5px 5px 5px 10px;
    font-style: italic;
}

.box_msg_entry .head_msg {
    background: #bac7d4 !important;
}

.box_msg_entry .time_msg {
    color: #fff !important;
    background: #990000 !important;
}


.image_message {
    padding: 5px;
}

.video_youtube {
    padding: 5px;
}

/* Tools HECHOS
-----------------------------------------------*/
#tools {
    background: #ccc;
    width: 100%;
    height: 130px;
    min-width: 300px;
    margin-top: 5px;
    border-top: 1px solid #777;
}

/*#box_hecho_tools {height:20px;float:left; width:100%; margin:10px 10px 0 0;}*/
#box_hecho_tools {
    margin: 10px 10px 0 0;
}


#name_hecho {
    font: bold 16px arial, tahoma;
    color: #333;
    background: #999;
    padding: 5px;
    margin: 5px;
    float: left;
    border-radius: 0 5px 5px 0;
}

#name_hecho span {
    color: #333;
}

#box_settings {
    float: left;
    width: 100%;
    padding: 10px 0 0 10px;
}

#box_settings div {
    margin-bottom: 10px;
}

#box_settings label {
    font: bold 12px arial;
}

#box_settings input {
    float: left;
    margin: 1px 5px 0 0;
}

#box_message_tools {
    float: left;
    /*height:130px;width:570px;*/
}

/*#message_box {background:url(../images/input-msg.png) no-repeat left top;height:45px;width:565px;float:left;margin-top:35px;}*/
#message_box {
    background-color: white;
    height: 45px;
    width: 565px;
    float: left;
    margin-top: 35px;
}

#message_box input {
    float: left;
    width: 495px;
    height: 30px;
    padding: 0 10px;
    margin: 7px 0 0 0;
    border: 0;
    background: none;
}

#message_box button {
    float: right;
    width: 50px;
    height: 45px;
    opacity: 0.7;
    text-indent: -9999em;
    overflow: hidden;
    background: none;
    border: 0;
    cursor: pointer;
}

.box_emoticons {
    position: absolute;
    top: 79px;
    left: 430px;
    background: #333;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    padding: 3px 10px;
    border: 1px solid #000;
}

.box_emoticons img {
    cursor: pointer;
}

#box_talk {
    position: absolute;
    top: 0;
    left: 380px;
    padding: 0;
    border: 0px solid #000;
    display: none;
    height: 30px;
}

/*#box_talk span {float:left;padding:0 0 0 0px;background:url(../images/back-tab-link.gif) no-repeat right top #3d6787;margin-right:2px;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;height:30px;overflow:hidden;}*/
#box_talk span {
    float: left;
    padding: 0 0 0 0px;
    margin-right: 2px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    height: 30px;
    overflow: hidden;
}

#box_talk span a {
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    line-height: 30px;
    padding: 0 10px;
}

#box_talk span a.hecho_tab {
    float: left;
}

#box_talk span a.close_talk {
    color: #000;
    padding: 2px 5px;
    font: bold 18px/27px arial;
    text-decoration: none;
    text-indent: -9999em;
    overflow: hidden;
    float: right;
    width: 15px;
}

label#to {
    color: #006699;
}

input#message {
    font: bold 22px arial, tahoma;
    color: #333;
}

#box_overlay {
    z-index: 101;
}

#box_alert {
    background: #eee;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 120px;
    margin: -100px -150px;
    position: fixed;
    z-index: 102;
    display: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding-top: 30px;
    border: 1px solid #000;
}

#box_alert p {
    padding: 10px;
    font: bold 18px arial;
    color: #333;
}

#box_alert p a {
    font: bold 12px arial;
    padding: 5px 30px;
    background: #cc3333;
    color: #fff;
    text-decoration: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#box_alert p a:hover {
    background: #cc0000;
}

.center {
    text-align: center;
}

#evento_chat {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 0 5px 5px 0;
    box-shadow: inset 0px 0px 16px 1px red;
    border: none;
    resize: none;
    overflow: auto;
    padding: 6px;
    font-size: medium;
}

.cambuser {
    -moz-box-shadow: inset 0px 1px 0px 0px #bee2f9;
    -webkit-box-shadow: inset 0px 1px 0px 0px #bee2f9;
    box-shadow: inset 0px 1px 0px 0px #bee2f9;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf));
    background: -moz-linear-gradient(center top, #63b8ee 5%, #468ccf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
    background-color: #63b8ee;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    text-indent: 0;
    border: 1px solid #3866a3;
    display: inline-block;
    color: #14396a;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #7cacde;
    padding: 2px 2px 2px 2px;
    font-size: 15px;
}

.cambuser:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee));
    background: -moz-linear-gradient(center top, #468ccf 5%, #63b8ee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
    background-color: #468ccf;
}

.cambuser:active {
    position: relative;
    top: 1px;
}




.chatboton {
    -moz-box-shadow: inset 0px 1px 0px 0px #bee2f9;
    -webkit-box-shadow: inset 0px 1px 0px 0px #bee2f9;
    box-shadow: inset 0px 1px 0px 0px #bee2f9;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf));
    background: -moz-linear-gradient(center top, #63b8ee 5%, #468ccf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
    background-color: #63b8ee;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    text-indent: 0;
    border: 1px solid #3866a3;
    display: inline-block;
    color: #14396a;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #7cacde;
    padding: 15px 15px 15px 15px;
    font-size: 15px !important;
}

.chatboton:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee));
    background: -moz-linear-gradient(center top, #468ccf 5%, #63b8ee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
    background-color: #468ccf;

}

.chatboton:active {
    position: relative;
    top: 1px;
}

.chatboton:disabled {
    -moz-box-shadow: inset 0px 1px 0px 0px #F8F8F9;
    -webkit-box-shadow: inset 0px 1px 0px 0px #F8F8F9;
    box-shadow: inset 0px 1px 0px 0px #F8F8F9;
    border: 1px solid #A9A9A9;
    color: #626262;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #EEEEEE), color-stop(1, #D1CBCB));
    background: -moz-linear-gradient(center top, #EEEEEE 5%, #D1CBCB 100%);
    background-color: #EEEEEE;
    text-shadow: 1px 1px 0px #DADADA;
    padding: 15px 15px 15px 15px;
    font-size: 15px;
}


.cambiousuario {
    font: bold 10px arial, tahoma;
    color: #333;
    background: #999;
    padding: 5px;
    margin: 5px;
    float: left;
    border-radius: 5px 5px 5px 5px;
}

.cambiouserboton {
    -moz-box-shadow: inset 0px 1px 0px 0px #bee2f9;
    -webkit-box-shadow: inset 0px 1px 0px 0px #bee2f9;
    box-shadow: inset 0px 1px 0px 0px #bee2f9;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf));
    background: -moz-linear-gradient(center top, #63b8ee 5%, #468ccf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
    background-color: #63b8ee;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    text-indent: 0;
    border: 1px solid #3866a3;
    display: inline-block;
    color: #14396a;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #7cacde;
    padding: 5px 5px 5px 5px;
    font-size: 10px;
}

.cambiouserboton:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee));
    background: -moz-linear-gradient(center top, #468ccf 5%, #63b8ee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
    background-color: #468ccf;
}

.cambiouserboton:active {
    position: relative;
    top: 1px;
}

.chatcancelaboton {
    -moz-box-shadow: inset 0px 1px 0px 0px #FABFBF;
    -webkit-box-shadow: inset 0px 1px 0px 0px #FABFBF;
    box-shadow: inset 0px 1px 0px 0px #FABFBF;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #EE6464), color-stop(1, #D04646));
    background: -moz-linear-gradient(center top, #EE6464 5%, #D04646 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EE6464', endColorstr='#D04646');
    background-color: #EE6464;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    text-indent: 0;
    border: 1px solid #A43737;
    display: inline-block;
    color: #6C1414;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #DF7D7D;
    padding: 15px 15px 15px 15px;
    font-size: 15px !important;
}

.chatcancelaboton:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #D04646), color-stop(1, #EE6464));
    background: -moz-linear-gradient(center top, #D04646 5%, #EE6464 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D04646', endColorstr='#EE6464');
    background-color: #D04646;
}

.chatcancelaboton:active {
    position: relative;
    top: 1px;
}

.chatcancelaboton:disabled {
    -moz-box-shadow: inset 0px 1px 0px 0px #F8F8F9;
    -webkit-box-shadow: inset 0px 1px 0px 0px #F8F8F9;
    box-shadow: inset 0px 1px 0px 0px #F8F8F9;
    border: 1px solid #A9A9A9;
    color: #626262;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #EEEEEE), color-stop(1, #D1CBCB));
    background: -moz-linear-gradient(center top, #EEEEEE 5%, #D1CBCB 100%);
    background-color: #EEEEEE;
    text-shadow: 1px 1px 0px #DADADA;
    padding: 15px 15px 15px 15px;
    font-size: 15px;
}

#menu a.eliminado {
    background: #EE6464 !important;
}

.closediv {
    display: inline-block;
    padding: 0px 2px;
    background: #ccc;
}

.dis_hide {
    display: none;
}

/* PDFView */
.viewer_gral {
    display: inline-block;
    position: relative;
}

.visor_cargando {
    background-color: yellow;
}

.viewer_gral>a {
    display: inline-block;
}

.viewer_gral .viewer_contenedor {
    border: 1px solid black;
    width: 574px;
    height: 660px;
    overflow: auto;
    display: block;
}

.viewer_gral .page_num {
    position: relative;
    text-align: center;
    top: -6px;
    width: 50px;
}

.viewer_gral .page_count_cont {
    left: -70px;
    padding: 6px;
    position: relative;
}

.viewer_gral .pdfcontrols {
    display: inline-block;
    padding: 0;
    position: relative;
    width: 100%;
    font-size: 9px;
    font-weight: normal;
}

.pdfcontrols .leftbottom {
    position: absolute;
    left: 0;
    bottom: 0;
}

.pdfcontrols .rightbottom {
    position: absolute;
    right: 0;
    bottom: 0;
}

.viewer_gral .pdfcontrols>* {
    display: inline-block;
}

.viewer_right_col {
    display: inline-block;
    margin: 15px;
}

.viewer_totales {
    font-size: 9px;
    font-weight: normal;
}

.contiene_imgs {
    display: inline-block;
    max-width: 1047px;
}

.contiene_imgs img {
    position: absolute;
    background-color: #F2F2F2;
    margin: auto;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    max-height: 150px;
    max-width: 150px;
}

.contiene_imgs>div {
    margin: 10px;
    display: inline-block;
    max-width: 150px;
    vertical-align: top;
    text-overflow: ellipsis;
    overflow: hidden;
}

.contiene_imgs div div {
    width: 150px;
    height: 150px;
    position: relative
}

.loading-content {
    position: absolute;
    top: 10px;
    z-index: 1000;
    opacity: 0.7;
    left:50%;
    transform: translate(-50%, 0);
}

/* HTML: <div class="loader"></div> */
.loader {
  display: inline-grid;
  width: 80px;
  aspect-ratio: 1;
  animation: l12-0 3s linear infinite;
}
.loader:before,
.loader:after {
  content: "";
  grid-area: 1/1;
}
.loader:before {
  clip-path: polygon(100% 50%,83.81% 59.06%,93.3% 75%,74.75% 74.75%,75% 93.3%,59.06% 83.81%,50% 100%,40.94% 83.81%,25% 93.3%,25.25% 74.75%,6.7% 75%,16.19% 59.06%,0% 50%,16.19% 40.94%,6.7% 25%,25.25% 25.25%,25% 6.7%,40.94% 16.19%,50% 0%,59.06% 16.19%,75% 6.7%,74.75% 25.25%,93.3% 25%,83.81% 40.94%);
  background: #1B325F;
  transform: rotate(0turn) translate(-12.5%) rotate(0turn);
  animation: 
    l12-1 2s linear infinite,
    l12-2 4s linear infinite alternate;
}
.loader:after {
  margin: 12.5%;
  clip-path: polygon(100% 50%,78.19% 60.26%,88.3% 82.14%,65% 75.98%,58.68% 99.24%,44.79% 79.54%,25% 93.3%,27.02% 69.28%,3.02% 67.1%,20% 50%,3.02% 32.9%,27.02% 30.72%,25% 6.7%,44.79% 20.46%,58.68% 0.76%,65% 24.02%,88.3% 17.86%,78.19% 39.74%);
  background: #9CC4E4;
  animation: l12-3 4s linear infinite alternate;
}
@keyframes l12-0 {to{rotate: 1turn;}}
@keyframes l12-1 {to{transform: rotate(-1turn) translate(-12.5%) rotate(.75turn);}}
@keyframes l12-2 {90%,to{clip-path: polygon(100% 50%,98.3% 62.94%,93.3% 75%,85.36% 85.36%,75% 93.3%,62.94% 98.3%,50% 100%,37.06% 98.3%,25% 93.3%,14.64% 85.36%,6.7% 75%,1.7% 62.94%,0% 50%,1.7% 37.06%,6.7% 25%,14.64% 14.64%,25% 6.7%,37.06% 1.7%,50% 0%,62.94% 1.7%,75% 6.7%,85.36% 14.64%,93.3% 25%,98.3% 37.06%)}}
@keyframes l12-3 {90%,to{clip-path: polygon(100% 50%,96.98% 67.1%,88.3% 82.14%,75% 93.3%,58.68% 99.24%,41.32% 99.24%,25% 93.3%,11.7% 82.14%,3.02% 67.1%,0% 50%,3.02% 32.9%,11.7% 17.86%,25% 6.7%,41.32% 0.76%,58.68% 0.76%,75% 6.7%,88.3% 17.86%,96.98% 32.9%)}}


.iniciosesion_footer img {
    width: 50%;
    height: 50%;
}