﻿h3.tituloSeccion {
font-family: Verdana;
    font-size: small;
    margin: 1px;
}

html {
    overflow: hidden;
    height: 100%;
}


body {
    font-family: Verdana;
    font-size: 11px;
    background-color: #DDE1FF;
    margin: 2px 2px 0px 2px;
    padding: 2px 2px 0px 2px;
    overflow: hidden;
    height: 100%;
}

form {
    height: 100%;
}

input[type=text],
input[type=password] {
    font-family: Verdana;
    font-size: 11px;
    border: 1px solid #000099;
    background-color: #dfe2ff;
}

textarea {
    font-family: Verdana;
    font-size: 11px;
    border: 1px solid #000099;
    background-color: #dfe2ff;
}

.modalFondo {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
}

.modalContenido {
    display: none;
    position: absolute;
    top: 40%;
    left: 40%;
    width: 20px;
    height: 20px;
    padding: 10px;
    background-color: white;
    z-index: 1002;
    overflow-x: hidden;
    overflow-y: hidden;
    -webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,1);
    -moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,1);
    box-shadow: 4px 4px 4px 0px rgba(0,0,0,1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.scriptmotivoNoPago {
    display: none;
    position: absolute;
    top: 480px;
    left: 860px;
    z-index: 1002;
    width: 450px;
    height: 180px;
    background-color: white;
    border: 1px solid #003399;
    -webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,1);
    -moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,1);
    box-shadow: 4px 4px 4px 0px rgba(0,0,0,1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.scriptGuiaGestion {
    display: none;
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 1002;
    width: 460px;
    height: 250px;
    background-color: white;
    border: 1px solid #003399;
    -webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,1);
    -moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,1);
    box-shadow: 4px 4px 4px 0px rgba(0,0,0,1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    cursor: move;
}

.proyeccionPromesa {
    display: none;
    position: absolute;
    bottom: 100px;
    left: 400px;
    z-index: 1002;
    background-color: white;
    border: 1px solid #003399;
    -webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,1);
    -moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,1);
    box-shadow: 4px 4px 4px 0px rgba(0,0,0,1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 350px;
    height: 150px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    cursor: move;
}

.cajasTexto {
    background-color: white;
}

#UpdatePanel_global,
#TabContainer1,
#TabContainer1_body {
    height: 99%;
}

#UpdatePanel2 {
    top: 70px;
    position: absolute;
    margin-top: 3px;
    margin-bottom: 3px;
    bottom: 220px;
    width: 99%;
}

#UpdatePanel3 {
    position: absolute;
    bottom: 3px;
    height: 170px;
    border: 1px dotted;
    border: 1px solid #003399;
    background-color: #FFFFFF;
    overflow: Auto;
    width: 99%;
    text-align: left;
    margin-top: 3px;
    height: 185px;
}

#TabContainer1_TabPanel_0,
#TabContainer1_TabPanel_0_Div_G_estados,
#TabContainer1_TabPanel_0_UpdatePanel_tab_lista_trabajo,
#TabContainer1_TabPanel_0, #TabContainer1_TabPanel_1,
#TabContainer1_TabPanel_0_UpdatePanel_arbol_lista_trabajo,
#TabContainer1_TabPanel_0_UpdatePanel_listatrabajo_graficas,
#TabContainer1_TabPanel_0_UpdatePanel_lista_de_trabajo,
#TabContainer1_TabPanel_0_Up_table_lista_trabajo,
#TabContainer1_TabPanel_1,
#TabContainer1_TabPanel_1_UpdatePanel_tab_busqueda,
#TabContainer1_TabPanel_2,
#TabContainer1_TabPanel_2_UpdatePanel_tab_creditos,
#TabContainer1_TabPanel_2_Div_creditos_coomeva,
#TabContainer1_TabPanel_2_divCreditosListadoCuentas,
#TabContainer1_TabPanel_2_Div_Creditos,
#TabContainer1_TabPanel_3_divClienteActualizarDatos,
#TabContainer1_TabPanel_3_UpdatePanel_tab_cliente,
#TabContainer1_TabPanel_3_divClienteDatos,
#TabContainer1_TabPanel_3_divClienteActualizarDatos,
#TabContainer1_TabPanel_4,
#TabContainer1_TabPanel_4_UpdatePanel_tab_dir_y_tel,
#TabContainer1_TabPanel_5,
#TabContainer1_TabPanel_5_UpdatePanel_tab_historial,
#TabContainer1_TabPanel_6,
#TabContainer1_TabPanel_6_UpdatePanel_tab_pagos,
#TabContainer1_TabPanel_7,
#TabContainer1_TabPanel_UpdatePanel_tab_compromisos,
#TabContainer1_TabPanel_8,
#TabContainer1_TabPanel_9,
#TabContainer1_TabPanel_9_UpdatePanel_tab_codeudores,
#TabContainer1_TabPanel_10,
#TabContainer1_TabPanel_10_UpdatePanel_tab_juridico,
#TabContainer1_TabPanel_11,
#TabContainer1_TabPanel_11_UpdatePanel_tab_cuentas_pasivo,
#TabContainer1_TabPanel_12,
#TabContainer1_TabPanel_12_UpdatePanel_tab_diferidos,
#TabContainer1_TabPanel_13,
#TabContainer1_TabPanel_13_UpdatePanel_tab_historicos_saldos,
#TabContainer1_TabPanel_14,
#TabContainer1_TabPanel_14_UpdatePanel_tab_movimientos,
#TabContainer1_TabPanel_15,
#TabContainer1_TabPanel_15_UpdatePanel_tab1_referencias,
#TabContainer1_TabPanel_16,
#TabContainer1_TabPanel_16_UpdatePanel_tab_comportamiento,
#TabContainer1_TabPanel_17,
#TabContainer1_TabPanel_17_UpdatePanel_tab_pagos_manuales,
#TabContainer1_TabPanel_18,
#TabContainer1_TabPanel_18_UpdatePanel_tab_morosidad,
#TabContainer1_TabPanel_19,
#TabContainer1_TabPanel_19_UpdatePanel_tab_liquidaciones,
#TabContainer1_TabPanel_20,
#TabContainer1_TabPanel_20_UpdatePanel_tab_otras_gestiones,
#TabContainer1_TabPanel_21,
#TabContainer1_TabPanel_21_UpdatePanel_refinanciamiento,
#TabContainer1_TabPanel_21_UpdatePanel_refinanciamiento_datos,
#TabContainer1_TabPanel_21_UpdatePanel_refinanciamiento_detalle,
#TabContainer1_TabPanel_22,
#TabContainer1_TabPanel_22_UpdatePanel_tab_historia_asignacion,
#TabContainer1_TabPanel_23,
#TabContainer1_TabPanel_23_UpdatePanel_tab_condonacion,
#TabContainer1_TabPanel_24,
#TabContainer1_TabPanel_24_UpdatePanel_tab_cheques,
#TabContainer1_TabPanel_25,
#TabContainer1_TabPanel_25_UpdatePanel_tab_dacion_pago,
#TabContainer1_TabPanel_25,
#TabContainer1_TabPanel_25_UpdatePanel_tab_dacion_pago,
#TabContainer1_TabPanel_26,
#TabContainer1_TabPanel_26_UpdatePanel_Anexos {
    height: 100%;
}


#TabContainer1_TabPanel_0_UpdatePanel_tab_lista_trabajo {
    clear: both;
}

#TabContainer1_TabPanel_0_UpdatePanel_arbol_lista_trabajo {
    float: left;
    width: 20%;
}

#TabContainer1_TabPanel_0_Up_table_lista_trabajo {
    float: right;
    width: 80%;
}

#div_treeView_lista_trabajo {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}

#divListaTrabajoDetalleSup {
    clear: both;
    width: 100%;
    height: 94%;
}

#divListaTrabajoDetalleInf {
    clear: both;
    width: 100%;
    height: 4%;
}

#divListaTrabajoBotones {
    float: left;
    width: 35%;
    text-align: left;
}

#divListaTrabajoListados {
    float: right;
    width: 64%;
    text-align: right;
}


#TabContainer1_TabPanel_0_UpdatePanel_lista_de_trabajo {
    padding: 3px;
    float: left;
    width: 75%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

#TabContainer1_TabPanel_0_Div_G_estados {
    float: right;
    width: 24%;
    overflow: hidden;
    padding: 0;
    text-align: right;
}

#divBusquedasIzq {
    float: left;
    width: 20%;
}

#divBusquedasDer {
    float: right;
    width: 79%;
}

#divBusquedasTitulo,
#divBusquedasControlesBusqueda {
    min-height: 30px;
}

#TabContainer1_TabPanel_1_LB_tapbuscar {
    width: 100%;
    height: 200px;
}

#TabContainer1_TabPanel_1_LB_ayuda_tabbuscar {
    width: 100%;
}

#divCreditosImagenes {
    float: left;
    width: 1%;
}

#TabContainer1_TabPanel_2_Div_Creditos,
#TabContainer1_TabPanel_2_Div_creditos_coomeva,
#TabContainer1_TabPanel_2_divCreditosListadoCuentas {
    float: right;
    width: 98%;
}


#divCreditosLitadoCuentas {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
}

#divCreditosLitadoSup {
    height: 25%;
}

#divContenedorDetalleCreditos {
    width: 100%;
    height: 74%;
    overflow-x: hidden;
    overflow-y: auto;
}

#divDetalleCredito {
    width: 100%;
    vertical-align: top;
}

.ajax__tab_body {
    height: 100%;
}

.ajax__tab_panel {
    height: 100%;
}

.panel_oculto {
    height: 2px;
    width: 2px;
    border-style: none;
    background-color: #DDE1FF;
    /*background-color: #99CC99;*/
}

.paneles {
    background-color: #507CD1;
    /*background-color:#009902;*/
    color: White;
    font-family: Verdana;
    font-weight: bold;
    font-size: 9px;
}

.celdaTituloInformacion {
    border: 1px solid #000099;
    background-color: #507CD1;
    /*background-color:#009902;*/
    color: White;
    font-family: Verdana;
    font-weight: bold;
    font-size: 9px;
    margin: 0;
    height: 15px;
    padding: 0 2px 0 2px;
}

.celdaContenidoInformacion {
    border: 1px solid #000099;
    padding: 0 2px 0 2px;
    height: 15px;
    margin: 0;
}


.celdaContenidoInformacionTbx {
    border: 0;
    padding: 0;
    margin: 0;
}

.tablaInformacionHidden {
    border: 0;
    border-collapse: collapse;
    width: 100%;
    /*white-space:nowrap;*/
}

.celdaTituloInformacionHidden {
    border: 1px solid #000099;
    background-color: #507CD1;
    /*background-color:#009902;*/
    color: White;
    font-family: Verdana;
    font-weight: bold;
    font-size: 9px;
    margin: 0;
    height: 12px;
    padding: 0 2px 0 2px;
    /*white-space: nowrap;*/
}

.celdaContenidoInformacionHidden {
    border: 1px solid #000099;
    padding: 0 2px 0 2px;
    height: 13px;
    margin: 0;
    font-size: 10px;
    /*white-space: nowrap;*/
}

#div_login {
    border: 1px dotted #000099;
    padding: 10px;
    margin: 10px;
    background-color: #FFFFFF;
    width: 400px;
    height: 500px;
}

#div_informacion_ecs {
    font-family: Verdana;
    font-size: 11px;
    color: #000080;
}

.TreeView1 {
    vertical-align: super;
    width: 200px;
}

.cont_paneles {
    background-color: #dfe2ff;
}

.Panel_pagos {
    overflow: scroll;
}

.variables_de_entorno {
    border: 1px solid #003399;
    overflow: Auto;
    height: 200px;
    width: 450px;
    background-color: #FFFFFF;
    position: absolute;
}

.divModuloGestion {
    border: 1px solid #003399;
    background-color: #FFFFFF;
    overflow: Auto;
    width: 100%;
    text-align: left;
    margin-top: 3px;
    height: 185px;
}

.div_gestionar {
    border: 0;
    height: 180px;
    width: 100%;
}


/*
.div_promesas {
    border: 1px solid #003399;
    background-color: #FFFFFF;
    overflow: Auto;
    border: 0;
    height: 180px;
    width: 100%;
}

.div_email {
    border: 1px solid #003399;
    background-color: #FFFFFF;
    overflow: Auto;
    border: 0;
    height: 180px;
    width: 100%;
}

.div_seleccionar_direccion {
    border: 1px solid #003399;
    background-color: #FFFFFF;
    overflow: Auto;
    border: 0;
    height: 180px;
    width: 100%;
}

.div_reportar_visita {
    border: 1px solid #003399;
    overflow: Auto;
    background-color: #FFFFFF;
    height: 180px;
    width: 100%;
}

.div_marcar_Cuentas {
    border: 1px solid #003399;
    overflow: Auto;
    background-color: #FFFFFF;
    height: 180px;
    width: 100%;
}
*/

.PE_detalle_cuotas {
    border: 1px solid #003399;
    background-color: #FFFFFF;
    position: absolute;
    top: 20%;
    left: 10%;
    width: 94%;
    margin-top: -5em;
    margin-left: -5em;
    padding: 3px;
    z-index: 1002;
    display: none;
    -webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,1);
    -moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,1);
    box-shadow: 4px 4px 4px 0px rgba(0,0,0,1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


.DDL_accion {
    width: 115px;
    font-family: Arial;
    font-size: 11px;
}

.DDL_respuesta {
    width: 115px;
    font-family: Arial;
    font-size: 11px;
}

.DDL_contacto {
    width: 115px;
    font-family: Arial;
    font-size: 11px;
}

.DDL_telefono {
    width: 115px;
    font-family: Arial;
    font-size: 11px;
}

.DDL_motivo_no_pago {
    width: 155px;
    font-family: Arial;
    font-size: 11px;
}

.DDL_observacion {
    width: 155px;
    font-family: Arial;
    font-size: 11px;
}

.TB_fecha_proxima_gestion{
    width:135px;
}

.TB_observacion {
    width: 505px;
    height: 50px;
    font-family: Arial;
    font-size: 11px;
}

.TB_observacion_juridico {
    font-family: Verdana;
    font-size: 14px;
}

.Div_observacion_juridico {
    background-color: #dfe2ff;
    border-color: #000099;
    border-style: solid;
    border-width: 1px;
}


.TB_fecha_proxima_gestion {
    width: 150px;
    font-family: Arial;
    font-size: 11px;
}

.B_guardar_gestion {
    width: 100px;
    font-family: Arial;
    font-size: 11px;
}

.B_cancelar_gestion {
    width: 100px;
    font-family: Arial;
    font-size: 11px;
}

.B_siguiente_cliente {
    width: 100px;
    font-family: Arial;
    font-size: 11px;
}

.B_adicionar_gestion {
    width: 100px;
    font-family: Arial;
    font-size: 11px;
}

.B_mostrar_gestion {
    width: 100px;
    font-family: Arial;
    font-size: 11px;
}

.B_generico {
    width: 100px;
    font-family: Arial;
    font-size: 11px;
}

.B_genericoGeo {
    width: 250px;
    height: 25px;
    font-family: Arial;
    font-size: 11px;
}

.B_mostrar_liquidacion {
    width: 120px;
    font-family: Arial;
    font-size: 11px;
}


.GridView_auto {
    width: auto;
}

.div_seleccionar_direccion_reportar_visita {
    border-style: solid;
    border-color: Blue;
    border-width: 1px;
    overflow: auto;
    width: 500px;
    height: 90px;
}

.div_seleccionar_direccion_realizar_visita {
    border-style: solid;
    border-color: Blue;
    border-width: 1px;
    overflow: auto;
    width: 100%;
    height: 90px;
}

.B_mostrar_juridico {
    width: 100px;
    font-family: Arial;
    font-size: 11px;
}

.div_enviar_carta {
    border: 1px solid #003399;
    overflow: Auto;
    height: 180px;
    background-color: #FFFFFF;
    width: 100%;
}

.panel_direccion_envio_carta {
    border-style: solid;
    border-color: Blue;
    border-width: 1px;
    overflow: auto;
    width: 600px;
    height: 120px;
}

.panel_procesos_envio_carta {
    border-style: solid;
    border-color: Blue;
    border-width: 1px;
    overflow: auto;
    width: 270px;
    height: 120px;
}

.panel_usuario_negociador {
    border-style: solid;
    border-color: Blue;
    border-width: 1px;
    overflow: auto;
    width: 350px;
    height: 100px;
}

.B_reportes {
    width: 100px;
    font-family: Arial;
    font-size: 11px;
    margin-top: 1px;
    margin-bottom: 1px;
}

.invisible {
    visibility: hidden;
}


.Boton_normal {
    text-align: center;
    color: Black;
    font-family: Century Gothic;
}

.Boton_alerta {
    text-align: center;
    color: Black;
    font-family: Century Gothic;
}

.estilo_segmento_usuarios {
    font-size: small;
    text-align: center;
    color: White;
    font-family: Century Gothic;
}



.Tamano_Image {
    width: 50px;
    height: 50px;
    src: url('~/imagenes/adelante1.png');
    overflow: visible;
    cursor: se-resize;
}

.Panel_estados {
    background-color: White;
    border-style: solid;
    border-width: 2px;
}

.tabla_cheques {
    width: 700px;
}

.tabla_cheques_contenido {
    width: 700px;
    border-style: solid;
    border-color: Black;
    border-width: 1px;
}

.aliniar {
    text-align: right;
}

.condonacion {
    width: 110px;
    height: 12px;
    font-size: 11;
    text-align: right;
    font-family: Verdana;
}

.t_control {
    width: 100%;
    background-color: White;
    vertical-align: top;
}

.t_control_espacio_tabla {
    vertical-align: top;
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.t_control_espacio_tabla_detalles {
    vertical-align: top;
    text-align: center;
    padding: 0px;
    margin: 0px;
    width: 25%;
}

.t_control_configuracion {
    width: 100%;
    height: 1%;
    vertical-align: top;
}

.t_control_regionales_listado {
    width: 100%;
    height: 1%;
    vertical-align: top;
}

.t_control_regionales_detalle {
    width: 100%;
    vertical-align: top;
    text-align: center;
    overflow: auto;
}

.t_control_resumen_deudores {
    padding: 1px;
    margin: 2px;
    width: 100%;
    text-align: left;
}

.t_control_titulo {
    background-color: #DCDCDC;
    font-family: Verdana, Geneva, sans-serif;
    color: #333333;
    font-size: 13px;
    font-weight: bold;
    border: 1px solid #DCDCDC;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-decoration: none;
    cursor: default;
}

.t_control_regionales_resumen_deudores {
    width: 30%;
    vertical-align: top;
    text-align: center;
    overflow: auto;
}

.t_control_estado_normal {
    width: 100%;
    background-color: #EEF5EF;
    font-family: Verdana, Geneva, sans-serif;
    color: #333333;
    font-size: 12px;
    border: 1px solid #DCDCDC;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-decoration: none;
}

    .t_control_estado_normal:hover {
        border: 1px solid #939393;
        border-radius: 3px;
        background-color: #F6FBF7;
        cursor: pointer;
    }

.t_control_estado_alerta {
    width: 100%;
    background-color: #D96F6F;
    font-family: Verdana, Geneva, sans-serif;
    color: #333333;
    font-size: 12px;
    border: 1px solid #EB8A8A;
    border-radius: 3px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-decoration: none;
}

    .t_control_estado_alerta:hover {
        border: 1px solid #939393;
        border-radius: 3px;
        background-color: #E37373;
        cursor: pointer;
    }

.graficas_listado_trabajo_estado {
    background-position: right;
}
/*
    INICIA  - Grilla Perú
    Los siguientes estilos son para la grilla que se muestra en GNB Perú por medio de un objeto repeater.
    */

.repeaterColumnaTitulos {
    background: #507CD1;
    color: white;
    font-weight: bold;
}

.repeaterGrilla {
    border: thin solid #7497DA;
    border-width: 1px;
}

.repeaterTabla {
    margin: 5px;
}

.repeaterTablaBordes {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.repeaterColumnaRosada {
    background: #EFF3FB;
}

.repeaterColumnaAzul {
    background: #507CD1;
    color: white;
    text-align: center;
}
/*
    TERMINA  - Grilla Perú
    Los siguientes estilos son para la grilla que se muestra en GNB Perú por medio de un objeto repeater.
    */


/*TOOLTIP DERECHA*/
.tooltipRight {
    position: relative;
    display: inline;
}

    .tooltipRight span {
        position: absolute;
        min-width: 150px;
        max-width: 300px;
        min-height: 30px;
        max-height: 60px;
        color: #FFFFFF;
        background: #000000;
        line-height: 30px;
        text-align: center;
        visibility: hidden;
        border-radius: 5px;
        box-shadow: 2px 2px 4px #666666;
    }

        .tooltipRight span:after {
            content: '';
            position: absolute;
            top: 50%;
            right: 100%;
            margin-top: -8px;
            width: 0;
            height: 0;
            border-right: 8px solid #000000;
            border-top: 8px solid transparent;
            border-bottom: 8px solid transparent;
        }

    .tooltipRight:hover span {
        visibility: visible;
        opacity: 0.8;
        left: 100%;
        top: 50%;
        margin-top: -15px;
        margin-left: 15px;
        z-index: 999;
    }


/*TOOLTIP ARRIBA*/

.tooltipUp {
    position: relative;
    display: inline;
}

    .tooltipUp span {
        position: absolute;
        min-width: 100px;
        max-width: 350px;
        min-height: 30px;
        max-height: 60px;
        color: #FFFFFF;
        background: #000000;
        line-height: 30px;
        text-align: center;
        visibility: hidden;
        border-radius: 5px;
        box-shadow: 2px 2px 4px #666666;
    }

        .tooltipUp span:after {
            content: '';
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -8px;
            width: 0;
            height: 0;
            border-top: 8px solid #000000;
            border-right: 8px solid transparent;
            border-left: 8px solid transparent;
        }

    .tooltipUp:hover span {
        visibility: visible;
        opacity: 0.8;
        bottom: 30px;
        left: 50%;
        margin-left: -76px;
        z-index: 999;
    }

/*TOOLTIP ABAJO*/

.tooltipDown {
    position: relative;
    display: inline;
}

    .tooltipDown span {
        position: absolute;
        min-width: 150px;
        max-width: 300px;
        min-height: 30px;
        max-height: 60px;
        color: #FFFFFF;
        background: #000000;
        line-height: 30px;
        text-align: center;
        visibility: hidden;
        border-radius: 5px;
        box-shadow: 2px 2px 4px #666666;
    }

        .tooltipDown span:after {
            content: '';
            position: absolute;
            bottom: 100%;
            left: 50%;
            margin-left: -8px;
            width: 0;
            height: 0;
            border-bottom: 8px solid #000000;
            border-right: 8px solid transparent;
            border-left: 8px solid transparent;
        }

    .tooltipDown:hover span {
        visibility: visible;
        opacity: 0.8;
        top: 30px;
        left: 50%;
        margin-left: -76px;
        z-index: 999;
    }


/*TOOLTIP IZQUIERDA*/

.tooltipLeft {
    position: relative;
    display: inline;
}

    .tooltipLeft span {
        position: absolute;
        min-width: 150px;
        max-width: 300px;
        min-height: 30px;
        max-height: 60px;
        color: #FFFFFF;
        background: #000000;
        line-height: 30px;
        text-align: center;
        visibility: hidden;
        border-radius: 5px;
        box-shadow: 2px 2px 4px #666666;
    }

        .tooltipLeft span:after {
            content: '';
            position: absolute;
            top: 50%;
            left: 100%;
            margin-top: -8px;
            width: 0;
            height: 0;
            border-left: 8px solid #000000;
            border-top: 8px solid transparent;
            border-bottom: 8px solid transparent;
        }

    .tooltipLeft:hover span {
        visibility: visible;
        opacity: 0.8;
        right: 100%;
        top: 50%;
        margin-top: -15px;
        margin-right: 15px;
        z-index: 999;
    }




/*VENTANAS MODALES*/

.modalFondo {
    /*display: none;*/
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
}

.modalContenido {
    display: none;
    position: absolute;
    padding: 10px;
    background-color: white;
    width: 80%;
    height: 70%;
    top: 15%;
    left: 10%;
    z-index: 1002;
    overflow-x: hidden;
    overflow-y: hidden;
    -webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,1);
    -moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,1);
    box-shadow: 4px 4px 4px 0px rgba(0,0,0,1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .modalContenido table {
        width: 100%;
        height: 100%;
    }

    .modalContenido .altoTotal {
        width: 100%;
        height: 100%;
    }

.modalContenidoModal {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.modalTituloModal {
    width: 100%;
    font-weight: bold;
    text-align: center;
}

.ajax__calendar {
    position: fixed !important;
    z-index: 1005;
}

#TB_mensaje_deudor {
    background-color: white;
    border: 0;
}

/*#TB_mensaje_deudor:focus {
		background-color: #dfe2ff;
	}*/

#TabContainer1_header {
    height: 20px;
    overflow-y: auto;
    overflow-x: hidden;
}


.table_payment {
}

    .table_payment tr {
    }

        .table_payment tr th {
            color: White;
            background-color: #507CD1;
            font-family: Verdana;
            font-weight: bold;
            border-color: DarkBlue;
            border-width: 1px;
            border-style: Solid;
            font-size: 70%;
            border-collapse: collapse;
        }

        .table_payment tr td {
            color: #333333;
            border-color: DarkBlue;
            border-width: 1px;
            border-style: Solid;
            font-size: 70%;
            border-collapse: collapse;
        }

.hide {
    display: none !important;
}

[white=white] td {
    color: white !important;
}