html{
margin-top: 0 !important;
position: relative;
min-height: 100%;
}
.esquina-azul:before{
background-color: transparent;
border-right: 9px solid #005BAA;
border-top: 9px solid transparent;
content: '';
display: block;
left: 0;
position: absolute;
right: -15px;
top: 10px;
}
.texto-verde{
color:#04E8A3;
}
.texto-azul{
color: #0a5ca8;
}
.texto-rojo{
color: #FF6A3A;
}
.btn-azul{
color: #fff;
background: #0a5ca8;
height: 40px !important;
font-size: 15px !important;
}
.btn-lg{
padding: 1rem!important;
font-size: 1.5rem!important;
border-radius: 0.4rem!important;
}
.btn-app{
position: absolute !important;
/*margin-top: 22% !important;*/
bottom: 0;
width: 100%;
/* margin: 2rem; */
padding: 2rem;
}
/*@media (min-width: 768px){
.container {
width: 100%;
}
}*/
@media (min-width: 1200px){
.container {
width: 1170px;
}
}
*,
figure {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
text-decoration: none;
}
.d-flex{
display: flex;
}
i{
font-style: normal;
}
.mb-0{
margin-bottom: 0px !important;
}
.mb-1{
margin-bottom: 5px !important;
}
.mb-2{
margin-bottom: 10px !important;
}
.mb-3{
margin-bottom: 15px !important;
}
.mb-4{
margin-bottom: 20px !important;
}
.mb-5{
margin-bottom: 25px !important;
}
.mb-6{
margin-bottom: 30px !important;
}
.mt-0{
margin-top: 0px !important;
}
.mt-1{
margin-top: 5px !important;
}
.mt-2{
margin-top: 10px !important;
}
.mt-3{
margin-top: 15px !important;
}
.mt-4{
margin-top: 20px !important;
}
.mt-5{
margin-top: 25px !important;
}
.mt-6{
margin-top: 30px !important;
}
script,
style {
display: none;
}
ul {
padding: 0;
margin: 0;
}
a:hover,
a:focus {
text-decoration: none;
}
.btn {
padding: 3px 10px;
text-transform: uppercase;
}
.state-button{
margin-bottom:10px !important;
}
button.active {
/* padding: 10px 0; */
background-color: #00aeef;
color: #fff;
width: 100%;
border: 0;
}
button.inactive{
background: transparent;
border: 2px solid #00aeef;
color: #00aeef;
}
.botonera button.active{
background-color: #005baa;
}
@media screen and (min-width: 992px) {
.btn {
padding: 10px 15px;
}
}
script,
title {
display: none;
}
.overflow {
overflow: hidden;
}
body {
font-family: roboto;
overflow-x: hidden;
}
input:-webkit-autofill {
-webkit-box-shadow:0 0 0 30px white inset;
box-shadow:0 0 0 30px white inset;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
background-color: transparent !important;
background-image: none;
}
@media screen and (min-width: 768px){
.bodyForm .container{
width: 100%;
}
}
@media screen and (min-width: 992px){
.bodyForm .container{
width: 100%;
}
}
@media screen and (min-width: 1200px){
.bodyForm .container{
width: 100%;
}
}
body.bodyForm{
background-color: #f9f6f5;
margin-top: 60px;
transition: 0.5s;
}
@media screen and (min-width: 1100px){
body.bodyForm{
padding-left: 330px;
margin-top: 0;
width: 100%;
}
}
body.login{
margin: 0;
overflow: hidden;
}
@media screen and (min-width: 768px){
body.login{
overflow: visible;
}
}
.bodyForm {
font-family: roboto;
overflow-x: hidden;
padding-bottom: 2.5rem;
}
@media screen and (min-width: 768px){
.bodyForm{
padding-bottom: 0;
}
}
@media screen and (min-width: 1024px){
.bodyForm{
padding-bottom: 0;
}
}
.has-feedback .form-control{
border-radius: 0;
padding-right: 25px;
}
@media screen and (min-width: 768px){
.has-feedback .form-control{
padding-right: 42.5px;
}
}
section {
padding-bottom: 1.5625rem;
padding-top: 1.5625rem;
}
.aside__opcion.boton{
margin-top: 30px;
cursor:default;
}
.aside__opcion.boton,
.aside__opcion.boton a{
cursor:default;
}
.aside__opcion.boton:hover{
background-color: inherit;
}
.boton-redireccion-titulos{
cursor:pointer;
background-color: #00aeef;
border-radius: 20px;
padding: 1px 20px 1px 15px;
text-transform: none;
}
.boton-redireccion-titulos i{
font-size: 40px;
margin-right: 10px;
}
.boton-redireccion-titulos div{
font-size:14px;
position:relative;
top:-11px;
display: inline-block;
}
.botonera-servicios{
/*min-height: calc(100vh - 8.375rem - 7rem)*/
background-color: rgba(255, 255, 255, .7);
left: 0;
padding: 0;
position: fixed;
right: 0;
top: calc(100vh - (10.625rem + 2.8125rem));
transition: top 0.8s, background-color 0.8s;
z-index: 1;
}
.botonera-servicios.footer-desplegado{
background-color: rgba(255, 255, 255, .9);
top: 3.75rem;
}
.btn{
border-radius: 0;
}
@media screen and (min-width: 768px){
.botonera-servicios{
padding: 2rem 0;
position: relative;
}
.botonera-servicios, .botonera-servicios.footer-desplegado{
top: auto;
}
}
@media screen and (min-width: 992px) {
section {
padding-bottom: 2.5rem;
padding-top: 2.5rem;
}
}
.datos_canje, .adhesion_div{
margin-top:90px;
}
.separador-form{
border-bottom: 1px solid #d8dde1;
margin-bottom: 10px;
}
.separador-form label{
font-size:15px;
}
.separador-comprobante-escribania{
margin-top:25px;
font-size:17px;
}
.destino-fondos .tooltip.bottom {
margin: 0px;
}
.terminos .tooltip.bottom {
margin-top: 0px;
}
.fecha-nacimiento .tooltip.top {
margin-top: -3px;
}
.direccion-tooltip .tooltip.top{
left: 55px !important;
top: 50px !important;
}
.direccion-tooltip .tooltip.top .tooltip-arrow{
top: 27px !important;
border-top-color: #E9573F;
}
.fecha-nacimiento .tooltip.top{
left: 65px;
top: 50px !important;
}
.fecha-nacimiento .tooltip.top .tooltip-arrow{
top: 28px !important;
color: #005baa;
}
.body-verificacion .terminos-registro .tooltip.bottom {
left: auto !important;
margin: 0;
margin-top: -10px;
}
.body-verificacion{
padding-bottom: 177px;
}
.tooltip.bottom{
margin-top: 30px;
margin-left: 45px;
top: auto !important;
}
.datos_personales form .tooltip.bottom{
top: 40px !important;
}
.datos_personales .checkbox_detalles_personales .tooltip.bottom{
top: 3px !important;
}
.datos_personales .checkbox_adicionales .tooltip.bottom{
left: -12px !important;
top: 592px !important;
}
.datos_personales .prestamos_monto_solicitar .tooltip.bottom{
top: 85px !important;
left: 15px !important;
}
.datos_personales .prestamos_monto_solicitar .monto_maximo .tooltip.bottom{
top: 96px !important;
}
.prestamo_preaprobado{
float:right;
}
form[name="datosLaboralesForm"] .tooltip.bottom{
margin-left: 0;
margin-top: 45px;
}
.body-verificacion .tooltip.bottom{
margin-top: 45px;
}
.comentario .tooltip.bottom,
.fecha-filtro .tooltip.bottom{
margin-top: 0px;
margin-left: 0px;
top: auto !important;
}
.fecha-filtro .tooltip.top{
z-index:3000;
margin-top: -85px;
margin-left: 0px;
}
.adjunto .tooltip.bottom{
margin-left: 0px;
margin-top:3px;
}
.tooltip.top {
margin-left: 45px;
margin-top: -60px;
top: auto !important;
}
.tooltip-inner {
background-color: #E9573F;
border-radius: 2px;
box-shadow: rgba(0, 0, 0, 0.3) 0 2px 10px;
max-width: 100%;
}
.tooltip-arrow {
top: 1px !important;
left: 5px !important;
}
.tooltip.top-left .tooltip-arrow{
margin-top:44px;
}
.tooltip.bottom-left .tooltip-arrow,
.tooltip-arrow {
border-bottom-color: #E9573F;
}
.tooltip.top-left .tooltip-arrow{
border-top-color: #E9573F;
}
.uppercase {
text-transform: uppercase;
}
.capitalize {
text-transform: capitalize;
}
.sin-padding{
padding:0;
}
.sin-padding-right{
padding-right:0;
}
.sin-padding-left{
padding-left:0;
}
.btn {
cursor: pointer;
display: inline-block;
font-family: roboto;
border-radius: 0.2rem;
width: auto;
/*padding: 0.9375rem;*/
}
.fondo_azul {
background-color: #005BAA;
}
.chat-online{
width:100%;
height:100%;
}
/*saca la cruz del IE que rompe los filtros*/
.input-filtro::-ms-clear {
display: none;
}
/**------------------------HEADER----------------------------**/
header:not(.header-interno) {
background-color: #005BAA;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
color: #fff;
height: 60px;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 5000;
}
@media screen and (min-width: 992px){
header:not(.header-interno){
height: 90px;
}
}
header .triangulo_azul {
background-color: #005BAA;
display: none;
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 77%;
z-index: -1;
}
header .triangulo_celeste {
background-color: #00AEEF;
display: none;
position: absolute;
top: 0;
bottom: 0;
width: 23%;
}
@media screen and (min-width: 992px){
header .triangulo_celeste, header .triangulo_azul{
display: block;
}
}
header.on-chat{
z-index: 5001;
}
/*.headerInclude {
position: fixed;
width: 100%;
}*/
.header__accesos {
display: none;
height: 4.375rem;
padding: 0.125rem 0;
}
@media screen and (min-width: 768px) {
.header__accesos {
display: block;
}
}
@media screen and (min-width: 992px) {
.header__accesos {
height: 5.66rem;
padding: 0.3125rem 0;
}
}
.header__accesos a {
clear: left;
color: #fff;
display: inline-block;
float: left;
font-size: 0.8125rem;
padding: 0.125rem 0;
text-transform: uppercase;
}
@media screen and (min-width: 992px) {
.header__accesos a {
padding: 0.2708333333333333rem 0;
}
}
.header__accesos a i {
font-size: 1.125rem;
margin-right: 0.9375rem;
}
.header__logo {
padding: 0.625rem 0;
text-align: center;
}
@media screen and (min-width: 992px) {
.header__logo {
padding: 0;
}
}
@media screen and (max-width: 992px){
.header__logo.version__desktop {
display: none;
}
}
.header__logo a {
display: inline-block;
}
.header__logo a img {
height: 2.5rem;
}
@media screen and (min-width: 992px) {
.header__logo a img {
height: 5.625rem;
}
}
.header__logo.version__desktop {
margin-left: 50px;
}
@media screen and (min-width: 992px){
.header__logo.version__mobile {
display: none;
}
}
.header__login {
margin-right: 0.9375rem;
cursor: pointer;
float: right;
overflow: hidden;
}
@media screen and (min-width: 992px) {
.header__login {
margin-right: 2.6rem;
}
}
.header__login>div{
align-items: center;
display: inline-flex;
height: 3.75rem;
}
@media screen and (min-width: 992px) {
.header__login>div {
height: 5.625rem;
}
}
.header__login span {
display: none;
color:white;
float: right;
font-size: 13px;
padding-left: 0.625rem;
}
.header__login .iniciar-sesion{
font-size:18px;
}
@media screen and (min-width: 768px) {
.header__login span {
display: block;
}
}
.header__login-icono {
cursor: pointer;
color: #fff;
font-size: 20px;
position: absolute;
right: 0;
}
.header__contenedor-menu {
display: none;
height: 22.8125rem;
left: 0;
max-height: 0;
overflow: hidden;
position: fixed;
top: 4.375rem;
transition: max-height 500ms ease-in-out;
width: 100%;
}
.header__contenedor-menu.active {
max-height: 24rem;
}
@media screen and (min-width: 768px) {
.header__contenedor-menu {
display: block;
}
}
@media screen and (min-width: 992px) {
.header__contenedor-menu {
top: 5.66rem;
}
}
.boton-menu {
cursor: pointer;
height: 16px;
left: 20px;
position: absolute;
top: 22px;
width: 24px;
}
.boton-menu__barra,
.boton-menu__barra::before,
.boton-menu__barra::after {
background-color: #fff;
content: '';
cursor: pointer;
display: block;
border-radius: 1px;
height: 2px;
position: relative;
transition: 500ms ease-in-out, margin-top 0.2s, margin-bottom 0.2s;
width: 100%;
}
.boton-menu__barra{
top: 7px;
}
/*@media screen and (min-width: 992px) {
.boton-menu__barra,
.boton-menu__barra::before,
.boton-menu__barra::after {
height: 0.3125rem;
}
}*/
@media screen and (min-width: 1100px) {
.boton-menu{
display: none;
}
}
.boton-menu.active .boton-menu__barra {
background-color: transparent;
}
.boton-menu__barra::after, .boton-menu__barra::before {
position: absolute;
}
.boton-menu__barra::before, .boton-menu__barra:focus::before {
top: -7px;
}
.boton-menu__barra::after, .boton-menu__barra:focus::after{
bottom: -7px;
}
.boton-menu.active .boton-menu__barra::before {
top: 0;
transform: rotate(-45deg);
}
.boton-menu.active .boton-menu__barra::after {
bottom: 0;
transform: rotate(45deg);
}
.boton-menu:not(.active):hover .boton-menu__barra::before{
margin-top: 2px;
}
.boton-menu:not(.active):hover .boton-menu__barra::after{
margin-bottom: 2px;
}
/* @media screen and (min-width: 992px) {
.boton-menu__barra::before {
top: -0.625rem;
}
} */
/* @media screen and (min-width: 992px) {
.boton-menu__barra::after {
bottom: -0.625rem;
}
} */
/*@media screen and (min-width: 768px){
.header, .headerInclude{
background-color: #00aeef;
}
}*/
.header>.container, .headerInclude>.container{
/*background-color: #00aeef;*/
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
}
@media screen and (min-width: 768px){
.header>.container, .headerInclude>.container{
background-color: transparent;
box-shadow: none;
}
}
.header>.container-fluid, .headerInclude>.container-fluid{
height: calc(100vh - 3.75rem);
margin-left: 0;
margin-right: 0;
position: fixed;
transform: translateX(-105%);
width: 85%;
transition: 0.6s;
}
.header>.container-fluid.active, .headerInclude>.container-fluid.active{
box-shadow: 10px 5px 15px rgba(0, 0, 0, 0.4);
overflow-y: auto;
position: relative;
transform: translateX(0);
}
@media screen and (min-width: 768px){
.header>.container-fluid, .header>.container-fluid.active, .headerInclude>.container-fluid, .headerInclude>.container-fluid.active{
box-shadow: none;
height: auto;
margin-left: auto;
margin-right: auto;
transform: translateX(0);
transition: 0;
width: 100%;
}
}
.header-menu.container{
padding: 0;
}
@media screen and (min-width: 768px){
.header-menu.container{
padding: 0;
}
}
.header-menu__item {
align-items: center;
border-bottom: 1px solid #fff;
display: block;
margin: 0 -15px;
width: calc(100% + 30px);
}
.header-menu__item > a{
outline: none;
}
ul>.header-menu__item:last-child{
border: 0;
}
@media screen and (min-width: 768px){
.header-menu__item {
border: 0;
display: inline-block;
height: 2.75rem;
margin: 0;
width: auto;
}
}
@media screen and (min-width: 992px){
.header-menu__item{
margin: 0 0.9375rem;
}
}
@media screen and (min-width: 992px){
.header-menu__item:first-child{
margin-left: 0;
}
}
.header-menu__item > a {
align-items: center;
color: #fff;
display: block;
font-family: roboto;
font-size: 1rem;
height: 3.125rem;
padding: 0.875rem 0.9375rem;
text-transform: uppercase;
width: 100%;
}
@media screen and (min-width: 768px){
.header-menu__item > a {
font-family: robotobold;
font-size: 0.65625rem;
padding: 0.84375rem 0.625rem;
}
}
@media screen and (min-width: 992px){
.header-menu__item > a {
font-size: 0.6875rem;
}
}
@media screen and (min-width: 1200px){
.header-menu__item > a {
font-size: 0.75rem;
padding: 0.84375rem 0.9375rem;
}
}
.header-menu__item.active {
border-bottom: 3px solid #00aeef;
}
.header-submenu {
position: relative;
width: 100%;
}
.header-submenu>.container{
background-color: rgba(0, 0, 0, .25);
}
@media screen and (min-width: 768px) {
.header-submenu {
left: 0;
position: fixed;
top: 2.75rem;
width: 100%;
}
}
@media screen and (min-width: 1200px) and (-ms-high-contrast: active), (-ms-high-contrast: none){
.header-submenu{
top:8.4rem;
}
}
@media screen and (min-width: 768px) {
.header-submenu>.container {
background-color: transparent;
}
}
@media screen and (min-width: 768px) {
.header-submenu__item{
padding: 1.5625rem 0;
}
}
@media screen and (min-width: 992px) {
.header-submenu__item{
padding: 0.875rem 0.9375rem;
}
}
@media screen and (min-width: 1200px) {
.header-submenu__item{
padding: 0.875rem 0.9375rem;
}
}
.header-submenu__item {
color: #00aeef;
cursor:pointer;
height: 2.8125rem;
text-align: left;
}
@media screen and (min-width: 768px) {
.header-submenu__item {
height: auto;
padding: 0.75rem 0.9375rem;
text-align: center;
}
}
.header-submenu__item>strong{
align-items: center;
display: inline-flex;
height: 100%;
width: 100%;
}
@media screen and (min-width: 768px) {
.header-submenu__item>strong{
display: inline;
height: auto;
width: auto;
}
}
@media screen and (min-width: 992px) {
.header-submenu__item {
padding: 0.875rem 0.9375rem;
}
}
.header-submenu__item:hover {
color: #fff;
}
.header-submenu__icono,
.header-submenu-2__icono{
display: inline-block;
font-size: 2.0rem;
padding: 0.3125rem;
}
@media screen and (min-width: 768px) {
.header-submenu__icono,
.header-submenu-2__icono{
font-size: 5.0rem;
}
}
.header-submenu__nombre {
font-size: 0.875rem;
color: #00aeef;
}
@media screen and (min-width: 768px) {
.header-submenu__nombre {
font-size: 1.1rem;
}
}
.header-submenu__item:hover .header-submenu__nombre, .header-submenu__nombre:focus {
color: #fff;
}
.aside_usuario{
cursor: pointer;
/* padding: 15px 15px 0px 140px; */
padding: 20px 15px 0px 140px;
min-height: 50px;
display: block;
}
.aside_usuario_icono{
color: #fff;
float: left;
font-size: 30px;
height: 45px;
margin-right: 10px;
margin-top: 2px;
padding: 6px 0;
width: 45px;
}
.aside_usuario span{
display: block;
padding-bottom: 2px;
}
.aside_usuario_datos{
padding: 5px;
}
.aside_usuario_nombre{
padding-top: 0;
font-family: robotomedium;
font-size: 13px;
}
.aside_usuario_salir{
padding-top: 0;
font-family: robotomedium;
font-size: 16px;
}
.aside_usuario_ultimo_acceso{
padding-left: 2px;
font-size: 13px;
}
/*.aside_usuario_logout, .aside_usuario_editar {
margin-left: 20px;
float: right;
font-size: 11px;
font-weight: 600;
display: inline-block;
cursor: pointer;
}
.aside_usuario_editar{
margin-left: 55px;
}
.aside_usuario_logout i, .aside_usuario_editar i{
margin: -4px 0 0 10px;
font-size: 20px;
float: right;
}*/
.aside_usuario_editar{
float: left;
font-size: 11px;
font-family: robotomedium;
display: inline-block;
cursor: pointer;
}
.aside_usuario_editar i{
font-size: 25px;
}
.aside_usuario_editar span{
float: right;
margin-left: 7px;
padding-top: 6px;
}
/*---------------------------------------------------------------*/
.container.error{
margin-top: 4vh;
text-align: center;
}
.error_titulo {
font-size: 150px;
font-family: robotolight;
text-align: center;
}
.error_404_titulo {
font-size: 220px;
font-family: robotolight;
text-align: center;
}
.error_400_subtitulo, .error_subtitulo {
font-size: 30px;
color: #666;
margin-top: 30px;
text-align: center;
}
.error_subtitulo {
font-size: 20px;
}
.error_info {
color: #666;
font-size: 42px;
margin-top: 50px;
}
.error button{
font-size: 12px;
font-family: robotomedium;
padding: 10px 15px;
text-transform: uppercase;
margin-top: 35px;
}
.boton-volver-inicio{
margin-bottom: 30px;
}
.botonera{
background-color: #fff;
border: 1px solid #ddd;
margin: 20px 30px 0;
overflow: hidden;
padding: 30px 0;
}
.botonera button{
display: inline-flex;
font-size: 12px;
height: 60px;
letter-spacing: 0.35px;
margin-bottom: 12px;
padding: 10px 15px;
text-align: center;
}
@media screen and (min-width: 768px){
.botonera{
margin: 50px 30px 0;
}
.botonera button{
height: auto;
margin-bottom: 10px;
font-size: 13px;
}
}
@media screen and (min-width: 992px){
.botonera button{
text-transform: uppercase;
}
}
/*---------------------FOOTER-----------------------*/
footer .redes_sociales {
float: right;
margin: 0.53125rem 0;
}
/* .bodyForm footer .redes_sociales {
display: table;
float: none;
margin: 0.53125rem 0;
padding: 0 30px;
width: 100%;
} */
@media screen and (min-width: 768px){
footer .redes_sociales {
margin: 0;
display: table;
float: none;
padding-bottom: 7px;
}
/* .bodyForm footer .redes_sociales {
display: inline;
float: right;
margin: 0;
padding: 0;
width: auto;
} */
}
footer .redes_sociales i {
cursor: pointer;
float: right;
font-size: 1.75rem;
margin-left: 0.625rem;
}
/* .bodyForm footer .redes_sociales a{
display: table-cell;
} */
/* @media screen and (min-width: 768px){
.bodyForm footer .redes_sociales a{
display: inline-block;
}
} */
/* .bodyForm footer .redes_sociales i {
float: none;
font-size: 1.75rem;
margin-left: 0.625rem;
} */
/* @media screen and (min-width: 768px){
.bodyForm footer .redes_sociales i {
float: right;
padding-left: 10px;
padding-right: 10px;
}
} */
footer {
position:static;
left:0px;
bottom:0px;
}
@media screen and (min-width: 768px) {
.boton-footer {
right: 6rem;
}
}
.boton-footer--on {
float: right;
margin-top: -3.625rem;
position: relative;
}
.boton-footer--on.active {
margin-top: 0;
position: fixed;
}
.boton-footer.active,
.boton-footer--on.active {
bottom: calc(100vh - 8.25rem);
}
@media screen and (min-width: 992px) {
.boton-footer.active,
.boton-footer--on.active {
bottom: calc(100vh - 9.5rem);
}
}
.boton-footer.visible:before,
.boton-footer.active.visible:before,
.visible.boton-footer--on.active:before {
opacity: 1;
}
.boton-footer:before,
.boton-footer.active:before,
.boton-footer--on.active:before {
opacity: 0;
transition: 0.8s;
}
/*.fTab.on_footer.active{
margin: 28px;
}*/
.footer {
background-color: #005BAA;
font-size: 0.75rem;
padding-top: 2.8125rem;
position: fixed;
transition: top 0.8s;
top: auto;
width: 100%;
z-index: 5;
}
/* .bodyForm .footer{
padding-top: 0;
position: relative;
} */
/* .bodyForm .footer, .bodyForm .footer.desplegado{
top: auto;
}
.bodyForm .footer__accesos {
border-bottom: 0;
padding: 1.25rem 0;
padding-bottom: 0.9375rem;
} */
/* @media screen and (min-width: 768px){
.bodyForm .footer__accesos {
border-bottom: 1px solid #fff;
}
} */
.footer.desplegado{
top: calc(3.75rem + 10.625rem);
}
.footer-formulario{
/* position: absolute; */
bottom: 0px;
left:0px;
right:0px;
}
.ui-view-body{
/*min-height: calc(100vh - 90px - 44px - 174px);*/
}
.footer-formulario .footer.desplegado{
top: 60vh;
}
@media screen and (min-width: 768px) {
.footer {
padding-top: 0;
position: relative;
}
.footer, .footer.desplegado{
text-align: center;
}
}
@media screen and (min-width: 992px){
.footer__accesos li:nth-last-child(2) {
border-right: 0;
}
.ui-view-body{
/*min-height: calc(100vh - 60px - 44px - 174px);*/
}
}
.footer * {
color: #fff;
}
.footer__accesos {
display: table;
font-size: 0.875rem;
width: 100%;
}
@media screen and (min-width: 768px) {
.ui-view-body{
min-height: calc(100vh - 60px - 44px - 266px);
}
.footer__accesos {
border-bottom: 0;
padding: 3.25rem 0;
padding-bottom: 0;
}
}
.footer-visible>div:not(.footer__legales){
height: calc(100vh - (3.75rem + (5.3125rem * 2) + 2.8125rem) - 0.9375rem);
overflow-y: auto;
}
.footer-formulario .footer-visible>div:not(.footer__legales){
height: calc(40vh - 4.0625rem);
}
@media screen and (min-width: 768px) {
.footer-visible>div:not(.footer__legales), .footer-formulario .footer-visible>div:not(.footer__legales) {
height: auto;
overflow-y: hidden;
}
}
/* .bodyForm .footer-formulario .footer-visible>div:not(.footer__legales) {
height: auto;
overflow-y: hidden;
} */
.footer__accesos li {
border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.5);
display: block;
height: 2.8125rem;
line-height: 2.75rem;
}
/* .bodyForm .footer__accesos li {
border-bottom: 1px solid #fff;
border-left: 0;
display: block;
height: auto;
line-height: normal;
padding: 0.9375rem;
text-align: left;
} */
@media screen and (min-width: 768px) {
.footer__accesos li, .footer__accesos li{
border-bottom: 0;
height: 57px;
line-height: 10px;
text-align: center;
display: inline-block;
padding-bottom: 14px;
margin-bottom: 15px;
padding-left: 20px;
padding-right: 20px;
text-transform: uppercase;
border-right: .125rem solid #fff;
}
.footer__accesos li:first-child{
border-left: 0;
}
}
@media screen and (min-width: 768px) {
.footer__accesos li {
height: 10px;
font-size: 10px;
padding-bottom: 0px;
}
}
@media screen and (min-width: 768px){
.footer__accesos li>a {
font-weight: 600;
}
}
.footer__accesos li.footer__legales-texto--mobile{
align-items: center;
display: inline-flex;
font-size: 0.6875rem;
height: 3.75rem;
line-height: 1.2;
}
@media screen and (min-width: 768px) {
.footer__accesos li.footer__legales-texto--mobile {
display: none;
}
}
/* .bodyForm .footer__accesos li.footer__legales-texto--mobile {
display: none;
}
*/
.footer__accesos>li:last-child {
border: 0;
}
.footer__accesos a:hover,.footer__accesos a:focus{
color: #00aeef;
}
.footer__legales {
height: 2.8125rem;
left: 0;
padding: 0 0.9375rem;
position: absolute;
right: 0;
text-align: center;
top: 0;
}
@media screen and (min-width: 768px) {
.footer__legales {
background-color: transparent;
border: 0;
height: auto;
padding: 0.625rem 0.9375rem;
position: relative;
padding-bottom: 3.25rem;
text-align: -webkit-center;
}
}
/* .bodyForm .footer__legales {
background-color: transparent;
border: 0;
height: auto;
padding: 0.625rem 0.9375rem;
position: relative;
} */
.footer__legales>i{
float: left;
font-size: 1.5625rem;
margin: 0.5625rem 0;
transition: 0.8s;
}
.footer.desplegado .footer__legales>i{
transform: rotateX(180deg);
}
@media screen and (min-width: 768px) {
.footer__legales>i{
display: none;
}
}
/* .bodyForm .footer__legales>i{
display: none;
} */
.footer__legales-texto{
display: none;
}
@media screen and (min-width: 768px) {
.footer__legales-texto{
display: table;
margin: 0.34375rem 0;
color: rgba(193, 193, 193, 0.62);
margin-left: 18px;
}
}
.aside__footer{
border-top: 1px solid rgba(255, 255, 255, .5);
padding: 15px;
}
@media screen and (min-height: 700px){
.aside__menu{
height: calc(100vh - 353px);
overflow-y: auto;
scrollbar-width: thin; /* "auto" or "thin" */
scrollbar-color: white #005BAA;
}
.aside__footer{
bottom: 0;
left: 0;
position: absolute;
right: 0;
}
}
.aside__menu::-webkit-scrollbar-track
{
background-color: #005BAA;
}
.aside__menu::-webkit-scrollbar
{
width: 8px;
background-color: white;
}
.aside__menu::-webkit-scrollbar-thumb
{
box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: white;
border-radius: 10px;
}
.aside__legales-texto{
color: rgba(193, 193, 193, 0.62);
display: block;
text-align: center;
}
aside .redes_sociales{
align-items: center;
display: inline-flex;
justify-content: center;
width: 100%;
}
aside .redes_sociales a{
color: #fff;
font-size: 28px;
margin: 0 5px;
}
/* .bodyForm .footer__legales-texto{
display: inline-block;
margin: 0.34375rem 0;
} */
@media screen and (min-width: 768px) {
.footer__legales-texto--mobile{
display: none;
}
}
/* .bodyForm .footer__legales-texto--mobile{
display: none;
} */
.footer__mapa {
background-color: #00aeef;
bottom: -2px;
left: 0;
max-height: 0;
overflow-y: auto;
position: fixed;
transition: max-height 0.8s;
width: 100%;
z-index: 5;
}
.footer__mapa.active {
max-height: calc(100vh - 4.375rem);
}
@media screen and (min-width: 992px) {
.footer__mapa.active {
max-height: calc(100vh - 5.75rem);
}
}
.footer__mapa > .container {
min-height: calc(100vh - 5.625rem - 5.25rem);
}
.footer__menu {
float: right;
margin-bottom: 0.625rem;
overflow: hidden;
}
@media screen and (min-width: 992px) {
.footer__menu {
float: left;
}
}
.footer__menu li {
height: auto;
margin: 0;
padding: 0.9375rem;
padding-bottom: 0.3125rem;
}
.footer__menu li:first-child {
margin-left: 0;
}
.footer__menu li.active {
border-bottom: #FFF solid 3px;
}
.footer__menu li a {
font-family: robotobold;
font-size: 0.9375rem;
}
.footer__buscador {
background-color: #fff;
float: right;
margin: 0.3125rem 0.9375rem;
margin-bottom: 1.5625rem;
}
@media screen and (min-width: 992px) {
.footer__buscador {
float: left;
}
}
.footer__buscador i {
border-left: 0.125rem solid #eee;
color: #333;
cursor: pointer;
float: right;
font-size: 1.5625rem;
padding: 0.3125rem 0;
text-align: center;
width: 2.1875rem;
}
.footer__buscador input {
border: 0;
color: #333;
float: right;
font-size: 0.9375rem;
padding: 0.5625rem 0.9375rem;
width: calc(100% - 2.1875rem);
}
.footer-guia__mitad {
overflow: hidden;
}
@media screen and (min-width: 768px) {
.footer-guia__mitad {
border-top: 0.0625rem solid #fff;
}
}
.footer-guia__mitad > div {
border-top: 0.0625rem solid #fff;
padding: 1.875rem 0.9375rem;
}
@media screen and (min-width: 768px) {
.footer-guia__mitad > div {
border: 0;
}
}
.footer-guia__letra {
float: left;
font-family: robotobold;
font-size: 3.125rem;
margin-top: -0.8125rem;
width: 4.6875rem;
}
.footer-guia__opciones {
float: right;
text-align: left;
width: calc(100% - 4.6875rem);
}
.footer-guia__opciones a {
display: inline-block;
font-size: 0.875rem;
line-height: 1.25rem;
}
.footer-interior {
background-color: #005BAA;
}
#perfil label {
display: block;
font-size: 16px;
font-family: robotolight;
margin-bottom: 2.5px;
}
.cancelacionEscribaniaMain{
margin-top: 70px;
}
.pointer{
cursor:pointer;
}
/*-------------------CAPTCHA--------------------*/
/* CAPTCHA DEL FORM DE REGISTRO */
#googleRecaptcha>div>div {
margin: auto;
/* left: calc(50% - 152px); */
position: absolute;
}
.registro_captcha {
height: 112px;
overflow: visible;
}
.registro_captcha .tooltip.bottom {
left: calc(78% - 86px) !important;
top: 50px !important;
}
.simulador_form .tooltip.bottom{
top: 150px !important;
}
.login_form .tooltip.bottom{
margin-top:-35px;
left: -13px !important;
}
.test_inversor .wizard > .content > .body input[type="radio"], .registro_form_legales input[type="checkbox"], .wizard > .content > .body input[type="checkbox"]{
display: none;
}
.test_inversor .wizard > .content > .body input[type="radio"].checked+label>span:before,
.registro_form_legales input[type="checkbox"].checked+label>span:before, .step_confirmacion input[type="checkbox"].checked+label>span:before{
color: #00aeef;
content: '✔';
font-size: 15px;
}
.login_form .titulo-ingresa{
margin-bottom:0;
}
.login_form .leyenda-con{
font-size: 15px;
font-weight: bold;
margin-bottom: 15px;
}
.login_form .leyenda-con-reconocimiento{
font-size: 14px;
}
.login_form>div, .registro_form{
min-height: 200px;
}
.registro_form .tooltip.bottom{
margin-top:-35px;
left: -28px !important;
}
.registro_form .registro_captcha .tooltip.bottom {
margin-top: 30px;
left: -28px !important;
}
.recomendaciones-verificacion{
margin-top:15px;
text-align:left;
}
.recomendaciones-verificacion .principal{
margin-bottom:50px;
}
.recomendaciones-verificacion div{
padding:5px;
margin-bottom:15px;
}
.recomendaciones-verificacion li{
margin-bottom:10px;
}
.rc-anchor.rc-anchor-normal.rc-anchor-light {
transform: scale(0.95) !important;
}
#perfil label>span {
color: #00aeef;
cursor: pointer;
float: right;
font-size: 12px;
margin-top: 5px;
}
.perfil_campo.col-xs-6 {
padding: 0;
}
.perfil_campo {
border: 1px solid rgb(216, 221, 225);
height: 45px;
margin-bottom: 30px;
width: calc(100% - 1px);
transition: margin-bottom 0.3s;
}
@media screen and (min-width: 768px) {
.input-plazo_fijo {
max-width: 260px;
}
.perfil_campo.max-230 {
max-width: 230px;
}
.max-200{
max-width: 200px;
min-width: 155px;
}
}
.perfil_campo.plazo_fijo>.tooltip.bottom{
margin-top: 5px !important;
}
.input-plazo_fijo>.perfil_campo>.input_monto{
padding-left: 30px;
}
.perfil_campo.plazo-fijo_monto{
display: flex;
align-items: center;
}
.perfil_campo.perfil_campo.plazo-fijo_monto>span{
position: absolute;
font-size: 28px;
display: flex;
align-items: center;
}
.perfil_campo.perfil_campo.plazo-fijo_monto>.tooltip.bottom{
left: 0px !important;
}
@media screen and (min-width: 768px){
.perfil_campo{
margin-bottom: 45px;
}
}
@media screen and (min-width: 1600px){
.perfil_campo{
margin-bottom: 50px;
}
}
.perfil_campo>i {
float: left;
font-size: 27px;
padding: 7px 9px;
}
.perfil_campo i.mostrar-contrasena{
cursor: pointer;
float: right;
pointer-events: auto;
transition: 0.1s;
}
.perfil_campo input,
.perfil_campo select,
.perfil_campo select:focus {
background-color: transparent;
border: 0;
color: #666;
float: right;
font-size: 15px;
height: 100%;
outline: none;
padding: 5px 15px;
width: 100%;
}
.perfil_campo input[disabled],
.perfil_campo select:disabled{
background: #ebebe4;
}
.registro_form_empresas .perfil_campo input[disabled],
.registro_form_empresas .perfil_campo select:disabled{
background: transparent;
cursor: not-allowed;
}
.perfil_campo i+input{
padding-left: 7.5px;
width: calc(100% - 45px);
}
section.section_form {
position: fixed;
width: 100%;
top: 60px;
left: 0px;
background: rgb(1, 86, 166);
padding-bottom: 0;
padding-top: 0px;
z-index: 3000;
}
@media screen and (min-width: 768px){
section.section_form{
padding-bottom: 1.5625rem;
top: 6.5rem;
}
.perfil_campo input,
.perfil_campo select,
.perfil_campo select:focus{
padding: 10px 15px;
}
}
@media screen and (min-width: 992px){
section.section_form{
top: 8.375rem;
}
}
@media screen and (min-width: 1200px){
section.section_form{
top: 8.375rem;
}
}
.sin-shadow{
box-shadow:none;
}
.terminos{
margin-bottom: 1rem;
margin-top: 1rem;
text-align: left;
}
.terminos span{
font-size:1.1rem !important;
position:relative;
margin-left:15px;
}
.terminos-registro span{
top:-18px;
}
.terminos-turno{
text-align: right;
margin-top:1.5rem;
margin-bottom:0px;
}
.terminos-turno span{
top:-18px;
}
.terminos a:hover,
.terminos a:focus{
outline:none;
}
/*--------------CHECKBOX--------------------*/
.regular-checkbox {
display: none;
}
.regular-checkbox + label {
width: 0px;
/* background-color: #fafafa; */
border: 1px solid #d8dde1;
/* box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); */
padding: 9px;
/* border-radius: 3px; */
display: inline-block;
position: relative;
}
.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.regular-checkbox:checked + label {
/* background-color: #e9ecee; */
/* border: 1px solid #adb8c0; */
/* box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); */
color: #99a1a7;
}
.regular-checkbox:checked + label:after {
content: '\2713';
font-size: 14px;
position: absolute;
top: 0px;
left: 3px;
color: #00aeef;
}
.big-checkbox + label {
padding: 18px !important;
}
.big-checkbox:checked + label:after {
font-size: 28px;
left: 6px;
}
.tag {
font-family: Arial, sans-serif;
width: 200px;
position: relative;
top: 5px;
font-weight: bold;
text-transform: uppercase;
display: block;
float: left;
}
/*--------------LOADERS---------------------*/
.disable-opacity{
pointer-events:none;
opacity: 0.5;
}
.opacity{
opacity: 0.5;
}
.opacity-black{
background-color: BLACK !important;
opacity: 0.5;
}
.loader-nueva-password {
width: 100px;
height: 100px;
position: absolute;
top: 33%;
left: 45.5%;
margin: 0 0 0 -50px;
}
.loader-detalles-personales {
width: 100px;
height: 100px;
position: absolute;
left: 47%;
margin: 0 0 0 -50px;
}
/* .loader-principal {
width: 100px;
height: 100px;
position: absolute;
left: 47%;
top: 45%;
margin: 0 0 0 -50px;
z-index: 2;
} */
.loader-principal, .loader-adhesion, .loader-modal-prestamo, .loader-turno, .loader-generico, .loader-envio{
width: 100px;
height: 100px;
position: fixed;
left: calc(50% - 50px);
top: calc(50vh - 50px);
margin: 0;
z-index: 999999;
}
.loader-principal.login>.uil-default-css{
height: calc(100% * 5 / 3);
margin-top: -33px;
width: calc(100% * 5 / 3);
margin-left: -33px;
}
.loader-principal.login>.uil-default-css>.loader-size{
left: 75px;
top: 60px;
}
/* .loader-adhesion {
width: 100px;
height: 100px;
position: absolute;
left: 47%;
top: 31.5%;
margin: 0 0 0 -50px;
}
.loader-modal-prestamo{
width: 100px;
height: 100px;
position: absolute;
left: 41.5%;
top: 35%;
margin: 0 0 0 -50px;
}
.loader-mapa {
width: 100px;
height: 100px;
position: absolute;
z-index:9999;
left: 42%;
top: 38%;
margin: 0 0 0 -50px;
}
.loader-turno {
width: 100px;
height: 100px;
position: absolute;
left: 35%;
top: 150%;
margin: -50px 0 0 -50px;
}
.loader-generico {
blackground:BLACK;
width: 100px;
height: 100px;
right:50%;
bottom:50%;
z-index:9999;
position: absolute;
}
.loader-envio {
width: 100px;
height: 100px;
top:50%;
right:50%;
position: absolute;
}*/
#over-everything {
background-color: rgba(100,100,100,.9);
z-index: 999;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.img-loader{
width: 220px !important;
margin: auto !important;
position: relative;
}
.img-loader>div>img{
width: 100%;
}
.loader-size {
top: 77px;
left: 180px;
width: 14px;
height: 46px;
background: #00aeef;
border-radius: 4px;
position: absolute;
margin: 0px;
}
.fondo_celeste {
background-color: #00aeef;
color: #fff;
}
.color_celeste {
color: #00aeef;
}
.fondo_azul {
background-color: #005BAA;
color: #fff;
}
.fondo_gris {
background-color: #f9f9f9;
}
.fondo_verde{
background: #A0D468;
}
.body-verificacion {
margin-top: 60px;
}
@media screen and (min-width: 992px){
.body-verificacion {
margin-top: 90px;
}
}
/* VERIFICAR CUENTA */
.verificar_cuenta {
color: #414143;
/* MGM VERIFICAR */
/* min-height: calc(100vh - 165px); */
padding-bottom: 40px;
text-align: center;
}
form#modificacionForm.verificar_cuenta button{
margin-top: 20px;
}
form#modificacionForm.verificar_cuenta{
padding-top: 60px;
padding-bottom: 175px;
}
.body-verificacion{
min-height: calc(100vh - 165px);
}
@media screen and (min-width: 992px){
.body-verificacion {
min-height: calc(100vh - 193px);
}
}
.verificar_cuenta .h1 {
float: none;
margin: auto;
}
.verificar_cuenta .h1>h1 {
border: 0;
color: #00aeef;
font-size: 40px;
font-family: robotolight;
margin: 40px 0;
padding: 0;
text-transform: uppercase;
}
@media screen and (min-width: 992px){
.verificar_cuenta .h1>h1 {
margin: 65px 0 60px 0;
}
}
.verificar_cuenta p {
display: inline-block;
font-size: 20px;
margin: auto;
margin-bottom: 50px;
}
.verificar_cuenta .isotope {
padding-left: 0%;
padding-right: 0%;
}
@media screen and (min-width: 992px) {
.verificar_cuenta .isotope {
padding-left: 20%;
padding-right: 20%;
}
}
.verificar_cuenta label,
.verificar_cuenta i,
.verificar_cuenta input {
color: #666;
}
.verificar_cuenta label,
.verificar_cuenta .perfil_campo {
text-align: left;
width: 100%;
}
.verificar_cuenta .perfil_campo {
margin-bottom: 35px;
}
.verificar_cuenta label {
margin-bottom: 5px;
}
.verificar_cuenta .copete {
padding-top: 10px;
color: black;
font-size: 12px;
font-family: robotolight;
}
.verificar_cuenta .header {
padding-top: 30px;
padding-bottom: 30px;
width: 100%;
background: white;
}
/* .verificar_cuenta button {
font-size: 22px;
margin-top: 20px;
padding: 20px 30px;
} */
.verificar_cuenta .spanMedio {
margin-right: 250px;
margin-left: 250px;
display: block;
font-family: Arial;
font-size: 12pt;
color: #666;
padding-bottom: 50px;
border-bottom-color: #e6e6e6;
border-bottom-style: solid;
border-bottom-width: 1px;
}
@media screen and (min-width: 768px){
.section_form+.wrapper{
min-height: calc(100vh - 371.19px);
}
}
@media screen and (min-width: 900px){
.section_form+.wrapper{
min-height: calc(100vh - 333.19px);
}
}
@media screen and (min-width: 992px) {
.section_form {
top: 8.375rem;
height: 7.5rem;
}
.section_form .titulo_form {
padding: 0 0;
}
.section_form+.wrapper{
min-height: calc(100vh - 21.6875rem); /* El alto de la pantalla menos el del header, menu y footer */
padding-bottom: 3.125rem;
}
}
@media screen and (min-width: 1200px) {
.section_form {
height: 7.5rem;
}
}
.section_form .titulo_form {
align-items: center;
color: white;
display: inline-flex;
font-family: robotothin;
font-weight: 600;
padding: 12.5px 0;
}
@media screen and (min-width: 768px){
.section_form .titulo_form{
display: block;
padding: 1.6rem 0;
}
}
.section_form .titulo_form>span{
font-size: 16px;
padding: 0;
}
@media screen and (min-width: 768px){
.section_form .titulo_form>span{
font-size: 35px;
line-height: 1.15;
padding: 10px 100px 0 0;
}
}
.titulo_form i {
font-size: 35px;
font-weight: normal;
margin-right: 10px;
}
@media screen and (min-width: 768px){
.titulo_form i{
float: left;
font-size: 73px;
margin-right: 0;
}
}
.titulo_form span {
padding-top: 10px;
padding-right: 100px;
}
.subtitulo_form {
color: #797979;
padding-bottom: 30px;
padding-top: 20px;
border-bottom: #d8dde1 solid 1px;
margin-bottom: 30px;
}
button {
padding: 10px;
background-color: #ddd;
color: #666;
width: 100%;
border: 0;
border-radius: 0.2rem;
}
.login_recuperar_contrasena.active {
transform: translateY(0);
}
.login_form>div{
padding: 35px 30px;
}
@media screen and (min-width: 768px){
.login_form>div{
padding: 45px 30px;
}
}
.login_form>div{
border-bottom: 1px solid #fff;
}
.login_face_recognition .volver{
position: relative;
top: 100px;
bottom: 35px;
width: 80% !important;
}
.login_face_recognition .leyenda{
text-align: center;
font-size: 16px;
margin-bottom: 25px;
}
.registro_form, .registro_form_legales, .login_legales{
border: 0;
height: 100%;
left: 0;
padding: 35px 30px;
position: absolute;
top: 0;
transform: translateY(-120%) translateY(-70px);
transition: transform 0.8s ease-in-out;
width: 100%;
z-index: 1;
}
@media screen and (min-width: 768px){
.registro_form, .registro_form_legales, .login_legales{
padding: 45px 30px;
}
}
.prestamos_legales{
border: 0;
height: 100%;
left: 0;
padding: 45px 30px;
position: absolute;
top: 0;
transform: translateX(100%);
transition: transform 0.8s ease-in-out;
width: 100%;
z-index: 5000;
}
.modal_detalle .prestamos_legales p{
font-size: 10px;
line-height: 12px;
}
.registro_form{
height: auto;
}
.registro_form.active, .registro_form_legales.active, .login_legales.active, .prestamos_legales.active{
transform: translateY(0);
}
.login_opciones_legales{
color: #666;
padding-left: 30px;
pointer-events: none;
}
.login_opciones_legales a{
color: #666;
pointer-events: visible;
}
@media screen and (min-width: 768px){
.login_opciones_legales{
bottom: 20px;
}
}
.registro_form_legales input[type="checkbox"]+label, .step_confirmacion input[type="checkbox"]+label{
display: block;
float: left;
font-family: robotolight;
font-size: 16px;
font-weight: normal;
text-align: left;
width: 100%;
}
.registro_form_legales input[type="checkbox"]+label>span, .step_confirmacion input[type="checkbox"]+label>span{
background-color: #fff;
cursor: pointer;
float: left;
line-height: 20px;
height: 20px;
margin: 2px 25px 0 0;
text-align: center;
width: 20px;
}
.step_confirmacion input[type="checkbox"]+label>span{
border: 1px solid #ddd;
margin-right: 15px;
}
.legales_texto{
color: #666;
font-size: 12px;
height: calc(100% - 216px);
margin-top: 20px;
}
.gestion_legales_texto{
background-color: rgba(0, 0, 0, 0.1);
height: calc(100% - 400px);
margin-bottom: 25px;
padding: 15px;
}
.login_legales .legales_texto,
.prestamos_legales .legales_texto{
height: calc(100% - 169px);
margin-bottom: 50px;
}
.legales_texto>div{
height: 100%;
overflow-y: auto;
text-align: justify;
}
.legales_texto p{
padding-right: 15px;
}
.modal_login .login_boton{
bottom: 40px;
position: absolute;
width: calc(100% - 60px);
}
@media screen and (min-width: 768px){
.modal_login .login_boton{
bottom: 50px;
}
}
.legales_botones{
bottom: 45px;
position: absolute;
width: calc(100% - 60px);
}
.login_form>div:last-child{
border: 0;
}
select option {
color: #666;
}
.registro_volver {
margin: 4px 0 10px 0;
margin-top: 4px;
margin-bottom: 10px;
text-align: left;
cursor: pointer;
}
.login_recuperar_contrasena {
height: 100%;
left: 0;
padding: 35px 30px;
position: absolute;
top: 0;
transform: translateY(-100%);
transition: transform 0.8s ease-in-out;
width: 100%;
z-index: 1;
}
@media screen and (min-width: 768px){
.login_recuperar_contrasena{
padding: 45px 30px;
}
}
.uib-datepicker-popup,
.uib-datepicker {
padding: 0.8em 0.8em 0.8em 0.8em;
z-index: 9999;
}
/* .uib-daypicker, */
/* .uib-monthpicker, */
/* .uib-yearpicker{ */
/* outline:none; */
/* } */
.uib-datepicker th,
.uib-datepicker th i{
color:#005baa;
}
.uib-right,
.uib-right {
display: inline-block;
}
.uib-left,
.uib-left {
display: inline-block;
}
@media screen and (min-width: 768px) {
.registro_form,
.registro_form_legales,
.login_legales{
padding: 45px;
}
.login_form>div,
.registro_form {
min-height: 355px;
}
.registro_volver {
margin: 10px 0 0 0;
text-align: left;
cursor: pointer;
}
}
@media screen and (min-width: 992px) {
.login_form>div {
border-right: 1px solid;
border-bottom: 0;
}
}
.login_form .row-ingresar{
margin-top: 15px;
display: block;
margin-bottom: 40px;
}
.login_form .olvide-contrasena{
font-style: italic;
}
.login_form .divisor-ingresar{
margin-bottom:20px;
}
.login_form .icono-reconocimiento{
font-size: 100px;
text-align: center;
cursor: pointer;
}
.login-form-principal{
height: 100%;
position: relative;
}
.login_form .text-login-fr{
text-align: center;
margin-bottom: 10px;
margin-top: 10px;
}
@media screen and (max-width: 768px){
.login_form .div-boton-ingresar{
margin-top: 0px;
}
}
.login_form .input-contrasena{
margin-bottom:0px;
}
.switcher>span{
border: 1px solid #d8dde1;
color:#666666;
background:white;
cursor: pointer;
display: inline-block;
float: left;
font-family: robotomedium;
padding: 0.5rem 1rem;
text-align: center;
margin-left: 10px;
}
.switcher>span.active{
background-color: #00aeef;
border-color: #00aeef;
color: #fff;
}
/* LISTA CHECKBOXS */
.lista-checkboxs{
list-style: none;
margin: 0;
padding: 0;
overflow: auto;
}
.lista-checkboxs li{
display: block;
position: relative;
float: left;
}
.lista-checkboxs li input[type=radio]{
position: absolute;
visibility: hidden;
}
.lista-checkboxs li label{
display: block;
color: #8a8a8a;
font-size: 16px;
padding: 0 0 0 40px;
cursor: pointer;
-webkit-transition: all 0.25s linear;
}
.lista-checkboxs li .check{
display: block;
position: absolute;
border: 2px solid #666666;
border-radius: 100%;
height: 21px;
width: 21px;
top: 0;
transition: border .25s linear;
-webkit-transition: border .25s linear;
}
.lista-checkboxs li:hover .check {
border: 2px solid #666666;
}
.lista-checkboxs li .check::before {
display: block;
position: absolute;
content: '';
border-radius: 100%;
height: 13px;
width: 13px;
top: 2px;
left: 2px;
margin: auto;
transition: background 0.25s linear;
-webkit-transition: background 0.25s linear;
cursor:pointer;
}
.lista-checkboxs input[type=radio]:checked ~ .check {
border: 2px solid #00aeef;
}
.lista-checkboxs input[type=radio]:checked ~ .check::before{
background: #00aeef;
}
.lista-checkboxs input[type=radio]:checked ~ label{
color: #8a8a8a;
}
/* DISPOSITIVOS */
.check-dispositivo{
left:40%;
}
.header-dispositivos, .header-dispositivo{
margin-bottom: 0.5rem;
font-size: 18px;
font-weight: bold;
padding-left: 0;
padding-right: 0;
}
@media screen and (max-width: 767px) {
.header-dispositivos {
display: none;
}
}
@media screen and (max-width: 767px) {
.check-dispositivo {
top: 27px !important;
}
}
@media screen and (min-width: 768px) {
.header-dispositivo {
display: none;
}
}
.dispositivo{
padding-bottom: 0.5rem;
padding-top: 0.5rem;
font-size: 18px;
border-bottom: 1px solid #aaaebf;
cursor:pointer;
}
.dispositivo:last-of-type{
border:0;
}
/* TABLAS */
.table{
width: 700px;
}
.datos_personales{
/* overflow-x: hidden; */
position: relative;
}
.ngTable{
/*margin-bottom: 70px;*/
overflow-x: auto;
width: 100%;
}
.ngTable thead{
border: 1px solid #4181bc;
}
.ngTable tbody>tr{
cursor: pointer;
}
.ng-table-responsive td:before {
/*position: absolute;*/
/*padding: 8px;*/
/*left: 0;*/
/*top: 0;*/
/*width: 50%;*/
white-space: nowrap;
text-align: left;
font-weight: bold;
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
bottom: 19px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td,
.table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
padding: 0;
vertical-align: middle;
}
.table>thead>tr>td, .table>thead>tr>th{
padding: 0;
background-color: #4181bc;
}
#bonos table>thead>tr>th:first-child{
width: 40%;
}
#accionesLideres table>thead>tr>th:first-child{
width: 50%;
}
/* .ngTable i{ */
/* font-size: 23px; */
/* float: left; */
/* } */
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
height: 50px;
color: #fff;
text-transform: uppercase;
font-size: 12px;
font-family: robotolight;
border: 0;
}
/*.table-bordered>thead>tr>th{
height: 50px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
font-size: 11px;
border: 0;
background: #4181bc;
}*/
.table-bordered>thead>tr>td>div{
padding: 6px 11px;
}
.table-bordered>thead>tr>th>div{
padding: 6px 11px;
}
.table-bordered>thead>tr>th:first-child>div{
padding: 6px 0;
}
.table-bordered>thead>tr>th:first-child>div{
border-left: 0;
}
.table-bordered>thead>tr>td:first-child>div{
border: 0;
padding-left: 0;
}
.table-bordered td:before {
/*position: absolute;*/
/*padding: 8px;*/
/*left: 0;*/
/*top: 0;*/
/*width: 50%;*/
white-space: nowrap;
text-align: left;
font-weight: bold;
}
#bonos .table-bordered>thead>tr>td:nth-child(2)>div, #accionesLideres .table-bordered>thead>tr>td:nth-child(2)>div{
border: 0;
}
.table-bordered>thead>tr>td:last-child>div{
padding-right: 0;
}
.table-bordered>thead>tr>th:last-child>div{
padding-right: 0;
}
.table-bordered{
border: 1px solid #ddd;
}
.table-bordered>tbody>tr>td{
border: 0;
border-bottom: 1px solid #ddd;
font-family: 'roboto-condensed';
text-align: center;
}
.table-bordered>tbody>tr>td:first-child{
text-align: left;
}
.ngTable tbody>tr>td>div{
align-items: center;
display: inline-flex;
font-size: 16px;
height: 75px;
line-height: 20px;
padding: 0 11px;
}
.ngTable tbody>tr:last-child>td>div{
border-bottom: 0;
font-size: 16px;
}
#bonos tbody>tr>td:first-child>div, #accionesLideres tbody>tr>td:first-child>div{
display: table-cell;
padding: 0 0 0 5px;
vertical-align: middle;
}
.ngTable tbody>tr>td:last-child>div{
padding-right: 0;
}
.ngTable #bonos tr>td:first-child, .ngTable #accionesLideres tr>td:first-child {
padding-left: 5px;
}
.ngTable thead>tr>td:first-child, .ngTable thead>tr>th:first-child{
padding-left: 10px;
text-align: left;
}
.ngTable tr>td:last-child {
padding-right: 15px;
}
td>div i{
margin-right: 6px;
}
tbody>tr>td>div>span{
font-size: 13px;
}
.table-striped>tbody>tr:hover, .table-striped>tbody>tr:nth-of-type(odd):hover{
background-color: #bfe2ef;
}
.ng-table th.sortable.sort-desc,.ng-table th.sortable.sort-asc{
background-color: #4181bc;
}
#tabla_cotizaciones_wrapper>.row, #tabla_solicitudes_wrapper>.row{
margin: 0;
}
#tabla_cotizaciones_wrapper{
margin-top: 25px;
}
.cotizacionUVA{
color: #005BAA;
}
.modal_tenencia_detalle .modal_tenencia_variacion{
color: #A0D468;
padding: 5.5px 5px;
}
.modal_tenencia_variacion>*{
line-height: 24px;
}
.modal_tenencia_variacion>i{
margin-right: 5px;
}
.ng-table th.sortable.sort-desc, .ng-table th.sortable.sort-asc{
text-shadow: none;
}
.ng-table th.sortable.sort-desc .sort-indicator:after{
border-top: 4px solid #fff;
opacity: 1;
}
.ng-table th.sortable.sort-asc .sort-indicator:after, .ng-table th.sortable.sort-asc .sort-indicator:before,
.ng-table th.sortable.sort-asc .sort-indicator:hover:after, .ng-table th.sortable.sort-asc .sort-indicator:hover:before{
border-bottom: 4px solid #fff;
opacity: 1;
}
/* .btn-default, .btn:hover, .btn:focus, .btn:active, .btn:active:focus{ */
/* background-color: #00aeef; */
/* border-color: #00aeef; */
/* box-shadow: 0 0 0; */
/* color: #ffffff; */
/* outline: 0; */
/* } */
.pagination, .pagination>li:first-child>a, .pagination>li:first-child>span,
.pagination>li:last-child>a, .pagination>li:last-child>span{
border-radius: 0;
}
.float-right{
float:right;
}
.icon-orden{
float:right;
font-size:10px;
margin-right:10px;
cursor:pointer;
}
.ngTable button, .ngTable button:focus, .pagination>li>a, .pagination>li>span{
background-color: #fff;
border-color: #ddd;
color: #666;
}
.ngTable button:hover, .ngTable button:active, .pagination>li>a:focus,
.pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{
background-color: #f9f9f9;
color: #666;
}
.ngTable button.active, .ngTable button.active:hover,
.ngTable button.active:focus, .ngTable buttone.active:active{
background-color: #4181bc;
border-color: #4181bc;
box-shadow: 0 0 0;
color: #fff;
outline: none;
}
.ng-table-counts.btn-group.pull-right.ng-scope{
display:flex;
margin: 20px 0;
}
.ng-table-pager{overflow: hidden;}
.ng-table+div[ng-table-pagination="params"]{
bottom: 0;
left: 0;
position: absolute;
right: 0;
}
.btn-group > .btn, .btn-group-vertical > .btn{
height: 34px;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle){
border-radius: 0;
}
.form-control{
box-shadow: 0 0 0;
}
.textarea{
border: solid 1px #d8dde1;
padding: 0.625rem 0.9375rem;
width:100%;
height: 30%;
font-size:15px;
outline: none;
resize:none;
}
.tipo_historico .filtro, .perfil_tipo_datos span {
background-color: #f9f9f9;
color: #666;
cursor: pointer;
font-style: normal;
font-family: robotomedium;
margin: 0 0 10px 0;
padding: 9px 27.5px;
text-align: center;
}
.tipo_historico .active {
background-color: #00AEEF;
color: white;
}
.perfil_tipo_datos, .tipo_historico {
display: block;
margin: 0 -15px 10px -15px;
}
.tipo_historico #divFilters>div, .tipo_historico #divFilters>diform>div{
margin-bottom: 20px;
}
@media screen and (min-width: 768px){
.tipo_historico #divFilters>diform>div{
margin-bottom: 0x;
}
.perfil_tipo_datos, .tipo_historico {
margin: 0 -15px 25px -15px;
}
}
.pad-off{
padding-left:0px !important;
padding-right:0px !important;
}
.pagination{
clear: left;
float: left;
}
.table+.pagination{
bottom: 0;
left: 0;
position: absolute;
}
.tipo_historico i, .perfil_tipo_datos span {
display: inline-block;
margin: 0 5px 0 0;
}
#venderForm{
margin: 0 -15px 30px;
overflow: hidden;
}
@media screen and (min-width: 768px){
#venderForm{
margin: 0 0 45px;
}
}
@media screen and (max-width: 768px){
#venderForm{
margin: 0 0 45px;
}
}
#venderForm>div>div{
border-bottom: 1px solid #ddd;
padding: 8px 15px;
}
@media screen and (min-width: 768px){
#venderForm>div{
/*padding: 8px 15px 8px 0;*/
}
#venderForm>div+div{
/*padding: 8px 0 8px 15px;*/
}
}
form[name="promesaPagoPrestamoForm"]{
padding-bottom: 30px;
}
@media screen and (min-width: 992px){
form[name="promesaPagoPrestamoForm"]{
padding-bottom: 0;
}
}
.table-roboto tbody tr td div span{
font-family: roboto !important;
line-height: 1.3;
}
.icono-fecha-nacimiento{
color: #fff;
background-color: #005baa;
border-color: #005baa;
cursor: pointer;
height: 100%;
}
/* SLIDESHOW */
.slideshow {
cursor: pointer;
height: calc(100vh - 8.1875rem); }
@media screen and (min-width: 768px) {
.slideshow {
display: block;
height: calc(100vh - 10.875rem); } }
@media screen and (min-width: 992px) {
.slideshow {
height: calc(100vh - 5.625rem); } }
.slideshow .carousel-inner {
height: 100%; }
.slideshow .item {
height: 100%; }
.carousel-inner .item.next.left .carousel-caption.not-mobile > .container {
overflow: hidden; }
.carousel-inner .item:hover .carousel__imagen {
transform: scale(1.1); }
.carousel__imagen {
background-position: center;
background-size: cover;
height: 100%;
-moz-transition: all 2s ease;
-webkit-transition: all 2s ease;
-o-transition: all 2s ease;
-ms-transition: all 2s ease;
transition: all 2s ease; }
.carousel-indicators {
list-style: none;
position: absolute;
right: 10%;
text-align: center;
top: 0.9375rem;
z-index: 1; }
@media screen and (min-width: 768px) {
.carousel-indicators {
right: calc( (100% - 750px) / 2 + 15px);
top: 5%; } }
@media screen and (min-width: 992px) {
.carousel-indicators {
right: calc( (100% - 970px) / 2 + 15px); } }
@media screen and (min-width: 1200px) {
.carousel-indicators {
right: calc( (100% - 1170px) / 2 + 15px); } }
.carousel-indicators li {
border: 1px solid #fff;
border-radius: 50%;
cursor: pointer;
display: inline-block;
height: 0.75rem;
margin: 0 0.1875rem;
width: 0.75rem; }
.carousel-indicators li.active {
background-color: #ffffff; }
/* SIN EMPROLIJAR TODAVIA */
.main-container {
padding: 10px 15px; }
.carousel .item {
min-height: 350px;
height: 100%;
width: 100%; }
.carousel .icon-container {
display: inline-block;
font-size: 25px;
line-height: 25px;
padding: 1em;
text-align: center;
border-radius: 50%; }
.carousel-caption button {
border-color: #00bfff;
margin-top: 1em; }
.slideshow .p {
padding-top: 125px; }
.slideshow .p a {
text-decoration: underline; }
/* Esto vendria creado depende como lo personalizen en el backoffice */
.carousel-caption {
background-color: rgba(0, 0, 0, 0.25);
bottom: 0;
left: 0;
padding: 0.625rem 1.875rem 6.25rem 0.9375rem;
position: absolute;
right: 0;
top: 0; }
.carousel-caption .slideshow__seccion {
animation-delay: 0.5s; }
.carousel-caption .slideshow__seccion > h3 {
background-color: #00aeef;
color: #fff;
display: inline-block;
font-size: 0.75rem;
margin-bottom: 0.9375rem;
padding: 0.15625rem 0.3125rem;
text-transform: uppercase; }
@media screen and (min-width: 768px) {
.carousel-caption .slideshow__seccion > h3 {
font-size: 0.875rem;
margin-bottom: 1.25rem;
padding: 0.3125rem 0.625rem; } }
.carousel-caption .titulo span, .carousel-caption .subtitulo span, .carousel-caption .texto span {
display: inline-block; }
@media screen and (min-width: 768px) {
.carousel-caption .titulo span, .carousel-caption .subtitulo span, .carousel-caption .texto span {
display: none; }
.carousel-caption .titulo.sin-imagen span, .carousel-caption .subtitulo.sin-imagen span, .carousel-caption .texto.sin-imagen span {
display: inline-block; } }
.carousel-caption h1.titulo {
font-family: robotomedium;
font-size: 1.75rem;
margin: 0;}
.carousel-caption .titulo--imagen {
display: none; }
@media screen and (min-width: 768px) {
.carousel-caption .titulo--imagen {
display: block; }
.carousel-caption .titulo--imagen + * {
display: none; } }
.carousel-caption .titulo > span, .carousel-caption .titulo img {
font-family: robotobold;
line-height: 1;
margin: 0;
padding: 0.3125rem 0.3125rem;
text-transform: uppercase; }
@media screen and (min-width: 768px){
.carousel-caption .titulo > span, .carousel-caption .titulo img{
padding: 0.3125rem 0.78125rem;
}
}
.carousel-caption h2.subtitulo {
font-size: 1.15rem;
margin: 0; }
.carousel-caption .subtitulo--imagen {
display: none; }
@media screen and (min-width: 768px) {
.carousel-caption .subtitulo--imagen {
display: block; }
.carousel-caption .subtitulo--imagen + * {
display: none; } }
.carousel-caption .subtitulo > span, .carousel-caption .subtitulo img {
line-height: 1;
margin: 0;
padding: 0.3125rem 0.1875rem; }
@media screen and (min-width: 768px) {
.carousel-caption .subtitulo > span, .carousel-caption .subtitulo img {
font-family: robotobold;
padding: 0.3125rem 0.46875rem;
}
}
.carousel-caption .texto {
font-size: 0.875rem; }
.carousel-caption .texto--imagen {
display: none; }
@media screen and (min-width: 768px) {
.carousel-caption .texto--imagen {
display: block; }
.carousel-caption .texto--imagen + * {
display: none; } }
.carousel-caption .texto > span, .carousel-caption .texto img {
font-family: roboto;
line-height: 1;
padding: 0.3125rem 0.21875rem; }
@media screen and (min-width: 768px) {
.carousel-caption .texto > span, .carousel-caption .texto img {
font-size: 1.5625rem; } }
.carousel-caption .slideshow__seccion, .carousel-caption .titulo, .carousel-caption .subtitulo, .carousel-caption .texto, .carousel-caption .placa {
animation-delay: 0.5s;
animation-duration: 0.5s; }
@media screen and (min-width: 768px) {
.carousel-caption {
background-color: transparent;
padding: 5rem 0; }
.carousel-caption .titulo.tamanio-gran > span {
font-size: 5.625rem; }
.carousel-caption .titulo.tamanio-medi > span {
font-size: 3.75rem; }
.carousel-caption .titulo.tamanio-peque > span {
font-size: 2.8125rem; }
.carousel-caption .subtitulo.tamanio-gran > span {
font-size: 2.34375rem; }
.carousel-caption .subtitulo.tamanio-medi > span {
font-size: 1.71875rem; }
.carousel-caption .subtitulo.tamanio-peque > span {
font-size: 1.5625rem; }
.carousel-caption .texto > span {
font-size: 1.5rem; }}
@media screen and (min-width: 992px) {
.carousel-caption {
align-items: center;
display: none;
padding: 3rem 0; }
.carousel-caption .container > div {
overflow: hidden; } }
@media screen and (min-width: 992px) and (min-width: 768px) {
.carousel-caption {
display: block; } }
@media screen and (min-width: 992px) {
.carousel-caption.velocidad-lenta .slideshow__seccion, .carousel-caption.velocidad-lenta .titulo, .carousel-caption.velocidad-lenta .subtitulo, .carousel-caption.velocidad-lenta .texto, .carousel-caption.velocidad-lenta .placa {
animation-duration: 1.5s; }
.carousel-caption.velocidad-lenta .subtitulo {
animation-delay: 1.5s; }
.carousel-caption.velocidad-lenta .subtitulo + .texto {
animation-delay: 2.25s; }
.carousel-caption.velocidad-lenta .subtitulo + .texto + .placa {
animation-delay: 3s; }
.carousel-caption.velocidad-lenta .subtitulo + .placa {
animation-delay: 2.25s; }
.carousel-caption.velocidad-lenta .texto {
animation-delay: 1.5s; }
.carousel-caption.velocidad-lenta .texto + .placa {
animation-delay: 2.25s; }
.carousel-caption.velocidad-lenta .placa {
animation-delay: 1.5s; }
.carousel-caption.velocidad-normal .slideshow__seccion, .carousel-caption.velocidad-normal .titulo, .carousel-caption.velocidad-normal .subtitulo, .carousel-caption.velocidad-normal .texto, .carousel-caption.velocidad-normal .placa {
animation-duration: 1s; }
.carousel-caption.velocidad-normal .subtitulo {
animation-delay: 1.25s; }
.carousel-caption.velocidad-normal .subtitulo + .texto {
animation-delay: 2s; }
.carousel-caption.velocidad-normal .subtitulo + .texto + .placa {
animation-delay: 2.75s; }
.carousel-caption.velocidad-normal .subtitulo + .placa {
animation-delay: 2s; }
.carousel-caption.velocidad-normal .texto {
animation-delay: 1.25s; }
.carousel-caption.velocidad-normal .texto + .placa {
animation-delay: 2s; }
.carousel-caption.velocidad-normal .placa {
animation-delay: 1.25s; }
.carousel-caption.velocidad-rapida .slideshow__seccion, .carousel-caption.velocidad-rapida .titulo, .carousel-caption.velocidad-rapida .subtitulo, .carousel-caption.velocidad-rapida .texto, .carousel-caption.velocidad-rapida .placa {
animation-duration: 0.7s; }
.carousel-caption.velocidad-rapida .subtitulo {
animation-delay: 0.95s; }
.carousel-caption.velocidad-rapida .subtitulo + .texto {
animation-delay: 1.4s; }
.carousel-caption.velocidad-rapida .subtitulo + .texto + .placa {
animation-delay: 1.85s; }
.carousel-caption.velocidad-rapida .subtitulo + .placa {
animation-delay: 1.4s; }
.carousel-caption.velocidad-rapida .texto {
animation-delay: 0.95s; }
.carousel-caption.velocidad-rapida .texto + .placa {
animation-delay: 1.4s; }
.carousel-caption.velocidad-rapida .placa {
animation-delay: 0.95s; } }
@media screen and (min-width: 992px) and (min-width: 768px) {
.carousel-caption.alineacion-izquierda .container {
padding-right: 225px; } }
@media screen and (min-width: 992px) and (min-width: 992px) {
.carousel-caption.alineacion-izquierda .container {
padding-right: 291px; } }
@media screen and (min-width: 992px) and (min-width: 1200px) {
.carousel-caption.alineacion-izquierda .container {
padding-right: 360px; } }
@media screen and (min-width: 992px) {
.carousel-caption.alineacion-izquierda .slideshow__seccion, .carousel-caption.alineacion-izquierda .titulo, .carousel-caption.alineacion-izquierda .subtitulo, .carousel-caption.alineacion-izquierda .texto {
text-align: left; } }
@media screen and (min-width: 992px) and (min-width: 768px) {
.carousel-caption.alineacion-centrado .container {
padding: 0 112.5px; } }
@media screen and (min-width: 992px) and (min-width: 992px) {
.carousel-caption.alineacion-centrado .container {
padding: 0 145.5px; } }
@media screen and (min-width: 992px) and (min-width: 1200px) {
.carousel-caption.alineacion-centrado .container {
padding: 0 180px; } }
@media screen and (min-width: 992px) {
.carousel-caption.alineacion-centrado .slideshow__seccion, .carousel-caption.alineacion-centrado .titulo, .carousel-caption.alineacion-centrado .subtitulo, .carousel-caption.alineacion-centrado .texto {
text-align: center; }
.carousel-caption.alineacion-centrado .placa img, .carousel-caption.alineacion-centrado .titulo img, .carousel-caption.alineacion-centrado .subtitulo img, .carousel-caption.alineacion-centrado .texto img {
margin-left: auto;
margin-right: auto; } }
@media screen and (min-width: 992px) and (min-width: 768px) {
.carousel-caption.alineacion-derecha .container {
padding-left: 225px; } }
@media screen and (min-width: 992px) and (min-width: 992px) {
.carousel-caption.alineacion-derecha .container {
padding-left: 291px; } }
@media screen and (min-width: 992px) and (min-width: 1200px) {
.carousel-caption.alineacion-derecha .container {
padding-left: 360px; } }
@media screen and (min-width: 992px) {
.carousel-caption.alineacion-derecha .slideshow__seccion, .carousel-caption.alineacion-derecha .titulo, .carousel-caption.alineacion-derecha .subtitulo, .carousel-caption.alineacion-derecha .texto {
text-align: right; }
.carousel-caption.alineacion-derecha .placa img, .carousel-caption.alineacion-derecha .titulo img, .carousel-caption.alineacion-derecha .subtitulo img, .carousel-caption.alineacion-derecha .texto img {
float: right; }
.carousel-caption .titulo {
animation-delay: 0.5s;
font-size: 0;
overflow: hidden; }
.carousel-caption .titulo img {
display: inline-block; }
.carousel-caption .subtitulo {
font-size: 0;
overflow: hidden; }
.carousel-caption .subtitulo img {
display: inline-block; }
.carousel-caption .texto {
margin-top: 2.1875rem;
overflow: hidden; }
.carousel-caption .texto img {
display: inline-block; }
.carousel-caption .placa {
margin-top: 3.125rem;
overflow: hidden; } }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn{
opacity: 0.4;
}
.text-muted{
color:rgba(119, 119, 119, 0.41)
}
.btn.btn-default.btn-sm {
color: #00aeef;
}
.uib-title{
color:black!important;
}
.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info{
background-color: #e6e6e6;
color: #1b6d85!important;
}
.promesa-pago>label{
margin: 40px 0 0;
}
input[type="checkbox"][name="terminosCondiciones"]{
margin: 20px 10px 20px 0;
}
.header-submenu>.container>.row>.header-submenu__item:nth-child(7) {
clear: left;
}
.modal_seleccion_domicilio .modal-body{
padding-bottom:70px !important;
}
.modal_seleccion_domicilio .modal-header{
text-transform: uppercase;
}
.modal_seleccion_domicilio .aceptar{
margin-top:10px;
}
@media screen and (min-width: 240px) {
.modal_seleccion_domicilio .modal-dialog{
width:auto;
}
}
@media screen and (min-width: 320px) {
.modal_seleccion_domicilio .modal-dialog{
width:auto;
}
}
@media screen and (min-width: 480px) {
.modal_seleccion_domicilio .modal-dialog{
width:auto;
}
}
@media screen and (min-width: 768px) {
.modal_seleccion_domicilio .modal-dialog{
width:60%;
}
}
@media screen and (min-width: 992px) {
.modal_seleccion_domicilio .modal-dialog{
width:50%;
}
}
@media screen and (min-width: 1200px) {
.modal_seleccion_domicilio .modal-dialog{
width:28%;
}
}
.col-radio{
top: 4px;
}
.col-direccion{
padding-left:0px !important;
}
.radio-domicilio{
margin-right:5px !important;
}
.opcion-domicilio{
cursor: pointer;
margin-bottom:10px;
}
.direccion{
display:inline;
font-weight:bold;
font-size:20px;
}
.localidadCp{
display:inline;
font-size: 18px;
}
.prestamo-personal-uva .leyenda p{
margin-bottom:3px;
}
.prestamo-personal-uva .leyenda .parrafo-nivel1{
padding-left: 2.5rem;
}
.prestamo-personal-uva .leyenda .parrafo-nivel2{
padding-left: 3.5rem;
}
.pregunta-cobranzas{
margin: 0.9em 0 0.9em 0;
}
.tabla-contactos th{
color:white;
}
.tabla-contactos th,.tabla-contactos td{
padding:5px !important;
}
.tabla-contactos .email{
padding-left:10px;
}
.bootstrap-td-tooltip{
margin-top: 40px;
padding-bottom: 32px;
position: absolute;
z-index: 100;
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
line-height: 1.42857143;
margin-left: -3px;
padding: 3px 8px;
color: #fff;
text-align: center;
background-color: #E9573F;
border-radius: 2px;
box-shadow: rgba(0, 0, 0, 0.3) 0 2px 10px;
max-width: 100%;
}
.texto-antecedentes{
color: #666;
font-size:16px;
margin-bottom: 50px;
margin-top:50px;
padding: 50px;
text-align: center;
}
.texto-antecedentes span{
display: block;
font-family: robotomedium;
margin-bottom: 25px;
}
.texto-antecedentes p:not(.salto-linea) {
margin: 0;
}
.texto-antecedentes i{
color: #00aeef;
display: block;
font-size: 140px;
margin-bottom: 15px;
}
.texto-antecedentes .salto-linea{
margin-bottom:20px;
}
.titulo_tramite{
align-items: center;
background-color: #fff;
border-bottom: 1px solid #ddd;
color: #005BAA;
display: inline-flex;
height: 75px;
margin-top: 2px;
padding-left: 30px;
width: 100%;
}
.titulo_tramite i{
font-size: 45px;
margin-right: 10px;
}
.titulo_tramite span{
font-size: 22.5px;
}
@media screen and (min-width: 768px){
.titulo_tramite{
height: 100px;
}
.titulo_tramite i{
font-size: 48px;
}
.titulo_tramite span{
font-size: 25px;
}
}
.biometria{
text-align:center;
}
.biometria .leyenda{
font-size:18px;
margin-bottom:20px;
}
/* @media screen and (min-width:740px) and (min-width: 1222px){ */
@media screen and (max-width: 1222px){
.titulo_tramite div span{
width: 430px;
}
}
/* @media screen and (min-width:365) and (min-width: 540px){ */
@media screen and (max-width: 740px){
.titulo_tramite div span{
width: 255px;
}
}
/* @media screen and (min-width:365) and (min-width: 322){ */
@media screen and (max-width:365px){
.titulo_tramite div span{
width: 212px;
}
}
/* @media screen and (min-width:365) and (min-width: 322){ */
@media screen and (max-width:330px){
.titulo_tramite div span{
width: 195px;
}
}
.biometria{
margin-top: 50px;
margin-bottom: 50px;
text-align:center;
}
.biometria .leyenda{
font-size:18px;
margin-bottom:20px;
}
/* Login Nuevo Diseno */
@media screen and (min-width: 768px){
.login section{
height: 100px;
min-height: 100vh;
position: relative;
}
}
@media screen and (min-width: 1700px){
.login .container{
width: 1600px;
}
}
.login__banner{
background-size: cover;
display: none;
height: 140px;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1;
}
.login__elementos{
overflow-y: auto;
margin: 0 -15px;
padding: 0 15px 20px;
}
@media screen and (min-width: 768px){
.login__banner{
background-position-x: 50%;
bottom: 0;
display: block;
height: 100vh;
position: absolute;
right: 50%;
}
.login__elementos{
display: block;
height: auto;
overflow-y: visible;
margin: 0;
padding: 0;
padding-bottom: 50px;
}
}
.login__banner:before{
content: '';
background: -moz-linear-gradient(-45deg, #005baa 0%, #005baa 25%, #007dc6 50%, #00aeef 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, #005baa), color-stop(25%, #005baa), color-stop(50%, #007dc6), color-stop(100%, #00aeef));
background: -webkit-linear-gradient(-45deg, #005baa 0%, #005baa 25%, #007dc6 50%, #00aeef 100%);
background: -o-linear-gradient(-45deg, #005baa 0%, #005baa 25%, #007dc6 50%, #00aeef 100%);
background: -ms-linear-gradient(-45deg, #005baa 0%, #005baa 25%, #007dc6 50%, #00aeef 100%);
background: linear-gradient(135deg, #005baa 0%, #005baa 25%, #007dc6 50%, #00aeef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005baa', endColorstr='#00aeef', GradientType=1 );
bottom: 0;
display: block;
left: 0;
/* opacity: 0.8; */
position: absolute;
right: 0;
top: 0;
}
.login__logo{
align-items: center;
border-bottom: 1px solid rgba(255,255,255,.65);
cursor: pointer;
display: none;
left: 0;
height: 60px;
padding: 10px;
position: fixed;
right: 0;
top: 0;
z-index: 2;
transition: 0.3s;
}
.login__logo--mobile{
align-items: center;
cursor: pointer;
display: inline-flex;
justify-content: center;
margin: 0 auto 15px;
padding: 5px 10px;
}
.login__logo--mobile>div{
font-family: robotomedium;
font-size: 18px;
margin-top: -10px;
text-align: right;
text-transform: uppercase;
}
@media screen and (min-width: 768px){
.login__logo--mobile{
display: none;
}
.login__logo{
right: auto;
}
}
.login__logo img{
height: 100%;
}
.login__logo--mobile img{
height: auto;
padding: 5px;
width: 215px;
}
.login__logo--mobile img+i{
border-left: 1px solid #00aeef;
font-size: 40px;
margin-left: 10px;
padding: 5px;
}
.login__logo i{
border-left: 1px solid #fff;
color: #fff;
font-size: 40px;
padding: 2.5px 15px;
transition: 0.3s;
}
/*.login*/
.login__textos{
display: none;
left: 15px;
position: absolute;
right: 15px;
top: 60px;
z-index: 1;
}
@media screen and (min-width: 768px){
.login__logo{
border: 0;
display: inline-flex;
height: 55px;
left: 35px;
padding: 0;
top: 35px;
}
.login__textos{
display: block;
left: 0;
position: relative;
right: 0;
top: 0;
}
}
@media screen and (min-width: 992px){
.login__logo{
height: 75px;
}
.login__logo i{
font-size: 45px;
}
}
.login__switch{
color: #fff;
font-weight: normal;
overflow: hidden;
position: relative;
}
.login .not-mobile{
display: none;
}
.login__switch:not(.not-desktop) label{
cursor: pointer;
}
@media screen and (min-width: 768px){
.login .not-desktop{
display: none;
}
.login .not-mobile{
display: block;
}
.login__switch{
align-items: center;
bottom: 0;
display: inline-flex;
justify-content: flex-end;
overflow: visible;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
}
@media screen and (min-width: 768px){
.login__switch:not(.not-desktop) label{
font-family: robotothin;
font-size: 42.5px;
transition: 0.5s;
}
}
@media screen and (min-width: 992px){
.login__switch:not(.not-desktop) label{
font-size: 50px;
}
}
.login__switch:not(.not-desktop) article{
align-items: center;
cursor: pointer;
display: inline-flex;
height: 150px;
padding-left: 15px;
padding-right: 50px;
position: relative;
}
.login__switch:not(.not-desktop) article i{
border-radius: 50%;
font-size: 70px;
margin-left: 25px;
transition: 0.5s;
}
@media screen and (min-width: 992px){
.login__switch:not(.not-desktop) article i{
font-size: 95px;
margin-left: 40px;
}
.login__switch:not(.not-desktop) article{
padding-right: 60px;
}
}
.login__switch.not-desktop{
bottom: 0;
cursor: pointer;
left: 0;
padding: 0;
position: absolute;
right: 0;
}
.login__switch.not-desktop>label{
align-items: baseline;
color: #999;
display: inline-flex;
float: left;
font-family: robotolight;
font-size: 23px;
font-weight: normal;
height: 45px;
justify-content: flex-end;
margin: 0;
padding: 0 20px;
position: relative;
text-align: center;
width: 50%;
transition: 0.3s;
}
.login__switch.not-desktop>label+label{
justify-content: flex-start;
}
.login__switch.not-desktop>label.active{
color: #005baa;
font-family: robotomedium;
}
.login__switch.not-desktop>label+label:before{
content: '';
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: 12px solid #fff;
bottom: -12px;
display: block;
height: 0;
position: absolute;
right: calc(50% + 12.5px);
width: 0;
transition: 0.3s;
}
.login__switch.not-desktop>label.active+label:before{
right: calc(100% + 42.5px);
}
.login__switch.not-desktop>article{
align-content: center;
background: -moz-linear-gradient(-45deg, #005baa 0%, #005baa 25%, #007dc6 50%, #00aeef 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, #005baa), color-stop(25%, #005baa), color-stop(50%, #007dc6), color-stop(100%, #00aeef));
background: -webkit-linear-gradient(-45deg, #005baa 0%, #005baa 25%, #007dc6 50%, #00aeef 100%);
background: -o-linear-gradient(-45deg, #005baa 0%, #005baa 25%, #007dc6 50%, #00aeef 100%);
background: -ms-linear-gradient(-45deg, #005baa 0%, #005baa 25%, #007dc6 50%, #00aeef 100%);
background: linear-gradient(135deg, #005baa 0%, #005baa 25%, #007dc6 50%, #00aeef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005baa', endColorstr='#00aeef', GradientType=1 );
display: inline-flex;
height: 80px;
width: 100%;
}
.login__switch.not-desktop>article>div{
align-items: center;
display: inline-flex;
float: left;
justify-content: flex-end;
padding: 0 5px;
width: 50%;
}
.login__switch.not-desktop>article>div:last-child{
justify-content: flex-start;
}
.login__switch.not-desktop>article i{
border-radius: 50%;
font-size: 60px;
padding: 17.5px;
transition: 0.3s;
}
.login__switch.not-desktop>article i.active{
background-color: rgba(255,255,255,.25);
}
/*.login__switch.not-desktop>article>div{
background: -moz-linear-gradient(-45deg, #005baa 0%, #005baa 25%, #007dc6 50%, #00aeef 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, #005baa), color-stop(25%, #005baa), color-stop(50%, #007dc6), color-stop(100%, #00aeef));
background: -webkit-linear-gradient(-45deg, #005baa 0%, #005baa 25%, #007dc6 50%, #00aeef 100%);
background: -o-linear-gradient(-45deg, #005baa 0%, #005baa 25%, #007dc6 50%, #00aeef 100%);
background: -ms-linear-gradient(-45deg, #005baa 0%, #005baa 25%, #007dc6 50%, #00aeef 100%);
background: linear-gradient(135deg, #005baa 0%, #005baa 25%, #007dc6 50%, #00aeef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005baa', endColorstr='#00aeef', GradientType=1 );
height: 100px;
left: 0;
position: absolute;
right: 0;
width: 100%;
}
.login__switch.not-desktop article{
align-items: center;
display: inline-flex;
float: left;
font-size: 16px;
height: 100%;
padding: 0 15px;
position: relative;
width: 50%;
transition: 0.3s;
}
.login__switch.not-desktop article, .login__switch.not-desktop article label{
color: #b5b5b5;
transition: 0.3s;
}
.login__switch.not-desktop article.active, .login__switch.not-desktop article.active label{
color: #fff;
} */
.login__switch:not(.not-desktop) article.active:before{
content: '';
border-bottom: 45px solid transparent;
border-right: 45px solid #fff;
border-top: 45px solid transparent;
bottom: 30px;
display: block;
height: 0;
position: absolute;
right: -15px;
width: 0;
}
/* .login__switch.not-desktop article+article:before{
content: '';
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 15px solid #007dc6;
bottom: -15px;
display: block;
height: 0;
position: absolute;
right: calc(150% - 16px);
width: 0;
transition: 0.3s;
}
.login__switch.not-desktop article+article.active:before{
right: calc(50% - 12px);
}
.login__switch.not-desktop article+article:after{
content: '';
border-radius: 45px 0 0 45px;
display: block;
left: -100%;
height: 45px;
position: absolute;
top: -1px;
width: 100%;
z-index: -1;
transition: 0.3s;
}
.login__switch.not-desktop article+article.active:after{
border-radius: 0 60px 60px 0;
left: 0;
}
.login__switch.not-desktop article label{
font-family: roboto;
font-size: 16px;
font-weight: normal;
margin-bottom: 0;
transition: 0.3s;
}
.login__switch.not-desktop article.active label{
color: #fff;
} */
.login__switch:not(.not-desktop) article.active label{
font-family: roboto;
}
/* .login__switch.not-desktop article i{
font-size: 35px;
margin-right: 10px;
} */
.login__switch:not(.not-desktop) article.active i {
background-color: rgba(255,255,255,.25);
padding: 15px;
}
.login__copy{
align-items: center;
bottom: 10px;
color: #fff;
display: inline-flex;
min-height: 50px;
overflow: hidden;
position: absolute;
right: 15px;
width: calc(100% - 30px);
z-index: 1;
}
.login__copy>span{
float: left;
font-size: 11px;
}
.login__redes{
text-align: right;
}
.login__redes a{
color: #fff;
cursor: pointer;
font-size: 38px;
transition: 0.1s;
}
.login__redes a:hover{
color: #005baa;
}
.login__form{
min-height: 100vh;
overflow: hidden;
padding: 5px 15px 100px 15px;
}
@media screen and (min-width: 768px){
.login__form{
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
min-height: 0;
overflow: visible;
padding: 0 15px 0 25px;
}
.login__switch>div{
text-align: right;
}
}
@media screen and (min-width: 1200px){
.login__form{
padding: 0 15px 0 65px;
}
}
@media screen and (min-width: 1700px){
.login__form{
width: calc(100% / 3);
}
}
.login__inputs{
opacity: 1;
transition: 0.5s 0.5s;
}
.login__inputs.ng-hide{
opacity: 0;
transition: 0s;
}
.ng-hide-add, .ng-hide-remove {
transition: 0.5s;
}
.login__form p{
color: #fff;
font-size: 19px;
line-height: 1.2;
}
.login__form h2{
color: #fff;
font-family: robotolight;
font-size: 30px;
font-weight: normal;
margin-bottom: 15px;
margin-top: 0;
padding-top: 10px;
}
.login__form h2>b{
font-family: robotomedium;
font-weight: normal;
}
.login__form h6{
align-items: center;
color: #fff;
display: inline-flex;
font-family: roboto;
font-weight: normal;
font-size: 24px;
height: 80px;
margin: 0;
}
@media screen and (min-width: 768px){
.login__form h2, .login__form h6, .login__form p{
color: #005baa;
}
.login__form h6{
display: block;
font-size: 17px;
height: auto;
margin: 5px 0;
}
.login__form p{
margin-bottom: 35px;
}
.login__form h2{
font-size: 30px;
margin-bottom: 25px;
margin-top: 10px;
padding-top: 0;
}
}
@media screen and (min-width: 992px){
.login__form h6{
font-size: 18px;
margin: 7.5px 0;
}
.login__form p{
margin-bottom: 45px;
}
.login__form h2{
font-size: 35px;
margin-bottom: 30px;
margin-top: 15px;
}
}
@media screen and (min-width: 1200px){
.login__form h6{
font-size: 19px;
margin: 10px 0;
}
.login__form p{
margin-bottom: 65px;
}
.login__form h2{
font-size: 40px;
margin-bottom: 35px;
margin-top: 20px;
}
}
/* .login__form label{
color: #888;
font-family: robotomedium;
font-size: 15px;
font-weight: normal;
margin-bottom: 0;
padding-left: 5px;
transition: 0.3s;
} */
.login .perfil_campo, .body-verificacion .perfil_campo{
border: 0;
height: 40px;
/* overflow: hidden; */
position: relative;
}
.login .perfil_campo{
height: 65px;
}
.login .perfil_campo.perfil_campo--alto{
height: 100px;
}
.login__elementos>div>form>.login__inputs>.perfil_campo{
/* margin-bottom: 15px; */
width: 100%;
}
/* .login__elementos div>.tooltip.bottom{
margin-top: 60px;
} */
.login__elementos div>.tooltip-inner{
background-color: #005baa;
}
.login__elementos div>.tooltip-arrow{
border-bottom-color: #005baa !important;
}
.login__elementos>div>form>.login__inputs>.perfil_campo:last-of-type{
margin-bottom: 5px;
}
.login .perfil_campo label{
align-items: center;
color: #b5b5b5;
display: inline-flex;
font-family: roboto;
font-size: 16px;
font-weight: normal;
left: 52.5px;
height: 35px;
margin-bottom: 0;
pointer-events: none;
position: absolute;
top: 0;
transition: all .4s ease;
}
.login .perfil_campo.sin-icono label{
left: 15px;
}
/* .login .modal_registro input[name="nroDoc"]+label, .login .modal_registro input[name="fechaNacimiento"]+i+label{
top: 70px;
} */
.login .modal_registro .perfil_campo select+input+label{
left: 5px;
}
/* .login .perfil_campo i+input:focus{
outline: 0;
padding: 10px 15px 0;
} */
.login .perfil_campo input.active+i+label, .login .perfil_campo.fecha-nacimiento input.active+div+i+label{
display: none;
}
.login .perfil_campo input:focus,
.login .perfil_campo input:focus+i+label,
.login .perfil_campo input:focus+div+i+label,
.login .perfil_campo input:focus+label{
color: #005baa;
}
.login .modal_registro-empresa select[name="tipoDNI"]+input+label{
left: 5px;
top: 60px;
}
.login__elementos>div>form>.login__inputs>.perfil_campo, .modal_registro .perfil_campo{
margin-bottom: 0;
}
@media screen and (min-width: 768px){
.login__elementos div>.tooltip.bottom{
margin-top: 60px;
}
.form-group.checkbox_terminos>.tooltip.bottom{
margin-top: 17px;
margin-left: 30px
}
.login .perfil_campo.perfil_campo--alto{
height: 60px;
}
.login__elementos>div>form>.login__inputs>.perfil_campo, .modal_registro .perfil_campo{
margin-bottom: 30px;
}
.login .perfil_campo label, .login .modal_registro input[name="nroDoc"]+label, .login .modal_registro input[name="fechaNacimiento"]+i+label, .login .modal_registro-empresa select[name="tipoDNI"]+input+label{
height: 50px;
top: 15px;
}
.login .perfil_campo input:focus+i+label,
.login .perfil_campo input:focus+div+i+label,
.login .perfil_campo> input:not(:focus).active+i+label,
.login .perfil_campo select+input:focus+label,
.login .perfil_campo> select+input:not(:focus).active+label{
display: block;
font-family: robotomedium;
font-size: 14px;
height: 15px;
line-height: 14px;
left: 5px;
top: 0;
}
.login .perfil_campo select {
height: 45px;
padding: 5px 15px 2px;
margin-top: 15px;
}
}
.checkbox_terminos.registro_empresa .tooltip.bottom{
margin-top: 20px;
margin-left: 30px;
}
.login .login__elementos .perfil_campo:nth-of-type(1), .login .login__elementos .perfil_campo{
margin-bottom: 0;
padding-bottom: 30px;
}
@media screen and (min-width: 768px){
.login .login__elementos .perfil_campo:nth-of-type(1), .login .login__elementos .perfil_campo{
margin-bottom: 30px;
}
}
.login .perfil_campo>i {
color: #999;
font-size: 25px;
margin-top: -33px;
padding: 0 7.5px;
transition: 0.3s;
}
.login .perfil_campo> input, .login .perfil_campo> input:focus, .body-verificacion .perfil_campo>input {
border-bottom: 1px solid rgb(216, 221, 225);
font-size: 17px;
padding-left: 50px;
padding-top: 10px;
transition: 0.3s;
}
.login .perfil_campo.sin-icono> input{
padding-left: 15px;
}
.login .perfil_campo>select{
border-bottom: 1px solid rgb(216, 221, 225);
}
.login .perfil_campo> input:focus+ .login .perfil_campo>input:focus+i+label, .body-verificacion .perfil_campo>input:focus+i+label{
border-color: #005baa;
color: #005baa;
}
.login .perfil_campo> input:focus+i,
.login .perfil_campo> input:focus+div+i{
color: #005baa;
}
.login .perfil_campo input[name="password"], .body-verificacion .perfil_campo>input[type="password"]{
font-family: robotobold;
font-size: 1.3rem;
letter-spacing: 8px;
padding-right: 50px;
}
@media screen and (min-width: 768px){
.login .perfil_campo, .body-verificacion .perfil_campo{
height: 60px;
overflow: visible;
}
.login .perfil_campo:nth-of-type(1){
margin-bottom: 35px;
}
.login .login__elementos .perfil_campo:nth-of-type(1), .login .login__elementos .perfil_campo{
padding-bottom: 0;
}
.login .modal_registro-empresa .perfil_campo:nth-of-type(1){
margin-bottom: 20px;
padding-bottom: 0;
}
.login .perfil_campo>i, .body-verificacion .perfil_campo>i {
color: #999;
font-size: 32.5px;
margin-top: -45px;
padding: 6.5px 0;
pointer-events: none;
}
.login .perfil_campo>i.mostrar-contrasena{
pointer-events: auto;
transition: 0.1s;
}
.login .perfil_campo>i.mostrar-contrasena:hover{
color: #005baa;
}
.login .perfil_campo input, .login .perfil_campo input:focus, .body-verificacion .perfil_campo>input, .body-verificacion .perfil_campo>input:focus {
padding-top: 28px;
}
}
.login__elementos .login__botones{
margin-top: 15px;
overflow: hidden;
padding: 0;
transition: 0.3s;
}
/* .login__elementos.personas .login__botones{
margin-top: 30px;
} */
.login__botones>div{
text-align: center;
}
.login__botones i{
border: 3px solid #005baa;
border-radius: 50%;
color: #005baa;
font-size: 42.5px;
padding: 10px;
transition: 0.15s linear;
}
.login__botones label{
color: #005baa;
cursor: pointer;
font-family: robotomedium;
font-size: 12px;
font-weight: normal;
margin-top: 10px;
padding: 5px 10px;
text-transform: uppercase;
}
.login__botones label+label{
border-left: 1px solid #005baa;
}
@media screen and (min-width: 768px){
.login__botones>div{
align-items: center;
cursor: pointer;
display: inline-flex;
justify-content: center;
margin-top: 10px;
width: 100%;
}
.login__botones>div>span{
align-items: center;
cursor: pointer;
display: inline-flex;
justify-content: center;
width: 100%;
}
.login__botones>div>span:hover>i{
transform: rotate(90deg);
}
.login__elementos .login__botones{
margin-top: 30px;
position: static;
}
.login__botones i.not-mobile, .login__botones label.not-mobile{
display: inline-block;
}
.login__botones label{
font-size: 14px;
margin-left: 5px;
}
}
@media screen and (min-width: 992px){
.login__botones label{
font-size: 16px;
}
.login__botones>div{
margin-top: 25px;
}
}
@media screen and (min-width: 1200px){
.login__elementos .login__botones{
margin-top: 40px;
}
}
.login__botones>button, .login .modal-body button.boton-custom, .boton-custom{
align-items: center;
background-color: #fff;
border: 2px solid #005baa;
border-radius: 45px;
color: #005baa;
display: inline-flex;
float: left;
font-family: robotomedium;
font-size: 14px;
height: 45px;
justify-content: center;
margin: 15px 0;
text-transform: uppercase;
width: 100%;
transition: 0.25s;
}
button:focus{
outline: none;
}
.login__botones>button:first-child, .login .modal-body button.boton-custom,.boton-custom{
background-color: #005baa;
color: #fff;
margin-bottom: 0;
}
.login .modal_error .modal-body button.boton-custom{
background-color: #00aeef;
border-color: #00aeef;
}
@media screen and (min-width: 992px){
.login__botones>button, .boton-custom{
border: 3px solid #005baa;
border-radius: 55px;
font-size: 16px;
height: 55px;
margin: 0 10px;
width: calc(50% - 20px);
/* background: white;*/
}
.boton-custom{
width: 100%;
}
}
.login__botones>button:hover, .login .modal-body button.boton-custom:hover, .boton-custom:hover{
background-color: #00aeef;
border-color: #00aeef;
color: #fff;
}
.login .modal_error .modal-body button.boton-custom:hover, .modal_error .boton-custom:hover{
background-color: #005baa;
border-color: #005baa;
}
.login__olvide-contrasena, .login__terminos{
color: #999;
cursor: pointer;
font-family: robotomedium;
font-size: 14px;
position: relative;
transition: 0.2s;
}
.login__terminos{
font-family: roboto;
font-size: 17px;
}
.login__olvide-contrasena{
align-items: center;
color: #005baa;
display: inline-flex;
float: right;
}
.login__olvide-contrasena i{
font-size: 22px;
margin-right: 5px;
}
/* .login__terminos{
top: 10px;
} */
@media screen and (min-width: 768px){
.login__terminos{
align-items: center;
bottom: 10px;
display: inline-flex;
height: 50px;
left: 25px;
position: absolute;
top: auto;
}
}
@media screen and (min-width: 1200px){
.login__terminos{
left: 65px;
}
}
.login__olvide-contrasena:hover{
color: #005baa;
transition: 0.3s;
}
.login__olvide-contrasena:before{
content: '';
background-color: #999;
bottom: -2px;
display: block;
height: 1px;
left: 50%;
position: absolute;
right: 50%;
transition: 0.2s;
}
.login__olvide-contrasena:hover:before{
background-color: #005baa;
left: 0;
right: 0;
transition: 0.3s;
}
aside{
background-color: #005baa;
bottom: 0;
left: 0;
overflow: auto;
padding-top: 60px;
position: fixed;
top: 0;
width: 280px;
z-index: 3;
transform: translateX(-100%);
transition: 0.5s;
}
.aside__back{
background-color: rgba(0,0,0,.5);
bottom: 0;
left: 0;
opacity: 0;
pointer-events: none;
position: fixed;
right: 0;
top: 60px;
transition: 0.5s;
z-index: 3;
}
.aside__back.active{
opacity: 1;
pointer-events: auto;
}
aside.active{
transform: translateX(0);
}
@media screen and (min-width: 1100px){
aside{
padding-top: 0;
transform: none;
width: 330px;
}
aside.active{
z-index: 1;
}
.aside__back, .aside__back.active{
opacity: 0;
pointer-events: none;
}
}
.aside__tipo{
border: 1px solid #fff;
border-radius: 21px;
color: #fff;
display: inline-block;
font-family: robotobold;
font-size: 11px;
letter-spacing: 0.75px;
margin: 5px 0 0 20px;
padding: 5px 25px;
text-transform: uppercase;
}
.aside__logo{
padding: 0;
}
.aside__logo>a{
display: none;
height: 50px;
margin: 10px 0 10px 7.5px;
}
.aside__logo>a>img{
height: 100%;
width: auto;
}
.aside__logo>a>i{
border-left: 1px solid;
color: #fff;
font-size: 32px;
margin-left: 3px;
padding-left: 10px;
}
.aside__usuario{
align-items: center;
background-color: rgba(0,0,0,.125);
color: #00aeef;
display: inline-flex;
height: 100px;
padding: 0 20px 0 10px;
width: 100%;
}
.aside__usuario i{
color: #00aeef;
font-size: 35px;
margin-right: 10px;
}
.titulo_seccion{
/*display: none;*/
height: auto;
margin: 20px 0 0px 0px;
background-color: rgba(255, 255, 255, 0.84);
border-bottom-right-radius: 15px;
border-top-right-radius: 15px;
}
.titulo_seccion h4 {
margin: 2px 0px 0px 10px;
font-family: robotomedium;
text-transform: uppercase;
font-size: 14px;
}
.titulo_seccion i {
font-size: 30px;
padding-left: 5px;
}
.aside .titulo_seccion .sitio_actual, .aside .titulo_seccion .sitio_alternativo{
display: flex;
align-items: center;
padding: 6px 10px;
margin-left: 25px;
cursor:pointer;
}
.aside .titulo_seccion .sitio_alternativo .opcion , .aside .titulo_seccion .sitio_actual .opcion{
display: flex;
align-items: center;
padding: 5px 15px;
color: #005baa;
justify-content: space-between;
cursor:pointer;
}
.aside .titulo_seccion .sitio_alternativo .opcion:hover{
background-color: #005baa;
color: #fff;
border-radius: 20px;
}
@keyframes aparece-izquierda
{
from {
transform: translateX(-100%);
opacity: 0.5;
}
to {
transform: translateX(0%);
opacity: 1;
}
}
.titulo_seccion{
animation: aparece-izquierda ease 1s backwards;
animation-delay: 0.25s;
}
.aside .titulo_seccion i.drop{
border: 1px solid;
border-radius: 50%;
padding: 4px;
font-size: 18px;
position: absolute;
left: 15px;
cursor: pointer;
color: #005baa;
top: 13px;
}
@media screen and (min-width: 1100px){
.aside__usuario i:not(.header__login-icono){
font-size: 47.5px;
margin-right: 15px;
}
.aside__logo>a{
align-items: center;
display: inline-flex;
}
.titulo_seccion{
align-items: center;
display: block;
}
}
.aside__usuario>div>span{
font-family: robotomedium;
font-size: 14px;
}
.aside__usuario>div>span+div{
font-size: 13px;
}
.aside__opcion{
background-color: #005baa;
/* border-bottom: 1px solid #eee; */
padding-top: 60px;
position: relative;
width: 100%;
transition: 0.1s;
}
.aside__opcion:not(.active):not(.boton):hover>a{
background-color: rgba(255, 255, 255, 0.1);
}
.aside__opcion .collapsing{
height: 0;
overflow: hidden;
position: relative;
-webkit-transition: height .2s ease;
-o-transition: height .2s ease;
transition: height .2s ease;
}
.aside__opcion:before{
content: '';
background-color: #3B77AA;
display: block;
height: 0;
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
transition: 0.2s 0.2s;
}
/* .aside__opcion.active{
background-color: #447BAA;
} */
.aside__opcion.active:before{
height: 60px;
transition: 0s;
}
.aside__opcion>a{
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 60px;
left: 0;
padding: 0 10px;
position: absolute;
right: 0;
text-transform: uppercase;
top: 0;
vertical-align: middle;
width: 100%;
transition: 0.2s;
}
.aside__opcion>a>i{
color: #fff;
font-size: 35px;
margin-right: 10px;
}
.aside__submenu{
background-color: #3B77AA;
padding: 0;
padding-left: 35px;
padding-right: 15px;
width: 100%;
transition: 0.2s;
}
.aside__submenu-nombre>span{
left: 10px;
position: relative;
}
@media screen and (min-width: 1100px){
.aside__opcion{
border: 0;
}
.aside__opcion>a>i{
font-size: 40px;
margin-right: 15px;
}
.aside__opcion>a{
font-family: robotomedium;
padding: 0 15px;
}
}
.aside__opcion.active .aside__submenu{
padding-bottom: 15px;
}
.aside__sub-item{
cursor: pointer;
line-height: 1.4;
padding: 10px;
text-align: left;
}
.aside__sub-item.active{
background-color: #fff;
color: #005baa;
border-radius: 20px;
}
.aside__sub-item.active>a{
color: #005baa;
}
.aside__sub-item>a{
transition: 0.1s;
}
.aside__sub-item:hover>a{
letter-spacing: 0.5px;
}
.aside__sub-item>a{
color: #fff;
font-family: roboto;
}
span.form-control-feedback{
color: #999;
font-size: 23px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
background-color: #005baa;
z-index: 2;
}
.table-striped > tbody > tr:nth-of-type(odd){
background-color: #ebebeb;
}
.table>thead>tr>td, .table>thead>tr>th{
background-color: #005baa;
font-family: roboto;
font-size: 12px;
font-weight: normal;
}
.form-control:focus{
border-color: #005baa;
box-shadow: 0 0 0;
outline: none;
}
.ngTable>.table{
margin-top: 15px;
max-width: none;
min-width: 100%;
}
.uib-datepicker:focus, .uib-datepicker>li:focus, .uib-datepicker div:focus, .uib-datepicker table:focus{
outline: none;
}
.uib-datepicker .btn:active, .uib-datepicker .btn.active{
box-shadow: 0 0 0;
}
.uib-datepicker .btn.active .text-info{
color: #fff;
}
.uib-datepicker tr>td:not(:last-child) .btn-default{
border-right: 0;
}
.uib-daypicker thead{
background-color: transparent;
}
header.header-interno{
background-color: #00aeef;
box-shadow: 0 5px 0 rgba(0,0,0,.1);
height: 60px;
left: 0;
position: fixed;
right: 0;;
top: 0;
z-index: 4;
}
.header-interno__logo, .header-interno__logo a{
align-items: center;
display: inline-flex;
height: 60px;
}
.header-interno__logo a{
cursor: pointer;
}
.header-interno__logo i{
border-left: 1px solid #fff;
color: #fff;
font-size: 25px;
padding-left: 10px;
}
.header-interno__logo a img{
height: 35px;
}
@media screen and (min-width: 1100px){
.header-interno{
display: none;
}
.header-interno__logo a img{
height: 50px;
margin-top: 5px;
}
}
.header-interno .boton-menu+div{
text-align: center;
}
.simulador--prestamos, .simulador--tarjetas{
background-color: #fff;
border: 1px solid #ddd;
margin-bottom: 30px;
padding: 0 25px 25px;
}
.bloque{
background-color: #fff;
border: 1px solid #ddd;
}
.datos_personales form, .datos_personales.form{
padding: 20px 5px 0;
}
.bloque.seleccion-turno{
margin-top: 10px;
padding: 0 25px 25px;
}
.simulador__boton{
padding-left: 0;
padding-right: 0;
}
.simulador__resultado .save_button{
margin-right: -15px;
}
.simulador__resultado .col-xs-12.col-sm-6.col-lg-4>div{
align-items: center;
border-bottom: 1px solid #ddd;
display: inline-flex;
height: 51.2px;
position: relative;
width: 100%;
}
.simulador__resultado .col-xs-12.col-sm-6.col-lg-4>div>span{
width: 50%;
}
.simulador__resultado .col-xs-12.col-sm-6.col-lg-4>div>b{
align-items: center;
display: inline-flex;
height: 100%;
margin: 0 0 0 .625rem;
position: absolute;
right: 0;
top: 0;
max-width: 50%;
}
.simulador__resultado .col-xs-12.col-sm-6.col-lg-4>div strong{
margin-left: 5px;
}
.container.wrapper{
padding-left: 0;
padding-right: 0;
}
.table{
margin-bottom: 10px;
}
@media screen and (min-width: 768px){
.container.wrapper{
padding-left: 15px;
padding-right: 15px;
}
.simulador__boton{
padding-left: 30px;
}
.table{
margin-bottom: 20px;
}
}
botonera-navegable{
display: block;
margin-top: 15px;
overflow: hidden;
}
.banner-publicidad{
background-size: cover;
display: none;
margin-top: 0;
opacity: 1;
position: relative;
transition: margin-top 0.5s, opacity 0.2s 0.5s;
}
.banner-publicidad>i {
background-color: rgba(0,0,0,.2);
color: #fff;
cursor: pointer;
font-size: 35px;
position: absolute;
right: 10px;
top: 10px;
transition: 0.3s;
}
.banner-publicidad>i:hover{
background-color: rgba(0,0,0,.3)
}
@media screen and (min-width: 768px){
.banner-publicidad{
display: block;
height: calc(100vh / 3);
width: 100%;
}
.banner-publicidad.oculto{
margin-top: calc(-100vh / 3);
opacity: 0;
}
}
.modal_registro .perfil_campo input, .modal_registro .perfil_campo select, .modal_registro .perfil_campo select:focus, .modal_registro-empresa .perfil_campo select, .modal_registro-empresa .perfil_campo input{
float: left;
}
.modal_registro-empresa .modal-dialog{
width: 100%;
}
.login .modal_registro-empresa .modal-body{
padding: 30px 15px;
}
.login .modal_registro-empresa .modal-body h3{
margin: 0 0 35px;
}
.modal_registro-empresa .perfil_campo select[name="tipoDNI"]{
height: 40px;
margin-bottom: 20px;
width: 100%;
}
.modal_registro-empresa .perfil_campo select[name="tipoDNI"]+input{
height: 40px;
margin-bottom: 20px;
padding-left: 5px;
width: 100%;
}
@media screen and (max-width: 768px){
.modal_registro-empresa .perfil_campo.documento label{
left: calc(50% + 15px) !important;
top: 0px !important;
}
.modal_registro-empresa .perfil_campo.documento input{
margin-left: 15px;
width: calc(50% - 15px) !important;
}
.login__elementos div>.tooltip.bottom{
}
.modal_registro .perfil_campo input.active+label{
display: none;
}
.modal_registro-empresa .perfil_campo input.active+label{
display: none;
}
}
.modal_registro .perfil_campo select[name="tipoDNI"], .modal_registro-empresa .perfil_campo select[name="tipoDNI"]{
margin-right: 15px;
width: calc(50% - 15px);
}
.modal_registro .perfil_campo select[name="tipoDNI"]+input, .modal_registro .perfil_campo select[name="tipoDNI"]+input{
margin-left: 15px;
width: calc(50% - 15px);
}
.login .modal_registro .perfil_campo select+input+label, .login .modal_registro .perfil_campo input:focus+label, .login .modal_registro .perfil_campo input:not(:focus).active+label{
left: calc(50% + 15px);
}
@media screen and (min-width: 768px){
.modal_registro .perfil_campo select[name="tipoDNI"]{
margin-right: 15px;
width: calc(50% - 15px);
}
.modal_registro .perfil_campo select[name="tipoDNI"]+input{
margin-left: 15px;
width: calc(50% - 15px);
}
.login .modal_registro .perfil_campo select+input+label, .login .modal_registro .perfil_campo input:focus+label, .login .modal_registro .perfil_campo input:not(:focus).active+label{
left: calc(50% + 15px);
}
/* .modal_registro .perfil_campo select[name="sexo"]+input+i+label{
left: calc(50% + 67.5px);
}
.modal_registro .perfil_campo select[name="sexo"]+input:focus+i+label{
left: calc(50% + 15px);
}
.modal_registro .perfil_campo select[name="sexo"]+input+i{
margin-left: calc(50% + 15px);
} */
.modal_registro-empresa .perfil_campo select[name="tipoDNI"]{
height: 45px;
margin-bottom: 0;
margin-right: 15px;
width: calc(50% - 15px);
}
.modal_registro-empresa .perfil_campo select[name="tipoDNI"]+input{
height: 100%;
margin-bottom: 0;
margin-left: 15px;
width: calc(50% - 15px);
}
.login .modal_registro-empresa .perfil_campo select+input+label{
left: calc(50% + 15px);
}
.modal_registro-empresa .modal-dialog{
width: 750px;
}
.login .modal_registro-empresa .modal-body{
padding: 30px;
}
.login .modal_registro-empresa .modal-body h3{
margin: 20px 0;
}
}
@media screen and (min-width: 992px){
.modal_registro .perfil_campo select[name="tipoDNI"]{
width: calc(45% - 15px);
}
.modal_registro .perfil_campo select[name="tipoDNI"] input{
width: calc(55% - 15px);
}
.login .modal_registro .perfil_campo select+input+label, .login .modal_registro .perfil_campo input:focus+label, .login .modal_registro .perfil_campo input:not(:focus).active+label{
left: calc(45% + 15px);
}
/* .modal_registro .perfil_campo select[name="sexo"]+input+i+label{
left: calc(40% + 67.5px);
}
.modal_registro .perfil_campo select[name="sexo"]+input:focus+i+label{
left: calc(40% + 15px);
}
.modal_registro .perfil_campo select[name="sexo"]+input+i{
margin-left: calc(40% + 15px);
} */
.modal_registro-empresa .modal-dialog{
width: 960px;
}
}
@media screen and (min-width: 1200px){
.modal_registro .perfil_campo select[name="tipoDNI"]{
width: calc(40% - 15px);
}
.modal_registro-empresa .perfil_campo select[name="tipoDNI"]{
width: calc(45% - 15px);
}
.modal_registro-empresa .perfil_campo select[name="tipoDNI"]+input{
width: calc(55% - 15px);
}
.modal_registro .perfil_campo select[name="tipoDNI"]+input{
width: calc(60% - 15px);
}
.login .modal_registro .perfil_campo select+input+label, .login .modal_registro .perfil_campo select+input+i+label, .login .modal_registro .perfil_campo select+input:focus+label, .login .modal_registro .perfil_campo select+input:not(:focus).active+label{
left: calc(40% + 15px);
}
.login .modal_registro-empresa .perfil_campo select+input+label{
left: calc(45% + 15px);
}
/* .modal_registro .perfil_campo select[name="sexo"]+input+i+label{
left: calc(30% + 67.5px);
}
.modal_registro .perfil_campo select[name="sexo"]+input:focus+i+label{
left: calc(30% + 15px);
}
.modal_registro .perfil_campo select[name="sexo"]+input+i{
margin-left: calc(30% + 15px);
} */
.modal_registro-empresa .modal-dialog{
width: 1000px;
}
/* left: calc(30% + 67.5px); */
}
.login .modal-backdrop{
background-color: #005baa;
}
.modal-backdrop.in{
opacity: 0.7;
}
.login .modal-body{
padding: 30px;
}
.login .modal_pre-registro .modal-body{
padding: 40px 40px 60px;
}
.login .modal-body h3{
color: #005baa;
font-size: 27px;
margin-bottom: 20px;
}
.login .modal-body h4{
color: #999;
font-size: 18px;
margin-bottom: 20px;
}
.login .modal_pre-registro .modal-body h3{
font-weight: normal;
text-align: center;
}
.login .modal_pre-registro .modal-body h3>b{
display: block;
margin: 10px 0 30px;
}
.login .modal-body h5{
color: #888;
font-size: 16px;
margin-bottom: 30px;
}
.login .modal-body .login__registro-volver {
color: #005baa;
display: inline-flex;
cursor: pointer;
font-size: 14px;
margin: 5px auto 20px;
}
/* .uib-daypicker .btn-info:active, .uib-daypicker .btn-info.active{
background-color: #005baa;
}
.uib-daypicker .btn-info:active>span, .uib-daypicker .btn-info.active>span{
color: #fff;
} */
.sin-registros{
background-color: #fff;
border: 1px solid #ddd;
border-top: 0;
color: #666;
margin-top: -20px;
padding: 20px;
}
.via-cbu{
overflow: hidden;
margin-bottom: 10px;
margin-top: 20px;
}
@media screen and (max-width: 767px){
.input_label{
left: 10px !important;
top: -14px !important;
}
}
@media screen and (min-width: 768px){
.input_label{
left: 0px !important;
top: 0px !important;
}
}
@media screen and (min-width: 768px){
.via-cbu{
margin-bottom: 15px;
margin-top: 50px;
}
}
.perfil_campo.documento>.tooltip{
left: 40% !important;
}
.uib-datepicker-popup button{
border-radius: 10px;
background-color: white;
color: #005baa;
margin: 1px;
}
.uib-datepicker-popup button:hover{
background-color: #005baa;
border: 1px solid #005baa;
color: white;
}
.uib-datepicker-popup button.btn.btn-default.btn-sm{
color: #005baa;
}
.uib-datepicker-popup button:hover.btn.btn-default.btn-sm{
color: white;
}
.contenedor-login-persona{
background-color: #fff;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
.tooltip{
z-index: 1040;
}
header.header-simple{
box-shadow: none;
}
.header-simple .header__logo>a{
display: inline-block;
height: 65px;
}
@media screen and (min-width: 992px){
.header-simple .header__logo>a>img{
height: 100%;
}
.header-simple .header__logo>a{
margin: 12.5px 0;
}
}
.verificar__requisitos{
background-color: #f9f9f9;
color: #666;
padding: 30px;
}
.verificar__requisitos i{
font-size: 120px;
margin-bottom: 30px;
}
@media screen and (min-width: 768px){
.verificar__requisitos{
padding: 40px;
}
}
@media screen and (min-width: 992px){
.verificar__requisitos{
padding: 50px;
}
.verificar__requisitos i{
font-size: 150px;
}
}
.body-verificacion .boton-menu{
display: none;
}
.registro_form_empresas{
background-color: #fff;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 149px;
transform: translateX(100%) translateX(30px);
transition: 0.5s;
}
.registro_form_empresas.active{
transform: translateX(0);
}
#registroForm{
padding-bottom: 60px;
}
.contenedor-registro-empresas{
overflow: hidden;
position: relative;
}
/* Checkbox custom */
.form-group.checkbox_terminos>i {
display: inline-block;
float: left;
font-size: 20px;
margin-top: 0;
color: #666;
font-size: 24px;
cursor: pointer;
}
.form-group.checkbox_terminos>i.active{
color: #005baa;
}
/* Captcha */
.registro_captcha {
height: 80px;
width: 50%;
align-items: center;
display: inline-block;
/* margin-right: 15px; */
}
.modal_registro-empresa .checkbox_terminos.form-group{
margin-bottom: 0;
margin-top: 20px;
}
.registro-empresas__progreso{
border-bottom: 4px solid #ddd;
color: #888;
height: 70px;
margin: 20px 0 10px;
overflow: visible;
padding: 0;
}
.registro-empresas__progreso>div{
align-items: center;
cursor: pointer;
display: inline-flex;
font-family: robotomedium;
font-size: 16px;
height: 100%;
width: 50%;
}
.registro-empresas__progreso>div:first-child:before {
content: '';
background: #005baa;
bottom: -5px;
display: block;
height: 4px;
left: 0;
position: absolute;
right: 0;
transition: 0.65s;
}
.registro-empresas__progreso>div:first-child{
color: #005baa;
}
.registro-empresas__progreso.segundo-step>div:first-child{
color: #888;
}
.registro-empresas__progreso.segundo-step>div+div{
color: #005baa;
}
.registro-empresas__progreso.segundo-step>div:first-child:before{
right: -100%;
}
.registro-empresas__progreso i{
font-size: 32px;
margin-right: 15px;
}
.upload-table .btn>span {
font-size: 15px;
}
.aside__opcion.menu-activo{
border-left: 6px solid #00aeef;
}
.aside__opcion.menu-activo>a{
padding-left: 9px;
}
.upload_button{
background-color: #005baa;
color:#fff;
float: right;
font-size: 1rem
}
.upload_success{
color: #62bc64;
margin-top: 3%;
font-size: 18px;
display: flex;
padding-bottom: 17px;
}
.swich span{
cursor: pointer;
float: left;
font-family: roboto;
text-align: center;
width: 3.125rem;
transition: 0.1s;
background-color: #ddd;
font-weight: normal;
}
.swich span.active{
background-color: #00aeef;
border-color: #00aeef;
color: #fff;
}
.label_adicionales{
text-transform: none !important;
font-family: roboto !important;
font-weight: normal !important;
padding-bottom: 15px !important;
border-bottom: 1px solid #ccc;
}
.label_adicionales:nth-last-child(1){
border: none;
}
.label_adicionales>h3{
font-family: robotoBold;
display: inline-block;
text-decoration-line: underline;
}
.label_adicionales>h4{
font-family: roboto;
font-weight: 400 !important;
}
.label_declaracion{
font-family: roboto;
font-size: 16px;
font-weight: 600;
display: flex;
flex-direction: column;
}
.buscar_sucursales{
display: flex;
flex-direction: column;
}
@media screen and (min-width: 768px){
.buscar_sucursales .col-xs-12.col-sm-6{
max-width: 310px;
}
}
.subtitulo_sucursales.turno_subtitulo_form{
margin-left: 0px;
}
.adjuntar_archivo{
margin-top: 15px;
margin-bottom: 25px;
}
.fila_adjuntos{
margin-bottom: 10px;
}
.archivo_loader{
display: flex;
justify-content: center;
margin-top: 10px;
}
.fila-archivo_adjunto{
display: flex;
align-items: center;
}
@media screen and (min-width: 768px){
.fila_adjuntos{
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 30px;
}
.adjuntar_archivo{
margin-bottom: 0px;
margin-top: 0px;
}
.archivo_loader{
display: block;
justify-content: center;
margin-top: 0px;
}
}
/*TOGGLE MENU*/
.toggle-menu {
display: block;
width: 28px;
height: 28px;
position: absolute;
}
.toggle-menu.on {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
transition: 0.25s;
}
.toggle-menu{
transition: 0.25s;
}
.hidden-menu {
display: none;
}
.titulo_sin_condicion {
font-family: robotolight;
font-size: 32px;
color: #00aeef;
}
.segunto_titulo_sin_condicion {
font-family: robotolight;
font-size: 20px;
}
.texto_sin_condicion {
font-family: robotomedium;
font-size: 14px;
}
.centrado_pantalla_sin_condicion{
overflow: hidden;
padding: 5%;
}
.bloque_separador {
display: none;
}
h3.bloque_separador {
display: inline-block;
}
button.inactive {
background: transparent;
border: 2px solid #005baa;
color: #005baa;
}
button.active {
background-color: #005baa;
}
.no-animate {
-webkit-transition: none !important;
transition: none !important;
}
.ng-show-clase .ng-hide.ng-hide-animate{
display: none !important;
}
.buttons-tarjeta>button{
max-width: 130px;
margin-right: 1rem;
}
.table-gestion-debito div[ng-table-pagination="params"]{
position: relative;
display:none;
}
.turno-generico-comentario {
color: rgb(128, 128, 128);
padding: 15px 20px;
}
.checkbox-cuentas {
position: relative;
display:inline;
font-size: 18px;
margin-top: 10px;
margin-bottom: -7px;
}
.tooltip-tyc-cuentas .tooltip.bottom {
margin-top: 0px !important;
margin-left: 0px !important;
}
@media (min-width: 1200px){
.container {
width: 1170px;
}
}
*,
figure {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
text-decoration: none;
}
.d-flex{
display: flex;
}
i{
font-style: normal;
}
.mb-0{
margin-bottom: 0px !important;
}
.mb-1{
margin-bottom: 5px !important;
}
.mb-2{
margin-bottom: 10px !important;
}
.mb-3{
margin-bottom: 15px !important;
}
.mb-4{
margin-bottom: 20px !important;
}
.mb-5{
margin-bottom: 25px !important;
}
.mb-6{
margin-bottom: 30px !important;
}
.mt-0{
margin-top: 0px !important;
}
.mt-1{
margin-top: 5px !important;
}
.mt-2{
margin-top: 10px !important;
}
.mt-3{
margin-top: 15px !important;
}
.mt-4{
margin-top: 20px !important;
}
.mt-5{
margin-top: 25px !important;
}
.mt-6{
margin-top: 30px !important;
}
script,
style {
display: none;
}
ul {
padding: 0;
margin: 0;
}
a:hover,
a:focus {
text-decoration: none;
}
.btn {
padding: 3px 10px;
text-transform: uppercase;
}
.state-button{
margin-bottom:10px !important;
}
button.active {
/* padding: 10px 0; */
background-color: #00aeef;
color: #fff;
width: 100%;
border: 0;
}
button.inactive{
background: transparent;
border: 2px solid #00aeef;
color: #00aeef;
}
.botonera button.active{
background-color: #005baa;
}
@media screen and (min-width: 992px) {
.btn {
padding: 10px 15px;
}
}
script,
title {
display: none;
}
.overflow {
overflow: hidden;
}
body {
font-family: roboto;
overflow-x: hidden;
}
input:-webkit-autofill {
-webkit-box-shadow:0 0 0 30px white inset;
box-shadow:0 0 0 30px white inset;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
background-color: transparent !important;
background-image: none;
}
@media screen and (min-width: 768px){
.bodyForm .container{
width: 100%;
}
}
@media screen and (min-width: 992px){
.bodyForm .container{
width: 100%;
}
}
@media screen and (min-width: 1200px){
.bodyForm .container{
width: 100%;
}
}
body.bodyForm{
background-color: #f9f6f5;
margin-top: 60px;
transition: 0.5s;
}
@media screen and (min-width: 1100px){
body.bodyForm{
padding-left: 330px;
margin-top: 0;
width: 100%;
}
}
body.login{
margin: 0;
overflow: hidden;
}
@media screen and (min-width: 768px){
body.login{
overflow: visible;
}
}
.bodyForm {
font-family: roboto;
overflow-x: hidden;
padding-bottom: 2.5rem;
}
@media screen and (min-width: 768px){
.bodyForm{
padding-bottom: 0;
}
}
@media screen and (min-width: 1024px){
.bodyForm{
padding-bottom: 0;
}
}
.has-feedback .form-control{
border-radius: 0;
padding-right: 25px;
}
@media screen and (min-width: 768px){
.has-feedback .form-control{
padding-right: 42.5px;
}
}
section {
padding-bottom: 1.5625rem;
padding-top: 1.5625rem;
}
.aside__opcion.boton{
margin-top: 30px;
cursor:default;
}
.aside__opcion.boton,
.aside__opcion.boton a{
cursor:default;
}
.aside__opcion.boton:hover{
background-color: inherit;
}
.boton-redireccion-titulos{
cursor:pointer;
background-color: #00aeef;
border-radius: 20px;
padding: 1px 20px 1px 15px;
text-transform: none;
}
.boton-redireccion-titulos i{
font-size: 40px;
margin-right: 10px;
}
.boton-redireccion-titulos div{
font-size:14px;
position:relative;
top:-11px;
display: inline-block;
}
.botonera-servicios{
/*min-height: calc(100vh - 8.375rem - 7rem)*/
background-color: rgba(255, 255, 255, .7);
left: 0;
padding: 0;
position: fixed;
right: 0;
top: calc(100vh - (10.625rem + 2.8125rem));
transition: top 0.8s, background-color 0.8s;
z-index: 1;
}
.botonera-servicios.footer-desplegado{
background-color: rgba(255, 255, 255, .9);
top: 3.75rem;
}
.btn{
border-radius: 0;
}
@media screen and (min-width: 768px){
.botonera-servicios{
padding: 2rem 0;
position: relative;
}
.botonera-servicios, .botonera-servicios.footer-desplegado{
top: auto;
}
}
@media screen and (min-width: 992px) {
section {
padding-bottom: 2.5rem;
padding-top: 2.5rem;
}
}
.datos_canje, .adhesion_div{
margin-top:90px;
}
.separador-form{
border-bottom: 1px solid #d8dde1;
margin-bottom: 10px;
}
.separador-form label{
font-size:15px;
}
.separador-comprobante-escribania{
margin-top:25px;
font-size:17px;
}
.destino-fondos .tooltip.bottom {
margin: 0px;
}
.terminos .tooltip.bottom {
margin-top: 0px;
}
.fecha-nacimiento .tooltip.top {
margin-top: -3px;
}
.direccion-tooltip .tooltip.top{
left: 55px !important;
top: 50px !important;
}
.direccion-tooltip .tooltip.top .tooltip-arrow{
top: 27px !important;
border-top-color: #E9573F;
}
.fecha-nacimiento .tooltip.top{
left: 65px;
top: 50px !important;
}
.fecha-nacimiento .tooltip.top .tooltip-arrow{
top: 28px !important;
color: #005baa;
}
.body-verificacion .terminos-registro .tooltip.bottom {
left: auto !important;
margin: 0;
margin-top: -10px;
}
.body-verificacion{
padding-bottom: 177px;
}
.tooltip.bottom{
margin-top: 30px;
margin-left: 45px;
top: auto !important;
}
.datos_personales form .tooltip.bottom{
top: 40px !important;
}
.datos_personales .checkbox_detalles_personales .tooltip.bottom{
top: 3px !important;
}
.datos_personales .checkbox_adicionales .tooltip.bottom{
left: -12px !important;
top: 592px !important;
}
.datos_personales .prestamos_monto_solicitar .tooltip.bottom{
top: 85px !important;
left: 15px !important;
}
.datos_personales .prestamos_monto_solicitar .monto_maximo .tooltip.bottom{
top: 96px !important;
}
.prestamo_preaprobado{
float:right;
}
form[name="datosLaboralesForm"] .tooltip.bottom{
margin-left: 0;
margin-top: 45px;
}
.body-verificacion .tooltip.bottom{
margin-top: 45px;
}
.comentario .tooltip.bottom,
.fecha-filtro .tooltip.bottom{
margin-top: 0px;
margin-left: 0px;
top: auto !important;
}
.fecha-filtro .tooltip.top{
z-index:3000;
margin-top: -85px;
margin-left: 0px;
}
.adjunto .tooltip.bottom{
margin-left: 0px;
margin-top:3px;
}
.tooltip.top {
margin-left: 45px;
margin-top: -60px;
top: auto !important;
}
.tooltip-inner {
background-color: #E9573F;
border-radius: 2px;
box-shadow: rgba(0, 0, 0, 0.3) 0 2px 10px;
max-width: 100%;
}
.tooltip-arrow {
top: 1px !important;
left: 5px !important;
}
.tooltip.top-left .tooltip-arrow{
margin-top:44px;
}
.tooltip.bottom-left .tooltip-arrow,
.tooltip-arrow {
border-bottom-color: #E9573F;
}
.tooltip.top-left .tooltip-arrow{
border-top-color: #E9573F;
}
.uppercase {
text-transform: uppercase;
}
.capitalize {
text-transform: capitalize;
}
.sin-padding{
padding:0;
}
.sin-padding-right{
padding-right:0;
}
.sin-padding-left{
padding-left:0;
}
.btn {
cursor: pointer;
display: inline-block;
font-family: roboto;
border-radius: 0.2rem;
width: auto;
/*padding: 0.9375rem;*/
}
.fondo_azul {
background-color: #005BAA;
}
.chat-online{
width:100%;
height:100%;
}
/*saca la cruz del IE que rompe los filtros*/
.input-filtro::-ms-clear {
display: none;
}
/**------------------------HEADER----------------------------**/
header:not(.header-interno) {
background-color: #005BAA;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
color: #fff;
height: 60px;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 5000;
}
@media screen and (min-width: 992px){
header:not(.header-interno){
height: 90px;
}
}
header .triangulo_azul {
background-color: #005BAA;
display: none;
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 77%;
z-index: -1;
}
header .triangulo_celeste {
background-color: #00AEEF;
display: none;
position: absolute;
top: 0;
bottom: 0;
width: 23%;
}
@media screen and (min-width: 992px){
header .triangulo_celeste, header .triangulo_azul{
display: block;
}
}
header.on-chat{
z-index: 5001;
}
/*.headerInclude {
position: fixed;
width: 100%;
}*/
.header__accesos {
display: none;
height: 4.375rem;
padding: 0.125rem 0;
}
@media screen and (min-width: 768px) {
.header__accesos {
display: block;
}
}
@media screen and (min-width: 992px) {
.header__accesos {
height: 5.66rem;
padding: 0.3125rem 0;
}
}
.header__accesos a {
clear: left;
color: #fff;
display: inline-block;
float: left;
font-size: 0.8125rem;
padding: 0.125rem 0;
text-transform: uppercase;
}
@media screen and (min-width: 992px) {
.header__accesos a {
padding: 0.2708333333333333rem 0;
}
}
.header__accesos a i {
font-size: 1.125rem;
margin-right: 0.9375rem;
}
.header__logo {
padding: 0.625rem 0;
text-align: center;
}
@media screen and (min-width: 992px) {
.header__logo {
padding: 0;
}
}
@media screen and (max-width: 992px){
.header__logo.version__desktop {
display: none;
}
}
.header__logo a {
display: inline-block;
}
.header__logo a img {
height: 2.5rem;
}
@media screen and (min-width: 992px) {
.header__logo a img {
height: 5.625rem;
}
}
.header__logo.version__desktop {
margin-left: 50px;
}
@media screen and (min-width: 992px){
.header__logo.version__mobile {
display: none;
}
}
.header__login {
margin-right: 0.9375rem;
cursor: pointer;
float: right;
overflow: hidden;
}
@media screen and (min-width: 992px) {
.header__login {
margin-right: 2.6rem;
}
}
.header__login>div{
align-items: center;
display: inline-flex;
height: 3.75rem;
}
@media screen and (min-width: 992px) {
.header__login>div {
height: 5.625rem;
}
}
.header__login span {
display: none;
color:white;
float: right;
font-size: 13px;
padding-left: 0.625rem;
}
.header__login .iniciar-sesion{
font-size:18px;
}
@media screen and (min-width: 768px) {
.header__login span {
display: block;
}
}
.header__login-icono {
cursor: pointer;
color: #fff;
font-size: 20px;
position: absolute;
right: 0;
}
.header__contenedor-menu {
display: none;
height: 22.8125rem;
left: 0;
max-height: 0;
overflow: hidden;
position: fixed;
top: 4.375rem;
transition: max-height 500ms ease-in-out;
width: 100%;
}
.header__contenedor-menu.active {
max-height: 24rem;
}
@media screen and (min-width: 768px) {
.header__contenedor-menu {
display: block;
}
}
@media screen and (min-width: 992px) {
.header__contenedor-menu {
top: 5.66rem;
}
}
.boton-menu {
cursor: pointer;
height: 16px;
left: 20px;
position: absolute;
top: 22px;
width: 24px;
}
.boton-menu__barra,
.boton-menu__barra::before,
.boton-menu__barra::after {
background-color: #fff;
content: '';
cursor: pointer;
display: block;
border-radius: 1px;
height: 2px;
position: relative;
transition: 500ms ease-in-out, margin-top 0.2s, margin-bottom 0.2s;
width: 100%;
}
.boton-menu__barra{
top: 7px;
}
/*@media screen and (min-width: 992px) {
.boton-menu__barra,
.boton-menu__barra::before,
.boton-menu__barra::after {
height: 0.3125rem;
}
}*/
@media screen and (min-width: 1100px) {
.boton-menu{
display: none;
}
}
.boton-menu.active .boton-menu__barra {
background-color: transparent;
}
.boton-menu__barra::after, .boton-menu__barra::before {
position: absolute;
}
.boton-menu__barra::before, .boton-menu__barra:focus::before {
top: -7px;
}
.boton-menu__barra::after, .boton-menu__barra:focus::after{
bottom: -7px;
}
.boton-menu.active .boton-menu__barra::before {
top: 0;
transform: rotate(-45deg);
}
.boton-menu.active .boton-menu__barra::after {
bottom: 0;
transform: rotate(45deg);
}
.boton-menu:not(.active):hover .boton-menu__barra::before{
margin-top: 2px;
}
.boton-menu:not(.active):hover .boton-menu__barra::after{
margin-bottom: 2px;
}
/* @media screen and (min-width: 992px) {
.boton-menu__barra::before {
top: -0.625rem;
}
} */
/* @media screen and (min-width: 992px) {
.boton-menu__barra::after {
bottom: -0.625rem;
}
} */
/*@media screen and (min-width: 768px){
.header, .headerInclude{
background-color: #00aeef;
}
}*/
.header>.container, .headerInclude>.container{
/*background-color: #00aeef;*/
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
}
@media screen and (min-width: 768px){
.header>.container, .headerInclude>.container{
background-color: transparent;
box-shadow: none;
}
}
.header>.container-fluid, .headerInclude>.container-fluid{
height: calc(100vh - 3.75rem);
margin-left: 0;
margin-right: 0;
position: fixed;
transform: translateX(-105%);
width: 85%;
transition: 0.6s;
}
.header>.container-fluid.active, .headerInclude>.container-fluid.active{
box-shadow: 10px 5px 15px rgba(0, 0, 0, 0.4);
overflow-y: auto;
position: relative;
transform: translateX(0);
}
@media screen and (min-width: 768px){
.header>.container-fluid, .header>.container-fluid.active, .headerInclude>.container-fluid, .headerInclude>.container-fluid.active{
box-shadow: none;
height: auto;
margin-left: auto;
margin-right: auto;
transform: translateX(0);
transition: 0;
width: 100%;
}
}
.header-menu.container{
padding: 0;
}
@media screen and (min-width: 768px){
.header-menu.container{
padding: 0;
}
}
.header-menu__item {
align-items: center;
border-bottom: 1px solid #fff;
display: block;
margin: 0 -15px;
width: calc(100% + 30px);
}
.header-menu__item > a{
outline: none;
}
ul>.header-menu__item:last-child{
border: 0;
}
@media screen and (min-width: 768px){
.header-menu__item {
border: 0;
display: inline-block;
height: 2.75rem;
margin: 0;
width: auto;
}
}
@media screen and (min-width: 992px){
.header-menu__item{
margin: 0 0.9375rem;
}
}
@media screen and (min-width: 992px){
.header-menu__item:first-child{
margin-left: 0;
}
}
.header-menu__item > a {
align-items: center;
color: #fff;
display: block;
font-family: roboto;
font-size: 1rem;
height: 3.125rem;
padding: 0.875rem 0.9375rem;
text-transform: uppercase;
width: 100%;
}
@media screen and (min-width: 768px){
.header-menu__item > a {
font-family: robotobold;
font-size: 0.65625rem;
padding: 0.84375rem 0.625rem;
}
}
@media screen and (min-width: 992px){
.header-menu__item > a {
font-size: 0.6875rem;
}
}
@media screen and (min-width: 1200px){
.header-menu__item > a {
font-size: 0.75rem;
padding: 0.84375rem 0.9375rem;
}
}
.header-menu__item.active {
border-bottom: 3px solid #00aeef;
}
.header-submenu {
position: relative;
width: 100%;
}
.header-submenu>.container{
background-color: rgba(0, 0, 0, .25);
}
@media screen and (min-width: 768px) {
.header-submenu {
left: 0;
position: fixed;
top: 2.75rem;
width: 100%;
}
}
@media screen and (min-width: 1200px) and (-ms-high-contrast: active), (-ms-high-contrast: none){
.header-submenu{
top:8.4rem;
}
}
@media screen and (min-width: 768px) {
.header-submenu>.container {
background-color: transparent;
}
}
@media screen and (min-width: 768px) {
.header-submenu__item{
padding: 1.5625rem 0;
}
}
@media screen and (min-width: 992px) {
.header-submenu__item{
padding: 0.875rem 0.9375rem;
}
}
@media screen and (min-width: 1200px) {
.header-submenu__item{
padding: 0.875rem 0.9375rem;
}
}
.header-submenu__item {
color: #00aeef;
cursor:pointer;
height: 2.8125rem;
text-align: left;
}
@media screen and (min-width: 768px) {
.header-submenu__item {
height: auto;
padding: 0.75rem 0.9375rem;
text-align: center;
}
}
.header-submenu__item>strong{
align-items: center;
display: inline-flex;
height: 100%;
width: 100%;
}
@media screen and (min-width: 768px) {
.header-submenu__item>strong{
display: inline;
height: auto;
width: auto;
}
}
@media screen and (min-width: 992px) {
.header-submenu__item {
padding: 0.875rem 0.9375rem;
}
}
.header-submenu__item:hover {
color: #fff;
}
.header-submenu__icono,
.header-submenu-2__icono{
display: inline-block;
font-size: 2.0rem;
padding: 0.3125rem;
}
@media screen and (min-width: 768px) {
.header-submenu__icono,
.header-submenu-2__icono{
font-size: 5.0rem;
}
}
.header-submenu__nombre {
font-size: 0.875rem;
color: #00aeef;
}
@media screen and (min-width: 768px) {
.header-submenu__nombre {
font-size: 1.1rem;
}
}
.header-submenu__item:hover .header-submenu__nombre, .header-submenu__nombre:focus {
color: #fff;
}
.aside_usuario{
cursor: pointer;
/* padding: 15px 15px 0px 140px; */
padding: 20px 15px 0px 140px;
min-height: 50px;
display: block;
}
.aside_usuario_icono{
color: #fff;
float: left;
font-size: 30px;
height: 45px;
margin-right: 10px;
margin-top: 2px;
padding: 6px 0;
width: 45px;
}
.aside_usuario span{
display: block;
padding-bottom: 2px;
}
.aside_usuario_datos{
padding: 5px;
}
.aside_usuario_nombre{
padding-top: 0;
font-family: robotomedium;
font-size: 13px;
}
.aside_usuario_salir{
padding-top: 0;
font-family: robotomedium;
font-size: 16px;
}
.aside_usuario_ultimo_acceso{
padding-left: 2px;
font-size: 13px;
}
/*.aside_usuario_logout, .aside_usuario_editar {
margin-left: 20px;
float: right;
font-size: 11px;
font-weight: 600;
display: inline-block;
cursor: pointer;
}
.aside_usuario_editar{
margin-left: 55px;
}
.aside_usuario_logout i, .aside_usuario_editar i{
margin: -4px 0 0 10px;
font-size: 20px;
float: right;
}*/
.aside_usuario_editar{
float: left;
font-size: 11px;
font-family: robotomedium;
display: inline-block;
cursor: pointer;
}
.aside_usuario_editar i{
font-size: 25px;
}
.aside_usuario_editar span{
float: right;
margin-left: 7px;
padding-top: 6px;
}
/*---------------------------------------------------------------*/
.container.error{
margin-top: 4vh;
text-align: center;
}
.error_titulo {
font-size: 150px;
font-family: robotolight;
text-align: center;
}
.error_404_titulo {
font-size: 220px;
font-family: robotolight;
text-align: center;
}
.error_400_subtitulo, .error_subtitulo {
font-size: 30px;
color: #666;
margin-top: 30px;
text-align: center;
}
.error_subtitulo {
font-size: 20px;
}
.error_info {
color: #666;
font-size: 42px;
margin-top: 50px;
}
.error button{
font-size: 12px;
font-family: robotomedium;
padding: 10px 15px;
text-transform: uppercase;
margin-top: 35px;
}
.boton-volver-inicio{
margin-bottom: 30px;
}
.botonera{
background-color: #fff;
border: 1px solid #ddd;
margin: 20px 30px 0;
overflow: hidden;
padding: 30px 0;
}
.botonera button{
display: inline-flex;
font-size: 12px;
height: 60px;
letter-spacing: 0.35px;
margin-bottom: 12px;
padding: 10px 15px;
text-align: left;
}
@media screen and (min-width: 768px){
.botonera{
margin: 50px 30px 0;
/*display: flex;*/
}
.botonera button{
height: auto;
margin-bottom: 10px;
font-size: 13px;
}
}
@media screen and (min-width: 992px){
.botonera button{
text-transform: uppercase;
}
}
/*---------------------FOOTER-----------------------*/
footer .redes_sociales {
float: right;
margin: 0.53125rem 0;
}
/* .bodyForm footer .redes_sociales {
display: table;
float: none;
margin: 0.53125rem 0;
padding: 0 30px;
width: 100%;
} */
@media screen and (min-width: 768px){
footer .redes_sociales {
margin: 0;
display: table;
float: none;
padding-bottom: 7px;
}
/* .bodyForm footer .redes_sociales {
display: inline;
float: right;
margin: 0;
padding: 0;
width: auto;
} */
}
footer .redes_sociales i {
cursor: pointer;
float: right;
font-size: 1.75rem;
margin-left: 0.625rem;
}
/* .bodyForm footer .redes_sociales a{
display: table-cell;
} */
/* @media screen and (min-width: 768px){
.bodyForm footer .redes_sociales a{
display: inline-block;
}
} */
/* .bodyForm footer .redes_sociales i {
float: none;
font-size: 1.75rem;
margin-left: 0.625rem;
} */
/* @media screen and (min-width: 768px){
.bodyForm footer .redes_sociales i {
float: right;
padding-left: 10px;
padding-right: 10px;
}
} */
footer {
position:static;
left:0px;
bottom:0px;
}
@media screen and (min-width: 768px) {
.boton-footer {
right: 6rem;
}
}
.boton-footer--on {
float: right;
margin-top: -3.625rem;
position: relative;
}
.boton-footer--on.active {
margin-top: 0;
position: fixed;
}
.boton-footer.active,
.boton-footer--on.active {
bottom: calc(100vh - 8.25rem);
}
@media screen and (min-width: 992px) {
.boton-footer.active,
.boton-footer--on.active {
bottom: calc(100vh - 9.5rem);
}
}
.boton-footer.visible:before,
.boton-footer.active.visible:before,
.visible.boton-footer--on.active:before {
opacity: 1;
}
.boton-footer:before,
.boton-footer.active:before,
.boton-footer--on.active:before {
opacity: 0;
transition: 0.8s;
}
/*.fTab.on_footer.active{
margin: 28px;
}*/
.footer {
background-color: #005BAA;
font-size: 0.75rem;
padding-top: 2.8125rem;
position: fixed;
transition: top 0.8s;
top: auto;
width: 100%;
z-index: 5;
}
/* .bodyForm .footer{
padding-top: 0;
position: relative;
} */
/* .bodyForm .footer, .bodyForm .footer.desplegado{
top: auto;
}
.bodyForm .footer__accesos {
border-bottom: 0;
padding: 1.25rem 0;
padding-bottom: 0.9375rem;
} */
/* @media screen and (min-width: 768px){
.bodyForm .footer__accesos {
border-bottom: 1px solid #fff;
}
} */
.footer.desplegado{
top: calc(3.75rem + 10.625rem);
}
.footer-formulario{
/* position: absolute; */
bottom: 0px;
left:0px;
right:0px;
}
.ui-view-body{
min-height: calc(100vh - 90px - 44px - 174px);
}
.footer-formulario .footer.desplegado{
top: 60vh;
}
@media screen and (min-width: 768px) {
.footer {
padding-top: 0;
position: relative;
}
.footer, .footer.desplegado{
text-align: center;
}
}
@media screen and (min-width: 992px){
.footer__accesos li:nth-last-child(2) {
border-right: 0;
}
.ui-view-body{
min-height: calc(100vh - 60px - 44px - 174px);
}
}
.footer * {
color: #fff;
}
.footer__accesos {
display: table;
font-size: 0.875rem;
width: 100%;
}
@media screen and (min-width: 768px) {
.ui-view-body{
min-height: calc(100vh - 60px - 44px - 266px);
}
.footer__accesos {
border-bottom: 0;
padding: 3.25rem 0;
padding-bottom: 0;
}
}
.footer-visible>div:not(.footer__legales){
height: calc(100vh - (3.75rem + (5.3125rem * 2) + 2.8125rem) - 0.9375rem);
overflow-y: auto;
}
.footer-formulario .footer-visible>div:not(.footer__legales){
height: calc(40vh - 4.0625rem);
}
@media screen and (min-width: 768px) {
.footer-visible>div:not(.footer__legales), .footer-formulario .footer-visible>div:not(.footer__legales) {
height: auto;
overflow-y: hidden;
}
}
/* .bodyForm .footer-formulario .footer-visible>div:not(.footer__legales) {
height: auto;
overflow-y: hidden;
} */
.footer__accesos li {
border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.5);
display: block;
height: 2.8125rem;
line-height: 2.75rem;
}
/* .bodyForm .footer__accesos li {
border-bottom: 1px solid #fff;
border-left: 0;
display: block;
height: auto;
line-height: normal;
padding: 0.9375rem;
text-align: left;
} */
@media screen and (min-width: 768px) {
.footer__accesos li, .footer__accesos li{
border-bottom: 0;
height: 57px;
line-height: 10px;
text-align: center;
display: inline-block;
padding-bottom: 14px;
margin-bottom: 15px;
padding-left: 20px;
padding-right: 20px;
text-transform: uppercase;
border-right: .125rem solid #fff;
}
.footer__accesos li:first-child{
border-left: 0;
}
}
@media screen and (min-width: 768px) {
.footer__accesos li {
height: 10px;
font-size: 10px;
padding-bottom: 0px;
}
}
@media screen and (min-width: 768px){
.footer__accesos li>a {
font-weight: 600;
}
}
.footer__accesos li.footer__legales-texto--mobile{
align-items: center;
display: inline-flex;
font-size: 0.6875rem;
height: 3.75rem;
line-height: 1.2;
}
@media screen and (min-width: 768px) {
.footer__accesos li.footer__legales-texto--mobile {
display: none;
}
}
/* .bodyForm .footer__accesos li.footer__legales-texto--mobile {
display: none;
}
*/
.footer__accesos>li:last-child {
border: 0;
}
.footer__accesos a:hover,.footer__accesos a:focus{
color: #00aeef;
}
.footer__legales {
height: 2.8125rem;
left: 0;
padding: 0 0.9375rem;
position: absolute;
right: 0;
text-align: center;
top: 0;
}
@media screen and (min-width: 768px) {
.footer__legales {
background-color: transparent;
border: 0;
height: auto;
padding: 0.625rem 0.9375rem;
position: relative;
padding-bottom: 3.25rem;
text-align: -webkit-center;
}
}
/* .bodyForm .footer__legales {
background-color: transparent;
border: 0;
height: auto;
padding: 0.625rem 0.9375rem;
position: relative;
} */
.footer__legales>i{
float: left;
font-size: 1.5625rem;
margin: 0.5625rem 0;
transition: 0.8s;
}
.footer.desplegado .footer__legales>i{
transform: rotateX(180deg);
}
@media screen and (min-width: 768px) {
.footer__legales>i{
display: none;
}
}
/* .bodyForm .footer__legales>i{
display: none;
} */
.footer__legales-texto{
display: none;
}
@media screen and (min-width: 768px) {
.footer__legales-texto{
display: table;
margin: 0.34375rem 0;
color: rgba(193, 193, 193, 0.62);
margin-left: 18px;
}
}
.aside__footer{
border-top: 1px solid rgba(255, 255, 255, .5);
padding: 15px;
}
@media screen and (min-height: 700px){
.aside__menu{
height: calc(100vh - 353px);
overflow-y: auto;
scrollbar-width: thin; /* "auto" or "thin" */
scrollbar-color: white #005BAA;
}
.aside__footer{
bottom: 0;
left: 0;
position: absolute;
right: 0;
}
}
.aside__menu::-webkit-scrollbar-track
{
background-color: #005BAA;
}
.aside__menu::-webkit-scrollbar
{
width: 8px;
background-color: white;
}
.aside__menu::-webkit-scrollbar-thumb
{
box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: white;
border-radius: 10px;
}
.aside__legales-texto{
color: rgba(193, 193, 193, 0.62);
display: block;
text-align: center;
}
aside .redes_sociales{
align-items: center;
display: inline-flex;
justify-content: center;
width: 100%;
}
aside .redes_sociales a{
color: #fff;
font-size: 28px;
margin: 0 5px;
}
/* .bodyForm .footer__legales-texto{
display: inline-block;
margin: 0.34375rem 0;
} */
@media screen and (min-width: 768px) {
.footer__legales-texto--mobile{
display: none;
}
}
/* .bodyForm .footer__legales-texto--mobile{
display: none;
} */
.footer__mapa {
background-color: #00aeef;
bottom: -2px;
left: 0;
max-height: 0;
overflow-y: auto;
position: fixed;
transition: max-height 0.8s;
width: 100%;
z-index: 5;
}
.footer__mapa.active {
max-height: calc(100vh - 4.375rem);
}
@media screen and (min-width: 992px) {
.footer__mapa.active {
max-height: calc(100vh - 5.75rem);
}
}
.footer__mapa > .container {
min-height: calc(100vh - 5.625rem - 5.25rem);
}
.footer__menu {
float: right;
margin-bottom: 0.625rem;
overflow: hidden;
}
@media screen and (min-width: 992px) {
.footer__menu {
float: left;
}
}
.footer__menu li {
height: auto;
margin: 0;
padding: 0.9375rem;
padding-bottom: 0.3125rem;
}
.footer__menu li:first-child {
margin-left: 0;
}
.footer__menu li.active {
border-bottom: #FFF solid 3px;
}
.footer__menu li a {
font-family: robotobold;
font-size: 0.9375rem;
}
.footer__buscador {
background-color: #fff;
float: right;
margin: 0.3125rem 0.9375rem;
margin-bottom: 1.5625rem;
}
@media screen and (min-width: 992px) {
.footer__buscador {
float: left;
}
}
.footer__buscador i {
border-left: 0.125rem solid #eee;
color: #333;
cursor: pointer;
float: right;
font-size: 1.5625rem;
padding: 0.3125rem 0;
text-align: center;
width: 2.1875rem;
}
.footer__buscador input {
border: 0;
color: #333;
float: right;
font-size: 0.9375rem;
padding: 0.5625rem 0.9375rem;
width: calc(100% - 2.1875rem);
}
.footer-guia__mitad {
overflow: hidden;
}
@media screen and (min-width: 768px) {
.footer-guia__mitad {
border-top: 0.0625rem solid #fff;
}
}
.footer-guia__mitad > div {
border-top: 0.0625rem solid #fff;
padding: 1.875rem 0.9375rem;
}
@media screen and (min-width: 768px) {
.footer-guia__mitad > div {
border: 0;
}
}
.footer-guia__letra {
float: left;
font-family: robotobold;
font-size: 3.125rem;
margin-top: -0.8125rem;
width: 4.6875rem;
}
.footer-guia__opciones {
float: right;
text-align: left;
width: calc(100% - 4.6875rem);
}
.footer-guia__opciones a {
display: inline-block;
font-size: 0.875rem;
line-height: 1.25rem;
}
.footer-interior {
background-color: #005BAA;
}
#perfil label {
display: block;
font-size: 16px;
font-family: robotolight;
margin-bottom: 2.5px;
}
.cancelacionEscribaniaMain{
margin-top: 70px;
}
.pointer{
cursor:pointer;
}
/*-------------------CAPTCHA--------------------*/
/* CAPTCHA DEL FORM DE REGISTRO */
#googleRecaptcha>div>div {
margin: auto;
/* left: calc(50% - 152px); */
position: absolute;
}
.registro_captcha {
height: 112px;
}
.registro_captcha .tooltip.bottom {
left: calc(78% - 86px) !important;
top: 50px !important;
}
.simulador_form .tooltip.bottom{
top: 150px !important;
}
.login_form .tooltip.bottom{
margin-top:-35px;
left: -13px !important;
}
.test_inversor .wizard > .content > .body input[type="radio"], .registro_form_legales input[type="checkbox"], .wizard > .content > .body input[type="checkbox"]{
display: none;
}
.test_inversor .wizard > .content > .body input[type="radio"].checked+label>span:before,
.registro_form_legales input[type="checkbox"].checked+label>span:before, .step_confirmacion input[type="checkbox"].checked+label>span:before{
color: #00aeef;
content: '✔';
font-size: 15px;
}
.login_form .titulo-ingresa{
margin-bottom:0;
}
.login_form .leyenda-con{
font-size: 15px;
font-weight: bold;
margin-bottom: 15px;
}
.login_form .leyenda-con-reconocimiento{
font-size: 14px;
}
.login_form>div, .registro_form{
min-height: 200px;
}
.registro_form .tooltip.bottom{
margin-top:-35px;
left: -28px !important;
}
.registro_form .registro_captcha .tooltip.bottom {
margin-top: 30px;
left: -28px !important;
}
.recomendaciones-verificacion{
margin-top:15px;
text-align:left;
}
.recomendaciones-verificacion .principal{
margin-bottom:50px;
}
.recomendaciones-verificacion div{
padding:5px;
margin-bottom:15px;
}
.recomendaciones-verificacion li{
margin-bottom:10px;
}
.rc-anchor.rc-anchor-normal.rc-anchor-light {
transform: scale(0.95) !important;
}
#perfil label>span {
color: #00aeef;
cursor: pointer;
float: right;
font-size: 12px;
margin-top: 5px;
}
.perfil_campo.col-xs-6 {
padding: 0;
}
.perfil_campo {
border: 1px solid rgb(216, 221, 225);
height: 45px;
margin-bottom: 30px;
width: calc(100% - 1px);
transition: margin-bottom 0.3s;
}
@media screen and (min-width: 768px) {
.input-plazo_fijo {
max-width: 260px;
}
.perfil_campo.max-230 {
max-width: 230px;
}
.max-200{
max-width: 200px;
min-width: 155px;
}
}
.perfil_campo.plazo_fijo>.tooltip.bottom{
margin-top: 5px !important;
}
.input-plazo_fijo>.perfil_campo>.input_monto{
padding-left: 30px;
}
.perfil_campo.plazo-fijo_monto{
display: flex;
align-items: center;
}
.perfil_campo.perfil_campo.plazo-fijo_monto>span{
position: absolute;
font-size: 28px;
display: flex;
align-items: center;
}
.perfil_campo.perfil_campo.plazo-fijo_monto>.tooltip.bottom{
left: 0px !important;
}
@media screen and (min-width: 768px){
.perfil_campo{
margin-bottom: 45px;
}
}
@media screen and (min-width: 1600px){
.perfil_campo{
margin-bottom: 50px;
}
}
.perfil_campo>i {
float: left;
font-size: 27px;
padding: 7px 9px;
}
.perfil_campo i.mostrar-contrasena{
cursor: pointer;
float: right;
pointer-events: auto;
transition: 0.1s;
}
.perfil_campo input,
.perfil_campo select,
.perfil_campo select:focus {
background-color: transparent;
border: 0;
color: #666;
float: right;
font-size: 15px;
height: 100%;
outline: none;
padding: 5px 15px;
width: 100%;
}
.perfil_campo input[disabled],
.perfil_campo select:disabled{
background: #ebebe4;
}
.registro_form_empresas .perfil_campo input[disabled],
.registro_form_empresas .perfil_campo select:disabled{
background: transparent;
cursor: not-allowed;
}
.perfil_campo i+input{
padding-left: 7.5px;
width: calc(100% - 45px);
}
section.section_form {
position: fixed;
width: 100%;
top: 60px;
left: 0px;
background: rgb(1, 86, 166);
padding-bottom: 0;
padding-top: 0px;
z-index: 3000;
}
@media screen and (min-width: 768px){
section.section_form{
padding-bottom: 1.5625rem;
top: 6.5rem;
}
.perfil_campo input,
.perfil_campo select,
.perfil_campo select:focus{
padding: 10px 15px;
}
}
@media screen and (min-width: 992px){
section.section_form{
top: 8.375rem;
}
}
@media screen and (min-width: 1200px){
section.section_form{
top: 8.375rem;
}
}
.sin-shadow{
box-shadow:none;
}
.terminos{
margin-bottom: 1rem;
margin-top: 1rem;
text-align: left;
}
.terminos span{
font-size:1.1rem !important;
position:relative;
margin-left:15px;
}
.terminos-registro span{
top:-18px;
}
.terminos-turno{
text-align: right;
margin-top:1.5rem;
margin-bottom:0px;
}
.terminos-turno span{
top:-18px;
}
.terminos a:hover,
.terminos a:focus{
outline:none;
}
/*--------------CHECKBOX--------------------*/
.regular-checkbox {
display: none;
}
.regular-checkbox + label {
width: 0px;
/* background-color: #fafafa; */
border: 1px solid #d8dde1;
/* box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); */
padding: 9px;
/* border-radius: 3px; */
display: inline-block;
position: relative;
}
.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.regular-checkbox:checked + label {
/* background-color: #e9ecee; */
/* border: 1px solid #adb8c0; */
/* box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); */
color: #99a1a7;
}
.regular-checkbox:checked + label:after {
content: '\2713';
font-size: 14px;
position: absolute;
top: 0px;
left: 3px;
color: #00aeef;
}
.big-checkbox + label {
padding: 18px !important;
}
.big-checkbox:checked + label:after {
font-size: 28px;
left: 6px;
}
.tag {
font-family: Arial, sans-serif;
width: 200px;
position: relative;
top: 5px;
font-weight: bold;
text-transform: uppercase;
display: block;
float: left;
}
/*--------------LOADERS---------------------*/
.disable-opacity{
pointer-events:none;
opacity: 0.5;
}
.opacity{
opacity: 0.5;
}
.opacity-black{
background-color: BLACK !important;
opacity: 0.5;
}
.loader-nueva-password {
width: 100px;
height: 100px;
position: absolute;
top: 33%;
left: 45.5%;
margin: 0 0 0 -50px;
}
.loader-detalles-personales {
width: 100px;
height: 100px;
position: absolute;
left: 47%;
margin: 0 0 0 -50px;
}
/* .loader-principal {
width: 100px;
height: 100px;
position: absolute;
left: 47%;
top: 45%;
margin: 0 0 0 -50px;
z-index: 2;
} */
.loader-principal, .loader-adhesion, .loader-modal-prestamo, .loader-turno, .loader-generico, .loader-envio{
width: 100px;
height: 100px;
position: fixed;
left: calc(50% - 50px);
top: calc(50vh - 50px);
margin: 0;
z-index: 999999;
}
.loader-principal.login>.uil-default-css{
height: calc(100% * 5 / 3);
margin-top: -33px;
width: calc(100% * 5 / 3);
margin-left: -33px;
}
.loader-principal.login>.uil-default-css>.loader-size{
left: 75px;
top: 60px;
}
/* .loader-adhesion {
width: 100px;
height: 100px;
position: absolute;
left: 47%;
top: 31.5%;
margin: 0 0 0 -50px;
}
.loader-modal-prestamo{
width: 100px;
height: 100px;
position: absolute;
left: 41.5%;
top: 35%;
margin: 0 0 0 -50px;
}
.loader-mapa {
width: 100px;
height: 100px;
position: absolute;
z-index:9999;
left: 42%;
top: 38%;
margin: 0 0 0 -50px;
}
.loader-turno {
width: 100px;
height: 100px;
position: absolute;
left: 35%;
top: 150%;
margin: -50px 0 0 -50px;
}
.loader-generico {
blackground:BLACK;
width: 100px;
height: 100px;
right:50%;
bottom:50%;
z-index:9999;
position: absolute;
}
.loader-envio {
width: 100px;
height: 100px;
top:50%;
right:50%;
position: absolute;
}*/
#over-everything {
background-color: rgba(100,100,100,.9);
z-index: 999;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.img-loader{
width: 220px !important;
margin: auto !important;
position: relative;
}
.img-loader>div>img{
width: 100%;
}
.loader-size {
top: 77px;
left: 180px;
width: 14px;
height: 46px;
background: #00aeef;
border-radius: 4px;
position: absolute;
margin: 0px;
}
.fondo_celeste {
background-color: #00aeef;
color: #fff;
}
.color_celeste {
color: #00aeef;
}
.fondo_azul {
background-color: #005BAA;
color: #fff;
}
.fondo_gris {
background-color: #f9f9f9;
}
.fondo_verde{
background: #A0D468;
}
.body-verificacion {
margin-top: 60px;
}
@media screen and (min-width: 992px){
.body-verificacion {
margin-top: 90px;
}
}
/* VERIFICAR CUENTA */
.verificar_cuenta {
color: #414143;
/* MGM VERIFICAR */
/* min-height: calc(100vh - 165px); */
padding-bottom: 40px;
text-align: center;
}
form#modificacionForm.verificar_cuenta button{
margin-top: 20px;
}
form#modificacionForm.verificar_cuenta{
padding-top: 60px;
padding-bottom: 175px;
}
.body-verificacion{
min-height: calc(100vh - 165px);
}
@media screen and (min-width: 992px){
.body-verificacion {
min-height: calc(100vh - 193px);
}
}
.verificar_cuenta .h1 {
float: none;
margin: auto;
}
.verificar_cuenta .h1>h1 {
border: 0;
color: #00aeef;
font-size: 40px;
font-family: robotolight;
margin: 40px 0;
padding: 0;
text-transform: uppercase;
}
@media screen and (min-width: 992px){
.verificar_cuenta .h1>h1 {
margin: 65px 0 60px 0;
}
}
.verificar_cuenta p {
display: inline-block;
font-size: 20px;
margin: auto;
margin-bottom: 50px;
}
.verificar_cuenta .isotope {
padding-left: 0%;
padding-right: 0%;
}
@media screen and (min-width: 992px) {
.verificar_cuenta .isotope {
padding-left: 20%;
padding-right: 20%;
}
}
.verificar_cuenta label,
.verificar_cuenta i,
.verificar_cuenta input {
color: #666;
}
.verificar_cuenta label,
.verificar_cuenta .perfil_campo {
text-align: left;
width: 100%;
}
.verificar_cuenta .perfil_campo {
margin-bottom: 35px;
}
.verificar_cuenta label {
margin-bottom: 5px;
}
.verificar_cuenta .copete {
padding-top: 10px;
color: black;
font-size: 12px;
font-family: robotolight;
}
.verificar_cuenta .header {
padding-top: 30px;
padding-bottom: 30px;
width: 100%;
background: white;
}
/* .verificar_cuenta button {
font-size: 22px;
margin-top: 20px;
padding: 20px 30px;
} */
.verificar_cuenta .spanMedio {
margin-right: 250px;
margin-left: 250px;
display: block;
font-family: Arial;
font-size: 12pt;
color: #666;
padding-bottom: 50px;
border-bottom-color: #e6e6e6;
border-bottom-style: solid;
border-bottom-width: 1px;
}
@media screen and (min-width: 768px){
.section_form+.wrapper{
min-height: calc(100vh - 371.19px);
}
}
@media screen and (min-width: 900px){
.section_form+.wrapper{
min-height: calc(100vh - 333.19px);
}
}
@media screen and (min-width: 992px) {
.section_form {
top: 8.375rem;
height: 7.5rem;
}
.section_form .titulo_form {
padding: 0 0;
}
.section_form+.wrapper{
min-height: calc(100vh - 21.6875rem); /* El alto de la pantalla menos el del header, menu y footer */
padding-bottom: 3.125rem;
}
}
@media screen and (min-width: 1200px) {
.section_form {
height: 7.5rem;
}
}
.section_form .titulo_form {
align-items: center;
color: white;
display: inline-flex;
font-family: robotothin;
font-weight: 600;
padding: 12.5px 0;
}
@media screen and (min-width: 768px){
.section_form .titulo_form{
display: block;
padding: 1.6rem 0;
}
}
.section_form .titulo_form>span{
font-size: 16px;
padding: 0;
}
@media screen and (min-width: 768px){
.section_form .titulo_form>span{
font-size: 35px;
line-height: 1.15;
padding: 10px 100px 0 0;
}
}
.titulo_form i {
font-size: 35px;
font-weight: normal;
margin-right: 10px;
}
@media screen and (min-width: 768px){
.titulo_form i{
float: left;
font-size: 73px;
margin-right: 0;
}
}
.titulo_form span {
padding-top: 10px;
padding-right: 100px;
}
.subtitulo_form {
color: #797979;
padding-bottom: 30px;
padding-top: 20px;
border-bottom: #d8dde1 solid 1px;
margin-bottom: 30px;
}
button {
padding: 10px;
background-color: #ddd;
color: #666;
width: 100%;
border: 0;
border-radius: 0.2rem;
}
.login_recuperar_contrasena.active {
transform: translateY(0);
}
.login_form>div{
padding: 35px 30px;
}
@media screen and (min-width: 768px){
.login_form>div{
padding: 45px 30px;
}
}
.login_form>div{
border-bottom: 1px solid #fff;
}
.login_face_recognition .volver{
position: relative;
top: 100px;
bottom: 35px;
width: 80% !important;
}
.login_face_recognition .leyenda{
text-align: center;
font-size: 16px;
margin-bottom: 25px;
}
.registro_form, .registro_form_legales, .login_legales{
border: 0;
height: 100%;
left: 0;
padding: 35px 30px;
position: absolute;
top: 0;
transform: translateY(-120%) translateY(-70px);
transition: transform 0.8s ease-in-out;
width: 100%;
z-index: 1;
}
@media screen and (min-width: 768px){
.registro_form, .registro_form_legales, .login_legales{
padding: 45px 30px;
}
}
.prestamos_legales{
border: 0;
height: 100%;
left: 0;
padding: 45px 30px;
position: absolute;
top: 0;
transform: translateX(100%);
transition: transform 0.8s ease-in-out;
width: 100%;
z-index: 5000;
}
.modal_detalle .prestamos_legales p{
font-size: 10px;
line-height: 12px;
}
.registro_form{
height: auto;
}
.registro_form.active, .registro_form_legales.active, .login_legales.active, .prestamos_legales.active{
transform: translateY(0);
}
.login_opciones_legales{
color: #666;
padding-left: 30px;
pointer-events: none;
}
.login_opciones_legales a{
color: #666;
pointer-events: visible;
}
@media screen and (min-width: 768px){
.login_opciones_legales{
bottom: 20px;
}
}
.registro_form_legales input[type="checkbox"]+label, .step_confirmacion input[type="checkbox"]+label{
display: block;
float: left;
font-family: robotolight;
font-size: 16px;
font-weight: normal;
text-align: left;
width: 100%;
}
.registro_form_legales input[type="checkbox"]+label>span, .step_confirmacion input[type="checkbox"]+label>span{
background-color: #fff;
cursor: pointer;
float: left;
line-height: 20px;
height: 20px;
margin: 2px 25px 0 0;
text-align: center;
width: 20px;
}
.step_confirmacion input[type="checkbox"]+label>span{
border: 1px solid #ddd;
margin-right: 15px;
}
.legales_texto{
color: #666;
font-size: 12px;
height: calc(100% - 216px);
margin-top: 20px;
}
.gestion_legales_texto{
background-color: rgba(0, 0, 0, 0.1);
height: calc(100% - 400px);
margin-bottom: 25px;
padding: 15px;
}
.login_legales .legales_texto,
.prestamos_legales .legales_texto{
height: calc(100% - 169px);
margin-bottom: 50px;
}
.legales_texto>div{
height: 100%;
overflow-y: auto;
text-align: justify;
}
.legales_texto p{
padding-right: 15px;
}
.modal_login .login_boton{
bottom: 40px;
position: absolute;
width: calc(100% - 60px);
}
@media screen and (min-width: 768px){
.modal_login .login_boton{
bottom: 50px;
}
}
.legales_botones{
bottom: 45px;
position: absolute;
width: calc(100% - 60px);
}
.login_form>div:last-child{
border: 0;
}
select option {
color: #666;
}
.registro_volver {
margin: 4px 0 10px 0;
margin-top: 4px;
margin-bottom: 10px;
text-align: left;
cursor: pointer;
}
.login_recuperar_contrasena {
height: 100%;
left: 0;
padding: 35px 30px;
position: absolute;
top: 0;
transform: translateY(-100%);
transition: transform 0.8s ease-in-out;
width: 100%;
z-index: 1;
}
@media screen and (min-width: 768px){
.login_recuperar_contrasena{
padding: 45px 30px;
}
}
.uib-datepicker-popup,
.uib-datepicker {
padding: 0.8em 0.8em 0.8em 0.8em;
z-index: 9999;
}
/* .uib-daypicker, */
/* .uib-monthpicker, */
/* .uib-yearpicker{ */
/* outline:none; */
/* } */
.uib-datepicker th,
.uib-datepicker th i{
color:#005baa;
}
.uib-right,
.uib-right {
display: inline-block;
}
.uib-left,
.uib-left {
display: inline-block;
}
@media screen and (min-width: 768px) {
.registro_form,
.registro_form_legales,
.login_legales{
padding: 45px;
}
.login_form>div,
.registro_form {
min-height: 355px;
}
.registro_volver {
margin: 10px 0 0 0;
text-align: left;
cursor: pointer;
}
}
@media screen and (min-width: 992px) {
.login_form>div {
border-right: 1px solid;
border-bottom: 0;
}
}
.login_form .row-ingresar{
margin-top: 15px;
display: block;
margin-bottom: 40px;
}
.login_form .olvide-contrasena{
font-style: italic;
}
.login_form .divisor-ingresar{
margin-bottom:20px;
}
.login_form .icono-reconocimiento{
font-size: 100px;
text-align: center;
cursor: pointer;
}
.login-form-principal{
height: 100%;
position: relative;
}
.login_form .text-login-fr{
text-align: center;
margin-bottom: 10px;
margin-top: 10px;
}
@media screen and (max-width: 768px){
.login_form .div-boton-ingresar{
margin-top: 0px;
}
}
.login_form .input-contrasena{
margin-bottom:0px;
}
.switcher>span{
border: 1px solid #d8dde1;
color:#666666;
background:white;
cursor: pointer;
display: inline-block;
float: left;
font-family: robotomedium;
padding: 0.5rem 1rem;
text-align: center;
margin-left: 10px;
}
.switcher>span.active{
background-color: #00aeef;
border-color: #00aeef;
color: #fff;
}
/* LISTA CHECKBOXS */
.lista-checkboxs{
list-style: none;
margin: 0;
padding: 0;
overflow: auto;
}
.lista-checkboxs li{
display: block;
position: relative;
float: left;
}
.lista-checkboxs li input[type=radio]{
position: absolute;
visibility: hidden;
}
.lista-checkboxs li label{
display: block;
color: #8a8a8a;
font-size: 16px;
padding: 0 0 0 40px;
cursor: pointer;
-webkit-transition: all 0.25s linear;
}
.lista-checkboxs li .check{
display: block;
position: absolute;
border: 2px solid #666666;
border-radius: 100%;
height: 21px;
width: 21px;
top: 0;
transition: border .25s linear;
-webkit-transition: border .25s linear;
}
.lista-checkboxs li:hover .check {
border: 2px solid #666666;
}
.lista-checkboxs li .check::before {
display: block;
position: absolute;
content: '';
border-radius: 100%;
height: 13px;
width: 13px;
top: 2px;
left: 2px;
margin: auto;
transition: background 0.25s linear;
-webkit-transition: background 0.25s linear;
cursor:pointer;
}
.lista-checkboxs input[type=radio]:checked ~ .check {
border: 2px solid #00aeef;
}
.lista-checkboxs input[type=radio]:checked ~ .check::before{
background: #00aeef;
}
.lista-checkboxs input[type=radio]:checked ~ label{
color: #8a8a8a;
}
/* DISPOSITIVOS */
.check-dispositivo{
left:40%;
}
.header-dispositivos, .header-dispositivo{
margin-bottom: 0.5rem;
font-size: 18px;
font-weight: bold;
padding-left: 0;
padding-right: 0;
}
@media screen and (max-width: 767px) {
.header-dispositivos {
display: none;
}
}
@media screen and (max-width: 767px) {
.check-dispositivo {
top: 27px !important;
}
}
@media screen and (min-width: 768px) {
.header-dispositivo {
display: none;
}
}
.dispositivo{
padding-bottom: 0.5rem;
padding-top: 0.5rem;
font-size: 18px;
border-bottom: 1px solid #aaaebf;
cursor:pointer;
}
.dispositivo:last-of-type{
border:0;
}
/* TABLAS */
.table{
width: 700px;
}
.datos_personales{
/* overflow-x: hidden; */
position: relative;
}
.ngTable{
/*margin-bottom: 70px;*/
overflow-x: auto;
width: 100%;
}
.ngTable thead{
border: 1px solid #4181bc;
}
.ngTable tbody>tr{
cursor: pointer;
}
.ng-table-responsive td:before {
/*position: absolute;*/
/*padding: 8px;*/
/*left: 0;*/
/*top: 0;*/
/*width: 50%;*/
white-space: nowrap;
text-align: left;
font-weight: bold;
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
bottom: 19px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td,
.table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
padding: 0;
vertical-align: middle;
}
.table>thead>tr>td, .table>thead>tr>th{
padding: 0;
background-color: #4181bc;
}
#bonos table>thead>tr>th:first-child{
width: 40%;
}
#accionesLideres table>thead>tr>th:first-child{
width: 50%;
}
/* .ngTable i{ */
/* font-size: 23px; */
/* float: left; */
/* } */
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
height: 50px;
color: #fff;
text-transform: uppercase;
font-size: 12px;
font-family: robotolight;
border: 0;
}
/*.table-bordered>thead>tr>th{
height: 50px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
font-size: 11px;
border: 0;
background: #4181bc;
}*/
.table-bordered>thead>tr>td>div{
padding: 6px 11px;
}
.table-bordered>thead>tr>th>div{
padding: 6px 11px;
}
.table-bordered>thead>tr>th:first-child>div{
padding: 6px 0;
}
.table-bordered>thead>tr>th:first-child>div{
border-left: 0;
}
.table-bordered>thead>tr>td:first-child>div{
border: 0;
padding-left: 0;
}
.table-bordered td:before {
/*position: absolute;*/
/*padding: 8px;*/
/*left: 0;*/
/*top: 0;*/
/*width: 50%;*/
white-space: nowrap;
text-align: left;
font-weight: bold;
}
#bonos .table-bordered>thead>tr>td:nth-child(2)>div, #accionesLideres .table-bordered>thead>tr>td:nth-child(2)>div{
border: 0;
}
.table-bordered>thead>tr>td:last-child>div{
padding-right: 0;
}
.table-bordered>thead>tr>th:last-child>div{
padding-right: 0;
}
.table-bordered{
border: 1px solid #ddd;
}
.table-bordered>tbody>tr>td{
border: 0;
border-bottom: 1px solid #ddd;
font-family: 'roboto-condensed';
text-align: center;
}
.table-bordered>tbody>tr>td:first-child{
text-align: left;
}
.ngTable tbody>tr>td>div{
align-items: center;
display: inline-flex;
font-size: 16px;
height: 75px;
line-height: 20px;
padding: 0 11px;
}
.ngTable tbody>tr:last-child>td>div{
border-bottom: 0;
font-size: 16px;
}
#bonos tbody>tr>td:first-child>div, #accionesLideres tbody>tr>td:first-child>div{
display: table-cell;
padding: 0 0 0 5px;
vertical-align: middle;
}
.ngTable tbody>tr>td:last-child>div{
padding-right: 0;
}
.ngTable #bonos tr>td:first-child, .ngTable #accionesLideres tr>td:first-child {
padding-left: 5px;
}
.ngTable thead>tr>td:first-child, .ngTable thead>tr>th:first-child{
padding-left: 10px;
text-align: left;
}
.ngTable tr>td:last-child {
padding-right: 15px;
}
td>div i{
margin-right: 6px;
}
tbody>tr>td>div>span{
font-size: 13px;
}
.table-striped>tbody>tr:hover, .table-striped>tbody>tr:nth-of-type(odd):hover{
background-color: #bfe2ef;
}
.ng-table th.sortable.sort-desc,.ng-table th.sortable.sort-asc{
background-color: #4181bc;
}
#tabla_cotizaciones_wrapper>.row, #tabla_solicitudes_wrapper>.row{
margin: 0;
}
#tabla_cotizaciones_wrapper{
margin-top: 25px;
}
.cotizacionUVA{
color: #005BAA;
}
.modal_tenencia_detalle .modal_tenencia_variacion{
color: #A0D468;
padding: 5.5px 5px;
}
.modal_tenencia_variacion>*{
line-height: 24px;
}
.modal_tenencia_variacion>i{
margin-right: 5px;
}
.ng-table th.sortable.sort-desc, .ng-table th.sortable.sort-asc{
text-shadow: none;
}
.ng-table th.sortable.sort-desc .sort-indicator:after{
border-top: 4px solid #fff;
opacity: 1;
}
.ng-table th.sortable.sort-asc .sort-indicator:after, .ng-table th.sortable.sort-asc .sort-indicator:before,
.ng-table th.sortable.sort-asc .sort-indicator:hover:after, .ng-table th.sortable.sort-asc .sort-indicator:hover:before{
border-bottom: 4px solid #fff;
opacity: 1;
}
/* .btn-default, .btn:hover, .btn:focus, .btn:active, .btn:active:focus{ */
/* background-color: #00aeef; */
/* border-color: #00aeef; */
/* box-shadow: 0 0 0; */
/* color: #ffffff; */
/* outline: 0; */
/* } */
.pagination, .pagination>li:first-child>a, .pagination>li:first-child>span,
.pagination>li:last-child>a, .pagination>li:last-child>span{
border-radius: 0;
}
.float-right{
float:right;
}
.icon-orden{
float:right;
font-size:10px;
margin-right:10px;
cursor:pointer;
}
.ngTable button, .ngTable button:focus, .pagination>li>a, .pagination>li>span{
background-color: #fff;
border-color: #ddd;
color: #666;
}
.ngTable button:hover, .ngTable button:active, .pagination>li>a:focus,
.pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{
background-color: #f9f9f9;
color: #666;
}
.ngTable button.active, .ngTable button.active:hover,
.ngTable button.active:focus, .ngTable buttone.active:active{
background-color: #4181bc;
border-color: #4181bc;
box-shadow: 0 0 0;
color: #fff;
outline: none;
}
.ng-table-counts.btn-group.pull-right.ng-scope{
display:flex;
margin: 20px 0;
}
.ng-table-pager{overflow: hidden;}
.ng-table+div[ng-table-pagination="params"]{
bottom: 0;
left: 0;
position: absolute;
right: 0;
}
.btn-group > .btn, .btn-group-vertical > .btn{
height: 34px;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle){
border-radius: 0;
}
.form-control{
box-shadow: 0 0 0;
}
.textarea{
border: solid 1px #d8dde1;
padding: 0.625rem 0.9375rem;
width:100%;
height: 30%;
font-size:15px;
outline: none;
resize:none;
}
.tipo_historico .filtro, .perfil_tipo_datos span {
background-color: #f9f9f9;
color: #666;
cursor: pointer;
font-style: normal;
font-family: robotomedium;
margin: 0 0 10px 0;
padding: 9px 27.5px;
text-align: center;
}
.tipo_historico .active {
background-color: #00AEEF;
color: white;
}
.perfil_tipo_datos, .tipo_historico {
display: block;
margin: 0 -15px 10px -15px;
}
.tipo_historico #divFilters>div, .tipo_historico #divFilters>diform>div{
margin-bottom: 20px;
}
@media screen and (min-width: 768px){
.tipo_historico #divFilters>diform>div{
margin-bottom: 0x;
}
.perfil_tipo_datos, .tipo_historico {
margin: 0 -15px 25px -15px;
}
}
.pad-off{
padding-left:0px !important;
padding-right:0px !important;
}
.pagination{
clear: left;
float: left;
}
.table+.pagination{
bottom: 0;
left: 0;
position: absolute;
}
.tipo_historico i, .perfil_tipo_datos span {
display: inline-block;
margin: 0 5px 0 0;
}
#venderForm{
margin: 0 -15px 30px;
overflow: hidden;
}
@media screen and (min-width: 768px){
#venderForm{
margin: 0 0 45px;
}
}
@media screen and (max-width: 768px){
#venderForm{
margin: 0 0 45px;
}
}
#venderForm>div>div{
border-bottom: 1px solid #ddd;
padding: 8px 15px;
}
@media screen and (min-width: 768px){
#venderForm>div{
/*padding: 8px 15px 8px 0;*/
}
#venderForm>div+div{
/*padding: 8px 0 8px 15px;*/
}
}
form[name="promesaPagoPrestamoForm"]{
padding-bottom: 30px;
}
@media screen and (min-width: 992px){
form[name="promesaPagoPrestamoForm"]{
padding-bottom: 0;
}
}
.table-roboto tbody tr td div span{
font-family: roboto !important;
line-height: 1.3;
}
.icono-fecha-nacimiento{
color: #fff;
background-color: #005baa;
border-color: #005baa;
cursor: pointer;
height: 100%;
}
/* SLIDESHOW */
.slideshow {
cursor: pointer;
height: calc(100vh - 8.1875rem); }
@media screen and (min-width: 768px) {
.slideshow {
display: block;
height: calc(100vh - 10.875rem); } }
@media screen and (min-width: 992px) {
.slideshow {
height: calc(100vh - 5.625rem); } }
.slideshow .carousel-inner {
height: 100%; }
.slideshow .item {
height: 100%; }
.carousel-inner .item.next.left .carousel-caption.not-mobile > .container {
overflow: hidden; }
.carousel-inner .item:hover .carousel__imagen {
transform: scale(1.1); }
.carousel__imagen {
background-position: center;
background-size: cover;
height: 100%;
-moz-transition: all 2s ease;
-webkit-transition: all 2s ease;
-o-transition: all 2s ease;
-ms-transition: all 2s ease;
transition: all 2s ease; }
.carousel-indicators {
list-style: none;
position: absolute;
right: 10%;
text-align: center;
top: 0.9375rem;
z-index: 1; }
@media screen and (min-width: 768px) {
.carousel-indicators {
right: calc( (100% - 750px) / 2 + 15px);
top: 5%; } }
@media screen and (min-width: 992px) {
.carousel-indicators {
right: calc( (100% - 970px) / 2 + 15px); } }
@media screen and (min-width: 1200px) {
.carousel-indicators {
right: calc( (100% - 1170px) / 2 + 15px); } }
.carousel-indicators li {
border: 1px solid #fff;
border-radius: 50%;
cursor: pointer;
display: inline-block;
height: 0.75rem;
margin: 0 0.1875rem;
width: 0.75rem; }
.carousel-indicators li.active {
background-color: #ffffff; }
/* SIN EMPROLIJAR TODAVIA */
.main-container {
padding: 10px 15px; }
.carousel .item {
min-height: 350px;
height: 100%;
width: 100%; }
.carousel .icon-container {
display: inline-block;
font-size: 25px;
line-height: 25px;
padding: 1em;
text-align: center;
border-radius: 50%; }
.carousel-caption button {
border-color: #00bfff;
margin-top: 1em; }
.slideshow .p {
padding-top: 125px; }
.slideshow .p a {
text-decoration: underline; }
/* Esto vendria creado depende como lo personalizen en el backoffice */
.carousel-caption {
background-color: rgba(0, 0, 0, 0.25);
bottom: 0;
left: 0;
padding: 0.625rem 1.875rem 6.25rem 0.9375rem;
position: absolute;
right: 0;
top: 0; }
.carousel-caption .slideshow__seccion {
animation-delay: 0.5s; }
.carousel-caption .slideshow__seccion > h3 {
background-color: #00aeef;
color: #fff;
display: inline-block;
font-size: 0.75rem;
margin-bottom: 0.9375rem;
padding: 0.15625rem 0.3125rem;
text-transform: uppercase; }
@media screen and (min-width: 768px) {
.carousel-caption .slideshow__seccion > h3 {
font-size: 0.875rem;
margin-bottom: 1.25rem;
padding: 0.3125rem 0.625rem; } }
.carousel-caption .titulo span, .carousel-caption .subtitulo span, .carousel-caption .texto span {
display: inline-block; }
@media screen and (min-width: 768px) {
.carousel-caption .titulo span, .carousel-caption .subtitulo span, .carousel-caption .texto span {
display: none; }
.carousel-caption .titulo.sin-imagen span, .carousel-caption .subtitulo.sin-imagen span, .carousel-caption .texto.sin-imagen span {
display: inline-block; } }
.carousel-caption h1.titulo {
font-family: robotomedium;
font-size: 1.75rem;
margin: 0;}
.carousel-caption .titulo--imagen {
display: none; }
@media screen and (min-width: 768px) {
.carousel-caption .titulo--imagen {
display: block; }
.carousel-caption .titulo--imagen + * {
display: none; } }
.carousel-caption .titulo > span, .carousel-caption .titulo img {
font-family: robotobold;
line-height: 1;
margin: 0;
padding: 0.3125rem 0.3125rem;
text-transform: uppercase; }
@media screen and (min-width: 768px){
.carousel-caption .titulo > span, .carousel-caption .titulo img{
padding: 0.3125rem 0.78125rem;
}
}
.carousel-caption h2.subtitulo {
font-size: 1.15rem;
margin: 0; }
.carousel-caption .subtitulo--imagen {
display: none; }
@media screen and (min-width: 768px) {
.carousel-caption .subtitulo--imagen {
display: block; }
.carousel-caption .subtitulo--imagen + * {
display: none; } }
.carousel-caption .subtitulo > span, .carousel-caption .subtitulo img {
line-height: 1;
margin: 0;
padding: 0.3125rem 0.1875rem; }
@media screen and (min-width: 768px) {
.carousel-caption .subtitulo > span, .carousel-caption .subtitulo img {
font-family: robotobold;
padding: 0.3125rem 0.46875rem;
}
}
.carousel-caption .texto {
font-size: 0.875rem; }
.carousel-caption .texto--imagen {
display: none; }
@media screen and (min-width: 768px) {
.carousel-caption .texto--imagen {
display: block; }
.carousel-caption .texto--imagen + * {
display: none; } }
.carousel-caption .texto > span, .carousel-caption .texto img {
font-family: roboto;
line-height: 1;
padding: 0.3125rem 0.21875rem; }
@media screen and (min-width: 768px) {
.carousel-caption .texto > span, .carousel-caption .texto img {
font-size: 1.5625rem; } }
.carousel-caption .slideshow__seccion, .carousel-caption .titulo, .carousel-caption .subtitulo, .carousel-caption .texto, .carousel-caption .placa {
animation-delay: 0.5s;
animation-duration: 0.5s; }
@media screen and (min-width: 768px) {
.carousel-caption {
background-color: transparent;
padding: 5rem 0; }
.carousel-caption .titulo.tamanio-gran > span {
font-size: 5.625rem; }
.carousel-caption .titulo.tamanio-medi > span {
font-size: 3.75rem; }
.carousel-caption .titulo.tamanio-peque > span {
font-size: 2.8125rem; }
.carousel-caption .subtitulo.tamanio-gran > span {
font-size: 2.34375rem; }
.carousel-caption .subtitulo.tamanio-medi > span {
font-size: 1.71875rem; }
.carousel-caption .subtitulo.tamanio-peque > span {
font-size: 1.5625rem; }
.carousel-caption .texto > span {
font-size: 1.5rem; }}
@media screen and (min-width: 992px) {
.carousel-caption {
align-items: center;
display: none;
padding: 3rem 0; }
.carousel-caption .container > div {
overflow: hidden; } }
@media screen and (min-width: 992px) and (min-width: 768px) {
.carousel-caption {
display: block; } }
@media screen and (min-width: 992px) {
.carousel-caption.velocidad-lenta .slideshow__seccion, .carousel-caption.velocidad-lenta .titulo, .carousel-caption.velocidad-lenta .subtitulo, .carousel-caption.velocidad-lenta .texto, .carousel-caption.velocidad-lenta .placa {
animation-duration: 1.5s; }
.carousel-caption.velocidad-lenta .subtitulo {
animation-delay: 1.5s; }
.carousel-caption.velocidad-lenta .subtitulo + .texto {
animation-delay: 2.25s; }
.carousel-caption.velocidad-lenta .subtitulo + .texto + .placa {
animation-delay: 3s; }
.carousel-caption.velocidad-lenta .subtitulo + .placa {
animation-delay: 2.25s; }
.carousel-caption.velocidad-lenta .texto {
animation-delay: 1.5s; }
.carousel-caption.velocidad-lenta .texto + .placa {
animation-delay: 2.25s; }
.carousel-caption.velocidad-lenta .placa {
animation-delay: 1.5s; }
.carousel-caption.velocidad-normal .slideshow__seccion, .carousel-caption.velocidad-normal .titulo, .carousel-caption.velocidad-normal .subtitulo, .carousel-caption.velocidad-normal .texto, .carousel-caption.velocidad-normal .placa {
animation-duration: 1s; }
.carousel-caption.velocidad-normal .subtitulo {
animation-delay: 1.25s; }
.carousel-caption.velocidad-normal .subtitulo + .texto {
animation-delay: 2s; }
.carousel-caption.velocidad-normal .subtitulo + .texto + .placa {
animation-delay: 2.75s; }
.carousel-caption.velocidad-normal .subtitulo + .placa {
animation-delay: 2s; }
.carousel-caption.velocidad-normal .texto {
animation-delay: 1.25s; }
.carousel-caption.velocidad-normal .texto + .placa {
animation-delay: 2s; }
.carousel-caption.velocidad-normal .placa {
animation-delay: 1.25s; }
.carousel-caption.velocidad-rapida .slideshow__seccion, .carousel-caption.velocidad-rapida .titulo, .carousel-caption.velocidad-rapida .subtitulo, .carousel-caption.velocidad-rapida .texto, .carousel-caption.velocidad-rapida .placa {
animation-duration: 0.7s; }
.carousel-caption.velocidad-rapida .subtitulo {
animation-delay: 0.95s; }
.carousel-caption.velocidad-rapida .subtitulo + .texto {
animation-delay: 1.4s; }
.carousel-caption.velocidad-rapida .subtitulo + .texto + .placa {
animation-delay: 1.85s; }
.carousel-caption.velocidad-rapida .subtitulo + .placa {
animation-delay: 1.4s; }
.carousel-caption.velocidad-rapida .texto {
animation-delay: 0.95s; }
.carousel-caption.velocidad-rapida .texto + .placa {
animation-delay: 1.4s; }
.carousel-caption.velocidad-rapida .placa {
animation-delay: 0.95s; } }
@media screen and (min-width: 992px) and (min-width: 768px) {
.carousel-caption.alineacion-izquierda .container {
padding-right: 225px; } }
@media screen and (min-width: 992px) and (min-width: 992px) {
.carousel-caption.alineacion-izquierda .container {
padding-right: 291px; } }
@media screen and (min-width: 992px) and (min-width: 1200px) {
.carousel-caption.alineacion-izquierda .container {
padding-right: 360px; } }
@media screen and (min-width: 992px) {
.carousel-caption.alineacion-izquierda .slideshow__seccion, .carousel-caption.alineacion-izquierda .titulo, .carousel-caption.alineacion-izquierda .subtitulo, .carousel-caption.alineacion-izquierda .texto {
text-align: left; } }
@media screen and (min-width: 992px) and (min-width: 768px) {
.carousel-caption.alineacion-centrado .container {
padding: 0 112.5px; } }
@media screen and (min-width: 992px) and (min-width: 992px) {
.carousel-caption.alineacion-centrado .container {
padding: 0 145.5px; } }
@media screen and (min-width: 992px) and (min-width: 1200px) {
.carousel-caption.alineacion-centrado .container {
padding: 0 180px; } }
@media screen and (min-width: 992px) {
.carousel-caption.alineacion-centrado .slideshow__seccion, .carousel-caption.alineacion-centrado .titulo, .carousel-caption.alineacion-centrado .subtitulo, .carousel-caption.alineacion-centrado .texto {
text-align: center; }
.carousel-caption.alineacion-centrado .placa img, .carousel-caption.alineacion-centrado .titulo img, .carousel-caption.alineacion-centrado .subtitulo img, .carousel-caption.alineacion-centrado .texto img {
margin-left: auto;
margin-right: auto; } }
@media screen and (min-width: 992px) and (min-width: 768px) {
.carousel-caption.alineacion-derecha .container {
padding-left: 225px; } }
@media screen and (min-width: 992px) and (min-width: 992px) {
.carousel-caption.alineacion-derecha .container {
padding-left: 291px; } }
@media screen and (min-width: 992px) and (min-width: 1200px) {
.carousel-caption.alineacion-derecha .container {
padding-left: 360px; } }
@media screen and (min-width: 992px) {
.carousel-caption.alineacion-derecha .slideshow__seccion, .carousel-caption.alineacion-derecha .titulo, .carousel-caption.alineacion-derecha .subtitulo, .carousel-caption.alineacion-derecha .texto {
text-align: right; }
.carousel-caption.alineacion-derecha .placa img, .carousel-caption.alineacion-derecha .titulo img, .carousel-caption.alineacion-derecha .subtitulo img, .carousel-caption.alineacion-derecha .texto img {
float: right; }
.carousel-caption .titulo {
animation-delay: 0.5s;
font-size: 0;
overflow: hidden; }
.carousel-caption .titulo img {
display: inline-block; }
.carousel-caption .subtitulo {
font-size: 0;
overflow: hidden; }
.carousel-caption .subtitulo img {
display: inline-block; }
.carousel-caption .texto {
margin-top: 2.1875rem;
overflow: hidden; }
.carousel-caption .texto img {
display: inline-block; }
.carousel-caption .placa {
margin-top: 3.125rem;
overflow: hidden; } }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn{
opacity: 0.4;
}
.text-muted{
color: #D4D1CB;
}
.btn.btn-default.btn-sm {
color: #00aeef;
}
.uib-title{
color:black!important;
}
.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info{
background-color: #e6e6e6;
color: #1b6d85!important;
}
.promesa-pago>label{
margin: 40px 0 0;
}
input[type="checkbox"][name="terminosCondiciones"]{
margin: 20px 10px 20px 0;
}
.header-submenu>.container>.row>.header-submenu__item:nth-child(7) {
clear: left;
}
.modal_seleccion_domicilio .modal-body{
padding-bottom:70px !important;
}
.modal_seleccion_domicilio .modal-header{
text-transform: uppercase;
}
.modal_seleccion_domicilio .aceptar{
margin-top:10px;
}
@media screen and (min-width: 240px) {
.modal_seleccion_domicilio .modal-dialog{
width:auto;
}
}
@media screen and (min-width: 320px) {
.modal_seleccion_domicilio .modal-dialog{
width:auto;
}
}
@media screen and (min-width: 480px) {
.modal_seleccion_domicilio .modal-dialog{
width:auto;
}
}
@media screen and (min-width: 768px) {
.modal_seleccion_domicilio .modal-dialog{
width:60%;
}
}
@media screen and (min-width: 992px) {
.modal_seleccion_domicilio .modal-dialog{
width:50%;
}
}
@media screen and (min-width: 1200px) {
.modal_seleccion_domicilio .modal-dialog{
width:28%;
}
}
.col-radio{
top: 4px;
}
.col-direccion{
padding-left:0px !important;
}
.radio-domicilio{
margin-right:5px !important;
}
.opcion-domicilio{
cursor: pointer;
margin-bottom:10px;
}
.direccion{
display:inline;
font-weight:bold;
font-size:20px;
}
.localidadCp{
display:inline;
font-size: 18px;
}
.prestamo-personal-uva .leyenda p{
margin-bottom:3px;
}
.prestamo-personal-uva .leyenda .parrafo-nivel1{
padding-left: 2.5rem;
}
.prestamo-personal-uva .leyenda .parrafo-nivel2{
padding-left: 3.5rem;
}
.pregunta-cobranzas{
margin: 0.9em 0 0.9em 0;
}
.tabla-contactos th{
color:white;
}
.tabla-contactos th,.tabla-contactos td{
padding:5px !important;
}
.tabla-contactos .email{
padding-left:10px;
}
.bootstrap-td-tooltip{
margin-top: 40px;
padding-bottom: 32px;
position: absolute;
z-index: 100;
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
line-height: 1.42857143;
margin-left: -3px;
padding: 3px 8px;
color: #fff;
text-align: center;
background-color: #E9573F;
border-radius: 2px;
box-shadow: rgba(0, 0, 0, 0.3) 0 2px 10px;
max-width: 100%;
}
.texto-antecedentes{
color: #666;
font-size:16px;
margin-bottom: 50px;
margin-top:50px;
padding: 50px;
text-align: center;
}
.texto-antecedentes span{
display: block;
font-family: robotomedium;
margin-bottom: 25px;
}
.texto-antecedentes p:not(.salto-linea) {
margin: 0;
}
.texto-antecedentes i{
color: #00aeef;
display: block;
font-size: 140px;
margin-bottom: 15px;
}
.texto-antecedentes .salto-linea{
margin-bottom:20px;
}
.titulo_tramite{
align-items: center;
background-color: #fff;
border-bottom: 1px solid #ddd;
color: #005BAA;
display: inline-flex;
height: 75px;
margin-top: 2px;
padding-left: 30px;
width: 100%;
}
.titulo_tramite i{
font-size: 45px;
margin-right: 10px;
}
.titulo_tramite span{
font-size: 22.5px;
}
@media screen and (min-width: 768px){
.titulo_tramite{
height: 100px;
}
.titulo_tramite i{
font-size: 48px;
}
.titulo_tramite span{
font-size: 25px;
}
}
.biometria{
text-align:center;
}
.biometria .leyenda{
font-size:18px;
margin-bottom:20px;
}
/* @media screen and (min-width:740px) and (min-width: 1222px){ */
@media screen and (max-width: 1222px){
.titulo_tramite div span{
width: 430px;
}
}
/* @media screen and (min-width:365) and (min-width: 540px){ */
@media screen and (max-width: 740px){
.titulo_tramite div span{
width: 255px;
}
}
/* @media screen and (min-width:365) and (min-width: 322){ */
@media screen and (max-width:365px){
.titulo_tramite div span{
width: 212px;
}
}
/* @media screen and (min-width:365) and (min-width: 322){ */
@media screen and (max-width:330px){
.titulo_tramite div span{
width: 195px;
}
}
.biometria{
margin-top: 50px;
margin-bottom: 50px;
text-align:center;
}
.biometria .leyenda{
font-size:18px;
margin-bottom:20px;
}
/* Login Nuevo Diseno */
@media screen and (min-width: 768px){
.login section{
height: 100px;
min-height: 100vh;
position: relative;
}
}
@media screen and (min-width: 1700px){
.login .container{
width: 1600px;
}
}
.login__banner{
background-size: cover;
display: none;
height: 140px;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1;
}
.login__elementos{
overflow-y: auto;
margin: 0 -15px;
padding: 0 15px 20px;
}
@media screen and (min-width: 768px){
.login__banner{
background-position-x: 50%;
bottom: 0;
display: block;
height: 100vh;
position: absolute;
right: 50%;
}
.login__elementos{
display: block;
height: auto;
overflow-y: visible;
margin: 0;
padding: 0;
padding-bottom: 50px;
}
}
.login__banner:before{
content: '';
background: -moz-linear-gradient(-45deg, #005baa 0%, #005baa 25%, #007dc6 50%, #00aeef 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, #005baa), color-stop(25%, #005baa), color-stop(50%, #007dc6), color-stop(100%, #00aeef));
background: -webkit-linear-gradient(-45deg, #005baa 0%, #005baa 25%, #007dc6 50%, #00aeef 100%);
background: -o-linear-gradient(-45deg, #005baa 0%, #005baa 25%, #007dc6 50%, #00aeef 100%);
background: -ms-linear-gradient(-45deg, #005baa 0%, #005baa 25%, #007dc6 50%, #00aeef 100%);
background: linear-gradient(135deg, #005baa 0%, #005baa 25%, #007dc6 50%, #00aeef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005baa', endColorstr='#00aeef', GradientType=1 );
bottom: 0;
display: block;
left: 0;
/* opacity: 0.8; */
position: absolute;
right: 0;
top: 0;
}
.login__logo{
align-items: center;
border-bottom: 1px solid rgba(255,255,255,.65);
cursor: pointer;
display: none;
left: 0;
height: 60px;
padding: 10px;
position: fixed;
right: 0;
top: 0;
z-index: 2;
transition: 0.3s;
}
.login__logo--mobile{
align-items: center;
cursor: pointer;
display: inline-flex;
justify-content: center;
margin: 0 auto 15px;
padding: 5px 10px;
}
.login__logo--mobile>div{
font-family: robotomedium;
font-size: 18px;
margin-top: -10px;
text-align: right;
text-transform: uppercase;
}
@media screen and (min-width: 768px){
.login__logo--mobile{
display: none;
}
.login__logo{
right: auto;
}
}
.login__logo img{
height: 100%;
}
.login__logo--mobile img{
height: auto;
padding: 5px;
width: 215px;
}
.login__logo--mobile img+i{
border-left: 1px solid #00aeef;
font-size: 40px;
margin-left: 10px;
padding: 5px;
}
.login__logo i{
border-left: 1px solid #fff;
color: #fff;
font-size: 40px;
padding: 2.5px 15px;
transition: 0.3s;
}
/*.login*/
.login__textos{
display: none;
left: 15px;
position: absolute;
right: 15px;
top: 60px;
z-index: 1;
}
@media screen and (min-width: 768px){
.login__logo{
border: 0;
display: inline-flex;
height: 55px;
left: 35px;
padding: 0;
top: 35px;
}
.login__textos{
display: block;
left: 0;
position: relative;
right: 0;
top: 0;
}
}
@media screen and (min-width: 992px){
.login__logo{
height: 75px;
}
.login__logo i{
font-size: 45px;
}
}
.login__switch{
color: #fff;
font-weight: normal;
overflow: hidden;
position: relative;
}
.login .not-mobile{
display: none;
}
.login__switch:not(.not-desktop) label{
cursor: pointer;
}
@media screen and (min-width: 768px){
.login .not-desktop{
display: none;
}
.login .not-mobile{
display: block;
}
.login__switch{
align-items: center;
bottom: 0;
display: inline-flex;
justify-content: flex-end;
overflow: visible;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
}
@media screen and (min-width: 768px){
.login__switch:not(.not-desktop) label{
font-family: robotothin;
font-size: 42.5px;
transition: 0.5s;
}
}
@media screen and (min-width: 992px){
.login__switch:not(.not-desktop) label{
font-size: 50px;
}
}
.login__switch:not(.not-desktop) article{
align-items: center;
cursor: pointer;
display: inline-flex;
height: 150px;
padding-left: 15px;
padding-right: 50px;
position: relative;
}
.login__switch:not(.not-desktop) article i{
border-radius: 50%;
font-size: 70px;
margin-left: 25px;
transition: 0.5s;
}
@media screen and (min-width: 992px){
.login__switch:not(.not-desktop) article i{
font-size: 95px;
margin-left: 40px;
}
.login__switch:not(.not-desktop) article{
padding-right: 60px;
}
}
.login__switch.not-desktop{
bottom: 0;
cursor: pointer;
left: 0;
padding: 0;
position: absolute;
right: 0;
}
.login__switch.not-desktop>label{
align-items: baseline;
color: #999;
display: inline-flex;
float: left;
font-family: robotolight;
font-size: 23px;
font-weight: normal;
height: 45px;
justify-content: flex-end;
margin: 0;
padding: 0 20px;
position: relative;
text-align: center;
width: 50%;
transition: 0.3s;
}
.login__switch.not-desktop>label+label{
justify-content: flex-start;
}
.login__switch.not-desktop>label.active{
color: #005baa;
font-family: robotomedium;
}
.login__switch.not-desktop>label+label:before{
content: '';
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: 12px solid #fff;
bottom: -12px;
display: block;
height: 0;
position: absolute;
right: calc(50% + 12.5px);
width: 0;
transition: 0.3s;
}
.login__switch.not-desktop>label.active+label:before{
right: calc(100% + 42.5px);
}
.login__switch.not-desktop>article{
align-content: center;
background: -moz-linear-gradient(-45deg, #005baa 0%, #005baa 25%, #007dc6 50%, #00aeef 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, #005baa), color-stop(25%, #005baa), color-stop(50%, #007dc6), color-stop(100%, #00aeef));
background: -webkit-linear-gradient(-45deg, #005baa 0%, #005baa 25%, #007dc6 50%, #00aeef 100%);
background: -o-linear-gradient(-45deg, #005baa 0%, #005baa 25%, #007dc6 50%, #00aeef 100%);
background: -ms-linear-gradient(-45deg, #005baa 0%, #005baa 25%, #007dc6 50%, #00aeef 100%);
background: linear-gradient(135deg, #005baa 0%, #005baa 25%, #007dc6 50%, #00aeef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005baa', endColorstr='#00aeef', GradientType=1 );
display: inline-flex;
height: 80px;
width: 100%;
}
.login__switch.not-desktop>article>div{
align-items: center;
display: inline-flex;
float: left;
justify-content: flex-end;
padding: 0 5px;
width: 50%;
}
.login__switch.not-desktop>article>div:last-child{
justify-content: flex-start;
}
.login__switch.not-desktop>article i{
border-radius: 50%;
font-size: 60px;
padding: 17.5px;
transition: 0.3s;
}
.login__switch.not-desktop>article i.active{
background-color: rgba(255,255,255,.25);
}
/*.login__switch.not-desktop>article>div{
background: -moz-linear-gradient(-45deg, #005baa 0%, #005baa 25%, #007dc6 50%, #00aeef 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, #005baa), color-stop(25%, #005baa), color-stop(50%, #007dc6), color-stop(100%, #00aeef));
background: -webkit-linear-gradient(-45deg, #005baa 0%, #005baa 25%, #007dc6 50%, #00aeef 100%);
background: -o-linear-gradient(-45deg, #005baa 0%, #005baa 25%, #007dc6 50%, #00aeef 100%);
background: -ms-linear-gradient(-45deg, #005baa 0%, #005baa 25%, #007dc6 50%, #00aeef 100%);
background: linear-gradient(135deg, #005baa 0%, #005baa 25%, #007dc6 50%, #00aeef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005baa', endColorstr='#00aeef', GradientType=1 );
height: 100px;
left: 0;
position: absolute;
right: 0;
width: 100%;
}
.login__switch.not-desktop article{
align-items: center;
display: inline-flex;
float: left;
font-size: 16px;
height: 100%;
padding: 0 15px;
position: relative;
width: 50%;
transition: 0.3s;
}
.login__switch.not-desktop article, .login__switch.not-desktop article label{
color: #b5b5b5;
transition: 0.3s;
}
.login__switch.not-desktop article.active, .login__switch.not-desktop article.active label{
color: #fff;
} */
.login__switch:not(.not-desktop) article.active:before{
content: '';
border-bottom: 45px solid transparent;
border-right: 45px solid #fff;
border-top: 45px solid transparent;
bottom: 30px;
display: block;
height: 0;
position: absolute;
right: -15px;
width: 0;
}
/* .login__switch.not-desktop article+article:before{
content: '';
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 15px solid #007dc6;
bottom: -15px;
display: block;
height: 0;
position: absolute;
right: calc(150% - 16px);
width: 0;
transition: 0.3s;
}
.login__switch.not-desktop article+article.active:before{
right: calc(50% - 12px);
}
.login__switch.not-desktop article+article:after{
content: '';
border-radius: 45px 0 0 45px;
display: block;
left: -100%;
height: 45px;
position: absolute;
top: -1px;
width: 100%;
z-index: -1;
transition: 0.3s;
}
.login__switch.not-desktop article+article.active:after{
border-radius: 0 60px 60px 0;
left: 0;
}
.login__switch.not-desktop article label{
font-family: roboto;
font-size: 16px;
font-weight: normal;
margin-bottom: 0;
transition: 0.3s;
}
.login__switch.not-desktop article.active label{
color: #fff;
} */
.login__switch:not(.not-desktop) article.active label{
font-family: roboto;
}
/* .login__switch.not-desktop article i{
font-size: 35px;
margin-right: 10px;
} */
.login__switch:not(.not-desktop) article.active i {
background-color: rgba(255,255,255,.25);
padding: 15px;
}
.login__copy{
align-items: center;
bottom: 10px;
color: #fff;
display: inline-flex;
min-height: 50px;
overflow: hidden;
position: absolute;
right: 15px;
width: calc(100% - 30px);
z-index: 1;
}
.login__copy>span{
float: left;
font-size: 11px;
}
.login__redes{
text-align: right;
}
.login__redes a{
color: #fff;
cursor: pointer;
font-size: 38px;
transition: 0.1s;
}
.login__redes a:hover{
color: #005baa;
}
.login__form{
min-height: 100vh;
overflow: hidden;
padding: 5px 15px 100px 15px;
}
@media screen and (min-width: 768px){
.login__form{
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
min-height: 0;
overflow: visible;
padding: 0 15px 0 25px;
}
.login__switch>div{
text-align: right;
}
}
@media screen and (min-width: 1200px){
.login__form{
padding: 0 15px 0 65px;
}
}
@media screen and (min-width: 1700px){
.login__form{
width: calc(100% / 3);
}
}
.login__inputs{
opacity: 1;
transition: 0.5s 0.5s;
}
.login__inputs.ng-hide{
opacity: 0;
transition: 0s;
}
.ng-hide-add, .ng-hide-remove {
transition: 0.5s;
}
.login__form p{
color: #fff;
font-size: 19px;
line-height: 1.2;
}
.login__form h2{
color: #fff;
font-family: robotolight;
font-size: 30px;
font-weight: normal;
margin-bottom: 15px;
margin-top: 0;
padding-top: 10px;
}
.login__form h2>b{
font-family: robotomedium;
font-weight: normal;
}
.login__form h6{
align-items: center;
color: #fff;
display: inline-flex;
font-family: roboto;
font-weight: normal;
font-size: 24px;
height: 80px;
margin: 0;
}
@media screen and (min-width: 768px){
.login__form h2, .login__form h6, .login__form p{
color: #005baa;
}
.login__form h6{
display: block;
font-size: 17px;
height: auto;
margin: 5px 0;
}
.login__form p{
margin-bottom: 35px;
}
.login__form h2{
font-size: 30px;
margin-bottom: 25px;
margin-top: 10px;
padding-top: 0;
}
}
@media screen and (min-width: 992px){
.login__form h6{
font-size: 18px;
margin: 7.5px 0;
}
.login__form p{
margin-bottom: 45px;
}
.login__form h2{
font-size: 35px;
margin-bottom: 30px;
margin-top: 15px;
}
}
@media screen and (min-width: 1200px){
.login__form h6{
font-size: 19px;
margin: 10px 0;
}
.login__form p{
margin-bottom: 65px;
}
.login__form h2{
font-size: 40px;
margin-bottom: 35px;
margin-top: 20px;
}
}
/* .login__form label{
color: #888;
font-family: robotomedium;
font-size: 15px;
font-weight: normal;
margin-bottom: 0;
padding-left: 5px;
transition: 0.3s;
} */
.login .perfil_campo, .body-verificacion .perfil_campo{
border: 0;
height: 40px;
/* overflow: hidden; */
position: relative;
}
.login .perfil_campo{
height: 65px;
}
.login .perfil_campo.perfil_campo--alto{
height: 100px;
}
.login__elementos>div>form>.login__inputs>.perfil_campo{
/* margin-bottom: 15px; */
width: 100%;
}
/* .login__elementos div>.tooltip.bottom{
margin-top: 60px;
} */
.login__elementos div>.tooltip-inner{
background-color: #005baa;
}
.login__elementos div>.tooltip-arrow{
border-bottom-color: #005baa !important;
}
.login__elementos>div>form>.login__inputs>.perfil_campo:last-of-type{
margin-bottom: 5px;
}
.login .perfil_campo label{
align-items: center;
color: #b5b5b5;
display: inline-flex;
font-family: roboto;
font-size: 16px;
font-weight: normal;
left: 52.5px;
height: 35px;
margin-bottom: 0;
pointer-events: none;
position: absolute;
top: 0;
transition: all .4s ease;
}
.login .perfil_campo.sin-icono label{
left: 15px;
}
/* .login .modal_registro input[name="nroDoc"]+label, .login .modal_registro input[name="fechaNacimiento"]+i+label{
top: 70px;
} */
.login .modal_registro .perfil_campo select+input+label{
left: 5px;
}
/* .login .perfil_campo i+input:focus{
outline: 0;
padding: 10px 15px 0;
} */
.login .perfil_campo input.active+i+label, .login .perfil_campo.fecha-nacimiento input.active+div+i+label{
display: none;
}
.login .perfil_campo input:focus,
.login .perfil_campo input:focus+i+label,
.login .perfil_campo input:focus+div+i+label,
.login .perfil_campo input:focus+label{
color: #005baa;
}
.login .modal_registro-empresa select[name="tipoDNI"]+input+label{
left: 5px;
top: 60px;
}
.login__elementos>div>form>.login__inputs>.perfil_campo, .modal_registro .perfil_campo{
margin-bottom: 0;
}
@media screen and (min-width: 768px){
.login__elementos div>.tooltip.bottom{
margin-top: 60px;
}
.form-group.checkbox_terminos>.tooltip.bottom{
margin-top: 17px;
margin-left: 30px
}
.login .perfil_campo.perfil_campo--alto{
height: 60px;
}
.login__elementos>div>form>.login__inputs>.perfil_campo, .modal_registro .perfil_campo{
margin-bottom: 30px;
}
.login .perfil_campo label, .login .modal_registro input[name="nroDoc"]+label, .login .modal_registro input[name="fechaNacimiento"]+i+label, .login .modal_registro-empresa select[name="tipoDNI"]+input+label{
height: 50px;
top: 15px;
}
.login .perfil_campo input:focus+i+label,
.login .perfil_campo input:focus+div+i+label,
.login .perfil_campo> input:not(:focus).active+i+label,
.login .perfil_campo select+input:focus+label,
.login .perfil_campo> select+input:not(:focus).active+label{
display: block;
font-family: robotomedium;
font-size: 14px;
height: 15px;
line-height: 14px;
left: 5px;
top: 0;
}
.login .perfil_campo select {
height: 45px;
padding: 5px 15px 2px;
margin-top: 15px;
}
}
.checkbox_terminos.registro_empresa .tooltip.bottom{
margin-top: 20px;
margin-left: 30px;
}
.login .login__elementos .perfil_campo:nth-of-type(1), .login .login__elementos .perfil_campo{
margin-bottom: 0;
padding-bottom: 30px;
}
@media screen and (min-width: 768px){
.login .login__elementos .perfil_campo:nth-of-type(1), .login .login__elementos .perfil_campo{
margin-bottom: 30px;
}
}
.login .perfil_campo>i {
color: #999;
font-size: 25px;
margin-top: -33px;
padding: 0 7.5px;
transition: 0.3s;
}
.login .perfil_campo> input, .login .perfil_campo> input:focus, .body-verificacion .perfil_campo>input {
border-bottom: 1px solid rgb(216, 221, 225);
font-size: 17px;
padding-left: 50px;
padding-top: 10px;
transition: 0.3s;
}
.login .perfil_campo.sin-icono> input{
padding-left: 15px;
}
.login .perfil_campo>select{
border-bottom: 1px solid rgb(216, 221, 225);
}
.login .perfil_campo> input:focus+ .login .perfil_campo>input:focus+i+label, .body-verificacion .perfil_campo>input:focus+i+label{
border-color: #005baa;
color: #005baa;
}
.login .perfil_campo> input:focus+i,
.login .perfil_campo> input:focus+div+i{
color: #005baa;
}
.login .perfil_campo input[name="password"], .body-verificacion .perfil_campo>input[type="password"]{
font-family: robotobold;
font-size: 1.3rem;
letter-spacing: 8px;
padding-right: 50px;
}
@media screen and (min-width: 768px){
.login .perfil_campo, .body-verificacion .perfil_campo{
height: 60px;
overflow: visible;
}
.login .perfil_campo:nth-of-type(1){
margin-bottom: 35px;
}
.login .login__elementos .perfil_campo:nth-of-type(1), .login .login__elementos .perfil_campo{
padding-bottom: 0;
}
.login .modal_registro-empresa .perfil_campo:nth-of-type(1){
margin-bottom: 20px;
padding-bottom: 0;
}
.login .perfil_campo>i, .body-verificacion .perfil_campo>i {
color: #999;
font-size: 32.5px;
margin-top: -45px;
padding: 6.5px 0;
pointer-events: none;
}
.login .perfil_campo>i.mostrar-contrasena{
pointer-events: auto;
transition: 0.1s;
}
.login .perfil_campo>i.mostrar-contrasena:hover{
color: #005baa;
}
.login .perfil_campo input, .login .perfil_campo input:focus, .body-verificacion .perfil_campo>input, .body-verificacion .perfil_campo>input:focus {
padding-top: 28px;
}
}
.login__elementos .login__botones{
margin-top: 15px;
overflow: hidden;
padding: 0;
transition: 0.3s;
}
/* .login__elementos.personas .login__botones{
margin-top: 30px;
} */
.login__botones>div{
text-align: center;
}
.login__botones i{
border: 3px solid #005baa;
border-radius: 50%;
color: #005baa;
font-size: 42.5px;
padding: 10px;
transition: 0.15s linear;
}
.login__botones label{
color: #005baa;
cursor: pointer;
font-family: robotomedium;
font-size: 12px;
font-weight: normal;
margin-top: 10px;
padding: 5px 10px;
text-transform: uppercase;
}
.login__botones label+label{
border-left: 1px solid #005baa;
}
@media screen and (min-width: 768px){
.login__botones>div{
align-items: center;
cursor: pointer;
display: inline-flex;
justify-content: center;
margin-top: 10px;
width: 100%;
}
.login__botones>div>span{
align-items: center;
cursor: pointer;
display: inline-flex;
justify-content: center;
width: 100%;
}
.login__botones>div>span:hover>i{
transform: rotate(90deg);
}
.login__elementos .login__botones{
margin-top: 30px;
position: static;
}
.login__botones i.not-mobile, .login__botones label.not-mobile{
display: inline-block;
}
.login__botones label{
font-size: 14px;
margin-left: 5px;
}
}
@media screen and (min-width: 992px){
.login__botones label{
font-size: 16px;
}
.login__botones>div{
margin-top: 25px;
}
}
@media screen and (min-width: 1200px){
.login__elementos .login__botones{
margin-top: 40px;
}
}
.login__botones>button, .login .modal-body button.boton-custom, .boton-custom{
align-items: center;
background-color: #fff;
border: 2px solid #005baa;
border-radius: 45px;
color: #005baa;
display: inline-flex;
float: left;
font-family: robotomedium;
font-size: 14px;
height: 45px;
justify-content: center;
margin: 15px 0;
text-transform: uppercase;
width: 100%;
transition: 0.25s;
}
button:focus{
outline: none;
}
.login__botones>button:first-child, .login .modal-body button.boton-custom,.boton-custom{
background-color: #005baa;
color: #fff;
margin-bottom: 0;
}
.login .modal_error .modal-body button.boton-custom{
background-color: #00aeef;
border-color: #00aeef;
}
@media screen and (min-width: 992px){
.login__botones>button, .boton-custom{
border: 3px solid #005baa;
border-radius: 55px;
font-size: 16px;
height: 55px;
margin: 0 10px;
width: calc(50% - 20px);
}
.boton-custom{
width: 100%;
}
}
.login__botones>button:hover, .login .modal-body button.boton-custom:hover, .boton-custom:hover{
background-color: #00aeef;
border-color: #00aeef;
color: #fff;
}
.login .modal_error .modal-body button.boton-custom:hover, .modal_error .boton-custom:hover{
background-color: #005baa;
border-color: #005baa;
}
.login__olvide-contrasena, .login__terminos{
color: #999;
cursor: pointer;
font-family: robotomedium;
font-size: 14px;
position: relative;
transition: 0.2s;
}
.login__terminos{
font-family: roboto;
font-size: 17px;
}
.login__olvide-contrasena{
align-items: center;
color: #005baa;
display: inline-flex;
float: right;
}
.login__olvide-contrasena i{
font-size: 22px;
margin-right: 5px;
}
/* .login__terminos{
top: 10px;
} */
@media screen and (min-width: 768px){
.login__terminos{
align-items: center;
bottom: 10px;
display: inline-flex;
height: 50px;
left: 25px;
position: absolute;
top: auto;
}
}
@media screen and (min-width: 1200px){
.login__terminos{
left: 65px;
}
}
.login__olvide-contrasena:hover{
color: #005baa;
transition: 0.3s;
}
.login__olvide-contrasena:before{
content: '';
background-color: #999;
bottom: -2px;
display: block;
height: 1px;
left: 50%;
position: absolute;
right: 50%;
transition: 0.2s;
}
.login__olvide-contrasena:hover:before{
background-color: #005baa;
left: 0;
right: 0;
transition: 0.3s;
}
aside{
background-color: #005baa;
bottom: 0;
left: 0;
overflow: auto;
padding-top: 60px;
position: fixed;
top: 0;
width: 280px;
z-index: 3;
transform: translateX(-100%);
transition: 0.5s;
}
.aside__back{
background-color: rgba(0,0,0,.5);
bottom: 0;
left: 0;
opacity: 0;
pointer-events: none;
position: fixed;
right: 0;
top: 60px;
transition: 0.5s;
z-index: 3;
}
.aside__back.active{
opacity: 1;
pointer-events: auto;
}
aside.active{
transform: translateX(0);
}
@media screen and (min-width: 1100px){
aside{
padding-top: 0;
transform: none;
width: 330px;
}
aside.active{
z-index: 1;
}
.aside__back, .aside__back.active{
opacity: 0;
pointer-events: none;
}
}
.aside__tipo{
border: 1px solid #fff;
border-radius: 21px;
color: #fff;
display: inline-block;
font-family: robotobold;
font-size: 11px;
letter-spacing: 0.75px;
margin: 5px 0 0 20px;
padding: 5px 25px;
text-transform: uppercase;
}
.aside__logo{
padding: 0;
}
.aside__logo>a{
display: none;
height: 50px;
margin: 10px 0 10px 7.5px;
}
.aside__logo>a>img{
height: 100%;
width: auto;
}
.aside__logo>a>i{
border-left: 1px solid;
color: #fff;
font-size: 32px;
margin-left: 3px;
padding-left: 10px;
}
.aside__usuario{
align-items: center;
background-color: rgba(0,0,0,.125);
color: #00aeef;
display: inline-flex;
height: 100px;
padding: 0 20px 0 10px;
width: 100%;
}
.aside__usuario i{
color: #00aeef;
font-size: 35px;
margin-right: 10px;
}
.titulo_seccion{
/*display: none;*/
height: auto;
margin: 20px 0 0px 0px;
background-color: rgba(255, 255, 255, 0.84);
border-bottom-right-radius: 15px;
border-top-right-radius: 15px;
}
.titulo_seccion h4 {
margin: 2px 0px 0px 10px;
font-family: robotomedium;
text-transform: uppercase;
font-size: 14px;
}
.titulo_seccion i {
font-size: 30px;
padding-left: 5px;
}
.aside .titulo_seccion .sitio_actual, .aside .titulo_seccion .sitio_alternativo{
display: flex;
align-items: center;
padding: 6px 10px;
margin-left: 25px;
cursor:pointer;
}
.aside .titulo_seccion .sitio_alternativo .opcion , .aside .titulo_seccion .sitio_actual .opcion{
display: flex;
align-items: center;
padding: 5px 15px;
color: #005baa;
justify-content: space-between;
cursor:pointer;
}
.aside .titulo_seccion .sitio_alternativo .opcion:hover{
background-color: #005baa;
color: #fff;
border-radius: 20px;
}
@keyframes aparece-izquierda
{
from {
transform: translateX(-100%);
opacity: 0.5;
}
to {
transform: translateX(0%);
opacity: 1;
}
}
.titulo_seccion{
animation: aparece-izquierda ease 1s backwards;
animation-delay: 0.25s;
}
.aside .titulo_seccion i.drop{
border: 1px solid;
border-radius: 50%;
padding: 4px;
font-size: 18px;
position: absolute;
left: 15px;
cursor: pointer;
color: #005baa;
top: 13px;
}
@media screen and (min-width: 1100px){
.aside__usuario i:not(.header__login-icono){
font-size: 47.5px;
margin-right: 15px;
}
.aside__logo>a{
align-items: center;
display: inline-flex;
}
.titulo_seccion{
align-items: center;
display: block;
}
}
.aside__usuario>div>span{
font-family: robotomedium;
font-size: 14px;
}
.aside__usuario>div>span+div{
font-size: 13px;
}
.aside__opcion{
background-color: #005baa;
/* border-bottom: 1px solid #eee; */
padding-top: 60px;
position: relative;
width: 100%;
transition: 0.1s;
}
.aside__opcion:not(.active):not(.boton):hover>a{
background-color: rgba(255, 255, 255, 0.1);
}
.aside__opcion .collapsing{
height: 0;
overflow: hidden;
position: relative;
-webkit-transition: height .2s ease;
-o-transition: height .2s ease;
transition: height .2s ease;
}
.aside__opcion:before{
content: '';
background-color: #3B77AA;
display: block;
height: 0;
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
transition: 0.2s 0.2s;
}
/* .aside__opcion.active{
background-color: #447BAA;
} */
.aside__opcion.active:before{
height: 60px;
transition: 0s;
}
.aside__opcion>a{
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 60px;
left: 0;
padding: 0 10px;
position: absolute;
right: 0;
text-transform: uppercase;
top: 0;
vertical-align: middle;
width: 100%;
transition: 0.2s;
cursor: pointer;
}
.aside__opcion>a>i{
color: #fff;
font-size: 35px;
margin-right: 10px;
}
.aside__submenu{
background-color: #3B77AA;
padding: 0;
padding-left: 35px;
padding-right: 15px;
width: 100%;
transition: 0.2s;
}
.aside__submenu-nombre>span{
left: 10px;
position: relative;
}
@media screen and (min-width: 1100px){
.aside__opcion{
border: 0;
}
.aside__opcion>a>i{
font-size: 40px;
margin-right: 15px;
}
.aside__opcion>a{
font-family: robotomedium;
padding: 0 15px;
}
}
.aside__opcion.active .aside__submenu{
padding-bottom: 15px;
}
.aside__sub-item{
cursor: pointer;
line-height: 1.4;
padding: 10px;
text-align: left;
}
.aside__sub-item.active{
background-color: #fff;
color: #005baa;
border-radius: 20px;
}
.aside__sub-item.active>a{
color: #005baa;
}
.aside__sub-item>a{
transition: 0.1s;
}
.aside__sub-item:hover>a{
letter-spacing: 0.5px;
}
.aside__sub-item>a{
color: #fff;
font-family: roboto;
}
span.form-control-feedback{
color: #999;
font-size: 23px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
background-color: #005baa;
z-index: 2;
}
.table-striped > tbody > tr:nth-of-type(odd){
background-color: #ebebeb;
}
.table>thead>tr>td, .table>thead>tr>th{
background-color: #005baa;
font-family: roboto;
font-size: 12px;
font-weight: normal;
}
.form-control:focus{
border-color: #005baa;
box-shadow: 0 0 0;
outline: none;
}
.ngTable>.table{
margin-top: 15px;
max-width: none;
min-width: 100%;
}
.uib-datepicker:focus, .uib-datepicker>li:focus, .uib-datepicker div:focus, .uib-datepicker table:focus{
outline: none;
}
.uib-datepicker .btn:active, .uib-datepicker .btn.active{
box-shadow: 0 0 0;
}
.uib-datepicker .btn.active .text-info{
color: #fff;
}
.uib-datepicker tr>td:not(:last-child) .btn-default{
border-right: 0;
}
.uib-daypicker thead{
background-color: transparent;
}
header.header-interno{
background-color: #00aeef;
box-shadow: 0 5px 0 rgba(0,0,0,.1);
height: 60px;
left: 0;
position: fixed;
right: 0;;
top: 0;
z-index: 4;
}
.header-interno__logo, .header-interno__logo a{
align-items: center;
display: inline-flex;
height: 60px;
}
.header-interno__logo a{
cursor: pointer;
}
.header-interno__logo i{
border-left: 1px solid #fff;
color: #fff;
font-size: 25px;
padding-left: 10px;
}
.header-interno__logo a img{
height: 35px;
}
@media screen and (min-width: 1100px){
.header-interno{
display: none;
}
.header-interno__logo a img{
height: 50px;
margin-top: 5px;
}
}
.header-interno .boton-menu+div{
text-align: center;
}
.simulador--prestamos, .simulador--tarjetas{
background-color: #fff;
border: 1px solid #ddd;
margin-bottom: 30px;
padding: 0 25px 25px;
}
.bloque{
background-color: #fff;
border: 1px solid #ddd;
}
.datos_personales form, .datos_personales.form{
padding: 20px 5px 0;
}
.bloque.seleccion-turno{
margin-top: 10px;
padding: 0 25px 25px;
}
.simulador__boton{
padding-left: 0;
padding-right: 0;
}
.simulador__resultado .save_button{
margin-right: -15px;
}
.simulador__resultado .col-xs-12.col-sm-6.col-lg-4>div{
align-items: center;
border-bottom: 1px solid #ddd;
display: inline-flex;
height: 51.2px;
position: relative;
width: 100%;
}
.simulador__resultado .col-xs-12.col-sm-6.col-lg-4>div>span{
width: 50%;
}
.simulador__resultado .col-xs-12.col-sm-6.col-lg-4>div>b{
align-items: center;
display: inline-flex;
height: 100%;
margin: 0 0 0 .625rem;
position: absolute;
right: 0;
top: 0;
max-width: 50%;
}
.simulador__resultado .col-xs-12.col-sm-6.col-lg-4>div strong{
margin-left: 5px;
}
.container.wrapper{
padding-left: 0;
padding-right: 0;
}
.table{
margin-bottom: 10px;
}
@media screen and (min-width: 768px){
.container.wrapper{
padding-left: 15px;
padding-right: 15px;
}
.simulador__boton{
padding-left: 30px;
}
.table{
margin-bottom: 20px;
}
}
botonera-navegable{
display: block;
margin-top: 15px;
overflow: hidden;
}
.banner-publicidad{
background-size: cover;
display: none;
margin-top: 0;
opacity: 1;
position: relative;
transition: margin-top 0.5s, opacity 0.2s 0.5s;
}
.banner-publicidad>i {
background-color: rgba(0,0,0,.2);
color: #fff;
cursor: pointer;
font-size: 35px;
position: absolute;
right: 10px;
top: 10px;
transition: 0.3s;
}
.banner-publicidad>i:hover{
background-color: rgba(0,0,0,.3)
}
@media screen and (min-width: 768px){
.banner-publicidad{
display: block;
height: calc(100vh / 3);
width: 100%;
}
.banner-publicidad.oculto{
margin-top: calc(-100vh / 3);
opacity: 0;
}
}
.modal_registro .perfil_campo input, .modal_registro .perfil_campo select, .modal_registro .perfil_campo select:focus, .modal_registro-empresa .perfil_campo select, .modal_registro-empresa .perfil_campo input{
float: left;
}
.modal_registro-empresa .modal-dialog{
width: 100%;
}
.login .modal_registro-empresa .modal-body{
padding: 30px 15px;
}
.login .modal_registro-empresa .modal-body h3{
margin: 0 0 35px;
}
.modal_registro-empresa .perfil_campo select[name="tipoDNI"]{
height: 40px;
margin-bottom: 20px;
width: 100%;
}
.modal_registro-empresa .perfil_campo select[name="tipoDNI"]+input{
height: 40px;
margin-bottom: 20px;
padding-left: 5px;
width: 100%;
}
@media screen and (max-width: 768px){
.modal_registro-empresa .perfil_campo.documento label{
left: calc(50% + 15px) !important;
top: 0px !important;
}
.modal_registro-empresa .perfil_campo.documento input{
margin-left: 15px;
width: calc(50% - 15px) !important;
}
.login__elementos div>.tooltip.bottom{
}
.modal_registro .perfil_campo input.active+label{
display: none;
}
.modal_registro-empresa .perfil_campo input.active+label{
display: none;
}
}
.modal_registro .perfil_campo select[name="tipoDNI"], .modal_registro-empresa .perfil_campo select[name="tipoDNI"]{
margin-right: 15px;
width: calc(50% - 15px);
}
.modal_registro .perfil_campo select[name="tipoDNI"]+input, .modal_registro .perfil_campo select[name="tipoDNI"]+input{
margin-left: 15px;
width: calc(50% - 15px);
}
.login .modal_registro .perfil_campo select+input+label, .login .modal_registro .perfil_campo input:focus+label, .login .modal_registro .perfil_campo input:not(:focus).active+label{
left: calc(50% + 15px);
}
@media screen and (min-width: 768px){
.modal_registro .perfil_campo select[name="tipoDNI"]{
margin-right: 15px;
width: calc(50% - 15px);
}
.modal_registro .perfil_campo select[name="tipoDNI"]+input{
margin-left: 15px;
width: calc(50% - 15px);
}
.login .modal_registro .perfil_campo select+input+label, .login .modal_registro .perfil_campo input:focus+label, .login .modal_registro .perfil_campo input:not(:focus).active+label{
left: calc(50% + 15px);
}
/* .modal_registro .perfil_campo select[name="sexo"]+input+i+label{
left: calc(50% + 67.5px);
}
.modal_registro .perfil_campo select[name="sexo"]+input:focus+i+label{
left: calc(50% + 15px);
}
.modal_registro .perfil_campo select[name="sexo"]+input+i{
margin-left: calc(50% + 15px);
} */
.modal_registro-empresa .perfil_campo select[name="tipoDNI"]{
height: 45px;
margin-bottom: 0;
margin-right: 15px;
width: calc(50% - 15px);
}
.modal_registro-empresa .perfil_campo select[name="tipoDNI"]+input{
height: 100%;
margin-bottom: 0;
margin-left: 15px;
width: calc(50% - 15px);
}
.login .modal_registro-empresa .perfil_campo select+input+label{
left: calc(50% + 15px);
}
.modal_registro-empresa .modal-dialog{
width: 750px;
}
.login .modal_registro-empresa .modal-body{
padding: 30px;
}
.login .modal_registro-empresa .modal-body h3{
margin: 20px 0;
}
}
@media screen and (min-width: 992px){
.modal_registro .perfil_campo select[name="tipoDNI"]{
width: calc(45% - 15px);
}
.modal_registro .perfil_campo select[name="tipoDNI"] input{
width: calc(55% - 15px);
}
.login .modal_registro .perfil_campo select+input+label, .login .modal_registro .perfil_campo input:focus+label, .login .modal_registro .perfil_campo input:not(:focus).active+label{
left: calc(45% + 15px);
}
/* .modal_registro .perfil_campo select[name="sexo"]+input+i+label{
left: calc(40% + 67.5px);
}
.modal_registro .perfil_campo select[name="sexo"]+input:focus+i+label{
left: calc(40% + 15px);
}
.modal_registro .perfil_campo select[name="sexo"]+input+i{
margin-left: calc(40% + 15px);
} */
.modal_registro-empresa .modal-dialog{
width: 960px;
}
}
@media screen and (min-width: 1200px){
.modal_registro .perfil_campo select[name="tipoDNI"]{
width: calc(40% - 15px);
}
.modal_registro-empresa .perfil_campo select[name="tipoDNI"]{
width: calc(45% - 15px);
}
.modal_registro-empresa .perfil_campo select[name="tipoDNI"]+input{
width: calc(55% - 15px);
}
.modal_registro .perfil_campo select[name="tipoDNI"]+input{
width: calc(60% - 15px);
}
.login .modal_registro .perfil_campo select+input+label, .login .modal_registro .perfil_campo select+input+i+label, .login .modal_registro .perfil_campo select+input:focus+label, .login .modal_registro .perfil_campo select+input:not(:focus).active+label{
left: calc(40% + 15px);
}
.login .modal_registro-empresa .perfil_campo select+input+label{
left: calc(45% + 15px);
}
/* .modal_registro .perfil_campo select[name="sexo"]+input+i+label{
left: calc(30% + 67.5px);
}
.modal_registro .perfil_campo select[name="sexo"]+input:focus+i+label{
left: calc(30% + 15px);
}
.modal_registro .perfil_campo select[name="sexo"]+input+i{
margin-left: calc(30% + 15px);
} */
.modal_registro-empresa .modal-dialog{
width: 1000px;
}
/* left: calc(30% + 67.5px); */
}
.login .modal-backdrop{
background-color: #005baa;
}
.modal-backdrop.in{
opacity: 0.7;
}
.login .modal-body{
padding: 30px;
}
.login .modal_pre-registro .modal-body{
padding: 40px 40px 60px;
}
.login .modal-body h3{
color: #005baa;
font-size: 27px;
margin-bottom: 20px;
}
.login .modal-body h4{
color: #999;
font-size: 18px;
margin-bottom: 20px;
}
.login .modal_pre-registro .modal-body h3{
font-weight: normal;
text-align: center;
}
.login .modal_pre-registro .modal-body h3>b{
display: block;
margin: 10px 0 30px;
}
.login .modal-body h5{
color: #888;
font-size: 16px;
margin-bottom: 30px;
}
.login .modal-body .login__registro-volver {
color: #005baa;
display: inline-flex;
cursor: pointer;
font-size: 14px;
margin: 5px auto 20px;
}
/* .uib-daypicker .btn-info:active, .uib-daypicker .btn-info.active{
background-color: #005baa;
}
.uib-daypicker .btn-info:active>span, .uib-daypicker .btn-info.active>span{
color: #fff;
} */
.sin-registros{
background-color: #fff;
border: 1px solid #ddd;
border-top: 0;
color: #666;
margin-top: -20px;
padding: 20px;
}
.via-cbu{
overflow: hidden;
margin-bottom: 10px;
margin-top: 20px;
}
@media screen and (max-width: 767px){
.input_label{
left: 10px !important;
top: -14px !important;
}
}
@media screen and (min-width: 768px){
.input_label{
left: 0px !important;
top: 0px !important;
}
}
@media screen and (min-width: 768px){
.via-cbu{
margin-bottom: 15px;
margin-top: 50px;
}
}
.perfil_campo.documento>.tooltip{
left: 40% !important;
}
.uib-datepicker-popup button{
border-radius: 10px;
background-color: white;
color: #005baa;
margin: 1px;
}
.uib-datepicker-popup button:hover{
background-color: #005baa;
border: 1px solid #005baa;
color: white;
}
.uib-datepicker-popup button.btn.btn-default.btn-sm{
color: #005baa;
}
.uib-datepicker-popup button:hover.btn.btn-default.btn-sm{
color: white;
}
.contenedor-login-persona{
background-color: #fff;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
.tooltip{
z-index: 1040;
}
header.header-simple{
box-shadow: none;
}
.header-simple .header__logo>a{
display: inline-block;
height: 65px;
}
@media screen and (min-width: 992px){
.header-simple .header__logo>a>img{
height: 100%;
}
.header-simple .header__logo>a{
margin: 12.5px 0;
}
}
.verificar__requisitos{
background-color: #f9f9f9;
color: #666;
padding: 30px;
}
.verificar__requisitos i{
font-size: 120px;
margin-bottom: 30px;
}
@media screen and (min-width: 768px){
.verificar__requisitos{
padding: 40px;
}
}
@media screen and (min-width: 992px){
.verificar__requisitos{
padding: 50px;
}
.verificar__requisitos i{
font-size: 150px;
}
}
.body-verificacion .boton-menu{
display: none;
}
.registro_form_empresas{
background-color: #fff;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 149px;
transform: translateX(100%) translateX(30px);
transition: 0.5s;
}
.registro_form_empresas.active{
transform: translateX(0);
}
#registroForm{
padding-bottom: 60px;
}
.contenedor-registro-empresas{
overflow: hidden;
position: relative;
}
/* Checkbox custom */
.form-group.checkbox_terminos>i {
display: inline-block;
float: left;
font-size: 20px;
margin-top: 0;
color: #666;
font-size: 24px;
cursor: pointer;
}
.form-group.checkbox_terminos>i.active{
color: #005baa;
}
/* Captcha */
.registro_captcha {
height: 80px;
width: 50%;
align-items: center;
display: inline-block;
/* margin-right: 15px; */
}
.modal_registro-empresa .checkbox_terminos.form-group{
margin-bottom: 0;
margin-top: 20px;
}
.registro-empresas__progreso{
border-bottom: 4px solid #ddd;
color: #888;
height: 70px;
margin: 20px 0 10px;
overflow: visible;
padding: 0;
}
.registro-empresas__progreso>div{
align-items: center;
cursor: pointer;
display: inline-flex;
font-family: robotomedium;
font-size: 16px;
height: 100%;
width: 50%;
}
.registro-empresas__progreso>div:first-child:before {
content: '';
background: #005baa;
bottom: -5px;
display: block;
height: 4px;
left: 0;
position: absolute;
right: 0;
transition: 0.65s;
}
.registro-empresas__progreso>div:first-child{
color: #005baa;
}
.registro-empresas__progreso.segundo-step>div:first-child{
color: #888;
}
.registro-empresas__progreso.segundo-step>div+div{
color: #005baa;
}
.registro-empresas__progreso.segundo-step>div:first-child:before{
right: -100%;
}
.registro-empresas__progreso i{
font-size: 32px;
margin-right: 15px;
}
.upload-table .btn>span {
font-size: 15px;
}
.aside__opcion.menu-activo{
border-left: 6px solid #00aeef;
}
.aside__opcion.menu-activo>a{
padding-left: 9px;
}
.upload_button{
background-color: #005baa;
color:#fff;
float: right;
font-size: 1rem
}
.upload_success{
color: #62bc64;
margin-top: 3%;
font-size: 18px;
display: flex;
padding-bottom: 17px;
}
.swich span{
cursor: pointer;
float: left;
font-family: roboto;
text-align: center;
width: 3.125rem;
transition: 0.1s;
background-color: #ddd;
font-weight: normal;
}
.swich span.active{
background-color: #00aeef;
border-color: #00aeef;
color: #fff;
}
.label_adicionales{
text-transform: none !important;
font-family: roboto !important;
font-weight: normal !important;
padding-bottom: 15px !important;
border-bottom: 1px solid #ccc;
}
.label_adicionales:nth-last-child(1){
border: none;
}
.label_adicionales>h3{
font-family: robotoBold;
display: inline-block;
text-decoration-line: underline;
}
.label_adicionales>h4{
font-family: roboto;
font-weight: 400 !important;
}
.label_declaracion{
font-family: roboto;
font-size: 16px;
font-weight: 600;
display: flex;
flex-direction: column;
}
.buscar_sucursales{
display: flex;
flex-direction: column;
}
@media screen and (min-width: 768px){
.buscar_sucursales .col-xs-12.col-sm-6{
max-width: 310px;
}
}
.subtitulo_sucursales.turno_subtitulo_form{
margin-left: 0px;
}
.adjuntar_archivo{
margin-top: 15px;
margin-bottom: 25px;
}
.fila_adjuntos{
margin-bottom: 10px;
}
.archivo_loader{
display: flex;
justify-content: center;
margin-top: 10px;
}
.fila-archivo_adjunto{
display: flex;
align-items: center;
}
@media screen and (min-width: 768px){
.fila_adjuntos{
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 30px;
}
.adjuntar_archivo{
margin-bottom: 0px;
margin-top: 0px;
}
.archivo_loader{
display: block;
justify-content: center;
margin-top: 0px;
}
}
/*TOGGLE MENU*/
.toggle-menu {
display: block;
width: 28px;
height: 28px;
position: absolute;
}
.toggle-menu.on {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
transition: 0.25s;
}
.toggle-menu{
transition: 0.25s;
}
.hidden-menu {
display: none;
}
.titulo_sin_condicion {
font-family: robotolight;
font-size: 32px;
color: #00aeef;
}
.segunto_titulo_sin_condicion {
font-family: robotolight;
font-size: 20px;
}
.texto_sin_condicion {
font-family: robotomedium;
font-size: 14px;
}
.centrado_pantalla_sin_condicion{
overflow: hidden;
padding: 5%;
}
.bloque_separador {
display: none;
}
h3.bloque_separador {
display: inline-block;
}
button.inactive {
background: transparent;
border: 2px solid #005baa;
color: #005baa;
}
button.active {
background-color: #005baa;
}
.no-animate {
-webkit-transition: none !important;
transition: none !important;
}
.ng-show-clase .ng-hide.ng-hide-animate{
display: none !important;
}
.buttons-tarjeta>button{
max-width: 130px;
margin-right: 1rem;
}
.table-gestion-debito div[ng-table-pagination="params"]{
position: relative;
display:none;
}
.turno-generico-comentario {
color: rgb(128, 128, 128);
padding: 15px 20px;
}
.checkbox-cuentas {
position: relative;
display:inline;
font-size: 18px;
margin-top: 10px;
margin-bottom: -7px;
}
.tooltip-tyc-cuentas .tooltip.bottom {
margin-top: 0px !important;
margin-left: 0px !important;
}
.btn-campana{
background-color: #00aeef;
}
.btn-campana:active{
box-shadow: none;
}
.btn-campana:focus, .btn-campana:active:focus{
outline: none;
}
.btn-campana svg{
color: #fff;
}
.contador-noti{
position: absolute !important;
top: 14px !important;
right: 28px;
width: 1.2rem;
color: #fff;
background-color: #005BAA;
font-weight: normal !important;
}
.logo-login{
width:250px !important;
}
.texto-registro{
font-size: 22px;
font-family: robotobold;
color: #0054A5;
}
.pasos{
font-size: 16px;
font-family: robotolight;
color: #0054A5;
}
.texto-img-registro{
font-size: calc(100% + 0.5vw + 0.2vh);
font-family: robotobold;
color: #fff;
width: 66%;
margin-top: 13%;
margin-left: 16%;
}
.cuadro-1{
background-image: url("../img/img-registro-fondo.jpg");
background-size: cover;
background-repeat: no-repeat;
height: 366px;
}
.texto-bajada{
color: #0a5ca8;
line-height: 1.5rem;
text-align: center;
margin: 0;
font-size:22px;
}
.boton-agregar-promocion {
margin-top: 30px;
background-color: white;
color: #005baa;
border: 2px solid #005baa;
}
.boton-quitar-promocion {
margin-top: 30px;
background-color: white;
color: red;
border: 2px solid red;
}
.card-notificaciones{
position: absolute;
background-color: #D6E5F1;
top:60px;
width: 100%;
max-height: 500px;
padding-top: 15px;
padding-bottom: 15px;
border-radius: 0px 0px 14px 14px;
}
.nomarcada{
list-style: circle !important;
color: #00AEEF !important;
}
.mr{
color: #00AEEF !important;
}
.nomarcada small{
color: rgba(0, 91, 170, 0.35) !important;
}
.noti-titulo{
margin-top: 0;
margin-bottom: 0;
color: #005BAA;
}
.ul-noti{
max-height: 300px;
margin-top: 10px;
margin-bottom: 10px;
overflow:scroll;
-webkit-overflow-scrolling: touch;
}
.ul-noti li{
margin-top: 36px;
margin-bottom: 36px;
}
.ul-noti li .material-icons{
font-size: 10px;
margin-right: 5px;
}
.ul-noti li span{
vertical-align:middle;
padding-bottom:5px;
}
.ul-noti small{
color: #00AEEF;
}
.activa-noti{
color: #005BAA;
font-weight: bold;
}
.body-noti{
color: grey !important;
font-size: small;
}
.body-noti img{
max-width: 350px !important;
max-height: 120px !important;
}
.noti-sitio{
cursor:pointer;
}
.noti-no-sitio{
cursor:default;
}
@media screen and (max-width: 1099px) and (min-width: 992px){
.btn-campana{
margin-top: 8px !important;
}
.contador-noti{
right: 31px;
}
}
@media screen and (max-width: 1099px){
.btn-campana-d{
position: absolute;
top: 0;
right: 0;
z-index: 5;
background-color: #00aeef;
}
.btn-campana-d:active{
box-shadow: none;
}
.btn-campana-d:focus, .btn-campana:active:focus{
outline: none;
}
.btn-campana-d svg{
color: #fff;
}
.card-notificaciones-d{
position: absolute;
background-color: #D6E5F1;
top:60px;
width: 100%;
max-height: 500px;
padding-top: 15px;
padding-bottom: 15px;
border-radius: 0px 0px 14px 14px;
z-index: 99;
}
.contenedor-noti{
margin-left: auto;
margin-right: auto;
}
.contador-noti-d{
position: absolute !important;
top: 14px !important;
right: -2px;
width: 1.2rem;
color: #fff;
background-color: #005BAA;
font-weight: normal !important;
}
}
@media screen and (min-width: 1099px){
.contenedor-noti{
width: fit-content !important;
justify-content: center;
margin-left: auto;
margin-right: auto;
}
.btn-campana-d svg{
color: #005BAA;
}
.btn-campana-d{
position: absolute !important;
top: 14px !important;
right: 25px;
width: 1.2rem;
background-color: white;
}
.btn-campana-d:focus, .btn-campana-d:active:focus{
outline: none;
}
.btn:active, .btn.active{
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
.contador-noti-d{
position: absolute !important;
top: 6px !important;
right: -12px;
width: 21px;
height: 17px;
color: #fff;
background-color: #F37053;
font-weight: normal !important;
font-size: 12px !important;
text-align: center;
vertical-align: middle;
}
.card-notificaciones-d{
overflow: hidden;
word-break: break-all;
position: fixed !important;
top: 75px !important;
right: 25px;
background-color: #D6E5F1;
top: 60px;
max-width: 31%;
max-height: 500px;
padding-top: 15px;
padding-bottom: 15px;
border-radius: 14px;
z-index: 9999;
padding: 25px;
}
.ul-noti::-webkit-scrollbar {
display: none !important;
}
.ul-noti{
-ms-overflow-style: none!important;
scrollbar-width: none!important;
}
}
.logo-c{
max-width: 200px;
text-align: center;
margin: auto !important;
display: block;
}
.container-gif {
height: 70vh;
position: relative;
}
.center-gif {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.center-gif p{
text-align: center;
color: #0054A5;
font-size: 25px;
}
.center-gif img{
width: 250px;
}
.c-p{
color: #0054A5;
}
.c-p2{
font-size: 22px;
color: #0054A5;
font-weight: bold;
}
.iconosa{
width: 50px;
vertical-align: middle;
display: block;
margin-top: 23px;
}
.di{
border-left: 18px solid #0054A5;
}
.dd{
border-right: 3px solid #0054A5;
}
.card-name{
border-radius: 10px;
/* -webkit-box-shadow: 0 4px 20px 1px rgba(0,0,0,.06), 0 1px 4px rgba(0,0,0,.08); */
box-shadow: 0 4px 20px 1px rgba(0,0,0,.06), 0 1px 4px rgba(0,0,0,.08);
/* border: 0; */
/* max-width: 70%; */
margin: 0 4rem;
padding-bottom: 1rem;
}
.card-name p{
color: #00ADEF;
font-size: 1rem;
}
.stepper{
padding: 1.5rem 3rem;
text-align: center;
}
blockquote{
border-left: none!important;
}
.close{
position: absolute;
left: 150px;
top: 15px;
font-size: 25px !important;
}
.stepper img{
max-width: 250px;
}
.img-celu{
max-width: 230px;
}
.borde-cam-dni{
left: 68.1761px;
display: inline-block;
z-index: 25;
position: absolute;
/* height: 80%; */
border: 1px solid white;
/* width: 75%; */
border-radius: .5rem;
top: 93.3333px;
}
.texto-camara{
color: white;
text-align: center;
z-index: 80;
font-size: 25px;
margin: auto;
padding: 2rem 0;
}
/*FLLEX*/
.justify-content-center {
-ms-flex-pack: center!important;
justify-content: center!important;
}
.logo-bcbahdr{
margin-bottom: 140px !important;
}
/*@media screen and (min-width: 1600px) {
body {
background-color: red;
}
}*/
.timer-qr{
width: 34vw;
}
.link-valid-venc{
font-size: 2.5vh;
margin-top: 50px;
}
.hold-cel{
width: 150px;
margin: 0 auto;
display: block;
margin-left: auto;
margin-right: auto;
}
.logo-hdr{
width: 170px !important;
margin: 0 auto !important;
display: block !important;
margin-top: 45px !important;
}
.txt-sg{
font-size: 23px !important;
}
.txt-inicio{
color: #0a5ca8;
font-weight: 200;
font-size: 20px;
}
.img-bici{
width: 300px !important;
}
@media screen and (orientation:landscape){
.text-intro-horizontal{
padding-left: 18rem;
margin-top: -25%
}
.text-horizontal{
padding-left: 18rem;
}
.terminos-horizontal{
padding-left: 20rem !important;
padding-bottom: 0px;
padding-top: 0px;
}
.bici-horizontal{
padding-left: 14% !important;
}
.btn-horizontal{
padding-top: 0px !important;
}
}
.cntr-as{
display: flex !important;
justify-content: center !important;
}
.boton-app{
position: absolute !important;
bottom: 0;
width: 100%;
padding: 2rem;
}
.inicio-divs{
background-color: white;
border-radius: 10px;
padding: 10px;
}
.inicio-divs p{
margin: 0 !important;
font-weight: 400;
}
.inicio-divs img{
width: 100px;
border-radius: 10px;
margin-left: 20px;
}
.inicio-divs{
color: #2d6e82;
}
.inicio-divs input[type='checkbox'] {
width:18px;
height:18px;
background:#efefef;
border-radius:4px;
border:1px solid #c0c0c0;
}
@media screen and (max-width: 375px){
.seleccionar-todos {
width: 100%;
}
}
.form-margen {
margin: 50px 20px 0;
}
.pase-sanitario {
background-color: #005baa;
color: white;
padding: 10px 15px;
border-radius: 10px
}
.pase-sanitario-div {
padding: 10px;
padding-bottom: 20px;
}