:root {
	--color-primary: #8f4997;
	--color-border: #4d0096;
	--primary-hover: #713879;
	--curva-cabezote: #cecece;
	--titulos: #f49819;
	--degrade1: #8f4997;
	--degrade2: #8f4997;
}

.degrade{
    width: min-content;
    height: min-content;
    background: rgb(255,180,0);
    background: linear-gradient(0deg, var(--degrade1) 0%, var(--degrade2) 60%);
}

.btn-primary{
	background-color: var(--color-primary) !important;
	border-color: var(--color-border) !important;
}

.btn-primary:hover{
	background-color: var(--primary-hover) !important;
}

.alert-info{
	background-color: #E5E5E5 !important;
	border-color: #d6d6d6 !important;
}

.alert-info:hover{
	background-color: #eeeeee !important;
}

#CargandoPagina{
	display:none;
	position: fixed;
	opacity:0.8;
	top:0;
	left:0;
	background-image:url(../img/car.gif);
	background-repeat:no-repeat;
	background-color:#fff;
	z-index:999999;	
}
.cabezoteMovil{
	display:none;
	padding: 5px;
	background: linear-gradient(90deg, var(--degrade1) 0%, var(--degrade2) 100%);
}
.logo-movil {
    width: auto;
    height: 60px;
}
.fondo{
	background-color: var(--curva-cabezote);
}
.plantilla{
	border-radius: 0 100px 0 0;
    padding: 0px 20px;
	background-color: #FFF;
	margin-right: 0;
}
.col-menu{
	width: 70px;
}
.col-contenido{
	width: 100%;
	padding: 20px;
}
.btn-salir{
	width: 50px;
	height: 50px;
	margin: 10px 20px;
	position: absolute;
    right: 0;
    z-index: 10;
	text-align: center;
	cursor: pointer;
	text-decoration: none;
}
.btn-salir-texto{
	display: none;
	color: #303030;
	background-color: #FFF;
	border-radius: 5px;
}
.btn-salir:hover .btn-salir-texto{
	display: block;
}
.btn-salir > img{
	filter: invert(61%) sepia(0%) saturate(1067%) hue-rotate(145deg) brightness(88%) contrast(91%);
}
.msjSeguridad{
	text-align:justify;
	font-size: 15px;
}
.div-security{
	transition:0.3s;
	-moz-transition:0.3s;
	-webkit-transition:0.3s;
	-o-transition:0.3s;
	height:0px;
	opacity:0;
	overflow:hidden;
}
.cont-infoAsociado{
	padding: 0;
}
.titulos{
	border-radius: 10px;
	background-color: var(--titulos);
	text-align:center;
	font-size:24px;
	margin-bottom:40px;
	color: #FFF;
	padding: 0 20px;
}
.infoAsociado{
	position:absolute;
	left: 10px;
}
.Teclado{
	float:left;
	position:relative;
	background-color:#F6F6F6;
	border-radius:5px;
	width:150px;
}
.required{
	color:#F00;
	font-weight:bold;
}
.ultimo-ingreso{
	position:absolute;
	right:95px;	
}
.ladron{
	content:url(../img/reportar.png);	
	cursor:pointer;
}

.cargando-gif:after{
	content:url(data:image/gif;base64,R0lGODlhEAAQAPIAAP///wAAAMLCwkJCQgAAAGJiYoKCgpKSkiH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==)	
}

.reporte-nota1{
	font-size:12px;
}
.reporte-nota2{
	font-size:10px;
}
.reporte-form-tam{
	width:400px;
	height:360px;
}
.cuotaExtra {
    display: table-row;
}
@media screen and (max-width: 990px) {
	.plantilla{
		margin-right:10px;
		margin-left:10px;
		margin-top:-1px;
	}
	.col-menu{
		width: 0;
	}
	.table-bordered{
		padding-left:5px;
		padding-right:5px;
		margin-left:5px;
		margin-right:5px;
	}
	.cont-infoAsociado{
		margin-top: 30px;
		text-align: center;
	}
	.infoAsociado{
		position:relative;
		left: 0;
	}
	.ultimo-ingreso{
		position:relative;
		left:0px;
	}
	.btn-salir{
		display: none;
	}
	.fondo{
		background-color: #FFF;
	}
	.titulos{
		position: absolute;
		top: 10px;
		border-radius: 10px;
	}
	.margin-t{
		margin-top: 25%;
	}
	.cuotaExtra {
        display: flex;
        flex-direction: column;
        margin-bottom: 10px;
    }
    .cuotaExtra td {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin: 5px;
    }
    .cuotaExtra td:nth-child(1)::before {
        content: "Abono:";
        font-weight: bold;
        margin-right: 10px;
    }
    .cuotaExtra td:nth-child(2)::before {
        content: "Plazo:";
        font-weight: bold;
        margin-right: 10px;
    }
    .cuotaExtra td:nth-child(3)::before {
        content: "Vence:";
        font-weight: bold;
        margin-right: 10px;
    }
    .cuotaExtra td:nth-child(4)::before {
        content: "Capital:";
        font-weight: bold;
        margin-right: 10px;
    }
    .cuotaExtra td:nth-child(5)::before {
        content: "Interes:";
        font-weight: bold;
        margin-right: 10px;
    }
    .cuotaExtra td:nth-child(6)::before {
        content: "Opciones:";
        font-weight: bold;
    }
    .tituloCredito{
        display: none;
    }
    .cuotaExtra input{
        width: 50%;
    }

}

.alert-text{
	text-align: center;
	font-weight: bold;
}
.nota{
	font-size: 15px;
}
.pagination>li>a{
	cursor:pointer;
}
.tfoot-hidden{
	display:none;
}
.frm-style{
	background-color:rgba(255,255,255, 0.5);
	background-position:center;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	border-radius:20px;
	padding:10px;
	width: 350px;
}
.form-autenticar{
	margin-top:10px;
}

.frm-logo{
	max-width:200px;
	max-height:276px;
}

*{
	margin:0;
	padding:0;
}

.navigationMenu{
	padding-left: 0;
}

.navigationMenu li{
	list-style:none;
	width:30px;
	height:30px;
	margin-bottom:35px;
	-webkit-transition: 0.35s;	
	-moz-transition: 0.35s;
	transition: 0.35s;
}

.navigationMenu li:hover{
	margin-bottom:55px;
}

.navigationMenu span{
	margin-left:-200px;	
	position:absolute;
	overflow:hidden;
	font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	white-space:nowrap;
	line-height:39px;	
	-webkit-transition: 0.35s;	
	-moz-transition: 0.35s;
	transition: 0.35s;	
	height:50px;
	width:0px;	
	background:#000;
	box-shadow: 1px 1px 10px -3px black;
}
.navigationMenu a{
	height:50px;
	width:50px;
	display:block;
	position:relative;
	border:1px solid var(--color-border);
	overflow:visible;
	border-radius: 50%;
	box-shadow: 1px 1px 10px -3px black;
	-webkit-transition: 0.35s;	
	-moz-transition: 0.35s;
	transition: 0.35s;
}
.navigationMenu a:hover span{ 
	width:auto;
	height:40px; 
	padding: 0px 8px;
	margin-left: 85px;
	font-size:16px;
	text-align:center;
	border-radius: 50px;
    margin-top: 15px;
}
.navigationMenu a:hover{
	text-decoration:none;
	height: 70px;
    width: 70px;
    margin-left: 10px;
}
.navigationMenu span{
	background-color:var(--color-primary);
	color:#FFF;
}
.navigationMenu .salir{
	background:url('../img/menu/salir.svg') no-repeat;
	background-color:var(--color-primary);
	background-position:center;	
}
.navigationMenu .salir:hover {
	background-color:var(--primary-hover);
}
.navigationMenu .cdta{
	background:url('../img/menu/simulador-ahorros.svg') no-repeat;
	background-color:var(--color-primary);
	background-position:center;	
}
.navigationMenu .cdta:hover {
	background-color:var(--primary-hover);
}
.navigationMenu .saldos{
	background:url('../img/menu/estado-cuentas.svg') no-repeat;
	background-color:var(--color-primary);
	background-position:center;
}
.navigationMenu .saldos:hover {
	background-color:var(--primary-hover);
}
.navigationMenu .formatos{
	background:url('../img/menu/formatos.svg') no-repeat;
	background-color:var(--color-primary);
	background-position:center;
}
.navigationMenu .formatos:hover {
	background-color:var(--primary-hover);
}
.navigationMenu .credito{
	background:url('../img/menu/simulador-creditos.svg') no-repeat;
	background-color:var(--color-primary);
	background-position:center;	
}
.navigationMenu .credito:hover {
	background-color:var(--primary-hover);
}
.navigationMenu .actuDatos{
	background:url('../img/menu/actu-datos.svg') no-repeat;
	background-color:var(--color-primary);
	background-position:center;	
}
.navigationMenu .actuDatos:hover {
	background-color:var(--primary-hover);
}

/*OJO: navigationMenu .pse no se cambia para que de el efecto azul del logo PSE*/
.navigationMenu .pse{
	background:url('../img/menu/PSE.svg') no-repeat;
	background-color:#183372;
	background-position:center;	
}

.navigationMenu .pse:hover {
	background-color:var(--primary-hover);
}

.navigationMenu .crear-ahorro{
	background:url('../img/menu/crear-ahorros.svg') no-repeat;
	background-color:var(--color-primary);
	background-position:center;	
}
.navigationMenu .crear-ahorro:hover {
	background-color:var(--primary-hover);
}

.navigationMenu .certificados{
	background:url('../img/menu/certificados.svg') no-repeat;
	background-color:var(--color-primary);
	background-position:center;	
}
.navigationMenu .certificados:hover {
	background-color:var(--primary-hover);
}

.navigationMenu .cambio-cuota-ahorro{
	background:url('../img/menu/cambio-cuotas-ahorros.svg') no-repeat;
	background-color:var(--color-primary);
	background-position:center;	
}
.navigationMenu .cambio-cuota-ahorro:hover {
	background-color:var(--primary-hover);
}

.navigationMenu .devolucion-ahorro{
	background:url('../img/menu/devolucion-ahorros.svg') no-repeat;
	background-color:var(--color-primary);
	background-position:center;	
}
.navigationMenu .devolucion-ahorro:hover {
	background-color:var(--primary-hover);
}

.navigationMenu .Descuento-Nomina{
	background:url('../img/menu/descuentos-nomina.svg') no-repeat;
	background-color:var(--color-primary);
	background-position:center;	
}
.navigationMenu .Descuento-Nomina:hover {
	background-color:var(--primary-hover);
}

.navigationMenu .productos-servicios{
	background:url('../img/menu/productos-servicios.svg') no-repeat;
	background-color:var(--color-primary);
	background-position:center;	
}
.navigationMenu .productos-servicios:hover {
	background-color:var(--primary-hover);
}
.navigationMenu .creditos-online{
	background:url('../img/menu/solicitar-creditos.svg') no-repeat;
	background-color:var(--color-primary);
	background-position:center;	
}
.navigationMenu .creditos-online:hover {
	background-color:var(--primary-hover);
}
.navigationMenu .clasificados{
	background:url('../img/menu/clasificados.svg') no-repeat;
	background-color:var(--color-primary);
	background-position:center;	
}
.navigationMenu .clasificados:hover {
	background-color:var(--primary-hover);
}
.navigationMenu .simulador-otros-ahorros{
	background:url('../img/menu/simulador-otros-ahorros.svg') no-repeat;
	background-color:var(--color-primary);
	background-position:center;	
}
.navigationMenu .simulador-otros-ahorros:hover {
	background-color:var(--primary-hover);
}
.navigationMenu .traslado-ahorros{
	background:url('../img/menu/traslado-ahorros.svg') no-repeat;
	background-color:var(--color-primary);
	background-position:center;	
}
.navigationMenu .traslado-ahorros:hover{
	background-color:var(--primary-hover);
}

.navigationMenu .crear-convenios{
	background:url('../img/menu/creacion-convenios.svg') no-repeat;
	background-color:var(--color-primary);
	background-position:center;	
}
.navigationMenu .crear-convenios:hover{
	background-color:var(--primary-hover);
}
.navigationMenu .cambiar-contrasenia{
	background:url('../img/menu/cambiar-contrasenia.svg') no-repeat;
	background-color:var(--color-primary);
	background-position:center;	
}
.navigationMenu .cambiar-contrasenia:hover{
	background-color:var(--primary-hover);
}

#menu-main{
	position:relative;
	width:70px;
	z-index:99;
}
.menuPrincipal{
	display:block;	
}
.menuSecundario{
	display:none;
}
#divMenuMovil{
	display: none;
}
.menuMovilGeneral{
	display: none;
}
@media screen and (max-width:990px){
	.menuPrincipal{
		display:none;
	}
	.menuSecundario{
		display:block;
	}
	#divMenuMovil{
		display: block;
	}
	.menuMovilGeneral{
		display: inline-table;
	}
	.cabezoteWeb{
		display:none;
	}
	.cabezoteMovil{
		display:block;	
	}
}
/*INCIO MOVIL*/
#nav,#nav ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#nav {
    clear: both;
    height: 60px;
    position: relative;
	background-color:#666;
}
#nav ul {
    background-color: #337BB7;
    border-radius: 0 5px 5px 5px;
    border-width: 0 1px 1px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
    left: -9999px;
    overflow: hidden;
    position: absolute;
    top: -9999px;
    z-index: 2;

    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);

    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;

    -moz-transition: -moz-transform 0.1s linear;
    -ms-transition: -ms-transform 0.1s linear;
    -o-transition: -o-transform 0.1s linear;
    -webkit-transition: -webkit-transform 0.1s linear;
    transition: transform 0.1s linear;
}
#nav li {
    float: left;
    position: relative;
}
#nav li a {
    color: #FFFFFF;
    display: block;
    padding: 1px 0px 2px 10px;	
    position: relative;
    text-decoration: none;
	background:#609ED2;
	width:250px;
	border-radius:5px;
}
#nav li:hover > a {
	background:#337BB7;
	border:0px solid #609ED2;
}
#nav li:hover ul.subs {
    left: 0;
    top: 70px;
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);	
	font-size:24px;
}
/*FIN MOVIL*/

/*INI CAMBEZOTE*/
.rutaImgIz{
	position:relative;
	width:600px;
	height:160px;
	background-image:url(../img/controlizquierdo.png);
}
.rutaImgDe{
	position:relative;
	width:600px;
	height:160px;
	background-image:url(../img/controlderecho.png);
}
.rutaImgIzPE{
	position:relative;
	width:600px;
	height:160px;
	background-image:url(../img/controlizquierdoPE.png);
}
.rutaImgDePE{
	position:relative;
	width:600px;
	height:160px;
	background-image:url(../img/controlderechoPE.png);
}
.rutaImgRGB{ 
	background-image:url('../img/rgb.png');
	height:160px;
	width:100%;	
}
.rutaImgRGBIMG{ 
	content:url('../img/rgb.png');
}
/*FIN CABEZOTE*/

.rutaImgMovil{
	content: url("../../includes_generales/img/opa.png");
	width: 100%;
	height: 100%;
}
.rutaImgMenuMovil{
	content: url("../img/menuMovil.png");
	width:40px;
	height:40px;
	padding:2px;
	margin:10px 20px;
	cursor:pointer;
	/* filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(268deg) brightness(97%) contrast(107%); */
	filter: invert(97%) sepia(100%) saturate(0%) hue-rotate(24deg) brightness(103%) contrast(105%);
}

#desplegarMenuMovil{
	position:absolute;
	left:-990px; 
    color:#fff;
    z-index:99;
	cursor:pointer;
    -webkit-transition: left 0.2s;
    transition: left 0.2s;
	top: 59px;
	margin-top: 20px;
}
.fuenteMenuMovil{
    color:#fff;
    font-size: 24px;        
    padding: 10px;
    text-decoration:none;
    font-weight:bold;
}
.divPintarMenuMovil{
	border-radius: 0 30px 30px 0;
    margin-bottom: 10px;
    background-color: var(--color-primary);
	box-shadow: 1px 1px 5px #888;
}
.divPintarMenuMovil:hover{
	background:var(--primary-hover);	
}
.menuMovil-img-saldos{
	content:url('../img/menu/estado-cuentas.svg');
	float:left;
	width: 40px;
}
.menuMovil-img-ahorros{
	content:url('../img/menu/simulador-ahorros.svg');
	float:left;
	width: 40px;
}
.menuMovil-img-creditos{
	content:url('../img/menu/simulador-creditos.svg');
	float:left;	
	width: 40px;
}
.menuMovil-img-datos{
	content:url('../img/menu/actu-datos.svg');
	float:left;
	width: 40px;
}
.menuMovil-img-crear-ahorro{
	content:url('../img/menu/crear-ahorros.svg');
	float:left;
	width: 40px;
}
.menuMovil-img-cambio-cuota-ahorro{
	content:url('../img/menu/cambio-cuotas-ahorros.svg');
	float:left;
	width: 40px;
}
.menuMovil-img-devolucion-ahorro{
	content:url('../img/menu/devolucion-ahorros.svg');
	float:left;
	width: 40px;
}
.menuMovil-img-certificados{
	content:url('../img/menu/certificados.svg');
	float:left;	
	width: 40px;
}
.menuMovil-img-pse{
	content:url('../img/menu/PSE.svg');
	float:left;
	width: 40px;
}
.menuMovil-img-Descuento-Nomina{
	content:url('../img/menu/descuentos-nomina.svg');
	float:left;	
	width: 40px;
}
.menuMovil-img-SolicitudCredito{
	content:url('../img/menu/solicitar-creditos.svg');
	float:left;
	width: 40px;
}
.menuMovil-img-productos-servicios{
	content:url('../img/menu/productos-servicios.svg');
	float:left;
	width: 40px;
}
.menuMovil-img-formatos{
	content:url('../img/menu/formatos.svg');
	float:left;
	width: 40px;
}
.menuMovil-img-clasificados{
	content:url('../img/menu/clasificados.svg');
	float:left;
	width: 40px;
}
.menuMovil-img-simulador-otros-ahorros{
	content:url('../img/menu/simulador-otros-ahorros.svg');
	float:left;
	width: 40px;
}
.menuMovil-img-traslado-ahorros{
	content:url('../img/menu/traslado-ahorros.svg');
	float:left;
	width: 40px;
}
.menuMovil-img-creacion-convenios{
	content:url('../img/menu/creacion-convenios.svg');
	float:left;
	width: 40px;
}
.menuMovil-img-cambiar-contrasenia{
	content:url('../img/menu/cambiar-contrasenia.svg');
	float:left;
	width: 40px;
}
.menuMovil-img-salir{
	content:url('../img/menu/salir.svg');
	float:left;
	width: 40px;
}

.swal2-input {
    background-size: 50px 1px;
    justify-content: center;
	letter-spacing: 38px;
}

/*FOOTER*/
.piePagina{
	position: absolute;
	width: 100%;
	height:100%;	
	color:#666;	
	background-image:url(../img/opa-footer.png);
	background-repeat:no-repeat;
	background-position:center top;	
	text-align:center;
	padding-top:30px;
	box-sizing: border-box;
}
#footer {
	position:relative;
	margin-top:50px;
	left:0;
    width: 100%;
	bottom: 0;
	height: 80px;
}
/*FOOTER*/

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #777;
    border-radius: 10px;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}

.box-shadow:hover {
	box-shadow: 0px 0px 50px -20px;
    background: #FFF;
    border-radius: 10px;
    padding: 20px;
}

.headers{
	text-align: center;
	background-color: #E5E5E5;
	padding: 5px;
	margin: 10px 0;
	border-radius: 20px;
  }

.r-only{
	background-color: #e9ecef;
}

.container-plugin {
	height: 75vh !important;
}

/* Flecha creditos */
#flecha{
	transition:0.8s;
	-moz-transition:0.8s;
	-webkit-transition:0.8s;
	padding:0px;
	position: relative;
}
#flecha2{
	transition:0.8s;
	-moz-transition:0.8s;
	-webkit-transition:0.8s;
	padding:0px;
	position: relative;
}

.secuencia1{
	transition:1s;
	width:100%;
	overflow:hidden;
}
.secuencia2{
	transition:1s;
	width:0%;
	overflow:hidden;
}
.menuLogin{
    color: #31708f;
	cursor:pointer;
}
.menuLogin2{
    color: #31708f;
	cursor:pointer;
}
#flecha{
	transition:0.8s;
	-moz-transition:0.8s;
	-webkit-transition:0.8s;
	padding:0px;
	position: relative;
}
#flecha2{
	transition:0.8s;
	-moz-transition:0.8s;
	-webkit-transition:0.8s;
	padding:0px;
	position: relative;
}
#span-atras > .bi {
	color: var(--color-primary);
	font-size: 20px;
}
/*autenticar*/
.olvido {
	color: var(--color-primary);
}
/*Agregar accionistas */
.agregarAccionistas{
	background: url(../img/add.svg) no-repeat;
    background-color: var(--color-primary);
    background-position: center;
	border: 1px solid var(--color-border);
    overflow: visible;
    border-radius: 50%;
    box-shadow: 1px 1px 10px -3px black;
	width: 50px;
}