/*Controles*/ .listaChecks span{width:25%;position:relative;float:left;} @media(max-width:800px){.listaChecks span{width:50%}} @media(max-width:450px){.listaChecks span{width:100%}} .txtCienAncho{width:calc(100% - 1.5rem) !important;} .txtImporteLetra{width:calc(100%) !important; max-width:100rem !important;} .ui-datepicker-trigger{width:1.2rem;cursor:pointer; margin:-.2rem .4rem;} /*Formato del botón del calendario*/ .cajita,.txt-multi,.master input[type=text],.master input[type=password],select,.calendario,.calendarioGris,.calendarioBlanco{border-color:#E6E7E8;border-style:solid;border-width:2px;} select{max-width:19.05rem; width:calc(100% - 1.2rem);} .cajita::-webkit-input-placeholder,.txt-multi::-webkit-input-placeholder,.master input[type=text]::-webkit-input-placeholder,.master input[type=password]::-webkit-input-placeholder,select::-webkit-input-placeholder,.calendario::-webkit-input-placeholder,.calendarioGris::-webkit-input-placeholder,.calendarioBlanco::-webkit-input-placeholder{color:#999999;} .master input[type=submit], .btnGrandote{padding:.3rem .45rem .35rem .45rem; border:none;font-family: 'HelveticaNeueLTProCn';-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius:5px;font-size:.97rem;} .btnGrandote{border:3px solid #1C7C32 !Important;cursor:pointer;padding:.6rem .9rem .6rem .9rem !Important;font-size:1.2rem !Important;width:10rem !Important;} .ligaFormulario{width:8.5rem !important;display:inline-block;text-align:center;} .label, .labelRequerido{color:black;} .cuatro.columnas.derAIzqResp + .ocho.columnas span, .cinco.columnas.derAIzqResp + .siete.columnas span, .seis.columnas.derAIzqResp + .seis.columnas.breakWord span{font-family:MyriadPro-BoldCond;} .label2{padding-top:.3rem;} .custom-file-input {display: inline-block;position: relative; float:left;} .custom-file-input input {visibility: hidden; width: 1rem;} .custom-file-input:before {content: 'Subir archivo';display: block; background-color:#5e5e5e; color:#e1e1e1; margin-left:.5rem; outline: none; white-space: nowrap;cursor: pointer;text-align: center; font-size: 1rem; position: absolute;border-color:#5e5e5e; padding:.2rem .7rem; font-family:'MyriadPro-Cond';border-width:2px;border-style:solid;border-radius:5px;} .master input[type=submit], .formato-file:before{padding:.3rem .45rem .35rem .45rem;border-radius:5px; border:none;color:white;background-color:#37b34a;}.cajita{float:left; max-width:12rem !important; width:calc(100% - 8.2rem) !important;} @media (max-width: 1000px) {.custom-file-input:before {content: 'Subir' !important;}.cajita{width:calc(100% - 5.9rem) !important;max-width:14.6rem !important;}} @media(max-width:480px){ .cajita{width:calc(100% - 9.5rem) !Important;} } /*Login*/ .containerLogin{display: flex;align-items: center;justify-content: center;height: 100%;position: absolute;width: 100%;} .containerLogin > div{border-top: 2px solid #1C2653 !important;} .loginFlex{display: flex;flex-wrap: nowrap;-webkit-box-shadow: 1px 5px 16px 1px rgba(188,188,188,1);-moz-box-shadow: 1px 5px 16px 1px rgba(188,188,188,1);box-shadow: 1px 5px 16px 1px rgba(188,188,188,1);} .colIzqLogin{background-color:white;} .colIzqLogin, .colDerLogin{display: flex;flex-wrap: wrap;width: 100%;align-items: center;padding: 6rem 0;} .colIzqLogin div, .colDerLogin div{width: 100%;display: flex;} .colIzqLogin div{align-items: baseline;margin-bottom: .5rem;width: 70%;margin-left: 15%;} .centroFlex{justify-content:center;} .colIzqLogin div:first-child, .colIzqLogin div:nth-child(3){margin-bottom: -.7rem !important;background-color: white;width: auto;margin-left: 18%;z-index: 1;padding: 0 .9rem 0 .5rem;} .colIzqLogin div:last-child{display:flex;flex-wrap:wrap;} .colIzqLogin div span{color: #1C2653;font-size: 1.1rem;font-family:MyriadPro-Cond, MyriadPro-Regular, sans-serif;} .colIzqLogin div span + img{height: 1.2rem;padding-left: .5rem;filter:invert(25%) sepia() saturate(100000%) hue-rotate(243deg) brightness(42%) !important;} .colIzqLogin div input[type=text]:-webkit-autofill, .colIzqLogin div input[type=password]:-webkit-autofill{background-color: white;-webkit-box-shadow: 0 0 0 30px white inset !important;} .colIzqLogin div input[type=text], .colIzqLogin div input[type=password]{min-height: 1.8rem;padding-top: .5rem;padding-left: 1.3rem;border-radius: 10px;border: 1px solid #DEE2E1;padding: .3rem;width: calc(100% - 1rem);margin-right: .1rem;font-family: MyriadPro-Cond, MyriadPro-Regular, sans-serif;} .colIzqLogin div:last-child input[type=submit]{margin-bottom:.5rem;border-radius: 10px;padding: .7rem 0;width: 97%;font-family: 'MyriadPro-Regular' !important;background-color: #1C2653 !important;text-align: center;color: white;border: none;font-size: .9rem;cursor: pointer;} .colDerLogin{background-color: #D9DAD8;align-content:center;} .colDerLogin div{justify-content: center;width: 10rem;margin-left: calc(50% - 5rem);display:flex;} .colDerLogin div:last-child{border-top: 1px solid #121516;margin-top: 1rem;padding-top: 1rem;} /*Termina nuevo login FD*/ .flechaBanner{position:absolute;margin-top:-2.48%;right:2rem;width:7%;} /*.fondoLogin{position:fixed;top:0;left:0;width:100%;height:100%;}*/ /*.containerLogin{background-position: calc(50% + 10rem) calc(50% - 3rem); display:flex;align-items:center;justify-content:center;height:100%;position:absolute;width:100%;background-image:url('Imagenes/FP/MapaLogin.svg');background-repeat:no-repeat;background-size:60rem auto; }*/ .containerLogin > div{width:60rem;} .login input[type=text],.login input[type=password]{background-color:white;border:solid 1px #cecece;border-radius:5px;color:#606060;width:calc(100% - 2.1rem);padding:.5rem;font-size:1.2rem;font-family: 'MyriadPro-Semibold';} .login input[type=submit]{background-color:transparent;border:none;padding:.7rem 2.5rem .7rem 1.6rem;font-family: 'Cabin-BoldItalic';-webkit-appearance: none;-moz-appearance: none;appearance: none;background-position-x:right;background-repeat:no-repeat;background-position-y:center;background-size:1.5rem auto;font-size:1.5rem;cursor:pointer;} .login input[type=text]::placeholder{color:white;} .formulario{position:absolute;width:8rem;background-color:#EEE;padding:1rem 1.5rem;border-radius:10px;z-index:201;right:0;font-size:.8rem;} .formulario input[type=text]{background-color:white;border:solid 1px #26BB86;border-radius:5px;color:#666;width:calc(100% - 1rem - 2px);padding:.3rem .5rem .3em .5rem;font-size:.8rem;position:relative;float:left;} .formulario input[type=submit]{width:calc(100% - 0rem);background-color:#26BB86;color:white;border:none;padding:.3rem 1.7rem;border-radius:7px;font-family: 'Cabin-Regular';max-width:10rem;font-size:0.8rem;-webkit-appearance: none;-moz-appearance: none;appearance: none;} .formulario input[type=text]::placeholder{color:gray;} .cerrarFormulario{position:absolute;top:-.5rem;right:-.5rem;border-radius:15px;color:white;background:#dedede;width:1.2rem!important;height:1.3rem!important;padding:.2rem .1rem!important;text-align:center;} .cincoLogin{width:25.5rem;padding:1rem 2rem!important;} .sieteLogin{width:calc(100% - 27rem);} .logoLogin,.restoLogoLogin{position:relative;float:left;} .logoLogin{width:3.5rem;margin-top:-.99rem;} .logoLogin a img{border-radius:5px;} .restoLogoLogin{width:calc(100% - 3.5rem);} .lineaLogin{float:right;position:relative;height:1px;background:white;width:calc(100% - 5rem);margin:1.4rem 0 0rem 0rem;} .placeholderLogin{font-size:1.2rem;margin-top:.5rem;padding-right:1rem;width:100%;float:left;position:relative;font-family: 'MyriadPro-Semibold';} .mostrar70rem.placeholderLog{font-size:1.2rem;font-family:'Cabin-Italic';} .bannerPublicitario{background-image:url('Imagenes/Login/RM_estructura_Escritorio.png');padding:5.5% 1% 10% 1%!important;background-size:contain;width:calc(98%);background-repeat:no-repeat;overflow:hidden;} .bannerPublicitario2{background-image:url('Imagenes/Login/RM_estructura_Escritorio.png');padding:5.5% 1% 14% 1%!important;background-size:contain;width:calc(98%);background-repeat:no-repeat;overflow:hidden;min-height:12rem!important;} .margenAnuncio{position:absolute;top:50%;right:0rem;} .margenAnuncio2{margin-top:.5rem;} @media (max-width: 450px){.lineas img{width:80%;}} @media(max-width: 370px){.logoSO img{width:80%;}} /*Panel de usuario*/ .tituloPanelIzq, .cuerpoPanelIzq{background-color:#346094;color:white;display:inline-block;} .cuerpoPanelIzq{padding:.5rem 1rem;width:calc(100% - 2rem);} .tituloPanelIzq div:first-child, .tituloPanelIzq div:last-child, .cuerpoPanelIzq div:first-child{position:relative;float:left;} .tituloPanelIzq div:first-child, .cuerpoPanelIzq div:first-child{width:1.5rem;} .borde-azul{border: solid 2px #346094;width:calc(100% - 1.4rem);padding:.7rem;margin:.7rem 0;position:relative;float:left;} #ocultarCualquiera,.fondo{background: #11315b; background: -moz-linear-gradient(left,#11315b 0%, #005da4 100%, #00457a 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#11315b), color-stop(100%,#005da4), color-stop(100%,#00457a)); background: -webkit-linear-gradient(left, #11315b 0%,#005da4 100%,#00457a 100%); background: -o-linear-gradient(left, #11315b 0%,#005da4 100%,#00457a 100%); background: -ms-linear-gradient(left, #11315b 0%,#005da4 100%,#00457a 100%);background: linear-gradient(to right, #11315b 0%,#005da4 100%,#00457a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11315b', endColorstr='#00457a',GradientType=1 );} .fondo img{position:fixed; width:115%; height:auto;bottom:0;left:0;} .logo{width:90%; max-width:342px;} .logo::after {display: block;content:""; background-image:url('Imagenes/Logos/logo.png');background-repeat:no-repeat; background-size:auto; width:342px; height:120px;} .imagen, .infoImagen{float:left; position:relative;} .imagen {width:122px;} .imagen img{display: block;width:auto !important; height:120px;overflow:hidden;} .logo-mobil { width:auto;} .logo-mobil img{height:2.2rem;margin:auto;margin-top:.45rem;} .infoImagen{width:calc(100% - 132px); margin-right:10px; height:auto;padding-top:1.5rem;} .minCuenta{width:50%; min-width:10rem !important; max-width:30rem !important;} .minDebe, .minHaber{min-width:5rem;} @media (max-width: 950px) { .infoImagen{width:calc(70% - 120px);} #usuarioImagen{padding-bottom:1rem;} } .Transp{background-image:url('Imagenes/General/Transp.png'); outline:0; width:80%; max-width:500px; background-color:transparent; border-radius:15px; cursor:pointer; background-repeat:repeat; padding: .5rem 1.5rem; border-width:2px; border-style:solid; border-color:white;} /*Estilos para el menú*/ .notificacion{position:absolute; margin-left:-1rem; margin-top:.8rem; background-color:red; border-radius:50%; padding:.1rem .4rem .1rem .3rem; font-size:.7rem; font-family: MyriadPro-BoldCond; color:white;} /*Inicia la sección del menú*/ .menu{width:100%;top:0;left:0;position:fixed;height:3.3rem;background-color:#3e608f;z-index:100;} .menu > div:first-child{width:calc(100% - 2rem); max-width:700px;margin:auto;padding:0;} /*Menú del panel de Timbrado*/ .menuPrincipal{width:100%; height:3.8rem; position:fixed;top:0;right:0;background-color:#3e608f;z-index:102;} .menuPrincipal ul{list-style:none;width:75%;margin:auto;} .menuPrincipal ul li{display:inline-block;width:12.5%;float:left;position:relative} .menuPrincipal ul li a{display:block;cursor:pointer;text-align:center;padding:.2rem 0;color:white;} .menuPrincipal ul li span:first-child img{height:1.8rem;} .logosResponsivos{display:flex;flex-wrap:nowrap;padding-top:.35rem!important;} .logosResponsivos div:nth-child(1){width:calc(50% - 1rem);text-align:right;} .logosResponsivos div:nth-child(2){width:calc(1px);margin-left:1rem;margin-right:1rem;height:2.5rem;background-color:white;} .logosResponsivos div:nth-child(3){width:calc(40% - 1rem - 1px);text-align:left;padding-top:.2rem;} .logosResponsivos div:nth-child(1) img{height:2.5rem;} .logosResponsivos div:nth-child(3) img{height:2.1rem;} .subnodos{display:none;position:absolute;} .menuPrincipal ul li .subnodos li{background-color:#F2F2F2;width:15rem;position:relative;display:block;margin-left:calc(50% - 6rem);} .menuPrincipal ul li .subnodos li:first-child{margin-top:.1rem;} .menuPrincipal ul li .subnodos li a{padding:.8rem 0;color:#606060;} .menuPrincipal ul li .subnodos li a:hover{border-bottom:none;color:white;} .menuPrincipal ul li .subnodos li span{font-size:1.3rem !important;} .menuPrincipal ul li:hover .subnodos{display:block;} .btnAyudaMenu:hover{background-color:#009cde !important;color:white !important;} .Tema > a > img{height:1.95rem;cursor:pointer;} section.menuTema{position:absolute;top:-1100px;width:100%;font-family:'MyriadPro-Bold' !important;font-size:.9rem;} section.menuTema div{padding:0;} section.menuTema div input[type=submit]{padding:.75rem;width:100%;border-radius:0;margin:0;} section.menuTema div input[type=submit]:hover,section.menuTema div input[type=submit].temaSeleccionado{padding:.75rem;width:100%;border-radius:0;margin:0;} @media(max-width:950px){ #lnkAyuda{position:fixed;top:0;left:.7rem;width:3rem !important;background-color:transparent;color:#FFF;padding:.66rem 0 .5rem 0;} #lnkAyuda span:last-child{display:none;} .menuPrincipal{width:100%;right:-110%; max-width:none;height:calc(100% - 3.3rem) !important; max-height:none !important;overflow:auto; top:3.3rem;z-index:105;} .menuPrincipal ul{list-style:none;width:100%;margin:auto;} .menuPrincipal ul li{display:inline-block;width:100%;float:left;} .menuPrincipal ul li .subnodos, .menuPrincipal ul li:hover .subnodos{display:none;} .menuPrincipal ul li .subnodos{width:100% !important;position:relative;} .menuPrincipal ul li .subnodos li{display:block;width:100%;margin-left:0;} .menuPrincipal ul li .subnodos li a{border-bottom:none;} section.menuTema{position:fixed;right:0;max-width:15rem;width:80%;} .Tema{position:fixed;top:0;left:3.65rem;width:3rem !important;padding:0;z-index:105;} .Tema > a{padding:.48rem 0!important;display:block;} .Tema img{height:2rem!important;} section.menuTema{left:0;} } @media(max-width:500px) { .logosResponsivos div:nth-child(1){width:calc(100%);text-align:center;} .logosResponsivos div:nth-child(2),.logosResponsivos div:nth-child(3){display:none;} } .icon, .icon:before, .icon:after {height:.3rem;width:2rem;background-color: #F8FFE9;content: "";border-radius:1rem;position: absolute;left:0;} .iconMas {position: relative; display: inline-block; width: 40px; height: 40px; margin-top:.4rem; overflow: hidden;} .iconMas::before, .iconMas::after {content: ''; position: absolute; height: .4rem; width: 70%; top: 50%; left: 0; margin-top: -3px;background: #FFF; border-radius:5px;} .iconMas::before {transform: rotate(90deg);} .iconMas::after {transform: rotate(0deg);} .icon {top: .5rem;} .icon:before {top:.75rem;} .icon:after {top:1.5rem;} .burger2{position:relative; margin-left:calc(100% - 2rem);cursor:pointer;width:2rem; height:2.4rem;} .panelico {position:relative; margin-right:calc(100% - 2rem);cursor:pointer;width:2rem; height:3.3rem; /*background:#35537b*/} .burger2 .icon, .panelico .iconMas {transition-duration: 0.2s;transition-delay: 0.2s; cursor:pointer;} .burger2.open .icon, .panelico.open .iconMas{transition-duration: 0.1s;transition-delay: 0.5s;background: transparent;} .burger2 .icon:before,.burger2 .icon:after, .panelico .iconMas:before, .panelico .iconMas:after {transition: transform 0.5s, top 0.5s 0.5s;} .burger2.open .icon:before,.burger2.open .icon:after {transition: top 0.5s, transform 0.5s 0.5s;top:.8rem;} .burger2.open .icon:before{transform: rotateZ(-45deg);} .burger2.open .icon:after{transform: rotateZ(45deg);} .panelico.open .iconMas:before{transform: rotate(45deg);} .panelico.open .iconMas:after{transform: rotate(-45deg);} @media (max-width: 900px) { .cabezal{width:5rem;} .cabezal img{height:2.6rem; margin-top:.25rem; margin-left:1rem;} .logo{max-width:310px;} .logo::after {background-image:url('Imagenes/Logos/sistemaonline0-900.png'); width:310px; height:109px;} .notificacion{margin-top:.4rem;} } /*Menú Panel de usuario*/ .bordeado2,.bordeadoSinPadding2{ position:relative; float:left; border-radius:18px 18px 15px 15px; margin:0 1.5% 1.5% 1.5%; padding-bottom:1.5rem; -webkit-box-shadow: 19px 19px 16px -11px rgba(0,0,0,0.55);-moz-box-shadow: 19px 19px 16px -11px rgba(0,0,0,0.55);box-shadow: 19px 19px 16px -11px rgba(0,0,0,0.55); } .bordeadoSinPadding2{width:97%; padding-bottom:0; border-radius:18px;} .bordeado2{width:calc(97% - 3rem); padding-left:1.5rem; padding-right:1.5rem;} .menuIzq, .menuDer{position:relative;box-sizing:border-box;padding-bottom:.5rem;padding-top:.5rem;float:right;} .menuIzq{width:18rem;margin-right:1rem;} .menuDer{width:calc(90% - 18rem);} .contenedorpanel{position: relative;width: 85%;max-width: 1300px;margin:auto;} /*Otro menu*/ .menuIzq li, .menuIzqPanel li {list-style-type:none;position:relative;} .menuIzq ul ul, .menuIzqPanel ul ul{max-height: 0;overflow:hidden;-moz-transform: scaleY(0);-ms-transform: scaleY(0);-webkit-transform: scaleY(0);transform: scaleY(0); -moz-transform-origin: 50% 0%;-ms-transform-origin: 50% 0%;-webkit-transform-origin: 50% 0%;transform-origin: 50% 0%;-moz-transition: max-height .4s ease;-o-transition: max-height .4s ease;-webkit-transition: max-height .4s ease;transition: max-height .4s ease; animation: hideAnimation .4s linear;-moz-animation: hideAnimation .4s linear;-webkit-animation: hideAnimation .4s linear;} .menuIzq ul li input[type=radio]:checked ~ ul, .menuIzqPanel ul li input[type=radio]:checked ~ ul{max-height: 9999px;display:block;-moz-transform: scaleY(1);-ms-transform: scaleY(1);-webkit-transform: scaleY(1);transform: scaleY(1);animation: showAnimation .3s ease-in-out;-moz-animation: showAnimation .3s ease-in-out;-webkit-animation: showAnimation .3s ease-in-out;-moz-transition: max-height .6s ease-in-out;-o-transition: max-height .6s ease-in-out;-webkit-transition: max-height .6s ease-in-out;transition: max-height .6s ease-in-out} .menuIzq ul li input[type=radio], .menuIzqPanel ul li input[type=radio]{opacity:0;display: block;position: absolute;top: 0;width: 100%;height: 100%;cursor: pointer;} .menuIzq ul li input[type=radio], .menuIzqPanel ul li input[type=radio]{z-index:99999;} .menuIzq ul li input[type=radio]:checked, .menuIzqPanel ul li input[type=radio]:checked{z-index:-1;} .menuIzq li .ligasMain {cursor:pointer;border-bottom:solid 1px #FFF;display:block;} .menuIzq li .ligasMain div:last-child::after, .menuResponsivo div:last-child::after{font-family: 'icomoon' !important; content:"\e9df"; font-size:.5rem; color:#FFF;position:absolute;right:.8rem; transform: rotate(0deg);transition:transform 0.6s;} .menuResponsivo div:last-child::after{color:#346094;right:1rem;font-size:.9rem;} .menuIzq ul li input[type=radio]:checked + .ligasMain div:last-child::after, .menuIzqPanel ul li input[type=radio]:checked + .ligasMain div:last-child::after{transform:rotate(-180deg);transition:transform 0.6s;} .menuIzq ul ul{position:relative;width:calc(100% - 3rem); margin:auto;} .menuIzqPanel ul ul{position:relative;} .menuIzq ul ul li a {text-decoration: none; display:block;font-family: MyriadPro-BoldCond;font-size:1rem; padding:.5rem 1rem;color:#707070; border-radius:5px 5px 5px 5px; border:1px solid #b1b4b5 !important;margin:1rem 0;} .menuIzq ul ul li a:hover, .seleccionaPanel {color:white; background-color:#b7b7b7;} .ultimopanel {border-bottom-right-radius:15px; border-bottom-left-radius:15px; border-bottom:none !important;} @keyframes showAnimation { 0% { -moz-transform: scaleY(0.1); -ms-transform: scaleY(0.1); -webkit-transform: scaleY(0.1); transform: scaleY(0.1); } 100% { -moz-transform: scaleY(1); -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); } } @keyframes hideAnimation { 0% { -moz-transform: scaleY(1); -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); } 100% { -moz-transform: scaleY(0); -ms-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0); } } /*/////////////////////////////////Menu Izquierdo en resolución mayor//////////////////////////////////////////////////////*/ .menuIzqPanel{position:fixed;left:-100%;background-color:#fff;width:18rem;max-width:20rem;top:3.8rem;height:auto; max-height:calc(100% - 4rem); overflow:scroll;cursor:pointer;z-index:105;} .menuIzqPanel ul{list-style-type:none;} .menuResponsivo{border-bottom:1px solid #bbbdbf;color:#346094;width:100%;padding:.5rem 0;}/*quitamos el display:inline y el float:left para que la animación se mantenga*/ .menuResponsivo div:first-child, .menuResponsivo div:last-child{display:inline-block;} .menuResponsivo div:first-child{width:2rem;text-align:center;} .menuResponsivo div:last-child{font-size:.9rem;font-family: MyriadPro-BoldCond;} /*Formato para las opciones desplegables*/ .menuIzqPanel ul ul li a {text-decoration: none; display:block; font-weight:bold;border-bottom:1px solid #bbbdbf;} .menuResponsivo:hover, .menuIzqPanel ul li ul li a:hover, .seleccionaPanelMaster{background-color:#e0e0e0; color:#737778 !important;} .lista2Resp li{width:100%;padding:0;} .lista2Resp li a{color:#346094;text-decoration:none; padding:.5rem 2.5rem; width:calc(100% - 5rem);} /*Expand*/ .expand a:link, .expand a:visited {border-width:1px; background-image:url('Imagenes/Iconos/arrow-down.gif');background-repeat:no-repeat;background-position:98% 50%; color:#FFFFFF; text-decoration:none;} .expand a:hover, .expand a:active, .expand a:focus {text-decoration:none;} .expand a.open:link, .expand a.open:visited {background-image:url('Imagenes/Iconos/arrow-up.gif'); background-repeat:no-repeat; background-position:98% 50%;} @media(max-width:800px) {.menuIzq{margin-right:0 !important;} .menuIzq, .menuDer{position:relative;float:left;padding-bottom:.5rem;padding-top:.5rem;} .menuIzq, .menuDer{width:80%;margin-left:10%;} .panelfactura { display:none !important;} .menuIzqPanel{top:3.3rem; width:100% !important; max-width:none !important; height:calc(100% - 3.3rem) !important; max-height:none !important;} .lista2Resp li a{padding:.5rem 0; width:100%; text-align:center;} } @media(max-width:450px){.menuIzq, .menuDer{width:90%;margin-left:5%;}} /*Estilos de header y footer*/ .headerLogin{width:100%;height:5rem;background-color:#003473; background-image:url('Logos/LogoBlanco.png'); background-repeat:no-repeat; background-position:left 25% bottom 1rem; position:fixed;top:0;left:0;z-index:101;} .pie{bottom:0;left:0;text-align:center;width:100%;height:auto;padding:.3rem 0;z-index:101;position:fixed;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);height:1rem;font-family: 'HelveticaNeueLTProCn';} .pie img{height:1.7rem;margin-top:.15rem;} @media (max-width:800px),(max-height:400px){ .pie,.pieLogin,.headerLogin{display:none;}} .fondoLoader,.loader{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);cursor:progress;} .fondoLoader{opacity:.7;z-index:110;} .loader{display:table;z-index:110;} .loader div{display:table-cell;vertical-align:middle;text-align:center;} .loader div img{width:90%;margin:0 5%;max-width:11rem;z-index:103;} /*Estilo de los Grids*/ .grid{width:100%; background-color:white; padding:0; border:0px none transparent; margin-bottom:.7rem;margin-top:.7rem;} .grid tbody tr td{padding-left:.3rem; padding-right:.3rem; word-break:break-all;text-align:center;} .grid tbody tr:nth-child(odd) td{background-color:#EBEFF4;} .grid tbody tr:first-child td,.grid tbody tr:first-child th, .grid tbody tr td{border-right:#346094 1px solid;} .grid tbody tr th{font-family: MyriadPro-BoldCond !important;font-weight:normal !important;} .grid tbody tr td:last-child {border-right:solid 1px transparent;} .grid tbody tr:first-child{color:white;font-family: MyriadPro-BoldCond;} .grid tbody tr:first-child td, .grid tbody tr:first-child th {padding-bottom:.4rem;background-color:#346094 !important; padding-top:.4rem; text-align:center;} .grid tbody tr:last-child{border-bottom:1px solid #346094;} .grid a{text-decoration:none;text-align:center;display:inline-block;color:#707070;padding:.3rem .2rem .1rem .2rem;} /*Formato para el paginado nativo del grid*/ .grid tbody tr td table tbody tr:first-child td{background-color:transparent !Important;color:#346094;} .grid tbody tr td table tbody tr:first-child td span{font-family:MyriadPro-BoldCond !important;} /*Estilo de los botones de los grids*/ .navegacion{text-align:right; color:#346094;font-size:1.3rem; font-family: MyriadPro-BoldCond;} .navegacion input[type=submit]{height:1.1rem;width:1.1rem;background-position:bottom left; background-repeat:no-repeat !important; background-size:contain; background-color:transparent !important; border:solid 1px transparent; outline:0;padding:0 !important;} .navegacion input[type=submit]:nth-child(1), .navegacion1{background-image:url('Imagenes/Botones/primero.png') !important;} .navegacion input[type=submit]:nth-child(2), .navegacion2{background-image:url('Imagenes/Botones/anterior.png') !important;} .navegacion input[type=submit]:nth-child(3), .navegacion3{background-image:url('Imagenes/Botones/siguiente.png') !important;} .navegacion input[type=submit]:nth-child(4), .navegacion4{background-image:url('Imagenes/Botones/ultimo.png') !important;} /*Fondos*/ .back1{background-color:white !important;} .back2{background-color:black !important;} .back3{background-color:#fff100 !important;} /*Amarillo chillón*/ .back4{background-color:#ffc85d !important;} /*Amarillo*/ .back5{background-color:#b5d562 !important;} /*Verde pistache*/ .back6{background-color:#37b34a !important;} /*Verde obscuro*/ .back7{background-color:#f09021 !important;} /*Anaranjado*/ .back8{background-color:#00a5ca !important;} /*Turquesa*/ .back9{background-color:#091c2a !important;} /*Azul Marino*/ .back10{background-color:#707070 !important;} /*Gris*/ .back11{background-color:#c483b6 !important;} /*Rosa*/ .back12{background-color:#e6e7e8 !important;} /*Casi Blanco*/ .back13{background-color:#346094 !important;} /*Azul1*/ .back14{background-color:#e3e4e5 !important;} /*Gris1*/ .back15{background-color:#d3d5d6 !important;} /*Gris2*/ .back16{background-color:#e8e9eb !important;} /*Gris3*/ .back17{background-color:#fff200 !important;} /*Amarillo3*/ .back18{background-color:#D1c428 !important;} /*Amarillo4*/ .back19{background-color:#268945 !important;} /*Verde3*/ .back20{background-color:#b1b4b5 !important;} /*Gris5*/ .back21{background-color:#ededed !important;} /*Gris6*/ .back22{background-color:#3f79bc !important;} /*Azul2*/ .back23 {background-color:#142f54 !important;} /*Azul3*/ .back24 {background-color:#076525 !important;} /*Verde 3*/ .back25 {background-color:#ff0000 !important;} /*Rojo*/ .back26 {background-color:#EAEFF4 !important;} /*Azul Claro*/ .back27 {background-color:#5e5e5e !important;} /*Gris 7*/ .back28 {background-color:#0e1b29 !important;} /*Bordes*/ .borde1{border-color:white !important;} .borde2{border-color:black !important;} .borde3{border-color:#fff100 !important;} /*Amarillo chillón*/ .borde4{border-color:#ffc85d !important;} /*Amarillo*/ .borde5{border-color:#b5d562 !important;} /*Verde pistache*/ .borde6{border-color:#37b34a !important;} /*Verde obscuro*/ .borde7{border-color:#f09021 !important;} /*Anaranjado*/ .borde8{border-color:#00a5ca !important;} /*Turquesa*/ .borde9{border-color:#091c2a !important;} /*Azul Marino*/ .borde10{border-color:#707070 !important;} /*Gris*/ .borde11{border-color:#c483b6 !important;} /*Rosa*/ .borde12{border-color:#e6e7e8 !important;} /*Casi Blanco*/ .borde13{border-color:#346094 !important;} /*Azul1*/ .borde14{border-color:#e3e4e5 !important;} /*Gris1*/ .borde15{border-color:#d3d5d6 !important;} /*Gris1*/ .borde16{border-color:#e8e9eb !important;} /*Gris3*/ .borde17{border-color:#fff200 !important;} /*Amarillo3*/ .borde18{border-color:#D1c428 !important;} /*Amarillo4*/ .borde19{border-color:#268945 !important;} /*Verde3*/ .borde20{border-color:#5e5e5e !important;} /*gris4*/ /*Fuentes*/ .font22,.font1{color:white !important;} .font2{color:black !important;} .font3{color:#fff100 !important;} /*Amarillo chillón*/ .font4{color:#ffc85d !important;} /*Amarillo*/ .font5{color:#b5d562 !important;} /*Verde pistache*/ .font6{color:#37b34a !important;} /*Verde obscuro*/ .font7{color:#f09021 !important;} /*Anaranjado*/ .font8{color:#00a5ca !important;} /*Turquesa*/ .font9{color:#091c2a !important;} /*Azul Marino*/ .font10{color:#707070 !important;} /*Gris*/ .font11{color:#c483b6 !important;} /*Rosa*/ .font12{color:#e6e7e8 !important;} /*Casi Blanco*/ .font13{color:#346094 !important;} /*Azul1*/ .font14{color:#e3e4e5 !important;} /*Gris1*/ .font15{color:#d3d5d6 !important;} /*Gris2*/ .font16{color:#BDBEC1 !important;} /*Gris3*/ .font17{color:#939598 !important;} /*Gris4*/ .font18{color:#b1b4b5 !important;} /*Gris5*/ .font19{color:#ededed !important;} /*Gris6*/ .font20{color:#3f79bc !important;} /*Azul2*/ .font21{color:#FF0000 !important;} /*Rojo*/ /*Degradados********************************************/ /*Degradado gris 2*/ .deg-1 { background: #e7e6e5; background: -moz-linear-gradient(left, #e7e6e5 0%, #ffffff 50%, #bbbdbf 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e7e6e5), color-stop(50%,#ffffff), color-stop(100%,#bbbdbf)); background: -webkit-linear-gradient(left, #e7e6e5 0%,#ffffff 50%,#bbbdbf 100%); background: -o-linear-gradient(left, #e7e6e5 0%,#ffffff 50%,#bbbdbf 100%); background: -ms-linear-gradient(left, #e7e6e5 0%,#ffffff 50%,#bbbdbf 100%); background: linear-gradient(to right, #e7e6e5 0%,#ffffff 50%,#bbbdbf 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e6e5', endColorstr='#bbbdbf',GradientType=1 );} /*Degradado azul 1*/ .deg-2{background: #11315b; background: -moz-linear-gradient(left,#11315b 0%, #005da4 100%, #00457a 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#11315b), color-stop(100%,#005da4), color-stop(100%,#00457a)); background: -webkit-linear-gradient(left, #11315b 0%,#005da4 100%,#00457a 100%); background: -o-linear-gradient(left, #11315b 0%,#005da4 100%,#00457a 100%); background: -ms-linear-gradient(left, #11315b 0%,#005da4 100%,#00457a 100%);background: linear-gradient(to right, #11315b 0%,#005da4 100%,#00457a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11315b', endColorstr='#00457a',GradientType=1 );} /*Degradado azul 2*/ .deg-3{background: #0f3d62; background: -moz-linear-gradient(left, #0f3d62 0%, #0779be 38%, #187ec0 62%, #57c9e8 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0f3d62), color-stop(38%,#0779be), color-stop(62%,#187ec0), color-stop(100%,#57c9e8)); background: -webkit-linear-gradient(left, #0f3d62 0%,#0779be 38%,#187ec0 62%,#57c9e8 100%); background: -o-linear-gradient(left, #0f3d62 0%,#0779be 38%,#187ec0 62%,#57c9e8 100%); background: -ms-linear-gradient(left, #0f3d62 0%,#0779be 38%,#187ec0 62%,#57c9e8 100%); background: linear-gradient(to right, #0f3d62 0%,#0779be 38%,#187ec0 62%,#57c9e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f3d62', endColorstr='#57c9e8',GradientType=1 );} /*Degradado azul 3*/ .deg-4{background: #00076b; background: -moz-radial-gradient(center, ellipse cover, #00076b 0%, #00155a 50%, #0f1539 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#00076b), color-stop(50%,#00155a), color-stop(100%,#0f1539)); background: -webkit-radial-gradient(center, ellipse cover, #00076b 0%,#00155a 50%,#0f1539 100%); background: -o-radial-gradient(center, ellipse cover, #00076b 0%,#00155a 50%,#0f1539 100%); background: -ms-radial-gradient(center, ellipse cover, #00076b 0%,#00155a 50%,#0f1539 100%); background: radial-gradient(ellipse at center, #00076b 0%,#00155a 50%,#0f1539 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00076b', endColorstr='#0f1539',GradientType=1 );} /*Degradado Efecto metálico*/ .deg-5{background: #e9e5e4; background: -moz-linear-gradient(-45deg, #e9e5e4 0%, #d8dad9 9%, #f9f9f9 14%, #989a9e 36%, #d1d2d3 42%, #5a5b5e 63%, #6d6f71 73%, #838487 85%, #f3f2f2 92%, #c9cacb 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#e9e5e4), color-stop(9%,#d8dad9), color-stop(14%,#f9f9f9), color-stop(36%,#989a9e), color-stop(42%,#d1d2d3), color-stop(63%,#5a5b5e), color-stop(73%,#6d6f71), color-stop(85%,#838487), color-stop(92%,#f3f2f2), color-stop(100%,#c9cacb)); background: -webkit-linear-gradient(-45deg, #e9e5e4 0%,#d8dad9 9%,#f9f9f9 14%,#989a9e 36%,#d1d2d3 42%,#5a5b5e 63%,#6d6f71 73%,#838487 85%,#f3f2f2 92%,#c9cacb 100%); background: -o-linear-gradient(-45deg, #e9e5e4 0%,#d8dad9 9%,#f9f9f9 14%,#989a9e 36%,#d1d2d3 42%,#5a5b5e 63%,#6d6f71 73%,#838487 85%,#f3f2f2 92%,#c9cacb 100%); background: -ms-linear-gradient(-45deg, #e9e5e4 0%,#d8dad9 9%,#f9f9f9 14%,#989a9e 36%,#d1d2d3 42%,#5a5b5e 63%,#6d6f71 73%,#838487 85%,#f3f2f2 92%,#c9cacb 100%); background: linear-gradient(135deg, #e9e5e4 0%,#d8dad9 9%,#f9f9f9 14%,#989a9e 36%,#d1d2d3 42%,#5a5b5e 63%,#6d6f71 73%,#838487 85%,#f3f2f2 92%,#c9cacb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e5e4', endColorstr='#c9cacb',GradientType=1 );} /*Degradado Gris*/ .deg-6{background: #acacac; /* Old browsers */background: -moz-linear-gradient(top, #acacac 0%, #797979 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#acacac), color-stop(100%,#797979)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #acacac 0%,#797979 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #acacac 0%,#797979 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #acacac 0%,#797979 100%); /* IE10+ */background: linear-gradient(to bottom, #acacac 0%,#797979 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acacac', endColorstr='#797979',GradientType=0 ); /* IE6-9 */} .bordeado{ position:relative; float:left; padding-top:0; padding-bottom:1.5rem;width:calc(97% - 3rem - 4px); padding-left:calc(1.5rem - 2px); padding-right:calc(1.5rem - 2px);margin:1.5rem 1.5% 1.5rem 1.5% !important;border-radius:7px;display:flex;flex-wrap:wrap;} .bordeado > div{width:100%;} .tituloBordeado{padding:0 1rem .1rem 1rem; position:relative; margin-bottom:.8rem;margin-left:0;margin-top:-.8rem;color:white;font-family:'MyriadPro-Bold';font-size:1.1rem;min-height:1rem;letter-spacing:0.03rem;display:inline-block;width:auto!important;} .tituloBordeadoPanel, .tituloBordeadoPanelMaster{border-top-left-radius: 15px; border-top-right-radius: 15px; padding:8px 1rem 8px 1rem; height:auto; vertical-align:middle;margin-left:0rem;width:calc(100% - 2rem);} .tituloBordeadoPanelMaster{border-top-left-radius: 15px; border-top-right-radius: 15px; padding:8px 1rem 8px 1rem; position:relative; height:auto; vertical-align:middle;text-transform:uppercase;margin-left:0rem;margin-top:-1.5rem; width:calc(100% - 2rem);} .contorno, .contornoRojo, .contornoBlanco, .bordeBlanco,.borde-azul,.borde-verde,.borde-gris{width:calc(100% - 1.4rem - 2px);position:relative;float:left;border-width:1px; border-radius:15px;border-style:solid;padding:.7rem;margin:.7rem 0;} .contorno{border-color:#346094;} .contornoRojo{border-color:#FF0000;} .contornoBlanco, .bordeBlanco{border-color:#FFFFFF;-webkit-box-shadow: 14px 17px 35px -9px rgba(0,0,0,0.75);-moz-box-shadow: 14px 17px 35px -9px rgba(0,0,0,0.75);box-shadow: 14px 17px 35px -9px rgba(0,0,0,0.75);} .contornoBlanco{width: calc(97% - 1.4rem);} .contorno .tituloContorno{position:relative;float:left;text-align:center;font-family:MyriadPro-BoldCond;font-size:1.3rem;width:100%;padding:.7rem 0 .7rem 0;} .contorno .tituloContorno:first-child{padding:.1rem 0 .7rem 0;} .borde-verde {border-radius: 15px 15px 15px 15px;-moz-border-radius: 15px 15px 15px 15px;-webkit-border-radius: 15px 15px 15px 15px;border: 1px solid #278441;color:#278441;} .borde-gris {border-radius: 15px 15px 15px 15px;-moz-border-radius: 15px 15px 15px 15px;-webkit-border-radius: 15px 15px 15px 15px;border: 1px solid #707070;color:#707070;} /*Modal*/ .tituloModal div:first-child{position:relative;width:calc(100% - 2rem);padding:.3rem 1rem;border-top-left-radius:5px;border-top-right-radius:5px;min-height:1.1rem;background-color:#0c4b7e;} .tituloModal div:first-child span{font-family:MyriadPro-BoldCond;color:white;letter-spacing:0.03rem;} .modalD, .modalConf{background: #e7e6e5; background: -moz-linear-gradient(left, #e7e6e5 0%, #ffffff 50%, #bbbdbf 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e7e6e5), color-stop(50%,#ffffff), color-stop(100%,#bbbdbf)); background: -webkit-linear-gradient(left, #e7e6e5 0%,#ffffff 50%,#bbbdbf 100%); background: -o-linear-gradient(left, #e7e6e5 0%,#ffffff 50%,#bbbdbf 100%); background: -ms-linear-gradient(left, #e7e6e5 0%,#ffffff 50%,#bbbdbf 100%); background: linear-gradient(to right, #e7e6e5 0%,#ffffff 50%,#bbbdbf 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e6e5', endColorstr='#bbbdbf',GradientType=1 );} .fondoMensaje{background-color:#e1e1e1;} /*Controles*/ .calendarioHora, .calendarioHoraBlanco, .cajita,.calendarioGris,.calendario,.calendarioBlanco,.txt-file,.txt-multi, .master input[type=text],.master input[type=number],.master input[type=password],.master select, .reloj{padding:.2rem .3rem;max-width:18.2rem;width:calc(100% - 3rem);font-size:1.1rem;position:relative;outline:0;} .master select{max-width:19.05rem; width:calc(100% - 2.2rem);} .txt-multi{resize:none;} .txt-file{float:left;max-width:12.3rem !important; width:calc(100% - 7.9rem) !important;} .custom-file-input {display:inline-block;position:relative;float:left;} .custom-file-input input{visibility:hidden;width:1rem;} .calendarioGris,.calendarioBlanco,.calendario{ max-width:5rem !important;width:calc(100% - 3.4rem) !important;} .calendarioHora, .calendarioHoraBlanco{max-width:8.5rem !important;width:calc(100% - 4.5rem) !important;} .centraConCaja{text-align:center;max-width:18.2rem; width:calc(100% - 2rem);} .ui-datepicker-trigger{width:1.2rem;cursor:pointer; margin:-.2rem .4rem;} /*Formato del botón del calendario*/ .master input[type=submit], .formato-file:before{cursor:pointer;margin-bottom:.3rem;} #ocultarCualquiera{position:fixed;top:0;left:0;width:100%;height:100%;display:none;opacity:.5;cursor:pointer;z-index:101;} #ocultarCualquiera img{width:120%;position:fixed;bottom:0;left:0;height:auto;} .anchoFrame{width:calc(100% - 4px);height:calc(100% - 4px);position:absolute;top:0;left:0;} /*Login*/ /*Placeholder*/ .animaPlaceholder{position: relative;margin-bottom:2rem;} .animaPlaceholder.is-focused .placeholderDer,.animaPlaceholder.has-value .placeholderDer,.animaPlaceholder.is-focused .placeholderArr,.animaPlaceholder.has-value .placeholderArr,.animaPlaceholder.is-focused .placeholderAba,.animaPlaceholder.has-value .placeholderAba,.animaPlaceholder.is-focused .placeholderIzq,.animaPlaceholder.has-value .placeholderIzq{font-size:1.1rem;line-height:1.2rem;color:#FFF;} .animaPlaceholder.is-disabled .placeholderDer,.animaPlaceholder.is-disabled .placeholderArr,.animaPlaceholder.is-disabled .placeholderAba,.animaPlaceholder.is-disabled .placeholderIzq{color:rgba(158, 158, 158, 0.4);} .animaPlaceholder.is-disabled [type="text"], .animaPlaceholder.is-disabled [type="password"]{pointer-events:none;} .loginUsuario:disabled, .loginContrasena:disabled {background:transparent;} .placeholderDer,.placeholderArr,.placeholderAba,.placeholderIzq{position: absolute; top: 1.2rem;display:inline-block;font-family: MyriadPro-CondIt !important;font-size: 1.1rem;color:black;line-height: 1.2rem; pointer-events: none; transition-timing-function: cubic-bezier(0.02, 0.01, 0.47, 1);} .placeholderDer,.placeholderIzq{transition: .9s left, .9s font-size, .9s color;} .placeholderArr,.placeholderAba{transition: .3s top, .3s font-size, .3s color;} .placeholderDer,.placeholderArr,.animaPlaceholder.is-focused .placeholderArr,.animaPlaceholder.has-value .placeholderArr,.placeholderAba,.animaPlaceholder.is-focused .placeholderAba,.animaPlaceholder.has-value .placeholderAba,.placeholderIzq {left:calc(50% - 1rem - 10px);} .animaPlaceholder.is-focused .placeholderDer, .animaPlaceholder.has-value .placeholderDer{left:calc(80% + 4.5rem);} .animaPlaceholder.is-focused .placeholderArr, .animaPlaceholder.has-value .placeholderArr{top:-1.5rem;} .animaPlaceholder.is-focused .placeholderAba, .animaPlaceholder.has-value .placeholderAba{top: 4rem;} .animaPlaceholder.is-focused .placeholderIzq, .animaPlaceholder.has-value .placeholderIzq{left:calc(0% - 1.5rem);} /*General*/ .loginUsuario::-webkit-input-placeholder,.loginContrasena::-webkit-input-placeholder{color:white;} .loginUsuario, .loginContrasena{ margin:auto; width:calc(80% - .5rem); padding:1.2rem 2rem 1.2rem 1rem ; margin-bottom:.5rem; outline:0; text-align:center;border-width:0; border-color:white; background-position-y:center; background-repeat:no-repeat;background-position:left 1.3rem bottom 1.3rem; border-radius:4px;background-position-y:50%;} .loginUsuario{ background-image:url('../Responsivos/Imagenes/Fondos/usuario.png');} .loginContrasena{ background-image:url('../Responsivos/Imagenes/Fondos/contrasena.png');} .loginContrasena:focus, .loginUsuario:focus{opacity:.5;} .loginUsuario:-webkit-autofill {-webkit-box-shadow:0 0 0 50px white inset; -webkit-text-fill-color: #333;} .loginUsuario:-webkit-autofill:focus {-webkit-box-shadow: 0 0 0 50px white inset;-webkit-text-fill-color: #333;} /*Tooltip*/ .tooltip-content, .tooltip-content-txtmulti, .tooltip-content-modal{position:absolute;z-index:100;width:20rem;font-size:1rem;text-align:center;margin: 0 0 10px -250px;cursor:default;pointer-events: none;-webkit-font-smoothing: antialiased;color:black;background:transparent;opacity:0;-webkit-transition: opacity 0.3s 0.3s;transition: opacity 0.3s 0.3s;} .tooltip-content-modal{width:30rem;bottom:-12rem;margin-bottom:10px;left:50%;} .ayuda:hover + .tooltip-content,.ayuda + .tooltip-content{bottom:1.5rem !important;} .tooltip-content,.tooltip-content-txtmulti{bottom:calc(100% + .2rem);} .tooltip-Menu{position:absolute;width:20rem;font-size:1rem;text-align:center;right:calc(32.5% - 10rem);top:-8rem;background-color:white;color:black;border-radius:7px;padding:1rem 0;box-shadow:2px 2px 55px -3px rgba(0,0,0,0.47);-webkit-box-shadow:2px 2px 55px -3px rgba(0,0,0,0.47);-moz-box-shadow:2px 2px 55px -3px rgba(0,0,0,0.47);animation-duration:15s;animation-name:popUp;animation-timing-function:ease-in;z-index:9999999;} .btnAyudaMenu{background-color:#009cde !important;color:white !important;} .btnAyudaMenu:hover{background-color:#009cde !important;color:white !important;} @keyframes popUp{from{top:-8rem;}5%{top:4.5rem;}95%{top:4.5rem;}to{top:-8rem;}} @media(max-width:950px){.tooltip-Menu::after{left:calc(25% - 10px) !important;margin-left:0;}.tooltip-Menu{z-index:999;left:0;position:fixed;}.btnAyudaMenu{background-color:#091c2a !important;}.btnAyudaMenu:hover{background-color:#091c2a !important;}@keyframes popUp{from{top:-8rem;}5%{top:4rem;}95%{top:4rem;}to{top:-8rem;}}} .master input[type=text]:focus + .tooltip-content-modal, .master input[type=text]:focus + .tooltip-content, select:focus + .tooltip-content, .calendario:focus + .ui-datepicker-trigger + .tooltip-content, textarea:focus + .tooltip-content-txtmulti, .master input[type=password]:focus + .tooltip-content, .ayuda:hover + .tooltip-content, .master input[type=text]:focus ~ .tooltip-content{opacity: 1;pointer-events: auto;-webkit-transition-delay: 0s;transition-delay: 0s;} .tooltip-content span, .tooltip-content-txtmulti span, .tooltip-content-modal span{display: block;} .tooltip-text {overflow: hidden;-webkit-transform: scale3d(0,1,1);transform: scale3d(0,1,1);-webkit-transition:-webkit-transform 0.3s 0.3s;transition: transform 0.3s 0.3s;border-bottom: 0px solid white;-webkit-box-shadow: 2px 2px 55px -3px rgba(0,0,0,0.47);-moz-box-shadow: 2px 2px 55px -3px rgba(0,0,0,0.47);box-shadow: 2px 2px 55px -3px rgba(0,0,0,0.47);border-radius:7px;} .master input[type=text]:focus + .tooltip-content-modal .tooltip-text, .master input[type=text]:focus + .tooltip-content .tooltip-text, select:focus + .tooltip-content .tooltip-text, .calendario:focus + .ui-datepicker-trigger + .tooltip-content .tooltip-text, textarea:focus + .tooltip-content-txtmulti .tooltip-text, .master input[type=password]:focus + .tooltip-content .tooltip-text, .ayuda:hover + .tooltip-content .tooltip-text, .master input[type=text]:focus ~ .tooltip-content .tooltip-text{-webkit-transition-delay: 0s;transition-delay: 0s;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);} .tooltip-inner {padding: 1rem;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0);-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;background: white;border-radius:7px;} .master input[type=text]:focus + .tooltip-content-modal .tooltip-inner, .master input[type=text]:focus + .tooltip-content .tooltip-inner, select:focus + .tooltip-content .tooltip-inner, .calendario:focus + .ui-datepicker-trigger + .tooltip-content .tooltip-inner, textarea:focus + .tooltip-content-txtmulti .tooltip-inner, .master input[type=password]:focus + .tooltip-content .tooltip-inner, .ayuda:hover + .tooltip-content .tooltip-inner, .master input[type=text]:focus ~ .tooltip-content .tooltip-inner{-webkit-transition-delay: 0.3s;transition-delay: 0.3s;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} .tooltip-content::after, .tooltip-content-txtmulti::after, .tooltip-content-modal::after{content: '';bottom: -20px;left: 50%;border: solid transparent;height: 0;width: 0;position: absolute;pointer-events: none;border-width: 10px;margin-left: -10px;border-color:transparent;border-top-color:white;} .tooltip-content-modal::after{transform:rotate(180deg);bottom:0;top:-20px;} .tooltip-Menu::after{content: '';top: -20px;left: 50%;border: solid transparent;height: 0;width: 0;position: absolute;pointer-events: none;border-color: transparent;border-top-color:#FFF;border-width: 10px;margin-left: -10px;-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);} @media(max-width:950px){ .tooltip-content-modal{margin:0 0 10px 0;left:0;} .tooltip-Menu::after{top: -20px;left: 2rem!important;} } @media(max-width:800px){ .tooltip-content, .tooltip-content-txtmulti{width:15rem;font-size:.9rem;margin: 0 0 10px -230px;} .tooltip-inner {padding:1rem .4rem;}} @media(max-width:700px){ .tooltip-content{margin: 0 0 10px -180px;}} @media(max-width:670px){ .tooltip-content-modal{width:15rem;bottom:-21rem;} } @media(max-width:500px){ .tooltip-content, .tooltip-content-txtmulti{margin:auto;left:0;right:0;margin-bottom:10px;}} /*Video Ayuda*/ .videoAyuda{width:2rem;height:2rem;position:absolute;right:0;border-radius:50%;padding:0;margin-right:-3rem;} .videoAyuda a{cursor:help;} .videoAyuda a span{font-size:2rem;color:red;} .videoFijo{position:fixed;top:5.3rem;margin-right:0;left:calc(50% + 750px - .5rem);} @media(max-width:1667px){ .videoFijo{right:0;left:inherit;margin-right:calc(5% - 2rem);}} @media(max-width:950px){ .videoAyuda,.videoFijo{width:1.5rem;height:1.5rem;left:initial;margin-top:0;margin-right:.3rem;top:0;}.videoAyuda a span{color:white;font-size:1.5rem;}} /*Menú*/ .iconoAnimacion, .iconoAnimacion:before, .iconoAnimacion:after{height:.3rem;width:2rem;content: "";border-radius:1rem;position: absolute;left:0;} .iconoAnimacion {top: .5rem;} .iconoAnimacion:before {top:.75rem;} .iconoAnimacion:after {top:1.5rem;} .iconoMenu{position:relative;margin-left:calc(100% - 2rem);cursor:pointer;width:2rem; height:2.4rem;} .iconoMenu .iconoAnimacion {transition-duration: 0.2s;transition-delay: 0.2s; cursor:pointer;} .iconoMenu.open .iconoAnimacion {transition-duration: 0.1s;transition-delay: 0.5s;background: transparent;} .iconoMenu .iconoAnimacion:before,.iconoMenu .iconoAnimacion:after {transition: transform 0.5s, top 0.5s 0.5s;} .iconoMenu.open .iconoAnimacion:before,.iconoMenu.open .iconoAnimacion:after{transition: top 0.5s, transform 0.5s 0.5s;top:.8rem;} .iconoMenu.open .iconoAnimacion:before{transform:rotateZ(-45deg);} .iconoMenu.open .iconoAnimacion:after{transform:rotateZ(45deg);} /*Myriad Pro*/@font-face{font-family: 'MyriadPro-Semibold';src: url('Tipografia/myriadpro-semibold-webfont.eot');src: url('Tipografia/myriadpro-semibold-webfont.eot?#iefix') format('embedded-opentype'),url('Tipografia/myriadpro-semibold-webfont.woff') format('woff'), url('Tipografia/myriadpro-semibold-webfont.ttf') format('truetype'),url('Tipografia/myriadpro-semibold-webfont.svg#webfont') format('svg');}@font-face{font-family: 'MyriadPro-Regular';src:url('Tipografia/myriadpro-regular-webfont.eot');src:url('Tipografia/myriadpro-regular-webfont.eot?#iefix') format('embedded-opentype'),url('Tipografia/myriadpro-regular-webfont.woff') format('woff'), url('Tipografia/myriadpro-regular-webfont.ttf') format('truetype'),url('Tipografia/myriadpro-regular-webfont.svg#webfont') format('svg');}@font-face{font-family: 'MyriadPro-It';src:url('Tipografia/myriadpro-it-webfont.eot');src:url('Tipografia/myriadpro-it-webfont.eot?#iefix') format('embedded-opentype'),url('Tipografia/myriadpro-it-webfont.woff') format('woff'), url('Tipografia/myriadpro-it-webfont.ttf') format('truetype'),url('Tipografia/myriadpro-it-webfont.svg#webfont') format('svg');}@font-face{font-family: 'MyriadPro-Bold';src:url('Tipografia/myriadpro-bold-webfont.eot');src:url('Tipografia/myriadpro-bold-webfont.eot?#iefix') format('embedded-opentype'),url('Tipografia/myriadpro-bold-webfont.woff') format('woff'), url('Tipografia/myriadpro-bold-webfont.ttf') format('truetype'),url('Tipografia/myriadpro-bold-webfont.svg#webfont') format('svg');}@font-face{font-family: 'MyriadPro-BoldIt';src:url('Tipografia/myriadpro-boldit-webfont.eot');src:url('Tipografia/myriadpro-boldit-webfont.eot?#iefix') format('embedded-opentype'),url('Tipografia/myriadpro-boldit-webfont.woff') format('woff'), url('Tipografia/myriadpro-boldit-webfont.ttf') format('truetype'),url('Tipografia/myriadpro-boldit-webfont.svg#webfont') format('svg');} .mSemibold{font-family:MyriadPro-Semibold;} .mRegular{font-family:MyriadPro-Regular;} .mItalica{font-family:MyriadPro-It;} .mBold{font-family:MyriadPro-Bold;} .mBoldItalica{font-family:MyriadPro-BoldIt;} /*Myriad Condence*/@font-face{font-family: 'MyriadPro-Cond';src:url('Tipografia/myriadpro-cond-webfont.eot');src:url('Tipografia/myriadpro-cond-webfont.eot?#iefix') format('embedded-opentype'),url('Tipografia/myriadpro-cond-webfont.woff') format('woff'), url('Tipografia/myriadpro-cond-webfont.ttf') format('truetype'),url('Tipografia/myriadpro-cond-webfont.svg#webfont') format('svg');}@font-face{font-family: 'MyriadPro-CondIt';src:url('Tipografia/myriadpro-condit-webfont.eot');src:url('Tipografia/myriadpro-condit-webfont.eot?#iefix') format('embedded-opentype'),url('Tipografia/myriadpro-condit-webfont.woff') format('woff'), url('Tipografia/myriadpro-condit-webfont.ttf') format('truetype'),url('Tipografia/myriadpro-condit-webfont.svg#webfont') format('svg');}@font-face{font-family: 'MyriadPro-BoldCond';src:url('Tipografia/myriadpro-boldcond-webfont.eot');src:url('Tipografia/myriadpro-boldcond-webfont.eot?#iefix') format('embedded-opentype'),url('Tipografia/myriadpro-boldcond-webfont.woff') format('woff'), url('Tipografia/myriadpro-boldcond-webfont.ttf') format('truetype'),url('Tipografia/myriadpro-boldcond-webfont.svg#webfont') format('svg');}@font-face{font-family: 'MyriadPro-BoldCondIt';src:url('Tipografia/myriadpro-boldcondit-webfont.eot');src:url('Tipografia/myriadpro-boldcondit-webfont.eot?#iefix') format('embedded-opentype'),url('Tipografia/myriadpro-boldcondit-webfont.woff') format('woff'), url('Tipografia/myriadpro-boldcondit-webfont.ttf') format('truetype'),url('Tipografia/myriadpro-boldcondit-webfont.svg#webfont') format('svg');} .normal,.mCondence{font-family:MyriadPro-Cond;} .cursiva,.mCondenceItalica{font-family:MyriadPro-CondIt;} .labelRequerido,.bold,.boldH:Hover,.mCondenceBold,.labelRequerido span{font-family:MyriadPro-BoldCond;} .mCondenceBoldItalica{font-family:MyriadPro-BoldCondIt;} .cuatro.columnas.bold.derAIzqResp + .ocho.columnas, .cinco.columnas.bold.derAIzqResp + .siete.columnas {padding-top:1px !important;display:block;} /*Reset*/ *{padding:0;margin:0;outline:none;font-family:MyriadPro-Cond;font-size:1.05rem;} a{text-decoration:none;} /*Opacidades*/.opacidad-1{opacity:.1;}.opacidad-1-5{opacity:.15;}.opacidad-2{opacity:.2;}.opacidad-2-5{opacity:.25;}.opacidad-3{opacity:.3;}.opacidad-3-5{opacity:.35;}.opacidad-4{opacity:.4;}.opacidad-4-5{opacity:.45;}.opacidad-5{opacity:.5;}.opacidad-5-5{opacity:.55;}.opacidad-6{opacity:.6;}.opacidad-6-5{opacity:.65;}.opacidad-7{opacity:.7;}.opacidad-7-5{opacity:.75;}.opacidad-8{opacity:.8;}.opacidad-8-5{opacity:.85;}.opacidad-9{opacity:.9;}.opacidad-9-5{opacity:.95;} /*Scrollbar*/ ::-webkit-scrollbar {width: 9px; height:5px;} ::-webkit-scrollbar-track {background-color: transparent;} ::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.2);} ::-webkit-scrollbar-thumb:active,::-webkit-scrollbar-thumb:hover {background-color: rgba(0, 0, 0, 0.6);} ::-webkit-scrollbar-button {background-color: transparent;height:0px; width:0px;} ::-webkit-scrollbar-corner {background-color: transparent;} /*Formatos generales*/ /*Posiciones*/.posFix{position:fixed;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);}.posAbs{position:absolute;}.posRel{position:relative;}.top0{top:0;}.left0{left:0;}.bottom0{bottom:0;}.right0{right:0;}.floatleft{float:left;}.floatright{float:right;} /*Alineación texto*/.centrar{margin:auto;}.medio{vertical-align:middle;}.arriba{vertical-align:top;}.abajo{vertical-align:bottom;}.justificar{text-align:justify;} /*Logos e imágenes predefinidas*/ .fondo,.fondoLoader,.loader{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);} .fondo{z-index:-100;} .fondoLoader{opacity:.7;z-index:112;} .loader{display:table;z-index:112;} .loader div{display:table-cell;vertical-align:middle;text-align:center;} .loader div img{width:90%;margin:0 5%;max-width:11rem;z-index:103;} .logo350{width:70%;max-width:350px;}.logo300{width:70%;max-width:300px;}.logo250{width:70%;max-width:250px;}.logo200{width:70%;max-width:200px;}.logo150{width:70%;max-width:150px;} /*Expresiones*/ .expresion{font-size:.9rem;color:#FF0000;letter-spacing:1px;} .label,.labelRequerido{padding-top:.3rem !important;text-align:right;} .labelRequerido:before{content:'* '} /*Formato de texto*/ .breakWord,.rompePalabra{word-break:break-word;}.breakPhrase,.rompeFrase{word-break:break-all;}.mayusculas,.uppercase{text-transform:uppercase;}.lowercase,.minusculas{text-transform:lowercase;}.capitalizado,.capital{text-transform:capitalize;}.{text-decoration:none;}.subrayadoBajo{text-decoration:underline;}.subrayadoAlto{text-decoration:overline;}.subrayadoMedio{text-decoration:line-through;}.parpadea {animation-name: parpadeo;animation-duration: 3s; animation-timing-function: linear; animation-iteration-count: infinite; -webkit-animation-name:parpadeo; -webkit-animation-duration: 3s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite;}@-moz-keyframes parpadeo{0%{opacity:1.0;filter:alpha(opacity=100);}50%{opacity:0.0;filter:alpha(opacity=0);}100%{opacity:1.0;filter:alpha(opacity=100);}}@-o-keyframes parpadeo{0%{opacity:1.0;filter:alpha(opacity=100);}50%{opacity:0.0;filter:alpha(opacity=0);}100%{opacity:1.0;filter:alpha(opacity=100);}}@-webkit-keyframes parpadeo{0%{opacity:1.0;filter:alpha(opacity=100);}50%{opacity:0.0;filter:alpha(opacity=0);}100%{opacity:1.0;filter:alpha(opacity=100);}}@keyframes parpadeo{0%{opacity:1.0;filter:alpha(opacity=100);}50%{opacity:0.0;filter:alpha(opacity=0);}100%{opacity:1.0;filter:alpha(opacity=100);}} /*Otros elementos*/.cursorOff{ cursor:none;}.cursorPoint{cursor:pointer;}.noBorde, .noBorde tr, .noBorde tbody, .noBorde tr td, .noBorde tbody tr, .noBorde tbody tr td, .noBorde tbody th, .noBorde th{border:none; border-color:transparent; border-width:0; -moz-border-top-colors:transparent;-moz-border-right-colors:transparent;-moz-border-bottom-colors:transparent;-moz-border-left-colors:transparent;}.overHidden{ overflow: hidden;}.overAuto{overflow:auto;}.overScroll{overflow: auto;}.overY{overflow-y:scroll;word-break:initial!important;}.overX{overflow-x:scroll;word-break:initial!important;}.dispTable{display: table;}.dispCell{display: table-cell;} /*Contenedores*/.contenedor,.contenedor-0-5,.contenedor-1,.contenedor-1-5,.contenedor-2{position:relative;width:90%;max-width: 1500px;margin:auto;} /*Renglones*/.renglon, .renglon0, .renglon0-2, .renglon0-5, .renglon1, .renglon1-5{ width:100%; position:relative;min-height:1rem;float:left;}.renglon0-2{padding-top:.2rem; padding-bottom:.2rem;}.renglon,.renglon0{padding:0;}.renglon0-5{padding-top:.5rem; padding-bottom:.5rem;}.renglon1{padding-top:1rem; padding-bottom:1rem;}.renglon1-5{padding-top:1.5rem; padding-bottom:1.5rem;} .columna,.columnas {float:left;margin-top:0;box-sizing: border-box; padding-bottom:1px; padding-top:0; transition: width 1s, height 1s;-moz-transition: width 1s, height 1s; -webkit-transition: width 1s, height 1s; -o-transition: width 1s, height 1s;margin-left: 1%;position:relative; } .columna:first-child, .columnas:first-child {margin-left: 0;} .una.columna,.una.columnas{width:7.41666666666667%;} .dos.columnas{width:15.83333333333330%;} .tres.columnas{width:24.25000000000000%;} .cuatro.columnas{width:32.66666666666670%;} .cinco.columnas{width:41.08333333333330%;} .seis.columnas{width:49.50000000000000%;} .siete.columnas{width:57.91666666666670%;} .ocho.columnas{width:66.33333333333340%;} .nueve.columnas{width:74.75000000000000%;} .diez.columnas{width:83.16666666666670%;} .once.columnas{width:91.58333333333340%;} .doce.columnas{width:100%;margin-left:0;} /*Columnas que no cambiarán porcentaje según resolución*/ .sexto3.columnas,.mitad.columnas{width:49.5%;} .sexto2.columnas,.tercio.columnas{width:32.66666666666667%;} .sexto4.columnas,.tercios.columnas{width:66.33333333333333%;} .cuarto.columnas{width:24.25%;} .cuarto3.columnas{width:74.75%;} .quinto.columnas{width:19.2%;} .quinto2.columnas{width:39.4%;} .quinto3.columnas{width:59.6%;} .quinto4.columnas{width:79.8%;} .sexto.columnas{width:15.83333333333333%;} .sexto5.columnas{width:83.16666666666667%;} /**********************************************************Borrar para que deje de ser responsivo!!!!!!*/ /*Ocultar y mostrar a partir de:*/ .mostrar1000,.mostrar950,.mostrar900,.mostrar850,.mostrar800,.mostrar750,.mostrar700,.mostrar650,.mostrar600,.mostrar550,.mostrar500,.mostrar450,.mostrar400,.ocultar{display:none;} li.ocultar{display:none !important;} /*Text-aling: ______ de _______ a*/ /*Izquierda*/.izquierda,/*A Centro*/.izqACen1000,.izqACen950,.izqACen900,.izqACen850,.izqACen800,.izqACen750,.izqACen700,.izqACen650,.izqACen600,.izqACen550,.izqACen500,.izqACen450,.izqACen400,/*A Derecha*/.izqADer1000,.izqADer950,.izqADer900,.izqADer850,.izqADer800,.izqADer750,.izqADer700,.izqADer650,.izqADer600,.izqADer550,.izqADer500,.izqADer450,.izqADer400{text-align:left;} /*Centro*/.centro,/*A derecha*/.cenADer1000,.cenADer950,.cenADer900,.cenADer850,.cenADer800,.cenADer750,.cenADer700,.cenADer650,.cenADer600,.cenADer550,.cenADer500,.cenADer450,.cenADer400,/*A Izquierda*/.cenAIzq1000,.cenAIzq950,.cenAIzq900,.cenAIzq850,.cenAIzq800,.cenAIzq750,.cenAIzq700,.cenAIzq650,.cenAIzq600,.cenAIzq550,.cenAIzq500,.cenAIzq450,.cenAIzq400{text-align:center;} /*Derecha*/.derecha,/*A Izquierda*/.derAIzq1000,.derAIzq950,.derAIzq900,.derAIzq850,.derAIzq800,.derAIzq750,.derAIzq700,.derAIzq650,.derAIzq600,.derAIzq550,.derAIzq500,.derAIzq450,.derAIzq400,/*A centro*/.derACen1000,.derACen950,.derACen900,.derACen850,.derACen800,.derACen750,.derACen700,.derACen650,.derACen600,.derACen550,.derACen500,.derACen450,.derACen400{text-align:right !Important;} /*Mostrar,Ocultar,Alinear en responsivo*/.mostrarResp{display:none;}.ocultarResp{display:inline;}.izqACenResp,.izqADerResp{text-align:left;}.cenADerResp,.cenAIzqResp{text-align:center;}.derAIzqResp,.derACenResp{text-align:right;} /*Medias Querys para la - M - A - G - I - A - */ @media(max-width:1200px){.ocultar1200{display:none;}} @media(max-width:1150px){.ocultar1150{display:none;}} @media(max-width:1100px){.ocultar1100{display:none;}} @media(max-width:1050px){.ocultar1050{display:none;}} @media (max-width:1000px){.mostrar1000{display:inline;}.ocultar1000{display:none;}.izqACen1000,.derACen1000{text-align:center;}.izqADer1000,.cenADer1000{text-align:right;}.cenAIzq1000,.derAIzq1000{text-align:left;} } @media (max-width:950px){.mostrar950{display:inline;}.ocultar950{display:none;}.izqACen950,.derACen950{text-align:center;}.izqADer950,.cenADer950{text-align:right;}.cenAIzq950,.derAIzq950{text-align:left;} /***************************************************Mover esta parte para ser responsivo en diferentes dimensiones*/ .label,.labelRequerido{text-align:left;} .mostrarResp{display:inline;}.ocultarResp{display:none;}.derAIzqResp,.cenAIzqResp{text-align:left;}.izqACenResp,.derACenResp{text-align:center;}.cenADerResp,.izqADerResp{text-align:right;} .contenedor{width: 100%;}.contenedor-0-5{width:calc(100% - 1rem); padding-left:.5rem; padding-right:.5rem;}.contenedor-1{width:calc(100% - 2rem); padding-left:1rem; padding-right:1rem;}.contenedor-1-5{width:calc(100% - 3rem); padding-left:1.5rem; padding-right:1.5rem;}.contenedor-2{width:calc(100% - 4rem); padding-left:2rem; padding-right:2rem;} /*Ocultar y mostrar a partir de*/ .una.columna,.una.columnas,.dos.columnas,.tres.columnas,.cuatro.columnas,.cinco.columnas,.seis.columnas,.siete.columnas,.ocho.columnas,.nueve.columnas,.diez.columnas,.once.columnas,.doce.columnas{width:100%;margin-left:0 !important;} /**************************************************Mover esta parte para ser responsivo en diferentes dimensiones*/ } @media (max-width:900px){.mostrar900{display:inline;}.ocultar900{display:none;}.izqACen900,.derACen900{text-align:center;}.izqADer900,.cenADer900{text-align:right;}.cenAIzq900,.derAIzq900{text-align:left;} } @media (max-width:850px){.mostrar850{display:inline;}.ocultar850{display:none;}.izqACen850,.derACen850{text-align:center;}.izqADer850,.cenADer850{text-align:right;}.cenAIzq850,.derAIzq850{text-align:left;} .containerLogin > div{width:30rem;} .loginFlex{flex-wrap:wrap;} .colDerLogin div{margin-left: 0;width: 50%;} .colDerLogin div:first-child{justify-content: flex-end;border-right: 1px solid #121516;margin-right: 1rem;padding: 0 1rem;width: calc(50% - 3rem);} .colDerLogin div:last-child{border-top: none;margin-top: 0;padding-top: 0;justify-content: flex-start;} .colIzqLogin{order: 2;padding: 2rem 0;} .colDerLogin{order: 1;flex-wrap: nowrap;} } @media (max-width:800px){.mostrar800{display:inline;}.ocultar800{display:none;}.izqACen800,.derACen800{text-align:center;}.izqADer800,.cenADer800{text-align:right;}.cenAIzq800,.derAIzq800{text-align:left;} } @media (max-width:750px){.mostrar750{display:inline;}.ocultar750{display:none;}.izqACen750,.derACen750{text-align:center;}.izqADer750,.cenADer750{text-align:right;}.cenAIzq750,.derAIzq750{text-align:left;} } @media (max-width:700px){.mostrar700{display:inline;}.ocultar700{display:none;}.izqACen700,.derACen700{text-align:center;}.izqADer700,.cenADer700{text-align:right;}.cenAIzq700,.derAIzq700{text-align:left;} } @media (max-width:650px){.mostrar650{display:inline;}.ocultar650{display:none;}.izqACen650,.derACen650{text-align:center;}.izqADer650,.cenADer650{text-align:right;}.cenAIzq650,.derAIzq650{text-align:left;} } @media (max-width:600px){.mostrar600{display:inline;}.ocultar600{display:none;}.izqACen600,.derACen600{text-align:center;}.izqADer600,.cenADer600{text-align:right;}.cenAIzq600,.derAIzq600{text-align:left;} } @media (max-width:550px){.mostrar550{display:inline;}.ocultar550{display:none;}.izqACen550,.derACen550{text-align:center;}.izqADer550,.cenADer550{text-align:right;}.cenAIzq550,.derAIzq550{text-align:left;} } @media (max-width:500px){.mostrar500{display:inline;}.ocultar500{display:none;}.izqACen500,.derACen500{text-align:center;}.izqADer500,.cenADer500{text-align:right;}.cenAIzq500,.derAIzq500{text-align:left;} } @media (max-width:450px){.mostrar450{display:inline;}.ocultar450{display:none;}.izqACen450,.derACen450{text-align:center;}.izqADer450,.cenADer450{text-align:right;}.cenAIzq450,.derAIzq450{text-align:left;} } @media (max-width:400px){.mostrar400{display:inline;}.ocultar400{display:none;}.izqACen400,.derACen400{text-align:center;}.izqADer400,.cenADer400{text-align:right;}.cenAIzq400,.derAIzq400{text-align:left;} } /*Mostrar y ocultar por alturas*/ .mostrar800Alto,.mostrar750Alto,.mostrar700Alto,.mostrar650Alto,.mostrar600Alto,.mostrar550Alto,.mostrar500Alto,.mostrar450Alto,.mostrar400Alto,.mostrar350Alto,.mostrar300Alto{display:none;} @media (max-height:800px){.mostrar800Alto{display:inline;}.ocultar800Alto{display:none;}} @media (max-height:750px){.mostrar750Alto{display:inline;}.ocultar750Alto{display:none;}} @media (max-height:700px){.mostrar700Alto{display:inline;}.ocultar700Alto{display:none;}} @media (max-height:650px){.mostrar650Alto{display:inline;}.ocultar650Alto{display:none;}} @media (max-height:600px){.mostrar600Alto{display:inline;}.ocultar600Alto{display:none;}} @media (max-height:550px){.mostrar550Alto{display:inline;}.ocultar550Alto{display:none;}} @media (max-height:500px){.mostrar500Alto{display:inline;}.ocultar500Alto{display:none;}} @media (max-height:450px){.mostrar450Alto{display:inline;}.ocultar450Alto{display:none;}} @media (max-height:400px){.mostrar400Alto{display:inline;}.ocultar400Alto{display:none;}} @media (max-height:350px){.mostrar350Alto{display:inline;}.ocultar350Alto{display:none;}} @media (max-height:300px){.mostrar300Alto{display:inline;}.ocultar300Alto{display:none;}} /**********************************************************Borrar para que deje de ser responsivo!!!!!!*/ /*Fuentes**/.font-0-1{font-size:0.1rem;}.font-0-2{font-size:0.2rem;}.font-0-3{font-size:0.3rem;}.font-0-4{font-size:0.4rem;}.font-0-5{font-size:0.5rem;}.font-0-6{font-size:0.6rem;}.font-0-7{font-size:0.7rem;}.font-0-8{font-size:0.8rem;}.font-0-9{font-size:0.9rem;}.font-1,.font-1-0{font-size:1rem;}.font-1-1{font-size:1.1rem;}.font-1-2{font-size:1.2rem;}.font-1-3{font-size:1.3rem;}.font-1-4{font-size:1.4rem;}.font-1-5{font-size:1.5rem;}.font-1-6{font-size:1.6rem;}.font-1-7{font-size:1.7rem;}.font-1-8{font-size:1.8rem;}.font-1-9{font-size:1.9rem;}.font-2,.font-2-0{font-size:2rem;}.font-2-1{font-size:2.1rem;}.font-2-2{font-size:2.2rem;}.font-2-3{font-size:2.3rem;}.font-2-4{font-size:2.4rem;}.font-2-5{font-size:2.5rem;}.font-2-6{font-size:2.6rem;}.font-2-7{font-size:2.7rem;}.font-2-8{font-size:2.8rem;}.font-2-9{font-size:2.9rem;}.font-3,.font-3-0{font-size:3rem;}.font-3-1{font-size:3.1rem;}.font-3-2{font-size:3.2rem;}.font-3-3{font-size:3.3rem;}.font-3-4{font-size:3.4rem;}.font-3-5{font-size:3.5rem;}.font-3-6{font-size:3.6rem;}.font-3-7{font-size:3.7rem;}.font-3-8{font-size:3.8rem;}.font-3-9{font-size:3.9rem;}.font-4,.font-4-0{font-size:4rem;}.font-4-1{font-size:4.1rem;}.font-4-2{font-size:4.2rem;}.font-4-3{font-size:4.3rem;}.font-4-4{font-size:4.4rem;}.font-4-5{font-size:4.5rem;}.font-4-6{font-size:4.6rem;}.font-4-7{font-size:4.7rem;}.font-4-8{font-size:4.8rem;}.font-4-9{font-size:4.9rem;}.font-5,.font-5-0{font-size:5rem;}.font-5-1{font-size:5.1rem;}.font-5-2{font-size:5.2rem;}.font-5-3{font-size:5.3rem;}.font-5-4{font-size:5.4rem;}.font-5-5{font-size:5.5rem;}.font-5-6{font-size:5.6rem;}.font-5-7{font-size:5.7rem;}.font-5-8{font-size:5.8rem;}.font-5-9{font-size:5.9rem;}.font-6,.font-6-0{font-size:6rem;}.font-6-1{font-size:6.1rem;}.font-6-2{font-size:6.2rem;}.font-6-3{font-size:6.3rem;}.font-6-4{font-size:6.4rem;}.font-6-5{font-size:6.5rem;}.font-6-6{font-size:6.6rem;}.font-6-7{font-size:6.7rem;}.font-6-8{font-size:6.8rem;}.font-6-9{font-size:6.9rem;}.font-7,.font-7-0{font-size:7rem;}.font-7-1{font-size:7.1rem;}.font-7-2{font-size:7.2rem;}.font-7-3{font-size:7.3rem;}.font-7-4{font-size:7.4rem;}.font-7-5{font-size:7.5rem;}.font-7-6{font-size:7.6rem;}.font-7-7{font-size:7.7rem;}.font-7-8{font-size:7.8rem;}.font-7-9{font-size:7.9rem;}.font-8,.font-8-0{font-size:8rem;}.font-8-1{font-size:8.1rem;}.font-8-2{font-size:8.2rem;}.font-8-3{font-size:8.3rem;}.font-8-4{font-size:8.4rem;}.font-8-5{font-size:8.5rem;}.font-8-6{font-size:8.6rem;}.font-8-7{font-size:8.7rem;}.font-8-8{font-size:8.8rem;}.font-8-9{font-size:8.9rem;}.font-9,.font-9-0{font-size:9rem;}.font-9-1{font-size:9.1rem;}.font-9-2{font-size:9.2rem;}.font-9-3{font-size:9.3rem;}.font-9-4{font-size:9.4rem;}.font-9-5{font-size:9.5rem;}.font-9-6{font-size:9.6rem;}.font-9-7{font-size:9.7rem;}.font-9-8{font-size:9.8rem;}.font-9-9{font-size:9.9rem;}.font-10{font-size:10rem;}.font-11{font-size:11rem;}.font-12{font-size:12rem;}.font-13{font-size:13rem;}.font-14{font-size:14rem;}.font-15{font-size:15rem;}.font-16{font-size:16rem;}.font-17{font-size:17rem;}.font-18{font-size:18rem;}.font-19{font-size:19rem;}.font-20{font-size:20rem;}.font-21{font-size:21rem;}.font-22{font-size:22rem;}.font-23{font-size:23rem;}.font-24{font-size:24rem;}.font-25{font-size:25rem;}.font-26{font-size:26rem;}.font-27{font-size:27rem;}.font-28{font-size:28rem;}.font-29{font-size:29rem;}.font-30{font-size:30rem;} /*Anchos*/.anc-0-1{width:.1rem;min-width:.1rem;max-width:.1rem;}.anc-0-2{width:.2rem;min-width:.2rem;max-width:.2rem;}.anc-0-3{width:.3rem;min-width:.3rem;max-width:.3rem;}.anc-0-4{width:.4rem;min-width:.4rem;max-width:.4rem;}.anc-0-5{width:.5rem;min-width:.5rem;max-width:.5rem;}.anc-0-6{width:.6rem;min-width:.6rem;max-width:.6rem;}.anc-0-7{width:.7rem;min-width:.7rem;max-width:.7rem;}.anc-0-8{width:.8rem;min-width:.8rem;max-width:.8rem;}.anc-0-9{width:.9rem;min-width:.9rem;max-width:.9rem;}.anc-1{width:1rem;min-width:1rem;max-width:1rem;}.anc-1-1{width:1.1rem;min-width:1.1rem;max-width:1.1rem;}.anc-1-2{width:1.2rem;min-width:1.2rem;max-width:1.2rem;}.anc-1-3{width:1.3rem;min-width:1.3rem;max-width:1.3rem;}.anc-1-4{width:1.4rem;min-width:1.4rem;max-width:1.4rem;}.anc-1-5{width:1.5rem;min-width:1.5rem;max-width:1.5rem;}.anc-1-6{width:1.6rem;min-width:1.6rem;max-width:1.6rem;}.anc-1-7{width:1.7rem;min-width:1.7rem;max-width:1.7rem;}.anc-1-8{width:1.8rem;min-width:1.8rem;max-width:1.8rem;}.anc-1-9{width:1.9rem;min-width:1.9rem;max-width:1.9rem;}.anc-2{width:2rem;min-width:2rem;max-width:2rem;}.anc-2-1{width:2.1rem;min-width:2.1rem;max-width:2.1rem;}.anc-2-2{width:2.2rem;min-width:2.2rem;max-width:2.2rem;}.anc-2-3{width:2.3rem;min-width:2.3rem;max-width:2.3rem;}.anc-2-4{width:2.4rem;min-width:2.4rem;max-width:2.4rem;}.anc-2-5{width:2.5rem;min-width:2.5rem;max-width:2.5rem;}.anc-2-6{width:2.6rem;min-width:2.6rem;max-width:2.6rem;}.anc-2-7{width:2.7rem;min-width:2.7rem;max-width:2.7rem;}.anc-2-8{width:2.8rem;min-width:2.8rem;max-width:2.8rem;}.anc-2-9{width:2.9rem;min-width:2.9rem;max-width:2.9rem;}.anc-3{width:3rem;min-width:3rem;max-width:3rem;}.anc-3-1{width:3.1rem;min-width:3.1rem;max-width:3.1rem;}.anc-3-2{width:3.2rem;min-width:3.2rem;max-width:3.2rem;}.anc-3-3{width:3.3rem;min-width:3.3rem;max-width:3.3rem;}.anc-3-4{width:3.4rem;min-width:3.4rem;max-width:3.4rem;}.anc-3-5{width:3.5rem;min-width:3.5rem;max-width:3.5rem;}.anc-3-6{width:3.6rem;min-width:3.6rem;max-width:3.6rem;}.anc-3-7{width:3.7rem;min-width:3.7rem;max-width:3.7rem;}.anc-3-8{width:3.8rem;min-width:3.8rem;max-width:3.8rem;}.anc-3-9{width:3.9rem;min-width:3.9rem;max-width:3.9rem;}.anc-4{width:4rem;min-width:4rem;max-width:4rem;}.anc-4-1{width:4.1rem;min-width:4.1rem;max-width:4.1rem;}.anc-4-2{width:4.2rem;min-width:4.2rem;max-width:4.2rem;}.anc-4-3{width:4.3rem;min-width:4.3rem;max-width:4.3rem;}.anc-4-4{width:4.4rem;min-width:4.4rem;max-width:4.4rem;}.anc-4-5{width:4.5rem;min-width:4.5rem;max-width:4.5rem;}.anc-4-6{width:4.6rem;min-width:4.6rem;max-width:4.6rem;}.anc-4-7{width:4.7rem;min-width:4.7rem;max-width:4.7rem;}.anc-4-8{width:4.8rem;min-width:4.8rem;max-width:4.8rem;}.anc-4-9{width:4.9rem;min-width:4.9rem;max-width:4.9rem;}.anc-5{width:5rem;min-width:5rem;max-width:5rem;}.anc-5-1{width:5.1rem;min-width:5.1rem;max-width:5.1rem;}.anc-5-2{width:5.2rem;min-width:5.2rem;max-width:5.2rem;}.anc-5-3{width:5.3rem;min-width:5.3rem;max-width:5.3rem;}.anc-5-4{width:5.4rem;min-width:5.4rem;max-width:5.4rem;}.anc-5-5{width:5.5rem;min-width:5.5rem;max-width:5.5rem;}.anc-5-6{width:5.6rem;min-width:5.6rem;max-width:5.6rem;}.anc-5-7{width:5.7rem;min-width:5.7rem;max-width:5.7rem;}.anc-5-8{width:5.8rem;min-width:5.8rem;max-width:5.8rem;}.anc-5-9{width:5.9rem;min-width:5.9rem;max-width:5.9rem;}.anc-6{width:6rem;min-width:6rem;max-width:6rem;}.anc-6-1{width:6.1rem;min-width:6.1rem;max-width:6.1rem;}.anc-6-2{width:6.2rem;min-width:6.2rem;max-width:6.2rem;}.anc-6-3{width:6.3rem;min-width:6.3rem;max-width:6.3rem;}.anc-6-4{width:6.4rem;min-width:6.4rem;max-width:6.4rem;}.anc-6-5{width:6.5rem;min-width:6.5rem;max-width:6.5rem;}.anc-6-6{width:6.6rem;min-width:6.6rem;max-width:6.6rem;}.anc-6-7{width:6.7rem;min-width:6.7rem;max-width:6.7rem;}.anc-6-8{width:6.8rem;min-width:6.8rem;max-width:6.8rem;}.anc-6-9{width:6.9rem;min-width:6.9rem;max-width:6.9rem;}.anc-7{width:7rem;min-width:7rem;max-width:7rem;}.anc-7-1{width:7.1rem;min-width:7.1rem;max-width:7.1rem;}.anc-7-2{width:7.2rem;min-width:7.2rem;max-width:7.2rem;}.anc-7-3{width:7.3rem;min-width:7.3rem;max-width:7.3rem;}.anc-7-4{width:7.4rem;min-width:7.4rem;max-width:7.4rem;}.anc-7-5{width:7.5rem;min-width:7.5rem;max-width:7.5rem;}.anc-7-6{width:7.6rem;min-width:7.6rem;max-width:7.6rem;}.anc-7-7{width:7.7rem;min-width:7.7rem;max-width:7.7rem;}.anc-7-8{width:7.8rem;min-width:7.8rem;max-width:7.8rem;}.anc-7-9{width:7.9rem;min-width:7.9rem;max-width:7.9rem;}.anc-8{width:8rem;min-width:8rem;max-width:8rem;}.anc-8-1{width:8.1rem;min-width:8.1rem;max-width:8.1rem;}.anc-8-2{width:8.2rem;min-width:8.2rem;max-width:8.2rem;}.anc-8-3{width:8.3rem;min-width:8.3rem;max-width:8.3rem;}.anc-8-4{width:8.4rem;min-width:8.4rem;max-width:8.4rem;}.anc-8-5{width:8.5rem;min-width:8.5rem;max-width:8.5rem;}.anc-8-6{width:8.6rem;min-width:8.6rem;max-width:8.6rem;}.anc-8-7{width:8.7rem;min-width:8.7rem;max-width:8.7rem;}.anc-8-8{width:8.8rem;min-width:8.8rem;max-width:8.8rem;}.anc-8-9{width:8.9rem;min-width:8.9rem;max-width:8.9rem;}.anc-9{width:9rem;min-width:9rem;max-width:9rem;}.anc-9-1{width:9.1rem;min-width:9.1rem;max-width:9.1rem;}.anc-9-2{width:9.2rem;min-width:9.2rem;max-width:9.2rem;}.anc-9-3{width:9.3rem;min-width:9.3rem;max-width:9.3rem;}.anc-9-4{width:9.4rem;min-width:9.4rem;max-width:9.4rem;}.anc-9-5{width:9.5rem;min-width:9.5rem;max-width:9.5rem;}.anc-9-6{width:9.6rem;min-width:9.6rem;max-width:9.6rem;}.anc-9-7{width:9.7rem;min-width:9.7rem;max-width:9.7rem;}.anc-9-8{width:9.8rem;min-width:9.8rem;max-width:9.8rem;}.anc-9-9{width:9.9rem;min-width:9.9rem;max-width:9.9rem;}.anc-10{width:10rem;min-width:10rem;max-width:10rem;}.anc-10-5{width:10.5rem;min-width:10.5rem;max-width:10.5rem;}.anc-11{width:11rem;min-width:11rem;max-width:11rem;}.anc-11-5{width:11.5rem;min-width:11.5rem;max-width:11.5rem;}.anc-12{width:12rem;min-width:12rem;max-width:12rem;}.anc-12-5{width:12.5rem;min-width:12.5rem;max-width:12.5rem;}.anc-13{width:13rem;min-width:13rem;max-width:13rem;}.anc-13-5{width:13.5rem;min-width:13.5rem;max-width:13.5rem;}.anc-14{width:14rem;min-width:14rem;max-width:14rem;}.anc-14-5{width:14.5rem;min-width:14.5rem;max-width:14.5rem;}.anc-15{width:15rem;min-width:15rem;max-width:15rem;}.anc-15-5{width:15.5rem;min-width:15.5rem;max-width:15.5rem;}.anc-16{width:16rem;min-width:16rem;max-width:16rem;}.anc-16-5{width:16.5rem;min-width:16.5rem;max-width:16.5rem;}.anc-17{width:17rem;min-width:17rem;max-width:17rem;}.anc-17-5{width:17.5rem;min-width:17.5rem;max-width:17.5rem;}.anc-18{width:18rem;min-width:18rem;max-width:18rem;}.anc-18-5{width:18.5rem;min-width:18.5rem;max-width:18.5rem;}.anc-19{width:19rem;min-width:19rem;max-width:19rem;}.anc-19-5{width:19.5rem;min-width:19.5rem;max-width:19.5rem;}.anc-20{width:20rem;min-width:20rem;max-width:20rem;}.anc-20-5{width:20.5rem;min-width:20.5rem;max-width:20.5rem;}.anc-21{width:21rem;min-width:21rem;max-width:21rem;}.anc-21-5{width:21.5rem;min-width:21.5rem;max-width:21.5rem;}.anc-22{width:22rem;min-width:22rem;max-width:22rem;}.anc-22-5{width:22.5rem;min-width:22.5rem;max-width:22.5rem;}.anc-23{width:23rem;min-width:23rem;max-width:23rem;}.anc-23-5{width:23.5rem;min-width:23.5rem;max-width:23.5rem;}.anc-24{width:24rem;min-width:24rem;max-width:24rem;}.anc-24-5{width:24.5rem;min-width:24.5rem;max-width:24.5rem;}.anc-25{width:25rem;min-width:25rem;max-width:25rem;}.anc-25-5{width:25.5rem;min-width:25.5rem;max-width:25.5rem;}.anc-26{width:26rem;min-width:26rem;max-width:26rem;}.anc-26-5{width:26.5rem;min-width:26.5rem;max-width:26.5rem;}.anc-27{width:27rem;min-width:27rem;max-width:27rem;}.anc-27-5{width:27.5rem;min-width:27.5rem;max-width:27.5rem;}.anc-28{width:28rem;min-width:28rem;max-width:28rem;}.anc-27-5{width:28.5rem;min-width:28.5rem;max-width:28.5rem;}.anc-27{width:29rem;min-width:29rem;max-width:29rem;}.anc-29-5{width:29.5rem;min-width:29.5rem;max-width:29.5rem;}.anc-30{width:30rem;min-width:30rem;max-width:30rem;}.anc-30-5{width:30.5rem;min-width:30.5rem;max-width:30.5rem;} /*Altura de elementos*/.espa-0-1{height:.1rem;max-height:.1rem;min-height:.1rem;}.espa-0-2{height:.2rem;max-height:.2rem;min-height:.2rem;}.espa-0-3{height:.3rem;max-height:.3rem;min-height:.3rem;}.espa-0-4{height:.4rem;max-height:.4rem;min-height:.4rem;}.espa-0-5{height:.5rem;max-height:.5rem;min-height:.5rem;}.espa-0-6{height:.6rem;max-height:.6rem;min-height:.6rem;}.espa-0-7{height:.7rem;max-height:.7rem;min-height:.7rem;}.espa-0-8{height:.8rem;max-height:.8rem;min-height:.8rem;}.espa-0-9{height:.9rem;max-height:.9rem;min-height:.9rem;}.espa-1,.espa-1-0{height:1rem;max-height:1rem;min-height:1rem;}.espa-1-1{height:1.1rem;max-height:1.1rem;min-height:1.1rem;}.espa-1-2{height:1.2rem;max-height:1.2rem;min-height:1.2rem;}.espa-1-3{height:1.3rem;max-height:1.3rem;min-height:1.3rem;}.espa-1-4{height:1.4rem;max-height:1.4rem;min-height:1.4rem;}.espa-1-5{height:1.5rem;max-height:1.5rem;min-height:1.5rem;}.espa-1-6{height:1.6rem;max-height:1.6rem;min-height:1.6rem;}.espa-1-7{height:1.7rem;max-height:1.7rem;min-height:1.7rem;}.espa-1-8{height:1.8rem;max-height:1.8rem;min-height:1.8rem;}.espa-1-9{height:1.9rem;max-height:1.9rem;min-height:1.9rem;}.espa-2,.espa-2-0{height:2rem;max-height:2rem;min-height:2rem;}.espa-2-1{height:2.1rem;max-height:2.1rem;min-height:2.1rem;}.espa-2-2{height:2.2rem;max-height:2.2rem;min-height:2.2rem;}.espa-2-3{height:2.3rem;max-height:2.3rem;min-height:2.3rem;}.espa-2-4{height:2.4rem;max-height:2.4rem;min-height:2.4rem;}.espa-2-5{height:2.5rem;max-height:2.5rem;min-height:2.5rem;}.espa-2-6{height:2.6rem;max-height:2.6rem;min-height:2.6rem;}.espa-2-7{height:2.7rem;max-height:2.7rem;min-height:2.7rem;}.espa-2-8{height:2.8rem;max-height:2.8rem;min-height:2.8rem;}.espa-2-9{height:2.9rem;max-height:2.9rem;min-height:2.9rem;}.espa-3,.espa-3-0{height:3rem;max-height:3rem;min-height:3rem;}.espa-3-1{height:3.1rem;max-height:3.1rem;min-height:3.1rem;}.espa-3-2{height:3.2rem;max-height:3.2rem;min-height:3.2rem;}.espa-3-3{height:3.3rem;max-height:3.3rem;min-height:3.3rem;}.espa-3-4{height:3.4rem;max-height:3.4rem;min-height:3.4rem;}.espa-3-5{height:3.5rem;max-height:3.5rem;min-height:3.5rem;}.espa-3-6{height:3.6rem;max-height:3.6rem;min-height:3.6rem;}.espa-3-7{height:3.7rem;max-height:3.7rem;min-height:3.7rem;}.espa-3-8{height:3.8rem;max-height:3.8rem;min-height:3.8rem;}.espa-3-9{height:3.9rem;max-height:3.9rem;min-height:3.9rem;}.espa-4,.espa-4-0{height:4rem;max-height:4rem;min-height:4rem;}.espa-4-1{height:4.1rem;max-height:4.1rem;min-height:4.1rem;}.espa-4-2{height:4.2rem;max-height:4.2rem;min-height:4.2rem;}.espa-4-3{height:4.3rem;max-height:4.3rem;min-height:4.3rem;}.espa-4-4{height:4.4rem;max-height:4.4rem;min-height:4.4rem;}.espa-4-5{height:4.5rem;max-height:4.5rem;min-height:4.5rem;}.espa-4-6{height:4.6rem;max-height:4.6rem;min-height:4.6rem;}.espa-4-7{height:4.7rem;max-height:4.7rem;min-height:4.7rem;}.espa-4-8{height:4.8rem;max-height:4.8rem;min-height:4.8rem;}.espa-4-9{height:4.9rem;max-height:4.9rem;min-height:4.9rem;}.espa-5{height:5rem;max-height:5rem;min-height:5rem;}.espa-5-1{height:5.1rem;max-height:5.1rem;min-height:5.1rem;}.espa-5-2{height:5.2rem;max-height:5.2rem;min-height:5.2rem;}.espa-5-3{height:5.3rem;max-height:5.3rem;min-height:5.3rem;}.espa-5-4{height:5.4rem;max-height:5.4rem;min-height:5.4rem;}.espa-5-5{height:5.5rem;max-height:5.5rem;min-height:5.5rem;}.espa-5-6{height:5.6rem;max-height:5.6rem;min-height:5.6rem;}.espa-5-7{height:5.7rem;max-height:5.7rem;min-height:5.7rem;}.espa-5-8{height:5.8rem;max-height:5.8rem;min-height:5.8rem;}.espa-5-9{height:5.9rem;max-height:5.9rem;min-height:5.9rem;}.espa-6{height:6rem;max-height:6rem;min-height:6rem;}.espa-6-1{height:6.1rem;max-height:6.1rem;min-height:6.1rem;}.espa-6-2{height:6.2rem;max-height:6.2rem;min-height:6.2rem;}.espa-6-3{height:6.3rem;max-height:6.3rem;min-height:6.3rem;}.espa-6-4{height:6.4rem;max-height:6.4rem;min-height:6.4rem;}.espa-6-5{height:6.5rem;max-height:6.5rem;min-height:6.5rem;}.espa-6-6{height:6.6rem;max-height:6.6rem;min-height:6.6rem;}.espa-6-7{height:6.7rem;max-height:6.7rem;min-height:6.7rem;}.espa-6-8{height:6.8rem;max-height:6.8rem;min-height:6.8rem;}.espa-6-9{height:6.9rem;max-height:6.9rem;min-height:6.9rem;}.espa-7{height:7rem;max-height:7rem;min-height:7rem;}.espa-7-1{height:7.1rem;max-height:7.1rem;min-height:7.1rem;}.espa-7-2{height:7.2rem;max-height:7.2rem;min-height:7.2rem;}.espa-7-3{height:7.3rem;max-height:7.3rem;min-height:7.3rem;}.espa-7-4{height:7.4rem;max-height:7.4rem;min-height:7.4rem;}.espa-7-5{height:7.5rem;max-height:7.5rem;min-height:7.5rem;}.espa-7-6{height:7.6rem;max-height:7.6rem;min-height:7.6rem;}.espa-7-7{height:7.7rem;max-height:7.7rem;min-height:7.7rem;}.espa-7-8{height:7.8rem;max-height:7.8rem;min-height:7.8rem;}.espa-7-9{height:7.9rem;max-height:7.9rem;min-height:7.9rem;}.espa-8{height:8rem;max-height:8rem;min-height:8rem;}.espa-8-1{height:8.1rem;max-height:8.1rem;min-height:8.1rem;}.espa-8-2{height:8.2rem;max-height:8.2rem;min-height:8.2rem;}.espa-8-3{height:8.3rem;max-height:8.3rem;min-height:8.3rem;}.espa-8-4{height:8.4rem;max-height:8.4rem;min-height:8.4rem;}.espa-8-5{height:8.5rem;max-height:8.5rem;min-height:8.5rem;}.espa-8-6{height:8.6rem;max-height:8.6rem;min-height:8.6rem;}.espa-8-7{height:8.7rem;max-height:8.7rem;min-height:8.7rem;}.espa-8-8{height:8.8rem;max-height:8.8rem;min-height:8.8rem;}.espa-8-9{height:8.9rem;max-height:8.9rem;min-height:8.9rem;}.espa-9{height:9rem;max-height:9rem;min-height:9rem;}.espa-9-1{height:9.1rem;max-height:9.1rem;min-height:9.1rem;}.espa-9-2{height:9.2rem;max-height:9.2rem;min-height:9.2rem;}.espa-9-3{height:9.3rem;max-height:9.3rem;min-height:9.3rem;}.espa-9-4{height:9.4rem;max-height:9.4rem;min-height:9.4rem;}.espa-9-5{height:9.5rem;max-height:9.5rem;min-height:9.5rem;}.espa-9-6{height:9.6rem;max-height:9.6rem;min-height:9.6rem;}.espa-9-7{height:9.7rem;max-height:9.7rem;min-height:9.7rem;}.espa-9-8{height:9.8rem;max-height:9.8rem;min-height:9.8rem;}.espa-9-9{height:9.9rem;max-height:9.9rem;min-height:9.9rem;}.espa-10{height:10rem;max-height:10rem;min-height:10rem;}.espa-10-5{height:10.5rem;max-height:10.5rem;min-height:10.5rem;}.espa-10-7{height:10.7rem;max-height:10.7rem;min-height:10.7rem;}.espa-11{height:11rem;max-height:11rem;min-height:11rem;}.espa-11-5{height:11.5rem;max-height:11.5rem;min-height:11.5rem;}.espa-12{height:12rem;max-height:12rem;min-height:12rem;}.espa-12-5{height:12.5rem;max-height:12.5rem;min-height:12.5rem;}.espa-13{height:13rem;max-height:13rem;min-height:13rem;}.espa-13-5{height:13.5rem;max-height:13.5rem;min-height:13.5rem;}.espa-14{height:14rem;max-height:14rem;min-height:14rem;}.espa-14-5{height:14.5rem;max-height:14.5rem;min-height:14.5rem;}.espa-15{height:15rem;max-height:15rem;min-height:15rem;}.espa-15-5{height:15.5rem;max-height:15.5rem;min-height:15.5rem;}.espa-16{height:16rem;max-height:16rem;min-height:16rem;}.espa-16-5{height:16.5rem;max-height:16.5rem;min-height:16.5rem;}.espa-17{height:17rem;max-height:17rem;min-height:17rem;}.espa-17-5{height:17.5rem;max-height:17.5rem;min-height:17.5rem;}.espa-18{height:18rem;max-height:18rem;min-height:18rem;}.espa-18-5{height:18.5rem;max-height:18.5rem;min-height:18.5rem;}.espa-19{height:19rem;max-height:19rem;min-height:19rem;}.espa-19-5{height:19.5rem;max-height:19.5rem;min-height:19.5rem;}.espa-20{height:20rem;max-height:20rem;min-height:20rem;}.espa-20-5{height:20.5rem;max-height:20.5rem;min-height:20.5rem;}.espa-21{height:21rem;max-height:21rem;min-height:21rem;}.espa-21-5{height:21.5rem;max-height:21.5rem;min-height:21.5rem;}.espa-22{height:22rem;max-height:22rem;min-height:22rem;}.espa-22-5{height:22.5rem;max-height:22.5rem;min-height:22.5rem;}.espa-23{height:23rem;max-height:23rem;min-height:23rem;}.espa-23-5{height:23.5rem;max-height:23.5rem;min-height:23.5rem;}.espa-24{height:24rem;max-height:24rem;min-height:24rem;}.espa-24-5{height:24.5rem;max-height:24.5rem;min-height:24.5rem;}.espa-25{height:25rem;max-height:25rem;min-height:25rem;}.espa-25-5{height:25.5rem;max-height:25.5rem;min-height:25.5rem;}.espa-26{height:26rem;max-height:26rem;min-height:26rem;}.espa-26-5{height:26.5rem;max-height:26.5rem;min-height:26.5rem;}.espa-27{height:27rem;max-height:27rem;min-height:27rem;}.espa-27-5{height:27.5rem;max-height:27.5rem;min-height:27.5rem;}.espa-28{height:28rem;max-height:28rem;min-height:28rem;}.espa-28-5{height:28.5rem;max-height:28.5rem;min-height:28.5rem;}.espa-29{height:29rem;max-height:29rem;min-height:29rem;}.espa-29-5{height:29.5rem;max-height:29.5rem;min-height:29.5rem;}.espa-30{height:30rem;max-height:30rem;min-height:30rem;}.espa-30-5{height:30.5rem;max-height:30.5rem;min-height:30.5rem;}.espa-31{height:31rem;max-height:31rem;min-height:31rem;}.espa-32{height:32rem;max-height:32rem;min-height:32rem;}.espa-33{height:33rem;max-height:33rem;min-height:33rem;}.espa-34{height:34rem;max-height:34rem;min-height:34rem;}.espa-35{height:35rem;max-height:35rem;min-height:35rem;}.espa-36{height:36rem;max-height:36rem;min-height:36rem;}.espa-37{height:37rem;max-height:37rem;min-height:37rem;}.espa-38{height:38rem;max-height:38rem;min-height:38rem;}.espa-39{height:39rem;max-height:39rem;min-height:39rem;}.espa-40{height:40rem;max-height:40rem;min-height:40rem;}.espa-60{height:60rem;max-height:60rem;min-height:60rem;} /*Ancho*/.anchoAutomatico{width:auto;}.porc5w{width:5%;}.porc10w{width:10%;}.porc15w{width:15%;}.porc20w{width:20%;}.porc25w{width:25%;}.porc30w{width:30%;}.porc35w{width:35%;}.porc40w{width:40%;}.porc45w{width:45%;}.porc50w{width:50%;}.porc55w{width:55%;}.porc60w{width:60%;}.porc65w{width:65%;}.porc70w{width:70%;}.porc75w{width:75%;}.porc80w{width:80%;}.porc85w{width:85%;}.porc90w{width:90%;}.porc95w{width:95%;}.cienAncho,.porc100w{width:100%;} /*Alto*/.altoAutomatico{height:auto;}.porc5h{height:5%;}.porc10h{height:10%;}.porc15h{height:15%;}.porc20h{height:20%;}.porc25h{height:25%;}.porc30h{height:30%;}.porc35h{height:35%;}.porc40h{height:40%;}.porc45h{height:45%;}.porc50h{height:50%;}.porc55h{height:55%;}.porc60h{height:60%;}.porc65h{height:65%;}.porc70h{height:70%;}.porc75h{height:75%;}.porc80h{height:80%;}.porc85h{height:85%;}.porc90h{height:90%;}.porc95h{height:95%;}.cienAlto,.porc100h{height:100%;} /*Izquierdo*/.padIzq-0-1{padding-left:.1rem;}.padIzq-0-2{padding-left:.2rem;}.padIzq-0-3{padding-left:.3rem;}.padIzq-0-4{padding-left:.4rem;}.padIzq-0-5{padding-left:.5rem;}.padIzq-0-6{padding-left:.6rem;}.padIzq-0-7{padding-left:.7rem;}.padIzq-0-8{padding-left:.8rem;}.padIzq-0-9{padding-left:.9rem;}.padIzq-1-0,.padIzq-1{padding-left:1rem;}.padIzq-1-1{padding-left:1.1rem;}.padIzq-1-2{padding-left:1.2rem;}.padIzq-1-3{padding-left:1.3rem;}.padIzq-1-4{padding-left:1.4rem;}.padIzq-1-5{padding-left:1.5rem;}.padIzq-1-6{padding-left:1.6rem;}.padIzq-1-7{padding-left:1.7rem;}.padIzq-1-8{padding-left:1.8rem;}.padIzq-1-9{padding-left:1.9rem;}.padIzq-2-0,.padIzq-2{padding-left:2rem;}.padIzq-2-1{padding-left:2.1rem;}.padIzq-2-2{padding-left:2.2rem;}.padIzq-2-3{padding-left:2.3rem;}.padIzq-2-4{padding-left:2.4rem;}.padIzq-2-5{padding-left:2.5rem;}.padIzq-2-6{padding-left:2.6rem;}.padIzq-2-7{padding-left:2.7rem;}.padIzq-2-8{padding-left:2.8rem;}.padIzq-2-9{padding-left:2.9rem;}.padIzq-3-0,.padIzq-3{padding-left:3rem;}.padIzq-3-1{padding-left:3.1rem;}.padIzq-3-2{padding-left:3.2rem;}.padIzq-3-3{padding-left:3.3rem;}.padIzq-3-4{padding-left:3.4rem;}.padIzq-3-5{padding-left:3.5rem;}.padIzq-3-6{padding-left:3.6rem;}.padIzq-3-7{padding-left:3.7rem;}.padIzq-3-8{padding-left:3.8rem;}.padIzq-3-9{padding-left:3.9rem;}.padIzq-4-0,.padIzq-4{padding-left:4rem;}.padIzq-4-1{padding-left:4.1rem;}.padIzq-4-2{padding-left:4.2rem;}.padIzq-4-3{padding-left:4.3rem;}.padIzq-4-4{padding-left:4.4rem;}.padIzq-4-5{padding-left:4.5rem;}.padIzq-4-6{padding-left:4.6rem;}.padIzq-4-7{padding-left:4.7rem;}.padIzq-4-8{padding-left:4.8rem;}.padIzq-4-9{padding-left:4.9rem;}.padIzq-5-0,.padIzq-5{padding-left:5rem;}.padIzq-5-1{padding-left:5.1rem;}.padIzq-5-2{padding-left:5.2rem;}.padIzq-5-3{padding-left:5.3rem;}.padIzq-5-4{padding-left:5.4rem;}.padIzq-5-5{padding-left:5.5rem;}.padIzq-5-6{padding-left:5.6rem;}.padIzq-5-7{padding-left:5.7rem;}.padIzq-5-8{padding-left:5.8rem;}.padIzq-5-9{padding-left:5.9rem;}.padIzq-6-0,.padIzq-6{padding-left:6rem;}.padIzq-6-1{padding-left:6.1rem;}.padIzq-6-2{padding-left:6.2rem;}.padIzq-6-3{padding-left:6.3rem;}.padIzq-6-4{padding-left:6.4rem;}.padIzq-6-5{padding-left:6.5rem;}.padIzq-6-6{padding-left:6.6rem;}.padIzq-6-7{padding-left:6.7rem;}.padIzq-6-8{padding-left:6.8rem;}.padIzq-6-9{padding-left:6.9rem;}.padIzq-7-0,.padIzq-7{padding-left:7rem;} /*Derecho*/.padDer-0-1{padding-right:.1rem;}.padDer-0-2{padding-right:.2rem;}.padDer-0-3{padding-right:.3rem;}.padDer-0-4{padding-right:.4rem;}.padDer-0-5{padding-right:.5rem;}.padDer-0-6{padding-right:.6rem;}.padDer-0-7{padding-right:.7rem;}.padDer-0-8{padding-right:.8rem;}.padDer-0-9{padding-right:.9rem;}.padDer-1-0,.padDer-1{padding-right:1rem;}.padDer-1-1{padding-right:1.1rem;}.padDer-1-2{padding-right:1.2rem;}.padDer-1-3{padding-right:1.3rem;}.padDer-1-4{padding-right:1.4rem;}.padDer-1-5{padding-right:1.5rem;}.padDer-1-6{padding-right:1.6rem;}.padDer-1-7{padding-right:1.7rem;}.padDer-1-8{padding-right:1.8rem;}.padDer-1-9{padding-right:1.9rem;}.padDer-2-0,.padDer-2{padding-right:2rem;}.padDer-2-1{padding-right:2.1rem;}.padDer-2-2{padding-right:2.2rem;}.padDer-2-3{padding-right:2.3rem;}.padDer-2-4{padding-right:2.4rem;}.padDer-2-5{padding-right:2.5rem;}.padDer-2-6{padding-right:2.6rem;}.padDer-2-7{padding-right:2.7rem;}.padDer-2-8{padding-right:2.8rem;}.padDer-2-9{padding-right:2.9rem;}.padDer-3-0,.padDer-3{padding-right:3rem;} /*Arriba*/.padArr-0-1{padding-top:.1rem;}.padArr-0-2{padding-top:.2rem;}.padArr-0-3{padding-top:.3rem;}.padArr-0-4{padding-top:.4rem;}.padArr-0-5{padding-top:.5rem;}.padArr-0-6{padding-top:.6rem;}.padArr-0-7{padding-top:.7rem;}.padArr-0-8{padding-top:.8rem;}.padArr-0-9{padding-top:.9rem;}.padArr-1-0,.padArr-1{padding-top:1rem;}.padArr-1-1{padding-top:1.1rem;}.padArr-1-2{padding-top:1.2rem;}.padArr-1-3{padding-top:1.3rem;}.padArr-1-4{padding-top:1.4rem;}.padArr-1-5{padding-top:1.5rem;}.padArr-1-6{padding-top:1.6rem;}.padArr-1-7{padding-top:1.7rem;}.padArr-1-8{padding-top:1.8rem;}.padArr-1-9{padding-top:1.9rem;}.padArr-2-0,.padArr-2{padding-top:2rem;}.padArr-2-1{padding-top:2.1rem;}.padArr-2-2{padding-top:2.2rem;}.padArr-2-3{padding-top:2.3rem;}.padArr-2-4{padding-top:2.4rem;}.padArr-2-5{padding-top:2.5rem;}.padArr-2-6{padding-top:2.6rem;}.padArr-2-7{padding-top:2.7rem;}.padArr-2-8{padding-top:2.8rem;}.padArr-2-9{padding-top:2.9rem;}.padArr-3-0,.padArr-3{padding-top:3rem;} /*Abajo*/.padAba-0-1{padding-bottom:.1rem;}.padAba-0-2{padding-bottom:.2rem;}.padAba-0-3{padding-bottom:.3rem;}.padAba-0-4{padding-bottom:.4rem;}.padAba-0-5{padding-bottom:.5rem;}.padAba-0-6{padding-bottom:.6rem;}.padAba-0-7{padding-bottom:.7rem;}.padAba-0-8{padding-bottom:.8rem;}.padAba-0-9{padding-bottom:.9rem;}.padAba-1-0,.padAba-1{padding-bottom:1rem;}.padAba-1-1{padding-bottom:1.1rem;}.padAba-1-2{padding-bottom:1.2rem;}.padAba-1-3{padding-bottom:1.3rem;}.padAba-1-4{padding-bottom:1.4rem;}.padAba-1-5{padding-bottom:1.5rem;}.padAba-1-6{padding-bottom:1.6rem;}.padAba-1-7{padding-bottom:1.7rem;}.padAba-1-8{padding-bottom:1.8rem;}.padAba-1-9{padding-bottom:1.9rem;}.padAba-2-0,.padAba-2{padding-bottom:2rem;}.padAba-2-1{padding-bottom:2.1rem;}.padAba-2-2{padding-bottom:2.2rem;}.padAba-2-3{padding-bottom:2.3rem;}.padAba-2-4{padding-bottom:2.4rem;}.padAba-2-5{padding-bottom:2.5rem;}.padAba-2-6{padding-bottom:2.6rem;}.padAba-2-7{padding-bottom:2.7rem;}.padAba-2-8{padding-bottom:2.8rem;}.padAba-2-9{padding-bottom:2.9rem;}.padAba-3-0,.padAba-3{padding-bottom:3rem;} /*z-indez*/.zindex99{z-index:99;}.zindex100{z-index:100;}.zindex101{z-index:101;}.zindex102{z-index:102;}.zindex103{z-index:103;}.zindex104{z-index:104;}.zindex105{z-index:105;}.zindex106{z-index:106;}.zindex107{z-index:107;}.zindex108{z-index:108;}.zindex109{z-index:109;}.zindex110{z-index:110;}.zindex-99{z-index:-99;}.zindex-100{z-index:-100;}.zindex-101{z-index:-101;}.zindex-102{z-index:-102;}.zindex-103{z-index:-103;}.zindex-104{z-index:-104;}.zindex-105{z-index:-105;}.zindex-106{z-index:-106;}.zindex-107{z-index:-107;}.zindex-108{z-index:-108;}.zindex-109{z-index:-109;}.zindex-110{z-index:-110;} /*CALENDARIOS**/ /*Ancho para el autocompletar*/ /*Nuevos estilos para el calendario con hora*/ .ui-timepicker-div .ui-widget-header { margin-bottom: 8px;} .ui-timepicker-div dl { text-align: left;} .ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px;} .ui-timepicker-div dl dd { margin: 0 10px 10px 40%;} .ui-timepicker-div td { font-size: 90%;} .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0;} .ui-timepicker-div .ui_tpicker_unit_hide{ display: none;} .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%;} .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa;} .ui-timepicker-rtl{ direction: rtl;} .ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0;} .ui-timepicker-rtl dl dt{ float: right; clear: right;} .ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {position: absolute !important;top: 2px !important;width: 1.3em !important;height: 1.8em !important;cursor:pointer;}/*clases para controles anterior y siguiente de los meses*/ .ui-slider {position: relative;text-align: left;} .ui-slider .ui-slider-handle {position: absolute;z-index: 2;width: 1.2em;height: 1.2em;cursor: pointer;-ms-touch-action: none;touch-action: none;} .ui-slider .ui-slider-range {position: absolute;z-index: 1;font-size: .7em;display: block;border: 0;background-position: 0 0;} .ui-slider-horizontal {height: .8em;} .ui-slider-horizontal .ui-slider-handle {top: -.15em;margin-left: -.6em;} .ui-widget-content {width:calc(100% - .4em) !important;border: 1px solid #aaaaaa;background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;color: #222222;box-shadow:none !important;z-index:999999;} /*Marca el día actual en el calendario*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{background:none !important;border:1px solid #ccf0d8 !important;overflow:hidden;} .ui-datepicker-days-cell-over.ui-datepicker-current-day.ui-datepicker-today .ui-state-default.ui-state-highlight{color:white!important;} .ui-datepicker-days-cell-over.ui-datepicker-current-day.ui-datepicker-today{font:MyriadPro-BoldCond;color:white !important;background:#ccf0d8 url(Scripts/CalendarioHora/indicador.png) 2px 2px; background-size:50% 50%;text-align:left;background-repeat:no-repeat;border:none !important;} /*Bordes redondeados para el botón de los sliders de tiempo*/ .ui-corner-all{border-radius:4px;} /*Terminan estilos nuevos*/ .ui-datepicker-div,.ui-state-default{font-size:.8rem !important;} .ui-datepicker-calendar thead tr th span,.ui-datepicker-calendar thead tr th,.ui-datepicker-calendar thead tr{font-size:.9rem !important;margin-bottom:0;margin-top:0;} .ui-icon {display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;} .ui-datepicker {width: 100%; height:auto; padding: .2em .2em 0;display: none; max-width:200px;} input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner {border: 0;padding: 0;} .ui-datepicker .ui-datepicker-header {position: relative;padding: .2em 0;} .ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {position: absolute;top: 2px;width: 1.8em;height: 1.8em;} .ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover {top: 1px;} .ui-datepicker .ui-datepicker-prev {left: 2px;} .ui-datepicker .ui-datepicker-next {right: 2px;} .ui-datepicker .ui-datepicker-prev-hover {left: 1px;} .ui-datepicker .ui-datepicker-next-hover {right: 1px;} .ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {display: block;position: absolute;left: 50%;margin-left: -8px;top: 50%;margin-top: -8px;} .ui-datepicker .ui-datepicker-title {margin: 0 1.6em;line-height: 1.8em;text-align: center;} .ui-datepicker .ui-datepicker-title select {margin: 1px 0;} .ui-datepicker select.ui-datepicker-month-year {width: 100%; max-width:200px;} .ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {width: 49%;} .ui-datepicker table {width: 100%;border-collapse: collapse;margin: 0 0 .4em; max-width:200px;} .ui-datepicker th {padding: .7em .3em;text-align: center;font-weight: bold;border: 0;} .ui-datepicker td {border: 0;padding: 1px;} .ui-datepicker td span,.ui-datepicker td a {display: block;padding: .2em;text-align: right;text-decoration: none;} .ui-datepicker .ui-datepicker-buttonpane {background-image: none;margin: .7em 0 0 0;padding: 0 .2em;border-left: 0;border-right: 0;border-bottom: 0;} .ui-datepicker .ui-datepicker-buttonpane button {float: right;margin: .5em .2em .4em;cursor: pointer;padding: .2em .6em .3em .6em;width: auto;overflow: visible;} .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {float: left;} .ui-widget {font-family: Verdana,Arial,sans-serif;} .ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {font-family: Verdana,Arial,sans-serif;} .ui-widget-content { width:100%; /*max-width:200px;*/ border: 1px solid #aaaaaa;background: #ffffff 50% 50% repeat-x;color: #222222;box-shadow: 4px 4px 4px #121212;} .ui-widget-content a {color: #222222;} .ui-widget-header {border: 1px solid #aaaaaa;background:#dadada 50% 50% repeat-x;color: #222222;font-weight: bold;} .ui-widget-header a {color: #222222;} .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {border: 1px solid #d3d3d3;background: #e6e6e6 50% 50% repeat-x;font-weight: normal;color: #555555;} .ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited {color: #555555;text-decoration: none;} .ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus {border: 1px solid #999999;background: #dadada 50% 50% repeat-x;font-weight: normal;color: #212121;} .ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited {color: #212121;text-decoration: none;} .ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {color: #212121;text-decoration: none;} .ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {border:none;font:MyriadPro-BoldCond;color:white;background:#ccf0d8 url(Scripts/CalendarioHora/indicador.png) 0 0; background-size:100% 100%;text-align:left;background-repeat:no-repeat;} .ui-icon {width: 16px;height: 16px;background-position: 16px 16px;} .ui-icon,.ui-widget-content .ui-icon {background-image: url(http://code.jquery.com/ui/1.10.1/themes/base/images/ui-icons_454545_256x240.png);} .ui-icon-circle-triangle-e { background-position: -48px -192px;} .ui-icon-circle-triangle-w { background-position: -80px -192px;} .ui-datepicker-unselectable.ui-state-disabled .ui-state-default{background-color:#efedef;color:#c1c1c1;} .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {width: 49%;} .ui-datepicker .ui-datepicker-month,.ui-datepicker .ui-datepicker-year{border-radius:10px;outline:0;font-size:.8rem !important;width:50% !important;padding:.2rem;margin-bottom:.5rem;margin-top:.5rem;} .ui-datepicker-days-cell-over.ui-datepicker-current-day.ui-datepicker-today{border:none !important;color:white !important;background-color:#ccf0d8!important; background:#ccf0d8 url(Scripts/CalendarioHora/indicador.png) 0 0!important; background-size:100% 100% !important;text-align:left;background-repeat:no-repeat;} /*Modales*/ .mensajes{position:fixed; top:0; left:0; width:100%; height:100%; overflow-y:scroll; z-index:110;} .contMsj{float:left; position:relative; width:90%; margin-top:1rem; margin-left:5%; margin-bottom:1rem; z-index:103;} .modalD, .modalConf{ margin-left:auto; margin-right:auto; margin-bottom:1rem; left:0; right:0; border-radius: 7px; box-shadow: 7px 7px 7px #333;border-width: 2px;width:90%;top:30px;padding:0;} .modalD{max-width:1000px;} .modalConf{max-width:500px;} .zindConfirma2{z-index:103;} .zindConfirma{z-index:103;} .tituloModal div:first-child{position:relative;width:calc(100% - 40px);padding:5px 20px;border-top-left-radius:5px;border-top-right-radius:5px;margin-bottom:1rem;} .tituloModal div:first-child div{margin:0;position:relative;padding:0;width:calc(100% - 3rem);font-size:1.2rem;} .modalCerrar { outline:0; position:absolute; top:-1rem; right:.7rem; cursor:pointer!important;background-color:transparent !important; border-color:transparent !important; border-width:0; border-style:none;color:white !important;font-size:1.5rem !important;display:block;padding:0 .7rem!important;border:none!important;} .alineaX{text-align:right;color:white;} .fondoMensaje{position:fixed;opacity:.6;top:0;left:0;width:100%;height:100%;z-index:110; -webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);} /*Formato para CheckBoxList*/ _:-ms-fullscreen, :root .chkListResp table tbody tr{width:100%;display:inline-table;} .chkListResp table{width:100%;} .chkListResp table tbody tr{width:100%;display:inline-flex;} .chkListResp table tbody tr td:first-child{width:22.22222%;padding-left:11.11111%;} .chkListResp table tbody tr td:nth-child(2){width:19%;padding-left:14.33333%;} .chkListResp table tbody tr td:last-child{width:18.66667%;padding-left:14.66666%;} @media(max-width:950px){.chkListResp table tbody tr td{width:33.33333% !important;padding-left:0 !important;}} @media(max-width:550px){.chkListResp table tbody tr{width:100%;display:grid !important;} .chkListResp table tbody tr td{width:100% !important;padding-left:0 !important;} _:-ms-fullscreen, :root .chkListResp table tbody tr td{display:inline-table;}} /*Formato para Datalist*/ .tablaResponsiva table{width:100%;} .tablaResponsiva table tbody{width:100%;border:0 none;border-collapse:collapse;} .tablaResponsiva table tbody tr{width:100%;display:inline-flex;border:0 none;border-collapse:collapse;} .tablaResponsiva table tbody tr td{width:32.66666666666670%;padding-left:1%;border:none 0;border-collapse:collapse;} .tablaResponsiva table tbody tr td:first-child{padding-left:0;} .tablaResponsiva table tbody tr td div:first-child{width:41.08333333333330%;} .tablaResponsiva table tbody tr td div:last-child{width:57.91666666666670%;} .tablaResponsiva table tbody tr td:first-child div:first-child{width:32.66666666666670%;} .tablaResponsiva table tbody tr td:first-child div:last-child{width:66.33333333333340%;} @media(max-width:950px) { .tablaResponsiva table tbody tr td,.tablaResponsiva table tbody tr td div:first-child,.tablaResponsiva table tbody tr td div:last-child,.tablaResponsiva table tbody tr td:first-child div:first-child,.tablaResponsiva table tbody tr td:first-child div:last-child{width:100%;padding:0 !important;margin:0;} } @media(max-width:700px){ .tablaResponsiva table tbody tr{width:100%;display:grid !important;} .tablaResponsiva table tbody tr td,.tablaResponsiva table tbody tr td div:first-child,.tablaResponsiva table tbody tr td div:last-child,.tablaResponsiva table tbody tr td:first-child div:first-child,.tablaResponsiva table tbody tr td:first-child div:last-child{width:100%;padding:0 !important;margin:0;} _:-ms-fullscreen, :root .chkListResp table tbody tr td{display:inline-table;} } /*estilos para colorPicker*/ .colorpicker {width:356px !Important;height: 176px;overflow: hidden;position: absolute;background: url(../images/colorpicker_background.png);font-family: Arial, Helvetica, sans-serif;display: none;} .colorpicker_color {width: 150px;height: 150px;left: 14px;top: 13px;position: absolute;background: #f00;overflow: hidden;cursor: crosshair;} .colorpicker_color div {position: absolute;top: 0;left: 0;width: 150px;height: 150px;background: url(../images/colorpicker_overlay.png);} .colorpicker_color div div {position: absolute;top: 0;left: 0;width: 11px;height: 11px;overflow: hidden;background: url(../images/colorpicker_select.gif);margin: -5px 0 0 -5px;} .colorpicker_hue {position: absolute;top: 13px;left: 171px;width: 35px;height: 150px;cursor: n-resize;} .colorpicker_hue div {position: absolute;width: 35px;height: 9px;overflow: hidden;background: url(../images/colorpicker_indic.gif) left top; margin: -4px 0 0 0; left: 0px;} .colorpicker_new_color {position: absolute;width: 60px;height: 30px;left: 213px;top: 13px;background: #f00;} .colorpicker_current_color {position: absolute;width: 60px;height: 30px;left: 283px;top: 13px;background: #f00;} .colorpicker input {background-color: transparent !Important;border: 1px solid transparent !Important;position: absolute !Important;font-size: 10px !Important;font-family: Arial, Helvetica, sans-serif !Important;color: #898989 !Important;top: 4px !Important;right: 11px !Important;text-align: right !Important;margin: 0;padding: 0 !Important;height: 11px !Important;width:inherit !important;} .colorpicker input:focus{box-shadow:none !important;border-color:none !Important;} .colorpicker_hex {position: absolute;width: 72px;height: 22px;background: url(../images/colorpicker_hex.png) top;left: 212px;top: 142px;} .colorpicker_hex input {right: 6px;} .colorpicker_field {height: 22px;width: 62px;background-position: top;position: absolute;} .colorpicker_field span {position: absolute;width: 12px;height: 22px;overflow: hidden;top: 0;right: 0;cursor: n-resize;} .colorpicker_rgb_r {background-image: url(../images/colorpicker_rgb_r.png);top: 52px;left: 212px;} .colorpicker_rgb_g {background-image: url(../images/colorpicker_rgb_g.png);top: 82px;left: 212px;} .colorpicker_rgb_b {background-image: url(../images/colorpicker_rgb_b.png);top: 112px;left: 212px;} .colorpicker_hsb_h {background-image: url(../images/colorpicker_hsb_h.png);top: 52px;left: 282px;} .colorpicker_hsb_s {background-image: url(../images/colorpicker_hsb_s.png);top: 82px;left: 282px;} .colorpicker_hsb_b {background-image: url(../images/colorpicker_hsb_b.png);top: 112px;left: 282px;} .colorpicker_submit {position: absolute;width: 22px;height: 22px;background: url(../images/colorpicker_submit.png) top;left: 322px;top: 142px; overflow: hidden;} .colorpicker_focus {background-position: center;} .colorpicker_hex.colorpicker_focus {background-position: bottom;} .colorpicker_submit.colorpicker_focus {background-position: bottom;} .colorpicker_slider {background-position: bottom;} /*Nuevo estilo para el nuevo modal huhuhuh*/ .nModal, .nModalConf{position:absolute;top:90px;margin-bottom:5rem; float:left;z-index:111;border-radius:5px;} .nModal{width:80%;margin-left:10%;} .nModalConf{width:40%;margin-left:30%;} .tituloNModal{width:calc(100% - 40px);padding:5px 20px;border-top-left-radius:5px;border-top-right-radius:5px;min-height:1.1rem;} .tituloNModal span{font-size:1.1rem;font-family:MyriadPro-BoldCond;letter-spacing:0.03rem;} .contenidoNModal{position:relative;width:100%;float:left;padding-top:1rem;padding-bottom:1rem;} .animaLabel{top: -1.5rem;color:#FFF;} @media(max-width:950px){ .nModal{width:90%;margin-left:5%;} .nModalConf{width:60%;margin-left:20%;} /*.contenidoNModal{overflow-y:auto;max-height:45rem;}*/ /*.mensajes{height:calc(100% - 9rem); margin-bottom:3rem;}*/ /*.nModal, .nModalConf{position:absolute;}*/ } @media(max-width:600px){.nModalConf{width:80%;margin-left:10%;}} .altoEditorPDF{height:56.6rem;} @media(max-width:1000px){.altoEditorPDF{height:45rem;}} embed{overflow:auto;} @media(max-width:70rem) { .containerLogin{width:90%;margin:2rem 5%;height:calc(100% - 4rem); } .sieteLogin{width:100%;} .cincoLogin{padding-top:2rem;width:20rem;margin-left:calc(50% - 10rem);} .ocultar70rem{display:none;} .centro70rem{text-align:center;} .derecha70rem{text-align:right;} .login input[type=text],.login input[type=password]{width:calc(100% - 2.5rem - 2px);max-width:30rem;padding:.2rem .5rem;font-size:.95rem;} .mostrar70rem{display:block;} .bannerPieLogin{width: calc(85% - 10px);margin-left: 7.5%;} }