@charset "UTF-8"; /* Iconos en https://www.movistar.es/estaticos/css/ico-font/fonts/ico-movistar.svg */ /**/ /**/ /**/ /**/ @font-face { font-family: TelefonicaThin; font-style: normal; font-weight: normal; src: url(../../../../publico/fonts/Telefonica_Sans_Thin.woff2) format("woff2"), url(../../../../publico/fonts/Telefonica_Sans_Thin.woff) format("woff"); }  @font-face { font-family: TelefonicaLight; font-style: normal; font-weight: normal; src: url(../../../../publico/fonts/Telefonica_Sans_Light.woff2) format("woff2"), url(../../../../publico/fonts/Telefonica_Sans_Light.woff) format("woff"); }  @font-face { font-family: TelefonicaRegular; font-style: normal; font-weight: normal; src: url(../../../../publico/fonts/Telefonica_Sans_Regular.woff2) format("woff2"), url(../../../../publico/fonts/Telefonica_Sans_Regular.woff) format("woff"); }  /* @font-face { font-family: "ico-movistar"; src: url(../../../../publico/fonts/ico-movistar.woff2) format("woff2"), url(../../../../publico/fonts/ico-movistar.woff) format("woff"); font-weight: normal; font-style: normal; } */ .ccliTextoH1, .ccli-cabecera-central-nivel1 > .ccli-titulo, .ccli-cabecera-central-nivel2 > .ccli-titulo, .ccli-proceso-bienvenida > .ccli-titulo { font: 100 36px TelefonicaThin, arial, helvetica, sans-serif; color: #4EA800; }  .ccliTextoH2 { font: 300 30px TelefonicaLight, arial, helvetica, sans-serif; color: #4EA800; }  .ccliTextoH3 { font: 300 24px TelefonicaLight, arial, helvetica, sans-serif; color: #50535A; }  .ccliTextoH4 { font: 300 22px TelefonicaLight, arial, helvetica, sans-serif; color: #50535A; }  .ccliTextoH5 { font: 300 20px TelefonicaLight, arial, helvetica, sans-serif; color: #50535A; }  .ccliTextoH6, .ccli-cantidad-secundaria { font: 300 18px TelefonicaLight, arial, helvetica, sans-serif; color: #50535A; }  .ccliTextoParrafo14, body, .ccli-alerta .ccli-alerta-descripcion, #ccli-contenido-central, .ccli-etiqueta { font: normal 14px/20px TelefonicaRegular, arial, helvetica, sans-serif; color: #86888C; }  .ccliTextoParrafo16, .ccli-boton, .ccli-alerta .ccli-alerta-texto, .ccli-proceso-bienvenida > .ccli-subtitulo, .ccli-formulario .ccli-campo input, .ccli-formulario .ccli-campo select { font: normal 16px/22px TelefonicaRegular, arial, helvetica, sans-serif; color: #86888C; }  .ccliTextoParrafo18 { font: normal 18px/24px TelefonicaRegular, arial, helvetica, sans-serif; color: #86888C; }  .ccliTextoParrafoCantidad, .ccli-cantidad-primaria { font: 300 30px TelefonicaLight, arial, helvetica, sans-serif; color: #50535A; }  .ccliTextoParrafo14 strong, body strong, .ccli-alerta .ccli-alerta-descripcion strong, #ccli-contenido-central strong, .ccli-etiqueta strong, .ccliTextoParrafo16 strong, .ccli-boton strong, .ccli-alerta .ccli-alerta-texto strong, .ccli-proceso-bienvenida > .ccli-subtitulo strong, .ccli-formulario .ccli-campo input strong, .ccli-formulario .ccli-campo select strong, .ccliTextoParrafo18 strong { color: #000000; font-weight: normal; }  .ccliTextoParrafo14 a, body a, .ccli-alerta .ccli-alerta-descripcion a, #ccli-contenido-central a, .ccli-etiqueta a, .ccliTextoParrafo16 a, .ccli-boton a, .ccli-alerta .ccli-alerta-texto a, .ccli-proceso-bienvenida > .ccli-subtitulo a, .ccli-formulario .ccli-campo input a, .ccli-formulario .ccli-campo select a, .ccliTextoParrafo18 a { color: #009BCE; text-decoration: none; } .ccliTextoParrafo14 a:hover, body a:hover, .ccli-alerta .ccli-alerta-descripcion a:hover, #ccli-contenido-central a:hover, .ccli-etiqueta a:hover, .ccliTextoParrafo16 a:hover, .ccli-boton a:hover, .ccli-alerta .ccli-alerta-texto a:hover, .ccli-proceso-bienvenida > .ccli-subtitulo a:hover, .ccli-formulario .ccli-campo input a:hover, .ccli-formulario .ccli-campo select a:hover, .ccliTextoParrafo18 a:hover { text-decoration: underline; }  /* Estilos para mensaje de no javascript */ @media print { html { min-width: 0; } }  html.no-js #ccli-app-infoblock { display: none; }  html.no-js .ccli-app-velo-trabajo { display: none; }  html.no-js body::after { content: "\00000aEsta página requiere JavaScript. Por favor, actívalo y recarga la página."; font-size: 16px; display: block; background-color: #d23c31; color: #FFFFFF; padding: 15px; border-radius: 10px; margin: 15px; }  /* Estilos para modales */ @media screen and (max-width: 479px) { .modal-dialog { position: absolute; bottom: 0; width: calc(100% - 20px); } }  @media screen and (min-width: 980px), print { .modal-dialog .modal-header, .modal-dialog .modal-body { padding: 20px; } }  .modal-dialog .modal-content { border: none; }  .modal-dialog .modal-header { color: #FFFFFF; background-color: #954B97; border-radius: 5px 5px 0 0; } .modal-dialog .modal-header .close { color: #FFFFFF; opacity: 1; text-shadow: none; margin-top: -6px; } @media screen and (min-width: 980px), print { .modal-dialog .modal-header .close { margin-top: -2px; } } .modal-dialog .modal-header .close .ccli-icono svg { fill: #FFFFFF; stroke: #FFFFFF; }  .modal-dialog .modal-title { font: 22px/15px TelefonicaLight; }  @media print { body.modal-open #ccli-app-container { display: none; /* oculta la aplicacion al imprimir un modal */ } }  /* Estilos base */ .ng-cloak { display: none !important; }  a, a:link, a:visited { color: #009BCE; text-decoration: none; }  a:hover, a:focus, a:active { text-decoration: underline; }  .carousel, .panel-title a, .dropdown-toggle, [data-ng-click], [ng-click], button[type=submit]:not(:disabled) { cursor: pointer; }  ul { padding: 0 0 0 25px; }  p { text-align: justify; }  /* Estilos para el velo de trabajo */ #ccli-velo { display: none; position: absolute; width: 100%; height: 100%; z-index: 1000; background-color: rgba(255, 255, 255, 0.75); } #ccli-velo img { margin: 25% auto; display: block; }  /* Estilos generales */ .ccli-boton { border: none; color: #FFFFFF; background-color: #5BC500; height: 46px; min-height: 46px; padding: 7px 10px; text-align: center; text-transform: uppercase; } @media print { .ccli-boton { display: none; } } @media screen and (min-width: 980px) { .ccli-boton { height: 40px; min-height: 40px; } } .ccli-boton span { vertical-align: middle; } .ccli-boton:hover, .ccli-boton:active, .ccli-boton[aria-expanded=true] { background-color: #6bcb1a; color: #FFFFFF; } .ccli-boton [class^="icon-"] { line-height: 1em; } .ccli-boton .ccli-icono svg { fill: #FFFFFF; stroke: #FFFFFF; } .ccli-boton.ccli-solo-icono { padding: 0; } .ccli-boton.ccli-solo-icono .ccli-icono svg { fill: #00A9E0; stroke: #00A9E0; } .ccli-boton.ccli-boton-fino { min-height: 24px; height: 24px; padding: 2px 10px; } .ccli-boton.ccli-boton-primario, .ccli-boton.ccli-boton-ok { background-color: #4EA800; color: #FFFFFF; } .ccli-boton.ccli-boton-primario:hover, .ccli-boton.ccli-boton-ok:hover { background-color: #83c24d; } .ccli-boton.ccli-boton-primario:disabled, .ccli-boton.ccli-boton-ok:disabled { background-color: #b8dc99; } .ccli-boton.ccli-boton-primario:active, .ccli-boton.ccli-boton-primario[aria-expanded=true], .ccli-boton.ccli-boton-ok:active, .ccli-boton.ccli-boton-ok[aria-expanded=true] { box-shadow: 0 1px 3px 0 #50535A; } .ccli-boton.ccli-boton-primario.ccli-boton-menorimportancia, .ccli-boton.ccli-boton-ok.ccli-boton-menorimportancia { background-color: #FFFFFF; border: 1px solid #4EA800; color: #4EA800; } .ccli-boton.ccli-boton-primario.ccli-boton-menorimportancia:hover, .ccli-boton.ccli-boton-ok.ccli-boton-menorimportancia:hover { border-color: #83c24d; color: #83c24d; } .ccli-boton.ccli-boton-primario.ccli-boton-menorimportancia:disabled, .ccli-boton.ccli-boton-ok.ccli-boton-menorimportancia:disabled { border-color: #b8dc99; color: #b8dc99; } .ccli-boton.ccli-boton-primario.ccli-boton-menorimportancia:active, .ccli-boton.ccli-boton-primario.ccli-boton-menorimportancia[aria-expanded=true], .ccli-boton.ccli-boton-ok.ccli-boton-menorimportancia:active, .ccli-boton.ccli-boton-ok.ccli-boton-menorimportancia[aria-expanded=true] { box-shadow: 0 1px 3px 0 #50535A; } .ccli-boton.ccli-boton-secundario, .ccli-boton.ccli-boton-info { background-color: #009BCE; color: #FFFFFF; } .ccli-boton.ccli-boton-secundario:hover, .ccli-boton.ccli-boton-info:hover { background-color: #4db9dd; } .ccli-boton.ccli-boton-secundario:disabled, .ccli-boton.ccli-boton-info:disabled { background-color: #99d7eb; } .ccli-boton.ccli-boton-secundario:active, .ccli-boton.ccli-boton-secundario[aria-expanded=true], .ccli-boton.ccli-boton-info:active, .ccli-boton.ccli-boton-info[aria-expanded=true] { box-shadow: 0 1px 3px 0 #50535A; } .ccli-boton.ccli-boton-secundario.ccli-boton-menorimportancia, .ccli-boton.ccli-boton-info.ccli-boton-menorimportancia { background-color: #FFFFFF; border: 1px solid #009BCE; color: #009BCE; } .ccli-boton.ccli-boton-secundario.ccli-boton-menorimportancia:hover, .ccli-boton.ccli-boton-info.ccli-boton-menorimportancia:hover { border-color: #4db9dd; color: #4db9dd; } .ccli-boton.ccli-boton-secundario.ccli-boton-menorimportancia:disabled, .ccli-boton.ccli-boton-info.ccli-boton-menorimportancia:disabled { border-color: #99d7eb; color: #99d7eb; } .ccli-boton.ccli-boton-secundario.ccli-boton-menorimportancia:active, .ccli-boton.ccli-boton-secundario.ccli-boton-menorimportancia[aria-expanded=true], .ccli-boton.ccli-boton-info.ccli-boton-menorimportancia:active, .ccli-boton.ccli-boton-info.ccli-boton-menorimportancia[aria-expanded=true] { box-shadow: 0 1px 3px 0 #50535A; } .ccli-boton.ccli-boton-peligro, .ccli-boton.ccli-boton-crit { background-color: #d23c31; color: #FFFFFF; } .ccli-boton.ccli-boton-peligro:hover, .ccli-boton.ccli-boton-crit:hover { background-color: #e0776f; } .ccli-boton.ccli-boton-peligro:disabled, .ccli-boton.ccli-boton-crit:disabled { background-color: #edb1ad; } .ccli-boton.ccli-boton-peligro:active, .ccli-boton.ccli-boton-peligro[aria-expanded=true], .ccli-boton.ccli-boton-crit:active, .ccli-boton.ccli-boton-crit[aria-expanded=true] { box-shadow: 0 1px 3px 0 #50535A; } .ccli-boton.ccli-boton-peligro.ccli-boton-menorimportancia, .ccli-boton.ccli-boton-crit.ccli-boton-menorimportancia { background-color: #FFFFFF; border: 1px solid #d23c31; color: #d23c31; } .ccli-boton.ccli-boton-peligro.ccli-boton-menorimportancia:hover, .ccli-boton.ccli-boton-crit.ccli-boton-menorimportancia:hover { border-color: #e0776f; color: #e0776f; } .ccli-boton.ccli-boton-peligro.ccli-boton-menorimportancia:disabled, .ccli-boton.ccli-boton-crit.ccli-boton-menorimportancia:disabled { border-color: #edb1ad; color: #edb1ad; } .ccli-boton.ccli-boton-peligro.ccli-boton-menorimportancia:active, .ccli-boton.ccli-boton-peligro.ccli-boton-menorimportancia[aria-expanded=true], .ccli-boton.ccli-boton-crit.ccli-boton-menorimportancia:active, .ccli-boton.ccli-boton-crit.ccli-boton-menorimportancia[aria-expanded=true] { box-shadow: 0 1px 3px 0 #50535A; } .ccli-boton:disabled { cursor: not-allowed; }  /* Estilos para alertas */ .ccli-alerta { padding: 10px 10px 0 10px; position: relative; min-height: 58px; position: relative; } @media screen and (min-width: 980px) { .ccli-alerta { padding: 20px 20px 0 20px; min-height: 78px; } } .ccli-alerta.ccli-alerta-conflecha:after, .ccli-alerta.ccli-alerta-conflecha:before { bottom: 100%; right: 3px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .ccli-alerta.ccli-alerta-conflecha:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #FFFFFF; border-width: 8px; margin-left: -8px; } .ccli-alerta.ccli-alerta-conflecha:before { border-color: rgba(255, 255, 255, 0); border-bottom-color: #009BCE; border-width: 9px; margin-left: -9px; } .ccli-alerta.ccli-alerta-conflecha:before.ccli-alerta-tipo-ok { border-bottom-color: #4EA800; } .ccli-alerta.ccli-alerta-conflecha:before.ccli-alerta-tipo-crit { border-bottom-color: #d23c31; } .ccli-alerta .ccli-icono { position: absolute; top: 10px; left: 10px; width: 36px; height: 36px; } @media screen and (min-width: 980px) { .ccli-alerta .ccli-icono { top: 20px; left: 20px; } } .ccli-alerta .ccli-icono-cerrar { position: absolute; top: 10px; right: 10px; width: 12px; height: 12px; } .ccli-alerta .ccli-alerta-texto { margin-left: 46px; margin-bottom: 18px; } @media screen and (min-width: 980px) { .ccli-alerta .ccli-alerta-texto { margin-left: 56px; margin-bottom: 28px; } } .ccli-alerta .ccli-alerta-descripcion { margin-left: 46px; margin-bottom: 10px; word-wrap: break-word; } @media screen and (min-width: 980px) { .ccli-alerta .ccli-alerta-descripcion { margin-left: 56px; margin-bottom: 20px; } } .ccli-alerta div:nth-of-type(2) { margin-top: 6px; padding-right: 14px; } @media screen and (min-width: 980px) { .ccli-alerta div:nth-of-type(2) { padding-right: 4px; } } .ccli-alerta .ccli-alerta-botones { margin-bottom: 10px; } @media screen and (min-width: 980px) { .ccli-alerta .ccli-alerta-botones { margin-bottom: 20px; } } .ccli-alerta .ccli-boton { display: inline-block; } .ccli-alerta .ccli-boton:not(:last-child) { margin-right: 10px; margin-bottom: 10px; } .ccli-alerta.ccli-alerta-botones-full .ccli-boton { width: 100%; margin-right: 0; } .ccli-alerta.ccli-alerta-botones-movil .ccli-boton { width: 274px; } .ccli-alerta.ccli-alerta-botones-alineados .ccli-boton { margin-left: 56px; width: calc(100% - 56px); } .ccli-alerta .ccli-boton:not(.ccli-boton-primario):not(.ccli-boton-secundario) { background-color: #FFFFFF; } .ccli-alerta.ccli-alerta-tipo-info { border: 1px solid #009BCE; } .ccli-alerta.ccli-alerta-tipo-info svg { fill: #009BCE; stroke: #009BCE; } .ccli-alerta.ccli-alerta-tipo-info .ccli-alerta-texto { color: #009BCE; } .ccli-alerta.ccli-alerta-tipo-info .ccli-boton:not(.ccli-boton-primario):not(.ccli-boton-secundario) { background-color: #FFFFFF; border: 1px solid #009BCE; color: #009BCE; } .ccli-alerta.ccli-alerta-tipo-info .ccli-boton:not(.ccli-boton-primario):not(.ccli-boton-secundario):hover { border-color: #4db9dd; color: #4db9dd; } .ccli-alerta.ccli-alerta-tipo-info .ccli-boton:not(.ccli-boton-primario):not(.ccli-boton-secundario):disabled { border-color: #99d7eb; color: #99d7eb; } .ccli-alerta.ccli-alerta-tipo-info .ccli-boton:not(.ccli-boton-primario):not(.ccli-boton-secundario):active, .ccli-alerta.ccli-alerta-tipo-info .ccli-boton:not(.ccli-boton-primario):not(.ccli-boton-secundario)[aria-expanded=true] { box-shadow: 0 1px 3px 0 #50535A; } .ccli-alerta.ccli-alerta-tipo-ok { border: 1px solid #4EA800; } .ccli-alerta.ccli-alerta-tipo-ok svg { fill: #4EA800; stroke: #4EA800; } .ccli-alerta.ccli-alerta-tipo-ok .ccli-alerta-texto { color: #4EA800; } .ccli-alerta.ccli-alerta-tipo-ok .ccli-boton:not(.ccli-boton-primario):not(.ccli-boton-secundario) { background-color: #FFFFFF; border: 1px solid #4EA800; color: #4EA800; } .ccli-alerta.ccli-alerta-tipo-ok .ccli-boton:not(.ccli-boton-primario):not(.ccli-boton-secundario):hover { border-color: #83c24d; color: #83c24d; } .ccli-alerta.ccli-alerta-tipo-ok .ccli-boton:not(.ccli-boton-primario):not(.ccli-boton-secundario):disabled { border-color: #b8dc99; color: #b8dc99; } .ccli-alerta.ccli-alerta-tipo-ok .ccli-boton:not(.ccli-boton-primario):not(.ccli-boton-secundario):active, .ccli-alerta.ccli-alerta-tipo-ok .ccli-boton:not(.ccli-boton-primario):not(.ccli-boton-secundario)[aria-expanded=true] { box-shadow: 0 1px 3px 0 #50535A; } .ccli-alerta.ccli-alerta-tipo-crit { border: 1px solid #d23c31; } .ccli-alerta.ccli-alerta-tipo-crit svg { fill: #d23c31; stroke: #d23c31; } .ccli-alerta.ccli-alerta-tipo-crit .ccli-alerta-texto { color: #d23c31; } .ccli-alerta.ccli-alerta-tipo-crit .ccli-boton:not(.ccli-boton-primario):not(.ccli-boton-secundario) { background-color: #FFFFFF; border: 1px solid #d23c31; color: #d23c31; } .ccli-alerta.ccli-alerta-tipo-crit .ccli-boton:not(.ccli-boton-primario):not(.ccli-boton-secundario):hover { border-color: #e0776f; color: #e0776f; } .ccli-alerta.ccli-alerta-tipo-crit .ccli-boton:not(.ccli-boton-primario):not(.ccli-boton-secundario):disabled { border-color: #edb1ad; color: #edb1ad; } .ccli-alerta.ccli-alerta-tipo-crit .ccli-boton:not(.ccli-boton-primario):not(.ccli-boton-secundario):active, .ccli-alerta.ccli-alerta-tipo-crit .ccli-boton:not(.ccli-boton-primario):not(.ccli-boton-secundario)[aria-expanded=true] { box-shadow: 0 1px 3px 0 #50535A; } .ccli-alerta.ccli-alerta-fluida .ccli-icono { position: relative; float: left; top: 0; left: 0; margin-right: 10px; margin-bottom: 10px; } @media screen and (min-width: 980px) { .ccli-alerta.ccli-alerta-fluida .ccli-icono { margin-right: 20px; margin-bottom: 20px; } } .ccli-alerta.ccli-alerta-fluida .ccli-alerta-texto { margin-left: 0; } .ccli-alerta.ccli-alerta-fluida .ccli-alerta-descripcion { margin-left: 0; }  /* Estilos para error de aplicacion */ #ccli-app-infoblock { padding: 5px; text-align: left; display: block; margin: 5px auto; font-size: 14px; } @media screen and (min-width: 980px), print { #ccli-app-infoblock { width: 50%; padding: 20px; margin-top: 50px; } } #ccli-app-infoblock .gr-logo { display: inline-block; width: 75px; min-height: 60px; float: none; min-width: 0; vertical-align: middle; } #ccli-app-infoblock .ccli-titulo { font-size: 20px; line-height: 16px; margin-bottom: 20px; } #ccli-app-infoblock .ccli-alerta { vertical-align: middle; } #ccli-app-infoblock .ccli-alerta.ccli-alerta-tipo-info { background-color: #FFFFFF; border: none; }  .ccli-widget-infoblock.ccli-alerta-tipo-info { background: #FFFFFF; }  /* Estilos generales de la aplicacion */ #ccli-app-container { display: none; text-align: left; } #ccli-app-container.ccli-app-inicializada { display: block; }  #ccli-contenido-central { padding-left: 10px; padding-right: 10px; margin: 0 auto; } @media screen and (min-width: 980px) { #ccli-contenido-central { padding-left: 20px; padding-right: 20px; width: 980px; } } @media print { #ccli-contenido-central { width: auto; max-width: none; } }  .ccli-flotante-derecha { float: right; }  .ccli-nota { margin-top: 10px; } @media screen and (min-width: 980px), print { .ccli-nota { margin-top: 20px; } }  .ccli-table { display: table; width: 100%; } .ccli-table > .ccli-tablerow { display: table-row; } .ccli-table > .ccli-tablerow > .ccli-tablecell { display: table-cell; }  .ccli-cantidad { color: #EC6839; }  .ccli-cantidad-primaria { vertical-align: middle; }  .ccli-cantidad-secundaria { vertical-align: middle; }  .ccli-negativo { color: #d23c31; }  .ccli-alineado-izquierda { text-align: left !important; }  .ccli-alineado-derecha { text-align: right !important; }  .ccli-absoluto-derecha { position: absolute; right: 0; }  .ccli-wrap { white-space: normal !important; }  .ccli-color-peligro { color: #d23c31 !important; }  .ccli-centrado-horizontal { text-align: center; width: 100%; }  .ccli-centrado-vertical-padre { position: relative; height: 100%; } .ccli-centrado-vertical-padre::before { content: " "; display: inline-block; height: 100%; width: 0.001%; vertical-align: middle; }  .ccli-centrado-vertical { display: inline-block; vertical-align: middle; }  #ccli-header #idgracceso2 li { display: inline-block; border: none; }  @media print { #ccli-header { display: none; } }  #ccli-menu-horizontal-filtro_tipo { margin-bottom: 20px; }  #ccli-sidebar { display: none; width: 240px; padding: 15px 20px 15px 0; float: left; } @media screen and (min-width: 980px) { #ccli-sidebar { display: block; } } @media print { #ccli-sidebar { display: none; } } #ccli-sidebar.affix { top: 0; } #ccli-sidebar.affix-bottom { position: absolute; }  #ccli-main { padding: 10px 0; } @media screen and (min-width: 980px) { #ccli-main { padding: 20px 0 20px 240px; } } @media print { #ccli-main { padding: 0; } }  @media print { #ccli-footer { display: none; } }  /* generico */ .ccli-cabecera-central-nivel1 { margin-bottom: 10px; position: relative; } @media screen and (min-width: 980px) { .ccli-cabecera-central-nivel1 { margin-bottom: 20px; } } .ccli-cabecera-central-nivel1 > .ccli-titulo { margin: 0; display: inline-block; }  .ccli-boton-ayuda { position: absolute; right: 0; top: 5px; } @media print { .ccli-boton-ayuda { display: none; } } @media screen and (max-width: 979px) { .ccli-boton-ayuda { padding: 0px; border: none !important; background-color: transparent !important; } .ccli-boton-ayuda .ccli-icono svg { fill: #009BCE; stroke: #009BCE; } }  .ccli-cabecera-central-nivel2 { margin-bottom: 10px; position: relative; } @media screen and (min-width: 980px) { .ccli-cabecera-central-nivel2 { margin-bottom: 20px; } } .ccli-cabecera-central-nivel2 > .ccli-titulo { display: inline; vertical-align: middle; } @media print { .ccli-cabecera-central-nivel2 .ccli-icono { display: none; } } .ccli-cabecera-central-nivel2 .ccli-volver { margin-right: 11px; display: inline-block; vertical-align: middle; }  .ccli-tarjeta { border: 1px solid #E9EAE8; margin-bottom: 10px; } @media print { .ccli-tarjeta { page-break-inside: avoid; } }  .ccli-icono { width: 25px; height: 25px; display: inline-block; line-height: normal; } .ccli-icono svg { width: 100%; height: 100%; fill: #50535A; stroke: #50535A; vertical-align: middle; display: inline-block; } .ccli-icono.ccli-icono-ajustado { width: 1.2em !important; height: 1.2em !important; } .ccli-icono.ccli-icono-mediano { width: 16px !important; height: 16px !important; } .ccli-icono.ccli-icono-pequeno { width: 12px !important; height: 12px !important; } .ccli-icono.ccli-icono-micro { width: 8px !important; height: 8px !important; } .ccli-icono[ng-click] svg, .ccli-icono[uib-dropdown-toggle] svg { fill: #009BCE; stroke: #009BCE; } .ccli-icono[ng-click]:hover svg, .ccli-icono[ng-click] svg:focus, .ccli-icono[uib-dropdown-toggle]:hover svg, .ccli-icono[uib-dropdown-toggle] svg:focus { fill: #4db9dd; stroke: #4db9dd; } .ccli-icono.ccli-fondo-oscuro svg { fill: #FFFFFF; stroke: #FFFFFF; } .ccli-icono.ccli-fondo-oscuro[ng-click]:hover svg, .ccli-icono.ccli-fondo-oscuro[ng-click] svg:focus, .ccli-icono.ccli-fondo-oscuro[uib-dropdown-toggle]:hover svg, .ccli-icono.ccli-fondo-oscuro[uib-dropdown-toggle] svg:focus { fill: #b3b3b3; stroke: #b3b3b3; } .ccli-icono.ccli-fondo-medio svg { fill: #009BCE; stroke: #009BCE; } .ccli-icono.ccli-fondo-medio[ng-click]:hover svg, .ccli-icono.ccli-fondo-medio[ng-click] svg:focus, .ccli-icono.ccli-fondo-medio[uib-dropdown-toggle]:hover svg, .ccli-icono.ccli-fondo-medio[uib-dropdown-toggle] svg:focus { fill: #4db9dd; stroke: #4db9dd; }  /* procesos */ .ccli-pagina-proceso #ccli-contenido-central { max-width: 320px; margin: 10px auto; } @media screen and (min-width: 768px), print { .ccli-pagina-proceso #ccli-contenido-central { margin: 20px auto; } }  .ccli-pagina-proceso #ccli-app-infoblock { width: 100%; max-width: 320px; margin: 10px auto; } @media screen and (min-width: 768px), print { .ccli-pagina-proceso #ccli-app-infoblock { max-width: 410px; margin: 20px auto; } }  .ccli-proceso-bienvenida > .ccli-titulo { font-size: 28px; text-align: center; }  .ccli-proceso-bienvenida > .ccli-subtitulo { text-align: center; }  .ccli-proceso-bienvenida .ccli-alerta { width: 100%; margin-top: 10px; } @media screen and (min-width: 768px), print { .ccli-proceso-bienvenida .ccli-alerta { margin-top: 20px; } }  .ccli-proceso-secciones { margin: 10px auto 0 auto; } @media screen and (min-width: 768px), print { .ccli-proceso-secciones { margin: 20px auto 0 auto; } } .ccli-proceso-secciones .ccli-proceso-seccion.ng-hide-add, .ccli-proceso-secciones .ccli-proceso-seccion.ng-hide-remove { -ms-transition: all linear 0.5s; -o-transition: all linear 0.5s; -webkit-transition: all linear 0.5s; transition: all linear 0.5s; } .ccli-proceso-secciones .ccli-proceso-seccion:not(:first-child) { margin-top: 10px; padding-top: 10px; border-top: 1px solid #B6B7B7; } @media screen and (min-width: 768px), print { .ccli-proceso-secciones .ccli-proceso-seccion:not(:first-child) { margin-top: 20px; padding-top: 20px; } } .ccli-proceso-secciones .ccli-proceso-seccion .ccli-boton-seccion { width: 100%; display: block; } .ccli-proceso-secciones .ccli-proceso-seccion .ccli-formulario, .ccli-proceso-secciones .ccli-proceso-seccion .ccli-proceso-seccion-titulo { display: none; } .ccli-proceso-secciones .ccli-proceso-seccion.ccli-activo .ccli-formulario, .ccli-proceso-secciones .ccli-proceso-seccion.ccli-activo .ccli-proceso-seccion-titulo { display: block; } .ccli-proceso-secciones .ccli-proceso-seccion.ccli-activo .ccli-boton-seccion { display: none; } .ccli-proceso-secciones .ccli-proceso-seccion .ccli-proceso-seccion-titulo { margin-bottom: 10px; } .ccli-proceso-secciones .ccli-proceso-seccion .ccli-proceso-seccion-titulo .ccli-titulo { font: 14px TelefonicaRegular; text-transform: uppercase; display: inline-block; height: 25px; } .ccli-proceso-secciones .ccli-proceso-seccion .ccli-proceso-seccion-titulo .ccli-icono { margin-left: 10px; }  .ccli-proceso-notafinal { text-align: center; margin-top: 10px; } @media screen and (min-width: 768px), print { .ccli-proceso-notafinal { margin-top: 20px; } } .ccli-proceso-notafinal .ccli-titulo { font-weight: bold; }  /* formularios */ .ccli-formulario .ccli-campo { position: relative; margin: 0 0 10px 0; } .ccli-formulario .ccli-campo label { width: 100%; margin-bottom: 0; font-weight: normal; vertical-align: middle; } .ccli-formulario .ccli-campo .ccli-campo-etiqueta { color: #50535A; position: absolute; left: 10px; top: 10px; pointer-events: none; -ms-transition: left ease 0.5s, top ease 0.5s, font-size ease 0.5s; -o-transition: left ease 0.5s, top ease 0.5s, font-size ease 0.5s; -webkit-transition: left ease 0.5s, top ease 0.5s, font-size ease 0.5s; transition: left ease 0.5s, top ease 0.5s, font-size ease 0.5s; white-space: nowrap; } .ccli-formulario .ccli-campo.ccli-activo .ccli-campo-etiqueta { left: 10px; top: -2px; font-size: 11px; color: #B6B7B7; pointer-events: auto; } .ccli-formulario .ccli-campo .ccli-errores { font: normal 12px/16px TelefonicaRegular, arial, helvetica, sans-serif; color: #d23c31; margin-top: 5px; display: none; } .ccli-formulario .ccli-campo .ccli-errores .ccli-error { display: none; } .ccli-formulario .ccli-campo input, .ccli-formulario .ccli-campo select { padding: 7px 10px; height: 40px; border: 1px solid #D3D4D3; color: #50535A; width: 100%; } .ccli-formulario .ccli-campo input.ng-touched.ng-invalid, .ccli-formulario .ccli-campo input.ng-dirty.ng-invalid, .ccli-formulario .ccli-campo select.ng-touched.ng-invalid, .ccli-formulario .ccli-campo select.ng-dirty.ng-invalid, .ccli-formulario .ccli-campo input.ng-invalid-ccli-valida-usuario, .ccli-formulario .ccli-campo input.ng-invalid-ccli-valida-telefono, .ccli-formulario .ccli-campo input.ng-invalid-ccli-valida-tipo-usuario { border-color: #d23c31; } .ccli-formulario .ccli-campo input.ng-touched.ng-valid, .ccli-formulario .ccli-campo input.ng-dirty.ng-valid, .ccli-formulario .ccli-campo input.ng-dirty.ng-valid-required.ng-valid-pattern, .ccli-formulario .ccli-campo input.ng-dirty.ng-valid-required.ng-valid-ccli-valida-clave-telco, .ccli-formulario .ccli-campo select.ng-touched.ng-valid, .ccli-formulario .ccli-campo select.ng-dirty.ng-valid { border-color: #5BC500; } .ccli-formulario .ccli-campo input:focus, .ccli-formulario .ccli-campo select:focus { border: 1px solid #00A9E0 !important; outline: none; } .ccli-formulario .ccli-campo input[readonly], .ccli-formulario .ccli-campo select[readonly] { border: none; } .ccli-formulario .ccli-campo input.ng-invalid.ng-dirty ~ .ccli-errores, .ccli-formulario .ccli-campo input.ng-invalid.ng-touched ~ .ccli-errores, .ccli-formulario .ccli-campo select.ng-invalid.ng-dirty ~ .ccli-errores, .ccli-formulario .ccli-campo select.ng-invalid.ng-touched ~ .ccli-errores, .ccli-formulario .ccli-campo input.ng-invalid-ccli-valida-telefono ~ .ccli-errores, .ccli-formulario .ccli-campo input.ng-invalid-ccli-valida-usuario ~ .ccli-errores,  .ccli-formulario .ccli-campo input.ng-invalid-ccli-valida-tipo-usuario ~ .ccli-errores { display: block; } .ccli-formulario .ccli-campo input.ng-invalid-required ~ .ccli-errores .ccli-error-required, .ccli-formulario .ccli-campo select.ng-invalid-required ~ .ccli-errores .ccli-error-required { display: block; } .ccli-formulario .ccli-campo input.ng-invalid-pattern ~ .ccli-errores .ccli-error-pattern, .ccli-formulario .ccli-campo select.ng-invalid-pattern ~ .ccli-errores .ccli-error-pattern { display: block; } .ccli-formulario .ccli-campo input { padding: 18px 40px 2px 10px; } .ccli-formulario .ccli-campo.ccli-campo-con-check-ok .ccli-icono.ccli-campo-check-ok { text-align: right; display: none; position: absolute; right: 16px; top: 19px; } .ccli-formulario .ccli-campo.ccli-campo-con-check-ok .ccli-icono.ccli-campo-check-ok svg { fill: #4EA800; stroke: #4EA800; } .ccli-formulario .ccli-campo.ccli-campo-con-check-ok input.ng-valid ~ .ccli-campo-check-ok, .ccli-formulario .ccli-campo.ccli-campo-con-check-ok input.ng-valid-required.ng-valid-pattern ~ .ccli-campo-check-ok,.ccli-formulario .ccli-campo.ccli-campo-con-check-ok input.ng-valid-required.ng-valid-ccli-valida-clave-telco ~ .ccli-campo-check-ok{ display: inline-block; } .ccli-formulario .ccli-campo .ccli-descripcion { color: #86888C; margin-top: 5px; font: normal 12px/16px TelefonicaRegular, arial, helvetica, sans-serif; } .ccli-formulario .ccli-campo .ccli-ojo { position: absolute; right: 7px; top: 18px; display: none; } .ccli-formulario .ccli-campo .ccli-ojo svg { fill: #B6B7B7 !important; stroke: #B6B7B7 !important; } .ccli-formulario .ccli-campo.ccli-tiene-foco .ccli-ojo { display: inline-block; } .ccli-formulario .ccli-campo.ccli-tiene-foco .ccli-campo-check-ok { display: none !important; } .ccli-formulario .ccli-campo input[type=password] ~ .ccli-ojo > .ccli-ojo-cerrado { display: none; } .ccli-formulario .ccli-campo input[type=password] ~ .ccli-ojo > .ccli-ojo-abierto { display: inline-block; width: 100%; height: 21px; } .ccli-formulario .ccli-campo input[type=text] ~ .ccli-ojo > .ccli-ojo-cerrado { display: inline-block; width: 100%; height: 21px; } .ccli-formulario .ccli-campo input[type=text] ~ .ccli-ojo > .ccli-ojo-abierto { display: none; }  .ccli-formulario .ccli-boton { margin-top: 10px; width: 100%; }  .ccli-campo.ccli-radiobutton span { height: 28px; }  .ccli-campo.ccli-radiobutton input[type=radio] { width: 0; height: 0; display: block; position: absolute; left: -9999px; top: -9999px; }  .ccli-campo.ccli-radiobutton:not(.ccli-radiobutton-oculto) .ccli-campo-etiqueta { display: inline-block; cursor: pointer; position: relative !important; margin-right: 15px; margin-top: 6px; top: 0 !important; pointer-events: auto !important; padding-left: 35px; } .ccli-campo.ccli-radiobutton:not(.ccli-radiobutton-oculto) .ccli-campo-etiqueta::before { content: ""; display: inline-block; width: 24px; height: 24px; margin-right: 10px; position: absolute; left: 0; top: -2px; background-color: #FFFFFF; border: 1px solid #86888C; border-radius: 25px; }  .ccli-campo.ccli-radiobutton:not(.ccli-radiobutton-oculto) input[type=radio]:checked + .ccli-campo-etiqueta::before { border-color: #5BC500; }  .ccli-campo.ccli-radiobutton:not(.ccli-radiobutton-oculto) input[type=radio]:checked + .ccli-campo-etiqueta::after { content: ""; display: inline-block; width: 12px; height: 12px; margin-right: 10px; position: absolute; left: 6px; top: 4px; background-color: #5BC500; border-radius: 25px; }  .ccli-campo.ccli-radiobutton:not(.ccli-radiobutton-oculto) input[type=radio]:focus + .ccli-campo-etiqueta::before { border-color: #00A9E0; }  .ccli-campo.ccli-radiobutton:not(.ccli-radiobutton-oculto) input[type=radio]:disabled + .ccli-campo-etiqueta::before { border-color: #D3D4D3; }  .ccli-campo.ccli-radiobutton:not(.ccli-radiobutton-oculto) input[type=radio]:disabled:checked + .ccli-campo-etiqueta::after { background-color: #D3D4D3; }  .ccli-campo.ccli-radiobutton:not(.ccli-radiobutton-oculto) input:not([type=radio]) { vertical-align: top; }  .ccli-radiobutton-group .ccli-campo.ccli-radiobutton { margin-bottom: 0; }  .ccli-tablecell > .ccli-campo.ccli-radiobutton { margin-right: 10px; }  .ccli-campo.ccli-checkbox:not(.ccli-switch) span { height: 28px; }  .ccli-campo.ccli-checkbox:not(.ccli-switch) input[type=checkbox] { width: 0; height: 0; display: block; }  .ccli-campo.ccli-checkbox:not(.ccli-switch):not(.ccli-checkbox-oculto) .ccli-campo-etiqueta { display: inline-block; cursor: pointer; position: relative !important; margin-right: 15px; margin-top: 6px; top: 0 !important; pointer-events: auto !important; padding-left: 35px; } .ccli-campo.ccli-checkbox:not(.ccli-switch):not(.ccli-checkbox-oculto) .ccli-campo-etiqueta::before { content: ""; display: inline-block; width: 24px; height: 24px; margin-right: 10px; position: absolute; left: 0; top: -2px; background-color: #FFFFFF; border: 1px solid #86888C; }  .ccli-campo.ccli-checkbox:not(.ccli-switch):not(.ccli-checkbox-oculto) input[type=checkbox]:checked + .ccli-campo-etiqueta::before { border-color: #5BC500; }  .ccli-campo.ccli-checkbox:not(.ccli-switch):not(.ccli-checkbox-oculto) input[type=checkbox]:checked + .ccli-campo-etiqueta::after { content: "\2713"; display: inline-block; margin-right: 10px; position: absolute; left: 6px; color: #5BC500; font: bold 14px TelefonicaRegular; }  .ccli-campo.ccli-checkbox:not(.ccli-switch):not(.ccli-checkbox-oculto) input[type=checkbox]:focus + .ccli-campo-etiqueta::before { border-color: #00A9E0; }  .ccli-campo.ccli-checkbox:not(.ccli-switch):not(.ccli-checkbox-oculto) input[type=checkbox]:disabled + .ccli-campo-etiqueta::before { border-color: #D3D4D3; }  .ccli-campo.ccli-checkbox:not(.ccli-switch):not(.ccli-checkbox-oculto) input[type=checkbox]:disabled:checked + .ccli-campo-etiqueta::after { background-color: #D3D4D3; }  .ccli-campo.ccli-checkbox:not(.ccli-switch):not(.ccli-checkbox-oculto) input:not([type=checkbox]) { vertical-align: top; }  .ccli-campo.ccli-checkbox.ccli-switch span { height: 34px; }  .ccli-campo.ccli-checkbox.ccli-switch input[type=checkbox] { width: 0; height: 0; display: block; }  .ccli-campo.ccli-checkbox.ccli-switch:not(.ccli-checkbox-oculto) .ccli-campo-etiqueta { display: inline-block; cursor: pointer; position: relative !important; margin-right: 15px; margin-top: 6px; top: 0 !important; pointer-events: auto !important; padding-left: 75px; } .ccli-campo.ccli-checkbox.ccli-switch:not(.ccli-checkbox-oculto) .ccli-campo-etiqueta::before { content: ""; display: inline-block; width: 69px; height: 30px; margin-right: 10px; position: absolute; left: 0; top: -4px; background-color: #B6B7B7; border-radius: 25px; transition: background-color ease 0.5s; } .ccli-campo.ccli-checkbox.ccli-switch:not(.ccli-checkbox-oculto) .ccli-campo-etiqueta::after { content: ""; display: inline-block; width: 24px; height: 24px; margin-right: 10px; position: absolute; left: 4px; top: -1px; background-color: #FFFFFF; border-radius: 25px; transition: left ease 0.5s; }  .ccli-campo.ccli-checkbox.ccli-switch:not(.ccli-checkbox-oculto) input[type=checkbox]:checked + .ccli-campo-etiqueta::before { background-color: #5BC500; }  .ccli-campo.ccli-checkbox.ccli-switch:not(.ccli-checkbox-oculto) input[type=checkbox]:checked + .ccli-campo-etiqueta::after { left: 41px; }  .ccli-campo.ccli-checkbox.ccli-switch:not(.ccli-checkbox-oculto) input[type=checkbox]:focus + .ccli-campo-etiqueta::before { border: 1px solid #00A9E0; }  .ccli-campo.ccli-checkbox.ccli-switch:not(.ccli-checkbox-oculto) input[type=checkbox]:disabled + .ccli-campo-etiqueta::before { background-color: #B6B7B7; }  .ccli-campo.ccli-checkbox.ccli-switch:not(.ccli-checkbox-oculto) input:not([type=checkbox]) { vertical-align: top; }  /* ocultar iconos especificos de MS */ ::-ms-reveal, ::-ms-clear { display: none !important; }  /* menu horizontal */ .ccli-menu-horizontal { border-bottom: 1px solid #D3D4D3; }  .ccli-menu-horizontal-lista-opciones-contenedor { display: table; /*table-layout: fixed;*/ width: 100%; }  .ccli-menu-horizontal-lista-opciones-fila { display: table-row; }  .ccli-menu-horizontal-lista-opcion-celda { display: table-cell; border-bottom: 3px solid transparent; vertical-align: middle; text-align: center; padding: 8px 5px 7px 5px; } .ccli-menu-horizontal-lista-opcion-celda.ccli-activo { border-bottom: 3px solid #00A9E0; } .ccli-menu-horizontal-lista-opcion-celda .ccli-etiqueta { font: 16px TelefonicaLight; text-transform: uppercase; color: #50535A; } .ccli-menu-horizontal-lista-opcion-celda:hover .ccli-etiqueta, .ccli-menu-horizontal-lista-opcion-celda.ccli-activo .ccli-etiqueta { color: #00A9E0; } .ccli-menu-horizontal-lista-opcion-celda .ccli-importe { border-radius: 3px; color: #FFFFFF; padding: 1px 3px; height: 18px; margin-left: 10px; background-color: #50535A; } .ccli-menu-horizontal-lista-opcion-celda:hover .ccli-importe, .ccli-menu-horizontal-lista-opcion-celda.ccli-activo .ccli-importe { background-color: #00A9E0; } .ccli-menu-horizontal-lista-opcion-celda .ccli-contador { border-radius: 14px; border: solid 1px #50535A; display: inline-block; padding: 3px 5px; min-width: 24px; margin-left: 5px; } .ccli-menu-horizontal-lista-opcion-celda .ccli-contador.ccli-contador-marca { padding: 6px 3px 0px 3px; margin-bottom: 5px; min-width: initial; } .ccli-menu-horizontal-lista-opcion-celda .ccli-contador.ccli-contador-info { background-color: #00A9E0; border-color: #00A9E0; color: #FFFFFF; } .ccli-menu-horizontal-lista-opcion-celda .ccli-contador.ccli-contador-alerta { background-color: #d23c31; border-color: #d23c31; color: #000000; }  /* Cabecera */ /* #buscador .gr-header-link { margin-top: 5px; margin-bottom: 5px; margin-left: 5px;  @media screen and (min-width: 980px), print { margin-top: 0; margin-bottom: 0; } }  .blockInpSearch { margin-left: 0; }  header .gr-header .gr-buscador .blockInpImg { width: auto; float: none; }  @media screen and (min-width: 980px), print {  header .gr-header .gr-buscador .blockInpSearch #search { width: 162px; }  #menumovil { display: none !important; }  .SSO_miMovMenu { height: auto !important; min-width: 406px !important; } }  / *#desplegable .nav > li > a:hover, .nav > li > a:focus { background-color: transparent; }* /  .icon-conectar { font-size: 2em; margin-left: 1em; color: $ColorPrimario2 !important; }  .link-logo-menu { height: 5em; }  .gr-menuMobile .navbar-toggle { margin-right: 0; padding-right: 0; padding-top: 14px; padding-bottom: 0; }  .triangulo-up { display: block; }  #menumovil { padding-left: 0;  .navbar-nav { margin: 7.5px 0; }  .triangulo-up { right: 120px; }  .icon-cheuron-dcha { float: right; color: $ColorIconoAccionFG; display: inline-block; padding-right: 7%; font-size: 1.5em; } }  #desplegable .triangulo-up { right: 20px; }  .ccli-boton-desconectar-movil { margin-bottom: 10px; }  */ .ccli-cabecera-escritorio .ccli-cabecera-bloque-superior { background-color: #50535A; color: #FFFFFF; height: 40px; } .ccli-cabecera-escritorio .ccli-cabecera-bloque-superior .ccli-cabecera-bloque-segmentos { display: inline-block; } .ccli-cabecera-escritorio .ccli-cabecera-bloque-superior .ccli-cabecera-bloque-segmentos .ccli-cabecera-bloque-segmentos-segmento { display: inline-block; margin: 0; padding: 0; } .ccli-cabecera-escritorio .ccli-cabecera-bloque-superior .ccli-cabecera-bloque-segmentos .ccli-cabecera-bloque-segmentos-segmento li { list-style: none; display: inline-block; padding: 10px; background: #86888C; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; } .ccli-cabecera-escritorio .ccli-cabecera-bloque-superior .ccli-cabecera-bloque-segmentos .ccli-cabecera-bloque-segmentos-segmento li a { color: #FFFFFF; text-decoration: none; } .ccli-cabecera-escritorio .ccli-cabecera-bloque-superior .ccli-cabecera-bloque-segmentos .ccli-cabecera-bloque-segmentos-segmento li.active { background: #FFFFFF; } .ccli-cabecera-escritorio .ccli-cabecera-bloque-superior .ccli-cabecera-bloque-segmentos .ccli-cabecera-bloque-segmentos-segmento li.active a { color: #00A9E0; } .ccli-cabecera-escritorio .ccli-cabecera-bloque-superior .ccli-cabecera-bloque-links { display: inline-block; float: right; padding: 6px 0 0 0; margin: 0; } .ccli-cabecera-escritorio .ccli-cabecera-bloque-superior .ccli-cabecera-bloque-links li { list-style: none; display: inline-block; } .ccli-cabecera-escritorio .ccli-cabecera-bloque-superior .ccli-cabecera-bloque-links li a { color: #FFFFFF; text-decoration: none; } .ccli-cabecera-escritorio .ccli-cabecera-bloque-superior .ccli-cabecera-bloque-buscador { float: right; display: inline-block; padding: 6px 0 0 0; } .ccli-cabecera-escritorio .ccli-cabecera-bloque-superior .ccli-cabecera-bloque-buscador label { display: inline-block; } .ccli-cabecera-escritorio .ccli-cabecera-bloque-superior .ccli-cabecera-bloque-buscador .ccli-icono { vertical-align: middle; }  .ccli-cabecera-escritorio .ccli-cabecera-bloque-menu { height: 71px; background-color: #FFFFFF; clear: both; border-bottom: 1px solid #D3D4D3; } .ccli-cabecera-escritorio .ccli-cabecera-bloque-menu .ccli-logo { display: inline-block; width: 200px; height: 70px; } .ccli-cabecera-escritorio .ccli-cabecera-bloque-menu .ccli-logo a { text-decoration: none; } .ccli-cabecera-escritorio .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-cabecera-menu-nivel1 { display: inline-block; vertical-align: top; margin: 0; padding: 0; } .ccli-cabecera-escritorio .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-cabecera-menu-nivel1 > li { display: inline-block; padding: 30px 8px 0 8px; height: 70px; border-bottom: 3px solid #FFFFFF; } .ccli-cabecera-escritorio .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-cabecera-menu-nivel1 > li.open { border-bottom: 3px solid #00A9E0; } .ccli-cabecera-escritorio .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-cabecera-menu-nivel1 > li .dropdown-menu { width: 980px; border: none; max-height: none; margin: 0; padding: 0; top: calc(100% + 3px); } .ccli-cabecera-escritorio .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-cabecera-menu-nivel1 > li .ccli-cabecera-menu-nivel1-submenu { padding: 15px; } .ccli-cabecera-escritorio .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-cabecera-menu-nivel1 > li .ccli-cabecera-menu-nivel1-submenu .ccli-cabecera-menu-nivel1-toggle-container .ccli-icono { margin-left: 5px; } .ccli-cabecera-escritorio .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-cabecera-menu-nivel1 > li .ccli-cabecera-menu-nivel1-submenu .ccli-cabecera-menu-nivel2-tabla { display: table; width: 100%; } .ccli-cabecera-escritorio .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-cabecera-menu-nivel1 > li .ccli-cabecera-menu-nivel1-submenu .ccli-cabecera-menu-nivel2-tabla .ccli-cabecera-menu-nivel2-fila { display: table-row; } .ccli-cabecera-escritorio .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-cabecera-menu-nivel1 > li .ccli-cabecera-menu-nivel1-submenu .ccli-cabecera-menu-nivel2-tabla .ccli-cabecera-menu-nivel2-fila .ccli-cabecera-menu-nivel2-toggle-container { display: table-cell; vertical-align: top; padding: 0px 10px; height: 42px; } .ccli-cabecera-escritorio .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-cabecera-menu-nivel1 > li .ccli-cabecera-menu-nivel1-submenu .ccli-cabecera-menu-nivel2-tabla .ccli-cabecera-menu-nivel2-fila .ccli-cabecera-menu-nivel2-toggle-container .ccli-cabecera-menu-nivel2-toggle { text-align: center; } .ccli-cabecera-escritorio .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-cabecera-menu-nivel1 > li .ccli-cabecera-menu-nivel1-submenu .ccli-cabecera-menu-nivel2-tabla .ccli-cabecera-menu-nivel2-fila .ccli-cabecera-menu-nivel2-toggle-container .ccli-cabecera-menu-nivel2-toggle img { height: 31px; } .ccli-cabecera-escritorio .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-cabecera-menu-nivel1 > li .ccli-cabecera-menu-nivel1-submenu .ccli-cabecera-menu-nivel2-tabla .ccli-cabecera-menu-nivel2-fila .ccli-cabecera-menu-nivel2-submenu { display: table-cell; vertical-align: top; } .ccli-cabecera-escritorio .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-cabecera-menu-nivel1 > li .ccli-cabecera-menu-nivel1-submenu .ccli-cabecera-menu-nivel2-tabla .ccli-cabecera-menu-nivel2-fila .ccli-cabecera-menu-nivel2-submenu .ccli-cabecera-menu-nivel2-container { margin: 5px 5px 0 5px; border-top: 1px solid #D3D4D3; } .ccli-cabecera-escritorio .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-cabecera-menu-nivel1 > li .ccli-cabecera-menu-nivel1-submenu .ccli-cabecera-menu-nivel2-tabla .ccli-cabecera-menu-nivel2-fila .ccli-cabecera-menu-nivel2-submenu .ccli-cabecera-menu-nivel2-container .ccli-cabecera-menu-nivel2 { padding: 10px 5px; margin: 0; vertical-align: top; display: inline-block; } .ccli-cabecera-escritorio .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-cabecera-menu-nivel1 > li .ccli-cabecera-menu-nivel1-submenu .ccli-cabecera-menu-nivel2-tabla .ccli-cabecera-menu-nivel2-fila .ccli-cabecera-menu-nivel2-submenu .ccli-cabecera-menu-nivel2-container .ccli-cabecera-menu-nivel2 .ccli-cabecera-menu-nivel3-toggle-container { list-style: none; min-height: 36px; padding: 8px 0; border-bottom: 1px solid #E9EAE8; } .ccli-cabecera-escritorio .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-cabecera-menu-nivel1 > li .ccli-cabecera-menu-nivel1-submenu .ccli-cabecera-menu-nivel2-tabla .ccli-cabecera-menu-nivel2-fila .ccli-cabecera-menu-nivel2-submenu .ccli-cabecera-menu-nivel2-container .ccli-cabecera-menu-nivel2 .ccli-cabecera-menu-nivel3-toggle-container a { text-decoration: none; } .ccli-cabecera-escritorio .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-cabecera-menu-nivel1 > li .ccli-cabecera-menu-nivel1-submenu .ccli-cabecera-menu-nivel2-tabla .ccli-cabecera-menu-nivel2-fila .ccli-cabecera-menu-nivel2-submenu .ccli-cabecera-menu-nivel2-container .ccli-cabecera-menu-nivel2 .ccli-cabecera-menu-nivel3-toggle-container a:hover { text-decoration: underline; } .ccli-cabecera-escritorio .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-cabecera-menu-nivel1 > li .ccli-cabecera-menu-nivel1-submenu .ccli-cabecera-menu-nivel2-tabla .ccli-cabecera-menu-nivel2-fila .ccli-cabecera-menu-nivel2-submenu .ccli-cabecera-menu-nivel2-container .ccli-cabecera-menu-nivel2 .ccli-cabecera-menu-nivel3-toggle-container .ccli-icono { display: none; } .ccli-cabecera-escritorio .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-cabecera-menu-nivel1 > li .ccli-cabecera-menu-nivel1-submenu .ccli-cabecera-menu-nivel2-toggle > .ccli-icono { display: none; } .ccli-cabecera-escritorio .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-cabecera-menu-nivel1 > li.ccli-cabecera-menuizq-escritorio .dropdown-menu { width: 200px; } .ccli-cabecera-escritorio .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-cabecera-menu-nivel1 > li.ccli-cabecera-menuizq-escritorio .ccli-cabecera-menu-nivel2-container { border-top: none !important; margin: 0 !important; }  .ccli-cabecera-escritorio .ccli-cabecera-bloque-id { height: 70px; }  .ccli-cabecera-movil .ccli-cabecera-bloque-superior { height: 48px; } .ccli-cabecera-movil .ccli-cabecera-bloque-superior .ccli-lista-iconos { padding: 0; margin: 0; display: inline-block; vertical-align: top; float: right; } .ccli-cabecera-movil .ccli-cabecera-bloque-superior .ccli-lista-iconos li { list-style: none; margin-right: 15px; display: inline-block; }  .ccli-cabecera-movil .ccli-cabecera-indicador-desplegado { width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #00a8e0 transparent; position: absolute; top: -8px; }  .ccli-cabecera-movil .ccli-cabecera-bloque-menu { position: relative; } .ccli-cabecera-movil .ccli-cabecera-bloque-menu .ccli-cabecera-indicador-menu-desplegado { right: 15px; } .ccli-cabecera-movil .ccli-cabecera-bloque-menu .ccli-navegacion ul { width: 100%; max-height: none; margin: 0; padding: 0; list-style: none; } .ccli-cabecera-movil .ccli-cabecera-bloque-menu .ccli-navegacion ul li { font: 12px Arial; border-bottom: 1px solid #D3D4D3; } .ccli-cabecera-movil .ccli-cabecera-bloque-menu .ccli-navegacion ul li .ccli-cabecera-menu-link a { text-decoration: none; } .ccli-cabecera-movil .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-cabecera-menu-toggle-container.open .ccli-icono-flecha-abajo { display: none; } .ccli-cabecera-movil .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-cabecera-menu-toggle-container.open .ccli-icono-flecha-arriba { display: inline-block; float: right; margin-right: 15px; } .ccli-cabecera-movil .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-cabecera-menu-toggle-container:not(.open) .ccli-icono-flecha-abajo { display: inline-block; float: right; margin-right: 15px; } .ccli-cabecera-movil .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-cabecera-menu-toggle-container:not(.open) .ccli-icono-flecha-arriba { display: none; } .ccli-cabecera-movil .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-icono-flecha-derecha { margin-right: 5px; } .ccli-cabecera-movil .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-cabecera-menu-nivel1 > li { background-color: #00A9E0; color: #FFFFFF; } .ccli-cabecera-movil .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-cabecera-menu-nivel1 .ccli-icono svg { fill: #FFFFFF; stroke: #FFFFFF; } .ccli-cabecera-movil .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-cabecera-menu-nivel1 .ccli-cabecera-menu-link { padding: 10px 10px 10px 10px; height: 32px; } .ccli-cabecera-movil .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-cabecera-menu-nivel1 .ccli-cabecera-menu-link a { color: #FFFFFF; } .ccli-cabecera-movil .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-cabecera-menu-nivel1 .ccli-cabecera-menu-nivel1-toggle-container { height: 32px; padding: 10px 10px 10px 10px; } .ccli-cabecera-movil .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-cabecera-menu-nivel2 > li { background-color: #86888C; color: #FFFFFF; } .ccli-cabecera-movil .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-cabecera-menu-nivel2 .ccli-icono svg { fill: #FFFFFF; stroke: #FFFFFF; } .ccli-cabecera-movil .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-cabecera-menu-nivel2 .ccli-cabecera-menu-link { padding: 7px 10px 7px 20px; height: 28px; } .ccli-cabecera-movil .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-cabecera-menu-nivel2 .ccli-cabecera-menu-link a { color: #FFFFFF; } .ccli-cabecera-movil .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-cabecera-menu-nivel2 .ccli-cabecera-menu-nivel2-toggle-container { padding: 7px 10px 7px 20px; height: 28px; } .ccli-cabecera-movil .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-cabecera-menu-nivel3 > li { background-color: #50535A; color: #5BC500; } .ccli-cabecera-movil .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-cabecera-menu-nivel3 > li .ccli-icono svg { fill: #5BC500; stroke: #5BC500; } .ccli-cabecera-movil .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-cabecera-menu-nivel3 > li .ccli-cabecera-menu-link { padding: 6px 10px 6px 30px; height: 26px; } .ccli-cabecera-movil .ccli-cabecera-bloque-menu .ccli-navegacion .ccli-cabecera-menu-nivel3 > li .ccli-cabecera-menu-link a { color: #5BC500; }  /* Menu Izquierdo */ .ccli-menu-izquierdo { /*color: $Gris5;*/ background-color: #D3D4D3; font-family: TelefonicaLight; padding: 10px 0 2px 10px; } .ccli-menu-izquierdo > .ccli-titulo { padding: 10px 0 26px 10px; font: 20px/16px TelefonicaLight; margin: 0; text-transform: uppercase; } .ccli-menu-izquierdo .ccli-lista-opciones a.ccli-opcion { height: 33px; padding: 4px 0 4px 10px; display: block; margin-bottom: 12px; color: #50535A !important; text-decoration: none; } .ccli-menu-izquierdo .ccli-lista-opciones a.ccli-opcion:hover { color: #00A9E0 !important; } .ccli-menu-izquierdo .ccli-lista-opciones a.ccli-opcion .ccli-icono svg { fill: #50535A; stroke: #50535A; } .ccli-menu-izquierdo .ccli-lista-opciones a.ccli-opcion:hover .ccli-icono svg { fill: #00A9E0; stroke: #00A9E0; } .ccli-menu-izquierdo .ccli-lista-opciones a.ccli-opcion.ccli-activo { background-color: #FFFFFF; color: #00A9E0 !important; } .ccli-menu-izquierdo .ccli-lista-opciones a.ccli-opcion.ccli-activo .ccli-icono svg { fill: #00A9E0; stroke: #00A9E0; } .ccli-menu-izquierdo .ccli-lista-opciones a.ccli-opcion span { display: table-cell; vertical-align: middle; } .ccli-menu-izquierdo .ccli-lista-opciones a.ccli-opcion .ccli-titulo { font-size: 16px; line-height: 25px; text-transform: uppercase; margin: 0; padding-left: 15px; }  /* Estilos de ng-table adaptados */ .ng-table { width: 100%; border-collapse: collapse; border: 0; max-width: 100%; background-color: transparent; border-spacing: 0; } .ng-table tr { border-bottom: 1px solid #D3D4D3; } .ng-table thead tr { border-bottom: none !important; } .ng-table .ng-table-group-selector { display: block; } .ng-table .ng-table-group-selector:before, .ng-table .ng-table-group-selector:after { display: table; content: " "; } .ng-table .ng-table-group-selector:after { clear: both; } .ng-table .filter:before, .ng-table .filter:after { display: table; content: " "; } .ng-table .filter:after { clear: both; } .ng-table .filter > .filter-cell { float: left; box-sizing: border-box; } .ng-table .filter-horizontal > .filter-cell { padding: 0 2px; } .ng-table .filter-horizontal > .filter-cell:first-child { padding-left: 0; } .ng-table .filter-horizontal > .filter-cell:last-child, .ng-table .filter-horizontal > .filter-cell.last { padding-right: 0; } .ng-table .s12 { width: 100%; } .ng-table .s11 { width: 91.66666666666666%; } .ng-table .s10 { width: 83.33333333333334%; } .ng-table .s9 { width: 75%; } .ng-table .s8 { width: 66.66666666666666%; } .ng-table .s7 { width: 58.333333333333336%; } .ng-table .s6 { width: 50%; } .ng-table .s5 { width: 41.66666666666667%; } .ng-table .s4 { width: 33.33333333333333%; } .ng-table .s3 { width: 25%; } .ng-table .s2 { width: 16.666666666666664%; } .ng-table .s1 { width: 8.333333333333332%; } @media all and (max-width: 320px) { .ng-table .s12, .ng-table .s11, .ng-table .s10, .ng-table .s9, .ng-table .s8, .ng-table .s7, .ng-table .s6, .ng-table .s5, .ng-table .s4, .ng-table .s3, .ng-table .s2, .ng-table .s1 { width: 100%; } .ng-table .filter > .filter-cell { padding: 0; } } .ng-table .ng-table-group-close, .ng-table .ng-table-group-toggle { float: right; } .ng-table .ng-table-group-toggle { margin-right: 5px; } .ng-table .ng-table-group-header th { text-align: left; } .ng-table th { text-align: center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 36px; background-color: #D3D4D3; border-right: 1px solid #D3D4D3; padding: 0 10px; font-size: 14px; font-weight: normal; color: #000000; } .ng-table th.filter .input-filter { margin: 0; display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ng-table th.sortable { cursor: pointer; } .ng-table th.sortable .sort-indicator { padding-right: 18px; position: relative; } .ng-table th.sortable .sort-indicator:after, .ng-table th.sortable .sort-indicator:before { content: ""; border-width: 0 4px 4px; border-style: solid; border-color: #50535A transparent; visibility: visible; right: 5px; top: 50%; position: absolute; opacity: 1; margin-top: -4px; } .ng-table th.sortable .sort-indicator:before { margin-top: 2px; border-bottom: none; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #50535A; } .ng-table th.sortable .sort-indicator:hover:after, .ng-table th.sortable .sort-indicator:hover:before { opacity: 1; visibility: visible; } .ng-table th.sortable.sort-desc, .ng-table th.sortable.sort-asc { background-color: #D3D4D3; /* ¿? */ text-shadow: none; } .ng-table th.sortable.sort-desc .sort-indicator:after, .ng-table th.sortable.sort-asc .sort-indicator:after { margin-top: -2px; } .ng-table th.sortable.sort-desc .sort-indicator:before, .ng-table th.sortable.sort-asc .sort-indicator:before { visibility: hidden; } .ng-table th.sortable.sort-asc .sort-indicator:after, .ng-table th.sortable.sort-asc .sort-indicator:hover:after { visibility: visible; filter: alpha(opacity=75); -khtml-opacity: 0.75; -moz-opacity: 0.75; opacity: 0.75; } .ng-table th.sortable.sort-desc .sort-indicator:after { border-bottom: none; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #50535A; visibility: visible; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; filter: alpha(opacity=75); -khtml-opacity: 0.75; -moz-opacity: 0.75; opacity: 0.75; } .ng-table tbody { border-top: 1px solid #D3D4D3; border-bottom: 1px solid #D3D4D3; } .ng-table td { height: 44px; padding: 0 5px; font-size: 14px; text-align: center; } @media screen and (min-width: 980px) { .ng-table td { padding: 0 10px; } } .ng-table .ccli-tabla-controles td, .ng-table .ccli-tabla-template-adicional td { text-align: left; } .ng-table tfoot { display: table-footer-group; } .ng-table.ccli-tabla .ccli-tabla-controles .ccli-tabla-controles-filtrado { display: inline-block; width: 100%; padding: 0 10px; } .ng-table.ccli-tabla .ccli-tabla-controles .ccli-tabla-controles-filtrado .btn-group { margin-right: 5px; margin-bottom: 5px; } .ng-table.ccli-tabla .ccli-tabla-controles #ccli-ordenar { float: right; } .ng-table.ccli-tabla .ccli-tabla-controles .ccli-boton { /*height: 58px;*/ } @media screen and (min-width: 980px), print { .ng-table.ccli-tabla .ccli-tabla-controles .ccli-boton { height: auto; } } .ng-table.ccli-tabla .ccli-tabla-controles .ccli-boton .ccli-tabla-filtro-valor-elegido, .ng-table.ccli-tabla .ccli-tabla-controles .ccli-boton .ccli-tabla-orden-valor-elegido { font-size: 14px; text-transform: none; max-width: 160px; vertical-align: middle; margin-top: 5px; } .ng-table.ccli-tabla .ccli-tabla-controles td { padding: 10px 0 0 0 !important; } .ng-table.ccli-tabla .ccli-tabla-totales-colapsados { text-align: center; } .ng-table.ccli-tabla .ccli-tabla-totales { background-color: #FFFFFF; color: #000000; } @media screen and (max-width: 979px) { .ng-table.ccli-tabla .ccli-tabla-totales.ccli-tabla-ultimafila { vertical-align: top; } } .ng-table.ccli-tabla tr { border-bottom: none; } .ng-table.ccli-tabla tr.ccli-tabla-ultimafila { border-bottom: 1px solid #D3D4D3; } .ng-table.ccli-tabla tr[ng-click]:not(.ccli-tabla-fila-accion-defecto) { cursor: default; } .ng-table.ccli-tabla thead tr.ccli-tabla-ultimafila { border-bottom: 1px solid #B6B7B7 !important; } .ng-table.ccli-tabla .ccli-tabla-fila-accion-defecto { cursor: pointer; } .ng-table.ccli-tabla:not(.ccli-tabla-masdeunafila) .ccli-tabla-totales td { height: 36px !important; } .ng-table.ccli-tabla:not(.ccli-tabla-masdeunafila) tr.ccli-tabla-fila-hover.ccli-tabla-ultimafila td { border-top: 1px solid #00A9E0; border-bottom: 1px solid #00A9E0; } .ng-table.ccli-tabla:not(.ccli-tabla-masdeunafila) tr.ccli-tabla-fila-hover td.ccli-tabla-primeracolumna { border-left: 1px solid #00A9E0; } .ng-table.ccli-tabla:not(.ccli-tabla-masdeunafila) tr.ccli-tabla-fila-hover td.ccli-tabla-ultimacolumna { border-right: 1px solid #00A9E0; } .ng-table.ccli-tabla.ccli-tabla-masdeunafila tr.ccli-tabla-fila-hover:not(.ccli-tabla-ultimafila) td { border-top: 1px solid #00A9E0; } .ng-table.ccli-tabla.ccli-tabla-masdeunafila tr.ccli-tabla-fila-hover.ccli-tabla-ultimafila td, .ng-table.ccli-tabla.ccli-tabla-masdeunafila tr.ccli-tabla-fila-hover:not(.ccli-tabla-ultimafila) td:not([rowspan="1"]) { border-bottom: 1px solid #00A9E0; } .ng-table.ccli-tabla.ccli-tabla-masdeunafila tr.ccli-tabla-fila-hover td.ccli-tabla-primeracolumna { border-left: 1px solid #00A9E0; } .ng-table.ccli-tabla.ccli-tabla-masdeunafila tr.ccli-tabla-fila-hover td.ccli-tabla-ultimacolumna { border-right: 1px solid #00A9E0; } .ng-table.ccli-tabla.ccli-tabla-masdeunafila tr td { height: 22px; padding: 0 5px; font-size: 14px; } @media screen and (min-width: 980px) { .ng-table.ccli-tabla.ccli-tabla-masdeunafila tr td { padding: 0 10px; } } .ng-table.ccli-tabla .ccli-tabla-celda-botones { width: 1%; } @media screen and (max-width: 479px) { .ng-table.ccli-tabla .ccli-tabla-celda-botones { padding: 0 2px !important; } } .ng-table.ccli-tabla.ccli-con-bordes tbody td.ccli-tabla-primeracolumna { border-left: 1px solid #D3D4D3; } .ng-table.ccli-tabla.ccli-con-bordes tbody td.ccli-tabla-ultimacolumna { border-right: 1px solid #D3D4D3; } .ng-table.ccli-tabla tbody td.ccli-tabla-celdaespecial-nodatos { padding: 0 !important; } .ng-table.ccli-tabla tbody td > div { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .ng-table.ccli-tabla tbody td > div.ccli-alerta { white-space: normal; } .ng-table.ccli-tabla tbody td > div.ccli-tabla-columnaespecial-botones { overflow: visible; white-space: nowrap; }  .ccli-tabla-masdatos { height: 44px; background-color: #D3D4D3; } .ccli-tabla-masdatos a { color: #000000; text-decoration: none; }  /* @media only screen and (max-width: 980px) { .ng-table-responsive { border-bottom: 1px solid $ColorBordes; }  .ng-table-responsive tr { border-top: 1px solid $ColorBordes; border-left: 1px solid $ColorBordes; border-right: 1px solid $ColorBordes; }  .ng-table-responsive td:before { position: absolute; padding: 8px; left: 0; top: 0; width: 50%; white-space: nowrap; text-align: left; font-weight: bold; content: attr(data-title-text); }  .ng-table-responsive thead tr th { text-align: left; }  .ng-table-responsive thead tr.ng-table-filters th { padding: 0; }  .ng-table-responsive thead tr.ng-table-filters th form > div { padding: 8px; }  .ng-table-responsive td { border: none; border-bottom: 1px solid $ColorBordes; position: relative; padding-left: 50%; white-space: normal; text-align: left; }  .ng-table-responsive, .ng-table-responsive thead, .ng-table-responsive tbody, .ng-table-responsive th, .ng-table-responsive td, .ng-table-responsive tr { display: block; } } */ .ng-table-pager { text-align: center; background-color: #D3D4D3; }  .ng-table-pagination { margin: 7px 5px; height: 30px; } .ng-table-pagination li { margin: 0; } .ng-table-pagination li a { background-color: #D3D4D3 !important; margin-right: 10px; border-color: #50535A; color: #50535A !important; border-radius: 0 !important; width: 34px; height: 34px; padding: 6px 0; } .ng-table-pagination li a svg { fill: #50535A !important; stroke: #50535A !important; } .ng-table-pagination li a:hover { color: #00A9E0 !important; border-color: #00A9E0 !important; } .ng-table-pagination li a:hover svg { fill: #00A9E0 !important; stroke: #00A9E0 !important; } .ng-table-pagination li:last-child a { margin-right: 0; } .ng-table-pagination li.active a { background-color: #00A9E0 !important; color: #FFFFFF !important; border-color: #00A9E0 !important; } .ng-table-pagination li.active a svg { fill: #FFFFFF !important; stroke: #FFFFFF !important; } .ng-table-pagination li.disabled a { border-color: #86888C !important; color: #86888C !important; } .ng-table-pagination li.disabled a svg { fill: #86888C !important; stroke: #86888C !important; } .ng-table-pagination li.disabled a:hover { color: #86888C !important; } .ng-table-pagination li.disabled a:hover svg { fill: #86888C !important; stroke: #86888C !important; } .ng-table-pagination li.kind-more a { border: 0; padding: 0; color: #50535A !important; width: auto; } .ng-table-pagination li.kind-prev a, .ng-table-pagination li.kind-next a { padding: 6px; }  .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { border-color: #00A9E0; }  /* Pagina de resumen de consumos */ .ccli-resumenconsumos-caja-contenedor { position: relative; } .ccli-resumenconsumos-caja-contenedor .ccli-resumenconsumos-caja { padding: 10px; background-color: #E9EAE8; color: #50535A; position: relative; } @media screen and (min-width: 980px), print { .ccli-resumenconsumos-caja-contenedor .ccli-resumenconsumos-caja { padding: 20px; } } @media print { .ccli-resumenconsumos-caja-contenedor .ccli-resumenconsumos-caja { border: 1px solid #E9EAE8; } } .ccli-resumenconsumos-caja-contenedor .ccli-resumenconsumos-caja-boton-menu { position: absolute; top: 10px; right: 10px; } @media screen and (min-width: 980px), print { .ccli-resumenconsumos-caja-contenedor .ccli-resumenconsumos-caja-boton-menu { top: 20px; right: 20px; } }  .ccli-resumenconsumos-caja-espera-contenedor { height: 500px; } .ccli-resumenconsumos-caja-espera-contenedor .ccli-resumenconsumos-caja-espera { padding: 10px; background-color: #FFFFFF; color: #50535A; }  .ccli-resumenconsumos-caja-error { padding: 10px; background-color: #d23c31; color: #50535A; }  @media screen and (min-width: 980px), print { .ccli-resumenconsumos-caja-importe-y-fecha-contenedor { display: table; width: 100%; } }  @media screen and (min-width: 980px), print { .ccli-resumenconsumos-caja-importe-y-fecha-fila { display: table-row; } }  .ccli-resumenconsumos-linea { font: 16px TelefonicaLight; display: inline-block; padding-bottom: 10px; width: calc(100% - 45px); } @media screen and (min-width: 980px), print { .ccli-resumenconsumos-linea { font-size: 18px; padding-bottom: 30px; } .ccli-resumenconsumos-linea.ccli-resumenconsumos-linea-tipo-prepago { padding-bottom: 15px; } }  .ccli-resumenconsumos-importe { display: block; } @media screen and (min-width: 980px), print { .ccli-resumenconsumos-importe { display: table-cell; } }  .ccli-resumenconsumos-fechas { display: block; padding-top: 10px; } @media screen and (min-width: 980px), print { .ccli-resumenconsumos-fechas { display: table-cell; vertical-align: bottom; text-align: right; } }  .ccli-resumenconsumos-alertas { display: table; width: 100%; border-collapse: separate; border-spacing: 0 5px; padding: 0 5px; } .ccli-resumenconsumos-alertas .ccli-resumenconsumos-lista-alertas { display: table-row; } .ccli-resumenconsumos-alertas .ccli-resumenconsumos-lista-alertas .ccli-resumenconsumos-alerta { display: table-cell; vertical-align: middle; }  .ccli-resumenconsumos-slider-conceptos { display: table; width: 100%; } .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-conceptos-fila { display: table-row; } .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-panel-boton { display: none; } @media screen and (min-width: 980px), print { .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-panel-boton { display: table-cell; width: 25px; } } .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-panel-boton .ccli-resumenconsumos-slider-panel-boton-filler { height: 82px; } @media screen and (min-width: 980px), print { .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-panel-boton .ccli-resumenconsumos-slider-panel-boton-filler { height: 102px; } } .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-panel-boton .ccli-resumenconsumos-slider-boton-izquierdo, .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-panel-boton .ccli-resumenconsumos-slider-boton-derecho { padding: 0 5px; display: none; } @media screen and (min-width: 980px) { .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-panel-boton .ccli-resumenconsumos-slider-boton-izquierdo, .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-panel-boton .ccli-resumenconsumos-slider-boton-derecho { display: block; } } @media print { .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-panel-boton .ccli-resumenconsumos-slider-boton-izquierdo, .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-panel-boton .ccli-resumenconsumos-slider-boton-derecho { display: none; } } .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-contenedor-lista-conceptos { max-width: 212px; overflow: hidden; height: 177px; position: relative; display: table-cell; } @media screen and (min-width: 980px), print { .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-contenedor-lista-conceptos { max-width: 638px; } } .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-contenedor-lista-conceptos .ccli-resumenconsumos-slider-lista-conceptos { position: absolute; left: 0; top: 0; -moz-transition: left 0.5s ease; -o-transition: left 0.5s ease; -webkit-transition: left 0.5s ease; -ms-transition: left 0.5s ease; transition: left 0.5s ease; } .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-contenedor-lista-conceptos .ccli-resumenconsumos-slider-lista-conceptos .ccli-resumenconsumos-concepto { text-align: center; min-width: 212px; display: inline-block; vertical-align: top; position: absolute; top: 0; } .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-contenedor-lista-conceptos .ccli-resumenconsumos-slider-lista-conceptos .ccli-resumenconsumos-concepto .ccli-resumenconsumos-concepto-titulo { margin: 10px 0; } @media screen and (min-width: 980px), print { .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-contenedor-lista-conceptos .ccli-resumenconsumos-slider-lista-conceptos .ccli-resumenconsumos-concepto .ccli-resumenconsumos-concepto-titulo { margin: 20px 0 10px 0; } } .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-contenedor-lista-conceptos .ccli-resumenconsumos-slider-lista-conceptos .ccli-resumenconsumos-concepto .ccli-resumenconsumos-concepto-caducidad { margin-bottom: 20px; } .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-contenedor-lista-conceptos .ccli-resumenconsumos-slider-lista-conceptos .ccli-resumenconsumos-concepto .ccli-resumenconsumos-concepto-grafico { position: relative; width: 135px; height: 135px; margin: 0 auto; display: inline-block; vertical-align: middle; margin-bottom: 10px; } .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-contenedor-lista-conceptos .ccli-resumenconsumos-slider-lista-conceptos .ccli-resumenconsumos-concepto .ccli-resumenconsumos-concepto-grafico .ccli-resumenconsumos-concepto-grafico-canvas { position: absolute; width: 100%; height: 100%; } .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-contenedor-lista-conceptos .ccli-resumenconsumos-slider-lista-conceptos .ccli-resumenconsumos-concepto .ccli-resumenconsumos-concepto-grafico .ccli-resumenconsumos-concepto-grafico-canvas .jqplot-target { width: 135px; height: 135px; } .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-contenedor-lista-conceptos .ccli-resumenconsumos-slider-lista-conceptos .ccli-resumenconsumos-concepto .ccli-resumenconsumos-concepto-grafico .ccli-resumenconsumos-concepto-grafico-total { position: absolute; width: 100%; height: 100%; text-align: center; color: #00A9E0; } .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-contenedor-lista-conceptos .ccli-resumenconsumos-slider-lista-conceptos .ccli-resumenconsumos-concepto .ccli-resumenconsumos-concepto-grafico .ccli-resumenconsumos-concepto-grafico-total .ccli-cantidad-primaria { font: 300 34px TelefonicaLight; letter-spacing: -1.4px; color: #00A9E0; } .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-contenedor-lista-conceptos .ccli-resumenconsumos-slider-lista-conceptos .ccli-resumenconsumos-concepto .ccli-resumenconsumos-concepto-grafico .ccli-resumenconsumos-concepto-grafico-total .ccli-cantidad-secundaria { font: normal 14px TelefonicaRegular; color: #86888C; } .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-contenedor-lista-conceptos .ccli-resumenconsumos-slider-lista-conceptos .ccli-resumenconsumos-concepto .ccli-resumenconsumos-concepto-grafico .ccli-resumenconsumos-concepto-grafico-total .ccli-color-peligro .ccli-cantidad-primaria { color: #d23c31; } .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-contenedor-lista-conceptos .ccli-resumenconsumos-slider-lista-conceptos .ccli-resumenconsumos-concepto .ccli-resumenconsumos-concepto-leyenda-datasharing { margin: 0 auto 20px auto; max-width: 220px; display: inline-block; vertical-align: middle; } .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-contenedor-lista-conceptos .ccli-resumenconsumos-slider-lista-conceptos .ccli-resumenconsumos-concepto .ccli-resumenconsumos-concepto-leyenda-datasharing > div { text-align: left; margin-bottom: 5px; } .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-contenedor-lista-conceptos .ccli-resumenconsumos-slider-lista-conceptos .ccli-resumenconsumos-concepto .ccli-resumenconsumos-concepto-leyenda-datasharing > div:last-child { margin-bottom: 0; } .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-contenedor-lista-conceptos .ccli-resumenconsumos-slider-lista-conceptos .ccli-resumenconsumos-concepto .ccli-resumenconsumos-concepto-leyenda-datasharing .ccli-resumenconsumos-consumo { float: right; height: 20px; margin-left: 5px; } .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-contenedor-lista-conceptos .ccli-resumenconsumos-slider-lista-conceptos .ccli-resumenconsumos-concepto .ccli-resumenconsumos-concepto-leyenda-datasharing .ccli-resumenconsumos-concepto-leyenda-datasharing-linea-principal .ccli-linea { color: #50535A; } .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-contenedor-lista-conceptos .ccli-resumenconsumos-slider-lista-conceptos .ccli-resumenconsumos-concepto .ccli-resumenconsumos-concepto-leyenda-datasharing .ccli-resumenconsumos-concepto-leyenda-datasharing-linea-principal .ccli-resumenconsumos-consumo-parcial { color: #FFFFFF; background-color: #00A9E0; border-radius: 8px; padding: 1px 4px; } .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-contenedor-lista-conceptos .ccli-resumenconsumos-slider-lista-conceptos .ccli-resumenconsumos-concepto .ccli-resumenconsumos-concepto-leyenda-datasharing .ccli-resumenconsumos-concepto-leyenda-datasharing-linea-secundaria .ccli-linea, .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-contenedor-lista-conceptos .ccli-resumenconsumos-slider-lista-conceptos .ccli-resumenconsumos-concepto .ccli-resumenconsumos-concepto-leyenda-datasharing .ccli-resumenconsumos-concepto-leyenda-datasharing-total-lineas .ccli-linea { color: #86888C; } .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-contenedor-lista-conceptos .ccli-resumenconsumos-slider-lista-conceptos .ccli-resumenconsumos-concepto .ccli-resumenconsumos-concepto-leyenda-datasharing .ccli-resumenconsumos-concepto-leyenda-datasharing-linea-secundaria .ccli-resumenconsumos-consumo-parcial, .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-contenedor-lista-conceptos .ccli-resumenconsumos-slider-lista-conceptos .ccli-resumenconsumos-concepto .ccli-resumenconsumos-concepto-leyenda-datasharing .ccli-resumenconsumos-concepto-leyenda-datasharing-total-lineas .ccli-resumenconsumos-consumo-parcial { color: #FFFFFF; background-color: #99ddf3; border-radius: 8px; padding: 1px 4px; } .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-contenedor-lista-conceptos .ccli-resumenconsumos-slider-lista-conceptos .ccli-resumenconsumos-concepto .ccli-resumenconsumos-concepto-leyenda-datasharing .ccli-resumenconsumos-concepto-leyenda-datasharing-total-lineas .ccli-resumenconsumos-consumo { margin-top: 2px; } .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-contenedor-lista-conceptos .ccli-resumenconsumos-slider-lista-conceptos .ccli-resumenconsumos-concepto .ccli-resumenconsumos-concepto-leyenda-datasharing .ccli-resumenconsumos-concepto-leyenda-datasharing-total-lineas .ccli-icono { margin-left: 5px; } .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-contenedor-lista-conceptos .ccli-resumenconsumos-slider-lista-conceptos .ccli-resumenconsumos-concepto .ccli-resumenconsumos-concepto-ampliardatos { margin-bottom: 20px; } .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-contenedor-lista-conceptos .ccli-resumenconsumos-slider-lista-conceptos .ccli-resumenconsumos-concepto .ccli-resumenconsumos-concepto-ampliardatos .ccli-boton { max-width: 212px; } .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-indicador-visibles { height: 30px; } @media screen and (min-width: 980px), print { .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-indicador-visibles { display: none; } } .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-indicador-visibles .ccli-resumenconsumos-slider-indicador-visibles-circulos { text-align: center; } .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-indicador-visibles .ccli-resumenconsumos-slider-indicador-visibles-circulos .ccli-resumenconsumos-slider-conceptos-indicador { margin: 0 10px; } .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-indicador-visibles .ccli-resumenconsumos-slider-indicador-visibles-circulos .ccli-resumenconsumos-slider-conceptos-indicador svg { fill: #86888C; stroke: #86888C; } .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-indicador-visibles .ccli-resumenconsumos-slider-indicador-visibles-circulos .ccli-resumenconsumos-slider-conceptos-indicador:hover svg { fill: #929498; stroke: #929498; } .ccli-resumenconsumos-slider-conceptos .ccli-resumenconsumos-slider-indicador-visibles .ccli-resumenconsumos-slider-indicador-visibles-circulos .ccli-resumenconsumos-slider-conceptos-indicador.ccli-resumenconsumos-concepto-visible svg { fill: #50535A; stroke: #50535A; }  /* Pagina de detalle de consumos */ .ccli-detalleconsumos-caja { padding: 10px 10px 0 10px; background-color: #E9EAE8; color: #50535A; overflow: auto; /* para que los float interiores no se salgan */ } @media screen and (min-width: 980px), print { .ccli-detalleconsumos-caja { padding: 20px 20px 0 20px; } } .ccli-detalleconsumos-caja .ccli-detalleconsumos-importe-y-botones-contenedor { display: table; width: 100%; } .ccli-detalleconsumos-caja .ccli-detalleconsumos-importe-y-botones-contenedor .ccli-detalleconsumos-importe-y-botones-fila { display: table-row; } .ccli-detalleconsumos-caja .ccli-detalleconsumos-importe-y-botones-contenedor .ccli-detalleconsumos-importe-y-botones-fila .ccli-detalleconsumos-importe { display: table-cell; } .ccli-detalleconsumos-caja .ccli-detalleconsumos-importe-y-botones-contenedor .ccli-detalleconsumos-importe-y-botones-fila .ccli-detalleconsumos-botones { display: table-cell; text-align: right; vertical-align: middle; min-width: 125px; } @media print { .ccli-detalleconsumos-caja .ccli-detalleconsumos-importe-y-botones-contenedor .ccli-detalleconsumos-importe-y-botones-fila .ccli-detalleconsumos-botones { display: none; } } .ccli-detalleconsumos-caja .ccli-detalleconsumos-importe-y-botones-contenedor .ccli-detalleconsumos-importe-y-botones-fila .ccli-detalleconsumos-botones .ccli-icono:not(:first-child) { margin-left: 10px; } @media screen and (min-width: 980px), print { .ccli-detalleconsumos-caja .ccli-detalleconsumos-importe-y-botones-contenedor .ccli-detalleconsumos-importe-y-botones-fila .ccli-detalleconsumos-botones .ccli-icono:not(:first-child) { margin-left: 20px; } } .ccli-detalleconsumos-caja .ccli-detalleconsumos-fechas { margin: 19px 0 10px 0; } @media screen and (min-width: 980px), print { .ccli-detalleconsumos-caja .ccli-detalleconsumos-fechas { margin: 14px 0 20px 0; float: right; } }  .ccli-detalleconsumos-contenedor-opciones-grupos { background-color: #E9EAE8; }  @media screen and (min-width: 980px), print { .ccli-detalleconsumos-grupoconcepto { padding-bottom: 7px; } }  @media print { .ccli-detalleconsumos-grupoconcepto:not(.ccli-activo) { display: none; } }  @media screen and (min-width: 980px), print { .ccli-detalleconsumos-grupoconcepto .ccli-etiqueta { font-size: 18px; } }  #ccli-tabla-detalleconsumos-datos thead td .ccli-tabla-columna-importe, #ccli-tabla-detalleconsumos-datos tbody td .ccli-tabla-columna-importe { color: #EC6839; }  @media screen and (max-width: 479px) { #ccli-tabla-detalleconsumos-datos td .ccli-tabla-columna-volumen { color: #000000; } #ccli-tabla-detalleconsumos-datos td .ccli-tabla-columna-fechahora { font-size: 13px; } }  #ccli-tabla-detalleconsumos-voz thead td .ccli-tabla-columna-importe, #ccli-tabla-detalleconsumos-voz tbody td .ccli-tabla-columna-importe { color: #EC6839; }  @media screen and (max-width: 479px) { #ccli-tabla-detalleconsumos-voz .ccli-tabla-columna-fechahora, #ccli-tabla-detalleconsumos-voz .ccli-tabla-columna-telefono, #ccli-tabla-detalleconsumos-voz .ccli-tabla-columna-duracion, #ccli-tabla-detalleconsumos-voz .ccli-tabla-columna-importe { max-width: 100px; } #ccli-tabla-detalleconsumos-voz td .ccli-tabla-columna-telefono { color: #000000; } #ccli-tabla-detalleconsumos-voz td .ccli-tabla-columna-fechahora, #ccli-tabla-detalleconsumos-voz td .ccli-tabla-columna-duracion { font-size: 13px; } }  #ccli-tabla-detalleconsumos-sms thead td .ccli-tabla-columna-importe, #ccli-tabla-detalleconsumos-sms tbody td .ccli-tabla-columna-importe { color: #EC6839; }  @media screen and (max-width: 479px) { #ccli-tabla-detalleconsumos-sms td .ccli-tabla-columna-telefono { color: #000000; } #ccli-tabla-detalleconsumos-sms td .ccli-tabla-columna-fechahora { font-size: 13px; } }  #ccli-tabla-detalleconsumos-otros thead td .ccli-tabla-columna-importe, #ccli-tabla-detalleconsumos-otros tbody td .ccli-tabla-columna-importe { color: #EC6839; }  @media screen and (max-width: 479px) { #ccli-tabla-detalleconsumos-otros .ccli-tabla-columna-fechahora, #ccli-tabla-detalleconsumos-otros .ccli-tabla-columna-concepto, #ccli-tabla-detalleconsumos-otros .ccli-tabla-columna-importe { max-width: 100px; } #ccli-tabla-detalleconsumos-otros td .ccli-tabla-columna-concepto { color: #000000; } #ccli-tabla-detalleconsumos-otros td .ccli-tabla-columna-fechahora { font-size: 13px; } }  #ccli-tabla-detalleconsumos-saldo thead td .ccli-tabla-columna-importe, #ccli-tabla-detalleconsumos-saldo thead td .ccli-tabla-columna-saldo, #ccli-tabla-detalleconsumos-saldo tbody td .ccli-tabla-columna-importe, #ccli-tabla-detalleconsumos-saldo tbody td .ccli-tabla-columna-saldo { color: #EC6839; }  @media screen and (max-width: 479px) { #ccli-tabla-detalleconsumos-saldo td .ccli-tabla-columna-concepto { color: #000000; } #ccli-tabla-detalleconsumos-saldo td .ccli-tabla-columna-fechahora, #ccli-tabla-detalleconsumos-saldo td .ccli-tabla-columna-consumo { font-size: 13px; } }  /* Paginas de facturas (comunes) */ .ccli-facturas-leyendaindicadores { margin-top: 10px; }  .ccli-indicador-tipo-factura-contenedor { display: inline-block; margin-right: 10px; margin-bottom: 5px; }  .ccli-indicador-tipo-factura-icono { border: 1px solid #954B97; border-radius: 25px; text-transform: uppercase; color: #954B97; padding: 1px 4px; margin-left: 5px; display: inline-block; }  .ccli-indicador-tipo-factura-titulo { color: #954B97; display: inline-block; }  .ccli-facturascomun-contadorfacturas { height: 44px; }  /* Pagina de todas las facturas */ .ccli-facturastodas-caja-boton-menu { position: relative; height: 0; } .ccli-facturastodas-caja-boton-menu .btn-group { position: absolute; top: 10px; right: 10px; }  .ccli-facturastodas-grafico { padding: 10px; } @media screen and (min-width: 980px), print { .ccli-facturastodas-grafico { padding: 20px; } } .ccli-facturastodas-grafico .jqplot-target { /*width: 248px;*/ height: 200px; } @media screen and (min-width: 980px), print { .ccli-facturastodas-grafico .jqplot-target { /*width: 650px;*/ height: 200px; } } .ccli-facturastodas-grafico .jqplot-axis, .ccli-facturastodas-grafico .jqplot-point-label { font: 14px arial, helvetica, sans-serif; }  .ccli-facturastodas-grafico-indicadores { height: 15px; margin-top: 10px; text-align: center; } .ccli-facturastodas-grafico-indicadores .ccli-facturastodas-slider-graficos-indicador { margin: 0 10px; } .ccli-facturastodas-grafico-indicadores .ccli-facturastodas-slider-graficos-indicador svg { fill: #86888C; stroke: #86888C; } .ccli-facturastodas-grafico-indicadores .ccli-facturastodas-slider-graficos-indicador:hover svg { fill: #929498; stroke: #929498; } .ccli-facturastodas-grafico-indicadores .ccli-facturastodas-slider-graficos-indicador.ccli-facturastodas-graficos-indicador-visible svg { fill: #50535A; stroke: #50535A; }  #ccli-tabla-facturastodas thead td .ccli-tabla-columna-importe, #ccli-tabla-facturastodas tbody td .ccli-tabla-columna-importe { color: #EC6839; }  #ccli-tabla-facturastodas td .ccli-tabla-columna-nlinea { text-align: left; }  @media screen and (max-width: 479px) { #ccli-tabla-facturastodas .ccli-tabla-columna-fechaemision, #ccli-tabla-facturastodas .ccli-tabla-columna-nlinea { max-width: 100px; } #ccli-tabla-facturastodas .ccli-tabla-columna-nfactura, #ccli-tabla-facturastodas .ccli-tabla-columna-importe { max-width: 173px; } }  @media screen and (max-width: 979px) { #ccli-tabla-facturastodas td .ccli-tabla-columna-nlinea { color: #000000; } #ccli-tabla-facturastodas td .ccli-tabla-columna-nlinea, #ccli-tabla-facturastodas td .ccli-tabla-columna-importe { font-size: 14px; } #ccli-tabla-facturastodas td .ccli-tabla-columna-fechaemision, #ccli-tabla-facturastodas td .ccli-tabla-columna-nfactura { font-size: 13px; } }  /* Pagina de factura html */ .ccli-facturahtml-caja { padding: 10px 10px 0 10px; background-color: #E9EAE8; color: #50535A; overflow: auto; /* para que los float interiores no se salgan */ } @media screen and (min-width: 980px), print { .ccli-facturahtml-caja { padding: 20px 20px 0 20px; } } .ccli-facturahtml-caja .ccli-facturahtml-importe-y-botones-contenedor { display: table; width: 100%; } .ccli-facturahtml-caja .ccli-facturahtml-importe-y-botones-contenedor .ccli-facturahtml-importe-y-botones-fila { display: table-row; } .ccli-facturahtml-caja .ccli-facturahtml-importe-y-botones-contenedor .ccli-facturahtml-importe-y-botones-fila .ccli-facturahtml-importe { display: table-cell; } .ccli-facturahtml-caja .ccli-facturahtml-importe-y-botones-contenedor .ccli-facturahtml-importe-y-botones-fila .ccli-facturahtml-caja-boton-menu { display: table-cell; text-align: right; vertical-align: middle; } @media print { .ccli-facturahtml-caja .ccli-facturahtml-importe-y-botones-contenedor .ccli-facturahtml-importe-y-botones-fila .ccli-facturahtml-caja-boton-menu { display: none; } } .ccli-facturahtml-caja .ccli-facturahtml-bloque-nfactura-y-fechas { margin: 8px 0 5px 0; } @media screen and (min-width: 980px), print { .ccli-facturahtml-caja .ccli-facturahtml-bloque-nfactura-y-fechas { margin: 8px 0 10px 0; float: right; } }  .ccli-facturahtml-contenedor-opciones-grupos { background-color: #E9EAE8; }  .ccli-facturahtml-global { margin-top: 10px; }  .ccli-facturahtml-desplegable-linea { display: table; width: 100%; margin-top: 10px; } .ccli-facturahtml-desplegable-linea .ccli-facturahtml-desplegable-linea-fila { display: table-row; font: 16px TelefonicaLight; background-color: #E9EAE8; color: #50535A; height: 36px; } .ccli-facturahtml-desplegable-linea .ccli-facturahtml-desplegable-linea-fila > div { display: table-cell; padding: 6px 10px; } .ccli-facturahtml-desplegable-linea .ccli-facturahtml-desplegable-linea-fila .ccli-facturahtml-desplegable-linea-titulo .ccli-facturahtml-icono-despliega { margin-right: 10px; } .ccli-facturahtml-desplegable-linea .ccli-facturahtml-desplegable-linea-fila .ccli-facturahtml-desplegable-linea-titulo .ccli-facturahtml-icono-descargar { margin-left: 20px; }  /* Pagina de factura interactiva */ .ccli-facturainteractiva-iframe { width: 100%; height: 0; position: absolute; clip: rect(1px, 1px, 1px, 1px); border: 1px solid #D3D4D3; }  /* Huecos */ .ccli-hueco-pre-cabecera, .ccli-hueco-post-cabecera, .ccli-hueco-pre-central, .ccli-hueco-post-central, .ccli-hueco-pre-sidebar, .ccli-hueco-post-sidebar, .ccli-hueco-pre-content, .ccli-hueco-post-content, .ccli-hueco-pre-pie, .ccli-hueco-post-pie, .ccli-hueco-ofertas, .ccli-hueco-gestiones { width: 100%; height: 0; position: absolute; clip: rect(1px, 1px, 1px, 1px); border: none; padding: 0; display: block; margin: 0 auto; }  .ccli-hueco-pre-cabecera, .ccli-hueco-pre-central, .ccli-hueco-pre-sidebar, .ccli-hueco-pre-content, .ccli-hueco-pre-pie { margin-bottom: 10px; } @media screen and (min-width: 980px) { .ccli-hueco-pre-cabecera, .ccli-hueco-pre-central, .ccli-hueco-pre-sidebar, .ccli-hueco-pre-content, .ccli-hueco-pre-pie { margin-bottom: 20px; } }  .ccli-hueco-post-cabecera, .ccli-hueco-post-central, .ccli-hueco-post-sidebar, .ccli-hueco-post-content, .ccli-hueco-post-pie { margin-top: 10px; } @media screen and (min-width: 980px) { .ccli-hueco-post-cabecera, .ccli-hueco-post-central, .ccli-hueco-post-sidebar, .ccli-hueco-post-content, .ccli-hueco-post-pie { margin-top: 20px; } }  .ccli-hueco-pre-central, .ccli-hueco-post-central { max-width: 300px; } @media screen and (min-width: 980px) { .ccli-hueco-pre-central, .ccli-hueco-post-central { max-width: 940px; } }  .ccli-hueco-pre-sidebar, .ccli-hueco-post-sidebar { max-width: 220px; }  .ccli-hueco-pre-content, .ccli-hueco-post-content, .ccli-hueco-ofertas { max-width: 300px; } @media screen and (min-width: 980px) { .ccli-hueco-pre-content, .ccli-hueco-post-content, .ccli-hueco-ofertas { max-width: 700px; } }  .ccli-hueco-gestiones { max-width: 280px; } @media screen and (min-width: 980px) { .ccli-hueco-gestiones { max-width: 660px; } }  /* Pagina de facturas pendientes */ .ccli-facturaspendientes-bloque-facturas { margin-top: 10px; border-radius: 3px 3px 0 0; border: 1px solid #D3D4D3; }  .ccli-facturaspendientes-desplegable-linea { display: table; width: 100%; } .ccli-facturaspendientes-desplegable-linea .ccli-facturaspendientes-desplegable-linea-fila { display: table-row; font: 16px TelefonicaLight; background-color: #E9EAE8; color: #50535A; height: 36px; } .ccli-facturaspendientes-desplegable-linea .ccli-facturaspendientes-desplegable-linea-fila > div { display: table-cell; padding: 6px 10px; } .ccli-facturaspendientes-desplegable-linea .ccli-facturaspendientes-desplegable-linea-fila .ccli-facturaspendientes-desplegable-linea-titulo .ccli-facturaspendientes-icono-despliega { margin-right: 10px; } .ccli-facturaspendientes-desplegable-linea .ccli-facturaspendientes-desplegable-linea-fila .ccli-facturaspendientes-desplegable-linea-total { color: #EC6839; } .ccli-facturaspendientes-desplegable-linea .ccli-facturaspendientes-desplegable-linea-fila .ccli-facturaspendientes-desplegable-linea-boton { width: 80px; padding: 6px 10px; } .ccli-facturaspendientes-desplegable-linea .ccli-facturaspendientes-desplegable-linea-fila .ccli-facturaspendientes-desplegable-linea-titulosaldo { padding-left: 42px; color: #86888C; } .ccli-facturaspendientes-desplegable-linea .ccli-facturaspendientes-desplegable-linea-fila .ccli-facturaspendientes-desplegable-linea-saldo { color: #5BC500; }  #ccli-tabla-facturaspendientes-0 thead td .ccli-tabla-columna-importe, #ccli-tabla-facturaspendientes-0 tbody td .ccli-tabla-columna-importe, #ccli-tabla-facturaspendientes-1 thead td .ccli-tabla-columna-importe, #ccli-tabla-facturaspendientes-1 tbody td .ccli-tabla-columna-importe { color: #EC6839; }  #ccli-tabla-facturaspendientes-0 td .ccli-tabla-columna-nlinea, #ccli-tabla-facturaspendientes-1 td .ccli-tabla-columna-nlinea { text-align: left; }  @media screen and (max-width: 479px) { #ccli-tabla-facturaspendientes-0 .ccli-tabla-columna-fechaemision, #ccli-tabla-facturaspendientes-0 .ccli-tabla-columna-nlinea, #ccli-tabla-facturaspendientes-1 .ccli-tabla-columna-fechaemision, #ccli-tabla-facturaspendientes-1 .ccli-tabla-columna-nlinea { max-width: 100px; } #ccli-tabla-facturaspendientes-0 .ccli-tabla-columna-nfactura, #ccli-tabla-facturaspendientes-0 .ccli-tabla-columna-importe, #ccli-tabla-facturaspendientes-1 .ccli-tabla-columna-nfactura, #ccli-tabla-facturaspendientes-1 .ccli-tabla-columna-importe { max-width: 173px; } }  @media screen and (max-width: 979px) { #ccli-tabla-facturaspendientes-0 td .ccli-tabla-columna-nlinea, #ccli-tabla-facturaspendientes-1 td .ccli-tabla-columna-nlinea { color: #000000; } #ccli-tabla-facturaspendientes-0 td .ccli-tabla-columna-nlinea, #ccli-tabla-facturaspendientes-0 td .ccli-tabla-columna-importe, #ccli-tabla-facturaspendientes-1 td .ccli-tabla-columna-nlinea, #ccli-tabla-facturaspendientes-1 td .ccli-tabla-columna-importe { font-size: 14px; } #ccli-tabla-facturaspendientes-0 td .ccli-tabla-columna-fechaemision, #ccli-tabla-facturaspendientes-0 td .ccli-tabla-columna-nfactura, #ccli-tabla-facturaspendientes-1 td .ccli-tabla-columna-fechaemision, #ccli-tabla-facturaspendientes-1 td .ccli-tabla-columna-nfactura { font-size: 13px; } }  /* Pagina de gestiones */ /* Dropdowns */ .ccli-dropdown-container { display: inline-block; } .ccli-dropdown-container .ccli-boton { background-color: transparent; color: #009BCE; border: none; text-decoration: none; text-transform: none; } .ccli-dropdown-container .ccli-boton:hover, .ccli-dropdown-container .ccli-boton:active, .ccli-dropdown-container .ccli-boton[aria-expanded=true] { color: #4db9dd; }  .uib-dropdown-open { /* no los ponemos bajo ccli-dropdown-container porque se pegan al body y por tanto no estan bajo esa clase */ } .uib-dropdown-open .ccli-dropdown-opcion { position: relative; } .uib-dropdown-open .ccli-dropdown-opcion-defecto, .uib-dropdown-open .ccli-dropdown-opcion-defecto a { font-weight: bold !important; } .uib-dropdown-open .ccli-dropdown-opcion-seleccionada { /*&:hover {  .ccli-icono svg { fill: $Blanco; stroke: $Blanco; } }*/ } .uib-dropdown-open .ccli-dropdown-opcion-seleccionada a { background-color: #4EA800; color: #FFFFFF; } .uib-dropdown-open .ccli-dropdown-opcion-seleccionada .ccli-icono { position: absolute; right: 0px; top: 9px; height: 16px; } @media screen and (min-width: 980px), print { .uib-dropdown-open .ccli-dropdown-opcion-seleccionada .ccli-icono { top: 3px; } } .uib-dropdown-open .ccli-dropdown-opcion-seleccionada .ccli-icono svg { fill: #4EA800; stroke: #4EA800; }  .ccli-dropdown-modalbody .list-group { margin-bottom: 0; border: 1px solid #D3D4D3; }  .ccli-dropdown-modalbody .list-group-item { border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #D3D4D3; border-radius: 0; margin-bottom: 0; text-transform: uppercase; } @media screen and (max-width: 479px) { .ccli-dropdown-modalbody .list-group-item { font-size: 18px; } } .ccli-dropdown-modalbody .list-group-item .ccli-icono { margin-right: 5px; width: 1em !important; height: 1em !important; } .ccli-dropdown-modalbody .list-group-item .ccli-icono svg { fill: #50535A; stroke: #50535A; } .ccli-dropdown-modalbody .list-group-item.ccli-dropdown-opcion-seleccionada { color: #FFFFFF; background-color: #4EA800; } .ccli-dropdown-modalbody .list-group-item.ccli-dropdown-opcion-seleccionada .ccli-opcion-seleccionada-marca.ccli-icono { position: absolute; right: 10px; top: 9px; } @media screen and (min-width: 980px), print { .ccli-dropdown-modalbody .list-group-item.ccli-dropdown-opcion-seleccionada .ccli-opcion-seleccionada-marca.ccli-icono { top: 3px; } } .ccli-dropdown-modalbody .list-group-item.ccli-dropdown-opcion-seleccionada .ccli-icono svg { fill: #FFFFFF; stroke: #FFFFFF; } .ccli-dropdown-modalbody .list-group-item:hover { border-color: #009BCE; background-color: #FFFFFF; color: #50535A; border-radius: 0; }  .ccli-dropdown-modalbody a.list-group-item, .ccli-dropdown-modalbody button.list-group-item { color: #50535A; text-decoration: none; }  [uib-dropdown-toggle] { cursor: pointer; }  /* lista agrupada */ .ccli-listaagrupada { display: table; width: 100%; } .ccli-listaagrupada .ccli-listaagrupada-row { display: table-row; } .ccli-listaagrupada .ccli-listaagrupada-row > div { display: table-cell; } .ccli-listaagrupada .ccli-listaagrupada-row.ccli-listaagrupada-grupo { background-color: #5BC500; color: #FFFFFF; height: 36px; font: 18px TelefonicaLight; } .ccli-listaagrupada .ccli-listaagrupada-row.ccli-listaagrupada-grupo > div { padding: 6px 10px; } .ccli-listaagrupada .ccli-listaagrupada-row.ccli-listaagrupada-detalle { background-color: #FFFFFF; color: #50535A; height: 44px; } .ccli-listaagrupada .ccli-listaagrupada-row.ccli-listaagrupada-detalle > div { padding: 14px 10px; border-bottom: 1px solid #D3D4D3; } .ccli-listaagrupada .ccli-listaagrupada-row.ccli-listaagrupada-detalle .ccli-listaagrupada-celda-valor { color: #EC6839; }  /* Estilos para iconos rotantes */ .glyphicon-spin { -webkit-animation: spin 1000ms infinite linear; -moz-animation: spin 1000ms infinite linear; -ms-animation: spin 1000ms infinite linear; -o-animation: spin 1000ms infinite linear; animation: spin 1000ms infinite linear; }  @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }  @-moz-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }  @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }  /* Estilos necesarios para que la aplicacion funcione */ [data-ccli-widget-name]:not([data-ccli-widget-state]) .ccli-widget-content, [data-ccli-widget-name]:not([data-ccli-widget-state=initdone]) .ccli-widget-content, [data-ccli-widget-name][data-ccli-widget-state=pending] { display: none; /* oculta los widgets no inicializados */ }   .ccli-pagina-login .ccli-selecciontipousuario { margin-bottom: 10px; }  .ccli-pagina-login .ccli-selecciontipousuario span { display: inline-block; }  .ccli-pagina-login .ccli-selecciontipousuario span:last-child { float: right; }  .ccli-formulario .ccli-campo input.ng-invalid-ccli-valida-usuario ~ .ccli-errores .ccli-error-ccli-valida-usuario, .ccli-formulario .ccli-campo input.ng-invalid-pattern ~ .ccli-errores .ccli-error-ccli-valida-clave, .ccli-formulario .ccli-campo input.ng-invalid-pattern ~ .ccli-errores .ccli-error-ccli-valida-email, .ccli-formulario .ccli-campo input.ng-invalid-ccli-valida-clave ~ .ccli-errores .ccli-error-ccli-valida-clave, .ccli-formulario .ccli-campo input.ng-invalid-ccli-valida-igual ~ .ccli-errores .ccli-error-ccli-valida-igual, .ccli-formulario .ccli-campo input.ng-invalid-match ~ .ccli-errores .ccli-error-ccli-valida-igual, .ccli-formulario .ccli-campo input.ng-invalid-ccli-valida-email ~ .ccli-errores .ccli-error-ccli-valida-email, .ccli-formulario .ccli-campo input.ng-invalid-match ~ .ccli-errores .ccli-error-ccli-valida-igual-email, .ccli-formulario .ccli-campo input.ng-invalid-ccli-valida-contacto ~ .ccli-errores .ccli-error-ccli-valida-contacto, .ccli-formulario .ccli-campo input.ng-invalid-ccli-valida-tipo-usuario ~ .ccli-errores .ccli-error-ccli-valida-usuario, .ccli-formulario .ccli-campo input.ng-invalid-ccli-valida-clave-telco ~ .ccli-errores .ccli-error-ccli-valida-clave, .ccli-formulario .ccli-campo input.ng-invalid-ccli-valida-telefono ~ .ccli-errores .ccli-error-ccli-valida-telefono { display: block; }  .ccli-pagina-login .ccli-notaregistro { text-align: center; margin-top: 10px; }  .ccli-pagina-obcoLR3 .ccli-notaregistro { margin-top: 10px; text-align: justify; }  .ccli-pagina-obcoMigracion .ccli-notaregistro { margin-top: 10px; text-align: justify; }