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;
}
/*@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;
}
i{
font-style: normal;
}
script,
style {
display: none;
}
ul {
padding: 0;
margin: 0;
}
a:hover,
a:focus {
text-decoration: none;
}
.btn {
padding: 3px 10px;
}
.state-button{
margin-bottom:10px !important;
}
button.active {
/* padding: 10px 0; */
background-color: #00aeef;
color: #fff;
width: 100%;
border: 0;
}
.botonera button.active{
background-color: #005baa;
}
@media screen and (min-width: 992px) {
.btn {
padding: 6px 12px;
}
}
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;
}
.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;
}
.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;
}
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;
/*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: 18vh;
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: 20px;
margin-top: 15px;
}
.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: 13px;
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: 0;
}
}
@media screen and (min-width: 992px){
.botonera button{
text-transform: uppercase;
}
}
/*---------------------FOOTER-----------------------*/
footer .redes_sociales {
float: right;
margin: 0.53125rem 0;
}
@media screen and (min-width: 768px){
footer .redes_sociales {
margin: 0;
display: table;
float: none;
padding-bottom: 7px;
}
}
footer .redes_sociales i {
cursor: pointer;
float: right;
font-size: 1.75rem;
margin-left: 0.625rem;
}
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;
}
.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;
}
.footer.desplegado{
top: calc(3.75rem + 10.625rem);
}
.footer-formulario{
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;
}
}
.footer__accesos li {
border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.5);
display: block;
height: 2.8125rem;
line-height: 2.75rem;
}
@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;
}
}
.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;
}
}
.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;
}
}
.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 - 291px);
overflow-y: auto;
}
.aside__footer{
bottom: 0;
left: 0;
position: absolute;
right: 0;
}
}
.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;
}
@media screen and (min-width: 768px) {
.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;
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){
.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, .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;
}
#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: 200px !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;
padding-bottom: 40px;
text-align: center;
}
.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 .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 0;
background-color: #ddd;
color: #666;
width: 100%;
border: 0;
}
.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;
text-align: left;
}
.login_opciones_legales a{
color: #005baa;
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-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;
}
.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;
}
}
#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(.not-desktop) article.active label{
font-family: roboto;
}
.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 .perfil_campo, .body-verificacion .perfil_campo{
border: 0;
height: 40px;
position: relative;
}
.login .perfil_campo{
height: 65px;
}
.login .perfil_campo.perfil_campo--alto{
height: 100px;
}
.login__elementos>div>form>.login__inputs>.perfil_campo{
width: 100%;
}
.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 .perfil_campo select+input+label{
left: 5px;
}
.login .perfil_campo input.active+i+label{
display: none;
}
.login .perfil_campo input:focus, .login .perfil_campo input:focus+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: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;
}
}
.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{
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__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: #E9573E;
border-color: #E9573E;
float: none;
}
@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: #DB4227;
border-color: #DB4227;
}
.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;
}
@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;
}
@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;
}
}
.aside__usuario>div>span{
font-family: robotomedium;
font-size: 14px;
}
.aside__usuario>div>span+div{
font-size: 13px;
}
.aside__opcion{
background-color: #005baa;
padding-top: 60px;
position: relative;
width: 100%;
transition: 0.1s;
}
.aside__opcion:not(.active):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: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 0;
text-align: left;
}
.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{
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 select[name="tipoDNI"]+input+label{
left: calc(50% + 15px) !important;
top: 0px !important;
}
.modal_registro-empresa .perfil_campo select[name="tipoDNI"]+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{
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-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-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-empresa .modal-dialog{
width: 1000px;
}
}
.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_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;
}
.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 (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;
z-index: -1;
}
/* 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;
}