@charset "utf-8";

/* CSS TEGE Nuevo*/
body {
    font-family: Verdana;
    font-size: 13px;
}

html {
    overflow-y: hidden;
}

body {
    margin: 0;
    overflow: hidden;
    top: 0;
    bottom: 0;
    background-color: #f2f2f2;
}


.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 {
    display: inline-block;
    width: 100%;
    z-index: 2;
    background: linear-gradient(180deg, #f2f2f2, #dfe8ba) 50% 50% repeat-x;
}

.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;
}


.div_contenedor_abm table {
    margin: 10px;
}

.tbl_busqueda {
    margin-top: 5px;
}

.accord:hover {
    background-color: #87a860;
}

.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;
    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[id*='operadores'],
select[id*='datos_posibles'],
select[id*='datosPosibles'],
select[id*='operadoresRelacion'],
select[id*='valor'] {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    clear: none;
    color: #000000;
    display: inline-block;
    height: 20px;
}

input[id*='valor'] {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    clear: none;
    color: #000000;
    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: #87A860;
    border: 1px solid #87A860;
    color: #FFFFFF;
    width: 270px;
    height: 300px;
}

.columna {
    display: inline-block;
    background-color: #f2f2f2;
    padding: 15px;
    vertical-align: middle;
    white-space: pre-line;
}

.columna .upl_uploader {
    float: none;
}


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

.columna div>div {
    float: left;
    padding: 4px;
    text-align: right;
    width: 250px;
}

.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: #87a860;
    border: 1px solid #ffffff;
    color: #ffffff;
    display: inline-block;
    height: 16px;
    padding: 3px;
    width: 250px;
    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,
.busqueda input[type=text],
.busqueda textarea,
.busqueda input[type=password],
.busqueda input[type="file"],
.busqueda input[readonly],
.columna input[type="checkbox"],
.busqueda divx .upl_control,
.busqueda select,
.busqueda .multicheckbox {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    /*float: left; revisar*/
    color: #000000;
    width: 250px;
    font-weight: bold;
    padding: 3px;
}

.div_columna select,
.busqueda 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: #636363 !important;
    color: #ffffff;
}

.div_columna select[disabled]>option {
    color: #ffffff;
    font-weight: bold;
}

.div_columna textarea {
    height: 60px;
}

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

.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: #1463B2;
    padding-top: 10px;
}

.div_titulo {
    font-weight: bold;
    color: #1463B2;
}

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

.pie_form {
    background-color: #E6E6E6;
    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;
    min-width: 400px;
    z-index: 2000;
    display: none;
    background-color: #f2f2f2;
    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: #1463B2;
    border-bottom: 1px solid #000000;
    color: #FFFFFF;
    cursor: move;
    /*  display: inline-block !important; */
    font-weight: bold;
    font-size: 12px;
    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: #3682DD;
    color: #FFFFFF;
    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"] {
    font-weight: bold;
    border: none;
    background: transparent;
}

.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: #F2F2F2;
    opacity: 0.6;
}



.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: fixed;
    right: 37px;
    top: 34px;
    display: none;
}

#contenedor_estado>a {
    float: left;

}

.respuesta_bien {
    background-color: #F2F2F2;
    opacity: 0.6;
}

.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: #f2f2f2;
    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: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    cursor: pointer;
}

.smenu2>div {
    position: relative;
    float: left;
    top: 0px;
    color: #FFFFFF;
    font-weight: bold;
    z-index: 9;
    margin-top: 0px;
    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: #F2F2F2;
    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:hover {
    background-color: #8A8A8D;
    opacity: 0.6;
    border-radius: 3px 3px 3px 3px;
}

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

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

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

.seleccionbusproc li a:hover {
    background-color: #8A8A8D;
    opacity: 0.6;
    border-radius: 3px 3px 3px 3px;
}

.seleccionbusproc li:hover {
    background-color: #8A8A8D;
    opacity: 0.6;
    border-radius: 3px 3px 3px 3px;
}


#menu_recientes {
    background-color: #F2F2F2;
    border: 2px solid #1463B2;
    border-radius: 5px 5px 5px 5px;
    font-weight: normal;
    left: 75px;
    padding: 2px;
    position: absolute;

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

#menu_recientes>div>a:hover {
    background-color: #8A8A8D;
    opacity: 0.6;
    border-radius: 3px 3px 3px 3px;
}


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

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

.oculto {
    display: none;
}

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

.item:hover {
    background-color: #8A8A8D;
    opacity: 0.6;
    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, #3682DD 50%, #1463B2 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1463B2', endColorstr='#3682DD');
    border-bottom: 1px solid #1463B2;
    border-top: 1px solid #3682DD;
    height: 14px;
    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 #3682DD;
    border-right: 1px solid #3682DD;
}


.titleRoot {
    background-color: #3682DD;
    border-radius: 0px 0px 5px 5px;
    color: white;
    height: 17px;
    padding-left: 7px;
    padding-right: 7px;
    border-bottom: 1px solid #3682DD;
    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: -73px -203px;
    height: 57px;
    width: 47px;
}

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

.icon-ini {
    /*background-position: -75px -139px;*/
    background-position: -73px -203px;
    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 #3682DD;
}


#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 #f2f2f2;
    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 #f2f2f2;
    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(180deg, #f2f2f2, #dfe8ba) 50% 50% repeat-x;
}

.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='#f2f2f2', endColorstr='#A58C75', GradientType=1);
    /* for IE 6-9*/
    background: linear-gradient(to right, #f2f2f2 41%, #a58c75 100%);
    left: -5px;
    position: relative;
}

.menuSilder {
    font-weight: normal;
    /*border: 2px solid #3682DD;*/
    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: #f2f2f2;
    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: #000000;
    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: #000000;
}

.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;
    top: 65px;
    z-index: 1000;
    width: 100%;
}

#iniciosesion>div>div:first-child {
    height: 200px;
    width: 100%;
    position: relative;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

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

#iniciosesion>div {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 400px;
}

#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: #f2f2f2;
    float: none;
    padding-top: 10px;

}

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


.separador_a>div {
    margin: 10px;
}

.separador_a span {
    color: #ffffff;
    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: #8A8A8D;
}

.separador_b>span {
    color: #ffffff;
    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: #636363;
}

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

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

.inicioboton {
    display: inline-block;
    color: #636363;
}

.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');
    background-color: #468ccf;
}

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

#contenedor_botonera button {
    padding: 2px;
}

.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;
}

.multicheckboxdoble {
    width: 940px !important;
}

.livesearchselect {
    background-color: #42729F;
    border: 1px solid #7F9DB9;
    color: #f2f2f2;
    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: #f2f2f2;
    font-weight: bold;
    padding: 3px;
}

.livesearchselect li:hover,
.livesearchselect .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: #0047BA;
    display: inline-block;
    width: 100%;
}

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

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

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

.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: 80px;
    border-radius: 5px;
    display: inline-block;
    position: relative;
}

.logo_inicio {
    height: 80px;
}

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

.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
}