.tablaMaster table tbody td.td--principal--xs { display: none; } .td--botones-x2 { width: auto !important; } @media (max-width: 800px) { .td--botones-x2 { float: none !important; } .tablaMaster table tbody tr td.td--botones-x2 .containerButton .md-button.text--button { width: 100% !important; } } .h--fontColor--verde { color: #6BAA1F !important; } .marginL-12 { margin-left: 12%; } .contenedorBuscador--ffmm.colorFondo--buscador { padding: 1em 1.5em 2em; border-radius: 4px; } .md-button.boton--terciarioo { border-radius: 6px !important; width: 100% !important; min-width: 100px !important; height: 36px !important; font-size: 14px !important; font-size: 0.875rem !important; max-height: 36px; vertical-align: middle !important; margin: 0px !important; padding: 0px !important; background-color: transparent !important; color: #2A5E92 !important; box-shadow: none !important; border: 1px solid rgba(51, 106, 155, 0.5); } md-tooltip.productos--tooltip { font-size: 12px; font-size: 0.75rem; } md-tooltip.productos--tooltip ._md-content { line-height: 1.5em; height: auto; max-width: 320px; white-space: pre-line; padding: 0.5em 0.8em; } .borderBottomNone { border-bottom: none !important; } .checkDisabled { color: #b5b5b5 !important; font-size: 22px !important; } .checkEnabled { color: #7EB645 !important; font-size: 22px !important; } .marginTop18px { margin-top: 18px; } .container-landing { margin-right: auto; margin-left: auto; font-family: 'arial'; } .card-landing { background-color: white; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-radius: 0; box-sizing: border-box; display: -ms-flexbox; display: flex; margin-top: -1px; margin: 0px auto; position: relative; width: 800px; z-index: initial; } .seccion--principal { background-size: 100%; background-repeat: no-repeat; margin: 0px 0px 20px 0px; padding: 0; width: 100%; font-family: 'arial'; } .seccion--30 { width: 25%; float: left; padding-left: 5%; } .seccion--30 img { float: left; width: 85%; padding: 12px; } .seccion--70 { width: 70%; padding-top: 25px; float: left; } .bloque--landing { background-image: url("../images/landing/landing-01.png"); background-position: top right; background-repeat: no-repeat; background-size: cover; height: auto; min-height: 550px; margin: 0px 0px 20px 0px; padding: 0 0 20px 0; } .bloque--landing img { float: right; } .bloque--landing .landing-titulo { color: #2A598E; font-size: 40px; font-weight: lighter; line-height: 40px; margin: 5px 0px 0px 0px; padding: 3px 0px; text-transform: uppercase; width: 100%; } .bloque--landing .landing-titulo img { padding-top: 45px; padding-right: 20px; max-width: 330px; } .bloque--landing .landing--seccion_01 { height: auto; margin: 0; min-height: 112px; padding: 3px 0; width: 100%; } .bloque--landing .landing--seccion_01 .landing-text-A { background-position: top right; background-repeat: no-repeat; background-size: cover; background: url("../images/landing/backgroud-01blue.png"); color: #fff; float: left; font-size: 18px; line-height: 20px; margin: 160px 0px 0px 0px; padding: 15px; } .bloque--landing .landing--seccion_01 .landing-text-A p { font-family: 'arial'; font-weight: 400; line-height: 23px; margin: 0; padding: 0; width: 100%; } .bloque--landing .landing--seccion_01 .landing-text-B { background-position: top right; background-repeat: no-repeat; background-size: cover; background: url("../images/landing/backgroud-02white.png"); color: #2A598E; float: left; font-size: 18px; line-height: 20px; margin: 0px 0px 0px 0px; padding: 15px; } .bloque--landing .landing--seccion_01 .landing-text-B p { font-family: 'arial'; font-weight: 400; line-height: 23px; margin: 0; padding: 0; width: 100%; } .h--Bloque-1 { min-height: 330px !important; } .bloque-head { width: 100%; height: 71px; color: #fff; margin: 0; padding: 0; } .bloque-head .head-logoLanding { margin: 0 auto; width: 20%; } .bloque-head img { height: 70px; } .bloque-pasos { height: auto; min-height: 180px; margin: 0; padding: 15px; width: auto; } .bloque-pasos .pasos-titulo { width: 100%; color: #112152; font-size: 2em; line-height: 1.5em; margin-bottom: 1em; margin: 0px 0px 10px 18px; padding: 0px; text-align: center; background: none; float: left; text-align: left; } .bloque-pasos .pasos-texto_A { background: none; color: #114588; float: left; font-size: 23px; font-style: italic; line-height: 23px; margin-bottom: 1em; margin: 15px 0; padding: 0px; text-align: left; } .bloque-pasos .pasos-texto_B { background: none; color: #114588; float: left; font-size: 28px; line-height: 28px; margin-bottom: 1em; margin: 15px 0px; padding: 0px; font-weight: bold; width: 100%; } .bloque-pasos .pasos-texto_C { color: #536374; font-size: 1.2em; line-height: 1.2em; text-align: left; margin-left: 18px; width: 90%; } .bloque-pasos .pasos-texto_C p { font-size: 1.2em; } .bloque-pasos .pasos-producto { clear: none; display: table; float: left; height: 85px; margin: 5px 0; padding: 0; width: 100%; } .bloque-pasos .pasos-producto .producto-icono { float: left; height: 85px; margin: 0; padding: 0px 0px 0px 0px; width: 15%; } .bloque-pasos .pasos-producto .producto-icono img { float: left; height: 85px; } .bloque-pasos .pasos-producto .producto-contenido { margin: 0; padding: 0; width: 85%; } .bloque-pasos .pasos-producto .contenido-texto-l { color: #516172; font-size: 18px; height: auto; margin: 20px 0px 0px 0px; padding: 0; width: 118%; } .bloque-pasos .pasos-apv { width: 100%; height: 130px; } .bloque-pasos .pasos-apv .apv-fondo { float: left; width: 25%; } .bloque-pasos .pasos-apv p { color: #516172; font-size: 18px; line-height: 18px; margin: 20px auto 0px auto; padding: 0; text-align: center; width: 90%; } .bloque-pasos .pasos-apv .apv-anillo { float: left; margin: 5px 0px 10px 0px; padding: 0; width: 100%; } .bloque-pasos .pasos-apv .apv-anillo img { display: block; margin-left: auto; margin-right: auto; height: 90px; } .bloque-chart { height: auto; min-height: 220px; margin: 0; padding: 20px 5px; background: #F1F2F4; } .bloque-chart .chart-titulo { background: none; color: #114588; font-size: 35px; line-height: 35px; margin-bottom: 1em; margin: 0px 0px 20px 0px; padding: 0px; text-align: center; width: 100%; } .bloque-chart .chart-bloque { width: 100%; height: 140px; } .bloque-chart .chart-bloque .bloque-fondo { float: left; height: 140px; width: 16.65%; } .bloque-chart .chart-bloque p { color: #516172; font-size: 18px; line-height: 18px; margin: 20px 0px 0px 0px; padding: 0; text-align: center; width: 100%; } .bloque-chart .chart-bloque .bloque-anillo { float: left; margin: 5px 0px 10px 0px; padding: 0; } .bloque-chart .chart-bloque .bloque-anillo img { display: block; margin-left: auto; margin-right: auto; width: 85%; } .bloque-chart .chart-bloque .bloque-renta { float: left; margin: 10px 0px 10px 20px; padding: 0; width: 30%; } .bloque-chart .chart-bloque .bloque-renta .renta-fija { color: #265288; font-size: 22px; margin: 0px 5px 0px 0px; padding: 0; } .bloque-chart .chart-bloque .bloque-renta .renta-variable { color: #6FD0E6; font-size: 22px; margin: 0px 5px 0px 0px; padding: 0; } .bloque-chart .chart-bloque .bloque-renta p { color: #516172; float: left; font-size: 12px; margin: 0; padding: 0; text-align: left; width: 50%; } .bloque-appstore { width: 100%; height: 80px; color: #fff; margin: 0; text-align: center; } .bloque-appstore .body-logoLanding { margin: 0 auto; width: 100; } .bloque-appstore img { height: 70px; text-align: center; } .bloque-footer { width: 100%; height: 80px; color: #fff; background: #404654; margin: 0; padding: 0; } .bloque-footer .footer-logoLanding { margin: 0 auto; width: 20%; } .bloque-footer img { height: 70px; } .bloque-link .pasos-texto_D { padding-top: 10px; text-align: center; text-decoration: none; cursor: default; font-size: 1em; color: #1A80A6; } .bloque-link .pasos-texto_D a:link { text-decoration: none; color: #1A80A6; } .bloque-pie { width: 100%; color: #6B7F94; background: #F1F2F4; margin: 0; padding: 0px 0px 15px 0px; } .bloque-pie .pie-texto { margin: 0 auto; width: 100%; } .bloque-pie .pie-texto p { margin: 0; padding: 10px 15px; font-size: 11px; line-height: 11px; text-align: center; } @media (min-width: 320px) and (max-width: 767px) { .seccion--principal { min-height: none; } .seccion--30 { padding-left: 0px; width: 28%; padding-top: 10px; } .seccion--70 { width: 70%; } .card-landing { width: 100%; } .bloque--landing { background-image: url("../images/landing/landing-01.png"); background-position: top center; background-repeat: no-repeat; background-size: cover; height: auto; min-height: 320px; margin: 0; padding: 0; width: auto; } .bloque--landing .landing-titulo img { width: 40%; padding-top: 100px; padding-right: 10px; } .bloque--landing .landing--seccion_01 .landing-text-A { margin: 30px 0px 0px 0px !important; font-size: 15px; } .bloque-head { height: 39px; } .bloque-head .head-logoLanding { margin: 0 auto; width: 100%; text-align: center; } .bloque-head .head-logoLanding img { float: none; margin: 0 auto; height: 38px; } .bloque-pasos { height: auto; min-height: 120px; } .bloque-pasos .pasos-titulo { width: 100%; font-size: 12px; line-height: 16px; color: #112152; margin-left: 18px; } .bloque-pasos .pasos-producto .producto-icono { width: 120%; height: 55px; padding: 0; margin: 0px 0px 10px 0px; position: relative; } .bloque-pasos .pasos-producto .producto-icono img { height: 100%; position: absolute; left: 30%; } .bloque-pasos .pasos-producto .producto-contenido { width: 90%; } .bloque-pasos .pasos-producto .producto-contenido .contenido-texto-l { font-size: 14px; margin: 0px 0px 10px 0px; padding: 0; } .bloque-pasos .pasos-texto_A { font-size: 18px; line-height: 18px; } .bloque-pasos .pasos-texto_B { font-size: 20px; line-height: 20px; } .bloque-pasos .pasos-texto_C { color: #536374; font-size: .7em; line-height: 13px; text-align: left; margin-left: 18px; width: 88%; } .bloque-pasos .pasos-apv { height: 530px; } .bloque-pasos .pasos-apv .apv-fondo { width: 50%; height: 140px; } .bloque-pasos .pasos-apv .apv-fondo p { font-size: 14px; line-height: 14px; } .bloque-pasos .pasos-apv .apv-anillo img { height: 80px; } .bloque-chart { height: auto; min-height: 460px; } .bloque-chart .chart-titulo { font-size: 22px; line-height: 22px; } .bloque-chart .chart-bloque { height: 120px; } .bloque-chart .chart-bloque p { width: 100%; font-size: 16px; line-height: 16px; padding: 0; margin: 0; } .bloque-chart .chart-bloque .bloque-fondo { height: 120px; width: 50%; } .bloque-chart .chart-bloque .bloque-anillo { height: 90px; width: 100%; } .bloque-chart .chart-bloque .bloque-anillo img { width: 90px; } .bloque-chart .chart-bloque .bloque-renta { width: 100%; width-margin: 20px 0px 0px 0px; } .bloque-appstore { width: 100%; height: 40px; color: #fff; margin: 0; padding: 0; text-align: center; } .bloque-appstore .body-logoLanding { margin: 0 auto; width: 100%; } .bloque-appstore img { height: 37px; text-align: center; } .bloque-footer .footer-logoLanding { margin: 0 auto; width: 100%; text-align: center; } .bloque-footer .footer-logoLanding img { margin: 0 auto; width: auto; } .bloque-link .pasos-texto_D { text-align: center; text-decoration: none; font-size: .6em; color: #1A80A6; } .bloque-link .pasos-texto_D p { font-size: 1.2em; } .bloque-link .pasos-texto_D a:link { text-decoration: none; color: #1A80A6; } .bloque-pie { display: none; } } @media (min-width: 768px) and (max-width: 991px) { .card-landing { width: 98%; } .bloque-pasos { min-height: 200px; } } @media (min-width: 992px) and (max-width: 1090px) { .container-landing { width: 970px; } .seccion--principal { background-size: cover !important; } .tutorial .quickstart--paso { margin: 50px 0px; } .tutorial .quickstart--paso .paso--detalle .descripcion { width: 160px; } } .md-dialog { max-width: 100% !important; max-height: 100% !important; } /* CSS APV*/ .color_green { color: #6baa1f !important; } .button_periodo_evolucion { color: #69B4C5 !important; border-bottom: 2px solid #69B4C5 !important; background: transparent !important; outline: none !important; } .contenedor--imgBoton { margin-bottom: 1.5em; height: 90px; } .mensajeTitulo--container { text-align: center; } .statusPrecaucion__small { color: #536374; font-size: 3em !important; padding-bottom: 0.5em; } .mensajeTitulo__precaucion { font-size: 18px; color: #536374; padding-top: 0.8em; line-height: 1.2em; } .mensajeTexto__large { margin: 0.6em 0; padding-left: 0.5em; text-align: center; color: #9B9B9B; padding-bottom: 1em; line-height: 1.4em; font-size: 14px; font-size: 0.875rem; } .form--iconoConversion { position: absolute; top: 27.5px; right: -12px; } .form--iconoConversion md-icon i { color: #5BABBF; } .form--iconoConversion.top_16 { top: 16px; } .contenedorBuscador--ffmm colorFondo--buscador { padding: 1em 1.5em 2em; border-radius: 4px; margin-bottom: 1em; -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); background-color: #336A9B !important; } .contenedorBuscador--ffmm .margen--buscador md-input-container { margin-bottom: -25px; border: 0; } .contenedorBuscador--ffmm.colorFondo--buscador { padding: 1em 1.5em 2em; border-radius: 4px; background-color: #336A9B !important; } .md-input-container.form.bg--opacity { border: 0; background-color: rgba(255, 255, 255, 0.1); } .md-input-container.form label:not(._md-container-ignore) { bottom: 83%; left: 6px; padding-top: 10px; } /* INICIO FORMULARIOS */ .content--buscador .bg--form { margin: 0; padding-bottom: 0; } .headerProducto .bg--form { padding: 1.3em 1.3em 0 1.3em; margin: 0; } .headerProducto .caja--producto { text-align: center; } .headerProducto .caja--producto img { width: 55px; height: 55px; display: inline-block; vertical-align: middle; } .headerProducto .caja--producto .producto--texto { display: inline-block; vertical-align: middle; margin-top: 0.5em; overflow: visible; } .headerProducto .caja--producto .producto--texto .texto--titulo { color: #5BABBF; font-size: 14px; font-size: 0.875rem; font-family: 'robotobold'; padding: 0.2em 0 0.4em; display: inline; vertical-align: top; } .headerProducto .caja--producto .producto--texto .texto--valor { font-family: 'robotobold'; font-size: 16px; font-size: 1rem; padding: 0 0 0.5em; display: block; vertical-align: top; margin-top: 0.2em; } .headerProducto .caja--producto .producto--texto .texto--valor span { color: rgba(51, 106, 155, 0.6); font-size: 12px; font-size: 0.75rem; } .headerProducto .caja--producto .producto--texto.total--regular .texto--titulo { font-family: 'robotoregular'; padding: 0.15em 0 0.5em; } .headerProducto .caja--producto .producto--texto.total--regular .texto--valor { font-size: 16px; font-size: 1rem; font-family: 'robotoregular'; } .headerProducto .caja--producto .producto--boton { display: inline-block; vertical-align: middle; width: 70%; } .headerProducto .caja--producto .producto--boton .boton--texto { display: none; } .headerProducto .caja--producto .producto--boton:hover .boton--texto { display: block; width: 100%; } .headerProducto .caja--producto .producto--img { display: inline-block; vertical-align: middle; color: #5BABBF; font-size: 34px; font-size: 2.125rem; text-align: left; line-height: 65px; } .headerProducto .headerProducto--textCenter { text-align: center; line-height: 18px; font-size: 12px; font-size: 0.75rem; margin-bottom: 1em; } .bg--white { background-color: #FFFFFF !important; } /* Disabled activated*/ .disabled--activated { background-color: #F0F2F5 !important; } .disabled--activated .md-input[disabled] { color: #222222 !important; } .disabled--activated ._md-select-value ._md-select-icon { display: none; } .disabled--activated md-select[disabled] ._md-select-value { background-image: inherit; } .bg--boton { background-color: #eaedf1; } /*background flujos */ .bg--form { background-color: #eaedf1; border-radius: 6px; padding-top: 12px; padding-left: 1.5em; padding-right: 1.5em; padding-bottom: 12px; margin-left: 1.8em; margin-right: 1.8em; margin-bottom: 1em; } .bg--form .seleccion__fondo { color: #5BABBF; line-height: 16px; font-size: 16px; font-size: 1rem; margin-bottom: 8px; } .bg--form .seleccion__label { color: #536374; line-height: 22px; margin: 0; padding: 0; width: 100%; font-size: 12px; font-size: 0.75rem; } .bg--form .seleccion__label .button--detalleaporte { display: inline-block; padding: 0.625em 0 0; vertical-align: middle; width: 50px; } .bg--form .seleccion__montos { line-height: 22px; margin: 0; padding: 0; width: 100%; font-size: 12px; font-size: 0.75rem; } .bg--form .seleccion__cifra { color: #336A9B; line-height: 27px; margin: 0; padding: 0; width: 100%; font-size: 18px; font-size: 1.125rem; } .bg--form .seleccion__cifra .cifra__moneda { color: #9B9B9B; float: left; } .bg--form .seleccion__fondo { color: #336A9B; line-height: 27px; margin: 0; padding-left: 17px; font-size: 14px; font-size: 0.875rem; } .bg--form.login { width: 60%; margin: 1em auto 2em; } .bg--form2 { border: 1px solid #e0e0e0; border-radius: 6px; padding: 1em 1.5em; margin-bottom: 1em; } .bg--form2.bg--disabled { background-color: rgba(240, 242, 245, 0.8); border: 0px solid #e0e0e0; padding-top: 1.5em; } /* inputs */ ._md-datepicker-floating-label > label:not(.md-no-float):not(._md-container-ignore) { width: calc(100% - 29px); } .md-icon-button + .md-datepicker-input-container { margin-left: 1px; } md-datepicker[disabled] .md-datepicker-input-container { width: 100%; } md-input-container.input--checkTitulos { margin: 2em 0px; } md-input-container.form { border: 2px solid #FFFFFF; border-radius: 4px; background-color: #FFFFFF; height: 55px; padding: 0; box-sizing: border-box; width: 100%; color: #536374; text-align: left; margin-bottom: 15px; margin-top: 10px; font-size: 14px; font-size: 0.875rem; } md-input-container.form.md-input-has-placeholder { color: #222222 !important; } md-input-container.form.search { background-color: transparent; border: 0px solid #F0F2F5; height: inherit; } md-input-container.form.search.md-input-focused { border-color: transparent; border-width: 0; } md-input-container.form.search.md-default-theme .md-input, md-input-container.form.search .md-input { border-color: transparent; padding-left: 7px; padding-right: 7px; margin-top: 3px; background-color: #FFFFFF; border-radius: 2px; } md-input-container.form.search label:not(._md-container-ignore) { bottom: 100%; left: 3px; padding-top: 0; } md-input-container.form.search.md-input-focused label:not(.md-no-float), md-input-container.form.search.md-input-has-placeholder label:not(.md-no-float), md-input-container.form.search.md-input-has-value label:not(.md-no-float) { -webkit-transform: translate3d(0, 3px, 0) scale(0.9); transform: translate3d(0, 3px, 0) scale(0.9); color: #FFFFFF; left: 0; } md-input-container.form.search md-select { height: 30px; background-color: #FFFFFF; border-radius: 2px; margin-top: 3px; } md-input-container.form.search.md-input-has-value md-select ._md-select-value { padding-top: 0; } md-input-container.form.search.md-input-has-value ._md-select-value span:not(._md-select-icon) { -webkit-transform: translate3d(2px, 0, 0); transform: translate3d(2px, 0, 0); } md-input-container.form.search md-select ._md-select-value._md-select-placeholder { color: inherit; } md-input-container.form.search md-select.md-default-theme ._md-select-value, md-input-container.form.search md-select ._md-select-value { border-bottom-color: transparent; } md-input-container.form.search.md-input-focused:not(.md-input-has-value) md-select.md-default-theme ._md-select-value._md-select-placeholder, md-input-container.form.search.md-input-focused:not(.md-input-has-value) md-select ._md-select-value._md-select-placeholder { color: #FFFFFF; } md-input-container.form.search.md-input-focused:not([md-no-float]) ._md-select-placeholder span:first-child { transform: translateY(-26px) translateX(-2px) scale(0.9); } md-input-container.form.search .md-errors-spacer { min-height: 0px; } md-input-container.form .input--text_monto { font-size: 16px; font-size: 1rem; text-align: right; } md-input-container.form.h--marginTopinput { margin-top: 1em; } md-input-container.form .dropdowns--icon { color: #536374; } md-input-container.form.ayuda--buscador { border: 2px solid #336A9B; border-radius: 4px; } md-input-container.form.input--sinbg { border: 0px solid #b3b3b3; background-color: transparent; } md-input-container.form .md-input, md-input-container.form label, md-input-container.form md-select { font-size: 14px; font-size: 0.875rem; line-height: 21px; } md-input-container.form .md-input-messages-animation { height: auto; min-width: 1px; top: 5px; } md-input-container.form .md-input-messages-animation.message-select { top: 2px; } md-input-container.form.md-default-theme .md-input, md-input-container.form .md-input { border-color: transparent; padding-left: 8px; padding-right: 8px; margin-top: 20px; } md-input-container.form label:not(._md-container-ignore).md-required:after, md-input-container.form:not(.md-input-has-value) md-select.ng-required ._md-select-value span:first-child:after, md-input-container.form:not(.md-input-has-value) md-select[required] ._md-select-value span:first-child:after { content: ''; font-size: 13px; vertical-align: top; } md-input-container.form.input--table { border: 2px solid #d3d7e1; margin: 0; height: 33px; } md-input-container.form.input--table .table--content { text-align: right; margin-top: 0; } md-input-container.form.input--table.md-input-focused { border-color: #5BABBF; border-width: 2px; } md-input-container.form.md-input-has-value md-select ._md-select-value { padding-top: 7px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } md-input-container.form .md-input-message-animation, md-input-container.form md-input-container .md-char-counter { font-size: 12px; line-height: 14px; overflow: hidden; transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); opacity: 1; margin-top: 0; padding-top: 0; } md-input-container.form.md-default-theme:not(.md-input-invalid).md-input-focused .md-input, md-input-container.form:not(.md-input-invalid).md-input-focused .md-input { border-color: transparent; } md-input-container.form .md-input.ng-invalid.ng-dirty, md-input-container.form.md-input-resized .md-input { padding-bottom: 0; border-width: 0 0 2px 0; height: 35px; } md-input-container.form.md-input-focused:not(.md-input-has-value) md-select.md-default-theme ._md-select-value._md-select-placeholder, md-input-container.form.md-input-focused:not(.md-input-has-value) md-select ._md-select-value._md-select-placeholder { color: #5BABBF; } md-input-container.form .form--label { color: #5BABBF !important; } md-input-container.form.icon { margin-bottom: 1em; } md-input-container.form.icon md-icon { top: 15px; left: 8px; color: #536374; } md-input-container.form.icon.md-default-theme .md-input, md-input-container.form.icon .md-input, md-input-container.form.icon .md-input { padding-left: 5px; color: #222222; position: relative; left: 35px; width: 86%; top: 0; } md-input-container.form.icon label:not(._md-container-ignore) { bottom: 83%; left: 38px; padding-top: 10px; } md-input-container.form.icon .md-input.ng-invalid.ng-dirty, md-input-container.form.icon.md-input-resized .md-input { top: -4px; } md-input-container.form.icon:not(.md-input-invalid).md-input-focused md-icon { color: #519CAD; } md-input-container.form.md-datepicker-input-container, md-input-container.form .md-icon-button + .md-datepicker-input-container { width: 83%; } md-input-container.form .md-datepicker-triangle-button.md-button.md-icon-button { top: 16px; } ._md-datepicker-floating-label > md-datepicker .md-datepicker-button { margin-top: 6.5px; margin-right: 3px; width: 13%; } .checkbox { margin-top: 9px; margin-left: 9px; margin-bottom: 10px; } .checkbox .checkbox--middle { margin-top: 16px; } .checkbox ._md-label { vertical-align: sub; } /* selects */ md-select.select.md-default-theme.ng-invalid.ng-touched ._md-select-value, md-select.select.md-default-theme.ng-invalid.ng-touched ._md-select-value, md-select.select.ng-invalid.ng-touched ._md-select-value, md-select.select.ng-invalid.ng-touched ._md-select-value { color: #536374 !important; border-bottom-color: transparent !important; } md-select.select.md-default-theme.ng-invalid.ng-touched ._md-select-value, md-select.select.ng-invalid.ng-touched ._md-select-value { border-width: 0px; } md-select.select.md-default-theme:not([disabled]):focus ._md-select-value { border: 1px solid #656565; } md-select.select:not([disabled]):focus ._md-select-value { border-width: 1px; border-color: transparent; } md-select.select.md-default-theme ._md-select-value, md-select.select ._md-select-value { border-width: 0px; padding-left: 9px; } md-select.select.ng-required.ng-invalid ._md-select-value span:first-child:after, md-select.select[required].ng-invalid ._md-select-value span:first-child:after { content: ''; font-size: 13px; vertical-align: top; } md-select.select ._md-select-value._md-select-placeholder, md-select.select.md-default-theme ._md-select-value._md-select-placeholder { padding-left: 6px; } md-select.select .md-select-value.md-select-placeholder { color: rgba(0, 0, 0, 0.7); } md-select.select:not([disabled]):focus .md-select-value { border-color: #5BABBF; } md-select.select.md-default-theme[disabled] ._md-select-value, md-select.select md-select[disabled] ._md-select-value { background-image: none; border-color: rgba(0, 0, 0, 0.12); } md-select.select[disabled] ._md-select-value { background-image: none; } md-select.select.md-default-theme[disabled] ._md-select-value, md-select.select[disabled] ._md-select-value { color: #222222; } md-select.select.md-default-theme ._md-select-value._md-select-placeholder, md-select.select ._md-select-value._md-select-placeholder { color: inherit; } md-switch { margin: 0 0; } md-sidenav.md-sidenav-right.position--right._md-closed.ng-isolate-scope._md._md-locked-open { position: fixed; top: 0; right: 0; left: inherit; } md-input-container.lineaGris { border-color: #eaedf1; } /* INICIO FORM ENCUESTA */ md-input-container.form--encuesta { /* INICIO FORM SELECTOR */ /* FIN FORM SELECTOR */ /* INICIO FORM INPUT */ /* FIN FORM INPUT */ /* INICIO RADIO BUTTON */ /* FIN RADIO BUTTON */ /* INICIO NGMESSAGE */ /* FIN NGMESSAGE */ } md-input-container.form--encuesta.md-input-has-value label:not(.md-no-float) { display: none; } md-input-container.form--encuesta.md-input-has-value ._md-select-value span:not(._md-select-icon) { font-size: 22px; -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } md-input-container.form--encuesta.md-input-has-value ._md-select-value span:not(._md-select-icon) ._md-text span { font-size: 18px; padding: 0 0.5em; opacity: 0.70; } md-input-container.form--encuesta .md-input { height: auto; margin: 0; padding-top: 0.5em; font-size: 22px; } md-input-container.form--encuesta label:not(._md-container-ignore) { font-size: 22px; bottom: 60%; } md-input-container.form--encuesta md-radio-button { margin-right: 1.5em; } md-input-container.form--encuesta .md-input-messages-animation { top: 16px !important; } /* INICO FORM 50% */ md-input-container.form--50 { width: 50%; height: 55px; display: inline-block; float: left; margin-top: 10px; margin-bottom: 15px; text-align: center; } md-input-container.form--50 .md-input-messages-animation { width: 200%; text-align: left; } .form--50label { width: 50%; height: 55px; line-height: 55px; display: inline-block; margin-bottom: 15px; margin-top: 10px; } .form--50label h2 { line-height: inherit; } /* FIN FORM 50% */ /* FIN FORM ENCUESTA */ @media (min-width: 992px) and (max-width: 1199px) { md-input-container.form.md-datepicker-input-container, md-input-container.form .md-icon-button + .md-datepicker-input-container { width: 82%; } .contenedorBuscador--ffmm .margen--buscador .buscador--boton { margin-top: 0.5em; } } @media (max-width: 767px) { .bg--form { padding-top: 0.4em; padding-left: 1em; padding-right: 1em; padding-bottom: 1em; margin-left: 0; margin-right: 0; margin-bottom: 1em; } .bg--form.login { width: 90%; padding-top: 0.8em; padding-bottom: 0.8em; } .contenedorBuscador--ffmm .margen--buscador .buscador--boton { padding-top: 2.5em !important; padding-bottom: 0.5em; } md-input-container.input--checkTitulos { margin-top: 0.3em; } md-input-container.form.radiobutton md-radio-button { margin-right: 1.5em; } .bg--form2 { padding-bottom: 0; } } @media all and (max-width: 480px) { md-input-container.form.form--encuesta.md-input-has-value ._md-select-value span:not(._md-select-icon) ._md-text span { display: none; } } /* Timeline premios, efectos */ .timeline ul li .timeline--bullet { transition: background 0.5s ease-in-out; border: 3px solid #5BABBF; } .timeline ul li.in-view .timeline--bullet { border: 3px solid #5BABBF; } .timeline ul li div { visibility: hidden; opacity: 0; transition: all 0.5s ease-in-out; } .timeline ul li:nth-child(odd) div { transform: translate3d(200px, 0, 0); } .timeline ul li:nth-child(even) div { transform: translate3d(-200px, 0, 0); } .timeline ul li.in-view div { transform: none; visibility: visible; opacity: 1; } .contenedorVentajas { overflow: hidden; margin: 0 auto; padding: 0.5em 0; text-align: center; } .contenedorVentajas .ban-col-md-3 { width: 24%; display: inline-block; vertical-align: middle; float: none; } .items--caja, .items--cajaDirectorio, .items--cajaCuota { background: #FFFFFF; position: relative; text-align: center; padding: 10px; height: 290px; margin: 0 auto 30px; border-radius: 6px; -webkit-box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.14); box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.14); line-height: 1.3em; box-sizing: border-box; overflow: hidden; } .items--caja.h--bgGray, .h--bgGray.items--cajaDirectorio, .h--bgGray.items--cajaCuota { -webkit-box-shadow: inherit; -moz-box-shadow: inherit; box-shadow: inherit; background: #F0F2F5; margin: 0 auto 1.2em; height: 230px; } .items--caja.sinborde, .sinborde.items--cajaDirectorio, .sinborde.items--cajaCuota { border: none; background: none; box-shadow: none; height: auto; } .items--caja.large, .large.items--cajaDirectorio, .large.items--cajaCuota { min-height: 546px !important; } .items--caja.perfilOpinion, .perfilOpinion.items--cajaDirectorio, .perfilOpinion.items--cajaCuota { height: 220px !important; } .items--caja.caja-size, .caja-size.items--cajaDirectorio, .caja-size.items--cajaCuota { height: 220px !important; } .items--caja.caja--auto, .caja--auto.items--cajaDirectorio, .caja--auto.items--cajaCuota { height: auto; min-height: unset; overflow: hidden; } .items--caja.caja--xs, .caja--xs.items--cajaDirectorio, .caja--xs.items--cajaCuota { min-height: 55px; height: 55px; padding: 0; margin-bottom: 0.5em; overflow: visible; box-shadow: none; } .items--caja.caja--s, .caja--s.items--cajaDirectorio, .caja--s.items--cajaCuota { min-height: 96px; height: 96px; } .items--caja.caja--m, .caja--m.items--cajaDirectorio, .caja--m.items--cajaCuota { min-height: 180px; height: 180px; } .items--caja.caja--l, .caja--l.items--cajaDirectorio, .caja--l.items--cajaCuota { min-height: 240px; height: 240px; overflow: hidden; } .items--caja.caja--xl, .caja--xl.items--cajaDirectorio, .caja--xl.items--cajaCuota { min-height: 300px; height: 300px; } .items--caja.large, .large.items--cajaDirectorio, .large.items--cajaCuota { min-height: 546px !important; } .items--caja.sinborde, .sinborde.items--cajaDirectorio, .sinborde.items--cajaCuota { border: none; background: none; box-shadow: none; height: auto; } .items--caja.perfilOpinion, .perfilOpinion.items--cajaDirectorio, .perfilOpinion.items--cajaCuota { height: 220px !important; } .items--caja.caja-size, .caja-size.items--cajaDirectorio, .caja-size.items--cajaCuota { height: 220px !important; } .items--caja.caja--color .caja--subtitulo, .caja--color.items--cajaDirectorio .caja--subtitulo, .caja--color.items--cajaCuota .caja--subtitulo, .items--caja.caja--color .caja--subtituloDirectorio, .caja--color.items--cajaDirectorio .caja--subtituloDirectorio, .caja--color.items--cajaCuota .caja--subtituloDirectorio { font-size: 18px; font-size: 1.125rem; font-family: 'robotoregular'; } .items--caja.caja--color .caja--texto, .caja--color.items--cajaDirectorio .caja--texto, .caja--color.items--cajaCuota .caja--texto, .items--caja.caja--color .caja--textoDirectorio, .caja--color.items--cajaDirectorio .caja--textoDirectorio, .caja--color.items--cajaCuota .caja--textoDirectorio { font-family: 'robotoregular'; } .items--caja.caja--color .boton--caja, .caja--color.items--cajaDirectorio .boton--caja, .caja--color.items--cajaCuota .boton--caja { position: absolute; bottom: 0px; left: 0px; width: 100%; } .items--caja.caja--color .boton--caja .md-button.boton--primario, .caja--color.items--cajaDirectorio .boton--caja .md-button.boton--primario, .caja--color.items--cajaCuota .boton--caja .md-button.boton--primario { min-height: 50px; line-height: 50px; border-radius: 0 0 4px 4px; } .items--caja.caja--resultadoTransparente, .caja--resultadoTransparente.items--cajaDirectorio, .caja--resultadoTransparente.items--cajaCuota { background: rgba(0, 0, 0, 0.3); box-shadow: inset 0px 0px 0px 2px #FFC80A; } .items--caja.caja--resultadoTransparente p, .caja--resultadoTransparente.items--cajaDirectorio p, .caja--resultadoTransparente.items--cajaCuota p, .items--caja.caja--resultadoTransparente h1, .caja--resultadoTransparente.items--cajaDirectorio h1, .caja--resultadoTransparente.items--cajaCuota h1, .items--caja.caja--resultadoTransparente h2, .caja--resultadoTransparente.items--cajaDirectorio h2, .caja--resultadoTransparente.items--cajaCuota h2, .items--caja.caja--resultadoTransparente h3, .caja--resultadoTransparente.items--cajaDirectorio h3, .caja--resultadoTransparente.items--cajaCuota h3, .items--caja.caja--resultadoTransparente h4, .caja--resultadoTransparente.items--cajaDirectorio h4, .caja--resultadoTransparente.items--cajaCuota h4, .items--caja.caja--resultadoTransparente h5, .caja--resultadoTransparente.items--cajaDirectorio h5, .caja--resultadoTransparente.items--cajaCuota h5, .items--caja.caja--resultadoTransparente h6, .caja--resultadoTransparente.items--cajaDirectorio h6, .caja--resultadoTransparente.items--cajaCuota h6, .items--caja.caja--resultadoTransparente span, .caja--resultadoTransparente.items--cajaDirectorio span, .caja--resultadoTransparente.items--cajaCuota span { color: #FFFFFF; } .items--caja .caja--titulo, .items--cajaDirectorio .caja--titulo, .items--cajaCuota .caja--titulo { width: 100%; min-height: 56px; box-sizing: border-box; display: table; } .items--caja .caja--titulo h1, .items--cajaDirectorio .caja--titulo h1, .items--cajaCuota .caja--titulo h1, .items--caja .caja--titulo h2, .items--cajaDirectorio .caja--titulo h2, .items--cajaCuota .caja--titulo h2, .items--caja .caja--titulo h3, .items--cajaDirectorio .caja--titulo h3, .items--cajaCuota .caja--titulo h3, .items--caja .caja--titulo h4, .items--cajaDirectorio .caja--titulo h4, .items--cajaCuota .caja--titulo h4, .items--caja .caja--titulo h5, .items--cajaDirectorio .caja--titulo h5, .items--cajaCuota .caja--titulo h5, .items--caja .caja--titulo h6, .items--cajaDirectorio .caja--titulo h6, .items--cajaCuota .caja--titulo h6, .items--caja .caja--titulo p, .items--cajaDirectorio .caja--titulo p, .items--cajaCuota .caja--titulo p { display: table-cell; text-align: center; vertical-align: middle; } .items--caja .caja--header, .items--cajaDirectorio .caja--header, .items--cajaCuota .caja--header { width: 100%; min-height: 56px; box-sizing: border-box; } .items--caja .caja--footer, .items--cajaDirectorio .caja--footer, .items--cajaCuota .caja--footer { width: 100%; display: block; position: absolute; bottom: 0; overflow: hidden; margin: -10px 0 0; padding: 10px; background: #FFFFFF; } .items--caja .caja--footer .caja--footerTexto, .items--cajaDirectorio .caja--footer .caja--footerTexto, .items--cajaCuota .caja--footer .caja--footerTexto { text-align: left; } .items--caja .caja--inputsContenedor, .items--cajaDirectorio .caja--inputsContenedor, .items--cajaCuota .caja--inputsContenedor { width: 100%; min-height: 96px; box-sizing: border-box; display: table; } .items--caja .caja--inputsContenedor .caja--inputsCentrado, .items--cajaDirectorio .caja--inputsContenedor .caja--inputsCentrado, .items--cajaCuota .caja--inputsContenedor .caja--inputsCentrado { display: table-cell; text-align: center; vertical-align: middle; } .items--caja p, .items--cajaDirectorio p, .items--cajaCuota p { color: #536374; text-align: center; line-height: 1.3em; padding: 0 0.5em; font-size: 14px; font-size: 0.875rem; font-family: 'robotolight'; } .items--caja .caja--subtitulo, .items--cajaDirectorio .caja--subtitulo, .items--cajaCuota .caja--subtitulo, .items--caja .caja--subtituloDirectorio, .items--cajaDirectorio .caja--subtituloDirectorio, .items--cajaCuota .caja--subtituloDirectorio { color: #519CAD; margin: 10px 0; text-align: center; font-size: 16px; font-size: 1rem; max-height: 2.6em; overflow: hidden; padding: 0 1em; } .items--caja .caja--subtituloDirectorio, .items--cajaDirectorio .caja--subtituloDirectorio, .items--cajaCuota .caja--subtituloDirectorio { color: #536374; text-transform: uppercase; font-size: 14px; font-size: 0.875rem; } .items--caja .caja--textoDirectorio, .items--cajaDirectorio .caja--textoDirectorio, .items--cajaCuota .caja--textoDirectorio { font-family: 'robotolight'; font-size: 14px; font-size: 0.875rem; } .items--caja .contenedor-cuota, .items--cajaDirectorio .contenedor-cuota, .items--cajaCuota .contenedor-cuota { padding: 5px 0; margin: 10px 0; width: 100%; background: #F0F2F5; } .items--caja .caja--textoCuota, .items--cajaDirectorio .caja--textoCuota, .items--cajaCuota .caja--textoCuota { font-family: 'robotoregular'; font-size: 14px; font-size: 0.875rem; line-height: 16px !important; } .items--caja .caja--textoValor, .items--cajaDirectorio .caja--textoValor, .items--cajaCuota .caja--textoValor { font-family: 'robotolight'; font-size: 14px; font-size: 0.875rem; line-height: 16px !important; } .items--caja .botones-cajaDepto, .items--cajaDirectorio .botones-cajaDepto, .items--cajaCuota .botones-cajaDepto { bottom: 10px; left: 0; right: 0; margin: 0 15px; text-align: center; position: absolute; } .items--caja .botones-cajaDepto .md-primary, .items--cajaDirectorio .botones-cajaDepto .md-primary, .items--cajaCuota .botones-cajaDepto .md-primary { color: #336A9B !important; } .items--caja .botones-cajaDepto i, .items--cajaDirectorio .botones-cajaDepto i, .items--cajaCuota .botones-cajaDepto i { font-size: 18px; font-size: 1.125rem; } .items--caja .botones-cajaDepto .md-button[disabled], .items--cajaDirectorio .botones-cajaDepto .md-button[disabled], .items--cajaCuota .botones-cajaDepto .md-button[disabled] { color: rgba(0, 0, 0, 0.38) !important; cursor: default; } .items--caja .caja--icono.perfilOpinion--foto, .items--cajaDirectorio .caja--icono.perfilOpinion--foto, .items--cajaCuota .caja--icono.perfilOpinion--foto { height: 42px; } .items--caja .caja--redes, .items--cajaDirectorio .caja--redes, .items--cajaCuota .caja--redes { height: 15px; margin-top: 1em; } .items--caja .items--contenedor, .items--cajaDirectorio .items--contenedor, .items--cajaCuota .items--contenedor { min-height: 100%; } .items--caja .items--contenedor .caja--subtitulo, .items--cajaDirectorio .items--contenedor .caja--subtitulo, .items--cajaCuota .items--contenedor .caja--subtitulo, .items--caja .items--contenedor .caja--subtituloDirectorio, .items--cajaDirectorio .items--contenedor .caja--subtituloDirectorio, .items--cajaCuota .items--contenedor .caja--subtituloDirectorio { text-align: center; max-height: 2.6em; overflow: hidden; } .items--caja .items--contenedor p, .items--cajaDirectorio .items--contenedor p, .items--cajaCuota .items--contenedor p { max-height: 5.2em; overflow: hidden; } .caja--destacada { box-shadow: inset 0px 0px 0px 3px #FFC80A; } .caja--directorio { text-align: left; color: #99A7B6; } .caja--directorio .material-icons { float: left; font-size: 1.2em; position: relative; } .caja--directorio .caja--textoDirectorio { text-align: left; margin-left: 2.5em; } .items--cajaDirectorio { height: auto; } .items--cajaDirectorio.cajaSmall { height: 160px; } .items--cajaDirectorio.cajaPerfil hr { border: 0.5px solid #CCD1D9; } .items--cajaDirectorio.cajaPerfil p { margin: 0 !important; text-align: left; } .items--cajaDirectorio.cajaPerfil p.caja--subtitulo, .items--cajaDirectorio.cajaPerfil p.caja--subtituloDirectorio { font-size: 16px; } .items--cajaDirectorio.cajaPerfil p.caja--textoDirectorio { font-size: 14px; color: #687C92; } .items--cajaDirectorio.cajaPerfil p.caja--Descripcion { font-size: 12px; } .items--cajaCuota { height: auto; } .items--cajaCuota .linkedin-logo { margin: 0 5px; } .sliderBienvenida { margin: 0; min-height: 240px; /*Posicion de flechas sliderOpinion*/ } .sliderBienvenida .swiper-container { background-color: #fff; } .sliderBienvenida .sliderCards .swiper-container .swiper-button-next { top: 50%; } .sliderBienvenida .sliderCards .swiper-container .swiper-button-prev { top: 50%; } .sliderBienvenida .caja--texto, .sliderBienvenida .items--caja .caja--textoDirectorio, .items--caja .sliderBienvenida .caja--textoDirectorio, .sliderBienvenida .items--cajaDirectorio .caja--textoDirectorio, .items--cajaDirectorio .sliderBienvenida .caja--textoDirectorio, .sliderBienvenida .items--cajaCuota .caja--textoDirectorio, .items--cajaCuota .sliderBienvenida .caja--textoDirectorio { color: #536374; } .sliderBienvenida .caja--subtitulo, .sliderBienvenida .items--caja .caja--subtituloDirectorio, .items--caja .sliderBienvenida .caja--subtituloDirectorio, .sliderBienvenida .items--cajaDirectorio .caja--subtituloDirectorio, .items--cajaDirectorio .sliderBienvenida .caja--subtituloDirectorio, .sliderBienvenida .items--cajaCuota .caja--subtituloDirectorio, .items--cajaCuota .sliderBienvenida .caja--subtituloDirectorio { color: #4A4A4A; } .sliderBienvenida .contenedor--textoSlider { min-height: 140px; } .sliderBienvenida .contenedor--textoSlider p { line-height: 1.5em; font-family: 'robotolight'; font-size: 14px; } .sliderBienvenida .asideClose { margin-right: 0 !important; } .buscador--input-b { margin: 0; } .buscador--input-b i { color: #FFFFFF; float: right; } .buscador--input-b label.ng-scope { padding-left: 0; color: #FFFFFF; padding-bottom: 5px; font-size: 14px; margin-left: 0.0625em; } .holder--buscar { color: #FFFFFF !important; } .boton-borde-azul { border: 1px solid #285B9C; } .modulosInfo { margin-top: 1.5em; position: relative; } .modulosInfo .modulosInfo--imagen { margin-bottom: 1em; height: 182px; display: block; overflow: hidden; } .modulosInfo .modulosInfo--texto { height: 87px; background-color: #FFFFFF; padding-bottom: 1em; top: 85px; position: absolute; margin-left: 3%; width: 85%; } .modulosInfo .modulosInfo--texto p { padding: 1em 2em 1; line-height: 1.5em; font-family: 'robotoregular'; font-size: 14px; font-size: 0.875rem; } .modulosInfo .modulosInfo--texto p.leer--mas { padding-top: 0.5em; display: inline-block; } .modulosInfo .modulosInfo--texto p.leer--mas.link span { color: #5BABBF; font-weight: normal; line-height: 1.5em; text-align: justify; font-size: 12px; font-size: 0.75rem; outline: none; vertical-align: super; } /*Inicio Home ffmm */ .contenedorVideo .contenedorVideo--imagen { background-color: grey; height: 250px; overflow: hidden; border-radius: 4px; } .contenedorVideo .contenedorVideo--imagen img { width: 100%; } .contenedorVideo .contenedorVideo--Texto { min-height: 200px; } .contenedorVideo .contenedorVideo--Texto p { line-height: 1.5em; font-family: 'robotolight'; font-size: 14px; padding-top: 1em; padding-right: 1em; text-align: justify; } .contenedorVideo .contenedorVideo--Texto p br { display: block; margin: 5px 0 !important; } .contenedorVideo .subtitulo--subseccion { font-size: 18px; font-size: 1.125rem; } .contenedorImagen { width: 100%; height: 220px; padding: 0; margin: 0; border-radius: 4px; } .contenedorImagen .contenedorImagen--titulo { width: 90%; margin-left: 20px; padding-top: 120px; text-align: left; width: 100%; color: #fff; font-size: 20px; font-size: 1.25rem; } .contenedorImagen .contenedorImagen-texto { width: 90%; margin-left: 20px; padding: 10px 0 0; color: #fff; text-align: left; font-size: 14px; font-size: 0.875rem; font-family: 'robotolight'; } .contenedorImagen.imagen--texto01 { background-image: url("../images/simultanea.jpg"); background-repeat: no-repeat; background-position: top center; background-size: cover; } .contenedorImagen.imagen--texto02 { background-image: url("../images/ventacorta.jpg"); background-repeat: no-repeat; background-position: top center; background-size: cover; } .contenedorImagen.imagen--texto03 { background-image: url("../images/forward.jpg"); background-repeat: no-repeat; background-position: top center; background-size: cover; } .contenedorImagen.imagen--texto04 { background-image: url("../images/_mercadoExtrajero-2.jpg"); background-repeat: no-repeat; background-position: top center; background-size: cover; } .contenedorImagen.imagen--texto05 { background-image: url("../images/_mercadoExtrajero-3.jpg"); background-repeat: no-repeat; background-position: top center; background-size: cover; } .contenedorImagen.imagen--textoRentaFija { background-image: url("../images/sitio_publico/home/renta-fija.png"); background-repeat: no-repeat; background-position: top center; background-size: cover; } .h--salto-texto br { display: block; margin: 10px 0 !important; } .resumen--ventajas { height: 300px; } .contenedorContacto { height: 300px; width: 100%; position: relative; } .contenedorContacto .contacto--imagen { background-color: #404654; height: 300px; width: 100%; } .contenedorContacto .contacto--imagen img { width: 100%; } .contenedorContacto .contacto--texto { font-size: 22px; font-size: 1.375rem; color: #FFFFFF; position: absolute; top: -180px; left: 20%; margin-right: 15%; line-height: 1.2em; } .contenedorContacto .contacto--boton { position: relative; top: -130px; margin-left: 20%; } /*Fin Home ffmm */ .fondos--home--publico .fondos--home--banner { height: 62px; background-image: url("../images/sitio_publico/home/banner_acciones.png"); color: #FFFFFF; position: relative; } .fondos--home--publico .fondos--home--banner h2 { height: 36px; width: 50%; font-size: 16px; font-size: 1rem; background-color: #336A9B; position: absolute; margin-top: 40px; margin-left: 15px; line-height: 2em; padding-left: 1em; } .fondos--home--publico .fondos--home--contenido p { line-height: 1.5em; } /*Inicio progress step*/ .cajasContainer--step { border-radius: 4px; height: auto; margin-bottom: 2em; } .cajasContainer--step .cajas-informacion { width: 100%; z-index: 2; margin-left: -2%; } .cajasContainer--step .cajas--imagen { border-radius: 4px; overflow: hidden; position: relative; } .cajasContainer--step .cajas--linea { clear: both; } .cajasContainer--step .cajas--linea .caja--altura { height: auto; width: 100%; } .cajasContainer--step .cajas--linea .caja--altura .paso { font-size: 32px; color: #9CAFC3; text-align: center; } .cajasContainer--step .cajas--linea .caja--altura .paso .caja--icono { background-color: #fff; } .cajasContainer--step .cajas--linea .linea--step { width: 77%; position: absolute; margin-top: 6em; border-bottom: 1px solid #5BABBF; margin-left: 10%; } /*Fin progress step*/ .caja--altura .items--caja .caja--icono, .caja--altura .items--cajaDirectorio .caja--icono, .caja--altura .items--cajaCuota .caja--icono { background-color: #fff; } .contenedor--cajasLinea .cajas--linea .linea--step { width: 77%; position: absolute; margin-top: 6em; border-bottom: 1px solid #519CAD; margin-left: 10%; } #container { height: 500px; min-width: 310px; max-width: 800px; margin: 0 auto; } .loading { margin-top: 10em; text-align: center; color: gray; } .valor--td__variacion { width: 80px; } .portada--fondoFull .portada--texto { top: 70px !important; bottom: 60px !important; left: 3% !important; right: 3% !important; box-shadow: none !important; } table.tableContenido { width: 100%; border-collapse: collapse; border-spacing: 0; border: none !important; } table.tableContenido .scroll { height: 270px; overflow: scroll; } .tabla--docLegales .info--tab { width: 96%; text-align: left; padding: 0.7em; vertical-align: middle; } .tabla--docLegales .info--tab .info--titulos { font-size: 14px; font-size: 0.875rem; } .tabla--docLegales .info--tab .info--descripcion { font-size: 14px; font-size: 0.875rem; font-family: 'robotolight'; } .listadoLinks .contenidoDesplegable .info__detalle i { color: #519CAD; font-size: 16px; vertical-align: top; } .listadoLinks .contenidoDesplegable .info__detalle a { color: #519CAD; font-size: 14px; font-size: 0.875rem; } .listadoLinks .contenidoDesplegable .info__detalle a:visited { color: #519CAD; } .informateDepto { background-position: center; background-size: cover; } .informateDepto .items--cajaDepto { height: 230px; } .informateDepto .items--cajaDepto .caja--textoDirectorio { min-height: 30px; } .informateDepto .items--cajaDepto .botones-caja .md-button { color: #536374 !important; } .informateDepto .items--cajaDepto .botones-caja .md-button:visited { color: #536374; } .contenedorMapa { height: 401px; width: 100%; background-color: #494B4D; position: relative; overflow: hidden; } .contenedorMapa img { width: 100%; } .infoWindow { position: absolute; width: 236px; top: 40px; left: 600px; line-height: 1em; } .infoWindow .titulo { background-color: #494B4D; opacity: 0.8; text-align: left; color: #FFFFFF; height: 26px; font-size: 14px; font-size: 0.875rem; } .infoWindow .titulo p { width: 100%; margin-left: 1.2em; padding-top: 5px; font-weight: bold; } .infoWindow .titulo i { margin: -0px 0 !important; color: white !important; margin-left: 15px !important; } .infoWindow .info { position: absolute; width: 236px; background-color: #FFFFFF; height: 190px; font-size: 12px; font-size: 0.75rem; } .infoWindow .info md-divider p { margin-left: 0; } .infoWindow .info md-divider i { color: #5BABBF; } .depto--seccion { height: auto; width: 100%; border-radius: 4px; background-color: #333333; color: #ffffff; text-align: left; display: flex; align-items: center; padding: 35px 0; margin: 0; } .depto--seccion .depto--imagen, .depto--seccion .depto--texto { display: inline-block; } .depto--seccion .depto--portada p { line-height: 1.6; } .depto--seccion .depto--texto { line-height: 1.5; text-align: left; margin-left: 3em; font-size: 1em; } .depto--seccion .depto--texto .depto--titulo { font-size: 20px; font-size: 1.25rem; color: #519CAD; } .depto--seccion .depto--texto p { text-align: left; } .informateDepto { background-position: center; background-size: cover; } .items--cajaDepto { height: 250px; } .items--cajaDepto .caja--textoDirectorio { min-height: 30px; } #scrollArea { height: 100%; overflow: auto; } #lugarMapa { display: block; } .cuadroFlotante a, .cuadroFlotanteP a { text-transform: uppercase; } .cuadroFlotante p, .cuadroFlotanteP p { text-align: center; font-size: 14px; font-size: 0.875rem; font-family: 'robotolight'; line-height: 1.6em; overflow: hidden; position: relative; margin-right: -1em; padding-right: 1em; } .contenedor--subtitulo { position: relative; } .contenedor--subtitulo.busqueda { margin-top: 0; margin-bottom: 5px; color: #5BABBF; } .contenedor--subtitulo p { overflow: hidden; text-align: center; font-family: 'robotolight'; font-size: 16px; font-size: 1rem; line-height: 1.2em; } /**MEDIA QUERIES**/ @media (min-width: 1200px) { .contenedorVideo--Texto p { max-height: 15em; overflow: hidden; } .subtitulos-centrados { line-height: 1.2em; max-height: 1.2em; overflow: hidden; } .caja--altura .items--contenedor .caja--texto, .caja--altura .items--contenedor .items--caja .caja--textoDirectorio, .items--caja .caja--altura .items--contenedor .caja--textoDirectorio, .caja--altura .items--contenedor .items--cajaDirectorio .caja--textoDirectorio, .items--cajaDirectorio .caja--altura .items--contenedor .caja--textoDirectorio, .caja--altura .items--contenedor .items--cajaCuota .caja--textoDirectorio, .items--cajaCuota .caja--altura .items--contenedor .caja--textoDirectorio { max-height: 3.9em; overflow: hidden; } .items--pilares .items--texto { max-height: 13em; overflow: hidden; } .tabla--docLegales .info--tab .info--descripcion { max-height: 10.5em; overflow: hidden; } } @media (max-width: 991px) { .homeInformate .contenedor--subtitulo p { max-height: 3.2em; } .items--caja.h--bgGray, .h--bgGray.items--cajaDirectorio, .h--bgGray.items--cajaCuota { height: auto; padding-bottom: 1.3em; } } @media (min-width: 992px) and (max-width: 1199px) { .titulo--publico { padding-top: 3em; } .monto--MX { width: 30% !important; } .timeline ul li:nth-child(even) div { left: -400px; top: 1%; } .timeline ul li .timeline--informacion { width: 50%; } .datos--MX { width: 6% !important; } .modulosInfo .modulosInfo--imagen { margin-bottom: 1em; } .modulosInfo .modulosInfo--texto { padding-bottom: 1em; top: 78px; position: absolute; margin-left: 3%; width: 85%; } .modulosInfo .modulosInfo--texto p { padding: 1em 2em 1; line-height: 1.5em; font-family: 'robotoregular'; font-size: 12px; font-size: 0.75rem; } .modulosInfo .modulosInfo--texto p.leer--mas { padding-top: 0.5em; display: inline-block; } .td_titular { width: 6% !important; } .valor--td__info { width: 6% !important; word-wrap: ellipsis; } .contenedorVentajas .items--caja, .contenedorVentajas .items--cajaDirectorio, .contenedorVentajas .items--cajaCuota { height: 300px; } } @media (min-width: 1199px) { .cuadroFlotante p { max-height: 4.8em; } .cuadroFlotanteP p { max-height: 3.2em; } .contenedor--subtitulo p { max-height: 1.6em; } .depto--portada p { max-height: 6.4em; overflow: hidden; } .contenedorVentajas p { max-height: 6.5em; overflow: hidden; } .monto--MX { width: 20% !important; } .tabla--AccionesPublico .td_titular { width: 7% !important; } .contenedor--textoSlider p { max-height: 7.5em; overflow: hidden; } } @media (max-width: 1199px) { img .h--hideMD { width: 20%; } .caja--altura .items--contenedor .caja--texto, .caja--altura .items--contenedor .items--caja .caja--textoDirectorio, .items--caja .caja--altura .items--contenedor .caja--textoDirectorio, .caja--altura .items--contenedor .items--cajaDirectorio .caja--textoDirectorio, .items--cajaDirectorio .caja--altura .items--contenedor .caja--textoDirectorio, .caja--altura .items--contenedor .items--cajaCuota .caja--textoDirectorio, .items--cajaCuota .caja--altura .items--contenedor .caja--textoDirectorio { max-height: 9.1em; overflow: hidden; } .contenedor--subtitulo p { max-height: 3.2em; } } @media (max-width: 991px) { .homeInformate .contenedor--subtitulo p { max-height: 11.2em; } .titulo--publico { padding-top: 3em; } .cajasContainer--step { min-height: 600px; } .linea--step { display: none; } /* Timeline Premios */ .timeline ul li { margin-left: 20px; } .timeline ul li .timeline--informacion { width: 35%; } .timeline ul li div { width: calc(100vw - 91px); } .timeline ul li:nth-child(even) div { left: 45px; } .timeline ul li:nth-child(even) div::before { left: -15px; border-width: 8px 16px 8px 0; border-color: transparent #F45B69 transparent transparent; } .tabla--AccionesPublico .td_iconos { width: 50% !important; } } @media (min-width: 768px) and (max-width: 991px) { .infoWindow { left: 45% !important; } .infoWindow .titulo { font-size: 12px; font-size: 0.75rem; } .infoWindow .titulo p { margin-left: 8%; } .titulo--publico { padding-top: 3em; } .modulosInfo .modulosInfo--imagen { margin-bottom: 1em; } .modulosInfo .modulosInfo--texto { height: 87px; background-color: #FFFFFF; padding-bottom: 1em; top: 87px; position: absolute; margin-left: 4%; width: 85%; } .modulosInfo .modulosInfo--texto p { padding: 1em 2em 0; line-height: 1.5em; font-family: 'robotoregular'; font-size: 14px; font-size: 0.875rem; } .modulosInfo .modulosInfo--texto p.leer--mas { padding-top: 0.5em; display: inline-block; } .modulosInfo .modulosInfo--texto p.leer--mas.link span { color: #5BABBF; font-weight: normal; line-height: 1.5em; text-align: justify; font-size: 12px; font-size: 0.75rem; outline: none; vertical-align: super; } .contenedorPortada--imagen .portada--fondoTexto { margin-left: 6%; } .contenedorPortada--imagen .portada--fondoTexto h3 { font-size: 20px; font-size: 1.25rem; margin-bottom: 18px; } .contenedorPortada--imagen .portada--boton { text-align: center; margin: 0 1em; } .depto--seccion .depto--imagen { text-align: right; } .contenedorVentajas .ban-col-md-3 { width: 50%; display: block; vertical-align: middle; float: left; } } @media all and (max-width: 767px) { .h--shadowBox:hover { box-shadow: 0 0 0 0 !important; -webkit-box-shadow: 0 0 0 0 !important; } .items--caja, .items--cajaDirectorio, .items--cajaCuota { background: #FFFFFF; position: relative; text-align: center; height: auto; } .items--caja .caja--icono, .items--cajaDirectorio .caja--icono, .items--cajaCuota .caja--icono { margin-top: 0 0 0 0 !important; } .items--caja .caja--texto, .items--cajaDirectorio .caja--texto, .items--cajaCuota .caja--texto, .items--caja .caja--textoDirectorio, .items--cajaDirectorio .caja--textoDirectorio, .items--cajaCuota .caja--textoDirectorio { margin-bottom: 5px; } .items--caja.caja--color .caja--subtitulo, .caja--color.items--cajaDirectorio .caja--subtitulo, .caja--color.items--cajaCuota .caja--subtitulo, .items--caja.caja--color .caja--subtituloDirectorio, .caja--color.items--cajaDirectorio .caja--subtituloDirectorio, .caja--color.items--cajaCuota .caja--subtituloDirectorio { font-size: 18px; font-size: 1.125rem; font-family: 'robotoregular'; } .items--caja.caja--color .caja--texto, .caja--color.items--cajaDirectorio .caja--texto, .caja--color.items--cajaCuota .caja--texto, .items--caja.caja--color .caja--textoDirectorio, .caja--color.items--cajaDirectorio .caja--textoDirectorio, .caja--color.items--cajaCuota .caja--textoDirectorio { font-family: 'robotoregular'; } .items--caja.caja--color .boton--caja, .caja--color.items--cajaDirectorio .boton--caja, .caja--color.items--cajaCuota .boton--caja { position: inherit; width: 100%; margin-top: 1em; margin-bottom: 1em; } .items--caja.caja--color .boton--caja .md-button.boton--primario, .caja--color.items--cajaDirectorio .boton--caja .md-button.boton--primario, .caja--color.items--cajaCuota .boton--caja .md-button.boton--primario { min-height: 40px; line-height: 40px; border-radius: 4px; } .items--caja.caja--xs, .caja--xs.items--cajaDirectorio, .caja--xs.items--cajaCuota { margin-bottom: 1em; } .cajaPerfil hr { display: none; } .cuadroFlotante p { max-height: 9.6em; } .cuadroFlotanteP p { max-height: 6.4em; } .contenedor--subtitulo p { max-height: 6.4em; } .depto--seccion { text-align: center; } .depto--seccion .depto--portada p { padding: 0 15px; } .depto--seccion .depto--texto { margin-left: 0; text-align: center; } .depto--seccion .depto--texto .border--titulo hr { width: 100% !important; } .depto--seccion .depto--imagen { text-align: center; } .infoWindow { left: 45% !important; } .infoWindow .titulo { font-size: 12px; font-size: 0.75rem; } .infoWindow .titulo p { margin-left: 8%; } .cajasContainer--step { min-height: auto; } .modulosInfo .modulosInfo--imagen { margin-bottom: 1em; } .modulosInfo .modulosInfo--texto { height: 87px; background-color: #FFFFFF; padding-bottom: 1em; top: 87px; position: absolute; margin-left: 4%; width: 85%; } .modulosInfo .modulosInfo--texto p { padding: 1em 2em 0; line-height: 1.5em; font-family: 'robotoregular'; font-size: 14px; font-size: 0.875rem; } .modulosInfo .modulosInfo--texto p.leer--mas { padding-top: 0.5em; display: inline-block; } .modulosInfo .modulosInfo--texto p.leer--mas.link span { color: #5BABBF; font-weight: normal; line-height: 1.5em; text-align: justify; font-size: 12px; font-size: 0.75rem; outline: none; vertical-align: super; } .sliderOpinion .contenedor--textoSlider { text-align: center; } .sliderOpinion { /*Posicion de flechas sliderOpinion*/ } .sliderOpinion .sliderCards .swiper-container .swiper-button-next { top: 100%; } .sliderOpinion .sliderCards .swiper-container .swiper-button-prev { top: 100%; } .contenedorPortada--imagen .ban-container { overflow: visible !important; } .contenedorPortada--imagen .portada--fondoTexto { margin-left: 0; } .contenedorPortada--imagen .portada--fondoTexto h3 { font-size: 20px; font-size: 1.25rem; margin-bottom: 18px; } .items--caja .caja--subtitulo, .items--cajaDirectorio .caja--subtitulo, .items--cajaCuota .caja--subtitulo, .items--caja .caja--subtituloDirectorio, .items--cajaDirectorio .caja--subtituloDirectorio, .items--cajaCuota .caja--subtituloDirectorio { height: auto !important; } .contenedorVentajas .ban-col-md-3 { width: 100%; display: block; vertical-align: middle; float: none; } } @media all and (max-width: 480px) { .contenedor--botones .boton2 { margin-bottom: 15px !important; } .items--caja .caja--footer, .items--cajaDirectorio .caja--footer, .items--cajaCuota .caja--footer { position: relative; padding: 1em 0; margin: 0.5em 0 -10px; } .items--caja .caja--footer .caja--footerTexto, .items--cajaDirectorio .caja--footer .caja--footerTexto, .items--cajaCuota .caja--footer .caja--footerTexto { padding: 0.5em; } .depto--seccion { text-align: center; } .depto--seccion .depto--portada p { padding: 0 15px; } .depto--seccion .depto--texto { margin-left: 0; } .depto--seccion .depto--imagen { text-align: center; } .timeline ul li:nth-child(odd) div { left: 25px; } .timeline ul li:nth-child(even) div { left: 25px; } .timeline ul li .timeline--imagen { width: 15%; } .infoWindow { left: 14% !important; } .infoWindow .titulo { font-size: 12px; font-size: 0.75rem; } .infoWindow .titulo p { margin-left: 8%; } .tabla--AccionesPublico .valor--td__info { padding-left: 0 !important; } .tabla--AccionesPublico .td_titular { width: 50% !important; } .tabla--AccionesPublico .td_iconos { width: 100% !important; } .tabla--AccionesPublico .contenido--monto { width: 100% !important; } .tabla--AccionesPublico .contenido--monto .datos--botones { width: 40% !important; } .modulosInfo .modulosInfo--imagen { margin-bottom: 1em; } .modulosInfo .modulosInfo--texto { height: 87px; background-color: #FFFFFF; padding-bottom: 1em; top: 87px; position: absolute; margin-left: 4%; width: 85%; } .modulosInfo .modulosInfo--texto p { padding: 1em 2em 0; line-height: 1.5em; font-family: 'robotoregular'; font-size: 14px; font-size: 0.875rem; } .modulosInfo .modulosInfo--texto p.leer--mas { padding-top: 0.5em; display: inline-block; } .modulosInfo .modulosInfo--texto p.leer--mas.link span { color: #5BABBF; font-weight: normal; line-height: 1.5em; text-align: justify; font-size: 12px; font-size: 0.75rem; outline: none; vertical-align: super; } .contenedorVentajas .ban-col-md-3 { width: 100%; display: block; vertical-align: middle; float: none; } } .tabla--docLegales .info--tab { width: 96%; text-align: left; padding: 0.7em; vertical-align: middle; } .tabla--docLegales .info--tab.caracteristicas--seccion { border-bottom: 1px solid #E7EAF0; } .tabla--docLegales .info--tab.caracteristicas--seccion .info--descripcion { padding-top: 0.5em; line-height: 1.5em; } .tabla--docLegales .info--tab .info--titulos { font-size: 14px; font-size: 0.875rem; } .tabla--docLegales .info--tab .info--descripcion { font-size: 14px; font-size: 0.875rem; font-size: 14px !important; line-height: 1.5em; font-family: 'robotolight'; } .listadoLinks .contenidoDesplegable .info__detalle i { color: #519CAD; font-size: 16px; vertical-align: top; } .listadoLinks .contenidoDesplegable .info__detalle a { color: #519CAD; font-size: 14px; font-size: 0.875rem; } .listadoLinks .contenidoDesplegable .info__detalle a:visited { color: #519CAD; } .fondoSeparador { background-color: #f5f7f9; overflow: hidden; } .items--caja .caja--subtitulo.h--nobold, .items--cajaDirectorio .caja--subtitulo.h--nobold, .items--cajaCuota .caja--subtitulo.h--nobold, .items--caja .h--nobold.caja--subtituloDirectorio, .items--cajaDirectorio .h--nobold.caja--subtituloDirectorio, .items--cajaCuota .h--nobold.caja--subtituloDirectorio { font-weight: normal !important; } .homeProductos.h--sinBgColor { background-color: transparent !important; } .homeProductos .producto--fondo--publico { background-repeat: no-repeat; background-position: top center; background-size: cover; } .h--fixMarginLextRight { margin-left: -15px; margin-right: -15px; } .h--nobold { font-weight: normal !important; } .h--bold { font-family: 'robotobold' !important; } .contenido--background { background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 345px; position: fixed; top: 0; } .contenido--background.invertir-empresa { background-image: url("../assets/images/fondosweb/fondoInvertir-empresa.jpg") !important; } .svg--img { vertical-align: initial; } .svg--img.h--pr0_2 { padding-right: 0.2em; } /* inicio botonIcono */ .boton--icono { text-align: center !important; } .boton--icono i { width: 100%; height: 26px; line-height: 26px; box-sizing: border-box; font-size: 20px; overflow: hidden; box-sizing: border-box; } .boton--icono span { width: auto !important; } /* info */ .outline-info { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .outline-info:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; background: rgba(58, 173, 202, 0.1); } .outline-infoo { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .outline-infoo:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; background: rgba(58, 173, 202, 0.1); } a.outline-info:hover, a.outline-info:focus, a.outline-info:active { color: white; border: 1px solid #3aadca !important; } .outline-info:hover:before, .outline-info:focus:before, .outline-info:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* botonTerciario */ .md-button.boton--terciarioo { border-radius: 6px !important; width: 100% !important; min-width: 100px !important; height: 36px !important; font-size: 14px !important; font-size: 0.875rem !important; max-height: 36px; vertical-align: middle !important; margin: 0px !important; padding: 0px !important; background-color: transparent !important; color: #2A5E92 !important; box-shadow: none !important; border: 1px solid rgba(51, 106, 155, 0.5); } .md-button.boton--terciarioo:active { box-shadow: none !important; } .md-button.boton--terciarioo span { width: 100% !important; margin: 0 4px; } .md-button.boton--terciario md-icon { vertical-align: unset; margin-right: 4px; } .md-button.boton--terciario md-icon, .md-button.boton--terciario span { height: 26px; line-height: 26px; vertical-align: top; margin: 0 auto; text-align: center; display: inline-block; overflow: hidden; box-sizing: border-box; } .md-button.boton--terciarioo md-icon { color: #2A5E92; } .md-button.boton--terciarioo:hover { background-color: rgba(255, 255, 255, 0.3); box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.33) !important; transition: box-shadow 0.3s ease-in-out; color: #2A5E92; } .bg--white { background-color: white !important; } td { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } .tablaMaster table tbody tr.tr--subtitulo td { text-align: left !important; padding-left: 1.2em; } .tablaMaster table tbody td { text-align: right; vertical-align: middle; } @media (max-width: 800px) { .tablaMaster table tbody tr.tr--subtitulo td { font-family: 'robotoregular'; font-size: 16px; font-size: 1rem; padding-left: 0 !important; } .tablaMaster table tbody tr.tr--subtitulo td::before { display: none; } .tablaMaster table tbody tr td { margin-left: 0; border-radius: 0 !important; text-align: right !important; border: none !important; padding: 0.5em 1em !important; } .tablaMaster table tbody tr td::before { left: 1em; font-family: 'robotobold'; font-weight: 500; } } .tablaMaster { /* inicio estilosBotones */ /* fin estilosBotones */ /* inicio estilosBotones-nuevos */ /* fin estilosBotones-nuevos */ } .tablaMaster .td--botonesTransar { /* visibility: hidden; */ /* inicio estilosBotones-viejos */ /* fin estilosBotones-viejos */ } .tablaMaster .td--botonesTransar .md-button.boton--aportar { color: rgba(255, 255, 255, 0.96); background-color: #336A9B; min-height: 27px; margin: 0px 6px; border-radius: 4px; line-height: 2.3em; vertical-align: middle; } .tablaMaster .td--botonesTransar .md-button.boton--aportar:not([disabled]) { color: rgba(255, 255, 255, 0.96); background-color: #336A9B; } .tablaMaster .td--botonesTransar .md-button.boton--aportar:not([disabled]):hover { color: rgba(255, 255, 255, 0.96); background-color: #336A9B; } .tablaMaster .td--botonesTransar .md-button.boton--rescatar { min-height: 27px; margin: 0px 6px; border-radius: 4px; line-height: 2.3em; vertical-align: middle; } .tablaMaster .td--botonesTransar .md-button.boton--rescatar:not([disabled]) { color: #336A9B; background-color: rgba(255, 255, 255, 0.96) !important; } .tablaMaster .td--botonesTransar { visibility: visible !important; padding: 0 0.5em !important; } .tablaMaster .md-button.boton--primario, .tablaMaster .md-button.boton--secundario, .tablaMaster .md-button.boton--terciario, .tablaMaster .md-button.boton--exito, .tablaMaster .md-button.boton--info, .tablaMaster .md-button.boton--destacado, .tablaMaster .md-button.boton--alerta { width: 150px; min-height: 32px; max-height: none; line-height: 2.3em; } .tablaMaster table thead th.tableHead--titulo { text-align: left; padding-left: 1.2em; } .tablaMaster table tbody { box-shadow: 0 3px 3px rgba(156, 156, 156, 0.2), 0 3px 8px rgba(156, 156, 156, 0.2); border-radius: 0 0 4px 4px; } .tablaMaster table tbody tr.tr--subtitulo { font-family: 'robotobold'; height: 30px; } .tablaMaster table tbody .tr--activeSecundarioInfo { height: 35px; background-color: #F0F2F5; border-bottom: 0px solid #E7EAF0; } .tablaMaster table tbody .tr--activeSecundarioInfo td.td--info { padding-right: 1em !important; color: #5BABBF; font-size: 14px; font-size: 0.875rem; font-family: 'robotobold'; } .tablaMaster table tbody .tr--activeSecundarioInfo td.td--info span { color: #536374; font-family: 'robotobold'; } .tablaMaster .td--botonesTransar .md-button.boton--aportar { color: rgba(255, 255, 255, 0.96); background-color: #336A9B; min-height: 27px; margin: 0px 6px; border-radius: 4px; line-height: 2.3em; vertical-align: middle; } .tablaMaster .td--botonesTransar .md-button.boton--aportar:not([disabled]) { color: rgba(255, 255, 255, 0.96); background-color: #336A9B; } .tablaMaster .td--botonesTransar .md-button.boton--aportar:not([disabled]):hover { color: rgba(255, 255, 255, 0.96); background-color: #336A9B; } .tablaMaster .td--botonesTransar .md-button.boton--rescatar { min-height: 27px; margin: 0px 6px; border-radius: 4px; line-height: 2.3em; vertical-align: middle; } .tablaMaster .td--botonesTransar .md-button.boton--rescatar:not([disabled]) { color: #336A9B; background-color: rgba(255, 255, 255, 0.96) !important; } .tablaMaster .md-button.boton--primario, .tablaMaster .md-button.boton--secundario, .tablaMaster .md-button.boton--terciario, .tablaMaster .md-button.boton--exito, .tablaMaster .md-button.boton--info, .tablaMaster .md-button.boton--destacado, .tablaMaster .md-button.boton--alerta { width: 150px; min-height: 32px; max-height: none; line-height: 2.3em; } apv-mi-cartera .tablaMaster table thead th:nth-child(3), apv-mi-cartera .tablaMaster table thead th:nth-child(4), apv-mi-cartera .tablaMaster table thead th:nth-child(5), apv-mi-cartera .tablaMaster table thead th:nth-child(6) { padding-right: 25px !important; } .h--width100p { width: 100% !important; } /*************** Estilos de los documentos jorge 08-06 ****************/ .documentosCliente { border: 1px solid #cbd0d9; box-sizing: border-box; height: 80px; padding: 10px 16px 10px 10px; max-width: 100%; margin: 0 0 2rem; overflow: hidden; border-radius: 5px; background-color: #FFFFFF; } .documentosCliente .documentosCliente--icon { color: #5BABBF; display: inline-block; height: 100%; vertical-align: middle; width: 10%; } .documentosCliente .documentosCliente--icon i.material-icons { padding-top: 0.7em; } .documentosCliente .documentosCliente--info { display: inline-block; vertical-align: middle; width: 63%; padding-left: 8px; } .documentosCliente .documentosCliente--info .caja--titulo { color: #5BABBF; height: 20px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; font-size: 14px; font-size: 0.875rem; font-family: 'robotoregular'; } .documentosCliente .documentosCliente--info .caja--periodo { font-size: 12px; font-size: 0.75rem; line-height: 18px; } .documentosCliente .documentosCliente--info .caja--publicacion { font-size: 12px; font-size: 0.75rem; } .documentosCliente .documentosCliente--download { display: inline-block; vertical-align: middle; width: 18%; } .documentosCliente .documentosCliente--download .download--icon { border: 1px solid #cbd0d9; border-radius: 50%; cursor: pointer; height: 50px; text-align: center; width: 50px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .documentosCliente .documentosCliente--download .download--icon i { color: #cbd0d9; font-size: 27px; line-height: 52px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .documentosCliente .documentosCliente--download .download--icon i.icon--exito { color: #7EB645; } .documentosCliente .documentosCliente--download .download--icon i.icon--error { color: #C11818; } .documentosCliente .documentosCliente--download .download--icon.border--exito { border: 1px solid #7EB645; } .documentosCliente .documentosCliente--download .download--icon.border--error { border: 1px solid #C11818; } .documentosCliente .documentosCliente--download .download--circular md-progress-circular { position: absolute; top: 11px; width: 55px !important; height: 55px !important; } .documentosCliente .documentosCliente--download .download--circular md-progress-circular path { stroke: #519CAD !important; stroke-width: 2.2px !important; } .documentosCliente .documentosCliente--download .download--circular md-progress-circular svg { margin-left: -2px; } .documentosCliente .documentosCliente--download .download--icon:hover { border: 1px solid #5BABBF; } .documentosCliente .documentosCliente--download .download--icon:hover i { color: #5BABBF; line-height: 63px; } .documentosCliente .documentosCliente--download .firmado--icon:hover { border: 1px solid #5BABBF; } .documentosCliente .documentosCliente--download .firmado--icon:hover i { color: #5BABBF; line-height: 63px; } @media (max-width: 767px) { .documentos md-tabs .md-tab, .documentos md-tabs.md-default-theme .md-tab { padding: 12px 1em; } .misDatos md-tabs-wrapper { padding: 0.8em 0; } md-tabs-canvas.md-paginated { margin: 0 1em; } .documentosCliente--icon i.material-icons { padding-top: 0.7em !important; } } .caja--titulo.ng-binding { margin-bottom: 0px !important; } /*************** FIN estilos de los documentos jorge 08-06 ****************/ .h--marginBottom1_5 { margin-bottom: 1.5em; } .items--caja:hover { box-shadow: none; } .items--caja:hover, .items--cajaDirectorio:hover { box-shadow: none !important; } .informese .informese--texto { color: #9B9B9B; text-align: justify; font-size: 12px; margin-bottom: 10px; display: inline-block; font-style: robotoregular; } .informese .informese--texto span { position: relative; margin-right: 10px; } .arrow_box { position: relative; border-radius: 5px; } .arrow_box:after, .arrow_box:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_box:after { border-color: rgba(136, 183, 213, 0); border-left-color: #F0F2F5; border-width: 10px; margin-top: -3%; right: -20px; } .border--white:after { border-left-color: #FFFFFF; } .arrow_box.left:after { border-color: rgba(136, 183, 213, 0); border-right-color: #ffffff; border-width: 10px; margin-top: -3%; left: -20px; } .arrow_box:before { border-color: rgba(194, 225, 245, 0); border-width: 36px; margin-top: -36px; } .bg--white { background: white !important; } .icono-simulador { position: relative; top: -71px; } .td--botones .datos--botones, .td--botones-x2 .datos--botones { display: inline-block; width: 100%; text-align: right; padding: 8px 8px; box-sizing: border-box; } .td--botones--x2 { width: 20%; } .contenedor--bgAzul { -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); padding: 0.313em 1em 0; background-color: #2A5E92; border-radius: 6px; margin-bottom: 1em; margin-top: 1em; } md-input-container.form.bg--opacity.md-input-has-value label:not(.md-no-float), md-input-container.form.bg--opacity .md-input, md-input-container.form.bg--opacity label:not(.md-no-float):not(.md-container-ignore), md-input-container.form.bg--opacity md-select.select .md-select-value, md-input-container.form.bg--opacity .md-select-value *:first-child, md-input-container.form.bg--opacity .md-select-value .md-select-icon, md-input-container.form.bg--opacity .md-datepicker-expand-triangle:after, md-input-container.form.bg--opacity md-icon.md-datepicker-calendar-icon.ng-scope { color: #FFFFFF !important; } md-input-container.form.bg--opacity md-select { height: 47px; } md-input-container.form.bg--opacity span { font-size: 14px; font-size: 0.875rem; } @media (max-width: 800px) { /* inicio trDespegable */ .tablaMaster table tbody .tr--desplegable { margin: 0; padding: 0; border: 0; border-radius: 0; } .tablaMaster table tbody .tr--desplegable td { margin: 0; padding: 0 !important; } .tablaMaster table tbody .tr--desplegable td::before { display: none; } .tablaMaster table tbody .tr--desplegable td .contenidoDesplegable { border: 0; } .tablaMaster table tbody .tr--desplegable td .contenidoDesplegable .tableContenido tbody { box-shadow: unset !important; } .tablaMaster table tbody .tr--desplegable td .contenidoDesplegable .tableContenido tbody tr { box-shadow: unset; height: auto !important; border: 0 !important; border-bottom: 1px solid #d6d6d6 !important; } .tablaMaster table tbody .tr--desplegable td .contenidoDesplegable .tableContenido tbody tr:last-child { border-radius: 0; margin-bottom: 0; } .tablaMaster table tbody .tr--desplegable td .contenidoDesplegable .tableContenido tbody tr.tableContenido--cuentas { padding: 0.5em 10px 0.5em 10px; border-bottom: 1px solid #E3E3E3 !important; margin-top: 0em !important; background: #F0F2F5; text-align: center; border-left: 6px solid #DADFE8 !important; border-right: 6px solid #DADFE8 !important; } .tablaMaster table tbody .tr--desplegable td .contenidoDesplegable .tableContenido tbody tr.tableContenido--cuentas:last-child { margin-bottom: 0; border-radius: 0; border-bottom: 0 !important; } .tablaMaster table tbody .tr--desplegable td .contenidoDesplegable .tableContenido tbody tr:hover { background-color: #F0F2F5 !important; } .tablaMaster table tbody .tr--desplegable td .contenidoDesplegable .tableContenido tbody tr td.td--botones .datos--botones { text-align: right; padding: 0; } .tablaMaster table tbody .tr--desplegable td .contenidoDesplegable .tableContenido tbody tr td.td--botones .datos--botones .md-button { width: 49.4% !important; } .tablaMaster table tbody .tr--desplegable td .contenidoDesplegable .tableContenido tbody tr td.td--botones-x2 { width: 100% !important; } .tablaMaster table tbody .tr--desplegable td .contenidoDesplegable .tableContenido tbody tr td.td--botones-x2 .datos--botones { padding: 0; } .tablaMaster table tbody .tr--desplegable td .contenidoDesplegable .tableContenido tbody tr td.td--botones-x2 .datos--botones .md-button { width: 100% !important; } /* fin trDespegable */ } @media (max-width: 480px) { .tablaMaster table tbody tr .tableContenido--detalle .td--botones, .tablaMaster table tbody tr .tableContenido--detalle .td--botones-x2 { width: 100% !important; } .tablaMaster table tbody tr .tableContenido--detalle .td--botones .datos--botones .md-button.boton--rescatar, .tablaMaster table tbody tr .tableContenido--detalle .td--botones .datos--botones .md-button.boton--aportar, .tablaMaster table tbody tr .tableContenido--detalle .td--botones-x2 .datos--botones .md-button.boton--rescatar, .tablaMaster table tbody tr .tableContenido--detalle .td--botones-x2 .datos--botones .md-button.boton--aportar { width: 47%; margin: 0em 0.5em; } .tablaMaster table tbody tr .tableContenido--detalle .td--botones .datos--botones .md-button.boton--rescatar:first-child, .tablaMaster table tbody tr .tableContenido--detalle .td--botones .datos--botones .md-button.boton--aportar:first-child, .tablaMaster table tbody tr .tableContenido--detalle .td--botones-x2 .datos--botones .md-button.boton--rescatar:first-child, .tablaMaster table tbody tr .tableContenido--detalle .td--botones-x2 .datos--botones .md-button.boton--aportar:first-child { margin-left: 0em; float: left; } .tablaMaster table tbody tr .tableContenido--detalle .td--botones .datos--botones .md-button.boton--rescatar:last-child, .tablaMaster table tbody tr .tableContenido--detalle .td--botones .datos--botones .md-button.boton--aportar:last-child, .tablaMaster table tbody tr .tableContenido--detalle .td--botones-x2 .datos--botones .md-button.boton--rescatar:last-child, .tablaMaster table tbody tr .tableContenido--detalle .td--botones-x2 .datos--botones .md-button.boton--aportar:last-child { margin-right: 0em; float: right; } .contenidoDesplegable table tbody tr td { /* paginador */ } .contenidoDesplegable table tbody tr td .contenidoDesplegable--info .info--operacion { text-align: center; float: none; padding: 0em; display: block; } .contenidoDesplegable table tbody tr td .contenidoDesplegable--info .info--fecha { text-align: center; margin-bottom: 1em; } .contenidoDesplegable table tbody tr td .contenidoDesplegable--info .contendidoMonto_titulo { text-align: center; } .contenidoDesplegable table tbody tr td .contenidoDesplegable--info .contendidoMonto_titulo .contendidoMonto--texto { font-size: 16px; } .contenidoDesplegable table tbody tr td .contenidoDesplegable--info .contendidoMonto_titulo .contendidoMonto--valor { font-size: 18px; } .contenidoDesplegable table tbody tr td .contenidoDesplegable--info h3.subtitulo { text-align: center; } .contenidoDesplegable table tbody tr td .pie--tabla .pie--contenido .pie--paginacion .paginacion--accion.hide { display: none; } .contenidoDesplegable table tbody tr td .pie--tabla .pie--contenido .pie--paginacion .paginacion--accion p.paginacion--parrafo { font-size: 9px; } } @media all and (max-width: 480px) { .form--iconoConversion { display: none; } } @media all and (max-width: 800px) { .tablaMaster table tbody tr { height: auto; border-radius: 4px; overflow: hidden; } } @media (max-width: 800px) { .tablaMaster table tbody tr.tr--subtitulo td { padding-left: 15px !important; } .td--botones--x2 { width: 100%; } .tablaMaster table tbody tr td.td--botones--x2 .containerButton .md-button.md-button.text--button { margin-top: 0.7em; margin-bottom: 0.7em; width: 48% !important; min-width: 48%; } .tablaMaster table tbody tr td.td--botones.hide-gt-sm.show-sm { margin: 1em 0 0 0 !important; padding: 0 1em 1em !important; height: auto; width: 100% !important; box-sizing: border-box; } .tablaMaster table tbody td.td--iconoApertura { display: none; } .tablaMaster table tbody td.td--principal--small { display: none; } .tablaMaster table tbody td.td--principal--macciones { display: none; } .tablaMaster table tbody td.td--principal--xs { width: auto; background: #536374 !important; color: #fff; display: block; text-align: left !important; } .tablaMaster table tbody td.td--principal--xs .imgTabla { padding: 0 8px 0 0; } .tablaMaster table tbody td.td--principal--xs.colorAzul { width: auto; background: #2068b4 !important; color: #fff; display: block; text-align: left !important; } } @media (max-width: 991px) { .tablaMaster tbody td .td--botonesTransar { padding: 0 !important; margin-right: 4px; } } .marginB { margin-bottom: 2em; } .imgTabla { height: 35px; width: 35px; } .paddingBuscador { padding: 10px; } .paddingIcono { padding-bottom: 0.5px !important; } .margin-botMsj { margin-bottom: 60px; } .tablaMaster table tbody td.td--principal--small { width: 5%; max-width: 150px; text-align: left; padding: 0em 0.5em; } .tablaMaster table tbody td.td--principal--macciones { width: 20%; max-width: 150px; text-align: left; padding: 0em 0.5em; } md-select.heightCombo { height: 55px; } .tablaMaster table tbody td.td--botones2 { width: 14%; height: 32px; }