.fondo_rojo {
    background: #E9573E;
}


.fix-alto{
	max-height:600px;
}

.modal{
	z-index:9999;
}

.modal_error, .modal_exito{
	z-index:10501 !important;
}

.modal_default .modal-header{
	z-index:1050 !important;
}

.modal_error .modal-dialog, .modal_exito .modal-dialog, .login .modal_error .modal-dialog, .login .modal_exito .modal-dialog{
    margin: auto;
    width: 90%;
}
.modal_error.modal-logout{
    left: 0;
    margin-left: 0;
    width: 100%;
}
.modal-logout .modal-footer>div:first-child>button{
    margin-bottom: 5px;
}


@media screen and (min-width: 768px){
    .modal-logout .modal-footer>div:first-child>button{
        margin-bottom: 0;
    }
    .modal-logout .modal-dialog{
        margin-top: calc(20vh - 85px);
    }
}
.modal_error .modal-header, .modal_exito .modal-header, .modal_default .modal-header{
    padding: 20px;
    border-bottom: 0;
    color: #fff;
}

.modal_sucursales{
    height: auto !important;
    width: auto !important;
    /*overflow-y:hidden !important;*/
}

.modal_reprogramacion .modal-body,
.modal_reprogramacion .modal-header,
.modal_reprogramacion .modal-footer{
	width: 700px;
}

.modal_reprogramacion .modal-body{
	overflow-y: auto !important;
	overflow-x: auto !important;
}

.modal_sucursales .modal-body{
    height: 510px;
    overflow-y: auto !important;
}

.modal_error .modal-header .close,.modal_error .modal-header .close-azul,
.modal_sucursales .modal-header .close,.modal_reprogramacion .modal-header .close,
.modal_default .modal-header .close{
	color: #fff;
	opacity: 1;
	font-size: 28px;
	margin-top: -5px;
}

.modal_exito .modal-header .close,.modal_error .modal-header .close-verde, .modal_default .close{
	color: #fff;
	opacity: 1;
	font-size: 28px;
	margin-top: -5px;
}

.modal_error .modal-header .close i ,.modal_exito .modal-header .close i, .modal_default .modal-header .close i{
    background: #E9573E;
}

.modal_error .modal-header .fondo_celeste i, .modal_default .modal-header .fondo_celeste i{
	background: #00aeef;
}

.modal_exito .modal-header .fondo_celeste i{
	background: #00aeef;
}

.modal_error h5.modal-title,.modal_exito h5.modal-title, .modal_default h5.modal-title{
	font-family: roboto;
	text-align: center;
}

.modal_error .modal-body,.modal_exito .modal-body,.modal_default .modal-body{
    padding: 30px 0;
    color: #666;
}

.modal_error .modal-body>*,.modal_exito .modal-body>*,.modal_default .modal-body>*{
    padding: 0 20px;
}
.modal_detalle .modal-body{
	background: #F9F9F9;
	padding: 0px;
}

.modal_detalle .modal-footer{
    padding-bottom: 75px;
    position: relative;
}

@media screen and (min-width: 768px){
    .modal_detalle .modal-footer{
        padding-bottom: 15px;
    }
}

.modal_error .modal-body h6,.modal_exito .modal-body h6,.modal_default .modal-body h6{
    margin-bottom: 20px;
    font-size: 16px;
}

.botonera_modal {
    padding: 30px;
}

.botonera_modal {
	margin-bottom:20px;
}

/* MODAL LOGIN */

/* .modal-content { */
/* 	border: 0; */
/* 	border-radius: 0; */
/* } */

.modal_login{
  z-index:6000 !important;
}

.modal_login .login_recuperar_contrasena h5 {
    height: 74px;
}

.modal_login .modal-dialog{
	margin: 0 auto;
	color: #fff;	
}

.modal_login h4{
	font-size: 25px;
    font-family: robotolight;
    height: 54px;
	margin-bottom: 25px;
}

.modal_login h5 {
	height: 74px;
	font-size: 15px;
	line-height: 1.5;
	font-family: roboto;
	margin-top: -5px;
}
.modal_login p{
	font-family: robotolight;
	margin-bottom: 65px;
}

@media screen and (min-width: 768px){
    .modal_login p{
        margin-bottom: 55px;
    }
}

.modal_login .modal-body{
	margin: 0;
	min-height: 100vh;
	overflow: visible;
	padding: 0;
	width: 100%;
}

.modal_login .legales_texto div>p{
	margin: 0;
}

.modal_login .legales_texto div>p:last-child{
	margin-bottom: 20px;
}


.modal_login select.ng-not-empty {
	color: #666;
}

.modal_login select {
	width: 100%;
	padding: 7.5px;
	margin: 0 0 34px 0;	
	color: #666;
}

.modal_login select {
	color: #A9A9A9;
}

.modal_login input {	
	width: 100%;
	padding: 7.5px;
	margin: 0 0 35px 0;
	color: #666;
}

.modal_login .login_form>div>form>input:last-of-type{
	margin-bottom: 0;
}

.modal-cerrar{
    color: #c0c0c0;
    cursor: pointer;
    float: none;
    font-size: 30px;
    position: absolute;
    right: 0.625rem;
    top: 0.625rem;
    z-index: 5001;
}
.login .modal-cerrar{
    color: #999;
}
.login .modal-cerrar:hover{
    color: #00aeef;
}
.login .modal_error .modal-cerrar, .login .modal_exito .modal-cerrar{
    color: #fff;
}
.modal_login i{
	float: left;
	cursor: pointer;
}

.modal_login a{
	color: #fff;
}

.modal_login a:hover{
	text-decoration: underline;
}

.modal_login .boton_login{
	padding: 10px 0;
	background-color: #03509e;
	color: #fff;
	width: 100%;
}

.modal_login .registro_boton>button{
	margin: 35px 0 10px 0;
}

.modal_login .login_recuperar_contrasena button,
.modal_login .legales_botones button {
    float: left;
    width: calc(50% - 15px);
}

.modal_login .login_recuperar_contrasena button+button,
.modal_login .legales_botones button+button {
    margin-left: 30px;
}

.modal_login
.uib-datepicker-popup,
.modal_login
.uib-datepicker{
	left:-353px !important;
	top:-130px !important;
}

.modal_login span:not(.registro_form),
.modal_login span:not(.uib-datepicker-popup),
.modal_login span:not(.uib-datepicker),
.step_confirmacion label>span{
    height: 1px;
    display: block;
    clear: right;
/*     background: #fff; */
    margin-bottom: 20px;
}

.modal_login span:not(.registro_volver){
    height: 1px;
    display: block;
    clear: right;
/*     background: #fff; */
    margin-bottom: 20px;
}

/*----------*/

@media screen and (min-width: 240px) {
	.modal_default{
		position: fixed;
        top: 25%;
        left: 0;
        z-index: 9999!important;
	}
	
    .modal_sucursales,.modal_reprogramacion {
        position: fixed;
        top: 25%;
        left: 0;
        z-index: 9999!important;
        width: 90%;
        /* height: 90%; */
    }
}

@media screen and (min-width: 320px) {
    .modal_error,.modal_exito{
        position: fixed;
        top: 20%;
        /* left: 5%; */
        z-index: 10501!important;
        /* width: 90%; */
        /* height: 90%; */
    }
    
    .modal_sucursales,.modal_reprogramacion {
        position: fixed;
        top: 20%;
        z-index: 9999!important;
        /* width: 90%; */
        height: 90%;
    }
    
    .modal_default{
    	position: fixed;
        top: 20%;
        z-index: 9999!important;
    }
}

@media screen and (min-width: 480px) {
    .modal_error,.modal_exito{
        position: fixed;
        top: 20%;
        z-index: 10501!important;
    }
    
    .modal_sucursales,.modal_reprogramacion {
        position: fixed;
        top: 20%;
        z-index: 9999!important;
        width: 90%;
        height: 90%;
    }
    
    .modal_default{
    	position: fixed;
        top: 20%;
        z-index: 9999!important;
    }
}
.modal_error.modal-logout .modal-content{
    border-color: transparent;
}

@media screen and (min-width: 768px) {
	#modal_login .modal-dialog.container,
    .modal_error .modal-dialog,.modal_exito .modal-dialog, .login .modal_error .modal-dialog, .login .modal_exito .modal-dialog, .modal_exito .modal-dialog {
        width: 400px;
    }
    .modal_error.modal-logout .modal-dialog, .login .modal_error.modal-logout .modal-dialog{
        width: 350px;
    }
    .modal_login .modal-dialog {
        margin-top: 20vh;
    }
    .modal_login .modal-body {
        min-height: 0;
        overflow: hidden;
        padding: 0 15px;
    }
        .modal-dialog {
        margin-top: 15vh;
    }
    .modal_error, .modal_exito{
        position: fixed;
        top: 10%;
        z-index: 10501!important;
    }
    
    .modal_sucursales,.modal_reprogramacion {
        position: fixed;
        top: 6%;
        left: 18.5%;
        z-index: 9999!important;
        width: 80%;
        height: 80%;
        margin-left: -10%;
    }
    
    .modal_default{
        position: fixed;
        top: 6%;
/*         left: 18.5%; */
        z-index: 10501!important;
/*         margin-left: -10%; */
    }
}

@media screen and (min-width: 992px) {
	.modal_tenencia_detalle .modal-dialog,
    .modal_tenencias_vender .modal-dialog,
    .modal_compra .modal-dialog {
        width: 639px;
    }
    .modal_tenencia_detalle .modal-dialog,
    .modal_tenencias_vender .modal-dialog,   
    .modal_compra .modal-dialog {
        margin-top: calc(100vh / 2 - 200px);
    }
    #modal_login .modal-dialog.container {
        width: 646.6666666666667px;
    }
    .modal_login .registro_boton>button {
        margin-top: 15px;
    }
    .modal_login .modal-body,
    .login_form>div,
    .registro_form {
        height: 562px;
    }
    .modal_login .modal-dialog {
        width: 700px;
    }
        .modal_login .login_boton,
    .legales_botones {
        bottom: 64px;
    }
    .modal_login .modal-dialog {
        margin-top: 10vh;
    }
    .modal_error.modal-logout .modal-dialog{
        width: 400px;
    }
    .modal_error,.modal_exito{
        position: fixed;
        top: 10%;
        z-index: 10501!important;
    }
    .modal_sucursales,.modal_reprogramacion{
    	position: fixed;
        top: 15%;
        left: 18.5%;
        z-index: 9999!important;
        width: 80%;
        height: 80%;
        margin-left: -10%;
    }
    
    .modal_default{
    	position: fixed;
        top: 15%;
/*         left: 18.5%; */
        z-index: 9999!important;
/*         margin-left: -10%; */
    }
}

@media screen and (min-width: 1200px) {
    #modal_login .modal-dialog.container {
        width: 780px;
    }
    .modal_sucursales .modal-dialog{
    	width: 730px;
    }
    
    .modal_login .modal-dialog {
        width: calc(1170px / 3 * 2);
    }
    .modal_error,.modal_exito{
        position: fixed;
        top: 15%;
        z-index: 10501!important;
    }
    
    .modal_sucursales,.modal_reprogramacion{
        position: fixed;
        top: 13.5%;
        left: 18.5%;
        z-index: 9999!important;
        width: 80%;
        height: 80%;
        margin-left: -10%;
    }
    
    .modal_default{
        position: fixed;
        top: 13.5%;
/*         left: 18.5%; */
        z-index: 9999!important;
/*         margin-left: -10%; */
    }
}

.modal_terminos{
	z-index:3001 !important;
}

.terminos-modal{
	background:none;
}

.terminos-modal div{
	padding:5px 10px;
	margin-bottom:10px;
}

.modal_detalle{
	z-index: 9999!important;
}
.modal_detalle_terminos{
	z-index: 9999;
}
.header-prestamo{
	border-bottom: 2px solid rgba(0, 174, 239, 0.5);
	padding-bottom: 13px;
	overflow: hidden;
}

.comprobanteForm div{
	color:#666;
}

.comprobanteForm .detallePrestamoLabel{
	font-weight:normal;
}

.header-comprobante-prestamo{
	border-top: 8px solid #00aeef;
	color:#666;
	font-family: robotolight;
	overflow: hidden;
}

.div-icono{
	padding:0px;
	color:#666;
}

.div-icono i{
	font-size:35px;
	color:#00aeef;
}

.div-icono span{
	position:relative;
	font-size:14px;
	font-weight: bold;
	left:10;
	top:-10.5;
}


.modal-body .body-historico{
	background: #F9F9F9;
	height: 260px;
    margin: 0 15px 5px 15px;
    min-height: 260px;
    padding: 15px 15px 15px 0;
}

#wizard_cotizaciones .wizard > .content{	
	height: 300px;
	min-height: 300px;
	margin: 0 0 10px 0;
	padding: 15px;
}

#wizard_compra .wizard > .content, #wizard_historico .wizard > .content, #wizard_historico_vender .wizard > .content{
	height: 260px;
	margin: 0 5px 5px 15px;
	min-height: 260px;
	padding: 15px 15px 15px 0;
}

.wizard > .actions > ul > li{
	margin: 0 15px 0 0;
}

.wizard > .actions .disabled a{
	display: none;
}

.wizard > .content > .body{
	width: calc(100% - 15px);
	padding: 0;
	height: auto;	
}

.wizard h2{
	display: none;
}

.modal_detalle table {
    width: calc(50% - 15px) !important;
    margin-left: 15px;
    float: left;
}

.modal_detalle td {
    padding: 8px 0px;
}

.modal_detalle .modal-dialog .modal-content{
	overflow:hidden;
}

.modal_detalle.login_legales{
	transform: translateX(100);
}

.modal_detalle td, .historico_detalle_datos td {
    border-bottom: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
    cursor: auto;
    font-family: robotomedium;
    font-size: 13px;
/*     padding: 5px; */
}

.modal_detalle h3{
    color: #666666;
    padding-bottom: 5px;
    font-size: 30px;
}

.modal-body .detalle_prestamo{
    min-height: 260px;
}

@media screen and (min-width: 768px){
    .modal-body .detalle_prestamo{
	    height: 345px;
        margin: 0 0 10px 15px;
    }
}

.detalle_prestamo_body{
	transform: translateX(0%);
    transition: transform 0.8s ease-in-out;
    padding: 10px 15px;
}

.detalle_prestamo_body.active{
	    transform: translateX(-106%);
}

.save_button_prestamo{
	float:right;
    width: 100%;
}

@media screen and (min-width: 768px){
    .save_button_prestamo{     
        width: auto;
    }
}

.save_button_prestamo:first-child{
    bottom: 15px;
	position: absolute;
    width: calc(100% - 30px);
}

@media screen and (min-width: 768px){
    .save_button_prestamo:first-child{
        bottom: 0;
        position: relative;
        width: auto;
    }
}

.save_button_prestamo>button{
    padding: 10px 15px;
}

.save_button_prestamo+.save_button_prestamo{
    float: left;
    margin-bottom: 5px;
}

@media screen and (min-width: 768px){
    .save_button_prestamo+.save_button_prestamo{
        margin-bottom: 0;
    }
}

.save_button_prestamo:first-child+.save_button_prestamo{
    margin-right: 10px;
}

.button_cancelar_turno{
	float:left;
	width:40%;
}

.detallePrestamoLabel{
	float: right;
    padding-right: 15%;
}

.empleadoPublico>span, .aceptoPromesaDePago>span{
	border: 1px solid #d8dde1;
	background:white;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-family: robotomedium;
    padding: 0.46875rem 0;
    text-align: center;
    width: 3.125rem;
    margin-left: 10px;
}
.empleadoPublico>span.active, .aceptoPromesaDePago>span.active{
	background-color: #00aeef;
    border-color: #00aeef;
    color: #fff;
}
.modal-logout h3.modal-title{
    color: #666;
    font-size: 22px;
    line-height: 1.25;
    padding: 0 10%;
    text-align: center;
    width: 100%;
}
.modal-logout .modal-cerrar{
    color: #666;
}

@media screen and (min-width: 992px){
    .modal-logout h3.modal-title{
        padding: 0 15%;
    }
}

.modal_detalle .modal-dialog{
    margin-top: 60px;
}

@media screen and (min-width: 992px){
    .modal_detalle .modal-dialog{
        margin-top: 90px;
    }
}

/* .login .modal-dialog{ */
/*     margin: 0; */
/* } */

@media screen and (min-width: 768px){
    .modal_registro-empresa .modal-dialog{
        margin: 7.5vh auto 30px;
    }
    .modal_registro .modal-dialog{
        margin: 5vh auto 30px;
    }
    .modal_contrasena .modal-dialog, .modal_terminos .modal-dialog{
        margin: 15vh auto 30px;
    }
    .modal_pre-registro .modal-dialog{
        margin: calc(50vh - 150px) auto 30px;
    }
    .modal_registro-persona .modal-dialog{
        margin: calc(50vh - 250px) auto 30px;
    }
}
.modal_error .modal-content{
    border: 1px solid #E9573E;
    border-radius: 4px; 
}
.modal_error .modal-body{
    padding-left: 20px;
    padding-right: 20px;
}
.modal_error:not(.modal-logout) i{
    color: #E9573E;
    font-size: 80px;
}
.modal_error h6{
    color: #777;
    font-family: robotomedium;
    font-size: 17px;
    font-weight: normal;
}

.modal_advertencia>.modal-dialog{
    margin: auto;
    margin-top: 15vh;
}

.modal_advertencia>.modal-dialog h4.modal-title{
    color: #005baa;   
    font-family: robotomedium;
    margin-bottom: 25px; 
}