@charset "utf-8";

@font-face {
    font-family: MavenPro;
    src: url('../fonts/MavenPro-Medium.ttf') format('truetype');
    /* Agrega más formatos de fuente si es necesario */
    /* También puedes especificar el estilo y el peso de la fuente si es necesario */
}

body {
    font: '-moz-fixed';
    font-size: 12px;
    color: #565758;
    /*font-family: '-moz-fixed';*/
    /*font-family: 'Trebuchet MS',Tahoma,MavenPro;*/
    font-family: MavenPro;
    /*background:none repeat scroll 0 0 #FFFFFF;*/
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.div_menu p {
    color: #696969;
    font-family: 'Trebuchet MS';
    font-size: 11px;
    margin: 0;
    padding: 10px 0;
}

.div_menu input[type="text"] {
    background: url("teclado/images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% #FFFFFF;
    border: 1px solid #517491;
    color: #747474;
    font: 12px MavenPro;
    height: 20px;
    width: 123px;
    border-radius: 4px;
    cursor: pointer;
    margin-bottom: 2px;
    margin-top: 2px;
}

#pwdClaveNueva_cambiarP {
    background: url("teclado/images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% #FFFFFF;
    border: 1px solid #5D8D99;
    color: #5D8D99;
    font: 12px MavenPro;
    height: 16px;
    width: 123px;
    border-radius: 4px;
    cursor: pointer;
    margin-bottom: 2px;
    margin-top: 2px;
}

#pwdClaveNuevaRe_cambiarP {
    background: url("teclado/images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% #FFFFFF;
    border: 1px solid #5D8D99;
    color: #5D8D99;
    font: 12px MavenPro;
    height: 16px;
    width: 123px;
    border-radius: 4px;
    cursor: pointer;
    margin-bottom: 2px;
    margin-top: 2px;
}

#pwdClave_cambiarP {
    background: url("teclado/images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% #FFFFFF;
    border: 1px solid #5D8D99;
    color: #5D8D99;
    font: 12px MavenPro;
    height: 16px;
    width: 123px;
    border-radius: 4px;
    cursor: pointer;
    margin-bottom: 2px;
    margin-top: 2px;
}

.div_menu input[type="button"] {
    border: 1px solid #00223E;
    border-radius: 4px;
    background: #00223E;
    color: #ffffff;
}

.div_menu input[type="checkbox"] {
    height: 13px;
    width: 13px;
}

.div_menu label {
    margin-left: 5px;
}

.div_menu select {
    background: url("teclado/images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% #FFFFFF;
    border: 1px solid #517491;
    border-radius: 4px 4px 4px 4px;
    color: #747474;
    font: 12px MavenPro;
    height: 20px;
    margin-bottom: 2px;
    margin-top: 2px;
}

#marco_trabajo {
    width: 100%;
    min-height: 400px;
    display: block;

}

/*#encabezado {*/
/*    height: 120px;*/
/*    text-align: left;*/
/*    !*width: 1260px;*!*/
/*    background: url("../images/header-online.png") !*repeat-x*!;*/
/*    !*border-radius: 7px;*!*/
/*    !*box-shadow: 4px 26px 21px -23px;*!*/
/*}*/
#encabezado {
    height: 120px;
    text-align: left;
    width: 100%;
    background: url("../images/header-online.png");
    background-color: rgb(0 28 61);
    background-size: cover;
    /* border-radius: 7px; */
    /* box-shadow: 4px 26px 21px -23px; */
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

thead .right {
    text-align: center;
}

td .right {
    text-align: right;
}

.oculto {
    display: none;
}


#div_logo {
    width: 100%;
    height: 96px;
}

#cuerpo {
    /*left: 0;*/
    /*text-align: left;*/
    /*width: 1260px;*/
    min-height: 400px;
}


#copyright {
    color: #00223E;
    font-family: MavenPro;
    font-size: 11px;
    padding: 8px 0;
    text-align: center;
    width: 100%;
    position: relative;
    bottom: 0px;
}

.title {
    color: #195266;
    font-family: MavenPro;
    font-size: 20px;
    margin-left: 87px;
}

#div_usuario_logeado {
    text-align: right;
    padding-right: 30px;
    color: #FFFFFF;
}

#id_usuario_logeado {
    font-weight: bolder;

}

#div_login2 {
    background: #FFFFFF;
    /*url("../images/bg-login.jpg") repeat-x;*/
    position: relative;
    width: 100%;
    min-height: 472px;
    background-image: url('../images/bg-login.jpg');
}
/*#div_login {*/
/*    background: #FFFFFF;*/
/*    !*url("../images/bg-login.jpg") repeat-x;*!*/
/*    position: relative;*/
/*    width: 100%;*/
/*    min-height: 570px;*/
/*    background-image: url('../images/bg-login2.jpg');*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*    margin-top: -1%;*/
/*}*/
#div_login {
    position: fixed;
    width: 100%;
    min-height: 570px;
    margin-top: -1%;
}

#div_login::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/bg-login2.jpg');
    /*background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/cintaVBTFondoONl.jpg');*/
    background-repeat: no-repeat;
    background-size: cover;
}

#div_login3 {
    /*background: #FFFFFF;*/
    /*!*url("../images/bg-login.jpg") repeat-x;*!*/
    /*position: relative;*/
    /*width: 100%;*/
    /*min-height: 472px;*/
    /*background-image: url('../images/bg_accounts.png');*/
}
#div_login4 {
    background: #FFFFFF;
    /*url("../images/bg-login.jpg") repeat-x;*/
    position: relative;
    width: 100%;
    min-height: 472px;
    background-image: url('../images/bg_myinfo.png');
}
#div_login5 {
    background: #FFFFFF;
    /*url("../images/bg-login.jpg") repeat-x;*/
    position: relative;
    width: 100%;
    min-height: 472px;
    background-image: url('../images/bg_portfolio.png');
}
#div_login6 {
    background: #FFFFFF;
    /*url("../images/bg-login.jpg") repeat-x;*/
    position: relative;
    width: 100%;
    min-height: 472px;
    background-image: url('../images/bg_transfers.png');
}

#div_login #marco_login {
    height: 80%;
    width: 100%;
}

.A7NVerde {
    color: #195266;
    font-family: MavenPro, helvetica, verdana, sans serif;
    font-size: 7pt;
    font-weight: normal;
}

.V8NBBlanco {
    color: #FFFFFF;
    font-family: Verdana, MavenPro, Helvetica, sans-serif;
    font-size: 8pt;
    font-style: normal;
    font-weight: bold;
}

/*#div_login #login_tips{*/
/*    float: right;*/
/*    !*height: 80%;*!*/
/*    margin-top: 10%;*/
/*    !*margin-right: 55px;*!*/
/*}*/

#div_login #login_tips {
    float: right;
    /*margin-top: 10%;*/
    text-align: justify;
}

#div_login #login_tips ul {
    padding: 0;
    margin: 0;
}

#div_login #login_tips li {
    list-style-type: none;
}

@media screen and (max-width: 768px) {
    #div_login #login_tips {
        float: none;
        margin-top: 0;
    }
}

#div_login #marco_acceso {
    background: none repeat scroll 0 0 white;
    border: 1px solid #195266;
    float: left;
    margin-left: 6%;
    margin-right: 30px;
    margin-top: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 300px;
}

.boton {
    background-color: #00B1B1;
    border: 1px solid #00B1B1;
    color: #FFFFFF;
    cursor: pointer;
    font-family: MavenPro;
    font-size: 12px;
    height: 23px;
    padding: 0;
    width: 75px;
}

.botonMin {
    background-color: #FFFFFF;
    border: 1px solid #5D8D99;
    color: #5D8D99;
    cursor: pointer;
    font-family: MavenPro;
    font-size: 12px;
    height: 23px;
    padding: 0;
    width: 75px;
}

.botonDerecha {
    background-color: #00b1b1;
    border: 1px solid #00b1b1;
    color: #ffffff;
    cursor: pointer;
    font-family: MavenPro;
    font-size: 12px;
    height: 23px;
    padding: 0;
    width: 75px;
    float: right;
}

.botonDerechaMin {
    background-color: #FFFFFF;
    border: 1px solid #5D8D99;
    color: #5D8D99;
    cursor: pointer;
    font-family: MavenPro;
    font-size: 12px;
    height: 23px;
    padding: 0;
    width: 75px;
    float: right;
}

.botonGrande {
    background-color: #00b1b1;
    border: 1px solid #00b1b1;
    color: #ffffff;
    cursor: pointer;
    /* border-radius: 20px; */
    border-radius: 4px;
    font-family: MavenPro;
    font-size: 12px;
    height: 23px;
    padding: 0;
    width: 150px;
}

.botonGrandeDerechaFC {
    background-color: #FFFFFF;
    border: 1px solid #5D8D99;
    color: #5D8D99;
    cursor: pointer;
    border-radius: 20px;
    font-family: MavenPro;
    font-size: 12px;
    height: 26px;
    padding: 0;
    width: 145px;
    float: right;
}

#msg_texto {
    font-size: 10pt;
    /*text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.3), 1px 1px 0 rgba(10, 10, 10, 0.3);*/
}

#div_bloqueo {
    background: rgba(255, 255, 255, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 500;
    top: 100px;
}

.dinamicButton {
    /*background-color: rgb(0, 102, 122);*/
    border: 1px solid #5D8D99;
    background: #ffffff;
    color: #5D8D99;
    cursor: pointer;
    cursor: hand;
    border-radius: 5px;
    font-family: MavenPro;
    font-size: 10pt;
    font-weight: bold;
    /*height: 23px;*/
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-top: 2px;
    /*text-shadow: -1px -1px 0px rgba(255,255,255,0.3), 1px 1px 0px rgba(0,0,0,0.8);*/
}

.botonGrande2 {
    background-color: #FFFFFF;
    border: 1px solid #5D8D99;
    color: #5D8D99;
    cursor: pointer;
    font-family: MavenPro;
    font-size: 12px;
    height: 23px;
    padding: 0;
    width: 155px;
}


.botonGrandeMin {
    background-color: #FFFFFF;
    border: 1px solid #5D8D99;
    color: #5D8D99;
    cursor: pointer;
    font-family: MavenPro;
    font-size: 12px;
    height: 23px;
    padding: 0;
    width: 140px;
}

.botonEDOCuenta {
    background-color: #00B1B1;
    border: 1px solid #00B1B1;
    color: #FFFFFF;
    cursor: pointer;
    font-family: MavenPro;
    font-size: 12px;
    height: 23px;
    padding: 0;
    width: 75px;
    float: right;
}

.botonComentario_BT {
    background-color: #00B1B1;
    border: 1px solid #00B1B1;
    color: #FFFFFF;
    cursor: pointer;
    font-family: MavenPro;
    font-size: 12px;
    height: 23px;
    padding: 0;
    width: 75px;
    /* float: right; */
}

.botonGrandeDerecha {
    background-color: #FFFFFF;
    border: 1px solid #5D8D99;
    color: #5D8D99;
    cursor: pointer;
    font-family: MavenPro;
    font-size: 12px;
    height: 23px;
    padding: 0;
    width: 125px;
    float: right;
    margin-right: 1px;
}

.boton2 {
    background-color: #FFFFFF;
    border: 1px solid #5D8D99;
    color: #5D8D99;
    font-family: MavenPro;
    font-size: 10px;
    height: 19px;
    padding: 0;
    width: 80px;
    cursor: pointer;
}

.boton3 {
    background-color: #FFFFFF;
    border: 1px solid #5D8D99;
    color: #5D8D99;
    font-family: MavenPro;
    font-size: 10px;
    height: 19px;
    padding: 0;
    width: 120px;
    cursor: pointer;
    float: right;
}

.botonBuscar {
    background-color: #FFFFFF;
    border: 1px solid #5D8D99;
    color: #5D8D99;
    font-family: MavenPro;
    font-size: 10px;
    height: 19px;
    padding: 0;
    width: 18px;
    cursor: pointer;
}

.boton4 {
    background-color: #FFFFFF;
    border: 1px solid #5D8D99;
    color: #5D8D99;
    font-family: MavenPro;
    font-size: 10px;
    height: 19px;
    padding: 0;
    width: 50px;
    cursor: pointer;
    float: right;
}

.botonTransfer {
    background-color: #FFFFFF;
    border: 1px solid #5D8D99;
    color: #5D8D99;
    cursor: pointer;
    font-family: MavenPro;
    font-size: 12px;
    height: 23px;
    padding: 0;
    width: 155px;
}

.botonBackoffice {
    background-color: #FFFFFF;
    border: 1px solid #5D8D99;
    color: #5D8D99;
    cursor: pointer;
    font-family: MavenPro;
    font-size: 12px;
    height: 23px;
    padding: 0;
    width: 135px;
    float: right;
}


.datos {
    border: 0 none !important;
    color: #00223E !important;
    font: 12px MavenPro;
    text-align: left;
}

.datos6 {
    border: 0 none !important;
    color: #e80909;
    font: 12px MavenPro;
    padding: 3px;
    text-align: left;
}

.datosCampoObligatorio {
    border: 0 none !important;
    color: #e80909;
    font: 12px MavenPro;
    padding: 3px;
    text-align: left;
    float: right;
}


.datos2 {
    border: 0 none !important;
    color: #00223E;
    font: 12px MavenPro;
    padding: 3px;
    text-align: right;
    float: right;
}

.datos3 {
    border: 0 none !important;
    color: #00223E;
    font: 12px MavenPro;
    padding: 3px;
    text-align: center;
    /*float: right;*/
}

.datos4 {
    border: 0 none !important;
    color: #000000;
    float: left;
    font: bold 12px MavenPro;
    padding: 0;
    text-align: right;
}

.datos5 {
    border: 0 none !important;
    color: #00223E;
    font: 12px MavenPro;
    padding: 0;
    text-align: left;
    vertical-align: bottom;
}

.datos6 {
    border: 0 none !important;
    color: #00223E;
    font: 12px MavenPro;
    padding: 0;
    text-align: right;
}

.datos7 {
    border: 0 none !important;
    color: #000000;
    float: left;
    font: bold 12px MavenPro;
    padding: 0;
    text-align: right;
}


.datos8 {
    border: 0 none !important;
    color: #000000;
    font: bold 12px MavenPro;
    padding: 0;
    height: 14px;
}

.datos9 {
    border: 0 none !important;
    color: #00223E;
    font: 12px MavenPro;
    padding: 3px;
    text-align: right;
    height: 14px;
}

#marco_consulta_estado {
    width: 600px;
    background: #c4c4c4;
}

.div_menu {
    width: 100%;
    /*overflow: auto;*/
    padding: 18px 6% 0 6%;
    border-radius: 5px;
    min-height: 400px;
}

.div_menu_calendario {
    width: 100%;
    /*overflow: auto;*/
    padding: 18px 6% 0 6%;
    border-radius: 5px;
    min-height: 400px;
}

.div_menu2 {
    width: 88%;
    overflow: auto;
    border-radius: 5px;
    min-height: 400px;

}

.div_tabla_consulta {
    width: 98%;
    margin-left: 1%;
}

.info, .exito, .alerta, .error {
    background-position: 10px center;
    background-repeat: no-repeat;
    border: 1px solid;
    border-radius: 9px;
    font-family: MavenPro, Helvetica, sans-serif;
    font-size: 13px;
    /*margin: 150px;*/
    /*margin: 150px 180px 180px 350px;*/
    padding: 15px 10px 15px 50px;
    position: absolute;
    /*width: 500px;*/
    z-index: 9999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../images/info.png');
}

.exito {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('../images/exito.png');
}

.alerta {
    position: fixed;
    color: #00223E;
    background-color: #E1E5EE;
    background-image: url('../images/alerta.png');
    background-size: 40px;
    border-radius: 12px;
    -webkit-box-shadow: 1pt 2px 12px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
    -moz-box-shadow: 0pt 2px 50px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
    box-shadow: 0pt 2px 50px rgba(11, 11, 11, 0.95), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
}

.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/error.png');
}

.div_consulta {
    background: none repeat scroll 0 0 #FFFFFF;
    /*border: 1px solid #00223E;*/
    border: 1px solid #c1c1c1 !important;
    border-radius: 4px 4px 4px 4px;
    float: left;
    margin-bottom: 10px;
    margin-left: 0px;
    width: 99%;
    /*padding: 5px;*/
}

.div_consulta_porfolio {
    background: none repeat scroll 0 0 #FFFFFF;
    /*border: 1px solid #00223E;*/
    border: 1px solid #c1c1c1 !important;
    border-radius: 4px 4px 4px 4px;
    float: left;
    margin-bottom: 10px;
    margin-left: 0px;
    width: 100%;
    /* padding: 5px; */
}

.div_consultaCambiaP {
    background: none repeat scroll 0 0 #FFFFFF;
    /*border: 1px solid #00223E;*/
    border: 1px solid #c1c1c1 !important;
    border-radius: 4px 4px 4px 4px;
    float: left;
    margin-bottom: 10px;
    margin-left: 23%;
    width: 50%;
}

.div_consultaTransfers {
    background: none repeat scroll 0 0 #FFFFFF;
    /*border: 1px solid #00223E;*/
    border: 1px solid #c1c1c1 !important;
    border-radius: 4px 4px 4px 4px;
    float: left;
    margin-bottom: 0.5%;
    /*margin-left: 4%;*/
    margin-top: 0.5%;
    width: 90%;
}

.div_consultaTransfers3 {
    background: none repeat scroll 0 0 #FFFFFF;
    /*border: 1px solid #00223E;*/
    border: 1px solid #c1c1c1 !important;
    border-radius: 4px 4px 4px 4px;
    float: left;
    margin-bottom: 10px;
    margin-left: 4%;
    margin-top: 0%;
    width: 91%;
}

.div_informacion_interes {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #00223E;
    border-radius: 4px 4px 4px 4px;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

.metodosValidacion {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #195266;
    border-radius: 4px 4px 4px 4px;
    float: left;
    margin-bottom: 10px;
    margin-left: 4%;
    margin-top: 0%;
    width: 90%;
}

.div_consultaTransfers2 {
    background: none repeat scroll 0 0 #FFFFFF;
    /*border: 1px solid #00223E;*/
    border: 1px solid #c1c1c1 !important;
    border-radius: 4px 4px 4px 4px;
    float: left;
    margin-bottom: 10px;
    margin-left: 4%;
    margin-top: -1%;
    width: 90%;
}

.botones_formulario {
    text-align: right;
}


.formulario_fieldset {
    float: left;
    /*margin-left: 4%;*/
    width: 90%;
}

.formulario_fieldsetTransfer {
    float: left;
    /*margin-left: 4%;*/
    width: 90%;
}


.formulario_fieldset2 {
    border-radius: 4px 4px 4px 4px;
    float: left;
    height: 133px;
    margin-left: 12%;
    margin-top: 9px;
    width: 62%;
}

.formulario_fieldset3 {
    float: left;
    height: 190px;
    margin-left: 10px;
    width: 41%;
}

.formulario_fieldset4 {
    float: left;
    height: 189px;
    margin-left: 10px;
    width: 41%;
}

.formulario_fieldset5 {
    float: left;
    margin-left: 12%;
    width: 62%;

}

.titulo_salir {
    border-right: 2px solid #00223E;
    color: #00223E;
    float: left;
    font-family: Verdana;
    font-size: 65px;
    /*margin-left: 300px;*/
    /*margin-top: 130px;*/
    /*padding-bottom: 100px;*/
    /*padding-top: 99px;*/
    /*width: 200px;*/
    padding-bottom: 40%;
    padding-top: 40%;
    width: 100%;
}

.botones_salir {
    width: 37%;
    margin-left: 30px;
    padding-top: 125px;
    padding-bottom: 150px;
    float: left;
}

.botones_salirNew {
    /*width: 37%;*/
    /*margin-left: 30px;*/
    /*padding-top: 125px;*/
    /*padding-bottom: 150px;*/
    /*float: left;*/
}


.titulo_autoCompletar {
    border-right: 2px solid #195266;
    color: #195266;
    float: left;
    font-family: Verdana;
    font-size: 55px;
    margin-left: 200px;
    margin-top: 130px;
    padding-bottom: 100px;
    padding-top: 94px;
    width: 360px;
}

.botones_autoCompletar {
    font-size: 11px;
    width: 280px;
    margin-left: 30px;
    padding-top: 250px;
    padding-bottom: 250px;
    float: left;
}

.titulo_seguridad {
    border-right: 2px solid #195266;
    color: #195266;
    float: left;
    font-family: Verdana;
    font-size: 65px;
    margin-left: 200px;
    margin-top: 0px;
    padding-bottom: 79px;
    padding-top: 94px;
    width: 350px;
}

.descripcion_seguridad {
    font-size: 11px;
    width: 278px;
    margin-left: 43px;
    margin-top: 6px;
    overflow: visible;
    height: auto;
}


.titulo_resume {
    border-bottom: 2px solid #00223E;
    color: #00223E;
    float: left;
    font-family: Verdana;
    font-size: 22px;
    margin-left: 20px;
    padding-bottom: 15px;
    width: 95%;
}

.botones_resume {
    width: 500px;
    margin-left: 30px;
    padding-top: 20px;
    float: left;
}


.botones_resume2 {
    float: left;
    margin-left: 25%;
    padding-top: 10%;
    width: 40%;
}
.botones_resume3 {
    margin-left: 25%;
    padding-top: 4.5%;
}

/*.botones_resumeTransfer {*/
/*float: left;*/
/*margin-left: 250px;*/
/*padding-top: 20px;*/
/*width: 500px;*/
/*}*/

.botones_resumeTransfer {
    /*float: left;*/
    margin-left: 250px;
    /*margin-top: -120px;*/
    width: 500px;
}

.descripcion_resume {
    font-size: 11px;
    width: 278px;
    margin-left: 23px;
    margin-top: 6px;
    overflow: visible;
    height: auto;
}

.tabla_resumen {
    background-color: #FFFFFF;
    width: 140%;
    /*margin-top: 150px;*/
}

.tabla_resumen2 {
    background-color: #FFFFFF;
    width: 100%;
    /*margin-top: 150px;*/
}

.tabla_resumen .titulo_resumen {
    background-color: #00223E;
    color: #FFFFFF;
    font-family: MavenPro;
    font-size: 12px;
    width: 30%;
}

.tabla_resumen .titulo_resumen_new {
    /*background-color: #00223E;*/
    color: #00223E;
    font-family: MavenPro;
    font-size: 12px;
    width: 30%;
}

.tabla_resumen2 .titulo_resumen_new {
    /*background-color: #00223E;*/
    color: #00223E;
    font-family: MavenPro;
    font-size: 12px;
    width: 30%;
}

.tabla_resumen2 .titulo_resumen {
    background-color: #00223E;
    color: #FFFFFF;
    font-family: MavenPro;
    font-size: 12px;
    width: 30%;
}

/*.tabla_resumen .datos_resumen{*/
/*width: 60%;*/
/*background-color: #e4dfe8;*/
/*font-family: message-box;*/
/*font-size: 11px;*/
/*width: 60%;*/

/*}*/
.tabla_resumen .datos_resumen {
    background-color: #E1E5EE;
    font-family: MavenPro;
    font-size: 12px;
    width: 60%;
}

.tabla_resumen2 .datos_resumen {
    background-color: #E1E5EE;
    font-family: MavenPro;
    font-size: 12px;
    width: 60%;
}


.titulo_resultados {
    border-bottom: 2px solid #195266;
    border-top: 2px solid #195266;
    color: #195266;
    float: left;
    font-family: Verdana;
    font-size: 45px;
    margin-left: 232px;
    margin-top: 130px;
    padding-bottom: 40px;
    padding-left: 38px;
    padding-top: 94px;
    width: 52%;
}

.tabla_inicio {
    width: 35%;
    background-color: #FFFFFF;
    align: center;
    margin-top: 4%;
}

.tabla_inicio2 {

    background-color: #FFFFFF;
    align: center;
}

.tabla_inicio .titulo_inicio {
    background-color: #195266;
    color: #FFFFFF;
    font-family: MavenPro;
    font-size: 12px;
    width: 60%;
}

.tabla_inicio2 .titulo_inicio {
    background-color: #195266;
    color: #FFFFFF;
    font-family: MavenPro;
    font-size: 12px;
    width: 30%;
}

.tabla_inicio .titulo_inicio2 {
    background-color: #195266;
    color: #FFFFFF;
    font-family: MavenPro;
    font-size: 12px;
    width: 40%;
}

.tabla_inicio2 .titulo_inicio2 {
    background-color: #00223E;
    color: #FFFFFF;
    font-family: MavenPro;
    font-size: 12px;
    width: 40%;
}

.tabla_inicio .datos_inicio {
    background-color: #E1E5EE;
    font-family: 'Trebuchet MS', Tahoma, MavenPro;
    font-size: 12px;
    width: 60%;
}

.tabla_inicio2 .datos_inicio {
    background-color: #FFFFFF;
    font-family: 'Trebuchet MS', Tahoma, MavenPro;
    font-size: 12px;
    width: 60%;
    height: 35px;
}

.info_centrado {
    float: left;
    font-family: MavenPro;
    font-size: 12px;
    margin-top: 8%;
}

.botones_inicio2 {
    float: left;
    width: 100%;
}


.div_flotante {
    position: absolute;
    top: 15%;
    left: 25%;
    width: 600px;
    background-color: #FFFFFF;
    border-radius: 25px;
    border: 1px solid #195266;
}

#titulo_detalle_grupo {
    margin-left: 30%;
    width: 90%;
    color: #195266;
    font-size: 14px;
    font-weight: bold;
    margin-top: 1%;
}

#id_detalle {
    color: #195266;
}

#html_detalle {
    margin-top: 10px;
    margin-left: 1%;
    width: 90%;
    color: #000000;
    font-size: 12px;
}

.div_boton {
    text-align: right;
    margin-right: 10%;
    margin-bottom: 10px;
}

#box_menu {
    z-index: 2;
    /*margin-top: 4px;*/
}

#espacio_divs {
    z-index: 1;
    background: rgb(255, 255, 255);
    /*border: 1px solid rgba(147, 184, 189,0.8);*/
    /*-webkit-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;*/
    /*-moz-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;*/
    /*box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;*/
    /*-webkit-box-shadow: 5px;*/
    /*-moz-border-radius: 5px;*/
}

.div_menu h1:after {
    background: -moz-linear-gradient(left center, rgba(147, 184, 189, 0) 0%, rgba(147, 184, 189, 0.8) 20%, #93B8BD 53%, rgba(147, 184, 189, 0.8) 79%, rgba(147, 184, 189, 0) 100%) repeat scroll 0 0 transparent;
    content: " ";
    display: block;
    height: 2px;
    margin-top: 10px;
    width: 100%;
}

.div_menu h1 {
    font-size: 12px;
    margin: 0;
    padding: 2px 0 20px;
    text-align: left;
    text-transform: uppercase;
}

.div_metodos h1:after {
    background: -moz-linear-gradient(left center, rgba(147, 184, 189, 0) 0%, rgba(147, 184, 189, 0.8) 20%, #93B8BD 53%, rgba(147, 184, 189, 0.8) 79%, rgba(147, 184, 189, 0) 100%) repeat scroll 0 0 transparent;
    content: " ";
    display: block;
    height: 2px;
    margin-top: 10px;
    width: 50%;
}

.div_metodos h1 {
    font-size: 12px;
    margin: 0;
    padding: 2px 0 20px;
    text-align: left;
    text-transform: uppercase;
}


.fieldset_BeneficiaryBank {
    border: 1px solid #195266;
    border-radius: 4px 4px 4px 4px;
    float: left;
    height: 100%;
    /*height: 182px;*/
    /*min-height: 146px;*/
    /*margin-left: 4%;*/
    width: 44%;
}

.fieldset_Beneficiary {
    float: left;
    /*min-height: 200px;*/
    /*height: 300px;*/
    height: 100%;
    /*margin-left: 3px;*/
    width: 44%;
    border: 1px solid #195266;
    border-radius: 4px 4px 4px 4px;
}

.fieldset_IntermediaryBank {
    border: 1px solid #195266;
    border-radius: 4px 4px 4px 4px;
    float: left;
    /*min-height: 168px;*/
    /*margin-left: 4%;*/
    /*margin-top: -6%;*/
    /*margin-top: -115px;*/
    width: 44%;
    /*height: 100%;*/
    /*height: 182px;*/
}

.fieldset_ForFurtherCredit {
    border: 1px solid #195266;
    border-radius: 4px 4px 4px 4px;
    float: left;
    margin-left: 3px;
    /*margin-top: 5px;*/
    width: 44%;
}

.fieldset_AmmountAndInstructionsLegend {
    float: left;
    margin-left: 10px;
    width: 32%;
    border: 1px solid #195266;
    border-radius: 4px 4px 4px 4px;
}

.fieldset_BeneficiaryInformation {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #195266;
    border-radius: 4px 4px 4px 4px;
    float: left;
    margin-bottom: 10px;
    /*margin-left: 4%;*/
    margin-top: 0%;
    width: 90%;
}

#createToOtherBank {
    /*width: 1180px;*/
    width: 100%;
}


#createToOtherBank_TOBJS {
    width: 1180px;
}

#cerrar_div_mensaje_error, .btn_errmsg_close {
    float: right;
    cursor: pointer;
    color: #000000;
    font-weight: bold;
}


#label_idiomas {
    /*color: white;*/
    /*cursor: pointer;*/
    /*float: right;*/
    /*font-family: MavenPro;*/
    /*font-weight: bold;*/
    /*margin-left: 141px;*/
    /*margin-top: 30px;*/
    /*width: 80px;*/
    color: white;
    cursor: pointer;
    /* float: right; */
    font-family: MavenPro;
    font-weight: bold;
    /* margin-left: 141px; */
    /* margin-top: 30px; */
    /* width: 80px; */
    text-align: end;
    margin-right: 1%;
    padding: 1%;
}
#label_idiomasLogin {
    color: white;
    cursor: pointer;
    /* float: right; */
    font-family: MavenPro;
    font-weight: bold;
    /* margin-left: 141px; */
    /* margin-top: 30px; */
    /* width: 80px; */
    text-align: end;
    margin-right: 1%;
    margin-top: 1%;
}

.negrita {
    font-weight: bold;
    cursor: pointer;
}

.negrita2 {
    font-weight: bold;
}

.spanEstilo {
    float: left;
    margin-bottom: 10px;
    margin-left: 4%;
    width: 90%;
}

#capaPopUp {
    background-color: #000; /* Le damos la el color de la opacidad. */
    opacity: 0.65; /* Este valor mostrará la intensidad de la opacidad. */
    position: absolute; /* La posición tendrá que ser absoluta. */
    z-index: 9001; /* Esta propidad es para añadir la capa superpuesta al nivel 9001. */
    top: 0; /* Para que posicione la capa al punto '0' del top de la página. */
    left: 0; /* Para que posicione la capa al punto '0' a la izquieda de la página. */
    width: 100%; /* El valor por defecto que tendrá que expandirse. */
    height: 100%; /* El valor por defecto que tendrá que expandirse. */
    display: none; /* Por defecto estará desactiva */
}

#popUpDiv {
    position: absolute; /* La posición tendrá que ser absoluta. */
    z-index: 9002; /* Esta propidad es para añadir la capa superpuesta al nivel 9002 (antes que la capa 'capaPopUp'). */
    overflow: auto; /* Esta propiedad la indicamos por si el contenido es más grande que la capa que por defecto salga el 'scroll'. */
    left: 50%; /* Para posicionar horizontalmente la capa al centro de la página */
    display: none; /* Por defecto estará desactiva */
    top: 50%; /* Para posicionar verticalmente la capa al centro de la página */
}

/**************************************************************************
ESTILOS PROPIOS DEL POPUP 20090323@JCP
***************************************************************************/
#capaContent {
    display: block;
    width: 400px; /* Necesario para que el script centre la capa horizontalmente en la página */
    height: 200px; /* Necesario para que el script centre la capa verticalmente en la página */
    background-color: #FFF;
}


.info_descp_tabla {
    background-color: #5D8D99;
    background-image: url("../images/view_text.png");
    border-radius: 12px 12px 12px 12px;
    color: #9F6000;
}

.info_descp_tabla {
    background-position: 10px center;
    background-repeat: no-repeat;
    border: 1px solid #5D8D99;
    font-family: MavenPro, Helvetica, sans-serif;
    font-size: 13px;
    margin: 10px 0;
    padding: 15px 10px 15px 50px;
    position: absolute;
    top: 64%;
    width: 51%;
    left: 21%;
    z-index: 10000;

}

#cerrar_div_mensajes_info_desc_tabla {
    float: right;
    width: 40px;
    cursor: pointer;
}

#mensajes_info_desc_tabla {
    margin-top: 3px;
    color: white;
    width: 90%;
    border-left: 1px dotted white;
    padding-left: 3px;
    margin-left: 20px;
}

#cerrar_div_mensajes_info_desc_tabla_TDBT {
    float: right;
    width: 40px;
    cursor: pointer;
}

#mensajes_info_desc_tabla_TDBT {
    margin-top: 3px;
    color: white;
    width: 90%;
    border-left: 1px dotted white;
    padding-left: 3px;
    margin-left: 20px;
}

#cerrar_div_mensajes_info_desc_tabla_TD_C {
    float: right;
    width: 40px;
    cursor: pointer;
}

#mensajes_info_desc_tabla_TD_C {
    margin-top: 3px;
    color: white;
    width: 90%;
    border-left: 1px dotted white;
    padding-left: 3px;
    margin-left: 20px;
}

.label_descp {
    font-weight: bolder;
    margin-bottom: 3px;
}

.label_descp_rojo {
    font-weight: bolder;
    margin-bottom: 3px;
    color: red;
}

table.display {
    margin: 0 auto;
    width: 100%;
    clear: both;
    /*border-collapse: collapse;*/
}

table.display tfoot th {
    padding: 3px 0px 3px 10px;
    font-weight: bold;
    font-weight: normal;
}

table.display tr.heading2 td {
    border-bottom: 1px solid #aaa;
}

table.display td {
    padding: 3px 10px;
    font-size: 12px;
}

table.display td.center {
    text-align: center;
}

.invisible {
    visibility: hidden;
}


#capa_carga {
    background: none repeat scroll 0 0 white;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999999;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.enviando {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5); /* Fondo negro transparente */
    z-index: 9999; /* Asegura que esté por encima de otros elementos */
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000000;
}

.spinner {
    border: 8px solid rgba(255, 255, 255, 0.3); /* Borde blanco transparente */
    border-top: 8px solid #00223E;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite;
}


.imagen_carga_buscar {
    background: white;
    height: 84%;
    left: 10px;
    position: absolute;
    width: 98%;
    z-index: 2750;
    top: 29px;
}


.imagen_espera_buscar {
    height: 150px;
    left: 36%;
    position: absolute;
    width: 150px;
    z-index: 2500;
}

.imagen_espera {
    height: 30px;
    left: 10px;
    position: absolute;
    width: 93%;
    z-index: 2500;
}

.imagen_carga img {
    height: 100px;
    margin-top: 150px;
    margin-left: 500px;
    z-index: 3000;
}

#jMonthCalendar {
    position: relative;
}

.MonthlyCalendar .MonthNavigation {
    /*border-bottom:solid 1px #ddd;*/
    clear: both;
    /*height:20px; */
    padding: 5px 10px 0 10px;
}

.MonthlyCalendar .MonthNavPrev, .MonthlyCalendar .MonthNavNext, .MonthlyCalendar .TodayLink {
    width: 7%;
    float: left;
}

.MonthlyCalendar .YearNavNext, .MonthlyCalendar .YearNavPrev {
    width: 10%;
    float: left;
}

.MonthlyCalendar .MonthName {
    width: 59%;
    text-align: center;
    font-weight: bold;
    float: left;
}


.MonthlyCalendar {
    height: 100%;
    width: 100%;
    border: solid 1px #ddd;
    border-collapse: collapse;
}

.MonthlyCalendar #CalendarHead {
    width: 100%;
    background: #00223E none repeat scroll 0 0;
    color: white;
}

.MonthlyCalendar #CalendarHead .DateHeader {
    width: 14%;
    text-align: center;
}

.MonthlyCalendar #CalendarBody {
}

.DateBox {
    vertical-align: top;
    border: solid 1px #000000;
    background: none repeat scroll 0 0 #E1E5EE
}

.DateLabel {
    height: 16px;
    width: 100%;
    text-align: right;
}

.DateLabel a {
    color: black;
    font-weight: bold;
    line-height: 16px;
    padding: 0 5px 2px;
    text-decoration: none;
}

.Inactive .DateLabel a, .Weekend .DateLabel a {
    padding: 0 5px 2px;
    text-decoration: none;
    line-height: 16px;
    color: #9C8265;
    font-weight: bold;
}

#CalendarBody .Inactive, #CalendarBody .Weekend, #CalendarBody .Weekend .DateLabel, #CalendarBody .Inactive .DateLabel {
    font-weight: bold;
    background: none repeat scroll 0 0 #FFFFFF;
}

.Today {
    background: #9A8543 none repeat scroll 0 0;
}

#jMonthCalendar .Event {
    font-size: 12px;
    padding: 4px;
    background-color: #00B1B1;
    margin-bottom: 1px;
    -moz-border-radius: 8px 8px 8px 8px;
    border: solid 1px #00B1B1;
    cursor: pointer;
    display: block;
}

.Event a {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
}

.visible_print {
    display: none;
}

.boton2 {
    background-color: rgb(147 184 189 / 0%);
    border: 1px solid rgb(147 184 189 / 0%);
    color: #FFFFFF;
    cursor: pointer;
    font-family: MavenPro;
    font-size: 12px;
    height: 23px;
    padding: 3px;
    width: 75px;
}

.spanFormulario_creditCards_AE {
    font-weight: bolder;
}

.div_Myinformacion_detalle {
    float: left;
    margin-left: 29px;
    width: 97%;
}

.imprimir {
    cursor: pointer;
    margin-right: 20px;
    margin-left: 20px;
}

#detalle_transferencia_fc {
    background: none repeat scroll 0 0 #F7F7F7;
    border: 1px solid rgba(147, 184, 189, 0.8);
    border-radius: 10px 10px 10px 10px;
    box-shadow: 34px 6px 72px rgba(105, 108, 109, 0.7), 0 0 8px 5px rgba(208, 223, 226, 0.4) inset;
    /*left: 200px;*/
    padding: 23px;
    position: fixed;
    /*top: 60px;*/
    width: 40%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#detalle_pagoTDC_fc {
    background: none repeat scroll 0 0 #F7F7F7;
    border: 1px solid rgba(147, 184, 189, 0.8);
    border-radius: 10px 10px 10px 10px;
    box-shadow: 34px 6px 72px rgba(105, 108, 109, 0.7), 0 0 8px 5px rgba(208, 223, 226, 0.4) inset;
    left: 200px;
    padding: 23px;
    position: fixed;
    top: 60px;
    width: 800px;
}

.detalle_resumen_transferencia {
    cursor: pointer;
}

.carga_espera {
    margin-left: 300px;
}

#detalle_aviso {
    background: none repeat scroll 0 0 #F7F7F7;
    border: 1px solid rgba(147, 184, 189, 0.8);
    border-radius: 10px 10px 10px 10px;
    box-shadow: 34px 6px 72px rgba(105, 108, 109, 0.7), 0 0 8px 5px rgba(208, 223, 226, 0.4) inset;
    /*left: 200px;*/
    /*padding: 23px;*/
    position: fixed;
    padding: 1em 3em;
    margin: 1em 20%;
    top: 30px;
    /*width: 800px;*/
}

.carga_espera_derecha {
    margin-left: 20px;
}


.pag_seleccionada {
    border: 1px solid #5D8D99;
    padding: 3px;
    margin-top: 5px;
    cursor: pointer;
    margin-left: 5px;
    color: white;
    background: #5D8D99;
}

.pagina {
    border: 1px solid #5D8D99;
    padding: 3px;
    margin-top: 5px;
    cursor: pointer;
    margin-left: 5px;
    color: #5D8D99;
    background: white;
}

#poppup_ayuda_transferencia {
    position: absolute;
    width: 800px;
    min-height: 300px;
    background: white;
    left: 300px;
    top: 300px;
    padding: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 1pt 2px 5px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
    -moz-box-shadow: 0pt 2px 5px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
    box-shadow: 0pt 2px 5px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
}

#poppup_ayuda_transferencia_cerrar {
    font-weight: bold;
    text-shadow: 4px 3px 8px;
    color: #9A8543;
    float: right;
    margin-right: 10px;
    cursor: pointer;
}

#tabs_popup_ayuda {
    margin-top: 20px;
}

.resaltado {
    background: #00B1B1;
    padding: 10px;
    color: #FFFFFF;
}


.div_term_condi {
    background: #FFFFFF;
    overflow: auto;
    height: 300px;
    width: 800px;
    margin: auto;
    border: 1px solid rgb(189, 189, 189);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 1), 0px -2px 14px -1px rgba(0, 0, 0, 0.2) inset;
    padding: 12px;
}


.centrarBoton {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 400px;
}


.windows8 {
    position: relative;
    width: 90px;
    height: 90px;
}

.windows8 .wBall {
    position: absolute;
    width: 86px;
    height: 86px;
    opacity: 0;
    -moz-transform: rotate(225deg);
    -moz-animation: orbit 4.4s infinite;
    -webkit-transform: rotate(225deg);
    -webkit-animation: orbit 4.4s infinite;
    -ms-transform: rotate(225deg);
    -ms-animation: orbit 4.4s infinite;
    -o-transform: rotate(225deg);
    -o-animation: orbit 4.4s infinite;
    transform: rotate(225deg);
    animation: orbit 4.4s infinite;
}

.windows8 .wBall .wInnerBall {
    position: absolute;
    width: 11px;
    height: 11px;
    background: #48755F;
    left: 0px;
    top: 0px;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    -ms-border-radius: 11px;
    -o-border-radius: 11px;
    border-radius: 11px;
}

.windows8 #wBall_1 {
    -moz-animation-delay: 0.96s;
    -webkit-animation-delay: 0.96s;
    -ms-animation-delay: 0.96s;
    -o-animation-delay: 0.96s;
    animation-delay: 0.96s;
}

.windows8 #wBall_2 {
    -moz-animation-delay: 0.19s;
    -webkit-animation-delay: 0.19s;
    -ms-animation-delay: 0.19s;
    -o-animation-delay: 0.19s;
    animation-delay: 0.19s;
}

.windows8 #wBall_3 {
    -moz-animation-delay: 0.38s;
    -webkit-animation-delay: 0.38s;
    -ms-animation-delay: 0.38s;
    -o-animation-delay: 0.38s;
    animation-delay: 0.38s;
}

.windows8 #wBall_4 {
    -moz-animation-delay: 0.58s;
    -webkit-animation-delay: 0.58s;
    -ms-animation-delay: 0.58s;
    -o-animation-delay: 0.58s;
    animation-delay: 0.58s;
}

.windows8 #wBall_5 {
    -moz-animation-delay: 0.77s;
    -webkit-animation-delay: 0.77s;
    -ms-animation-delay: 0.77s;
    -o-animation-delay: 0.77s;
    animation-delay: 0.77s;
}

@-moz-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -moz-transform: rotate(180deg);
        -moz-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -moz-transform: rotate(300deg);
        -moz-animation-timing-function: linear;
        -moz-origin: 0%;
    }

    30% {
        opacity: 1;
        -moz-transform: rotate(410deg);
        -moz-animation-timing-function: ease-in-out;
        -moz-origin: 7%;
    }

    39% {
        opacity: 1;
        -moz-transform: rotate(645deg);
        -moz-animation-timing-function: linear;
        -moz-origin: 30%;
    }

    70% {
        opacity: 1;
        -moz-transform: rotate(770deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin: 39%;
    }

    75% {
        opacity: 1;
        -moz-transform: rotate(900deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin: 70%;
    }

    76% {
        opacity: 0;
        -moz-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -moz-transform: rotate(900deg);
    }

}

@-webkit-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -webkit-transform: rotate(180deg);
        -webkit-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -webkit-transform: rotate(300deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin: 0%;
    }

    30% {
        opacity: 1;
        -webkit-transform: rotate(410deg);
        -webkit-animation-timing-function: ease-in-out;
        -webkit-origin: 7%;
    }

    39% {
        opacity: 1;
        -webkit-transform: rotate(645deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin: 30%;
    }

    70% {
        opacity: 1;
        -webkit-transform: rotate(770deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin: 39%;
    }

    75% {
        opacity: 1;
        -webkit-transform: rotate(900deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin: 70%;
    }

    76% {
        opacity: 0;
        -webkit-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(900deg);
    }

}

@-ms-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -ms-transform: rotate(180deg);
        -ms-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -ms-transform: rotate(300deg);
        -ms-animation-timing-function: linear;
        -ms-origin: 0%;
    }

    30% {
        opacity: 1;
        -ms-transform: rotate(410deg);
        -ms-animation-timing-function: ease-in-out;
        -ms-origin: 7%;
    }

    39% {
        opacity: 1;
        -ms-transform: rotate(645deg);
        -ms-animation-timing-function: linear;
        -ms-origin: 30%;
    }

    70% {
        opacity: 1;
        -ms-transform: rotate(770deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin: 39%;
    }

    75% {
        opacity: 1;
        -ms-transform: rotate(900deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin: 70%;
    }

    76% {
        opacity: 0;
        -ms-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -ms-transform: rotate(900deg);
    }

}

@-o-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -o-transform: rotate(180deg);
        -o-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -o-transform: rotate(300deg);
        -o-animation-timing-function: linear;
        -o-origin: 0%;
    }

    30% {
        opacity: 1;
        -o-transform: rotate(410deg);
        -o-animation-timing-function: ease-in-out;
        -o-origin: 7%;
    }

    39% {
        opacity: 1;
        -o-transform: rotate(645deg);
        -o-animation-timing-function: linear;
        -o-origin: 30%;
    }

    70% {
        opacity: 1;
        -o-transform: rotate(770deg);
        -o-animation-timing-function: ease-out;
        -o-origin: 39%;
    }

    75% {
        opacity: 1;
        -o-transform: rotate(900deg);
        -o-animation-timing-function: ease-out;
        -o-origin: 70%;
    }

    76% {
        opacity: 0;
        -o-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -o-transform: rotate(900deg);
    }

}

@keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        transform: rotate(180deg);
        animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        transform: rotate(300deg);
        animation-timing-function: linear;
        origin: 0%;
    }

    30% {
        opacity: 1;
        transform: rotate(410deg);
        animation-timing-function: ease-in-out;
        origin: 7%;
    }

    39% {
        opacity: 1;
        transform: rotate(645deg);
        animation-timing-function: linear;
        origin: 30%;
    }

    70% {
        opacity: 1;
        transform: rotate(770deg);
        animation-timing-function: ease-out;
        origin: 39%;
    }

    75% {
        opacity: 1;
        transform: rotate(900deg);
        animation-timing-function: ease-out;
        origin: 70%;
    }

    76% {
        opacity: 0;
        transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        transform: rotate(900deg);
    }

}

.filtro_opc_clave {
    margin: auto;
    width: 80%;
    margin-bottom: 250px;
    margin-top: 30px;
}

.img-with-text img {
    display: block;
    margin: 0 auto;
}

#tarjeta_coordenadas {
    min-height: 130px;
    background: white;
    border-radius: 12px;
    border: 1px solid #5D5B57;
    padding: 4px;
    margin: auto;
    margin-top: 1px;
}

.campo_tarjeta {
    float: left;
    text-align: center;
    border-radius: 7px;
    margin-left: 3px;
    border: 2px solid #000000;
    width: 25px;
    height: 20px;
}

.campo_invisible {
    visibility: hidden;
}

.opaco {
    opacity: 0.2;
}

.campo_letra {
    background: #636363;
    color: #FFFFFF;
    font-weight: bold;
}

.campo_num {
    color: #000000;
    background: #FFFFFF;
    margin-top: 3px;
}

.campo_coordenada {
    font-weight: bold;
}

.posicion {
    border: 2px solid #000000;
    color: #FFFFFF;
    font-weight: bold;
    background: #636363;
    margin-top: 3px;
    width: 25px;
    height: 20px;
}

.opc1 {
    background: #00B1B1;
    font-weight: bold;
}

.opc2 {
    background: #00B1B1;
    font-weight: bold;
}

.selected {
    box-shadow: 1px 0px 4px 7px #e1e5ee;;
}

.label_coordenadas {
    width: 80px;
    float: left;
    /*height: 18px;*/
    border: 2px solid black;
    margin-top: 3%;
    margin-left: 15%;
    padding: 2%;
    border-radius: 14px;
    /*box-shadow: 6px 7px 12px #000000;*/
    margin-bottom: 2px;
    color: white;
}

.coordenadas {
    width: 300px;
    margin: auto;
}
#coordenada_1::placeholder {
    color: black;
    text-align: center;
}
#coordenada_2::placeholder {
    color: black;
    text-align: center;
}

.btn_metodos {
    width: 180px;
    margin: auto;
    margin-left: auto;
    margin-right: auto;
    display: table-cell;
    vertical-align: middle;
}

.div_selec_correo {
    float: left;
    margin-left: 100px;
    margin-top: 8px;
    text-align: center;
}

.div_selec_tarjetaCoord {
    float: left;
    margin-left: 80px;
    margin-top: 8px;
    text-align: center;
}

.div_selec_sms {
    float: left;
    margin-left: 100px;
    margin-top: 8px;
    text-align: center;
}

.titulo_tarjeta_coord {
    border-right: 2px solid #00223E;
    color: #00223E;
    /*float: left;*/
    font-family: Verdana;
    font-size: 40px;
    /*margin-left: 200px;*/
    /*margin-top: 0px;*/
    /*padding-bottom: 20px;*/
    /*padding-top: 30px;*/
    /*width: 420px;*/
}

.descripcion_tarjeta_coord {
    font-size: 11px;
    width: 350px;
    margin-left: 43px;
    margin-top: 6px;
    overflow: visible;
    height: auto;
    text-align: justify;
}

.div_correo_clave_transf {
    margin-top: 30px;
    margin-bottom: 30px;
}

.div_sms_clave {
    margin-top: 30px;
    margin-bottom: 30px;
}

.anterior_metodos_validacion {
    width: 100%;
    height: 15px;
    background-color: #E1E5EE;

}

.actual_metodos_validacion {
    width: 100%;
    height: 15px;
    background-color: #00223E;
    background-image: url('../images/flecha.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12px 15px;
}

.siguiente_metodos_validacion {
    width: 100%;
    height: 15px;
    border: 1px solid #195266;

}

.anterior_metodos_validacion_min {
    width: 23px;
    height: 10px;
    background-color: #5F9EA0;
    float: left;
    margin: 1px;
}

.rechazada_metodos_validacion_min {
    width: 23px;
    height: 10px;
    background-color: #8A0808;
    float: left;
    margin: 1px;
}

.actual_metodos_validacion_min {
    width: 25px;
    height: 10px;
    background-color: #195266;
    background-image: url('../images/flecha.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12px 15px;
    float: left;
    margin: 1px;
}

.procesada_metodos_validacion_min {
    width: 23px;
    height: 10px;
    background-color: #195266;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12px 15px;
    float: left;
    margin: 1px;
}

.siguiente_metodos_validacion_min {
    width: 21px;
    height: 8px;
    border: 1px solid #195266;
    float: left;
    margin: 1px;

}


.divTituloMetodos {
    text-align: center;
    padding-bottom: 10px;
}

.divPaso {
    text-align: justify;
    width: 70%;
    margin-left: 15%;
    margin-top: 2%;
}

.divPaso2{
    text-align: justify;
    width: 80%;
    margin-left: 10%;
    margin-top: 2%;
}

.divPaso3 {
    padding-top: 25px;
    /*height: 250px;*/
    width: 80%;
    margin: auto;
    text-align: center;
    margin-bottom: 1%;
}

.justificado {
    text-align: justify;
}

.codigoPais {
    background: url("teclado/images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% #FFFFFF;
    border: 1px solid #AAAAAA;
    color: #5D8D99;
    font: 12px MavenPro;
    height: 21px;
    width: 123px;
    border-radius: 4px;
    cursor: pointer;
    margin-bottom: 2px;
    margin-top: 2px;
}

.codigoPaisBackoffice {
    background: url("teclado/images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% #FFFFFF;
    border: 1px solid #AAAAAA;
    height: 21px;
    width: 123px;
    cursor: pointer;
    margin-bottom: 2px;
    margin-top: 2px;
}

.anchoSelect {
    width: 200px;
}

.anchoSelectMin {
    width: 180px;
}

.anchoSelectCell {
    width: 140px;
}

/*#poppup_parametrosPersonalesTOB{*/
/*    !*flex-direction: column;*!*/
/*    !*align-items: center;*!*/
/*    !*justify-content: center;*!*/
/*    !*!*position: fixed;*!*!*/
/*    !*top: 0;*!*/
/*    !*left: 0;*!*/
/*    !*width: 100%;*!*/
/*    !*height: 100%;*!*/
/*    !*background-color: rgba(0, 0, 0, 0.5);*!*/

/*    position: absolute;*/
/*    width: 500px;*/
/*    background: white;*/
/*    left: 300px;*/
/*    top: 250px;*/
/*    padding: 20px;*/
/*    border-radius: 20px;*/
/*    -webkit-box-shadow: 1pt 2px 50px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;*/
/*    -moz-box-shadow: 0pt 2px 50px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;*/
/*    box-shadow: 0pt 2px 50px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;*/
/*}*/

#poppup_parametrosPersonalesTOB {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*width: 500px;*/
    width: 35%;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 1pt 2px 50px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
    -moz-box-shadow: 0pt 2px 50px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
    box-shadow: 0pt 2px 50px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
}

.dispFlex {
    display: flex;
}

/*#poppup_parametrosPersonalesCID {*/
/*    !*flex-direction: column;*!*/
/*    !*align-items: center;*!*/
/*    !*justify-content: center;*!*/
/*    !*position: fixed;*!*/
/*    !*top: 0;*!*/
/*    !*left: 0;*!*/
/*    !*width: 100%;*!*/
/*    !*height: 100%;*!*/
/*    !*background-color: rgba(0, 0, 0, 0.5);*!*/

/*    position: absolute;*/
/*    width: 500px;*/
/*    background: white;*/
/*    left: 300px;*/
/*    top: 250px;*/
/*    padding: 20px;*/
/*    border-radius: 20px;*/
/*    -webkit-box-shadow: 1pt 2px 50px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;*/
/*    -moz-box-shadow: 0pt 2px 50px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;*/
/*    box-shadow: 0pt 2px 50px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;*/
/*}*/

.centrar{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: fixed;
}

#poppup_parametrosPersonalesCID {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*width: 500px;*/
    width: 35%;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 1pt 2px 50px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
    -moz-box-shadow: 0pt 2px 50px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
    box-shadow: 0pt 2px 50px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
}

#poppup_message {
    z-index: 550;
}

#poppup_message, #poppup_saveTemplate {
    position: absolute;
    width: 500px;
    position: fixed;
    top: 30%;
    left: 50%;
    /*margin-top: 280px;*/
    margin-left: -290px;
    background: white;
    padding: 20px;
    border-radius: 12px;
    -webkit-box-shadow: 1pt 2px 50px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
    -moz-box-shadow: 0pt 2px 50px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
    box-shadow: 0pt 2px 50px rgba(11, 11, 11, 0.95), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
}


#poppup_message_bo {
    z-index: 550;
}

#poppup_message_bo {
    position: absolute;
    width: 500px;
    position: fixed;
    top: 30%;
    left: 50%;
    /*margin-top: 280px;*/
    margin-left: -290px;
    background: white;
    padding: 20px;
    border-radius: 12px;
    -webkit-box-shadow: 1pt 2px 50px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
    -moz-box-shadow: 0pt 2px 50px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
    box-shadow: 0pt 2px 50px rgba(11, 11, 11, 0.95), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
}


.tabla_resumen3 {
    background-color: #FFFFFF;
    width: 100%;
    /*margin-top: 150px;*/
}

.tabla_resumen3 .titulo_resumen {
    background-color: #00223E;
    color: #FFFFFF;
    font-family: MavenPro;
    font-size: 12px;
    width: 60%;
}

.tabla_resumen3 .datos_resumen {
    background-color: #E1E5EE;
    font-family: MavenPro;
    font-size: 12px;
    width: 40%;
    text-align: right;
}

.botonMin {
    background-color: #FFFFFF;
    border: 1px solid #5D8D99;
    color: #5D8D99;
    cursor: pointer;
    font-family: MavenPro;
    font-size: 12px;
    height: 23px;
    padding: 0;
    width: 55px;
    text-align: center;
    border-radius: 4px;
}

.botonMinRojo {
    border-width: 1px;
    background-color: #ffffff;
    border-color: #ff0000 #0000ff;
    border-style: solid;
    color: #ff0000;
    cursor: pointer;
    font-family: MavenPro;
    font-size: 12px;
    height: 23px;
    padding: 0;
    width: 75px;
}

.div_consulta_cancel2 {
    visibility: hidden
}

/*
    AUTOR:          RRANGEL
    FECHA:          09/10/2014
    NOMBRE:         #popup_pendientes_notiFC
    DESCRIPCION:    Estilos para el Popup de notificaciones de solicitudes pendientes de firmas conjuntas de
                    Aprobador/Liberador. El sistema utiliza un estilo similar a poppup_parametrosPersonalesTOB, sólo
                    varían los campos Top, Width y Left.
*/
#popupTagNotiFC {
    cursor: pointer;
    cursor: hand;
}

#popupTagNotiFC:hover {
    text-decoration: underline;
}

#popupTagNotiFCLiberar {
    cursor: pointer;
    cursor: hand;
}

#popupTagNotiFCLiberar:hover {
    text-decoration: underline;
}

/* FIN #popup_pendientes_notiFC */

/* CLASES PARA LA NOTIFICACION DE PAGOS PENDIENTES */
#popupTagNotiPaymentTdcFC {
    cursor: pointer;
    cursor: hand;
}

#popupTagNotiPaymentTdcFC:hover {
    text-decoration: underline;
}

#popupTagNotiPaymentTdcFCLiberar {
    cursor: pointer;
    cursor: hand;
}

#popupTagNotiPaymentTdcFCLiberar:hover {
    text-decoration: underline;
}


#poppup_mensaje_generico {
    background: none repeat scroll 0 0 white;
    border-radius: 20px;
    box-shadow: 0 2px 50px rgba(105, 108, 109, 0.7), 0 0 8px 5px rgba(208, 223, 226, 0.4) inset;
    left: 65%;
    padding: 12px;
    position: fixed;
    top: 25%;
    width: 350px;
    z-index: 2550;
    text-align: center;
}

#mensaje_generico.success {
    font-weight: bold;
    color: rgba(0, 102, 102, 0.9);
}

#mensaje_generico.wrong {
    font-weight: bold;
    color: rgba(102, 0, 0, 0.9);
}

#cerrar_div_mensaje_generico {
    color: rgba(0, 102, 102, 0.9);
    font-weight: bold;
}

/**

*/
tr.even_sub {
    background-color: rgba(14, 66, 214, 0.14);
}

tr.odd_sub {
    background-color: #d7dde7;
}

.check {
    cursor: hand;
    cursor: pointer;
}

/** FIN */

.div_info {
    background: none repeat scroll 0 0 rgb(147 184 189 / 0%);
    border: 1px solid rgb(147 184 189 / 0%);
    float: left;
    margin-bottom: 10px;
    margin-left: 0px;
    width: 99%;
    padding: 5px;
}

.datosInfo {
    border: 0 none !important;
    color: #555555;
    font: 12px MavenPro;
    text-align: left;
}

.span_table {
    position: relative;
    width: 100%;
    height: 100%;
}


.roles_descrip {
    float: right;
    margin: 0px 50px 0px 0px;
    width: 500px;
    padding: 0px 10px 10px 80px;
    border-left: 2px dotted #ccc;
    color: #333;
}

.roles_descrip h3 {
    font-family: 'BebasNeueRegular';
    font-size: 20px;
}

.roles_descrip ul li {
    line-height: 1.3em;
    font-family: Tahoma;
    margin-top: 10px;
    list-style: circle outside;
    text-align: justify;
}

.jPag-controls {
    float: left;
    position: relative;
}


.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 60% !important;
}

.chosen-container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    left: -9999px;
    z-index: 1010;
    width: 100%;
    border: 1px solid #aaa;
    border-top: 0;
    background: #fff;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}

.chosen-container.chosen-with-drop .chosen-drop {
    left: 0;
}

.chosen-container a {
    cursor: pointer;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 25px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
    background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-clip: padding-box;
    box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px;
    color: #00223E;
}

.chosen-container-single .chosen-default {
    color: #999;
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url('../images/chosen-sprite.png') -42px 1px no-repeat;
    font-size: 1px;
}

.chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%;
}

.chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url('../images/chosen-sprite.png') no-repeat 0px 2px;
}

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"] {
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    background: white url('../images/chosen-sprite.png') no-repeat 100% -20px;
    background: url('../images/chosen-sprite.png') no-repeat 100% -20px;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
}

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 200px;
    -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 5px 6px;
    list-style: none;
    line-height: 15px;
    word-wrap: break-word;
    -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default;
}

.chosen-container .chosen-results li.highlighted {
    background-color: #3875d7;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff;
}

.chosen-container .chosen-results li.no-results {
    color: #777;
    display: list-item;
    background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: bold;
    cursor: default;
}

.chosen-container .chosen-results li.group-option {
    padding-left: 15px;
}

.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    height: auto !important;
    height: 1%;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
    background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
    background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
    background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
    background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
    cursor: text;
}

.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    margin: 1px 0;
    padding: 0;
    height: 25px;
    outline: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none;
    color: #999;
    font-size: 100%;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
}

.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 3px 5px 3px 0;
    padding: 3px 20px 3px 5px;
    border: 1px solid #aaa;
    max-width: 100%;
    border-radius: 3px;
    background-color: #eeeeee;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-size: 100% 19px;
    background-repeat: repeat-x;
    background-clip: padding-box;
    box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #333;
    line-height: 13px;
    cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice span {
    word-wrap: break-word;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    background: url('../images/chosen-sprite.png') -42px 1px no-repeat;
    font-size: 1px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #aaa;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
    background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
    background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
    background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
    background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
    box-shadow: 0 1px 0 #fff inset;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: none;
    background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 2px;
}

.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
    color: #222 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
    opacity: 0.5 !important;
    cursor: default;
}

.chosen-disabled .chosen-single {
    cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
    text-align: right;
}

.chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
    margin-right: 0;
    margin-left: 26px;
    direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
    margin-left: 38px;
}

.chosen-rtl .chosen-single div {
    right: auto;
    left: 3px;
}

.chosen-rtl .chosen-single abbr {
    right: auto;
    left: 26px;
}

.chosen-rtl .chosen-choices li {
    float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
    direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
    right: auto;
    left: 4px;
}

.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
    left: 9999px;
}

.chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
    padding-right: 15px;
    padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: none;
}

.chosen-rtl .chosen-search input[type="text"] {
    padding: 4px 5px 4px 20px;
    background: white url('../images/chosen-sprite.png') no-repeat -30px -20px;
    background: url('../images/chosen-sprite.png') no-repeat -30px -20px;
    direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 2px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
    .chosen-rtl .chosen-search input[type="text"],
    .chosen-container-single .chosen-single abbr,
    .chosen-container-single .chosen-single div b,
    .chosen-container-single .chosen-search input[type="text"],
    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
    .chosen-container .chosen-results-scroll-down span,
    .chosen-container .chosen-results-scroll-up span {
        /*background-image: url('../images/chosen-sprite@2x.png') !important;*/
        background-size: 52px 37px !important;
        background-image: url('../images/chosen-sprite@2x.png') !important;
        background-repeat: no-repeat !important;
    }
}

/* @end */


.tablaBorde {
    background: white;
    width: 90%;
    /*border-radius: 12px;*/
    /*-webkit-box-shadow: 1pt 2px 50px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;*/
    /*-moz-box-shadow: 0pt 2px 50px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;*/
    /*box-shadow: -2px 2px 8px rgba(11, 11, 11, 0.95), 0 0 8px 5px rgba(208, 223, 226, 0.4) inset;*/
}

#aviso_principal {
    float: right;
    width: 100%;
    padding: 0px 15px 10px 40px;
    /*border-left: 2px dotted #E1E5EE;*/
    height: 80%;
    color: #333;
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
}

/*#aviso_principal {
    float: right;
    width: 500px;
    padding: 0px 15px 10px 40px;
    border-left: 2px dotted #ccc;
    color: #333;

}*/

#aviso_principal h3 {
    font-family: 'BebasNeueRegular';
    font-size: 20px;
}

#aviso_principal ul li {
    line-height: 1.3em;
    font-family: Tahoma;
    margin-top: 10px;
    list-style: circle outside;
    text-align: justify;
}


/*#imagePreviewAviso {

    width: 507px;

    height: 260px;

    background-position: center center;

    background-size: cover;

    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .3);

    display: inline-block;

}*/
#imagePreviewAviso {

    padding: 0px 15px 10px 40px;
    height: 500px;
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 500px;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .3);
}

/*.ui-datepicker-week-end {*/
/*color: #f00;*/
/*}*/

/*.fines_de_semana {*/
/*background: #f00;*/
/*}*/

.ui-datepicker-week-end a.ui-state-default {
    background: #FFFFFF;
}

.feriado a.ui-state-default {
    background: #c4c4cb;
}

.recuadroCarga {
    height: 260px;
    line-height: 250px;
    margin: 0px auto;
    text-align: center;
}

.recuadroCargaImg {
    vertical-align: middle;
}


#infoHomeDIV {


    /*background-position: center center;

    background-size: cover;  */

    display: inline-block;
}

/*#infoHomeDIV {
    background-position: center center;
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
}     */

div.upload {
    width: 130px;
    height: 30px;
    background-image: url('../images/seleccionarArchivo.jpg');
    background-repeat: no-repeat;
    overflow: hidden;
    display: inline-flex;
}

div.upload input {
    width: 130px;
    height: 30px;
    opacity: 0;
    overflow: hidden;
}


.borde_izq_punteado {
    border-left: 1px dotted gray;
}


div.uploadEng {
    width: 130px;
    height: 30px;
    background-image: url('../images/seleccionarArchivoEng.jpg');
    background-repeat: no-repeat;
    overflow: hidden;
    display: inline-flex;
}

div.uploadEng input {
    width: 130px;
    height: 30px;
    opacity: 0;
    overflow: hidden;
}

.listFiles p {
    color: #696969;
    font-family: 'Trebuchet MS';
    font-size: 11px;
    margin: 0;
    padding: 2px;
}

.bar {
    height: 15px;
    background: #00223E;
    border-radius: 10px;
    float: left;
    z-index: 1;
}

.font {
    border: 1px solid;
    border-radius: 10px;
    float: left;
    border-color: #145665;
    z-index: -1;
}

.percent {
    float: left;
}

.fileupload {
    border-collapse: separate;
    border: 1px solid;
    border-radius: 5px;
    border-color: #145665;
    padding: 3px;
    margin: 2px;
}

.load {
    background-position: left;
    background-repeat: no-repeat;
    background-image: url('../images/ajax-loader-small.gif');
}

.ui-dialog {
    position: fixed;
}

.infoIcon {
    width: 80%;
}

.letrasBody {
    font: '-moz-fixed';
    font-size: 12px;
    color: #565758;
    /* font-family: '-moz-fixed'; */
    /* font-family: 'Trebuchet MS',Tahoma,MavenPro; */
    /*font-family: MavenPro;*/
    font-family: MavenPro;
    background: none repeat scroll 0 0 #FFFFFF;
    margin-top: 0px;
}

.letrasBodyPortfolio {
    font: '-moz-fixed';
    font-size: 12px;
    color: #565758;
    /* font-family: '-moz-fixed'; */
    /* font-family: 'Trebuchet MS',Tahoma,MavenPro; */
    /*font-family: MavenPro;*/
    font-family: MavenPro;
    background: none;
    margin-top: 0px;
}

.infoPopUp {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*width: 500px;*/
    width: 35%;
    background-color: rgb(255, 255, 255);
    padding: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 1pt 2px 50px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
    -moz-box-shadow: 0pt 2px 50px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
    box-shadow: 0pt 2px 50px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
    z-index: 99999;
}

.letrasIfno{
    color: #00223E;
    font-size: 14px;
}

.infoIconNew {
    max-width: 30px;
    height: auto;
    float: right;
    width: 50%;
}

.login-container {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    padding: 40px;
    /*width: 400px;*/
}

.login-container h2 {
    text-align: center;
}

.login-container input[type="text"],
.login-container input[type="password"] {
    width: 100%;
    padding: 12px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.login-container button {
    background-color: #00223E;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
}

.login-container button:hover {
    background-color: #45a049;
}

.login-container p {
    text-align: center;
}

.login-container p a {
    color: #4caf50;
}

.center-screen {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.limpiar{
    border: 1px solid #E1E5EE !important;
    border-radius: 4px;
    background: #E1E5EE !important;
    color: #00223E !important;
}

.BalaceTableHomeContent{
    box-shadow: 0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%);
}

.BalaceTableHomeTitle{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: rgb(0, 34, 62);
    color: white;
    padding: 1em 1em;
}

.TableHeadersTitle{
    background-color: #FFFFFF !important;
    color: #00223E !important;
}

.BalaceTableHomeTitle{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: rgb(0, 34, 62);
    color: white;
    padding: 1em 1em;
}

.contenedor {
    position: relative;
}

.fondo {
    /*background-image: url("../images/homePicture.png");*/
    background-image: url("../images/newBannerHome2.png");
    background-size: cover;
    background-position: right;
    width: 100%;
    height: 100Vh; /* Ajusta la altura según tus necesidades */
    background-repeat: no-repeat;
}
.telefonoHome{
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: none;
    width: 100%;
    height: 90vh;
}

/* Estilos para dispositivos móviles */
@media screen and (max-width: 1290px) {
    .fondo {
        background-image: url("../images/homePicturePhone.png") !important;
        background-size: contain !important;
    }
    .telefonoHome{
        margin-top: 25% !important;
        height: 50vh !important;
    }
}

.superior {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Estilos adicionales para el div encima del fondo */
}

#aviso_principal p {
     margin-top: -1em;
 }

.tablaConBorde tr:not(:first-child):not(:last-child) {
    /*box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);*/

}