@font-face {font-family: "Roboto-Bold";src: url('Roboto-Bold-ae2602cee02cafc69140efca3aff52bd.woff') format('woff'),url('Roboto-Bold-36b5bab58a18b9c924861a4ccbf1a790.ttf') format('truetype');font-weight: bold;}@font-face {font-family: "Roboto-Thin";src: url('Roboto-Thin-d1d181eb799ef4ab81e46de495a70396.woff') format('woff'),url('Roboto-Thin-14147ca3288fa08b850d029193150722.ttf') format('truetype');}@font-face {font-family: 'Glyphicons Halflings';src: url('glyphicons-halflings-regular-68ed1dac06bf0409c18ae7bc62889170.woff') format('woff');}body {margin: 0;padding: 0;}h1 {font-family: Roboto-Thin, sans-serif;font-size: 42px;text-decoration: none;font-weight: normal;color: #FFFFFF;margin: 0;padding: 0;}h3 {font-family: Roboto-Bold, serif;font-size: 22px;text-decoration: none;font-weight: normal;color: #000000;margin: 0;padding: 0;}#fondo_inicio {margin-top: 0;margin-right: auto;margin-left: auto;width: 100%;}#fondo_inicio #logo{background-color: white;margin-top: 0;margin-right: auto;margin-left: auto;}#fondo_inicio #botonera{background-color: #383d49;}#fondo_inicio #bienvenidos {margin-right: auto;margin-left: 80px;margin-top: 60px;}#fondo_inicio #titulo_mesadetrabajo {height: 38px;width: 875px;background: url('fndo_titular-44729827249a089ae3d20d948339ae6f.jpg') no-repeat left;font-family: Roboto-Thin;font-size: 24px;color: #FFFFFF;padding-left: 25px;padding-top: 10px;}#fondo_trabajo {background-color: rgb(255, 255, 255);background-color: rgba(255, 255, 255, 0.7);min-height: 600px;width: 95%;padding: 15px 15px 15px 15px;}#fondo_trabajo_reporte {background-color: rgb(255, 255, 255);background-color: rgba(255, 255, 255, 0.7);min-height: 600px;width: 2100px;padding: 15px 15px 15px 15px;}#fondo_inicio #titulo_novedades {left: 37px;top: 280px;position: absolute;width: 272px;height: 234px;z-index:85;}#fondo_inicio #noticias_nivel1 {background-color: #f4f4f4;left: 304px;top: 280px;position: absolute;width: 262px;height: 234px;z-index:60;border-bottom: 3px solid #4acaff;}#fondo_inicio #noticias_nivel1 #titulo {font-size: 12px;color: #333333;background-color: #b5b5b5;height: 20px;font-family: Roboto-Bold;padding-left: 30px;padding-top: 5px;}#fondo_inicio #noticias_nivel1 #novedades_nivel1 {margin-top: 10px;margin-right: 10px;margin-left: 10px;}#fondo_inicio  #noticias_nivel2 {background-color: #f4f4f4;left: 600px;top: 280px;position: absolute;width: 262px;height: 234px;z-index:51;border-bottom-width: 3px;border-bottom: solid #4acaff;}#fondo_inicio #noticias_nivel2 #novedades_nivel2 {margin-top: 10px;margin-right: 10px;margin-left: 10px;}#fondo_inicio  #noticias_nivel3 {left: 895px;top: 280px;position: absolute;width: 355px;height: 269px;z-index:68;background-color: #f4f4f4;}#fondo_inicio #noticias_nivel3 #mas_novedades {padding-top: 10px;padding-right: 10px;padding-left: 10px;}#fondo_inicio #input_novedades {background-color:rgba(255, 255, 255, 0.50);border:thin;font-size: 12px;height: 24px;}#fondo_inicio .titulo_noticia {font-family: Roboto-Thin;font-size: 16px;color: #666666;}#fondo_inicio .titulo_noticia_color {font-family: Roboto-Thin;font-size: 14px;color: #4ACAFF;}.separador {margin-top: 10px;border-bottom: 1px solid #999999;margin-bottom: 10px;}#fondo_inicio .bajada_noticia {font-family: Roboto-Thin;font-size: 12px;color: #666666;}#pie {background-color: #04161F;height: 20px;width: 100%;border-top: 4px solid #003e6d;margin-top: 100px;position: fixed;bottom:0;text-align: center;z-index:1000;}#fondo_inicio #pie #enlaces {margin-right: auto;margin-left: auto;margin-top: 18px;}.navbar-custom {background-color: #182126;border-color: #0b0f12;}.navbar-custom .navbar-brand {color: #ffffff;}.navbar-custom .navbar-brand:hover,.navbar-custom .navbar-brand:focus {color: #e6e6e6;background-color: transparent;}.navbar-custom .navbar-text {color: black;}.navbar-custom .navbar-nav > li > a {color: black;}.navbar-custom .navbar-nav > li > a:hover,.navbar-custom .navbar-nav > li > a:focus {color: #c0c0c0;background-color: transparent;}.navbar-custom .navbar-nav > .active > a,.navbar-custom .navbar-nav > .active > a:hover,.navbar-custom .navbar-nav > .active > a:focus {color: #c0c0c0;background-color: #0b0f12;}.navbar-custom .navbar-nav > .disabled > a,.navbar-custom .navbar-nav > .disabled > a:hover,.navbar-custom .navbar-nav > .disabled > a:focus {color: #cccccc;background-color: transparent;}.navbar-custom .navbar-toggle {border-color: #dddddd;}.navbar-custom .navbar-toggle:hover,.navbar-custom .navbar-toggle:focus {background-color: #dddddd;}.navbar-custom .navbar-toggle .icon-bar {background-color: #cccccc;}.navbar-custom .navbar-collapse,.navbar-custom .navbar-form {border-color: #0a0e10;}.navbar-custom .navbar-nav > .dropdown > a:hover .caret,.navbar-custom .navbar-nav > .dropdown > a:focus .caret {border-top-color: #c0c0c0;border-bottom-color: #c0c0c0;}.navbar-custom .navbar-nav > .open > a,.navbar-custom .navbar-nav > .open > a:hover,.navbar-custom .navbar-nav > .open > a:focus {background-color: #0b0f12;color: #c0c0c0;}.navbar-custom .navbar-nav > .open > a .caret,.navbar-custom .navbar-nav > .open > a:hover .caret,.navbar-custom .navbar-nav > .open > a:focus .caret {border-top-color: #c0c0c0;border-bottom-color: #c0c0c0;}.navbar-custom .navbar-nav > .dropdown > a .caret {border-top-color: #ffffff;border-bottom-color: #ffffff;}@media (max-width: 767px) {.navbar-custom .navbar-nav .open .dropdown-menu > li > a {color: #ffffff;}.navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,.navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {color: #c0c0c0;background-color: transparent;}.navbar-custom .navbar-nav .open .dropdown-menu > .active > a,.navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,.navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {color: #c0c0c0;background-color: #0b0f12;}.navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,.navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,.navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {color: #cccccc;background-color: transparent;}}.navbar-custom .navbar-link {color: #ffffff;}.navbar-custom .navbar-link:hover {color: #c0c0c0;}.btn-naranja {background-color: hsl(36, 100%, 40%) !important;background-repeat: repeat-x;filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffad32", endColorstr="#cc7a00");background-image: -moz-linear-gradient(top, #ffad32, #cc7a00);background-image: -ms-linear-gradient(top, #ffad32, #cc7a00);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffad32), color-stop(100%, #cc7a00));background-image: -webkit-linear-gradient(top, #ffad32, #cc7a00);background-image: -o-linear-gradient(top, #ffad32, #cc7a00);background-image: linear-gradient(#ffad32, #cc7a00);border-color: #cc7a00 #cc7a00 hsl(36, 100%, 35%);color: #333 !important;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.33);-webkit-font-smoothing: antialiased;}.navbar-form {margin: 0;}.navbar-custom .btn-naranja, .navbar-custom .form-control, .navbar-custom .btn-warning {margin: 8px 0 8px 0;color: black;}.navbar-custom .btn-warning {background-color: #003e6d;color: white;border-color: white;}.contenedorBlanco {background-color: #ffffff;display: inline-block;margin: 5px;}.italic {font-style: italic;}.textoMediano {font-family: Roboto-Thin, sans-serif;font-size: 16px;text-decoration: none;font-weight: 900;color: #888888;}.rotulo {font-family: Roboto-Bold, sans-serif;font-size: 20px;text-decoration: none;font-weight: normal;color: #0088cc;}.center {text-align: center;}.leftAligned{text-align: left;}.oculto{display: none;}.contenedorPrincipal {margin: 0 0 90px 50px;}.submitUnstyle {background: none;border: 0;}.tablaAccionesDocumento table{border: 1px solid black;}.tablaAccionesDocumento {margin: 10px;color: black;max-height: 380px;overflow-y: auto;padding-right: 1em;}.scrollBox {height: 400px;overflow-y: scroll;border-style: groove;}.half-inline {width: 50%;display: inline-block;margin-bottom: 10px;}.btn-login {background-color: #003e6d;color: white;border-color: white;}.navbar {background-color: #d8d9dd;border: none;}.navbar-custom .navbar-text{color: black;}.loading {position: fixed;z-index: 2000;height: 2em;width: 2em;overflow: show;margin: auto;top: 0;left: 0;bottom: 0;right: 0;}.loading:before {content: '';display: block;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));}.loading:not(:required) {font: 0/0 a;color: transparent;text-shadow: none;background-color: transparent;border: 0;}.loading:not(:required):after {content: '';display: block;font-size: 10px;width: 1em;height: 1em;margin-top: -0.5em;-webkit-animation: spinner 1500ms infinite linear;-moz-animation: spinner 1500ms infinite linear;-ms-animation: spinner 1500ms infinite linear;-o-animation: spinner 1500ms infinite linear;animation: spinner 1500ms infinite linear;border-radius: 0.5em;-webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;}@-webkit-keyframes spinner {0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}}@-moz-keyframes spinner {0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}}@-o-keyframes spinner {0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}}@keyframes spinner {0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}}.auth-wrap {display: flex;justify-content: center;align-items: flex-start;padding: 44px 16px 80px;}.auth-card {display: flex;width: 660px;max-width: 100%;background: #ffffff;border: 1px solid #e3e7ec;border-radius: 16px;overflow: hidden;box-shadow: 0 14px 38px rgba(15, 39, 64, 0.16);}.auth-side {position: relative;width: 250px;flex-shrink: 0;background: #0e2740;color: #ffffff;padding: 30px 26px;display: flex;flex-direction: column;justify-content: space-between;overflow: hidden;}.auth-side-svg {position: absolute;top: 0; left: 0;width: 100%;height: 100%;opacity: 0.12;}.auth-brand {position: relative;display: flex;align-items: center;gap: 9px;}.auth-brand-mark {display: inline-flex;align-items: center;justify-content: center;width: 34px;height: 34px;border-radius: 9px;background: rgba(255, 255, 255, 0.12);font-size: 17px;top: 0;}.auth-brand-name {font-family: Roboto-Bold, sans-serif;font-size: 17px;letter-spacing: 0.4px;}.auth-side-msg { position: relative; }.auth-tagline {font-size: 20px;font-weight: 500;line-height: 1.35;margin: 0 0 12px;color: #ffffff;}.auth-subtagline {font-size: 13px;color: #aebfd0;line-height: 1.6;margin: 0;}.auth-secure {position: relative;font-size: 12px;color: #8ea4ba;}.auth-secure .glyphicon { font-size: 13px; margin-right: 5px; }.auth-main {flex: 1;min-width: 0;padding: 32px 30px;background: #ffffff;}.auth-title {font-family: Roboto-Bold, sans-serif;font-size: 21px;color: #142433;margin: 0 0 3px;}.auth-subtitle {font-size: 13px;color: #6b7280;margin: 0 0 22px;}.auth-form .auth-label {display: block;font-size: 12.5px;color: #6b7280;margin-bottom: 5px;}.auth-field {position: relative;margin-bottom: 14px;}.auth-field .auth-ic {position: absolute;left: 11px;top: 50%;transform: translateY(-50%);font-size: 16px;color: #9aa3ad;pointer-events: none;}.auth-input {width: 100%;height: 42px;padding: 0 12px 0 36px;border: 1px solid #dfe4ea;border-radius: 9px;background: #fbfcfd;color: #142433;font-size: 14px;box-sizing: border-box;transition: border-color 0.15s, box-shadow 0.15s;}.auth-input:focus {outline: none;border-color: #003e6d;background: #ffffff;box-shadow: 0 0 0 3px rgba(0, 62, 109, 0.12);}.auth-select {-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor: pointer;}.auth-eye {position: absolute;right: 12px;top: 50%;transform: translateY(-50%);font-size: 16px;color: #9aa3ad;cursor: pointer;}.auth-forgot {text-align: right;margin: 0 0 18px;}.auth-forgot a {font-size: 12.5px;color: #185fa5;text-decoration: none;}.auth-forgot a:hover { text-decoration: underline; }.btn-auth-primary {width: 100%;height: 44px;background: #003e6d;color: #ffffff;border: none;border-radius: 9px;font-size: 15px;font-weight: 500;cursor: pointer;display: flex;align-items: center;justify-content: center;gap: 8px;transition: background 0.15s;}.btn-auth-primary:hover { background: #00528f; }.btn-auth-primary .glyphicon { font-size: 13px; }.auth-divider {display: flex;align-items: center;gap: 12px;margin: 18px 0;}.auth-divider span { font-size: 11.5px; color: #9aa3ad; white-space: nowrap; }.auth-divider:before,.auth-divider:after {content: "";flex: 1;height: 1px;background: #e8ebef;}.btn-auth-sso {width: 100%;height: 44px;background: #ffffff;color: #142433;border: 1px solid #d4dae1;border-radius: 9px;font-size: 14px;font-weight: 500;cursor: pointer;display: flex;align-items: center;justify-content: center;gap: 9px;text-decoration: none;}.btn-auth-sso:hover { background: #f5f7fa; color: #142433; text-decoration: none; }.btn-auth-sso .glyphicon { font-size: 15px; color: #003e6d; }.home-welcome {background: #ffffff;border: 1px solid #e3e7ec;border-radius: 16px;padding: 40px 44px;text-align: center;box-shadow: 0 10px 28px rgba(15, 39, 64, 0.08);max-width: 460px;}.home-welcome-ic { font-size: 40px; color: #1d9e75; }.home-welcome h2 {font-family: Roboto-Bold, sans-serif;font-size: 22px;color: #142433;margin: 14px 0 6px;}.home-welcome p { font-size: 14px; color: #6b7280; margin: 0; }@media (max-width: 680px) {.auth-wrap { padding: 24px 12px 60px; }.auth-card { flex-direction: column; width: 100%; }.auth-side {width: auto;flex-direction: row;align-items: center;justify-content: space-between;padding: 16px 20px;}.auth-side-msg, .auth-secure, .auth-side-svg { display: none; }.auth-main { padding: 24px 20px; }.contenedorPrincipal { margin: 16px 14px 80px 14px; }.wordmark { padding: 12px 16px; }.wordmark .wm-sub { display: none; }#fondo_inicio #titulo_mesadetrabajo { font-size: 18px; }#fondo_trabajo, #fondo_trabajo_reporte { padding: 16px 14px; }#fondo_trabajo table.dataTable, #fondo_trabajo table { display: block; overflow-x: auto; white-space: nowrap; }}#fondo_inicio #botonera { background-color: #0e2740; }.navbar-custom {background-color: #0e2740;border: none;box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);}.navbar-custom .navbar-nav > li > a { color: #d7e0ea; font-size: 14px; }.navbar-custom .navbar-nav > li > a:hover,.navbar-custom .navbar-nav > li > a:focus {color: #ffffff;background-color: rgba(255, 255, 255, 0.06);}.navbar-custom .navbar-nav > .open > a,.navbar-custom .navbar-nav > .open > a:hover,.navbar-custom .navbar-nav > .open > a:focus {background-color: rgba(255, 255, 255, 0.08);color: #ffffff;}.navbar-custom .dropdown-menu {border: none;border-radius: 10px;box-shadow: 0 12px 30px rgba(15, 39, 64, 0.18);padding: 6px;margin-top: 2px;}.navbar-custom .dropdown-menu > li > a {border-radius: 7px;padding: 8px 12px;color: #2c3a47;}.navbar-custom .dropdown-menu > li > a:hover { background: #eef2f6; color: #003e6d; }.navbar-custom .btn-warning {background-color: #003e6d;border-color: rgba(255, 255, 255, 0.25);border-radius: 8px;color: #ffffff;}.navbar-custom .btn-warning:hover { background-color: #00528f; }#fondo_inicio #titulo_mesadetrabajo {background: none;width: auto;height: auto;font-family: Roboto-Bold, sans-serif;font-size: 20px;color: #142433;padding: 2px 0 2px 14px;margin: 4px 0 18px 0;border-left: 4px solid #003e6d;line-height: 1.25;}#fondo_trabajo,#fondo_trabajo_reporte {background: #ffffff;border: 1px solid #e3e7ec;border-radius: 14px;box-shadow: 0 8px 24px rgba(15, 39, 64, 0.06);padding: 22px 24px;min-height: 460px;}.contenedorPrincipal { margin: 22px 40px 90px 40px; }.btn { border-radius: 8px; }.btn-naranja {background: #e08a1e !important;background-image: none !important;filter: none;border-color: #c9771a !important;color: #ffffff !important;text-shadow: none;border-radius: 8px;}.btn-naranja:hover { background: #c9771a !important; }#fondo_trabajo table.dataTable thead th,#fondo_trabajo table thead th {background: #f4f6f9;color: #44546a;font-family: Roboto-Bold, sans-serif;font-size: 12.5px;text-transform: uppercase;letter-spacing: 0.3px;border-bottom: 1px solid #e3e7ec !important;padding: 10px 12px;}#fondo_trabajo table.dataTable tbody td,#fondo_trabajo table tbody td {padding: 10px 12px;border-bottom: 1px solid #eef1f4 !important;color: #2c3a47;font-size: 13.5px;}#fondo_trabajo table.dataTable tbody tr:hover td,#fondo_trabajo table tbody tr:hover td { background: #f7f9fb; }.emp-topbar {position: sticky;top: 0;z-index: 100;background: #0e2740;color: #ffffff;display: flex;align-items: center;gap: 9px;padding: 12px 16px;}.emp-brand-mark {display: inline-flex;align-items: center;justify-content: center;width: 30px;height: 30px;border-radius: 8px;background: rgba(255, 255, 255, 0.12);font-size: 15px;}.emp-brand-name {font-family: Roboto-Bold, sans-serif;font-size: 15px;letter-spacing: 0.3px;}.emp-user {margin-left: auto;display: flex;align-items: center;gap: 8px;max-width: 55%;}.emp-avatar {display: inline-flex;align-items: center;justify-content: center;width: 30px;height: 30px;border-radius: 50%;background: #1d456e;font-size: 13px;color: #ffffff;}.emp-username {font-size: 13px;color: #d7e0ea;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.emp-shell {max-width: 760px;margin: 0 auto;padding-bottom: 78px;}.emp-shell .contenedorPrincipal { margin: 16px 14px 0 14px; }.emp-tabbar {position: fixed;left: 0;right: 0;bottom: 0;max-width: 760px;margin: 0 auto;z-index: 100;background: #ffffff;border-top: 1px solid #e3e7ec;display: flex;padding: 6px 4px 8px;box-shadow: 0 -2px 14px rgba(15, 39, 64, 0.07);}.emp-tab {flex: 1;text-align: center;color: #9aa3ad;text-decoration: none;padding: 4px 0;}.emp-tab:hover,.emp-tab:focus { color: #003e6d; text-decoration: none; }.emp-tab.active { color: #003e6d; }.emp-tab .glyphicon { font-size: 20px; }.emp-tab-label {display: block;font-size: 10.5px;margin-top: 3px;font-weight: 500;}.dropzone-form { margin-bottom: 14px; }.dropzone {border: 2px dashed #cfd6de;border-radius: 12px;background: #f8fafc;padding: 26px 18px;text-align: center;cursor: pointer;transition: border-color 0.15s, background 0.15s;}.dropzone:hover { border-color: #185fa5; background: #f1f6fb; }.dropzone.dragover { border-color: #003e6d; background: #e6f0f8; }.dropzone.has-file { border-color: #1d9e75; background: #f0faf6; border-style: solid; }.dz-input { display: none; }.dz-icon { font-size: 30px; color: #185fa5; }.dz-text { font-size: 14px; color: #44546a; margin: 10px 0 4px; }.dz-link { color: #185fa5; text-decoration: underline; }.dz-hint { font-size: 12px; color: #9aa3ad; margin: 0; }.dz-file { font-size: 13px; color: #1d9e75; font-weight: 500; margin: 8px 0 0; }.dz-submit { margin-top: 12px; }#fondo_trabajo_reporte { width: auto; }.rep-toolbar { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; flex-wrap: wrap; }.rep-count { font-size: 12px; font-weight: 500; color: #185fa5; background: #e6f0f8; padding: 4px 12px; border-radius: 20px; }.rep-actions { margin-left: auto; display: flex; gap: 8px; }.rep-filtros { background: #ffffff; border: 1px solid #e3e7ec; border-radius: 12px; padding: 14px 16px; margin-bottom: 14px; }.rep-filtros-head { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }.rep-filtros-head .glyphicon { color: #185fa5; font-size: 14px; }.rep-filtros-title { font-size: 13px; font-weight: 500; color: #44546a; }.rep-limpiar { margin-left: auto; font-size: 12px; color: #185fa5; text-decoration: none; }.rep-limpiar:hover { text-decoration: underline; }.rep-filtros-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }.rep-f label { display: block; font-size: 11.5px; color: #6b7280; margin-bottom: 3px; font-weight: normal; }.rep-input { width: 100%; height: 34px; border: 1px solid #dfe4ea; border-radius: 8px; background: #fbfcfd; color: #142433; font-size: 13px; padding: 0 10px; box-sizing: border-box; }.rep-input:focus { outline: none; border-color: #003e6d; background: #ffffff; box-shadow: 0 0 0 3px rgba(0,62,109,0.10); }select.rep-input { padding: 0 6px; cursor: pointer; }#fondo_trabajo_reporte table.rep-table { width: 100% !important; border-collapse: separate; border-spacing: 0; }#fondo_trabajo_reporte table.rep-table thead th {background: #f4f6f9; color: #44546a; font-family: Roboto-Bold, sans-serif;font-size: 11.5px; text-transform: uppercase; letter-spacing: 0.3px;border-bottom: 1px solid #e3e7ec; padding: 10px 14px; text-align: left;}#fondo_trabajo_reporte table.rep-table tbody td { padding: 10px 14px; border-bottom: 1px solid #eef1f4; color: #2c3a47; font-size: 13px; }#fondo_trabajo_reporte table.rep-table tbody tr:hover td { background: #f7f9fb; }.rep-link { color: #185fa5; }.rep-badge { display: inline-block; font-size: 11px; font-weight: 500; padding: 3px 9px; border-radius: 20px; }.rep-badge-green { color: #0f6e56; background: #e1f5ee; }.rep-badge-amber { color: #854f0b; background: #faeeda; }.rep-badge-red { color: #a32d2d; background: #fceaea; }.rep-badge-gray { color: #5f5e5a; background: #eef0f2; }#repActions .dt-buttons { display: flex; gap: 8px; margin: 0; }.dt-button.rep-btn { height: 34px; padding: 0 14px; border-radius: 8px; font-size: 13px; font-weight: 500; border: 1px solid #d4dae1; background: #ffffff; color: #142433; cursor: pointer; }.dt-button.rep-btn-primary { background: #003e6d; border-color: #003e6d; color: #ffffff; }.dt-button.rep-btn:hover { background: #f5f7fa; }.dt-button.rep-btn-primary:hover { background: #00528f; color: #ffffff; }.dt-button-collection { border-radius: 10px !important; box-shadow: 0 10px 28px rgba(15,39,64,0.18) !important; border: none !important; padding: 6px !important; background: #ffffff !important; }.dt-button-collection .dt-button { border-radius: 7px !important; font-size: 13px; color: #2c3a47; background: #ffffff; border: none; text-align: left; }.dt-button-collection .dt-button:hover { background: #eef2f6; color: #003e6d; }#tablaValidacionDocumentos_wrapper .dataTables_filter { display: none; }#tablaValidacionDocumentos_wrapper .dataTables_length { margin: 10px 0; font-size: 12.5px; color: #6b7280; }#tablaValidacionDocumentos_wrapper .dataTables_length select { height: 30px; border: 1px solid #dfe4ea; border-radius: 7px; }#tablaValidacionDocumentos_wrapper .dataTables_info { font-size: 12px; color: #9aa3ad; padding-top: 12px; }#tablaValidacionDocumentos_wrapper .dataTables_paginate { padding-top: 10px; }#tablaValidacionDocumentos_wrapper .paginate_button { border-radius: 7px !important; font-size: 12px; padding: 5px 11px !important; border: none !important; background: transparent !important; }#tablaValidacionDocumentos_wrapper .paginate_button.current { background: #003e6d !important; color: #ffffff !important; }#tablaValidacionDocumentos_wrapper .paginate_button:hover { background: #eef2f6 !important; color: #003e6d !important; }.rep-grafico { display: flex; align-items: center; gap: 28px; flex-wrap: wrap;background: #ffffff; border: 1px solid #e3e7ec; border-radius: 14px;padding: 18px 22px; margin-bottom: 16px; box-shadow: 0 4px 14px rgba(15,39,64,0.05); }.rep-grafico-donut { position: relative; width: 132px; height: 132px; flex: 0 0 auto; }#repDonut g circle { cursor: pointer; transition: opacity 0.12s; }#repDonut g circle:hover { opacity: 0.82 !important; }.rep-grafico-centro { position: absolute; top: 0; left: 0; width: 100%; height: 100%;display: flex; flex-direction: column; align-items: center; justify-content: center; pointer-events: none; }.rep-grafico-centro strong { font-size: 24px; font-weight: 700; color: #142433; line-height: 1; }.rep-grafico-centro span { font-size: 11px; color: #9aa3ad; margin-top: 3px; }.rep-grafico-info { flex: 1 1 220px; min-width: 200px; }.rep-grafico-titulo { font-size: 13px; font-weight: 600; color: #3a4754; margin-bottom: 10px; }.rep-grafico-leyenda { list-style: none; margin: 0; padding: 0; }.rep-grafico-leyenda li { display: flex; align-items: center; gap: 10px; padding: 5px 8px;font-size: 13px; color: #2c3a47; border-bottom: 1px solid #f1f3f5; border-radius: 6px;cursor: pointer; transition: background 0.12s; }.rep-grafico-leyenda li:last-child { border-bottom: none; }.rep-grafico-leyenda li:hover { background: #f2f6fa; }.rep-grafico-leyenda li.rep-ley-activo { background: #e6f0f8; box-shadow: inset 2px 0 0 #003e6d; }.rep-ley-punto { width: 12px; height: 12px; border-radius: 3px; flex: 0 0 auto; }.rep-ley-label { flex: 1 1 auto; }.rep-ley-valor { font-weight: 600; color: #142433; }.rep-ley-valor small { font-weight: 500; color: #9aa3ad; }.session-area { display: flex; align-items: center; gap: 14px; min-height: 50px; }.session-name-item { display: inline-flex; align-items: center; gap: 7px; color: #ffffff; }.session-name-ic { font-size: 13px; color: rgba(255,255,255,0.7); top: 0; }.session-name { font-size: 14px; font-weight: 500; max-width: 220px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; }.session-logout-item form { margin: 0; }.btn-salir { display: inline-flex; align-items: center; gap: 7px; height: 34px; padding: 0 14px;border: 1px solid rgba(255,255,255,0.22); border-radius: 8px; background: rgba(255,255,255,0.06);color: #ffffff; font-size: 13.5px; font-weight: 500; cursor: pointer; transition: all 0.15s; }.btn-salir:hover { background: #c0392b; border-color: #c0392b; color: #ffffff; }.btn-salir .glyphicon { font-size: 13px; top: 1px; }.vcard-search { position: relative; margin-bottom: 14px; max-width: 420px; }.vcard-search-ic { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #9aa3ad; font-size: 14px; }.vcard-search-input { width: 100%; height: 40px; border: 1px solid #dfe4ea; border-radius: 10px; background: #ffffff; font-size: 14px; padding: 0 12px 0 34px; box-sizing: border-box; }.vcard-search-input:focus { outline: none; border-color: #003e6d; box-shadow: 0 0 0 3px rgba(0,62,109,0.10); }.vcard-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }.vcard { background: #ffffff; border: 1px solid #e3e7ec; border-radius: 14px; padding: 14px 16px; box-shadow: 0 4px 14px rgba(15,39,64,0.05); }.vcard-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 6px; }.vcard-period { font-family: Roboto-Bold, sans-serif; font-size: 17px; color: #142433; }.vcard-badge { font-size: 10.5px; font-weight: 500; padding: 3px 9px; border-radius: 20px; white-space: nowrap; }.vcard-badge-green { color: #0f6e56; background: #e1f5ee; }.vcard-badge-amber { color: #854f0b; background: #faeeda; }.vcard-badge-red { color: #a32d2d; background: #fceaea; }.vcard-tipo { font-size: 13px; color: #6b7280; margin-bottom: 4px; }.vcard-tipo .glyphicon { font-size: 13px; color: #9aa3ad; margin-right: 4px; }.vcard-meta { font-size: 11.5px; color: #9aa3ad; margin-bottom: 6px; }.vcard-meta .glyphicon { font-size: 12px; margin-right: 3px; }.vcard-btn { width: 100%; height: 38px; border: 1px solid #d4dae1; border-radius: 9px; background: #ffffff; color: #142433; font-size: 13px; font-weight: 500; cursor: pointer; margin-top: 8px; }.vcard-btn:hover { background: #f5f7fa; }.vcard-btn-primary { background: #003e6d; border-color: #003e6d; color: #ffffff; }.vcard-btn-primary:hover { background: #00528f; color: #ffffff; }.vcard-empty { text-align: center; padding: 40px 20px; color: #9aa3ad; }.vcard-empty .glyphicon { font-size: 36px; display: block; margin-bottom: 10px; }.firma-card { max-width: 440px; margin: 0 auto; background: #ffffff; border: 1px solid #e3e7ec; border-radius: 14px; padding: 26px; box-shadow: 0 8px 24px rgba(15,39,64,0.07); }.firma-card-sm { text-align: center; padding: 30px 26px; }.firma-head { text-align: center; margin-bottom: 18px; }.firma-ic { display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 50%; background: #e6f0f8; color: #185fa5; font-size: 21px; margin-bottom: 10px; }.firma-head h2 { font-family: Roboto-Bold, sans-serif; font-size: 19px; color: #142433; margin: 0; }.firma-head p { font-size: 13px; color: #6b7280; margin: 5px 0 0; }.firma-label { display: block; font-size: 12.5px; color: #6b7280; margin-bottom: 5px; }.firma-field { position: relative; margin-bottom: 14px; }.firma-field-ic { position: absolute; left: 11px; top: 50%; transform: translateY(-50%); color: #9aa3ad; font-size: 15px; }.firma-input { width: 100%; height: 42px; border: 1px solid #dfe4ea; border-radius: 9px; background: #fbfcfd; color: #142433; font-size: 14px; padding: 0 12px 0 34px; box-sizing: border-box; }.firma-input:focus { outline: none; border-color: #003e6d; background: #ffffff; box-shadow: 0 0 0 3px rgba(0,62,109,0.10); }.firma-hint { font-size: 12px; color: #9aa3ad; margin: 2px 0 16px; }.firma-hint .glyphicon { font-size: 12px; margin-right: 3px; }.firma-btn { display: inline-block; width: 100%; height: 44px; line-height: 44px; padding: 0 16px; box-sizing: border-box; text-align: center; border: none; border-radius: 9px; background: #003e6d; color: #ffffff; font-size: 15px; font-weight: 500; cursor: pointer; text-decoration: none; }.firma-btn:hover, .firma-btn:focus { background: #00528f; color: #ffffff; text-decoration: none; }.firma-msg { font-size: 15px; color: #142433; margin: 0 0 14px; }.firma-ic-ok { font-size: 42px; color: #1d9e75; display: block; margin-bottom: 10px; }.nomina-search { position: relative; max-width: 460px; margin-bottom: 16px; display: flex; align-items: center; gap: 8px; }.nomina-search-ic { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #9aa3ad; font-size: 14px; pointer-events: none; }.nomina-search-input { flex: 1; height: 40px; border: 1px solid #dfe4ea; border-radius: 10px; background: #fff; font-size: 14px; padding: 0 12px 0 34px; box-sizing: border-box; }.nomina-search-input:focus { outline: none; border-color: #003e6d; box-shadow: 0 0 0 3px rgba(0,62,109,0.10); }.btn-nomina-buscar { height: 40px; padding: 0 18px; border: none; border-radius: 9px; background: #003e6d; color: #fff; font-size: 14px; font-weight: 500; cursor: pointer; }.btn-nomina-buscar:hover { background: #00528f; }.nomina-tablewrap { overflow-x: auto; }#fondo_trabajo table.nomina-table { width: 100%; border-collapse: separate; border-spacing: 0; background: transparent; }#fondo_trabajo table.nomina-table > thead > tr > th,#fondo_trabajo table.nomina-table > tbody > tr > td { border-top: none; }.nomina-link { color: #185fa5; font-weight: 500; text-decoration: none; }.nomina-link:hover { text-decoration: underline; }.nomina-empty { text-align: center; padding: 36px 20px; color: #9aa3ad; }.nomina-empty .glyphicon { font-size: 32px; display: block; margin-bottom: 8px; }.nomina-pagination { margin-top: 14px; text-align: center; }.nomina-pagination a, .nomina-pagination span { display: inline-block; min-width: 32px; padding: 6px 10px; margin: 0 2px; border-radius: 7px; font-size: 13px; color: #44546a; text-decoration: none; }.nomina-pagination a:hover { background: #eef2f6; color: #003e6d; }.nomina-pagination .currentStep { background: #003e6d; color: #fff; }.bajar-actions { display: flex; gap: 10px; margin-top: 12px; flex-wrap: wrap; }.bajar-actions .btn { border-radius: 8px; }.btn-warning, .btn-naranja {background: #003e6d !important;background-image: none !important;filter: none;border-color: #003e6d !important;color: #ffffff !important;text-shadow: none;border-radius: 8px;}.btn-warning:hover, .btn-warning:focus, .btn-warning:active,.btn-naranja:hover, .btn-naranja:focus, .btn-naranja:active {background: #00528f !important;border-color: #00528f !important;color: #ffffff !important;}.firmar-box { max-width: 460px; margin: 0 auto; }.firmar-pass { height: 42px; border-radius: 9px; margin-bottom: 10px; }.firmar-botones { display: flex; gap: 10px; flex-wrap: wrap; }.btn-firmar {flex: 1 1 180px;height: 46px;border-radius: 9px;font-size: 14px;font-weight: 500;cursor: pointer;display: inline-flex;align-items: center;justify-content: center;gap: 7px;}.btn-firmar .glyphicon { font-size: 13px; }.btn-firmar-conforme { background: #003e6d; border: none; color: #ffffff; }.btn-firmar-conforme:hover, .btn-firmar-conforme:focus { background: #00528f; color: #ffffff; }.btn-firmar-disconforme { background: #ffffff; border: 1px solid #d4dae1; color: #44546a; }.btn-firmar-disconforme:hover, .btn-firmar-disconforme:focus { background: #f5f7fa; color: #142433; }#fondo_trabajo_reporte { width: 100%; min-height: 240px; }.vcard-search { position: relative; margin: 0 auto 18px; max-width: 1180px; }.vcard-search-ic { position: absolute; left: 13px; top: 50%; transform: translateY(-50%); color: #9aa3ad; font-size: 14px; }.vcard-search-input { width: 100%; height: 42px; border: 1px solid #d6dde4; border-radius: 10px; background: #fff; font-size: 14px; padding: 0 13px 0 36px; box-sizing: border-box; }.vcard-search-input:focus { outline: none; border-color: #0096d6; box-shadow: 0 0 0 3px rgba(0,150,214,0.14); }.vcard-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 16px; max-width: 1180px; margin: 0 auto; }.vcard { background: #ffffff; border: 1px solid #e3e7ec; border-radius: 14px; padding: 16px 18px;box-shadow: 0 4px 16px rgba(0,18,51,0.06); display: flex; flex-direction: column; transition: box-shadow .15s, transform .15s; }.vcard:hover { box-shadow: 0 10px 26px rgba(0,18,51,0.12); transform: translateY(-2px); }.vcard-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }.vcard-tipo { font-size: 15px; font-weight: 600; color: #003087; }.vcard-badge { font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: 20px; white-space: nowrap; }.vcard-badge-green { color: #0f6e56; background: #e1f5ee; }.vcard-badge-amber { color: #854f0b; background: #faeeda; }.vcard-badge-red { color: #a32d2d; background: #fceaea; }.vcard-periodo { font-size: 14px; color: #2c3a47; font-weight: 500; }.vcard-fecha { font-size: 12.5px; color: #8a97a4; margin-top: 2px; }.vcard-fecha-pend { color: #c08a1f; }.vcard-actions { display: flex; gap: 8px; margin-top: 14px; }.vcard-btn { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 38px;border-radius: 9px; font-size: 13.5px; font-weight: 600; cursor: pointer; border: 1px solid transparent; }.vcard-btn-firmar { background: #003087; color: #ffffff; }.vcard-btn-firmar:hover { background: #00246a; color: #ffffff; }.vcard-btn-ver { background: #eef3fa; color: #003087; border-color: #d6e0ee; }.vcard-btn-ver:hover { background: #e2ebf6; }.vcard-empty { padding: 40px; text-align: center; color: #8a97a4; font-size: 14px; }.rep-grafico { display: flex; align-items: center; gap: 28px; flex-wrap: wrap; background: #fff;border: 1px solid #e3e7ec; border-radius: 14px; padding: 18px 22px; margin-bottom: 16px; box-shadow: 0 4px 14px rgba(0,18,51,0.05); }.rep-grafico-donut { position: relative; width: 132px; height: 132px; flex: 0 0 auto; }.rep-grafico-centro { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; pointer-events: none; }.rep-grafico-centro strong { font-size: 24px; font-weight: 700; color: #142433; line-height: 1; }.rep-grafico-centro span { font-size: 11px; color: #9aa3ad; margin-top: 3px; }.rep-grafico-info { flex: 1 1 220px; min-width: 200px; }.rep-grafico-titulo { font-size: 13px; font-weight: 600; color: #3a4754; margin-bottom: 10px; }.rep-grafico-leyenda { list-style: none; margin: 0; padding: 0; }.rep-grafico-leyenda li { display: flex; align-items: center; gap: 10px; padding: 5px 8px; font-size: 13px; color: #2c3a47; border-bottom: 1px solid #f1f3f5; border-radius: 6px; cursor: pointer; transition: background .12s; }.rep-grafico-leyenda li:last-child { border-bottom: none; }.rep-grafico-leyenda li:hover { background: #f2f6fa; }.rep-grafico-leyenda li.rep-ley-activo { background: #e7eef9; box-shadow: inset 2px 0 0 #003087; }.rep-ley-punto { width: 12px; height: 12px; border-radius: 3px; flex: 0 0 auto; }.rep-ley-label { flex: 1 1 auto; }.rep-ley-valor { font-weight: 600; color: #142433; }.rep-ley-valor small { font-weight: 500; color: #9aa3ad; }.btn-firmar { display: inline-flex; align-items: center; gap: 7px; height: 42px; padding: 0 18px;border-radius: 9px; font-size: 14px; font-weight: 600; cursor: pointer; border: none; }.btn-firmar-conforme { background: #1c9e7c; color: #ffffff; }.btn-firmar-conforme:hover { background: #178468; color: #ffffff; }.btn-firmar-disconforme { background: #ffffff; color: #c0392b; border: 1px solid #e6b6b1; }.btn-firmar-disconforme:hover { background: #fcebea; }.carga-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 18px; }.carga-card { background: #ffffff; border: 1px solid #e3e7ec; border-radius: 14px; padding: 18px 20px; box-shadow: 0 4px 16px rgba(0,18,51,0.05); }.carga-card-title { color: #003087; font-weight: 700; font-size: 16px; margin: 0 0 4px; display: flex; align-items: center; gap: 8px; }.carga-card-title .glyphicon { font-size: 15px; }.carga-card-sub { color: #5f6f7e; font-size: 13px; margin: 0 0 14px; }.carga-card .dz-form { max-width: 100%; }.carga-card .dropzone-form { max-width: 100%; margin-bottom: 0; }#repActions .dt-buttons { display: flex; gap: 8px; margin: 0; flex-wrap: wrap; }#repActions .dt-button { height: 34px; padding: 0 14px; border-radius: 8px; font-size: 13px; font-weight: 500; border: 1px solid #d4dae1; background: #ffffff; color: #142433; box-shadow: none; background-image: none; cursor: pointer; }#repActions .dt-button:hover { background: #f5f7fa; border-color: #b9c6d4; }.rep-grafico-leyenda-item { display: flex; align-items: center; gap: 10px; }#fondo_inicio #botonera { background-color: #06363b; }.navbar-custom { background-color: #06363b; }.auth-wrap { align-items: center; min-height: calc(100vh - 240px); padding-top: 36px; }.auth-card { width: 730px; border: none; box-shadow: 0 26px 64px rgba(2, 28, 33, 0.34); }.auth-side {width: 274px;background: linear-gradient(157deg, #052e33 0%, #0a6970 52%, #0c828b 100%);}.auth-side-svg { opacity: 0.18; }.auth-brand-mark { background: rgba(255, 255, 255, 0.16); }.auth-tagline { font-size: 21px; }.auth-subtagline { color: #cfe9eb; }.auth-secure { color: #a3d6da; }.auth-title { color: #0c2a2e; }.btn-auth-primary { background: #00838f; box-shadow: 0 6px 16px rgba(0, 131, 143, 0.28); }.btn-auth-primary:hover { background: #006e78; }.auth-input:focus { border-color: #00838f; box-shadow: 0 0 0 3px rgba(0, 131, 143, 0.15); outline: none; }.auth-select:focus { border-color: #00838f; }.auth-forgot a { color: #00838f; }.auth-eye { color: #00838f; }html, body { min-height: 100%; }#fondo_inicio {min-height: 100vh;background:radial-gradient(1100px 520px at 82% -8%, rgba(0, 150, 170, 0.22), transparent 62%),radial-gradient(900px 520px at 0% 112%, rgba(0, 120, 140, 0.15), transparent 60%),linear-gradient(135deg, #06363b 0%, #0a4a52 55%, #0c5560 100%);background-attachment: fixed;}#fondo_inicio #titulo_mesadetrabajo {color: #ffffff;border-left-color: #2bb7ab;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);}html, body { max-width: 100%; overflow-x: hidden; }#fondo_inicio { overflow-x: hidden; }#fondo_inicio #logo {width: 100%;height: 56px;overflow: hidden;line-height: 0;background: #fff;margin: 0;}#fondo_inicio #logo a { display: inline-block; height: 56px; }#fondo_inicio #logo img.logo-img {height: 56px;width: auto;max-width: none;display: block;}@media (max-width: 600px) {#fondo_inicio #logo,#fondo_inicio #logo a,#fondo_inicio #logo img.logo-img { height: 46px; }}.user-chip-li { margin-top: 8px; }.user-chip {background: rgba(255, 255, 255, 0.12);border: 1px solid rgba(255, 255, 255, 0.28);color: #ffffff;border-radius: 22px;padding: 7px 15px;font-weight: 500;cursor: pointer;transition: background 0.15s, border-color 0.15s;display: inline-flex;align-items: center;}.user-chip:hover,.user-chip:focus { background: rgba(255, 255, 255, 0.22); border-color: rgba(255, 255, 255, 0.5); outline: none; }.user-chip-ic { margin-right: 7px; opacity: 0.92; top: 0; }.user-chip-name { margin-right: 5px; }.user-chip-menu { right: 0; left: auto; min-width: 180px; border-radius: 10px; padding: 6px; border: none; box-shadow: 0 8px 24px rgba(15, 39, 64, 0.18); }.user-chip-logout {background: none;border: none;width: 100%;text-align: left;padding: 9px 14px;color: #0e2740;border-radius: 8px;cursor: pointer;font-weight: 500;}.user-chip-logout:hover { background: #f1f5f9; color: #b02a37; }.user-chip-logout .glyphicon { margin-right: 8px; }.firma-card { max-width: 440px; margin: 0 auto; background: #ffffff; border: 1px solid #e3e7ec; border-radius: 14px; padding: 26px; box-shadow: 0 8px 24px rgba(15,39,64,0.07); }.firma-card-sm { text-align: center; padding: 30px 26px; }.firma-head { text-align: center; margin-bottom: 18px; }.firma-ic { display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 50%; background: #d8f0f2; color: #00838f; font-size: 21px; margin-bottom: 10px; }.firma-head h2 { font-family: Roboto-Bold, sans-serif; font-size: 19px; color: #142433; margin: 0; }.firma-head p { font-size: 13px; color: #6b7280; margin: 5px 0 0; }.firma-label { display: block; font-size: 12.5px; color: #6b7280; margin-bottom: 5px; }.firma-field { position: relative; margin-bottom: 14px; }.firma-field-ic { position: absolute; left: 11px; top: 50%; transform: translateY(-50%); color: #9aa3ad; font-size: 15px; }.firma-input { width: 100%; height: 42px; border: 1px solid #dfe4ea; border-radius: 9px; background: #fbfcfd; color: #142433; font-size: 14px; padding: 0 12px 0 34px; box-sizing: border-box; }.firma-input:focus { outline: none; border-color: #00838f; background: #ffffff; box-shadow: 0 0 0 3px rgba(0,131,143,0.12); }.firma-hint { font-size: 12px; color: #9aa3ad; margin: 2px 0 16px; }.firma-hint .glyphicon { font-size: 12px; margin-right: 3px; }.firma-btn { display: inline-block; width: 100%; height: 44px; line-height: 44px; padding: 0 16px; box-sizing: border-box; text-align: center; border: none; border-radius: 9px; background: #00838f; color: #ffffff; font-size: 15px; font-weight: 500; cursor: pointer; text-decoration: none; }.firma-btn:hover, .firma-btn:focus { background: #036b75; color: #ffffff; text-decoration: none; }.firma-msg { font-size: 15px; color: #142433; margin: 0 0 14px; }.firma-ic-ok { font-size: 42px; color: #1d9e75; display: block; margin-bottom: 10px; }