/* Boton propio
-------------------------------------------------- */
 
/* Redefine los estilos de .btn */
/* Modificar el texto y el color de fondo en los tres estados
   principales del botón: default, hover y active. */
.btn-ttc,
.btn-ttc:hover,
.btn-ttc:active {
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #007da7;
}
 
/* Aplicar gradientes de colores */
/* Nota: no se muestran aquí todos los gradientes que tendrás que
   definir para los diferentes navegadores. */
.btn-ttc {
  background-repeat: repeat-x;
  background-image: linear-gradient(top, #009ED2 0%, #007DA7 100%);
  background-color: #009ED2;
  ...
}

/* Estilos del estado :hover del botón */
/* Uno de los estilos más sencillos y eficaces para el estado :hover
   consiste en subir hacia arriba ligeramente la imagen de fondo del
   botón, pero puedes definir otros estilos adicionales si quieres. */

/* CAMBIOS */
.col-md-3 {
	padding-right:0 !important;
	}	
		
.margin-bottom-x10 {
	margin-bottom:10px !important;
	}
	
.margin-bottom-x15 {
	margin-bottom:15px !important;
	}
	
.margin-bottom-x20 {
	margin-bottom:20px;
	}	
	
.margin-top-x10 {
	margin-top:10px;
	}
	
.margin-top-x15 {
	margin-top:15px;
	}			
	
.margin-top-x20 {
	margin-top:20px;
	}	
	
.margin-leftx20 {
	margin-left:20px !important;
	}	 
	
@media (max-width: 768px) {
	.visible-header-general {
		display:none;
		}
		
	.invisible-header-general {
		display:block;
		}
	.clear-checkbox > input[type="checkbox"] {
		margin-left:20px !important;
		}	
}
	
@media (max-width: 767px) {
	.visible-header-general {
		display:none;
		}
		
	.invisible-header-general {
		display:block;
		}
	.col-md-3 {
		padding-right:15px !important;
		}	
		
	.margin-top-x10-md {
		display:block;
		margin-top:10px !important;
		}
		
	.margin-bottom-x10-hidden {
		margin-bottom:10px;
		}
}

@media (max-width: 724px) {
	.visible-header-general {
		display:none;
		}
		
	.invisible-header-general {
		display:block;
		}
	.margin-top-x10-xs {
		margin-top:10px !important;
		}
		
	.margin-bottom-x10-xs {
		margin-bottom:10px !important;
		}	
	.mostrar-minus-724  {
		display: block !important;
	}
	
	.no-mostrar-minus-724 {
		display: none !important;
	}
}

/* TERMINA CAMBIOS*/


/* HEADER */
.header-layouts-login,
.header-layouts {
	display:none;
	}
	
.header-layouts-login li.color-1,
.header-layouts-login li.color-2,
.header-layouts-login li.color-3,
.header-layouts-login li.color-4,
.header-layouts-login li.color-5,
.header-layouts-login li.color-6,	
.header-layouts li.color-1,
.header-layouts li.color-2,
.header-layouts li.color-3,
.header-layouts li.color-4,
.header-layouts li.color-5,
.header-layouts li.color-6 {
	width:16.66666666666667%;
	height:15px;
	display:block;
	float:left;
	}

.header-layouts-login li.color-1,
.header-layouts-login li.color-2,
.header-layouts-login li.color-3,
.header-layouts-login li.color-4,
.header-layouts-login li.color-5,
.header-layouts-login li.color-6 {
	height:8px;
	}

.container-login {
	max-width: 500px;
    background-color: #fff;
	margin:0 auto;
	margin-top:6%;
	padding:40px 8.5% 70px 8.5%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
	border:1px solid #dcdcdc;
}

	
/* LOGIN */
.container-login-false {
    max-width: 610px;
	margin: 0px auto;

    padding: 15px;
	/*padding-top: 50%;
    margin-top: -43%;*/
}

.separator-login-lg {
	height:4px;
	background:#89d1f3;
	/*margin:0 auto;*/
	margin-top:26px;
	margin-bottom:26px;
	}

.body-container-login {
	max-width:350px;
	margin:0 auto;
	padding:30px 0 15px 0;
	background:#f4f7f5;
	border:1px solid #dcdcdc;
	border-radius:5px;
	}
	
.text-center > span {
	/*font-family:Stag-Sans-Book;*/
	max-height:125px;
	font-size:18px;
	color:#666;
	line-height:23px;
	}	
	
.text-center > span.title-login {
	font-size:22px;
	color:#0094e5;
	}
	
.form-signin {
	max-width:280px;
	margin:0 auto;
	}	

.separator-footer-login-hidden,	
.separator-footer-login {
	width:100%;
	height:1px;
	display:block;
	background:#dcdcdc;
	box-shadow: 0 1px 0 rgba(255,255,255, 0.75);	
	}	
.separator-footer-login-hidden {
	display:none;
	position:absolute;
	bottom:50px;
	left:0;
	}
/* VALIDACION LOGIN */
.contenedor-login {
	width:90px;
	height:30px;
	display:block;
	margin-right:60px;
	float:right;
	}	
.col-lg-5 {
	position:relative;
	}	
	
.header-layouts-login li.color-1,	
.header-layouts li.color-1 {
	background:#02428c;
	}	
	
.header-layouts-login li.color-2,	
.header-layouts li.color-2 {
	background:#0051a3;
	}	

.header-layouts-login li.color-3,	
.header-layouts li.color-3 {
	background:#007dc7;
	}	
	
.header-layouts-login li.color-4,
.header-layouts li.color-4 {
	background:#1799da;
	}	
	
.header-layouts-login li.color-5,	
.header-layouts li.color-5 {
	background:#61c2f0;
	}	
	
.header-layouts-login li.color-6,	
.header-layouts li.color-6 {
	background:#9dd7f6;
	}						

.container-nav-right {
	background:#f4f7f5;
	border:1px solid #d4e1ed;
	margin-top:10px;
	padding:0 10px !important;
	float:left !important;
	}
	
.container-nav-right .btn-secundary {
	margin:11px 0 0 20px;
	}	
	
.container-nav-right .btn-secundary > a {
	color:#fff;
	text-decoration:none;
	}	
	
.container-user {
	margin:5px 0;
	padding:0;
	float:left;
	list-style:none !important;
	}	
	
.container-user > li.idUser {
	font-size:12px;
	color:#0065be;
	width: 190px;
}	
	
.container-user > li {
	font-size:10px;
	color:#999;
	line-height:12px;
	}	

/* BODY */
.container-section-primary {
	/*background:#f4f7f5;*/
	border:1px solid #dcdcdc;
	border-radius:5px;
	}
	
.container-section-secundary {
	background:#fff;
	border:1px solid #dcdcdc;
	border-radius:5px;
	}	
	
.visible-header-general {
	display:block;
	}
	
.invisible-header-general {
	display:none;
	}	
		
.row > h2 {
	margin-top:28px !important;
	}		
	
.container-list-right {
	background:#fbf1d0;
	border:1px solid #fbbd2c;
	border-radius:3px;
	margin:18px 0 18px 0 !important;
	padding-left:15px !important;
	}	
	
.container-list-right li {
	font-size:12px;
	color:#666;
	line-height:40px;
	padding-left:0 !important;
	padding-right:0 !important;
	display:block;
	float:right;
	}
	
.container-list-right li.separador {
	width:1px;
	height:8px;
	border-right:1px solid #999;
	margin:16px 15px 0 0;
	}		
	
.container-list-right li span {
	color:#00a9e8;
	}	
	
.container-list-right li:first-child {
	margin-left:5px;
	}	
	
.container-list-right li:first-child {
	margin-right:15px;
	}	
	
.container-list-right li:last-child {
	margin-right:15px;
	}	
	
.container-list-right li a {
	margin-top:8px;
	margin-bottom: 8px;
	}	

/*OPT*/
.container-list-right-2 {
	background:#fbf1d0;
	border:1px solid #fbbd2c;
	border-radius:3px;
	margin:18px 0 18px 0 !important;
	padding-left:15px !important;
	}	
	
.container-list-right-2 li {
	font-size:12px;
	color:#666;
	line-height:40px;
	padding-left:0 !important;
	padding-right:0 !important;
	display:block;
	float:right;
	}
	
.container-list-right-2 li.separador {
	width:1px;
	height:8px;
	border-right:1px solid #999;
	margin:16px 15px 0 0;
	}		
	
.container-list-right-2 li span {
	color:#00a9e8;
	}	
	
.container-list-right-2 li:first-child {
	margin-left:5px;
	}	
	
.container-list-right-2 li:first-child {
	margin-right:15px;
	}	
	
.container-list-right-2 li:last-child {
	/*margin-right:15px;*/
	}	
	
.container-list-right-2 li a {
	margin-top:8px;
	margin-bottom: 8px;
	}	

/*FIN OPT*/

/*OPT SIN FONDO*/
.container-list-right-3 {
	margin:18px 0 0 0 !important;
	padding-left:15px !important;
	}	
	
.container-list-right-3 li {
	font-size:12px;
	color:#666;
	line-height:40px;
	padding-left:0 !important;
	padding-right:0 !important;
	display:block;
	float:right;
	}
	
.container-list-right-3 li.separador {
	width:1px;
	height:8px;
	border-right:1px solid #999;
	margin:16px 15px 0 0;
	}		
	
.container-list-right-3 li:first-child {
	margin-left:5px;
	}	
	
.container-list-right-3 li:first-child {
	margin-right:15px;
	}	
	
.container-list-right-3 li:last-child {
	/*margin-right:15px;*/
	}	
	
.container-list-right-3 li a {
	margin-top:8px;
	margin-bottom: 8px;
	}	

/*FIN OPT*/


/*Calcula tu cuota*/
.container-list-right-calc-cuo {
	background:#e5fff9;
	border:1px solid #009975;
	border-radius:3px;
	margin:18px 0 18px 0 !important;
	padding-left:15px !important;
	}	
	
.container-list-right-calc-cuo li {
	font-size:12px;
	color:#666;
	line-height:30px;
	padding-left:0 !important;
	padding-right:0 !important;
	display:block;
	float:right;
	}
	
.container-list-right-calc-cuo li.separador {
	width:1px;
	height:8px;
	border-right:1px solid #999;
	margin:16px 15px 0 0;
	}		
	
.container-list-right-calc-cuo li span {
	color:#0096ce;
	font-weight: bold;
	}	
	
.container-list-right-calc-cuo li:first-child {
	margin-left:5px;
	}	
	
.container-list-right-calc-cuo li:first-child {
	margin-right:15px;
	}	
	
.container-list-right-calc-cuo li:last-child {
	margin-right:15px;
	}	
	
.container-list-right-calc-cuo li a {
	margin-top:8px;
	}	
/*Fin calcula tu cuota*/

	
.botonExportarPDF {
	width:24px;
	height:24px;
	display:block;
	background:url(../images/iconoExportarPDF.png) no-repeat center;
	}
	
.botonExportarExcel {
	width:24px;
	height:24px;
	display:block;
	background:url(../images/iconoExportarExcel.png) no-repeat center;
	}	
	
.panel-heading-table {
	width:100%;
	background:#e0e4e1;
	color:#333;
	font-size:15px;
	border-bottom:1px solid #ccc !important;
	box-shadow: 0 1px 0 rgba(255,255,255,1) !important;
	margin-bottom:1px;
	}
	
.col-deploy {
	background:#f8f8f5;
	border-right:1px solid #e2e2e2 !important;
	}	
	
.col-deploy:hover,
.col-deploy:active,
.col-deploy:focus {
	background:#d9e8ef;
	}	
	
.not-data {
	color:#666;
	display:block;
	margin:0 0 0 5px !important;
	}		

.align-buttons-export {
	float:left !important;
	}	
	
.align-buttons-export li {
	display:inline-block;
	}
	
.align-buttons {
	float:left !important;
	}	
	
.align-buttons li {
	display:inline-block;
	}	
	
.align-buttons-lg {
	margin:10px 0 0 0;
	float:right !important;
	}

.align-buttons-lg-5 {
	margin:10px 0 0 0;
	float:right !important;
	}			
/*	
.container-table-actions {
	list-style:none;
	display:block;
	}	
	
.container-table-actions > li {
	float:left;
	}	
.container-table-actions > li a {
	display:block;
	}	*/
	
.clear-table-left {
	padding-left:-15px !important;
	padding-right:-15px !important;
	}	
	
.container-legend {
	background:#fff;
	border:1px solid #dcdcdc;
	border-radius:3px;
	margin-top:10px;
	}	
	
.container-legend li {
	line-height:30px;
	font-size:11px;
	color:#666;
	padding-left:0 !important;
	padding-right:0 !important;
	}	
	
.container-legend li:first-child {
	margin-left:15px;
	}	
	
.container-legend li:first-child {
	margin-right:15px;
	}	
	
.container-legend li:last-child {
	margin-right:15px;
	}	

.legendObservado {
	width:15px;
	height:15px;
	display:block;
	background:#c4136c;
	/*border:1px solid #d8b6c7;*/	
	margin-bottom:-3px;
	}	
	
#table-footer {
	margin-right:0 !important;
	margin-bottom:0 !important;
	}
	
.panel-body-secundary {
  padding: 15px;
  margin-bottom:15px;
  background-color:#fff;
  border:1px solid #dcdcdc;
  border-radius:5px;
}		

.question-label {
	color:#0065be;
	white-space:pre-wrap;
	}
	
.alert-label {
	color:#b71c1c;	
	white-space:pre-wrap;
	margin-top:5px;
	font: normal 10px arial, sans, sans-serif;
	font-weight:bold
	}
		
.question-header {
	color:#0094e5;
	margin-top:1px;
	margin-bottom:4px;
	white-space:pre-wrap;
	}	
	
.answer-parrafo {
	color:#666;
	white-space:pre-wrap;
	}	
	
.observation-label {
	color:#0065be;
	}	
.calculacuota-label{
	color:#00b0ee;
	font-weight:bold;
	white-space:pre-wrap;
}
	
/* TBAS */	
.panel-body-tabs {
	background:#f4f7f5 !important;
	border-radius:0 5px 5px 5px !important;
	border-top:1px solid #dcdcdc;
	}
.container-tabs .tab-content {
	color:#00b0ee;
	}
.container-tabs .nav-pills > li > a {
	font-size:14px;
	color:#00b0ee;
	border-radius:5px 5px 0 0;
	border:1px solid #dcdcdc;
	border-bottom:0 none;
	margin-bottom:-1px;
	padding:10px 15px !important;
	}
.container-tabs .nav-pills > li > a:active {
	background:#f4f7f5 !important;
	}	
	
/* FOOTER */
.footer-bbva {
	margin-top:20px;
	padding: 10px 0 8px 0;
	border-top:2px solid #89d1f3;
	}	
	
.footer-bbva p {
	font-size:11px !important;
	color:#666;
	}
.logo-bbva-login{
	width: 60%;
}
.logo-bbva-login,
.logo-bbva {
	display:block;
	
	}	
.logo-bbva-login-responsive,	
.logo-bbva-responsive {
	display:none;
	margin:24px 0 22px 0;
	float:left;
	}	
	
.title-change-md {
	width:80%;
	display:none;
	}
.title-change-md {		
	margin-top:15px !important;
	}
h2.title-general {
	margin-top:28px;
	/*margin-left:15px;*/ /* CAMBIOS */
	}	
h2.full-width-title-general {
	margin-bottom:15px 0!important;
	border-bottom:1px solid #dcdcdc;
	width:100% !important;
	padding-bottom:25px;	
	}
	
.panel-body-light {
	padding: 15px;
	}
	
.separator-nav-title-lg {		
	width:96%;
	height:4px;
	display:none;
	background:#89d1f3;
	margin:0 auto;
	}		
	
.separator-nav-title-md {		
	width:96%;
	height:4px;
	display:none;
	background:#89d1f3;
	margin:0 auto;
	}	
	
.separator-tabs-questions-md {		
	width:100%;
	height:1px;
	display:none;
	background:#dcdcdc;
	margin:0 auto;
	}			
	
.hidden-height-x2line,
.hidden-height-line {
	/*display:none;*/
	}
	
.no-padding {
	padding-left:0 !important;
	padding-right:0 !important;
	}
	
.no-margin {
	margin-left:0 !important;
	margin-right:0 !important;
	margin-top:0 !important;
	margin-bottom:0 !important;
	}	

h6 {
	margin-bottom:20px !important;
	}
	
	
.buttons-login {
	/*margin-left:10%;*/
	display:block;
	margin-top:20px;
	margin-bottom:20px !important;
	overflow:hidden;
	}				
	
.change-password {
	font-size:14px !important;
	color:#0094e5 !important;
	font-weight:bold;
	display:block;
	margin-top:16px !important;
	margin-bottom:0 ;
	outline: none !important;
	}	
.change-password:hover {	
	color:#0065be !important;	
	}

.change-password:hover,
.change-password:active,
.change-password:focus {
	text-decoration:none !important;
	}	
	
.footer-modal-login {
	color:#0065be;
	text-align:center;
	}	
	
.relative {
	position:relative;
	}	
	
.separator-footer-modal-login {
	width:100%;
	height:1px;
	display:block;
	background:#dcdcdc;
	box-shadow: 0 1px 0 rgba(255,255,255, 0.75);
	margin:20px 0;
	}	
	
.title-alert-situation-bank {
	text-decoration:underline
	}	

.subparagraph-situation-bank {
	font-size:14px !important;
	color:#666;
	margin-bottom:0;
	}
	
.position-right-RUC {
	float:right;
	}

@media (max-width: 929px) {
	.header-layouts {
		display:block;
		}
	.logo-bbva {
		display:none;
		}	
	.logo-bbva-responsive {
		display:block;
		height:auto;
		}	
}

@media (max-width: 768px) {
	.visible-header-general {
		display:none;
		}
		
	.invisible-header-general {
		display:block;
		}
	.container-section-primary,
	.container-section-secundary {
		border:0 none !important;
		border-top:1px solid #dcdcdc !important;
		border-bottom:1px solid #dcdcdc !important;
		border-radius:0 !important;
		}		
		
	.panel-body-light {
		padding: 10px;
		}	
		
	.btn {
		padding: 3px 10px 3px 15px !important;
	}
	
	.mon-padding-width {
		padding-left:0 !important;
		padding-right:0 !important;
		}
	
	input[type="text"], input[type="password"], input[type="search"], button, select {
		height:32px !important;
		}
		
	.radio-inline,
	.checkbox-inline {
	  padding-left: 20px !important;
	  margin-bottom: 0;
	}
	
	input[type="radio"], input[type="checkbox"] {
		margin: 0 0 0 0 !important;
		margin-left: -20px !important;
		width: 16px;
		height: 16px;
	}
	
	.container-nav-right .btn-secundary {
		margin: 7px 0 0 20px;
		}
	
		
	.input-group-addon {
    	padding: 4px 10px !important;
	}	
	.container-nav-right {
    width: 100%;
    margin-top: 0;
	}
}

@media (max-width: 767px) {
	.title-change-lg {
		display:none;
		}	
	.title-change-md {
		display:block;
		margin-left:15px !important;
		}
		
	.separator-nav-title-lg {		
		display:block;
		}
		
	.navbar {
		margin-bottom:0 !important;
		min-height: 5px!important;
	}
	.navbar-nav {
		margin:10px 0 !important;
		margin-bottom:10px !important;
	}
	.navbar-default .navbar-nav > li:first-child > a {
    	border-radius:5px 5px 0 0 !important;
	}
	
	.navbar-default .navbar-nav > li:last-child > a {
    	border-radius:0 0 5px 5px !important;
	}

	.navbar-nav > li > a {
		background:#0077c1;
		/*border: 1px solid #00529b;*/
    	border-top: 0 none;
	}
	.nav > li > a {
		padding: 10px 20px !important;
	}
	
	.nav > li > a > img {
		margin-right: 0  !important;
		float:right;
	}	
	
	.container-nav-right {
		margin-top:25px;
		}
	
	.align-buttons-lg {
		padding-left:15px;
		padding-right:15px;
		}	
			
	.position-right {
		float:left !important;
		}	
		
	.position-left {
		float:right !important;
		}				
}

@media (max-width: 740px) {
	.position-right-RUC {
		float:left;
		margin-left:0 !important;
		}
}

@media (max-width: 735px) {
	.container-nav-right {
		width:100%;
		margin-top:0;
		}
		
	.observation-label {
		color:#007dc7;
		}	

	.separator-nav-title-lg {		
		display:none;
		}	
					
/*			
	.container-nav-right {
		background:#f4f7f5;
		border:1px solid #d4e1ed;
		margin-top:10px;
		padding:0 15px !important;
		float:left !important;
		}		}*/
}

@media (max-width: 724px) {
	.separator-tabs-questions-md {		
		display:block;
		}		
}

@media (max-width: 669px) {
	h2.title-general {
		width:45%;
		/*margin-top:15px !important;*/ /* CAMBIOS */
		}
	
	h2.double-line-lg {
		margin-top:15px !important;
		}		
		
}	

@media (max-width: 606px) {
	h2.double-line-md {
		margin-top:15px !important;
		}		
		
}	
	
@media (max-width: 579px) {
	
	.separator-login-lg {
		height:4px;
		background:#89d1f3;
		/*margin:0 auto;*/
		margin-top:1px !important;
		margin-bottom:20px !important;
	}
	
	.container-login {
	    padding: 0 0 8% 0 !important;		
		}
		
	.logo-bbva-login {
		display:none;
		}	
	.logo-bbva-login-responsive {
		margin:27px 15px 25px 15px;
		display:block;
		height:auto;
		}	
		
	.title-header-login {
		text-align:right !important;
		margin-top:20px;
		margin-right:15px;
		}
		
	.header-layouts-login {
		display:block;
		}	
	
	.text-inline {
		display:none;
		}	
		
	.separator-login-lg {
		margin-top:30px;
		margin-bottom:20px;
		}	
		
	.margin-auto {
		padding-left:15px;
		padding-right:15px;
		margin-right:0;
		margin-left:0;
		}	
		
	.text-center > span {
		font-size:16px !important;
		}	
	.text-center > span.title-login {
		font-size:20px !important;
		}	
		
	h6 {
		font-size:20px !important;
		}	
}

@media (max-width: 558px) {
	.img-responsive {
    	width: 180px;
	}
	.text-center > span.title-login {
    	font-size: 16px !important;
	}
	.visible-header-general {
		display:none;
		}
		
	.invisible-header-general {
		display:block;
		}
		
	h2.full-width-title-general {
		margin-bottom:0 !important;
		padding-top:8px !important;
		border-bottom:0;
		}	
		
	.container-section-primary,	
	.container-section-secundary {
		/*padding-top: 15px !important;*/
		}	
	
	/*.container-section-primary,
	.container-section-secundary {
		margin-top:119px;
		}	*/	
	
	h2.title-general {
		width:95%;
		margin-top:20px !important;
		padding-right:15px !important;
		}	
	
	h2.title-general-2 {
		margin-top:20px !important;
		padding-right:15px !important;
		}	
		
	.container-list-right {
		width:100%;
		margin:5px 0 18px 0 !important;
		float:left;
		}	
	.container-list-right-2 {
		margin:5px 0 18px 0 !important;
		float:left;
		}	
	
	.container-tabs .nav-pills > li > a {
		font-size:12px;
		padding:10px 9px !important;
		}
		
	.separator-nav-title-md {		
		display:block;
		}	
	
	.container-list-right li:first-child {
		margin-left: 10px;
		}
		
	.container-list-right li:last-child {
		float: left;
		}
	/*Calcula tu cuota*/
	.container-list-right-calc-cuo {
		width:100%;
		margin:5px 0 18px 0 !important;
		float:left;
	}	
	
	.container-list-right-calc-cuo li:first-child {
		margin-left: 10px;
		}
		
	.container-list-right-calc-cuo li:last-child {
		float: left;
		}
	/*Fin Calcula tu cuota*/				
}	

@media (max-width: 461px) {	
	.mostrar-responsive-minus-460 {
		display:block !important;
	}
	.no-mostrar-responsive-minus-460 {
		display:none !important;
	}
	.hidden-height-line {
		display:block;
		}
	.align-vertical {
		line-height:35px;
		}	
		
	.container-tabs .nav-pills > li > a {
		margin-bottom:-2px;
		}
}

@media (max-width: 450px) {		
	.body-container-login {
		margin:0 15px !important;
		}	
		
	.container-login {
	    padding: 0 0 15px 0 !important;		
		}	
		
	.separator-footer-login {
		display:none !important;
		}			
	.separator-footer-login-hidden {
		display:block !important;
		bottom:42px !important;
		}	
}

@media (max-width: 430px) {		
	.navbar-toggle {
		margin-top:20px !important;
		}	
	.title-change-md {
		margin-bottom:13px !important;
		}
	.container-list-right {
		padding-left:5px !important;
		}	
		
	.container-list-right li.separador {
		margin: 16px 10px 0 0;	
	}
	.container-list-right li:last-child {
		margin-right: 10px;
		margin-left:10px;
	}
	/*Calcula tu cuota*/	
	.container-list-right-calc-cuo {
		padding-left:5px !important;
		}	
		
	.container-list-right-calc-cuo li.separador {
		margin: 16px 10px 0 0;	
	}
	.container-list-right-calc-cuo li:last-child {
		margin-right: 10px;
		margin-left:10px;
	}
	/*Fin Calcula tu cuota*/
}

@media (max-width: 403px) {	
	.align-buttons li {
		width:100% !important;
		}
	.align-buttons-export li {
		width:100% !important;
		}
		
	.max-width {
		width:100% !important;
		}	
	.btn-file {
		width:100% !important;
		display:block;
		margin-bottom:6px !important;
		}	
	.img-responsive{
		width: 180px;
	}
}	
	
@media (max-width: 402px) {
	.btn {
		margin-left:0 !important;
		}
	/*.btn-default,
	.btn-primary {
		width:100% !important;
		margin-top:6px !important;
		float:left !important;
		}*/
		
	.container-nav-right .btn-secundary {
		padding: 1px 10px 2px 10px;
		margin-top:11px !important;
		}	
		
	.btn-default img,
	.btn-primary img,
	.btn-secundary img {
		float:right;
		margin:3px 0 0 0;
		}	
	.mostrar-minus-402 {
		display:block !important;
	}
	.no-mostrar-minus-402 {
		display:none !important;
	}	
	.btn .desconectar {
		display:none !important;
		}
	.btn img.btn-min-size {
		padding-left:0 !important;
		}
		
	.container-section-primary,
	.container-section-secundary {
		/*margin-top:119px;*/ /* CAMBIOS */
		}	
				
	.title-change-md {
		width:75%;
		}
		
	.footer-bbva {
		padding: 10px 0 0 0;
		}	
		
	.container-nav-right .btn-secundary {
		margin: 7px 0 0 20px !important;
		padding: 4px 8px 5px 10px !important;	
		}	
}		
@media (max-width: 377px) {
	.img-responsive{
		width: 140px;
	}
	
	.align-buttons {
		width:100%;
		float:left !important;
	}
	
	.align-buttons-export {
		float:left !important;
	}	
	.align-buttons-lg {
		width:100%;
		}	
	.btn {
		margin-right:0 !important;
		}
		
	.btn-default,
	.btn-primary,
	.btn-secundary {
		width:100%;
		/*margin-top:6px !important;*/
		float:left !important;
		}	
		
	.btn-file {
		margin-bottom:-5px !important;
		}		
		
	.container-nav-right .btn-off {
		width:40px !important;
		}	
		
	.change-password {
		margin-top:40px !important;
		}	
		
	.buttons-login {
		margin-top:0;
		margin-bottom:0 !important;
		margin-left:0;
		}	
}
@media (max-width: 353px) {
	.hidden-height-x2line {
		display:block;
		}
}
@media (max-width: 329px) {
	.title-change-md {
		width:74%;
		}
	.container-tabs .nav-pills > li > a {
		font-size:12px;
		padding:10px 8px !important;
		}		
		
	.panel-body-light {
		padding: 5px;
		}	
		
	.change-password {
		font-size:13px !important;
		}	
	}	
	
@media (max-width: 319px) {
	.change-password {
		font-size:13px !important;
		}
	.container-tabs .nav-pills > li > a {
		font-size:12px;
		padding:10px 5px !important;
		}
	
	.container-list-right li:last-child {
		margin-left:6px;
	}
	
	.container-list-right li:first-child {
		margin-right: 10px;
	}	
	
	/*Calcula tu cuota*/	
	.container-list-right-calc-cuo li:last-child {
		margin-left:6px;
	}
	
	.container-list-right-calc-cuo li:first-child {
		margin-right: 10px;
	}
	/*Fin Calcula tu cuota*/
	.change-password {
		font-size:12px !important;
		}
}

/*load de imagen*/
.backOpacity
{
	position:fixed;
	top: 0;
	left: 0;
	background-color: #31322e;
	width: 100%;
	height:100%;
	opacity: 0.5;
	z-index: 9999;
}

#preloader
{
	position:fixed;
	top: 0;
	left: 0;
	background-color: #31322e;
	width: 100%;
	height:100%;
	opacity: 0.5;
	z-index: 999999;
}

#status
{
	position: absolute;
	width: 50px;
	height: 50px;
	left: 50%;
	top: 50%;
	background: url(../images/cargando.gif) no-repeat center;
	margin:-25px 0 0 -25px;
	border: 1px solid #999;
	border-radius:6px;
	background-color: white;
	z-index: 9999999;
}

@media (max-width: 320px) {
	#status
	{
		position: fixed;
		lef:50%;
		top:50%;
	}
}

@media (max-width: 768px) {
	#status
	{
		position: fixed;
		lef:50%;
		top:50%;
	}
}

@media (max-width: 1024px) {
	#status
	{
		position: fixed;
		lef:50%;
		top:50%;
	}
}

@media (max-width: 1680px) {
	#status
	{
		position: fixed;
		lef:50%;
		top:50%;
	}
}

/*mensaje de alerta*/
@media (max-width: 1680px) {
	#msgbox
	{
		display: block;
		width: 34%;
		position:fixed;
		top:33px;
		left:33%;
		z-index: 999999;
	}
	
	#cerrar
	{
		position:fixed;
		display: block;
		z-index: 999999;
		right: 33.3%;
		top: 34px;
		font-size: 16px;
		color: #C0C0C0;
	}

	#cerrar:hover
	{
		cursor: pointer;
		color: #808080;
	}
	
	.messageboxok 
	{
		font-size: 13px;
		line-height:16px;
		padding: 11px 35px 10px 35px !important;
		background-image:url(../images/iconoAlertaOk.png);
		border: 1px solid #94B74C;
		background-repeat:no-repeat;
		background-position:left;
		text-align: center;
		border-radius:4px !important;
		background-color: #D6FFC8;
		color: #666;
	}
	
	.messageboxerror 
	{
		font-size: 13px;
		line-height:16px;
		padding: 11px 35px 10px 35px !important;
		border: 1px solid #d8b6c7;
		background-color:#fceaea;
		background-image:url(../images/iconoCerrar.png);
		background-repeat:no-repeat;
		background-position:left;
		color: #666;
		text-align: center;
		border-radius:4px !important;
	}
}

@media (max-width: 768px) {
	#msgbox
	{
		width: 60%;
		left:20%;
	}

	#cerrar
	{
		right: 20.5%;
		top: 27px;
	}
}

@media (max-width: 480px) {
	#cerrar
	{
		right: 11%;
		top: 140px;
	}
}

@media (max-width: 320px) {
	#cerrar
	{
		right: 11%;
		top: 131px;
	}
}

@media (max-width: 579px) {
	#msgbox
	{
		top:146px;
	}
}

@media (max-width: 540px) {
	#msgbox
	{
		width: 80%;
		left:10%;
	}
}

@media (max-width: 320px) {
	#msgbox
	{
		top:137px;
	}
}

/*paginado*/
#paginacion
{
	font-family:"Tahoma";
	color:#FFFFFF;
	text-align: center;
	font-size: 12px;
}


#paginacion a
{
	text-decoration:none;
	margin: 0 3px;
	display: inline-block;
}

a.disabled 
{
   pointer-events: none;
   cursor: default;
}

.dataPagina
{
	color:#09f;
	cursor:pointer;
	background-color: #fff;
    border: 1px solid #d5e2ee;
    border-radius: 4px;
	margin:0 5px !important;
	padding:5px 10px !important;
	text-decoration: none;
}

.dataSelect
{
    text-align: center;
    color: #0065be;
    background-color: #fff;
    border: 1px solid #d5e2ee;
    border-radius: 4px;
    cursor: pointer;
    margin:0 5px !important;
	padding:5px 10px !important;
	text-decoration: none;
}

.dataSelect:hover,
.dataPagina:hover {
	color:#09f;
	background:#f8f8f8;	
	border-radius:4px !important ;
	border: 1px solid #d5e2ee;
	text-decoration: none;
	}
.datatable-odd {
    background: #f3fcff;    
}

.datatable-even {
    background: #ffffff;    
}

#actual
{
	color: white;
    background: transparent linear-gradient(to bottom, #0079C1 0%, #00559D 100%) repeat scroll 0% 0%;
    background-color: #0079C1;
    border-color: #00529b;
    border: 1px solid;
    border-radius: 4px;
	padding:4px 9px !important;
	margin-left:4px;
}

#myModal
{
	z-index: 99999;
}

/*
.table-responsive
{
	height: 180px;
}
*/

.checkboxCondicion
{
	text-align: center;
}

.btn-file
{
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file]
{
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.dataAdjunto
{
	text-align: center;
}

/*clon de clase tabla que acepte ancho fijo*/
.tableCustom {
	width:100%;
    margin-bottom: 20px;
}

.tableContactos {
	width:920px;
}

.mensajesReferido{
	height:200px;
	min-height: .01%;
	overflow-x: auto;
}

a.enlaceDesestimado:link, 
a.enlaceDesestimado:visited,
a.enlaceDesestimado:active,
a.enlaceDesestimado:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.icon-lg {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}
.icon-lg-17 {
    margin-bottom: 10px;
    font-size: 17px;
    line-height: 1.3333333;
    border-radius: 6px;
}
.icon-lg-20 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 1.3333333;
    border-radius: 6px;
}
.icon-lg-22 {
    /*margin-bottom: 10px;*/
    font-size: 22px;
    line-height: 1.3333333;
    border-radius: 6px;
}
.icon-lg-24 {
    /*margin-bottom: 10px;*/
    font-size: 24px;
    line-height: 1.3333333;
    border-radius: 6px;    
}
.icon-lg-26 {
    /*margin-bottom: 10px;*/
    font-size: 26px;
    line-height: 1.3333333;
    border-radius: 6px;
}
.with130px{
	width: 130px;
}

.with140px{
	width: 140px;
}

.with160px{
	width: 160px;
}


.tooltip.bottom .tooltip-inner {
   background-color: #fff;
   color:#264848; 
   padding: 9px 14px;
   -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tooltip.bottom .tooltip-arrow {
    border-bottom: 5px solid blue;
}


@font-face {
    font-family: 'icomoon';
    src:    url('../fonts/icomoon.eot?5s7o0r');
    src:    url('../fonts/icomoon.eot?5s7o0r#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?5s7o0r') format('truetype'),
        url('../fonts/icomoon.woff?5s7o0r') format('woff'),
        url('../fonts/icomoon.svg?5s7o0r#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icomoon {
    /* use !important to prevent issues with browser extensions that change fonts */
    width:16px;
	height:16px;
	display:block;
  	position: relative;
    top: 4px;
    right: 0;
    display: inline-block;
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    float: right;
    padding-left: 10px;
	padding-right:15px;
 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icomoon-top-cero {
    /* use !important to prevent issues with browser extensions that change fonts */
    width:30px;
	height:16px;
	display:block;
  	position: relative;
    right: 0;
    display: inline-block;
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    float: right;
    padding-left: 10px;
	padding-right:15px;
 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-left-cero {
    width: 16px;
    height: 16px;
    display: block;
    position: relative;
    top: 6px;
    right: 0;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    float: right;
    padding-left: 0px;
    padding-right: 15px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icomoon-left {
    /* use !important to prevent issues with browser extensions that change fonts */
    width:30px;
	height:16px;
	display:block;
  	position: relative;
    right: 0;
    display: inline-block;
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 10px;
	padding-right:15px;
 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.icon-home:before {
    content: "\e901";
}
.icon-home2:before {
    content: "\e902";
}
.icon-home3:before {
    content: "\e903";
}
.icon-office:before {
    content: "\e904";
}
.icon-pencil:before {
    content: "\e905";
}
.icon-camera:before {
    content: "\e906";
}
.icon-video-camera:before {
    content: "\e907";
}
.icon-mic:before {
    content: "\e908";
}
.icon-profile:before {
    content: "\e909";
}
.icon-file-empty:before {
    content: "\e90a";
}
.icon-files-empty:before {
    content: "\e90b";
}
.icon-file-text2:before {
    content: "\e90c";
}
.icon-price-tag:before {
    content: "\e90d";
}
.icon-price-tags:before {
    content: "\e90e";
}
.icon-coin-dollar:before {
    content: "\e90f";
}
.icon-coin-euro:before {
    content: "\e910";
}
.icon-coin-pound:before {
    content: "\e911";
}
.icon-coin-yen:before {
    content: "\e912";
}
.icon-credit-card:before {
    content: "\e913";
}
.icon-calculator:before {
    content: "\e914";
}
.icon-address-book:before {
    content: "\e915";
}
.icon-envelop:before {
    content: "\e916";
}
.icon-alarm:before {
    content: "\e917";
}
.icon-bell:before {
    content: "\e918";
}
.icon-printer:before {
    content: "\e919";
}
.icon-user:before {
    content: "\e91a";
}
.icon-users:before {
    content: "\e91b";
}
.icon-user-plus:before {
    content: "\e91c";
}
.icon-user-minus:before {
    content: "\e91d";
}
.icon-user-check:before {
    content: "\e91e";
}
.icon-user-tie:before {
    content: "\e91f";
}
.icon-quotes-left:before {
    content: "\e920";
}
.icon-quotes-right:before {
    content: "\e921";
}
.icon-hour-glass:before {
    content: "\e922";
}
.icon-key:before {
    content: "\e923";
}
.icon-gift:before {
    content: "\e924";
}
.icon-bin:before {
    content: "\e925";
}
.icon-switch:before {
    content: "\e926";
}
.icon-clipboard:before {
    content: "\e927";
}
.icon-list-numbered:before {
    content: "\e928";
}
.icon-list:before {
    content: "\e929";
}
.icon-list2:before {
    content: "\e92a";
}
.icon-cloud-upload:before {
    content: "\e92b";
}
.icon-cloud-check:before {
    content: "\e92c";
}
.icon-earth:before {
    content: "\e92d";
}
.icon-link:before {
    content: "\e92e";
}
.icon-flag:before {
    content: "\e92f";
}
.icon-attachment:before {
    content: "\e930";
}
.icon-eye:before {
    content: "\e931";
}
.icon-eye-plus:before {
    content: "\e932";
}
.icon-eye-minus:before {
    content: "\e933";
}
.icon-eye-blocked:before {
    content: "\e934";
}
.icon-star-empty:before {
    content: "\e935";
}
.icon-star-half:before {
    content: "\e936";
}
.icon-star-full:before {
    content: "\e937";
}
.icon-man:before {
    content: "\e938";
}
.icon-woman:before {
    content: "\e939";
}
.icon-man-woman:before {
    content: "\e93a";
}
.icon-happy:before {
    content: "\e93b";
}
.icon-happy2:before {
    content: "\e93c";
}
.icon-smile:before {
    content: "\e93d";
}
.icon-smile2:before {
    content: "\e93e";
}
.icon-tongue:before {
    content: "\e93f";
}
.icon-tongue2:before {
    content: "\e940";
}
.icon-sad:before {
    content: "\e941";
}
.icon-sad2:before {
    content: "\e942";
}
.icon-wink:before {
    content: "\e943";
}
.icon-wink2:before {
    content: "\e944";
}
.icon-grin:before {
    content: "\e945";
}
.icon-grin2:before {
    content: "\e946";
}
.icon-cool:before {
    content: "\e947";
}
.icon-cool2:before {
    content: "\e948";
}
.icon-angry:before {
    content: "\e949";
}
.icon-angry2:before {
    content: "\e94a";
}
.icon-evil:before {
    content: "\e94b";
}
.icon-evil2:before {
    content: "\e94c";
}
.icon-shocked:before {
    content: "\e94d";
}
.icon-shocked2:before {
    content: "\e94e";
}
.icon-baffled:before {
    content: "\e94f";
}
.icon-baffled2:before {
    content: "\e950";
}
.icon-confused:before {
    content: "\e951";
}
.icon-confused2:before {
    content: "\e952";
}
.icon-neutral:before {
    content: "\e953";
}
.icon-neutral2:before {
    content: "\e954";
}
.icon-hipster:before {
    content: "\e955";
}
.icon-hipster2:before {
    content: "\e956";
}
.icon-wondering:before {
    content: "\e957";
}
.icon-wondering2:before {
    content: "\e958";
}
.icon-sleepy:before {
    content: "\e959";
}
.icon-sleepy2:before {
    content: "\e95a";
}
.icon-frustrated:before {
    content: "\e95b";
}
.icon-frustrated2:before {
    content: "\e95c";
}
.icon-crying:before {
    content: "\e95d";
}
.icon-crying2:before {
    content: "\e95e";
}
.icon-point-up:before {
    content: "\e95f";
}
.icon-plus:before {
    content: "\e960";
}
.icon-minus:before {
    content: "\e961";
}
.icon-info:before {
    content: "\e962";
}
.icon-cancel-circle:before {
    content: "\e963";
}
.icon-cross:before {
    content: "\e964";
}
.icon-checkmark:before {
    content: "\e965";
}
.icon-google-plus2:before {
    content: "\e966";
}
.icon-whatsapp:before {
    content: "\e967";
}
.icon-spotify:before {
    content: "\e968";
}
.icon-twitter:before {
    content: "\e969";
}
.icon-youtube:before {
    content: "\e96a";
}
.icon-youtube2:before {
    content: "\e96b";
}
.icon-tumblr2:before {
    content: "\e96c";
}
.icon-file-pdf:before {
    content: "\e96d";
}
.icon-file-word:before {
    content: "\e96e";
}
.icon-file-excel:before {
    content: "\e96f";
}
.icon-libreoffice:before {
    content: "\e970";
}
.icon-send-to-bank:before {
    content: "\e900";
}
.icon-edit-ref:before {
    content: "\e971";
}

/*.btn-default img, .btn-primary img, .btn-secundary img {
	float: right;
	margin: 3px 0 0 0;
}*/

.btn-aceptar-login {
  text-align: center !important;
}

.btn2 {
  padding: 0 10px 0 15px;
  margin-bottom: 0;
  margin-left:4px;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold !important;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn2:focus,
.btn2:active:focus,
.btn2.active:focus,
.btn2.focus,
.btn2:active.focus,
.btn2.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn2:hover,
.btn2:focus,
.btn2.focus {
  color: #333;
  text-decoration: none;
}
.btn2:active,
.btn2.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn2.disabled,
.btn2[disabled],
fieldset[disabled] .btn2 {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
.btn2 img{
  padding: 0 0 2px 10px;
}

.span-icon {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.span-icon:hover,
.span-icon:focus,
.span-icon.focus,
.span-icon:active,
.span-icon.active,
.open > .dropdown-toggle.span-icon {
  color: #fff !important;
  background-color: #31b0d5;
  border-color: #269abc;
}
.span-icon:active,
.span-icon.active,
.open > .dropdown-toggle.span-icon {
  background-image: none;
}
.span-icon.disabled,
.span-icon[disabled],
fieldset[disabled] .span-icon,
.span-icon.disabled:hover,
.span-icon[disabled]:hover,
fieldset[disabled] .span-icon:hover,
.span-icon.disabled:focus,
.span-icon[disabled]:focus,
fieldset[disabled] .span-icon:focus,
.span-icon.disabled.focus,
.span-icon[disabled].focus,
fieldset[disabled] .span-icon.focus,
.span-icon.disabled:active,
.span-icon[disabled]:active,
fieldset[disabled] .span-icon:active,
.span-icon.disabled.active,
.span-icon[disabled].active,
fieldset[disabled] .span-icon.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.span-icon .badge {
  color: #5bc0de;
  background-color: #fff;
}


.mostrar-responsive-minus-460 {
	display: none;
}

.no-mostrar-responsive-minus-460 {
	display: block;
}

.mostrar-minus-402  {
	display: none;
}

.no-mostrar-minus-402 {
	display: block;
}

.mostrar-minus-724  {
	display: none;
}

.no-mostrar-minus-724 {
	display: block;
}

.grilla-desembolsado{
	background-color: #498C20;
    color: azure;
    text-align: center;
    font-weight: bold;
}