.slider{ background-image: linear-gradient(to bottom, #48546685 0%,#121316 100%),url(../img/empresa-home.jpg); background-position: 36% 42%; background-size: auto 127%; background-color: #b1aaaa; /* color: white; */ padding: 0; overflow: auto; text-align: center; /* box-shadow: 10px 0 30px #00000063; */ } .dias{/* background-color:#444; */display:inline-block;/* padding: 0px 27px; */width: 88px;border-right: solid 1px #fff6;float: left;/* border-radius:50px; */height: 44px;font-size: 20px;text-align: center;line-height: 1.1;} .dias:last-child{border:solid 0} .logomenu{ width: 230px; margin-top: 30px; margin-bottom: 30px; object-fit: contain; height: 100px; } .dias>span{ font-size:10px; } .mensaje{ text-align:center; margin-top:10px; padding-top: 30px; min-height: 200px; max-width: 910px; width: 100%; } .mensaje label{ font-size:11px; color:#aaa; } .mensaje img { height:50px; margin-bottom:10px; } .btnmenu{ position: relative; left: 9px; top: 5px; font-size: 12px; opacity:0.6; border: 0; z-index: 9; outline: none; background-color: transparent; } .btnmenuapp{ position: absolute; right: 20px; top: 22px; font-size: 12px; opacity: 0.9; border: 0; z-index: 9; outline: none; background-color: transparent; } .btnmenu:hover{ opacity:1; border: 0; } .btnmenu:active{ opacity:1; border: 0; } .btnmenu:focus{ opacity:1; border: 0; outline:none; } .btnmenu img{ margin-right:5px; margin-top:-2px; height: 16px; } .btnmenuapp img{ height: 26px; filter:invert(1.5) } .btncerrar{height: 10px;margin: -2px 0px 0 0;} .cerrar{ transition: All 0.3s ease; position: absolute; background-color: #dee1e6; width: 40px; right: 0; text-align: center; top: 0px; height: 26px; cursor: pointer; z-index: 999; } .cerrar:hover{ background-color:#ff0000; } .cerrar:hover img{ filter:invert(1) } .submenu{ /* position: fixed; */ /* top: 5px; */ /* float: right; */ min-width: 275px; display: inline-block; padding: 7px 10px; text-align: left; } .numnotificacion{ display: inline-block; border: solid 0px #000; width: 12px; height: 12px; background-color:#ff0000; border-radius:10px; position: absolute; left: 11px; top: 0px; font-size: 9px; color: #fff; line-height: 11px; padding: 0; text-align: center; } #nsesion{ margin-top:12px } .submenu a{ /* padding: 10px 10px 10px 0px; */ font-size:12px; margin: 0; cursor: pointer; /* float: left; */ /* line-height: 8px; */ color: #b3b3b3; position: relative; /* opacity:0.6; */ /* border: solid 1px; */ display: block; } .submenu a:hover{ opacity:0.4 } .submenu img{ margin-right: 10px; /* margin-top:-2px; */ /* height: 14px; */ } .menu{ list-style: none; padding-left: 10px; padding-right: 10px; margin: auto; width: 240px; } span.cargo{ font-weight:600; color: #fff; } .menu{ list-style: none; padding-left: 0px; padding-right: 0px; margin: auto; width: 100%; margin: 0; /* border: solid 1px; */ } .menu li{ margin-bottom: 0px; /* border-bottom: solid 0.1px #ffffff57; */ /* text-shadow: 1px 2px 5px #a29292; */ padding: 0px 0; /* margin-left: 0; */ /* width: 100%; */ /* box-sizing: unset; */ text-align: left; } #ingresar{ width:100%; margin-top:20px; } #tree img,.menu li img{ height: 20px; margin-right: 15px; } .menu li a{ cursor: pointer; border:solid 0px; padding: 7px 48px; color: #fff; /* width:100%; */ display:block; border-radius: 0px; } .menu li a:hover{background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 80%,rgb(247 247 247) 100%);color: #0006;} .menu li.active > a { background-color: #f7f7f7; color: #0006; } .menu li.active > a:hover { background-color: #fff; background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 80%,rgba(238,238,238,1) 100%); color: #0006; } .menu li a:hover > img, .menu li.active > a img { filter:invert(20%); } .headapp{ height:100px; background-color:#3020ee; } .main { padding: 0px; height: calc(100% - 75px); width: 100%; overflow-y: auto; overflow-x: hidden; border: solid 0px; display: contents; z-index: 0; /* padding-top: 30px; */ top: 75px; position: absolute; background-color: whitesmoke; margin: 0px; /* background: radial-gradient(ellipse at right top, #ffffff 0%,#fdfdfd 34%,#eaeaea 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* border-radius: 0px; */ /* box-shadow: 5px 5px 10px #0003; */ } .mainapp { padding: 10px; height: calc(100% - 75px); width: calc(100%); overflow-y: auto; overflow-x: hidden; border: solid 0px; /* border-radius: 10px; */ /* display: contents; */ z-index: 0; /* padding-top: 30px; */ top: 75px; position: absolute; background-color: white; margin: 0px; /* background: radial-gradient(ellipse at right top, #ffffff 0%,#fdfdfd 34%,#eaeaea 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* border-radius: 0px; */ /* box-shadow: 5px 5px 10px #0003; */ } .mainfull{ top:0; height:100%; } .bloque2{ display:inline-block; width:50%; overflow: hidden; border: 0; vertical-align: top; position:relative; } .fondoLogin{ width: 100%; height:100%; margin-left: 0%; margin-top: 0%; object-fit: cover; object-position: 30%; } .tblLogin{ position: absolute; top: 50%; left: 50%; /* min-height: 700px; */ /* padding-bottom: 100px; */ transform: translate(-50%, -60%); } .tblLogin td img{ width: 300px; margin-bottom: 40px; object-fit: contain; height: 100px; } .contentLogin{ background-color: #13061899; padding: 40px 20px 40px; border-radius: 8px; color: #fff; } .contentLoginApp{ background-color: #13061899; background-image: linear-gradient(to bottom, #48546685 0%,#121316 100%),url(../img/empresa-home.jpg); background-position: 36% 42%; background-size: auto 127%; background-color: #b1aaaa; padding: 40px 20px 40px; border-radius: 0px; color: #fff; top: 0; height: 100%; width: 100%; transform: translate(-50%, 0%); } #logininfo{font-size:11px;line-height: 15px;display: block;color: #ff0000;} .barra{ width:100px; background-color:#bbbbbb; border-radius:4px; overflow:hidden; font-size:10px; text-align:center; line-height:20px; margin: auto; color:#fff; border: solid 1px #00000054; background-image: linear-gradient(to bottom, #e2dcdc 0%, #b7b7b7 100%); } .tituloopciones{ float:left; display:block; width:100% } .barraporcentaje{ position:absolute; margin-left: -15px; text-shadow: 1px 1px 1px #0000005c; } .barravalor{ background-image: linear-gradient(to bottom, #8ee601 0%, #259a0f 100%); } .contenido{/* height: 800px; */height: 100%;margin: 0;padding: 0;} .nav-pills{ width: 100%; border:solid 0; height: 90px; } .nav-item{ width: 33%; } .nav-pills .nav-link{ font-weight: 500; padding-top: 10px; font-family: 'Georama'; font-size: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center; background: #c5c3c3; /* background-image: linear-gradient(to bottom, #e2dcdc 0%, #b7b7b7 100%); */ /* background: linear-gradient(135deg, #e2dcdc 0%,#b7b7b7 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ background: radial-gradient(ellipse at left top, #e2dcdc 0%,#b7b7b7 150%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ text-shadow: 1px 1px 0px #e8e2e2; color: #8e8e8e; clip-path: polygon(28px 4%, 39px 0, 100% 0, 100% 100%, 0 100%, 24px 10%); border-radius: 10px 10px 0 0px; /*width: 140px;*/ height: 40px; /* border: solid 1px #444; */ /* box-shadow: 3px -4px 2px #000; */ margin-right: -18px; z-index:1000; } .nav-pills .nav-link.active{ background: #fff; color: #7e8cf3; text-shadow: 1px 1px 0px #fff; z-index:999; background-image: linear-gradient(to bottom, #e0e0e0 0%, #ffffff 100%); position:relative; /* clip-path: polygon(28px 4%, 39px 0, 100% 0, 100% 100%, 0 100%, 24px 10%); */ /* width: 140px;*/ } #undo,#clear{ border-radius:0; border:solid 1px #ddd; font-size:11px; padding: 7px; outline: none; margin:auto; position: absolute; top: 0; right: 0; } .signature-pad { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 10px; border: solid 1px #aaa; width: 600px; height: 300px; min-width: 600px; margin: auto; min-height: 300px; /* border: 1px solid #e8e8e8;*/ /* background-color: #fff; */ /*box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;*/ border-radius: 0px; padding: 0px; } .signature-pad2 { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 10px; border: solid 1px #aaa; width: 600px; height: 300px; min-width: 340px; margin: auto; min-height: 210px; /* border: 1px solid #e8e8e8;*/ /* background-color: #fff; */ /*box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;*/ border-radius: 0px; padding: 0px; } .responsablefirma{ border: solid 0px; /* border-bottom: solid 1px #ccc; */ text-align: center; font-family: lato; padding: 5px; } .signature-pad::before, .signature-pad::after { position: absolute; z-index: -1; content: ""; width: 40%; height: 10px; bottom: 10px; background: transparent; box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4); } .signature-pad::before { left: 20px; -webkit-transform: skew(-3deg) rotate(-3deg); transform: skew(-3deg) rotate(-3deg); } .signature-pad::after { right: 20px; -webkit-transform: skew(3deg) rotate(3deg); transform: skew(3deg) rotate(3deg); } .signature-pad--body { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background-color: white; border: 1px solid #f4f4f4; } .signature-pad--body canvas { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 4px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset; } .signature-pad--footer { color: #ffffff; text-align: center; font-size: 1.2em; /*margin-top: 8px;*/ } .signature-pad--actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 8px; } .botonaccion{ /* color: #f3f6fa !important; */ text-transform: uppercase; background: #ebf0f1; margin: auto; text-shadow: none; box-shadow: none; border-radius: 0; position: absolute; /* border-radius: 16px; */ border: 0; padding: 8px 18px; /* border-color: #ff5284; */ display: inline-block; font-family: lato; /* display: block; */ /* margin-top: 20px; */ /* margin-bottom: 20px;*/ left: 7px; top: 4px; } .field>select{ margin-top:0; } .field{ width: 24%; display:inline-block; margin-right:1%; float: left; /* height: 100px; */ /* border: solid 1px; */ } .field>label{ font-size:12px; line-height:8px; color:#666 } .tab-content{ position: absolute; width: calc(100% - 20px); height: calc(100% - 60px); /* min-height: 400px; */ margin-top: -50px; background: #fff; color: #000; border-radius: 0px 3px 3px 3px; z-index: 1; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); padding: 10px 0px 0px 0px; margin-bottom: 0px; overflow: auto; } div.customwindow .tab-content{ height:92%; min-height: 200px; } .tab-content button{ border-radius: 15px; width: 100px; margin: 0 auto; float: right; } button.btnicon{ border:solid 1px #0002; background-color: #FFF8; padding:3px 6px; display: block; width: 100%; } .division{ float: left; width: 100%; } .division1{ /* float: left; */ width: 100%; margin: 5px 0px; } .division2{ float: left; width: 100%; margin-bottom: 0; } div.DTE { position: relative } div.DTE div.DTE_Header { position: absolute; top: 0; left: 0; height: 52px; width: 100%; /* background-image: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%); */ background-color: #ffffff; /* border-bottom:1px solid rgba(0,0,0,0.15); */ padding: 15px 15px 0px 29px; font-size: 1.3em; text-align: left; padding-left: 25px; font-family: 'Georama'; font-weight: 500; color: #7e8cf3; text-shadow: 1px 1px 0px #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div.customwindow div.DTE_Header { position: absolute; top: 0; left: 0; height: 102px; background:transparent; /* width: 100%; */ padding: 16px 10px 2px 16px; font-size: 1.3em; text-align: left; font-family: 'Georama'; font-weight: 500; color: #f7f7f7; text-shadow: none; /* -webkit-box-sizing: border-box; */ -moz-box-sizing: border-box; /* box-sizing: border-box; */ } .fichatrabajador div.DTE div.DTE_Header { position: absolute; top: 0; left: 0; height: 70px; width: 100%; background-image: none; background-color: #ffae51; background: linear-gradient(to right, #ea954b 0%,#ffae51 100%); font-size: 16px; text-align: left; text-transform: uppercase; line-height: 16px; font-family: 'Lato'; border-radius: 5px 5px 0 0; font-weight: 300; color: #ffffff; text-shadow: none; } .fichacenso div.DTE div.DTE_Header { position: absolute; top: 0; left: 0; height: 70px; width: 100%; background-image: none; background-color: #7473ec; background: linear-gradient(to right, #52b3e3 0%,#0376af 100%); font-size: 16px; text-align: left; text-transform: uppercase; line-height: 16px; font-family: 'Lato'; border-radius: 5px 5px 0 0; font-weight: 300; color: #ffffff; text-shadow: none; } .fichatrabajador .DTE_Header_Content span{ display:block; font-size:11px; color: rgb(255 255 255 / 70%); } .fichacenso .DTE_Header_Content span{ display:block; font-size:11px; color: rgb(255 255 255 / 70%); } div.DTE div.DTE_Body { position: relative } div.DTE div.DTE_Footer { position: absolute; bottom: 0; left: 0; /* height: 60px; */ /* border-top: solid 1px #0004; */ width: 100%; background-image: linear-gradient(to bottom, #ffffff 0%, #d3d7f7 100%); background-color: #ffffff; /* border-top: 1px solid rgba(0, 0, 0, 0.15); */ padding: 10px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div.customwindow div.DTE div.DTE_Footer { position: absolute; bottom: 0; left: 0; height: 52px; width: 100%; background:transparent; /* border-top: 1px solid rgba(0, 0, 0, 0.15); */ padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fichatrabajador div.DTE div.DTE_Footer { position: absolute; bottom: 0; left: 0; height: 52px; /* padding-right: 10px; */ width: 100%; background-image:none; background-color: #ffffff; /* border-top: 1px solid rgba(0, 0, 0, 0.15); */ padding: 0px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fichacenso div.DTE div.DTE_Footer { position: absolute; bottom: 0; left: 0; height: 52px; /* padding-right: 10px; */ width: 100%; background-image:none; background-color: #ffffff; /* border-top: 1px solid rgba(0, 0, 0, 0.15); */ padding: 0px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div.DTE div.DTE_Form_Info { margin-bottom: 0.5em; display: none } div.DTE div.DTE_Form_Content { position: relative; padding: 0px 10px 10px 10px; height: 100%; } div.DTE div.DTE_Form_Error { float: left; padding: 5px; display: none; color: #b11f1f; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } div.DTE button.btn, div.DTE div.DTE_Form_Buttons button {display: inline-block;outline: 0;border: 0;cursor: pointer;/* will-change: box-shadow,transform; */background: radial-gradient( 100% 100% at 100% 0%, #89E5FF 0%, #5468FF 100% );box-shadow: 0px 2px 4px rgb(45 35 66 / 40%), 0px 7px 13px -3px rgb(45 35 66 / 30%), inset 0px -3px 0px rgb(58 65 111 / 50%);padding: 10px 30px;border-radius: 5px;color: #fff;text-transform: uppercase;/* height: 40px; */font-family: roboto;/* font-weight: 600; */font-size: 12px;text-shadow: 0 1px 0 rgb(0 0 0 / 40%);transition: box-shadow 0.15s ease,transform 0.15s ease;} div.DTE button.btn:hover { box-shadow: 0px 4px 8px rgb(45 35 66 / 40%), 0px 7px 13px -3px rgb(45 35 66 / 30%), inset 0px -3px 0px #3c4fe0; transform: translateY(-2px); } div.DTE button.btn:active{ box-shadow: inset 0px 3px 7px #3c4fe0; transform: translateY(2px); } } div.DTE button.btn:focus, div.DTE div.DTE_Form_Buttons button:focus { border: 1px solid #426c9e; text-shadow: 0 1px 0 #c4def1; background-color: #79ace9; background-image: -webkit-linear-gradient(top, #bddef4 0%, #79ace9 100%); background-image: -moz-linear-gradient(top, #bddef4 0%, #79ace9 100%); background-image: -ms-linear-gradient(top, #bddef4 0%, #79ace9 100%); background-image: -o-linear-gradient(top, #bddef4 0%, #79ace9 100%); background-image: linear-gradient(to bottom, #bddef4 0%, #79ace9 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#bddef4', EndColorStr='#79ace9'); outline: none } div.DTE button.btn:focus:after, div.DTE div.DTE_Form_Buttons button:focus:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: white; display: block; content: " "; -webkit-animation-duration: 1s; -webkit-animation-name: buttonPulse; -webkit-animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -webkit-animation-direction: alternate; -moz-animation-duration: 1s; -moz-animation-name: buttonPulse; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -moz-animation-direction: alternate; -o-animation-duration: 1s; -o-animation-name: buttonPulse; -o-animation-fill-mode: forwards; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; -o-animation-direction: alternate; animation-duration: 1s; animation-name: buttonPulse; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-timing-function: linear; animation-direction: alternate } div.DTE button.btn2 { position: relative; text-align: center; display: block; margin-top: 0; padding: 7px 5px 3px; cursor: pointer; float: right; margin-left: 0.75em; color: #fff; font-family: 'Yanone Kaffeesatz'; font-size: 20px; text-transform: uppercase; border-radius: 10px; border: 0px solid #5d5b5b; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 5px; -webkit-box-shadow: 1px 1px 3px #ccc; -moz-box-shadow: 1px 1px 3px #ccc; box-shadow: 1px 1px 3px #ccc; background-image: linear-gradient( 310deg , #2152ff, #21d4fd); } a.gbutton { position: relative; text-align: center; display: block; margin-top: 0; padding: 5px 5px 5px; cursor: pointer; float: right; margin-left: 0.75em; color: #ffffff; font-size: 20px; text-decoration:none; width:100%; border-radius: 10px; border: 0px solid #5d5b5b; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 5px; -webkit-box-shadow: 1px 1px 3px #ccc; -moz-box-shadow: 1px 1px 3px #ccc; box-shadow: 1px 1px 3px #ccc; background-image: linear-gradient( 310deg , #f14545, #ed7c7c); } a.gbutton img{ height:30px; margin-bottom:0; width:30px; background-color:#fff; padding:5px; border-radius:3px; position:absolute; left:5px; } div.DTE button.btn2:hover { border: 0px solid #666; -webkit-box-shadow: 1px 1px 3px #999; -moz-box-shadow: 1px 1px 3px #999; box-shadow: 1px 1px 3px #999; opacity:0.8; } a.gbutton:hover { border: 0px solid #666; -webkit-box-shadow: 1px 1px 3px #999; -moz-box-shadow: 1px 1px 3px #999; box-shadow: 1px 1px 3px #999; opacity:0.8; } div.DTE button.btn2:active { -webkit-box-shadow: inset 1px 1px 3px #999; -moz-box-shadow: inset 1px 1px 3px #999; box-shadow: inset 1px 1px 3px #999 } div.DTE button.btn2:focus { border: 0px solid #426c9e; text-shadow: none; background-image: linear-gradient( 310deg , #141727, #3a416f); outline: none } div.DTE button.btn2:focus:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: white; display: block; content: " "; -webkit-animation-duration: 1s; -webkit-animation-name: buttonPulse; -webkit-animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -webkit-animation-direction: alternate; -moz-animation-duration: 1s; -moz-animation-name: buttonPulse; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -moz-animation-direction: alternate; -o-animation-duration: 1s; -o-animation-name: buttonPulse; -o-animation-fill-mode: forwards; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; -o-animation-direction: alternate; animation-duration: 1s; animation-name: buttonPulse; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-timing-function: linear; animation-direction: alternate } div.DTE.DTE_Action_Remove div.DTE_Body_Content { text-align: center; padding: 20px 0 } @-webkit-keyframes buttonPulse { 0% { opacity: 0 } 100% { opacity: 0.2 } } @-moz-keyframes buttonPulse { 0% { opacity: 0 } 100% { opacity: 0.2 } } @-o-keyframes buttonPulse { 0% { opacity: 0 } 100% { opacity: 0.2 } } @keyframes buttonPulse { 0% { opacity: 0 } 100% { opacity: 0.2 } } div.DTTT_container { float: left } div.DTE_Field input:disabled, div.DTE_Field select:disabled { background: #ececec; color: #3d3c3c; opacity: 0.7; } .iconoinput input{ background-image: url(../../img/calendario2.svg); background-size: 24px; background-repeat: no-repeat; background-position: calc(100% - 5px); } .checkbox-aspa { position: relative; } .radio-custom { position: relative; } .radio-custom .obs{ display:none; } .radio-custom div{ display:inline-block; margin-bottom: 10px; margin-top: 10px; margin-right: 24px; } .checkbox-aspa input[type=checkbox] { display: none; } .checkbox-aspa input[type=radio] { display: none; } .radio-custom input[type=radio] { display: none; } .checkbox-aspa input[type=checkbox]~label { padding: 3px; /* background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px); */ background-image: -webkit-linear-gradient(top, #eeeeee, #fff6f6 25px); border-radius: 6px; box-shadow: inset 0 -1px white, inset 0 1px 1px rgb(0 0 0 / 5%); max-width: 30px; margin-left: 0px; margin-bottom: -2px; margin-top: -3px; } .checkbox-aspa input[type=radio]~label { padding: 0px 3px 3px; /* background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px); */ background-image: -webkit-linear-gradient(top, #eeeeee, #f3f3f3 25px); border-radius: 30px; box-shadow: inset 0 -1px white, inset 0 1px 1px rgb(0 0 0 / 5%); max-width: 26px; max-height: 26px; /* margin-left: -11px; */ /* margin-bottom: -7px; */ } .radio-custom input[type=radio]~label { padding: 0px 2px 3px; /* background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px); */ background-image: -webkit-linear-gradient(top, #eeeeee, #f3f3f3 25px); border-radius: 30px; box-shadow: inset 0 -1px white, inset 0 1px 1px rgb(0 0 0 / 5%); max-width: 22px; max-height: 22px; margin-right: 40px; /* margin-left: -11px; */ /* margin-bottom: -7px; */ /* position: relative; */ /* text-align: center; */ } .checkbox-aspa input[type=checkbox]~label b { cursor: pointer; outline: 0; position: relative; display: inline-block; border-radius: 5px; margin: 0px 10px 0px 0px; /* background-color: #0088cc; */ /* border: 2px solid #bcbcbc; */ width: 24px; height: 24px; vertical-align: middle; line-height: 26px; text-align: center; font-size: 13px; color: #ffffff; /* background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px); */ /* background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px); */ /* box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05); */ background: #eceeef; /* border-radius: inherit;*/ box-shadow: inset 0 1px 2px rgb(0 0 0 / 12%), inset 0 0 2px rgb(0 0 0 / 15%); } .checkbox-aspa input[type=radio]~label b { cursor: pointer; outline: 0; position: relative; display: inline-block; border-radius: 30px; width: 20px; height: 20px; vertical-align: middle; line-height: 26px; text-align: center; margin-right: 10px; cursor: pointer; font-size: 13px; color: #ffffff; background: #eceeef; box-shadow: inset 0 1px 2px rgb(0 0 0 / 12%), inset 0 0 2px rgb(0 0 0 / 15%); } .radio-custom input[type=radio]~label>span { white-space:nowrap; display: table-caption; /* margin-top:5px; */ /* margin-bottom: 5px; */ /* border:solid 1px; */ /* position: absolute; */ padding: 5px; margin-left: -55%; text-align: center; } .radio-custom input[type=radio]~label b { cursor: pointer; outline: 0; position: relative; display: inline-block; border-radius: 30px; width: 16px; height: 16px; vertical-align: middle; /* line-height: 29px; */ text-align: center; /* margin-right: 10px; */ cursor: pointer; /* font-size: 13px; */ color: #ffffff; background: #eceeef; box-shadow: inset 0 1px 2px rgb(0 0 0 / 12%), inset 0 0 2px rgb(0 0 0 / 15%); } .checkbox-aspa input[type=checkbox]:disabled~label b { cursor: pointer; outline: 0; position: relative; display: inline-block; border-radius: 5px; /* margin: 0px 0px 0px; */ /* background-color: #0088cc; */ /* border: 2px solid #bcbcbc; */ width: 24px; height: 24px; vertical-align: middle; line-height: 26px; text-align: center; font-size: 13px; color: #ffffff; background: linear-gradient(to bottom, #c3c1c1, #bfbbbb 25px); /* background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px); */ /* box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05); */ /* border-radius: inherit;*/ box-shadow: inset 0 1px 2px rgb(0 0 0 / 12%), inset 0 0 2px rgb(0 0 0 / 15%); } .checkbox-aspa input[type=radio]:disabled~label b { cursor: pointer; outline: 0; position: relative; display: inline-block; width: 20px; height: 20px; vertical-align: middle; line-height: 26px; text-align: center; font-size: 13px; color: #ffffff; background: linear-gradient(to bottom, #c3c1c1, #d5d0d0 25px); box-shadow: inset 0 1px 2px rgb(0 0 0 / 12%), inset 0 0 2px rgb(0 0 0 / 15%); } .radio-custom input[type=radio]:disabled~label b { cursor: pointer; outline: 0; position: relative; display: inline-block; width: 20px; height: 20px; vertical-align: middle; line-height: 26px; text-align: center; font-size: 13px; color: #ffffff; background: linear-gradient(to bottom, #c3c1c1, #d5d0d0 25px); box-shadow: inset 0 1px 2px rgb(0 0 0 / 12%), inset 0 0 2px rgb(0 0 0 / 15%); } .checkbox-aspa input[type=checkbox]:checked~label b:after { font-family: monospace; content: '\2714 '; font-size:11px; background-color: #0088cc; background: radial-gradient(ellipse at center, #10aaf7 0%,#0592d6 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ padding: 7px 8px 5px 7px; margin-top: 0px; border-radius: 5px; } .checkbox-aspa input[type=radio]:checked~label b:after { font-family:monospace; content: ' '; position: absolute; font-size: 6px; line-height: 9px; top: 1px; background-color: #0088cc; background: radial-gradient(ellipse at top left, #4dbbf3 0%,#047eb8 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ padding: 5px 8px; box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05); border-radius:30px; left: 1px; } .radio-custom input[type=radio]:checked~label b:after { font-family:monospace; content: ''; position: absolute; height: 16px; width: 16px; top: 0px; left: 0px; background: radial-gradient(ellipse at top left, #7eccff 0%,#5468ff 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ padding: 0px 0px; border-radius:10px; box-shadow: inset 0 1px 2px rgb(0 0 0 / 12%), inset 0 0 2px rgb(0 0 0 / 15%); } .checkbox-aspa input[type=radio]:checked:disabled~label b:after { font-family:monospace; content: ' '; font-size: 9px; background-color: #0088cc; background: radial-gradient(ellipse at top left, #c1c1c1 0%,#7c7d7d 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ padding: 5px 7px; box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05); border-radius:30px; } .radio-custom input[type=radio]:checked:disabled~label b:after { font-family:monospace; content: ' '; font-size: 9px; background-color: #0088cc; background: radial-gradient(ellipse at top left, #c1c1c1 0%,#7c7d7d 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ padding: 5px 7px; box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05); border-radius:30px; } div.DTE_Body div.DTE_Body_Content div.switch-input>div label { position: relative; display: block; vertical-align: top; width: 66px; height: 30px; padding: 3px; margin: 0 10px 10px 0; background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px); background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px); border-radius: 18px; box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05); cursor: pointer; } div.DTE_Body div.DTE_Body_Content div.switch-input2>div label { position: relative; display: block; vertical-align: top; width: 65px; height: 30px; padding: 3px; margin: 0 10px 10px 0; background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px); background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px); border-radius: 18px; box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05); cursor: pointer; } div.DTE_Body div.DTE_Body_Content div.switch-input>div label img { border:solid 0; position:absolute; right:0; top:5px; margin-right:-30px; filter:invert(70%) } .switch-input input[type="checkbox"] { position: absolute; top: 0; left: 0; opacity: 0; } .switch-input input[type="checkbox"]:disabled+label span.switch-label { background: linear-gradient(to bottom, #c4c2c2, #c2bfbf 25px); text-shadow:none; } .switch-input input[type="checkbox"]:disabled+label span.switch-label:before { color: #777; text-shadow: 0 1px rgb(255 255 255 / 50%); } .lblswitch{ position: relative; display: block; vertical-align: top; width: 95px; height: 30px; padding: 3px; margin: 0 10px 10px 0; background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px); background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px); border-radius: 18px; box-shadow: inset 0 -1px white, inset 0 1px 1px rgb(0 0 0 / 5%); cursor: pointer; } div.DTE_Body div.DTE_Body_Content div.switch-input2>div label img { border:solid 0; position:absolute; right:0; top:5px; margin-right:-30px; filter:invert(70%) } .switch-input2 input[type="checkbox"] { position: absolute; top: 0; left: 0; opacity: 0; } .switch-input2 input[type="checkbox"]:disabled+label span.switch-label { background: linear-gradient(to bottom, #c4c2c2, #c2bfbf 25px); text-shadow:none; } .switch-input2 input[type="checkbox"]:disabled+label span.switch-label:before { color: #777; text-shadow: 0 1px rgb(255 255 255 / 50%); } .switch-label { position: relative; display: block; height: inherit; font-size: 10px; text-transform: uppercase; background: #eceeef; border-radius: inherit; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15); } .switch-label:before, .switch-label:after { position: absolute; top: 50%; margin-top: -.5em; line-height: 1; -webkit-transition: inherit; -moz-transition: inherit; -o-transition: inherit; transition: inherit; } .switch-label:before { content: attr(data-off); right: 11px; color: #aaaaaa; text-shadow: 0 1px rgb(255 255 255 / 50%); } .switch-label:after { content: attr(data-on); left: 11px; color: #FFFFFF; text-shadow: 0 1px rgba(0, 0, 0, 0.2); opacity: 0; } .switch-input input[type="checkbox"]:checked~label .switch-label { background: radial-gradient( 100% 100% at 100% 0%, #89E5FF 0%, #5468FF 100% ); border-color: #0088cc; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2); } .switch-input input[type="checkbox"]:checked~label .switch-label:before { opacity: 0; } .switch-input input[type="checkbox"]:checked~label .switch-label:after { opacity: 1; } .switch-input2 input[type="checkbox"]:checked~label .switch-label { background: radial-gradient( 100% 100% at 100% 0%, #89E5FF 0%, #5468FF 100% ); border-color: #0088cc; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2); } .switch-input2 input[type="checkbox"]:checked~label .switch-label:before { opacity: 0; } .switch-input2 input[type="checkbox"]:checked~label .switch-label:after { opacity: 1; } .switch-handle { position: absolute; top: 4px; left: 4px; width: 28px; height: 28px; background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0); background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0); border-radius: 100%; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); } .switch-handle:before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; width: 12px; height: 12px; background: linear-gradient(to bottom, #eeeeee, #FFFFFF); background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF); border-radius: 6px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.02); } .switch-input input[type="checkbox"]:checked~label .switch-handle { left: 34px; box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); } .switch-input2 input[type="checkbox"]:checked~label .switch-handle { left: 33px; box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); } /* Transition ========================== */ .switch-label, .switch-handle { transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; } .show-more-fields { display: none; } .switch-input:checked~.show-more-fields { display: block; } .switch3 { position: relative; /* display: block; */ vertical-align: top; width: 59px; height: 30px; padding: 3px 1px 4px 1px; margin: 0 10px 10px 0; background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px); background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px); border-radius: 18px; box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05); cursor: pointer; } .switch3-input { position: absolute; top: 0; left: 0; opacity: 0; } .switch3-label { position: relative; display: block; height: inherit; font-size: 10px; text-transform: uppercase; background: #eceeef; border-radius: inherit; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15); } .switch3-label:before, .switch3-label:after { position: absolute; top: 50%; margin-top: -.5em; line-height: 1; -webkit-transition: inherit; -moz-transition: inherit; -o-transition: inherit; transition: inherit; } .switch3-label:before { content: attr(data-off); right: 8px; color: #aaaaaa; text-shadow: 0 1px rgba(255, 255, 255, 0.5); } .switch3-label:after { content: attr(data-on); left: 11px; color: #FFFFFF; text-shadow: 0 1px rgba(0, 0, 0, 0.2); opacity: 0; } .switch3-input:checked ~ .switch3-label { background: #E1B42B; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2); } .switch3-input:checked ~ .switch3-label:before { opacity: 0; } .switch3-input:checked ~ .switch3-label:after { opacity: 1; } .switch3-handle { position: absolute; top: 4px; left: 4px; width: 28px; height: 28px; background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0); background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0); border-radius: 100%; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); } .switch3-handle:before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; width: 12px; height: 12px; background: linear-gradient(to bottom, #eeeeee, #FFFFFF); background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF); border-radius: 6px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.02); } .switch3-input:checked ~ .switch3-handle { left: 29px; box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); } /* Transition ========================== */ .switch3-label, .switch3-handle { transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; } div.DTE_Field input, div.DTE_Field textarea { box-sizing: border-box; background-color: #ffffff; -webkit-transition: background-color ease-in-out .15s; transition: background-color ease-in-out .15s } div.DTE_Field input:focus, div.DTE_Field textarea:focus, div.DTE_Field select:focus { background-color: #3390ff; color:#fff } div.DTE_Field input[type="color"], div.DTE_Field input[type="date"], div.DTE_Field input[type="datetime"], div.DTE_Field input[type="datetime-local"], div.DTE_Field input[type="email"], div.DTE_Field input[type="month"], div.DTE_Field input[type="number"], div.DTE_Field input[type="password"], div.DTE_Field input[type="search"], div.DTE_Field input[type="tel"], div.DTE_Field input[type="text"], div.DTE_Field input[type="time"], div.DTE_Field input[type="url"], div.DTE_Field input[type="week"]{ padding: 5px 4px; width: 100%; border: solid 1px #d8d7d7; border-radius: 5px; outline: none; font-size: 12px; padding: 8px 0 8px 10px; border: 1px solid transparent; /* border-top: none; */ border-bottom: 1px solid #DDD; box-shadow: inset 0 1px 2px rgb(0 0 0 / 39%), 0 -1px 1px #fff, 0 1px 0 #fff; } .opciones_productos { border-radius: 5px; background-color: #eee; padding: 3px 25px 10px; margin-left: -20px; margin-bottom: -10px; margin-top: -30px; width: calc(100% + 40px);} .opciones_productos2, .opciones_productos3 { border-radius: 0px; background-color: #eee; padding: 0px 35px 10px; margin-left: -30px; margin-bottom: -10px; margin-top: -20px; /* margin-bottom: -8px; */ width: calc(100% + 60px); } #listaproductos, #listacargos { /* display:inline-block; */ /* width: 30%; */ /* margin-right: 10px; */ } #medida,#almacen { /* display:inline-block; */ /* width: 15%; */ /* margin-right: 10px; */ } #cantidad, #valor{ text-align: right; width: 100%; /* margin-right: 10px; */ border: solid 1px #0004; margin-top: -4px; padding: 8px 10px 8px 10px; } #moneda{ margin-left: 1.2%; } select { margin-top: -3px; margin-bottom: 0px; width: 100%; border: solid 1px #0004; border-radius: 5px; outline: none; padding: 7px 0 7px 10px; display: block; /* width: calc(100%); border: solid 1px #ddd; padding: 7px 11px 8px 17px; margin: 5px 0 20px 0;*/ background-image: url(../img/download.png); background-repeat: no-repeat; background-size: 14px; background-position: calc(100% - 12px); -webkit-appearance: none; -moz-appearance: none; padding: 8px 34px 7px 10px; font-size: 12px; outline: none; border: 1px solid transparent; border-top: none; border-bottom: 1px solid #DDD; box-shadow: inset 0 1px 2px rgb(0 0 0 / 39%), 0 -1px 1px #fff, 0 1px 0 #fff; } div.DTE_Field label div.DTE_Label_Info { font-size: 0.85em; margin-top: 0.25em } div.DTE_Field label div.DTE_Label_Info:empty { margin-top: 0 } div.DTE_Field div.DTE_Field_Info, div.DTE_Field div.DTE_Field_Message, div.DTE_Field div.DTE_Field_Error { font-size: 11px; line-height: 1em; margin-top: 5px } div.DTE_Field div.DTE_Field_Info{ color:#999; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; width: 100%; white-space: break-spaces; } div.DTE_Field div.DTE_Field_Info:empty, div.DTE_Field div.DTE_Field_Message:empty, div.DTE_Field div.DTE_Field_Error:empty { margin-top: 0 } div.DTE_Field div.DTE_Field_Error { display: none; color: #ff0000; font-size: 9px; position: absolute; z-index: 9999; } div.DTE_Field div.multi-value { display: none; border: 1px dotted #666; border-radius: 3px; padding: 5px; background-color: #fafafa; cursor: pointer } div.DTE_Field div.multi-value span { font-size: 0.8em; line-height: 1.25em; display: block; color: #666 } div.DTE_Field div.multi-value.multi-noEdit { border: 1px solid #ccc; cursor: auto; background-color: #fcfcfc } div.DTE_Field div.multi-value.multi-noEdit:hover { background-color: #fcfcfc } div.DTE_Field div.multi-value:hover { background-color: #f1f1f1 } div.DTE_Field.disabled { color: #ada9a9 } div.DTE_Field.disabled div.multi-value { cursor: default; border: 1px dotted #aaa; background-color: transparent } div.DTE_Field div.multi-restore { display: none; margin-top: 0.5em; font-size: 0.8em; line-height: 1.25em; color: #3879d9 } div.DTE_Field div.multi-restore:hover { text-decoration: underline; cursor: pointer } div.DTE_Field_Type_textarea textarea { padding: 3px; width: 100%; min-height: 80px; outline: none; font-size: 12px; border-radius: 5px; border: solid 1px #0000003d; } div.DTE_Field.DTE_Field_Type_date img { vertical-align: middle; cursor: pointer } div.DTE_Field_Type_checkbox div.DTE_Field_Input>div>div, div.DTE_Field_Type_radio div.DTE_Field_Input>div>div { margin-bottom: 0.25em } div.DTE_Field_Type_radio div.DTE_Field_Input>div>div { margin-bottom: 0; border:solid 0px; padding:9px 0; margin:0; height:30px } div.DTE_Field_Type_radio .DTE_Label { /* border:solid 1px transparent; */ padding:0; vertical-align: middle; white-space: pre; } div.DTE_Field_Type_radio div.DTE_Field_Input>div>div>div { margin-top: -7px; border:solid 0; width:50%; display:inline-block; padding:0; } div.DTE_Field_Type_checkbox div.DTE_Field_Input>div>div:last-child, div.DTE_Field_Type_radio div.DTE_Field_Input>div>div:last-child { margin-bottom: 0 } div.DTE_Field_Type_checkbox div.DTE_Field_Input>div>div label, div.DTE_Field_Type_radio div.DTE_Field_Input>div>div label { /* margin-left: 0.75em; */ vertical-align: middle; white-space: pre; } div.DTE_Field_Type_select div.DTE_Field_Input { padding-top: 4px; } div.DTE_Body { padding: 50px 0 70px; } .fichatrabajador div.DTE_Body { padding: 75px 0 52px; } .fichacenso div.DTE_Body { padding: 75px 0 52px; } div.DTE_Body div.DTE_Body_Content { position: relative; overflow: auto; } div.DTE_Body div.custonbody {min-height: 140px;} div.DTE_Body div.DTE_Body_Content div.DTE_Form_Info { padding: 1em 1em 0 1em; margin: 0 } div.DTE_Body div.DTE_Body_Content div.DTE_Field { position: relative; /* zoom: 1; */ /* clear: both; */ /* padding: 5px 20%; */ border: 1px solid transparent; } div.DTE_Body div.DTE_Body_Content div.DTE_Field:after { display: block; content: "."; height: 0; line-height: 0; clear: both; visibility: hidden } div.DTE_Body div.DTE_Body_Content div.DTE_Field:hover { background-color: transparent; border: 1px solid #f4f4f4; border-radius: 5px; } div.DTE_Body div.DTE_Body_Content div.DTE_Field>label { float: left; width: 40%; padding-top: 10px; margin-bottom: 5px; font-family: 'Lato'; font-size: 12px; /* letter-spacing: -0.2px; */ color: #707070; } div.DTE_Body div.DTE_Body_Content div.DTE_Field>label>span.subtitulo { display:block; font-family: 'Lato'; font-size: 10px; /* letter-spacing: -0.2px; */ color: #1785bc; } .custonsize2 div.DTE_Body_Content div.DTE_Field>label { float: left; width: 40%; padding-top: 9px; font-family: 'Lato'; font-size: 14px; letter-spacing: -0.1px; color: #585858; } div.DTE_Body div.DTE_Body_Content div.DTE_Field label .letrapequenia{ font-size:10px; color:##9aa6e9; } .tblLogin div.DTE_Field>label { float: left; width: 40%; padding-top: 9px; font-family: 'Georama'; font-size: 15px; color: #fdfdfd; } div.DTE_Body div.DTE_Body_Content div.DTE_Field>div.DTE_Field_Input { float: right; width: 60% } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full6 { padding: 5px 25px 5px 25px; width: 100%; /* height: 190px; */ /* overflow: auto; */ } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full2 { padding: 5px 25px 5px 25px; width: 100%; /* height: 190px; */ /* overflow: auto; */ } div.DTE_Body div.DTE_Body_Content div.DTE_Field.col5 { padding: 5px 25px 5px 25px; width: 20%; /* height: 190px; */ /* overflow: auto; */ } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full2>div { height:200px; overflow:scroll; border:solid 1px #ddd; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full2 div.DTE_Field_Input>div>div div input[type=checkbox] { /* border: solid 1px; */ /* padding: 20px; */ margin: 10px; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full2 div.DTE_Field_Input>div>div>div:nth-of-type(odd) { border: solid 0px; background-color: #ffffff; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full2 div.DTE_Field_Input>div>div>div:nth-of-type(even) { border: solid 0px; background-color: #f3f3f3; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full2 div.DTE_Field_Input span:nth-child(1) { border: solid 0px; min-width: 66px; padding: 0 5px; font-size: 12px; display: inline-block; text-align: center; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full2 div.DTE_Field_Input span:nth-child(2) { border: solid 0px; min-width:280px; padding:0 0px; font-size: 12px; display: inline-block; text-align: left; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full2 div.DTE_Field_Input span:nth-child(3) { border: solid 0px; padding:0 0px; font-size: 12px; display: inline-block; text-align: left; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full5 { padding: 5px 25px 5px 25px; width: 100%; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full5>div { height:300px; overflow:scroll; border:solid 1px #ddd; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full5 div.DTE_Field_Input>div>div div input[type=checkbox] { /* border: solid 1px; */ /* padding: 20px; */ margin: 10px; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full5 div.DTE_Field_Input>div>div>div:nth-of-type(odd) { border: solid 0px; background-color: #ffffff; padding-left: 40px; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full5 div.DTE_Field_Input>div>div>div:not(.parent-nivel) { display:none; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full5 div.DTE_Field_Input>div>div>div:nth-of-type(even) { border: solid 0px; background-color: #f3f3f3; padding-left: 40px; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full5 div.DTE_Field_Input span:nth-child(1) { border: solid 0px; min-width: 200px; padding: 0 5px; font-size: 12px; display: inline-block; text-align: left; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full5 div.DTE_Field_Input span:nth-child(2) { border: solid 0px; min-width:280px; padding:0 0px; font-size: 12px; display: inline-block; text-align: left; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full5 div.DTE_Field_Input span:nth-child(3) { border: solid 0px; padding:0 0px; font-size: 12px; display: inline-block; text-align: left; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.fulltitulo { padding: 5px 25px 5px 25px; width: 100%; white-space: break-spaces; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.fulltitulo label{ color:#00000; border-bottom:solid 1px #d2d2d2; padding-bottom:20px } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full1 { padding: 5px 25px 5px 25px; width: 100%; white-space: break-spaces; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full1 label{ color:#00000; padding-bottom:0px } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full3 { padding: 5px 25px 5px 25px; width: 100%; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full3>div { padding: 5px 0px 0px 0px; width: 100%; height:260px; background-color:whitesmoke; border:solid 0; overflow:auto; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full4 { padding: 5px 25px 5px 25px; width: 100%; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full4>div { padding: 5px 0px 0px 0px; width: 100%; /* height:260px; */ background-color:whitesmoke; border:solid 0; overflow:auto; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.fullscroll { padding: 5px 25px 5px 25px; width: 50%; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.fullscroll>label { width: 40%; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.fullscroll>div.DTE_Field_Input { width: 60%; height:150px; overflow:auto; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full2>label { width: 18%; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.col5>label { width: 100%; white-space:pre; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full2>div.DTE_Field_Input { width: 81.4%; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full6>label { width: 18%; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full6>div.DTE_Field_Input { width: 81.4%; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full { padding: 5px 20px 5px 20px; width: 100%; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.medium { padding: 5px 0px 5px 5px; width: 50%; } .uptop{ margin-top:-50px; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.doblefield { padding: 5px 20px 5px 25px; width: calc(40% - 5px); } div.DTE_Body div.DTE_Body_Content div.DTE_Field.doblefield6 { padding: 0px 12px 0px 15px; width: calc(33.333% - 3px); } div.DTE_Body div.DTE_Body_Content div.DTE_Field.doblefield2 { padding: 5px 20px 5px 20px; width: calc(66% - 5px); } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full>label { width: 30% } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full>div.DTE_Field_Input { width: 70% } div.DTE_Body div.DTE_Body_Content div.DTE_Field.block>div.DTE_Field_Input { float: none; clear: both; width: 100% } div.DTE_Body div.DTE_Body_Content div.DTE_Field.block2>div.DTE_Field_Input { clear: both; width: 100% } html[dir="rtl"] div.DTE_Body div.DTE_Body_Content div.DTE_Field>label { float: right } html[dir="rtl"] div.DTE_Body div.DTE_Body_Content div.DTE_Field>div.DTE_Field_Input { float: left } html[dir="rtl"] div.DTE div.DTE_Form_Buttons button { float: left } @media only screen and (max-width: 768px) { div.DTE_Body div.DTE_Body_Content div.DTE_Field { /* padding: 5px 10%; */ } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full { padding: 5px 0 5px 10% } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full>label { width: 35.5% } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full>div.DTE_Field_Input { width: 64.5% } div.DTE_Body div.DTE_Body_Content div.DTE_Field.block>div.DTE_Field_Input { width: 100% } } @media only screen and (max-width: 640px) { #trabajadores_wrapper{ margin:0; border-radius:0; } /*.submenu div.imagefoto{float:right}*/ #censo_wrapper{ margin:0; border-radius:0; } .bloque2{width:100%} .colegio{display:none} .itemtrabajador{ display:none } table.item{ margin-left:6px; margin-right:0px; } div#my-timeline {width:100%;} .submenu a span{ /* display:none;*/ } .nav-item { width: calc(25% - 5px); } div.DTE_Body div.DTE_Body_Content div.DTE_Field { padding: 5px 0 } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full { padding: 5px 0% } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full>label { width: 40% } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full>div.DTE_Field_Input { width: 60% } div.DTE_Body div.DTE_Body_Content div.DTE_Field.block>div.DTE_Field_Input { width: 100% } } @media only screen and (max-width: 800px) { div.DTE_Body div.DTE_Body_Content div.DTE_Field { position: relative; zoom: 1; clear: both; padding: 5px 0 } div.DTE_Body div.DTE_Body_Content div.DTE_Field>label { float: none; width: auto; /*padding-top: 0*/ } div.DTE_Body div.DTE_Body_Content div.DTE_Field>div.DTE_Field_Input { float: none; width: auto } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full, div.DTE_Body div.DTE_Body_Content div.DTE_Field.block { clear: both; padding: 5px 0 } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full2>label { width: 100%; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full2>div.DTE_Field_Input { width:100%; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full6>label { width: 100%; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full6>div.DTE_Field_Input { width:100%; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full>label, div.DTE_Body div.DTE_Body_Content div.DTE_Field.full>div.DTE_Field_Input, div.DTE_Body div.DTE_Body_Content div.DTE_Field.block>label, div.DTE_Body div.DTE_Body_Content div.DTE_Field.block>div.DTE_Field_Input { width: 100% } } div.DTE_Bubble { position: absolute; z-index: 11; margin-top: -6px; opacity: 0 } div.DTE_Bubble div.DTE_Bubble_Liner { position: absolute; bottom: 0; border: 1px solid black; width: 300px; margin-left: -150px; background-color: white; box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.5); border-radius: 6px; border: 1px solid #666; padding: 1em; background: #fcfcfc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table { width: 100% } div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table>form div.DTE_Form_Content { padding: 0 } div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table>form div.DTE_Form_Content div.DTE_Field { position: relative; zoom: 1; margin-bottom: 0.5em } div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table>form div.DTE_Form_Content div.DTE_Field:last-child { margin-bottom: 0 } div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table>form div.DTE_Form_Content div.DTE_Field>label { padding-top: 0; margin-bottom: 0 } div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table>form div.DTE_Form_Content div.DTE_Field>div { padding: 0 } div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table>form div.DTE_Form_Content div.DTE_Field>div input { margin: 0 } div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons { text-align: right; margin-top: 1em } div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons button { margin-bottom: 0 } div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header { border-top-left-radius: 5px; border-top-right-radius: 5px } div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header+div.DTE_Form_Info, div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header+div.DTE_Bubble_Table { padding-top: 42px } div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Form_Error { float: none; display: none; padding: 0; margin-bottom: 0.5em } div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close { position: absolute; top: -11px; right: -11px; width: 22px; height: 22px; border: 2px solid white; background-color: black; text-align: center; border-radius: 15px; cursor: pointer; z-index: 12; box-shadow: 2px 2px 6px #111 } div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after { content: '\00d7'; color: white; font-weight: bold; font-size: 18px; line-height: 22px; font-family: 'Courier New', Courier, monospace; padding-left: 1px } div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:hover { background-color: #092079; box-shadow: 2px 2px 9px #111 } div.DTE_Bubble div.DTE_Bubble_Triangle { position: absolute; height: 10px; width: 10px; top: -6px; background-color: white; border: 1px solid #666; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) } div.DTE_Bubble.below div.DTE_Bubble_Liner { top: 10px; bottom: auto } div.DTE_Bubble.below div.DTE_Bubble_Triangle { top: 4px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg) } div.DTE_Bubble_Background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); z-index: 10 } div.DTE_Bubble_Background>div { position: absolute; top: 0; right: 0; left: 0; bottom: 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)" } div.DTE_Bubble_Background>div:not([dummy]) { filter: progid:DXImageTransform.Microsoft.gradient(enabled='false') } div.DTE_Inline { position: relative; display: table; width: 100% } div.DTE_Inline div.DTE_Inline_Field, div.DTE_Inline div.DTE_Inline_Buttons { display: table-cell; vertical-align: middle } div.DTE_Inline div.DTE_Inline_Field div.DTE_Field, div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field { padding: 0 } div.DTE_Inline div.DTE_Inline_Field div.DTE_Field>label, div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field>label { display: none } div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="color"], div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="date"], div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="datetime"], div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="datetime-local"], div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="email"], div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="month"], div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="number"], div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="password"], div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="search"], div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="tel"], div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="text"], div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="time"], div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="url"], div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="week"], div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="color"], div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="date"], div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="datetime"], div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="datetime-local"], div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="email"], div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="month"], div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="number"], div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="password"], div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="search"], div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="tel"], div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="text"], div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="time"], div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="url"], div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="week"] { width: 100% } div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button, div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button { margin: -6px 0 -6px 4px; padding: 5px } div.DTE_Inline div.DTE_Field input[type="color"], div.DTE_Inline div.DTE_Field input[type="date"], div.DTE_Inline div.DTE_Field input[type="datetime"], div.DTE_Inline div.DTE_Field input[type="datetime-local"], div.DTE_Inline div.DTE_Field input[type="email"], div.DTE_Inline div.DTE_Field input[type="month"], div.DTE_Inline div.DTE_Field input[type="number"], div.DTE_Inline div.DTE_Field input[type="password"], div.DTE_Inline div.DTE_Field input[type="search"], div.DTE_Inline div.DTE_Field input[type="tel"], div.DTE_Inline div.DTE_Field input[type="text"], div.DTE_Inline div.DTE_Field input[type="time"], div.DTE_Inline div.DTE_Field input[type="url"], div.DTE_Inline div.DTE_Field input[type="week"] { margin: -6px 0 } div.DTE_Inline div.DTE_Field_Error, div.DTE_Inline div.DTE_Form_Error { font-size: 11px; line-height: 1.2em; padding: 0; margin-top: 10px } div.DTE_Inline div.DTE_Field_Error:empty, div.DTE_Inline div.DTE_Form_Error:empty { margin-top: 0 } span.dtr-data div.DTE_Inline { display: inline-table } div.DTED_Lightbox_Wrapper { position: fixed; top: 50%; left: 50%; margin-left: -300px; width: 600px; height: 100%; z-index: 999; } div.DTED_Lightbox_Wrapper { width: 600px; margin-left: -300px; } div.DTE div.DTE_Body div.DTE_Field { padding-top: 5px } div.DTE div.DTE_Body div.DTE_Field > label { float: none; clear: both; width: 100%; } div.DTE div.DTE_Body div.DTE_Field > div.DTE_Field_Input { float: none; clear: both; width: 100%; } div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container { display: table; height: 100%; width: 100%; } div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content { position: relative; box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.5); border-radius: 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div.customwindow{ height:95%; } div.customwindowdelete{ height:100px; max-width: 500px; text-align: center; margin-left:200px; } div.customwindow>div,div.customwindow>div>div,.customwindow form { height:100%; } div.custonsize {width:400px;margin-left: -200px;} div.custonsize4 {width: 900px;margin-left: -450px;} div.custonsize6 {width: 1080px;margin-left: -540px;} div.custonsize2 {width: 900px;margin-left: -450px;} div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE { background: white; border-radius: 3px; /* border: 1px solid #00000042; */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; overflow: hidden; box-sizing: border-box; } div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.customwindow div.DTE { background: #982d2d; background-image: linear-gradient(to right, #f66262 0%, #972c2c 100%); /* background-color: #ffffff; */ border-radius: 6px; border: 0px solid #00000042; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Header { right: 0; width: auto; /* border-top-left-radius: 3px; */ /* border-top-right-radius: 3px; */ } div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Body_Content { box-sizing: border-box; /* background: #f3f3f3; */ overflow-x: hidden; } div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.customwindow div.DTE div.DTE_Body_Content { box-sizing: border-box; background: transparent; overflow-x: hidden; height: 100%; } div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Footer { right: 0; width: auto; /* border-bottom-left-radius: 6px; */ /* border-bottom-right-radius: 6px; */ } div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close { transition: All 0.3s ease; position: absolute; top: 0px; right: 0px; width: 40px; height: 26px; /* border: 2px solid white; */ /* background-image: linear-gradient(to bottom, #a0a0a0 0%, #b1abab 100%); */ /* background-image: linear-gradient(to bottom, #dee1e6 0%, #dee1e6 100%); */ background-color: #dee1e6; text-align: center; /* border-radius: 0px 0px 15px 15px; */ cursor: pointer; z-index: 12; /* box-shadow: 0px 0px 2px #444; */ } div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close:after { content: '\00d7'; color: #020202; font-weight: 100; font-size: 26px; /* text-shadow: 1px 1px 0px #fffafa; */ line-height: 22px; /* font-family: 'Courier New', Courier, monospace; */ padding-left: 1px; } div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close:hover { background-color: #ff0000; box-shadow:none; color:#fff; /* box-shadow: 0px 0px 2px #111*/ } div.DTED_Lightbox_Wrapper div.DTE_Footer { display: flex; justify-content: end } div.DTED_Lightbox_Wrapper div.DTE_Footer_Content { display: none } div.DTED_Lightbox_Wrapper div.DTE.inFormError div.DTE_Footer { justify-content: space-between } div.DTED_Lightbox_Background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; /* background: rgba(0, 0, 0, 0.7); */ background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); */ background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.9) 100%); /* background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.1) 0%, rgb(255 255 255 / 80%) 100%); */ z-index: 999; /* backdrop-filter: blur(4px); */ } div.DTED_Lightbox_Background>div { position: absolute; top: 0; right: 0; left: 0; bottom: 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)" } div.DTED_Lightbox_Background>div:not([dummy]) { filter: progid:DXImageTransform.Microsoft.gradient(enabled='false') } body.DTED_Lightbox_Mobile div.DTED_Lightbox_Background { height: 0 } body.DTED_Lightbox_Mobile div.DTED_Lightbox_Shown { display: none } body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; width: auto; height: auto; margin-left: 0; -webkit-overflow-scrolling: touch } body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container { display: block; } body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper { display: block } body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content { /* border: 4px solid rgba(220, 220, 220, 0.5); */ /* border-radius: 0; */ } body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE { /* border-radius: 0; */ /* box-shadow: 0 0 5px #555; */ /* border: 2px solid #444 */ height: 100%; } body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Header { /* border-top-left-radius: 0; */ /* border-top-right-radius: 0; */ } body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Footer { /* border-bottom-left-radius: 0; */ /* border-bottom-right-radius: 0; */ } body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close { top: 0px; right: 0px; } @media only screen and (max-width: 920px) { div.DTED_Lightbox_Wrapper { position: fixed; top: 0; left: 0; width: 100%; margin-left: 0 } } div.DTED_Envelope_Wrapper { position: absolute; top: 0; bottom: 0; left: 50%; height: 100%; z-index: 11; display: none; overflow: hidden } div.DTED_Envelope_Wrapper div.DTED_Envelope_Shadow { position: absolute; top: -10px; left: 10px; right: 10px; height: 10px; z-index: 10; box-shadow: 0 0 20px black } div.DTED_Envelope_Wrapper div.DTED_Envelope_Container { position: absolute; top: 0; left: 5%; width: 90%; border-left: 1px solid #777; border-right: 1px solid #777; border-bottom: 1px solid #777; box-shadow: 3px 3px 10px #555; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: white } div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Processing_Indicator { right: 36px } div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Footer { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px } div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close { position: absolute; top: 16px; right: 10px; width: 18px; height: 18px; cursor: pointer; z-index: 12; text-align: center; font-size: 12px; background: #F8F8F8; background: -webkit-gradient(linear, center bottom, center top, from(#CCC), to(#fff)); background: -moz-linear-gradient(top, #fff, #CCC); background: linear-gradient(to bottom, #fff, #CCC); text-shadow: 0 1px 0 white; border: 1px solid #999; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: 0px 0px 1px #999; -moz-box-shadow: 0px 0px 1px #999; -webkit-box-shadow: 0px 0px 1px #999 } div.DTED_Envelope_Background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background: rgba(0, 0, 0, 0.4); background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%); background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%); background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%); background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.1)), color-stop(1, rgba(0, 0, 0, 0.4))); background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%); background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%) } table.dataTable tbody tr.highlight { background-color: #FFFBCC !important } table.dataTable tbody tr.highlight, table.dataTable tbody tr.noHighlight, table.dataTable tbody tr.highlight td, table.dataTable tbody tr.noHighlight td { -webkit-transition: background-color 500ms linear; -moz-transition: background-color 500ms linear; -ms-transition: background-color 500ms linear; -o-transition: background-color 500ms linear; transition: background-color 500ms linear } table.dataTable.stripe tbody tr.odd.highlight, table.dataTable.display tbody tr.odd.highlight { background-color: #f9f5c7 } table.dataTable.hover tbody tr:hover.highlight, table.dataTable.hover tbody tr.odd:hover.highlight, table.dataTable.hover tbody tr.even:hover.highlight, table.dataTable.display tbody tr:hover.highlight, table.dataTable.display tbody tr.odd:hover.highlight, table.dataTable.display tbody tr.even:hover.highlight { background-color: #f6f2c5 } table.dataTable.order-column tbody tr.highlight>.sorting_1, table.dataTable.order-column tbody tr.highlight>.sorting_2, table.dataTable.order-column tbody tr.highlight>.sorting_3, table.dataTable.display tbody tr.highlight>.sorting_1, table.dataTable.display tbody tr.highlight>.sorting_2, table.dataTable.display tbody tr.highlight>.sorting_3 { background-color: #faf6c8 } table.dataTable.display tbody tr.odd.highlight>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd.highlight>.sorting_1 { background-color: #f1edc1 } table.dataTable.display tbody tr.odd.highlight>.sorting_2, table.dataTable.order-column.stripe tbody tr.odd.highlight>.sorting_2 { background-color: #f3efc2 } table.dataTable.display tbody tr.odd.highlight>.sorting_3, table.dataTable.order-column.stripe tbody tr.odd.highlight>.sorting_3 { background-color: #f5f1c4 } table.dataTable.display tbody tr.even.highlight>.sorting_1, table.dataTable.order-column.stripe tbody tr.even.highlight>.sorting_1 { background-color: #faf6c8 } table.dataTable.display tbody tr.even.highlight>.sorting_2, table.dataTable.order-column.stripe tbody tr.even.highlight>.sorting_2 { background-color: #fcf8ca } table.dataTable.display tbody tr.even.highlight>.sorting_3, table.dataTable.order-column.stripe tbody tr.even.highlight>.sorting_3 { background-color: #fefacb } table.dataTable.display tbody tr:hover.highlight>.sorting_1, table.dataTable.display tbody tr.odd:hover.highlight>.sorting_1, table.dataTable.display tbody tr.even:hover.highlight>.sorting_1, table.dataTable.order-column.hover tbody tr:hover.highlight>.sorting_1, table.dataTable.order-column.hover tbody tr.odd:hover.highlight>.sorting_1, table.dataTable.order-column.hover tbody tr.even:hover.highlight>.sorting_1 { background-color: #eae6bb } table.dataTable.display tbody tr:hover.highlight>.sorting_2, table.dataTable.display tbody tr.odd:hover.highlight>.sorting_2, table.dataTable.display tbody tr.even:hover.highlight>.sorting_2, table.dataTable.order-column.hover tbody tr:hover.highlight>.sorting_2, table.dataTable.order-column.hover tbody tr.odd:hover.highlight>.sorting_2, table.dataTable.order-column.hover tbody tr.even:hover.highlight>.sorting_2 { background-color: #ece8bd } table.dataTable.display tbody tr:hover.highlight>.sorting_3, table.dataTable.display tbody tr.odd:hover.highlight>.sorting_3, table.dataTable.display tbody tr.even:hover.highlight>.sorting_3, table.dataTable.order-column.hover tbody tr:hover.highlight>.sorting_3, table.dataTable.order-column.hover tbody tr.odd:hover.highlight>.sorting_3, table.dataTable.order-column.hover tbody tr.even:hover.highlight>.sorting_3 { background-color: #efebbf } div.DTE div.editor_upload { padding-top: 4px } div.DTE div.editor_upload div.eu_table { display: table; width: 100% } div.DTE div.editor_upload div.eu_table>div:first-child { position:absolute; z-index:9 } div.DTE div.editor_upload div.row { /* display: table-row; */ /* position: relative; */ } div.DTE div.editor_upload div.cell { display: table-cell; position: relative; width: 50%; vertical-align: top; } .imgvacio{/* border: solid 1px #0002; */width: 128px;height: 140px;border-radius: 5px;display:table-cell;text-align:center;vertical-align:center;} div.DTE div.editor_upload div.cell+div.cell { /* padding-left:10px; */ } div.DTE div.editor_upload div.row+div.row div.cell { /* padding-top: 10px; */ /* border: solid; */ margin-right: auto; margin-left: auto; width: 100%; background-color: #f2f2f2; display: block; } .rendered{ border:solid 1px #0002; border-radius:5px; overflow:hidden; display: block; height: 178px; width: 100%; line-height:0; text-align: center; } .adjunto-documento .rendered{ border:solid 1px #0002; border-radius:5px; overflow:hidden; display: block; height: 100px; width: 100%; line-height:0; text-align: center; } .rendered a{ font-size:11px; margin-top:10px; display:block; } .rendered a img{ height:20px; } div.DTE div.editor_upload button.btn, div.DTE div.editor_upload input[type=file] { width: 100%; height: 2.3em; font-size: 0.8em; text-align: center; line-height: 1em } div.DTE div.editor_upload input[type=file] { position: absolute; top: 0; left: 0; width: 100%; opacity: 0 } div.limitHide{display:none} div.DTE div.editor_upload div.drop { position: relative; box-sizing: border-box; width: 100%; height: 100%; border: 3px dashed #ccc; border-radius: 6px; min-height: 4em; color: #999; display: none; padding-top: 3px; text-align: center; } div.DTE div.editor_upload div.drop.over { border: 3px dashed #111; color: #111 } div.DTE div.editor_upload div.drop span { max-width: 75%; font-size: 0.85em; line-height: 1em } div.DTE div.editor_upload div.rendered img { /* max-height: 10em; */ object-fit: contain; margin: 0 auto; height: 100%; width: 100%; } div.DTE .adjunto-documento div.rendered a img{ height:40px; margin: 15px 0; } div.DTE div.editor_upload.noDrop div.drop { display: none } div.DTE div.editor_upload.noDrop div.row.second { display: none } div.DTE div.editor_upload.noDrop div.rendered { margin-top: 10px } div.DTE div.editor_upload.noClear div.clearValue button { display: none } div.DTE div.editor_upload.multi div.cell { display: block; width: 100% } div.DTE div.editor_upload.multi div.cell div.drop { min-height: 0; padding-bottom: 5px } div.DTE div.editor_upload.multi div.clearValue { display: none } div.DTE div.editor_upload.multi ul { list-style-type: none; margin: 0; padding: 0 } div.DTE div.editor_upload.multi ul li { position: relative; margin-top: 0.5em } div.DTE div.editor_upload.multi ul li:first-child { margin-top: 0 } div.DTE div.editor_upload.multi ul li img { vertical-align: middle } div.DTE div.editor_upload.multi ul li button { position: absolute; width: 40px; right: 0; top: 50%; margin-top: -1.5em } div.editor-datetime { position: absolute; border-radius: 6px; background-color: white; z-index: 2050; border: 1px solid #ccc; box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5); padding: 0 20px 6px 20px; width: 320px; } div.editor-datetime div.editor-datetime-title { text-align: center; padding: 5px 0px 3px } .comentarios { width: 100%; overflow-x: hidden; overflow-y: auto; height: 56px; min-width: 220px; border: solid 1px #eee; text-align: left; display: block; align-items: center; white-space: pre-wrap; margin-left: auto; margin-right: auto; } .titulo_ticket { width: 100%; overflow-x: hidden; overflow-y: auto; max-height: 65px; min-width: 200px; border: solid 0px #eee; text-align: left; line-height: 16px; font-size: 12px; display: block; align-items: center; white-space: pre-wrap; margin-left: auto; margin-right: auto; } .descripcion { width: 100%; overflow-x: hidden; overflow-y: auto; max-height: 65px; min-width: 320px; border: solid 0px #eee; text-align: left; line-height: 16px; font-size: 12px; display: block; align-items: center; white-space: pre-wrap; margin-left: auto; margin-right: auto; } .descripcion p{ margin: 0 0 -15px 0; } div.botones{ margin-bottom:20px; text-align:center; padding-bottom:20px; border-bottom:solid 1px #ddd; } div.botones button{ margin-right:10px; } .numeroticket{ display:block; text-align:center; font-weight:600; font-size:18px; } .tituloticket{ text-align:center; display:block } .servicionombre{ display:block; font-weight:500; font-size:16px; color:#7980ad; } .ubicacionnombre{ display:block; font-weight:400; font-size:12px; color:#7980ad; } .solicitudfecha{ display:block; float:right; width: 70px; text-align:right; font-weight:400; font-size: 11px; } .detalle_solicitud{ margin:0px 0 20px; } .detalle_personal{ background-color: #eee; border-radius:5px; padding:10px; margin: 0 0 10px; } .detalle_producto{ background-color: #eee; border-radius:5px; padding:10px; margin: 10px 0 10px; } .descripcion_solicitud p { margin:0 0 -10px 0; } .descripcion_solicitud ol { margin:0 0 -10px 0; padding:0px 15px; } .descripcion_solicitud { width: 100%; overflow-x: hidden; overflow-y: auto; min-height: 65px; max-height: 280px; min-width: 220px; border: solid 1px #ddd; border-radius: 5px; margin-top: 5px; text-align: left; padding: 5px; line-height: 16px; font-size: 16px; margin-bottom: 20px; display: block; align-items: center; white-space: pre-wrap; margin-left: auto; margin-right: auto; } .limitetexto { width: 100%; overflow-x: hidden; overflow-y: auto; text-overflow: ellipsis; max-height: 65px; max-width: 220px; border: solid 0px #eee; text-align: left; line-height: 20px; /* font-size: 13px; */ display: block; align-items: center; /* white-space: pre-wrap; */ margin-left: auto; margin-right: auto; } .observacion { width: 100%; overflow-x: hidden; overflow-y: auto; max-height: 80px; min-width: 280px; /* border: solid 1px #eee; */ text-align: left; display: block; align-items: center; white-space: pre-wrap; margin-left: auto; margin-right: auto; } div.editor-datetime table { border-spacing: 0; margin: 12px 0; width: 100%; } div.editor-datetime table.editor-datetime-table-nospace { margin-top: -12px } div.editor-datetime table th { font-size: 0.8em; color: #777; font-weight: normal; width: 14.285714286%; padding: 0 0 4px 0; text-align: center; /* border: solid 1px; */ } div.editor-datetime table td { font-size: 0.9em; color: #444; text-align: right; padding: 0px 0px; } div.editor-datetime table td.selectable { text-align: center; background: #f5f5f5; } div.editor-datetime table td.selectable.disabled { color: #aaa; background: white } div.editor-datetime table td.selectable.disabled button:hover { color: #aaa; background: white } div.editor-datetime table td.selectable.now { background-color: #ddd } div.editor-datetime table td.selectable.now button { font-weight: bold } div.editor-datetime table td.selectable.selected button { background: #7e8cf3; color: white; border-radius: 5px; } div.editor-datetime table td.selectable button:hover { background: #ff8000; color: white; width: 100%; border-radius: 5px; } div.editor-datetime table td.editor-datetime-week { font-size: 0.7em } div.editor-datetime table button { width: 100%; box-sizing: border-box; border: none; background: transparent; border-radius: 5px; font-size: inherit; color: inherit; text-align: center; padding: 4px 0; cursor: pointer; margin: 0; } div.editor-datetime table button span { display: inline-block; min-width: 14px; text-align: right } div.editor-datetime table.weekNumber th { width: 12.5% } div.editor-datetime div.editor-datetime-calendar table { margin-top: 0 } div.editor-datetime div.editor-datetime-label { position: relative; display: inline-block; height: 30px; padding: 5px 6px; border: 1px solid transparent; box-sizing: border-box; cursor: pointer } div.editor-datetime div.editor-datetime-label:hover { border: 1px solid #ddd; border-radius: 2px; background-color: #f5f5f5 } div.editor-datetime div.editor-datetime-label select { position: absolute; top: 6px; left: 0; cursor: pointer; opacity: 0; -ms-filter: "alpha(opacity=0)" } div.editor-datetime.horizontal { width: 550px } div.editor-datetime.horizontal div.editor-datetime-date, div.editor-datetime.horizontal div.editor-datetime-time { width: 48% } div.editor-datetime.horizontal div.editor-datetime-time { margin-left: 4% } div.editor-datetime div.editor-datetime-date { position: relative; float: left; width: 100% } div.editor-datetime div.editor-datetime-time { position: relative; float: left; width: 100%; text-align: center } div.editor-datetime div.editor-datetime-time>span { vertical-align: middle } div.editor-datetime div.editor-datetime-time th { text-align: left } div.editor-datetime div.editor-datetime-time div.editor-datetime-timeblock { display: inline-block; vertical-align: middle } div.editor-datetime div.editor-datetime-iconLeft, div.editor-datetime div.editor-datetime-iconRight, div.editor-datetime div.editor-datetime-iconUp, div.editor-datetime div.editor-datetime-iconDown { width: 30px; height: 30px; background-position: center; background-repeat: no-repeat; opacity: 0.3; overflow: hidden; box-sizing: border-box } div.editor-datetime div.editor-datetime-iconLeft:hover, div.editor-datetime div.editor-datetime-iconRight:hover, div.editor-datetime div.editor-datetime-iconUp:hover, div.editor-datetime div.editor-datetime-iconDown:hover { border: 1px solid #ccc; border-radius: 5px; background-color: #f0f0f0; opacity: 0.6 } div.editor-datetime div.editor-datetime-iconLeft button, div.editor-datetime div.editor-datetime-iconRight button, div.editor-datetime div.editor-datetime-iconUp button, div.editor-datetime div.editor-datetime-iconDown button { border: none; background: transparent; text-indent: 30px; height: 100%; width: 100%; cursor: pointer } div.editor-datetime div.editor-datetime-iconLeft { position: absolute; top: 5px; left: 5px; /* background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==") */ background-image: url(../../img/left-arrow.svg); background-size: 15px; } div.editor-datetime div.editor-datetime-iconRight { position: absolute; top: 5px; right: 5px; /* background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=") */ background-image: url(../../img/right-arrow.svg); background-size: 15px; } div.editor-datetime div.editor-datetime-iconUp { height: 20px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAL0lEQVR4AWOgJmBhxCvLyopHnpmVjY2VCadeoCxIHrcsWJ4RlyxCHlMWCTBRJxwAjrIBDMWSiM0AAAAASUVORK5CYII=") } div.editor-datetime div.editor-datetime-iconDown { height: 20px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAMElEQVR4AWOgDmBiRQIsmPKMrGxQgJDFlEfIYpoPk8Utz8qM232MYFfhkQfKUg8AANefAQxecJ58AAAAAElFTkSuQmCC") } div.editor-datetime-error { clear: both; padding: 0 1em; max-width: 240px; font-size: 11px; line-height: 1.25em; text-align: center; color: #b11f1f } div.DTE div.DTE_Processing_Indicator { position: absolute; top: 17px; right: 9px; height: 2em; width: 2em; z-index: 20; font-size: 12px; display: none; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0) } div.DTE.processing div.DTE_Processing_Indicator { display: block } div.DTE.processing div.DTE_Field div.DTE_Processing_Indicator { display: none } div.DTE div.DTE_Field div.DTE_Processing_Indicator { top: 13px; right: 0; font-size: 8px } div.DTE.DTE_Inline div.DTE_Processing_Indicator { top: 5px; right: 6px; font-size: 6px } div.DTE.DTE_Bubble div.DTE_Processing_Indicator { top: 10px; right: 14px; font-size: 8px } div.DTE div.DTE_Processing_Indicator span, div.DTE div.DTE_Processing_Indicator:before, div.DTE div.DTE_Processing_Indicator:after { display: block; background: black; width: 0.5em; height: 1.5em; border: 1px solid rgba(0, 0, 0, 0.4); background-color: rgba(0, 0, 0, 0.1); -webkit-animation: editorProcessing 0.9s infinite ease-in-out; animation: editorProcessing 0.9s infinite ease-in-out } div.DTE div.DTE_Processing_Indicator:before, div.DTE div.DTE_Processing_Indicator:after { position: absolute; top: 0; content: '' } div.DTE div.DTE_Processing_Indicator:before { left: -1em; -webkit-animation-delay: -0.3s; animation-delay: -0.3s } div.DTE div.DTE_Processing_Indicator span { -webkit-animation-delay: -0.15s; animation-delay: -0.15s } div.DTE div.DTE_Processing_Indicator:after { left: 1em } @-webkit-keyframes editorProcessing { 0%, 80%, 100% { transform: scale(1, 1) } 40% { transform: scale(1, 1.5) } } @keyframes editorProcessing { 0%, 80%, 100% { transform: scale(1, 1) } 40% { transform: scale(1, 1.5) } } .oculto{ display:none; } div.DTE_Body div.DTE_Body_Content div.DTE_Field { float: left; width: 50%; padding: 0px 15px 3px 15px; clear: none; box-sizing: border-box; } div.DTE_Body div.DTE_Body_Content div.unacolumna { width: 100%; } div.DTE_Body div.DTE_Body_Content div.cuatrocolumna { width: 25%; } div.DTE_Body div.DTE_Body_Content div.cincocolumna { width: 20%; } div.DTE_Body div.DTE_Body_Content div.seiscolumna { width: 16.5%; } div.DTE_Body div.DTE_Body_Content div.trescolumna { width: 33.3%; } div.DTE_Body div.DTE_Body_Content div.doscolumna { width:50%; } div.DTE_Body div.DTE_Body_Content div.fullcheck{ width:100%; } div.DTE_Body div.DTE_Body_Content div.fullcheck>div>div>div>div { width:50%; display:inline-block; margin: 0 0px 15px; /* border:solid; */ } div.DTE_Body div.DTE_Body_Content div.espacio{ visibility:hidden } div.DTE_Body div.DTE_Body_Content div.fullcheck .DTE_Label{ display:inline-block; width:calc(100% - 90px); border:solid 0px; white-space:break-spaces; } div.DTE_Body div.DTE_Body_Content div.marcas { width:25%; display:flex; flex-direction:column-reverse; } .locked select{ background-color:#ededed; background-image:none; } .locked select>option{ display:none; } div.DTE_Body div.DTE_Body_Content div.col6 { width:16%; display:flex; flex-direction:column-reverse; } div.marcas>label { text-align:center; height: 30px; /* border:solid; */ } div.marcas>div.DTE_Field_Input { text-align:center; height: 26px; /* border:solid; */ } div.DTE_Body div.DTE_Body_Content div.doscolumna label { width:100%; float:none; line-height: 16px; } div.DTE_Body div.DTE_Body_Content div.doscolumna div.DTE_Field_Input { width:100%; float:none; } div.DTE_Body div.DTE_Body_Content div.fullcheck div.DTE_Field_Input{ display:inline-block; /* width:80px; */ padding-left: 20px; /* border:solid 1px; */ vertical-align:top; } div.DTE_Body div.DTE_Form_Content:after { content: ' '; display: block; clear: both; } @media only screen and (max-width: 800px) { div.DTE_Body div.DTE_Body_Content div.marcas { width:33%; display:flex; flex-direction:column-reverse; } div.DTE_Body div.DTE_Body_Content div.col6 { width:16%; display:flex; flex-direction:column-reverse; } } @media only screen and (max-width: 600px) { div.DTE_Body div.DTE_Body_Content div.marcas { width:50%; display:flex; flex-direction:column-reverse; } div.DTE_Body div.DTE_Body_Content div.col6 { width:33%; display:flex; flex-direction:column-reverse; } } @media only screen and (max-width: 480px) { .opciones_productos2 div{ display:inline-block; margin-right:0px; } .opciones_productos2 div:nth-child(1){ width: 100%; } .opciones_productos2 div:nth-child(2){ width: 100%; } .opciones_productos2 div:nth-child(3){ width:100%; margin-right:-30px } .opciones_productos2 div:nth-child(4){ width: 100%; } .opciones_productos2 div:nth-child(5) { width: 45%; margin-right:9% } .opciones_productos2 div:nth-child(6) { width: 45%; margin-bottom:20px } .opciones_productos2 div:nth-child(7) { width: 90%; } .opciones_productos2 button { width: 100%; } .opciones_productos2 div>label{ font-size:11px } div.DTE_Body div.DTE_Body_Content div.DTE_Field.fulltitulo { padding: 5px 5px 5px 5px; width: 100%; white-space: break-spaces; } div.DTE_Body div.DTE_Body_Content div.doscolumna label { width:100%; float:none; line-height: 16px; white-space:break-spaces; } .nav-item { width: calc(48% - 5px); margin-bottom: 0px; height: 41px; /* overflow: hidden; */ margin-top: 0px; } .tab-content { top:145px; } div.DTE_Body div.DTE_Body_Content div.DTE_Field { float: left; width: 100%; padding: 5px 5px 5px 5px; clear: none; box-sizing: border-box; } div.DTE_Body div.DTE_Body_Content div.DTE_Field.full2 { float: left; width: 100%; padding: 5px 5px 5px 5px; clear: none; box-sizing: border-box; } div.DTE_Body div.DTE_Body_Content div.col6 { width:33.33%; display:flex; flex-direction:column-reverse; } } ::-webkit-scrollbar { width: 5px; height: 5px; } ::-webkit-scrollbar-track { /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.8); */ -webkit-border-radius: 0px; border-radius: 0px; background-color: transparent; position: absolute; float: right; } ::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 0px; /* background: rgba(185, 153, 153, 0.4705882352941176); */ -webkit-box-shadow: inset 0 0 6px rgb(154, 154, 156); } ::-webkit-scrollbar-thumb:window-inactive { background: rgba(221,221,221,0.4); }