* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

:root {

	touch-action: pan-x pan-y;
	height: 100%;
	
	--ro: #CA3521;
	--roc: #FFD2CC;
	--rol: #FFEDEB;
	--az: #1D7AFC;
	--azc: #CCE0FF;
	--azl: #E9F2FF;
	--ve: #1F845A;
	--vec: #BAF3DB;
	--vel: #DFFCF0;
	--am: #F5CD47;
	--amc: #946F00;
	--aml: #FFF7D6;
	--mo: #6E5DC6;
	--moc: #DFD8FD;
	
	--br1: 4px;
	--br2: 8px;
	--br3: 16px;
	
	--texto-6: 32px;
	--texto-5: 13.5pt;
	--texto-4: 12.5pt;
	--texto-3: 12pt;
	--texto-2: 10.5pt;
	--texto-1: 9pt;
	--texto-0: 8pt;
	
}

[data-theme="light"] {
	
	/* https://hihayk.github.io/scale/#0/20/50/100/-51/0/100/14/212529/33/37/41/white */
	
	--ka: #1D7AFC; /* #da2c38 */
	--kac: #CCE0FF;
	--kal: #E9F2FF;
	
	--kb: #E9EEFF;
	--kbc: #3366FF;
	
	--color-100: #212529;
	--color-95: #2C3034;
	--color-90: #373B3F;
	--color-85: #42464A;
	--color-80: #4D5154;
	--color-75: #585C5F;
	--color-70: #63666A;
	--color-65: #6E7175;
	--color-60: #797C80;
	--color-55: #84878A;
	--color-50: #8F9295;
	--color-45: #9A9DA0;
	--color-40: #A5A8AA;
	--color-35: #B0B3B5;
	--color-30: #BCBEC0;
	--color-25: #C7C9CA;
	--color-20: #D2D3D5;
	--color-15: #DDDEDF;
	--color-10: #E8E9EA;
	--color-05: #F4F4F5;
	--color-00: #FFFFFF;
	
	--bg1: var(--color-00);
	--bg2: var(--color-15);
	--bg3: var(--color-25);
	
	--bd1: var(--color-10);
	--bd2: var(--color-20);
	
	--tx1: var(--color-60);
	--tx2: var(--color-70);
	--tx3: var(--color-100);
	
	--color-ro: #FF2D55;
	--color-roc: #FFFFFF;
	--color-az: #007AFF;
	--color-azc: #FFFFFF;
	--color-ve: #34C759;
	--color-vec: #FFFFFF;
	--color-am: #FFCC00;
	--color-amc: #FFFFFF;
	--color-aml: #FFFAE6;
	
	--overlay: rgba(0,0,0,0.4);
	
	--filter-co: invert(81%) sepia(0%) saturate(27%) hue-rotate(177deg) brightness(105%) contrast(81%);
	--filter-ba: invert(0%) sepia(14%) saturate(1566%) hue-rotate(339deg) brightness(90%) contrast(81%);
	--filter-ka: invert(30%) sepia(49%) saturate(3306%) hue-rotate(209deg) brightness(110%) contrast(98%);
	--filter-kac: invert(78%) sepia(54%) saturate(398%) hue-rotate(187deg) brightness(104%) contrast(103%);
	
	--filter-ro: invert(23%) sepia(77%) saturate(2971%) hue-rotate(353deg) brightness(85%) contrast(85%);
	--filter-am: invert(36%) sepia(85%) saturate(2622%) hue-rotate(37deg) brightness(93%) contrast(103%);
	--filter-ve: invert(40%) sepia(28%) saturate(924%) hue-rotate(103deg) brightness(98%) contrast(96%);
  
	--shadow-0: 0px 1px 0px 0px rgba(37, 56, 88,0.07);
	/*--shadow-1: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;*/
	--shadow-1: rgba(50, 50, 93, 0.25) 0px 1.5px 4px -1px, rgba(0, 0, 0, 0.3) 0px 1px 2.5px -1px;
	--shadow-2: rgba(37, 56, 88, 0.19) 0px 1px 6px -1px, rgba(37, 56, 88, 0.10) 0px 0px 1px 0px;
	--shadow-float-1: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(0, 0, 0, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
	--shadow-hero: rgba(0, 0, 0, 0.03) 0px 0px 0px 6px, rgba(0, 0, 0, 0.2) 0px 2px 3px -1px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
	
	/*--shadow-inset: inset 1px 1px 4px -1px rgba(0,0,0,0.2);*/
	
	--shadow-inset: none;
}

[data-theme="dark"] {
	
	--ka: #3772ff;
	--kac: #FFFFFF;
	
	--color-00: #141414;
	--color-05: #181818;
	--color-10: #1D1D1D;
	--color-15: #212121;
	--color-20: #2E2E2E;
	--color-25: #3B3B3B;
	--color-30: #484848;
	--color-35: #555555;
	--color-40: #626262;
	--color-45: #6F6F6F;
	--color-50: #7C7C7C;
	--color-55: #888888;
	--color-60: #959595;
	--color-65: #A2A2A2;
	--tx1: #AFAFAF;
	--color-75: #BCBCBC;
	--color-80: #C9C9C9;
	--color-85: #D6D6D6;
	--color-90: #E3E3E3;
	--color-95: #F0F0F0;
	--color-100: #FFFFFF;
	
	--bg1: var(--color-05);
	--bg2: var(--color-00);
	--bg3: var(--color-15);
	
	--bd1: var(--color-15);
	--bd2: var(--color-20);
	
	--tx1: var(--color-75);
	--tx2: var(--color-75);
	--tx3: var(--color-100);
	
	--color-ro: #FF375F;
	--color-roc: #FFFFFF;
	--color-az: #0A84FF;
	--color-azc: #FFFFFF;
	--color-ve: #30D158;
	--color-vec: #FFFFFF;
	--color-am: #FFD60A;
	--color-amc: #FFFFFF;
	
	--overlay: rgba(0,0,0,0.5);
	
	--filter-ba: invert(99%) sepia(0%) saturate(3%) hue-rotate(76deg) brightness(105%) contrast(100%);
	--filter-co: invert(19%) sepia(1%) saturate(6200%) hue-rotate(315deg) brightness(98%) contrast(69%);
	--filter-ka: invert(30%) sepia(49%) saturate(3306%) hue-rotate(209deg) brightness(110%) contrast(98%);
	
	--filter-ro: invert(23%) sepia(77%) saturate(2971%) hue-rotate(353deg) brightness(85%) contrast(85%);
	--filter-am: invert(36%) sepia(85%) saturate(2622%) hue-rotate(37deg) brightness(93%) contrast(103%);
	--filter-ve: invert(40%) sepia(28%) saturate(924%) hue-rotate(103deg) brightness(98%) contrast(96%);
	
	--shadow-1: none;
	--shadow-float-1: 2px 2px 16px 2px rgba(0,0,0,0.1);
	--shadow-float-1c: 0px 0px 8px -2px #2AE9AA;
	--shadow-inset: inset -4px 8px 16px rgba(0,0,0,0.08);
	
}

@keyframes rotate {from {-webkit-transform:rotate(0deg);}to {  -webkit-transform:rotate(360deg);}}

@keyframes slide-in {0% {right: -40px; opacity: 0;} 100% {right: 0; opacity: 1;}}
@keyframes slide-out {0% {right: 0; opacity: 1;} 100% {right: -40px; opacity: 0;}}

@keyframes modal-in {0% {margin-top: 16px; opacity: 0;} 100% {margin-top: 0; opacity: 1;}}
@keyframes modal-out {0% {margin-top: 0; opacity: 1;} 100% {margin-top: 16px; opacity: 0;}}

@keyframes fade-in {0% {opacity: 0;} 100% {opacity: 1;}}
@keyframes fade-out {0% {opacity: 1;} 100% {opacity: 0;}}

@keyframes menu-in {0% {left: 30px; opacity: 0;} 100% {left: 0; opacity: 1;}}
@keyframes menu-out {0% {left: 0; opacity: 1;} 100% {left: 30px; opacity: 0;}}

html{scroll-behavior: smooth;-webkit-text-size-adjust: 100%; overflow: hidden;}

body {background-color:var(--bg2);color: var(--tx3);font-family: 'Inter', sans-serif; font-size: var(--texto-2); line-height: var(--texto-4); font-weight: 400;padding: 0; margin: 0; overscroll-behavior: none; overflow: hidden;}

h1{font-size: var(--texto-6); font-weight: 600; margin: 0; padding: 0 0 24px 0; color: var(--color-100);letter-spacing: -0.5px; position: relative;}
h2{font-size: var(--texto-5); font-weight: 600; margin: 0; padding: 0 0 24px 0; color: var(--color-100); letter-spacing: -0.5px; position: relative;}
h3{font-size: var(--texto-4); font-weight: 600; margin: 0; padding: 0 0 16px 0; color: var(--color-100);letter-spacing: -0.5px; position: relative; z-index: 1;}
h3 .btn{position: absolute; top: -8px; right: 0; z-index: 2; background-color: var(--kal); color: var(--ka); margin: 0; padding: 0 16px; height: 32px; line-height: 32px; display: inline-block; border-radius: 40px; font-size: var(--texto-2) !important;}
h3 .txr{float: right}
h4{font-size: var(--texto-3); font-weight: 600; margin: 0; padding: 0; color: var(--color-100);}

.h1Hero{font-size: var(--texto-5); font-weight: 700; margin: 0; padding: 0 0 24px 0; color: var(--color-100);letter-spacing: -0.5px; position: relative;}

a {color: var(--tx3); text-decoration: none;-webkit-tap-highlight-color: transparent;}
b {color: var(--tx3); font-weight: 500;}
p{margin:0px; padding: 0 0 16px 0;}
p:last-child{margin:0px; padding: 0px;}
small{font-size: var(--texto-1) !important; line-height: 16px !important; color: var(--tx1);}
hr { border: 0; border-bottom: 1px var(--bd1) solid;margin: 24px 0px; padding: 0;}
mark{background: transparent; font-weight: 400; padding-left: 12px; margin-left: 12px; border-left: 1px solid var(--bd1); color: var(--tx2); letter-spacing: -0.5px;}

.nm{margin: 0px !important}
.np{padding: 0px !important}
.nbr{border-radius:0 !important;}
.nb{border:0 !important;}
.ns{box-shadow: none !important}

.spd{margin-bottom: 16px !important}
.spdh{margin-bottom: 8px !important}
.dspd{margin-bottom: 24px !important}
.spu{margin-top: 16px !important}
.spuh{margin-top: 8px !important}
.dspu{margin-top: 24px !important}

.offlr{margin-left: -16px !important; margin-right: -16px !important}
.offd{margin-bottom: -32px !important}
.doffd{margin-bottom: -64px !important}
.offu{margin-top: -32px !important}
.doffu{margin-top: -64px !important}

.ac{text-align: center !important}
.al{text-align: left !important}
.ar{text-align: right !important}
.acc{display:flex; justify-content:center; align-items:center;}
.alc{display:flex;  align-items:center;}

.mostrar{display:block !important;}
.ocultar{display:none !important;}
.only-print{display: none;}

.tx-rojo{color: var(--color-ro) !important}
.link{color: var(--ka); font-weight: 500;}
.link-ro{text-decoration: underline; color: var(--color-ro);}

/* Global */

.global{position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow-x: hidden; overflow-y: hidden;}

.loader{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; opacity: 1; background-color: var(--color-05);}
.loader span{position: absolute; top: calc(50% - 24px); left: calc(50% - 24px); width: 48px; height: 48px; background: url(../gui/ico/loading.svg) 50% 50% no-repeat; background-size: 100% auto; animation-name: rotate;animation-duration: 2s;animation-iteration-count:infinite;}
.loader-out{animation-name: fade-out;animation-duration: 300ms; opacity: 0.1;}

.micro-loader-target{min-height: 40px; position: relative;}
.micro-loader{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; opacity: 1; background-color: var(--color-05);}
.micro-loader span{position: absolute; top: calc(50% - 16px); left: calc(50% - 16px); width: 32px; height: 32px; background: url(../gui/ico/loading.svg?1) 50% 50% no-repeat; background-size: 100% auto; animation-name: rotate;animation-duration: 2s;animation-iteration-count:infinite;}
.micro-loader-out{animation-name: fade-out;animation-duration: 300ms; opacity: 0.1;}

.waiting{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; opacity: 1; background-color: rgba(0,0,0,0.3);}
.waiting span{position: absolute; top: calc(50% - 12px); left: calc(50% - 12px); width: 24px; height: 24px; transform: translate(-50%,-50%); background: url(../gui/ico/loading.svg?1) 50% 50% no-repeat; background-size: 100% auto; animation-name: rotate;animation-duration: 2s;animation-iteration-count:infinite;}
.waiting-out{animation-name: fade-out;animation-duration: 300ms; opacity: 0.1;}

/* Modal */

.modal-overlay{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 299; background-color: var(--overlay); opacity: 1; overflow: auto !important; padding: 56px;}
.modal-overlay-out{opacity:0}
.modal{position:relative; background-color: var(--color-05); margin: 0 auto;  opacity: 1; width: 480px; padding: 0; box-sizing: border-box; border-radius: 8px; box-shadow: var(--shadow-float-1); overflow: hidden;}
.modal .micro-loader{border-radius: 4px}
.modal .modal-contenido{padding: 24px; box-sizing: border-box;}
.modal .modal-contenido .msg{margin: 0 -32px; padding: 16px 32px;}
.modal h1{font-size: var(--texto-3); margin: 0; padding: 24px 24px 0 24px;}
.modal hr { border: 0; border-bottom: 1px var(--color-05) solid;margin: 24px -24px; padding: 0;}
.modal .modal-cerrar {position: absolute; top: 5px; right: 5px; z-index: 3; width: 56px; height: 56px; text-indent: -6000px; background-color: transparent;}
.modal .modal-cerrar::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; background: url(../gui/ico/del.svg) 50% 50% no-repeat; background-size: 32px auto; width: 56px;filter: var(--filter-co); -webkit-filter: var(--filter-co);}

/* Lateral */

.lateral-overlay{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 298; background-color: var(--overlay); opacity: 1; overflow: auto !important; padding: 40px;}
.lateral-overlay-out{opacity:0;}
.lateral{position:relative; background-color: var(--bg1); margin: 0 auto;  opacity: 1; width: 640px; padding: 0; box-sizing: border-box; border-radius: var(--br1); box-shadow: var(--shadow-float-1); overflow: hidden;}
.lateral .micro-loader{border-radius: 4px}
.lateral .lateral-contenido{padding: 24px; box-sizing: border-box; background-color: var(--bg2);}
.lateral h1{font-size: var(--texto-3); line-height: var(--texto-3); margin: 0; padding: 0 24px; height: 52px; line-height: 52px; background-color: var(--bg1); }
.lateral hr { border: 0; border-bottom: 1px var(--color-05) solid;margin: 24px -24px; padding: 0;}
.lateral .lateral-cerrar {position: absolute; top: 0px; right: 0; z-index: 3; width: 56px; height: 56px; text-indent: -6000px; background-color: transparent;}
.lateral .lateral-cerrar::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; background: url(../gui/ico/del.svg) 50% 50% no-repeat; background-size: 28px auto; width: 56px;filter: var(--filter-co); -webkit-filter: var(--filter-co);}

/* popCam */

.popCam{position:fixed; bottom: 16px; left: 16px; z-index: 300; background-color: var(--ka); width: 200px; padding: 0; box-sizing: border-box; border-radius: 8px; box-shadow: var(--shadow-float-1); overflow: hidden;}
.popCam .micro-loader{border-radius: 4px}
.popCam .popCam-contenido{padding: 8px; box-sizing: border-box;}
.popCam .popCam-cerrar {position: absolute; top: 8px; right: 8px; z-index: 3; width: 40px; height: 40px; text-indent: -6000px; background-color: var(--color-00);}
.popCam .popCam-cerrar::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; background: url(../gui/ico/del.svg) 50% 50% no-repeat; background-size: 32px auto; width: 40px;filter: var(--filter-co); -webkit-filter: var(--filter-co);}



.iframes{display: none; width: 100%;}

/* Details */

/*details{margin: 0; padding: 0; border-top: 1px solid var(--color-05);}
details:last-child{border-bottom: 1px solid var(--color-05) !important;}
details summary {outline: none; margin: 0 0 0 -9px; padding: 12px 0 !important; cursor: pointer; position: relative; font-size: var(--texto-2); font-weight: 500; color: var(--color-100);}
details[open] {}
details[open] summary{border-radius: 7px 7px 0 0;}
details .details-content{margin: 0 !important; padding: 0px 0 16px 0;}
details summary::-webkit-details-marker {color: transparent;padding: 0; margin: 0;}*/

details{margin: 0 0 8px 0; padding: 0; background-color: var(--bg1); border: 1px solid var(--bd1); border-radius: 4px; box-shadow: var(--sh1); overflow: hidden;}
details:last-child{margin:0}
details summary {outline: none; margin: 0 0 0 -10px; padding: 12px 16px !important; cursor: pointer; position: relative; font-size: var(--texto-2); color: var(--tx3); font-weight: 500;}
details summary::before{content:""; position: absolute; top: 0; right: 4px; bottom: 0; background: url(../gui/ico/arrow-down.svg) 50% 50% no-repeat; background-size: 24px auto; width: 32px;filter: var(--filter-co); -webkit-filter: var(--filter-co);}
details[open] {}
details[open] summary{border-bottom: 1px solid var(--bd1); font-weight: 600;}
details[open] summary::before{content:""; position: absolute; top: 0; right: 4px; bottom: 0; background: url(../gui/ico/arrow-up.svg) 50% 50% no-repeat; background-size: 24px auto; width: 32px;filter: var(--filter-co); -webkit-filter: var(--filter-co);}
details > div{margin: 0 !important; padding: 16px; background-color: var(--bg1);}
details summary::-webkit-details-marker {color: transparent;padding: 0; margin: 0;}

details .bx-inputs{border: 0 !important; box-shadow: none !important;}

/* Icos*/

.ico-tx {background-size: 20px auto !important; background-position: 0 50% !important; background-repeat: no-repeat !important; padding-left: 28px !important; display: block; position: relative;}
.ico-tx::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; background-position: 50% 50% !important; background-repeat: no-repeat !important; background-size: 20px auto !important; width: 20px !important; filter: var(--filter-ba); -webkit-filter: var(--filter-ba);}

.ico-archivo{background: url(../gui/ico/archivo.svg);}
.ico-cliente{background: url(../gui/ico/usuario.svg);}
.ico-del{background: url(../gui/ico/del.svg);}
.ico-direccion{background: url(../gui/ico/direccion.svg);}
.ico-efectivo{background: url(../gui/ico/efectivo.svg);}
.ico-fecha{background: url(../gui/ico/fecha1.svg);}
.ico-filtro{background: url(../gui/ico/filtro.svg);}
.ico-hand-pago{background: url(../gui/ico/hand-pago.svg);}
.ico-info{background: url(../gui/ico/info.svg);}
.ico-loading{background: url(../gui/ico/loading.svg);}
.ico-notas{background: url(../gui/ico/notas.svg);}
.ico-open{background: url(../gui/ico/open.svg);}
.ico-pin{background: url(../gui/ico/pin.svg);}
.ico-tarjeta{background: url(../gui/ico/tarjeta.svg);}
.ico-terminal{background: url(../gui/ico/terminal.svg);}
.ico-upload{background: url(../gui/ico/upload.svg);}
.ico-usuario{background: url(../gui/ico/usuario.svg);}

/* Tags */

.tag{font-size: var(--texto-1); font-weight: 400; margin: 0; background-color: var(--color-05); padding: 4px 8px; border-radius: 4px; display: inline-block;}
h3 .tag{position: relative; top: -2px;}

.tag-on{background-color: var(--ka); color: var(--kac);}
.tag-off{background-color: var(--color-05); color: }

.tag-ro{background-color: var(--ro); color: var(--roc);}
.tag-ve{background-color: var(--ve); color: var(--vec);}
.tag-am{background-color: var(--am); color: var(--amc);}
.tag-az{background-color: var(--az); color: var(--azc);}
.tag-mo{background-color: var(--mo); color: var(--moc);}

/* Tabla */

.px10{width: 10px}
.px20{width: 20px}
.px30{width: 30px}
.px40{width: 40px}
.px50{width: 50px}
.px60{width: 60px}
.px70{width: 70px}
.px80{width: 80px}
.px90{width: 90px}
.px100{width: 100px}
.px110{width: 110px}
.px120{width: 120px}
.px130{width: 130px}
.px140{width: 140px}
.px150{width: 150px}
.px160{width: 160px}
.px170{width: 170px}
.px180{width: 180px}
.px190{width: 190px}
.px200{width: 200px}
.px210{width: 210px}
.px220{width: 220px}
.px230{width: 230px}
.px240{width: 240px}
.px250{width: 250px}
.px260{width: 260px}
.px270{width: 270px}
.px280{width: 280px}
.px290{width: 290px}
.px300{width: 300px}

.p25{width: 25%}
.p33{width: 33.33333%}
.p50{width: 50%}
.p66{width: 66.66666%}
.p100{width: 100%}

.bx-tabla-base{margin: 0px; padding: 0px; border-radius: 4px; background-color: var(--bg1); border: 0px solid var(--bd2); position: relative; overflow: hidden; }
.bx-tabla-base .tabla-contenido{overflow: auto; white-space:nowrap;  }

.tabla-base {border-collapse: collapse; position: relative; width: 100%;}
.tabla-base thead {position: -webkit-sticky; position: sticky; top: 0px;}
.tabla-base tr.odd{}
.tabla-base tr.selected{background-color: var(--color-05)}
.tabla-base tr th {padding: 10px 32px 10px 0; text-align: left; font-weight: 500; position: relative; border-bottom: 1px solid var(--bd1); color: var(--tx3);}
.tabla-base tr th:first-child {padding-left: 16px;}
.tabla-base tr th::before{content:""; position: absolute; top: 0; right: 8px; bottom: 0; background: url(../gui/ico/sort.svg) 50% 50% no-repeat; background-size: 16px auto; width: 20px;filter: var(--filter-co); -webkit-filter: var(--filter-co);}
.tabla-base.nosort tr th::before{display:none}
.tabla-base tr td {padding: 10px 16px 10px 0; border-bottom: 1px solid var(--bd1);  position: relative;}
.tabla-base tr td:first-child {padding-left: 16px;}

.tabla-base tr:last-child td {border:0;}
.tabla-base tr.key{background-color: var(--ka); color: var(--kac);}
.tabla-base tr.rowAlerta{background-color: var(--color-rol);}
.tabla-base tr.rowAlerta input, .tabla-base tr.rowAlerta select{background-color: var(--color-rol) !important;}
.tabla-base tr.disabled{pointer-events: none !important; background-color: var(--color-05) !important; }

.tabla-base .tag{margin: -4px 0;}
.tabla-base input[type="text"],.tabla-base input[type="email"],.tabla-base input[type="date"],.tabla-base input[type="month"],.tabla-base input[type="time"],.tabla-base input[type="datetime-local"],.tabla-base input[type="password"],.tabla-base select{height: 28px; text-indent: 8px; margin: -8px 0; padding: 0; background-color: var(--color-00) !important; border: 1px solid var(--bd1) !important; box-shadow: none !important;}
.tabla-base .btn, .tabla-base .btn-alt{height: 28px; line-height: 28px; margin: -6px 0; padding: 0 12px;}
.tabla-base input.ff-requerido, .tabla-base select.ff-requerido{background-color: var(--color-rol) !important;}

.tabla-base .radio-inline{background-color: var(--color-00); display: flex; border-radius: 4px; margin: -4px 0; padding: 2px; box-shadow: none; border: 1px solid var(--bd1);}
.tabla-base .radio-inline input[type="radio"] {opacity: 0;position: fixed;width: 0; margin: 0;}
.tabla-base .radio-inline label {flex: 1;text-align: center;display: inline-block;background-color: transparent; height: 22px; line-height: 23px; font-size: var(--texto-2);border-radius: 4px;font-weight: 400;margin: 0; color: var(--color-100);}
.tabla-base .radio-inline input[type="radio"]:checked + label {background-color: var(--azl); color: var(--color-100); font-weight: 500;}

.bx-tabla-base .paging_simple_numbers{height: 30px; padding: 6px 16px; position: relative; display: flex; gap: 16px; border-top: 1px solid var(--bd1);}
.bx-tabla-base .paging_simple_numbers .paginate_button{display: inline-block; padding: 0 12px; height: 30px; line-height: 30px; cursor: pointer;}
.bx-tabla-base .paging_simple_numbers .paginate_button.previous{padding:0;}
.bx-tabla-base .paging_simple_numbers .paginate_button.next{padding:0;}
.bx-tabla-base .paging_simple_numbers .paginate_button.current{background-color: var(--color-05); color: padding: 0 12px; border-radius: 4px;}
.bx-tabla-base .paging_simple_numbers .ellipsis{}

.bx-tabla-base .dataTables_filter{display: none;}
.bx-tabla-base .dataTables_empty{height: 64px; line-height: 64px; text-align: center; }
.bx-tabla-base .tabla-info{position: absolute; bottom: 6px; right: 16px; height: 30px; line-height: 30px; color: var(--tx2);}
.bx-tabla-base .dataTables_processing {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background-color: var(--color-00); padding: 48px; text-align: center;}
.bx-tabla-base .bx-inside{background-color: var(--color-00); padding: 16px; position: relative; margin: 0 -16px; top: -1px;}

.bx-tabla-base .buscador {display: flex; gap: 8px; position: relative; z-index: 1; padding: 0; border-bottom: 1px solid var(--bd1); border-radius: 0; overflow: hidden; background-color: transparent; box-shadow: none;}
.bx-tabla-base .buscador::before{content:""; position: absolute; top: 0; left: 0; background: url(../gui/ico/buscar.svg) 50% 50% no-repeat !important; background-size: 20px auto !important; width: 42px;height: 42px;filter: var(--filter-ba-pff) !important; -webkit-filter: var(--filter-co) !important;}
.bx-tabla-base .buscador input{flex-basis: 100%; padding: 0 !important; text-indent: 40px; height: 42px; border: 0; border-radius: 0; box-shadow: none; background-color: transparent !important;}
.bx-tabla-base .buscador .dt-buttons{flex: 0; padding: 8px; display: inline-flex; gap: 4px}
.bx-tabla-base .buscador .dt-buttons button{height: 32px; padding: 0 16px; border: 0; background-color: var(--color-05); color: var(--ka); border-radius: 4px; font-size: var(--texto-2);}

.tabla-base .alerta{width:12px; height: 12px; border-radius: 12px; background-color: var(--color-05); text-indent: -6000px;}
.tabla-base .alerta-ro{background-color: var(--color-ro);}
.tabla-base .alerta-ve{background-color: var(--color-ve);}
.tabla-base .alerta-az{background-color: var(--color-az);}
.tabla-base .alerta-am{background-color: var(--color-am);}


.bx-tabla-flat{background-color: var(--color-00); border-radius: 4px; box-shadow: var(--shadow-1);}
.bx-tabla-flat .tabla-contenido{overflow: auto; white-space:nowrap;}
.tabla-flat {border-collapse: collapse; position: relative; width: 100%;}
.tabla-flat tr th {font-weight: 500}
.tabla-flat tr th, .tabla-flat tr td {padding: 12px 16px 12px 0; border-bottom: 1px solid var(--color-05); color: var(--color-100); text-align: left;}
.tabla-flat tr th:first-child, .tabla-flat tr td:first-child {padding: 12px 16px 12px 16px;}
.tabla-flat tr th:last-child, .tabla-flat tr td:last-child {padding: 12px 16px 12px 0px;}
.tabla-flat tr:last-child td {border:0;}
.tabla-flat input[type="text"],.tabla-flat input[type="email"],.tabla-flat input[type="date"],.tabla-flat input[type="time"],.tabla-flat input[type="datetime-local"],.tabla-flat input[type="password"],.tabla-flat select{height: 28px; text-indent: 8px; margin: -4px 0; padding: 0; background-color: var(--color-05) !important; border: 1px solid var(--color-05) !important; box-shadow: none !important;}
.tabla-flat .btn, .tabla-flat .btn-alt{height: 28px; line-height: 28px; margin: -6px 0; padding: 0 12px;}


.table-timeline-container {width: 100%; border-radius: 4px;overflow: scroll; background-color: var(--color-00);}
table.timeline {text-align: left; border-collapse: collapse; border-radius: 4px;}

table.timeline tr th {padding: 0; border-bottom: 1px solid var(--color-05); border-right: 1px solid var(--color-05); text-align: left; color: var(--color-100); font-weight: 500; background-color: var(--color-00); position: relative;} 

table.timeline tr td {padding: 0 1px; border-bottom:1px solid var(--color-05); border-right: 1px solid var(--color-05); color: var(--color-100)}

table.timeline tr th:first-child,
table.timeline td:first-child {position: sticky;white-space: nowrap;left: 0;z-index: 10; padding: 12px 16px;}

table.timeline tr th:first-child {z-index: 11;}
table.timeline tr:first-child th:first-child {border-radius: 4px 0 0 0;}
table.timeline tr td:first-child {background-color: var(--color-00); width: 300px !important;}
table.timeline tr:last-child td:first-child{border-radius: 0 0 0 8px}
table.timeline tr:last-child td{border-bottom: 0}

table.timeline tr th {position: sticky;top: 0;z-index: 9;}
table.timeline .colFija{width: 120px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
table.timeline tr th.titulo{padding: 0 0 0 16px; position: sticky; left: 148px;}

table.timeline tr .slots{display: flex; gap: 2px; margin: 0;} 
table.timeline tr .slots .slot{flex: 1; width: 56px; height: 38px; border-radius: 4px; position: relative;}
table.timeline tr .slots .slot .inicial{position: absolute; top: 4px; right: 4px; font-size: var(--texto-0);}
table.timeline tr .slots .slot.slotHoraKey{display: flex; align-items: center; justify-content: center; font-size: var(--texto-1);}

table.timeline tr .slots .slot-disabled{background-color: var(--color-05); color: var(--tx2); text-decoration: line-through;}
/*table.timeline tr .slots .slot-disponible{background-color: var(--tx2);}*/
table.timeline tr .slots .slot-ocupado{background-color: var(--color-05); color: var(--tx2);}
table.timeline tr .slots .slot-seleccionado{background-color: var(--ka); color: var(--kac); }
table.timeline tr .slots .slot-seleccionado-boqueado{background-color: var(--color-ro); color: var(--color-roc); }


/* POP ***************************************************************************************************************/

.pop-call{position: relative;}
.pop{display:none; z-index: 9999 !important; background-color: var(--color-10) !important; color: var(--color-100) !important; border-radius: 4px !important; margin: 0 !important; padding: 8px !important; box-shadow: var(--shadow-float-1);}
.pop-br{position: absolute; bottom: calc(100% + 8px); right: 0px;z-index: 13;}
.pop-tr{position: absolute; top: calc(100% + 8px); right: 8px;z-index: 13;}
.pop-tl{position: absolute; top: calc(100% + 8px); left: 0;z-index: 13;}
.pop li{position: relative; margin: 0 !important; padding: 0 !important; list-style: none !important; display: block !important; min-width: 144px; white-space: nowrap;}
.pop li:last-child{}
.pop li a{text-align:left !important; margin: 0px !important; padding: 8px !important; letter-spacing: normal; color: var(--kbc); font-size: var(--texto-2); display: block !important; background-color: transparent !important; height: auto !important; line-height: normal !important; border-radius: 0 !important; font-weight: 400 !important;}

/* CBPN Cards */

.foto-perfil {background-size: cover !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; border-radius: 4px;}
.foto-perfil:before {content:''; display: block; padding-top: 100%;}

.cbpn-card-perfil{position:relative; margin: 0 auto; width: 100%; background-color: var(--color-05); border-radius: 4px;}
.cbpn-card-perfil:before{content:''; display: block; padding-top: 100%;}
.cbpn-card-perfil .cbpn-card-perfil-contenedor {border-radius: 4px !important;overflow: hidden !important;position: absolute;top: 0; right: 0; bottom: 0; left: 0; border: 4px solid var(--color-00); box-shadow: var(--shadow-1);}
.cbpn-card-perfil .cbpn-card-perfil-contenedor .cbpn-card-perfil-contenedor-loading {position: absolute;top: 0; right: 0; bottom: 0; left: 0; z-index: 2; border-radius: 4px !important; background-color: rgba(255,255,255,0.5);}
.cbpn-card-perfil .cbpn-card-perfil-contenedor .cbpn-card-perfil-contenedor-loading span{position: absolute; top: calc(50% - 12px); left: calc(50% - 12px); width: 24px; height: 24px; background: url(../gui/ico/loading.svg) 50% 50% no-repeat; background-size: 100% auto; animation-name: rotate;animation-duration: 2s;animation-iteration-count:infinite;}
.cbpn-card-perfil .cbpn-card-perfil-contenedor .cbpn-card-perfil-contenedor-img {position: absolute;top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background-size: cover !important; background-position: 50% 50% !important;}
.cbpn-card-perfil .cbpn-card-perfil-accion {position: absolute;bottom: 8px;right: 8px; z-index: 3; background-color: var(--color-00);transition: all .3s cubic-bezier(.175, .885, .32, 1.275);width: 40px; height: 40px; border-radius: 40px; box-shadow: var(--shadow-1);}
.cbpn-card-perfil .cbpn-card-perfil-accion:hover {transition: all .3s cubic-bezier(.175, .885, .32, 1.275);}
.cbpn-card-perfil .cbpn-card-perfil-accion .cbpn-card-perfil-accion-campo {display: none;}
/*.cbpn-card-perfil .cbpn-card-perfil-accion .cbpn-card-perfil-accion-btn {width: 40px; height: 40px; background: url(../gui/ico/camara.svg) 50% 50% no-repeat; background-size: 24px auto;}*/
.cbpn-card-perfil .cbpn-card-perfil-accion .cbpn-card-perfil-accion-btn::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; background: url(../gui/ico/camara.svg) 50% 50% no-repeat; background-size: 24px auto; width: 40px;filter: var(--filter-ba); -webkit-filter: var(--filter-ba);}

/* Mensajes */

.msg-norecords{border: 2px dashed var(--color-15); background-color: var(--color-05); display: grid; align-items: center; justify-content: center; border-radius: 4px; height: 96px;}

.msg{position: relative; padding: 12px 16px 12px 48px; border: 2px solid var(--bd1); border-radius: 4px; background-color: var(--bg1); color: var(--tx2);}
.msg::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; background: url(../gui/ico/notas.svg) 50% 50% no-repeat; background-size: 24px auto; width: 48px;filter: var(--filter-ba); -webkit-filter: var(--filter-ba);}
.msg-info{border-color: var(--az); background-color: var(--azl); box-shadow: 0 0 10px var(--color-az);}
.msg-aviso{border-color: var(--color-am); background-color: var(--color-aml); box-shadow: 0 0 10px var(--color-am);}
.msg-alerta{border-color: var(--color-ro); box-shadow: 0 0 10px var(--color-ro);}

.msg-start{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 320px; padding: 96px 0 0 0; box-sizing: border-box; text-align: center;}
.msg-start-norecords::before{content:""; position: absolute; top: 8px; left: 50%; transform: translate(-50%,0); background: url(../gui/ico/msg1.svg) 50% 50% no-repeat; background-size: 80px auto; width: 80px; height: 80px; filter: var(--filter-ba); -webkit-filter: var(--filter-ba);}

@keyframes blinker { 25% {opacity: 0;} 50% {opacity: 1;} }
.blink {animation: blinker 2s linear infinite; }

/* Formularios */

.ffbx{display: flex; flex-direction: column; padding: 0 0 8px 0; position: relative;}
.ffbx:last-child{padding: 0}
.ffbx .ff-label{font-size: var(--texto-2); color: var(--tx3); font-weight: 400; padding: 0 0 4px 0;}
.ffbx .ff-nota{margin-top:5px; font-size: var(--texto-1); color: var(--tx1);}
.ffbx .ff-label-requerido{color: var(--color-ro);}
.ffbx .ff-requerido{border: 2px solid var(--color-ro) !important; }

input, textarea, select, input[type=date], input[type=time], input[type=datetime-local], input[type=email], input[type="password"], input[type="number"]{background-color: var(--bg1); border: 0; border-radius: 4px; -webkit-appearance:none; outline:none; font-size: var(--texto-2); margin: 0; padding: 0; text-indent: 11px; color: var(--color-60); font-weight: 400; box-sizing: border-box; width: 100%; caret-color: var(--ka); text-align: left;}
input[type="text"],input[type="email"],input[type="date"],input[type="time"],input[type="datetime-local"],input[type="password"], input[type="number"], select{height: 42px}
textarea{padding: 12px; text-indent: 0;}
select{width:100%; height: 44px; position: relative;}
select + .ico-input::before{content:""; position: absolute; bottom: 0; right: 0px; bottom: 0; pointer-events: none; background: url(../gui/ico/arrow-down.svg) 50% 50% no-repeat; background-size: 24px auto; width: 40px; height: 40px; filter: var(--filter-co); -webkit-filter: var(--filter-co);}
select.multiple{width:100%; height: 200px !important; position: relative; }
input[type=date] + .ico-input::before{content:""; position: absolute; bottom: 0; right: 0px; bottom: 0; pointer-events: none; background: url(../gui/ico/fecha2.svg) 50% 50% no-repeat; background-size: 20px auto; width: 40px; height: 40px; filter: var(--filter-co); -webkit-filter: var(--filter-co);}
input:focus{border: 2px solid var(--ka); height: 42px; outline: none; text-indent: 10px;}
textarea:focus{border-color: var(--ka); outline: none;}

.input-valido {box-sizing: border-box;position: absolute; top: 50%; right: 4px; transform: translate(0,-50%); display: block;width: 24px;height: 24px;border-radius: 100px;background-color: var(--color-ve);}
.input-valido::after {content: "";display: block;box-sizing: border-box;position: absolute;left: 6px;top: 2px;width: 6px;height: 10px;border-color: var(--color-vec);border-width: 0 2px 2px 0;border-style: solid;transform-origin: bottom left;transform: rotate(45deg)}

.input-novalido {box-sizing: border-box;position: absolute; top: 50%; right: 4px; transform: translate(0,-50%); display: block;width: 24px;height: 24px;border-radius: 100px;background-color: var(--color-ro);}
.input-novalido::after {content: "";display: block;box-sizing: border-box;position: absolute;left: 6px;top: 2px;width: 6px;height: 10px;border-color: var(--color-vec);border-width: 0 2px 2px 0;border-style: solid;transform-origin: bottom left;transform: rotate(45deg)}

.buscador {position: relative; padding: 0; border-radius: var(--br1); background-color: var(--color-00); overflow: hidden; }
.buscador input{ background-color: var(--color-00) !important; padding: 0 !important; text-indent: 16px; height: 44px; border: 0; box-shadow: none;}
.buscador .ico-buscar {position: absolute; top: 0; right: 4px; width: 44px; height: 44px; display: block;}
.buscador .ico-buscar::before{content:""; position: absolute; top: 0; right: 0px; bottom: 0; background: url(../gui/ico/buscar.svg) 50% 50% no-repeat !important; background-size: 20px auto !important; width: 44px;filter: var(--filter-ba); -webkit-filter: var(--filter-ba);}
.buscador .ico-scaner {position: absolute; top: 0; right: 52px; width: 44px; height: 44px; display: block;}
.buscador .ico-scaner::before{content:""; position: absolute; top: 0; right: 0px; bottom: 0; background: url(../gui/ico/scaner.svg) 50% 50% no-repeat !important; background-size: 20px auto !important; width: 44px;filter: var(--filter-ba); -webkit-filter: var(--filter-ba);}
.buscador .ico-add {position: absolute; top: 0; right: 0; width: 44px; height: 44px; display: block;}
.buscador .ico-add::before{content:""; position: absolute; top: 0; right: 0px; bottom: 0; background: url(../gui/ico/add.svg) 50% 50% no-repeat !important; background-size: 20px auto !important; width: 44px;filter: var(--filter-ba); -webkit-filter: var(--filter-ba);}
.buscador-plus {padding-right: 44px;}
.buscador-plus input{border-right: 1px solid var(--color-05); border-radius: 0;}
.buscador-plus .ico-buscar::before {right: 44px}

.buscador .resultados{border-top: 1px solid var(--color-10); padding:0}
.buscador .resultados ul {margin:0; padding: 0;}
.buscador .resultados ul li {margin:0; padding: 0; border-bottom: 1px solid var(--color-10); list-style: none;}
.buscador .resultados ul li:last-child {border: 0}
.buscador .resultados ul li a{display: block; padding: 13px 16px;}




.inputHero {position: relative; border: 0px solid var(--tx1); border-radius: 4px; background-color: var(--color-00); box-shadow: var(--shadow-1); overflow: hidden;}
.inputHero input{ background-color: transparent !important; padding: 0 !important; font-size: var(--texto-3); text-indent: 16px; height: 50px; border: 0; box-shadow: none;}
.inputHero .btn{position: absolute; top: 5px; right: 5px; border-radius: 5px;}

.fileinput + label {background-color: var(--color-00); border-radius: 4px; cursor: pointer; height: 44px; line-height: 44px; padding-left: 40px; color: var(--color-100); position: relative; box-shadow: var(--shadow-1);}
.fileinput + label::before{content:""; position: absolute; top: 0; left: 12px; bottom: 0; background: url(../gui/ico/archivo.svg) 50% 50% no-repeat; background-size: 20px auto; width: 20px;filter: var(--filter-ba); -webkit-filter: var(--filter-ba);}
.fileinput + label span.activo{color: var(--tx2);}

.checkbox {display: block;position: relative;padding: 0 0 4px 35px;margin-bottom: 0;cursor: pointer;font-weight: 400;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.checkbox input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkbox .checkmark {position: absolute;top: 0;left: 0;height: 20px;width: 20px;background-color: var(--bg2);border-radius: 4px; transition: 100ms ease-in-out;}
.checkbox input:checked ~ .checkmark {background-color: var(--ka);}
.checkbox .checkmark:after {content: "";position: absolute;display: none;}
.checkbox input:checked ~ .checkmark:after {display: block;}
.checkbox .checkmark:after {left: 7px;top: 4px;width: 4px;height: 8px;border: solid var(--kac);border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.checkbox:last-child{margin-bottom:0;}

.checkbox-simple {display: block;position: relative; width: 24px; height: 24px; padding: 0;margin-bottom: 0;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.checkbox-simple input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkbox-simple .checkmark {position: absolute;top: 0;left: 0;height: 24px;width: 24px;background-color: var(--bg2);border-radius: 4px;}
.checkbox-simple input:checked ~ .checkmark {background-color: var(--ka);}
.checkbox-simple .checkmark:after {content: "";position: absolute;display: none;}
.checkbox-simple input:checked ~ .checkmark:after {display: block;}
.checkbox-simple .checkmark:after {left: 8px;top: 4px;width: 5px;height: 10px;border: solid var(--kac);border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.checkbox-simple:last-child{margin-bottom:0;}

.checkbox-toggle {-webkit-tap-highlight-color: transparent; position: relative;}
.checkbox-toggle span {padding: 4px 0 12px 52px; display: block;}
.checkbox-toggle:last-child span {padding: 4px 0 0 52px !important;}
.checkbox-toggle input[type=checkbox]{position: absolute; top: 0; left: 0; -webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-tap-highlight-color: transparent;cursor: pointer;height: 24px;width: 40px !important;border-radius: 16px;display: inline-block;margin: 0;border: 2px solid var(--bg2);background-color: var(--bg2) !important; transition: 100ms ease-in-out;}
.checkbox-toggle input[type=checkbox]:focus {outline: 0;}
.checkbox-toggle .toggle:after {content: "";position: absolute;top: 2px;left: 2px;width: 16px;height: 16px;border-radius: 50%;background: var(--bg3);transition: 100ms ease-in-out;}
.checkbox-toggle .toggle:checked {border-color: var(--ka);background-color: var(--ka) !important;}
.checkbox-toggle .toggle:checked:after {transform: translate(16px);background: var(--kac);}

.checkbox-toggle-alerta {-webkit-tap-highlight-color: transparent; position: relative;}
.checkbox-toggle-alerta span {padding: 4px 0 4px 52px; display: block;}
.checkbox-toggle-alerta input[type=checkbox]{position: absolute; top: 0; left: 0; -webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-tap-highlight-color: transparent;cursor: pointer;height: 24px;width: 40px !important;border-radius: 16px;display: inline-block;margin: 0;border: 2px solid var(--bg2);background-color: var(--bg2) !important;box-shadow: none;transition: 100ms ease-in-out;}
.checkbox-toggle-alerta input[type=checkbox]:focus {outline: 0;}
.checkbox-toggle-alerta .toggle:after {content: "";position: absolute;top: 2px;left: 2px;width: 16px;height: 16px;border-radius: 50%;background: var(--bg3);transition: 100ms ease-in-out;}
.checkbox-toggle-alerta .toggle:checked {border-color: var(--color-ro);background-color: var(--color-ro) !important;}
.checkbox-toggle-alerta .toggle:checked:after {transform: translate(16px);background: var(--color-roc);}

.checkbox-img {-webkit-tap-highlight-color: transparent; position: relative;}
.checkbox-img span.img{display: block;border: 3px solid var(--color-05); border-radius: 4px 8px 0 0;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; background-color: var(--color-00) !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: 50% 50% !important;}
.checkbox-img span.img:before{content:''; display: block; padding-top: calc(100% - 32px);}
.checkbox-img span.titulo{display: block;position: relative; margin: -3px 0 0 0; padding: 0 8px; height: 32px; line-height: 32px; border-radius: 0 0 8px 8px; cursor: pointer;font-size: var(--texto-2);font-weight: 400; text-align: center; background-color: var(--color-05); color: var(--tx2); -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.checkbox-img input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkbox-img input:checked + span.img {padding: 0px; border: 3px solid var(--ka);}
.checkbox-img input:checked + span.img + span.titulo {background-color: var(--ka); color: var(--kac);}



.checkbox-tag-bx{display: flex; flex-flow: row wrap; gap:8px;}
.checkbox-tag{flex-basis: auto;}
.checkbox-tag span{display: inline-block;position: relative;padding: 0 24px; border: 1px solid var(--color-05); height: 38px; line-height: 38px; border-radius: 40px; cursor: pointer;font-size: var(--texto-2);font-weight: 400; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-color: var(--color-00); text-align: left;}
.checkbox-tag input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkbox-tag input:checked + span {border: 1px solid var(--ka); background-color: var(--ka); color: var(--kac);}


.radio {display: block;position: relative;padding: 0px 0 4px 35px;margin-bottom: 0px;cursor: pointer;font-size: var(--texto-2);font-weight: 400;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.radio:last-child{margin-bottom: 0}
.radio input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.radio .radiomark {position: absolute;top: 0;left: 0;height: 18px;width: 18px;background-color: var(--color-05); border: 2px solid var(--color-05); border-radius: 50%; }
.radio input:checked ~ .radiomark {background-color: var(--color-00); border: 2px solid var(--ka);}
.radio .radiomark:after {content: "";position: absolute;display: none;}
.radio input:checked ~ .radiomark:after {display: block;}
.radio .radiomark:after {top: 2px;left: 2px;width: 14px;height: 14px;border-radius: 50%;background: var(--ka);}

.radio-cta {}

.radio-cta span{display: block;position: relative;padding: 16px; border: 1px solid var(--color-05); border-radius: 4px; margin-bottom: 8px;cursor: pointer;font-size: var(--texto-2);font-weight: 400; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-color: var(--color-00); text-align: left;}
.radio-cta span .seleccionado{position: absolute; background-color: var(--ka); top: -10px; right: -10px; width: 20px; height: 20px; border-radius: 24px; margin: 0; padding: 0; display: none; border: 0;}
.radio-cta span .seleccionado::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; background: url(../gui/ico/listo.svg) 50% 50% no-repeat; background-size: 12px auto; width: 20px;filter: var(--filter-co); -webkit-filter: var(--filter-co);}

.radio-cta span.ico{background-size: auto 24px !important; background-repeat: no-repeat !important; padding-left: 45px;}
.radio-cta span.ico::before{ left:13px;}
.radio-cta input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.radio-cta input:checked + span {padding: 15px; border: 2px solid var(--ka);}
.radio-cta input:checked + span .seleccionado {display: block}
.radio-cta input:checked + span.ico {padding-left: 44px;}
.radio-cta input:checked + span.ico::before {left:12px}
.radio-cta hr { border: 0; border-bottom: 1px var(--color-05) solid;margin: 8px 0px !important; padding: 0;}

.radio-inline{background-color: var(--bg1); display: flex; border-radius: 4px; padding: 4px; box-shadow: var(--shadow-1);}
.radio-inline input[type="radio"] {opacity: 0;position: fixed;width: 0; margin: 0;}
.radio-inline label {flex: 1;text-align: center;display: inline-block;background-color: transparent; height: 32px; line-height: 32px; font-size: var(--texto-2);border-radius: 4px;font-weight: 400;margin: 0;}
.radio-inline input[type="radio"]:checked + label {background-color: var(--azl); color: var(--tx3); font-weight: 500;}

.radio-poll{background-color: transparent; display: flex; padding: 8px; justify-content: right}
.radio-poll input[type="radio"] {opacity: 0;position: fixed;width: 0; margin: 0;}
.radio-poll label {flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: min-content !important; text-align: center;display: inline-block;background-color: var(--color-05); width: min-content; height: 32px; line-height: 32px; font-size: var(--texto-2);border-radius: 4px;font-weight: 400;margin: 0 4px 0 0; padding: 0 12px; color: var(--tx2);}
.radio-poll label:last-child{margin:0}
.radio-poll input[type="radio"]:checked + label {background-color: var(--ka); color: var(--kac);}

.radio-color{background-color: transparent; display: flex;justify-content: left; }
.radio-color input[type="radio"] {opacity: 0;position: fixed;width: 0; margin: 0; }
.radio-color label {flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: 36px !important; text-align: center;display: inline-block;background-color: var(--color-05); width: 36px; height: 36px; line-height: 36px; border-radius: 40px;font-weight: 500;margin: 0 4px 0 0; color: #FFFFFF; font-size: var(--texto-1); border: 2px solid var(--color-00); }
.radio-color label:last-child{margin:0}
.radio-color input[type="radio"]:checked + label {box-shadow: 0 0 10px var(--color-05);}

/*.radio-color label.az {background-color: var(--color-az);}
.radio-color input[type="radio"]:checked + label.az {box-shadow: 0 0 10px var(--color-az);}
.radio-color label.ro {background-color: var(--color-ro);}
.radio-color input[type="radio"]:checked + label.ro {box-shadow: 0 0 10px var(--color-ro);}
.radio-color label.ve {background-color: var(--color-ve);}
.radio-color input[type="radio"]:checked + label.ve {box-shadow: 0 0 10px var(--color-ve);}
.radio-color label.am {background-color: var(--color-am);}
.radio-color input[type="radio"]:checked + label.am {box-shadow: 0 0 10px var(--color-am);}*/

.radio-color label.mec {background-color: #263891;}
.radio-color input[type="radio"]:checked + label.mec {box-shadow: 0 0 10px #263891;}

.radio-color label.des {background-color: #00BD4F;}
.radio-color input[type="radio"]:checked + label.des {box-shadow: 0 0 10px #00BD4F;}

.radio-color label.arm {background-color: #00BD4F;}
.radio-color input[type="radio"]:checked + label.arm {box-shadow: 0 0 10px #00BD4F;}

.radio-color label.hoj {background-color: #056839;}
.radio-color input[type="radio"]:checked + label.hoj {box-shadow: 0 0 10px #056839;}

.radio-color label.pre {background-color: #F7C90B;}
.radio-color input[type="radio"]:checked + label.pre {box-shadow: 0 0 10px #F7C90B;}

.radio-color label.pin {background-color: #EA1D21;}
.radio-color input[type="radio"]:checked + label.pin {box-shadow: 0 0 10px #EA1D21;}

.radio-color label.pul {background-color: #ED34AD;}
.radio-color input[type="radio"]:checked + label.pul {box-shadow: 0 0 10px #ED34AD;}

.radio-color label.lav {background-color: #1186D8;}
.radio-color input[type="radio"]:checked + label.lav {box-shadow: 0 0 10px #1186D8;}

.radio-color label.cal {background-color: #F8EE73; color: #000000;}
.radio-color input[type="radio"]:checked + label.cal {box-shadow: 0 0 10px #F8EE73;}


/*.radio-color label.az1 {background-color: #097AFE;}
.radio-color input[type="radio"]:checked + label.az1 {box-shadow: 0 0 10px #097AFE;}
.radio-color label.az2 {background-color: #64D2FD;}
.radio-color input[type="radio"]:checked + label.az2 {box-shadow: 0 0 10px #64D2FD;}
.radio-color label.az3 {background-color: #AF52DE;}
.radio-color input[type="radio"]:checked + label.az3 {box-shadow: 0 0 10px #AF52DE;}

.radio-color label.ro1 {background-color: #FD3B30;}
.radio-color input[type="radio"]:checked + label.ro1 {box-shadow: 0 0 10px #FD3B30;}
.radio-color label.ro2 {background-color: #FD606E;}
.radio-color input[type="radio"]:checked + label.ro2 {box-shadow: 0 0 10px #FD606E;}

.radio-color label.ve1 {background-color: #34C759;}
.radio-color input[type="radio"]:checked + label.ve1 {box-shadow: 0 0 10px #34C759;}
.radio-color label.ve2 {background-color: #ABED2F;}
.radio-color input[type="radio"]:checked + label.ve2 {box-shadow: 0 0 10px #ABED2F;}

.radio-color label.na1 {background-color: #FE9504;}
.radio-color input[type="radio"]:checked + label.na1 {box-shadow: 0 0 10px #FE9504;}

.radio-color label.am1 {background-color: #FED609;}
.radio-color input[type="radio"]:checked + label.am1 {box-shadow: 0 0 10px #FED609;}*/

.radio-img-bx {display: grid; grid-gap: 24px; grid-template-columns: 1fr 1fr; grid-template-rows: auto}
.radio-img {-webkit-tap-highlight-color: transparent; position: relative;}
.radio-img span.img{display: block;border: 3px solid var(--color-05); border-radius: 4px 8px 0 0;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; background-color: var(--color-00) !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: 50% 50% !important;}
.radio-img span.img:before{content:''; display: block; padding-top: 100%;}
.radio-img span.titulo{display: block;position: relative; margin: -3px 0 0 0; padding: 8px; border-radius: 0 0 8px 8px; cursor: pointer;font-size: var(--texto-2);font-weight: 400; text-align: center; background-color: var(--color-05); color: var(--tx2); -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.radio-img input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.radio-img input:checked + span.img {padding: 0px; border: 3px solid var(--ka);}
.radio-img input:checked + span.img + span.titulo {background-color: var(--ka); color: var(--kac);}

.controles-incremento{position: relative; width: 100%; height: 48px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; border-radius: 48px; background-color: var(--color-05);}
.controles-incremento div{text-align: center; line-height: 40px; font-size: 20px; cursor: pointer !important; border-radius: 40px; background-color: var(--color-00);}
.controles-incremento .incremento-menos{width: 40px; height: 40px; position: absolute; left: 4px; top: 4px;}
.controles-incremento .incremento-menos::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; background: url(../gui/ico/menos.svg) 50% 50% no-repeat; background-size: 24px auto; width: 40px;filter: var(--filter-ba); -webkit-filter: var(--filter-ba);}
.controles-incremento .incremento-campo{width: auto; height: 40px; text-align: center; padding: 0px; text-indent: 0px; position: absolute; top: 4px; left: 48px; right: 48px; font-size: var(--texto-2) !important; font-weight: 500; color: var(--color-100); box-shadow: none; border: 0; background-color: var(--color-05) !important;}
.controles-incremento .incremento-mas{width: 40px; height: 40px; position: absolute; right: 4px; top: 4px; }
.controles-incremento .incremento-mas::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; background: url(../gui/ico/add.svg) 50% 50% no-repeat; background-size: 24px auto; width: 40px;filter: var(--filter-ba); -webkit-filter: var(--filter-ba);}



.tabla-base .controles-incremento{position: relative; width: 100%; height: 28px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; border-radius: 28px; background-color: var(--color-00); margin: -8px 0;}
.tabla-base .controles-incremento div{text-align: center; line-height: 28px; font-size: 20px; cursor: pointer !important; border-radius: 28px; background-color: var(--color-00);}
.tabla-base .controles-incremento .incremento-menos{width: 28px; height: 28px; position: absolute; left: 0px; top: 0px;}
.tabla-base .controles-incremento .incremento-menos::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; background: url(../gui/ico/menos.svg) 50% 50% no-repeat; background-size: 28px auto; width: 28px;filter: var(--filter-ba); -webkit-filter: var(--filter-ba);}
.tabla-base .controles-incremento .incremento-campo{width: auto; height: 28px; text-align: center; margin: 0 !important; padding: 0px; text-indent: 0px; position: absolute; top: 0px; left: 28px; right: 28px; font-size: var(--texto-2) !important; font-weight: 500; color: var(--color-100); box-shadow: none; border: 0; background-color: var(--color-05) !important;}
.tabla-base .controles-incremento .incremento-mas{width: 28px; height: 28px; position: absolute; right: 0px; top: 0px; }
.tabla-base .controles-incremento .incremento-mas::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; background: url(../gui/ico/add.svg) 50% 50% no-repeat; background-size: 28px auto; width: 28px;filter: var(--filter-ba); -webkit-filter: var(--filter-ba);}



 
*:disabled{color: var(--tx2); opacity: 1;}

::-webkit-scrollbar {width: 12px;height: 12px;display: block;}
::-webkit-scrollbar-thumb {background: var(--color-30);border-radius: 4px;}
::-webkit-scrollbar-thumb:hover {background: var(--ka);}
::-webkit-scrollbar-thumb:active {background-color: var(--ka);}
::-webkit-scrollbar-track {background: var(--color-10);border-radius: 0;}
::-webkit-scrollbar-track:hover, ::-webkit-scrollbar-track:active {background: var(--color-10);}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--tx2);
  -webkit-box-shadow: 0 0 0px 1000px var(--color-00) inset;
  transition: background-color 5000s ease-in-out 0s;
}

.btn{ background-color: var(--ka); color: var(--kac); font-size: var(--texto-2); font-weight: 500; padding: 0 16px; height: 40px; line-height: 40px; display: inline-block; text-decoration: none; border-radius: 40px; text-align: center;}
.btnm{ background-color: var(--ka); color: var(--kac); font-size: var(--texto-2); font-weight: 500; padding: 0 16px; height: 32px; line-height: 32px; display: inline-block; text-decoration: none; border-radius: 4px; text-align: center;}
.btn-alt{ background-color: var(--kal); color: var(--ka); font-size: var(--texto-2); font-weight: 500; padding: 0 16px; height: 40px; line-height: 40px; display: inline-block; text-decoration: none; border-radius: 4px; text-align: center;}
.btn-flat{ color: var(--ka); font-size: var(--texto-2); font-weight: 500; padding: 0 16px; height: 40px; line-height: 40px; display: inline-block; text-decoration: none; text-align: center;}

.btn-wide{display: block; box-sizing: border-box !important;}
.btn-disabled{pointer-events: none !important;  box-shadow: none; opacity: 0.3;}
.btn-del{background-color: var(--ro); color: var(--roc);}
.btn-ro{background-color: var(--ro); color: var(--roc);}
.btn-am{background-color: var(--am); color: var(--amc);}
.btn-ve{background-color: var(--ve); color: var(--vec);}
.btn-pop{ background-color: var(--kb); display: inline-block; width: 50px; height: 50px; border-radius: 48px; position: relative;}
.btn-pop::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; background: url(../gui/ico/opcion-w.svg) 50% 50% no-repeat; background-size: 24px auto; width: 50px;}

.cta{background-color: var(--ka); color: var(--kac); font-size: var(--texto-2); font-weight: 500; padding: 0 24px; height: 40px; line-height: 40px; display: inline-block; text-decoration: none; border-radius: 40px; text-align: center;}
.cta-alt{background-color: var(--color-00); color: var(--color-100); font-size: var(--texto-2); font-weight: 500; padding: 0 24px; height: 38px; line-height: 38px; display: inline-block; text-decoration: none; border-radius: 40px; text-align: center; border: 1px solid var(--color-05);}

.bx-btns{display: flex; flex-flow: row wrap; gap:8px; margin: 0; padding: 0;}
.bx-btns-space{justify-content: space-between}
.bx-btns .btn, .bx-btns .btn-alt, .bx-btns .btn-flat{flex: 1;}
.bx-tabla-base .bx-btns, .bx-tabla-flat .bx-btns{margin: 0; border-top: 1px solid var(--bd1);}

.bx-inputs{background-color: var(--bg1); border-radius: var(--br1); padding: 2px 16px 2px 16px; overflow: hidden;}
.bx-inputs .flat {padding: 10px 16px 10px 0; border-bottom: 1px solid var(--bd1); position: relative;}
.bx-inputs .flat.cols{display: flex; gap: 16px}
.bx-inputs .flat.cols .keyCol{flex: auto;color: var(--color-100);}
.bx-inputs .ffbx{display: grid; padding: 0; grid-gap: 0 16px; grid-template-columns: minmax(120px, auto) 1fr; border-bottom: 1px solid var(--bd1);}
.bx-inputs .ffbx:last-child{border:0}
.bx-inputs .ffbx .ff-label{margin: 0; padding: 0; height: 40px; line-height: 40px;}
.bx-inputs .ffbx .ff-label-float{display: none;}
.bx-inputs .ffbx .ff-nota{margin: 0 0 0 0; padding:6px 8px; font-size: var(--texto-1); color: var(--tx1); background-color: var(--bg2); display: none;}
.bx-inputs .ffbx .ff-requerido{background-color: var(--color-00) !important; border: 0 !important; border-bottom: 1px solid var(--color-ro) !important; color: var(--color-100) !important;}
.bx-inputs input, .bx-inputs select{border:0; border-radius: 0; background-color: transparent !important; padding: 0; height: 40px !important; text-indent: 0;}
.bx-inputs textarea{grid-column: 1 / 3; border:0; border-radius: 0; background-color: transparent !important; box-shadow: none !important; padding: 11px 0; text-indent: 0;}
.bx-inputs .ffbx:last-child input, .bx-inputs .ffbx:last-child select{border: 0}
.bx-inputs input:read-only{color: var(--tx2)}
.bx-inputs input:read-only + .ico-input::before{content:""; position: absolute; bottom: 0; right: 0px; bottom: 0; pointer-events: none; background: url(../gui/ico/lock.svg) 50% 50% no-repeat; background-size: 20px auto; width: 40px; height: 40px; filter: var(--filter-co); -webkit-filter: var(--filter-co);}
.bx-inputs select.multiple{width:100%; height: auto !important; position: relative; }

.bx-inputs-r input{text-align: right; padding-right: 16px;}
.bx-inputs-r input:read-only{text-align: right; padding-right: 40px;}


.bx-inputs .checkbox-toggle {display: block; padding: 0px 0 0 0;}
.bx-inputs .checkbox-toggle span {padding: 10px 64px 10px 0; border-bottom: 1px solid var(--bd1);}
.bx-inputs .checkbox-toggle:last-child span {padding: 10px 64px 10px 0 !important; border: 0;}
.bx-inputs .checkbox-toggle input[type=checkbox]{top: 6px; left: auto; right: 0px !important; height: 24px !important;width: 40px !important; padding: 0;}

.bx-inputs .checkbox-toggle-alerta {display: block;}
.bx-inputs .checkbox-toggle-alerta span {padding: 10px 64px 10px 0; border-bottom: 1px solid var(--bd1);}
.bx-inputs .checkbox-toggle-alerta:last-child span {padding: 10px 64px 10px 0 !important; border: 0;}
.bx-inputs .checkbox-toggle-alerta input[type=checkbox]{top: 6px; left: auto; right: 0px !important; height: 24px !important;width: 40px !important;padding: 0;}

.bx-inputs .checkbox {padding: 9px 16px 9px 32px;margin-bottom: 0;border-bottom: 1px solid var(--bd1);}
.bx-inputs .checkbox:last-child{border: 0;}
.bx-inputs .checkbox .checkmark {top: 7px;}

.bx-inputs .radio {padding: 9px 16px 9px 32px;margin-bottom: 0;border-bottom: 1px solid var(--bd1);}
.bx-inputs .radio:last-child{border: 0;}
.bx-inputs .radio .radiomark {top: 9px;}

.bHeader{border-bottom: 1px solid var(--bd1); margin: 0; padding: 0; position: relative;}
.bHeader h4{height: 40px; line-height: 40px;}
.bHeader .bLink{position: absolute; top: 8px; right: 0; color: var(--ka); background-color: var(--kal); font-weight: 500; height: 24px; line-height: 24px; padding: 0 8px; border-radius: 4px; }
.bHeader h4 ~ p{margin-bottom: 8px}

.bx-tabla-base .bHeader{margin: 0; padding: 0px 16px 0px 16px; position: relative;}
.bx-base .bHeader{margin: -14px 0 14px 0}
.bx-inputs .bHeader{}
.bx-links .bHeader {}
.bx-lista .bHeader {}

.bx-numpad{display: grid; padding: 0px; grid-gap: 4px; grid-template-columns: 1fr 1fr 1fr; border-radius: 4px; background-color: var(--color-05); overflow: hidden;}
.bx-numpad .buscador {grid-column: 1 / 4; position: relative; border: 0; border-radius: 0px; background-color: var(--color-00); box-shadow: none; overflow: hidden;}
.bx-numpad .buscador input{ background-color: transparent !important; padding: 0 !important; font-size: var(--texto-3); text-indent: 0; text-align: center; font-size: var(--texto-3); height: 64px; border: 0; box-shadow: none;}
.bx-numpad .item{height: 56px; line-height: 56px; text-align: center; font-size: var(--texto-5); color: var(--color-100); font-weight: 400; border-radius: 0px; background-color: var(--color-00);}
.bx-numpad .item.activo{background-color: var(--color-05) !important}
.bx-numpad .buscador-cta {grid-column: 1 / 4; background-color: var(--color-100); color: var(--color-00); height: 64px; line-height: 64px; text-align: center; font-size: var(--texto-3);}

/* BX */

.bx-1{display: grid; grid-gap: 24px; padding: 0; box-sizing: border-box; grid-template-columns: 1fr;}
.bx-1s{display: grid; grid-gap: 8px; padding: 0; box-sizing: border-box; grid-template-columns: 1fr;}

.bx-2{display: grid; grid-gap: 16px; padding: 0; box-sizing: border-box; grid-template-columns: 1fr 1fr;}
.bx-2s{display: grid; grid-gap: 8px; padding: 0; box-sizing: border-box; grid-template-columns: 1fr 1fr;}

.bx-3{display: grid; grid-gap: 16px; padding: 0; box-sizing: border-box; grid-template-columns: 1fr 1fr 1fr;}
.bx-3s{display: grid; grid-gap: 8px; padding: 0; box-sizing: border-box; grid-template-columns: 1fr 1fr 1fr;}

.bx-1-2{display: grid; grid-gap: 16px; padding: 0; box-sizing: border-box; grid-template-columns: 1fr 2fr;}
.bx-1-2s{display: grid; grid-gap: 8px; padding: 0; box-sizing: border-box; grid-template-columns: 1fr 2fr;}

.bx-2-1{display: grid; grid-gap: 16px; padding: 0; box-sizing: border-box; grid-template-columns: 2fr 1fr;}
.bx-2-1s{display: grid; grid-gap: 8px; padding: 0; box-sizing: border-box; grid-template-columns: 2fr 1fr;}

.bx-1-3{display: grid; grid-gap: 16px; padding: 0; box-sizing: border-box; grid-template-columns: 1fr 3fr;}
.bx-1-3s{display: grid; grid-gap: 8px; padding: 0; box-sizing: border-box; grid-template-columns: 1fr 3fr;}

.bx-3-1{display: grid; grid-gap: 16px; padding: 0; box-sizing: border-box; grid-template-columns: 3fr 1fr;}
.bx-3-1s{display: grid; grid-gap: 8px; padding: 0; box-sizing: border-box; grid-template-columns: 3fr 1fr;}

.bx-2-3{display: grid; grid-gap: 16px; padding: 0; box-sizing: border-box; grid-template-columns: 2fr 3fr;}
.bx-2-3s{display: grid; grid-gap: 8px; padding: 0; box-sizing: border-box; grid-template-columns: 2fr 3fr;}

.bx-flex{display: flex; flex-wrap: wrap; gap: 16px}
.bx-flex > div, .bx-flex > ul{flex: 260px}
.bx-flex .break{flex-basis: 100%}

.bx-cols{display: flex; gap: 24px}
.bx-cols div{flex: auto;}
.bx-cols .fit{flex: 0;}
.bx-cols .break{flex-basis: 100%}

.bx-1s .ffbx, .bx-2s .ffbx, .bx-3s .ffbx, .bx-1-2s .ffbx, .bx-2-1s .ffbx, .bx-1-3s .ffbx, .bx-3-1s .ffbx{padding:0;}

.bx-tabs{display: flex; gap:4px; background-color: var(--tx2); padding: 4px; border-radius: 4px;}
.bx-tabs a{flex: 1; height: 40px; line-height: 40px; border-radius: 4px; text-align: center; color: var(--color-100);}
.bx-tabs a.activo{background-color: var(--ka); color: var(--kac);}

ul.bx-links{display: grid; grid-gap: 0; margin: 0; padding: 2px 0 2px 16px; grid-template-columns: 1fr; border-radius: var(--br1); overflow: hidden; position: relative; background-color: var(--bg1); }
ul.bx-links li{list-style: none; margin: 0; padding: 0; position: relative; width: 100%; border-bottom: 1px solid var(--bd1);}
ul.bx-links li:last-child{border:0 !important}
ul.bx-links li a{padding: 10px 16px 10px 0; display: block;}
ul.bx-links li a::before{content:""; position: absolute; top: 0; right: 8px; bottom: 0; background: url(../gui/ico/arrow-right.svg) 50% 50% no-repeat; background-size: 20px auto; width: 20px;filter: var(--filter-co); -webkit-filter: var(--filter-co);}
ul.bx-links li a.lock::before{content:""; position: absolute; top: 0; right: 8px; bottom: 0; background: url(../gui/ico/lock.svg) 50% 50% no-repeat; background-size: 20px auto; width: 20px;filter: var(--filter-co); -webkit-filter: var(--filter-co);}
ul.bx-links li a.unlock::before{content:""; position: absolute; top: 0; right: 8px; bottom: 0; background: url(../gui/ico/unlock.svg) 50% 50% no-repeat; background-size: 20px auto; width: 20px;filter: var(--filter-co); -webkit-filter: var(--filter-co);}
ul.bx-links li a.done::before{content:""; position: absolute; top: 0; right: 8px; bottom: 0; background: url(../gui/ico/notas.svg) 50% 50% no-repeat; background-size: 20px auto; width: 20px;filter: var(--filter-co); -webkit-filter: var(--filter-co);}
ul.bx-links li a.add {padding: 10px 16px 10px 24px; color: var(--ka); font-weight: 500;}
ul.bx-links li a.add::before{content:""; position: absolute; top: 0; left: 0px; bottom: 0; background: url(../gui/ico/add.svg) 50% 50% no-repeat; background-size: 20px auto; width: 20px;filter: var(--filter-co); -webkit-filter: var(--filter-co);}
ul.bx-links li a h3{margin: 0; padding: 0; font-size: var(--texto-3);}
ul.bx-links li a.key{background-color: var(--kb); color: var(--kbc);}
ul.bx-links li.activo{border-bottom: 1px solid var(--ka)}
ul.bx-links li a.disabled{color: var(--tx2); pointer-events: none;}
ul.bx-links li a.disabled::before{background: none}
ul.bx-links li a .cols{display: flex; gap: 16px}
ul.bx-links li a .cols div{flex: auto;}

ul.bx-links li a.cols{display: flex; gap: 16px; padding-right: 40px;}
ul.bx-links li a.cols .keyCol{flex: auto;color: var(--tx3); font-weight: 500;}

ul.bx-links li a.cardNo{display: grid; grid-gap: 16px; grid-template-columns: 24px 1fr}
ul.bx-links li a.cardNo .key{font-size: var(--texto-3); font-weight: 700;}
ul.bx-links li a.cardNo .data{}

ul.bx-links.bx-sort li a{padding-right: 64px;}
ul.bx-links.bx-sort li a::before{ background: none;}
ul.bx-links.bx-sort li .handle{position: absolute; top: 0; right: 0; bottom: 0; width: 48px;}
ul.bx-links.bx-sort li .handle::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; background: url(../gui/ico/sort.svg) 50% 50% no-repeat; background-size: 16px auto; width: 48px;filter: var(--filter-ba); -webkit-filter: var(--filter-ba);}
ul.bx-links.bx-sort li.handle-activo{z-index: 1; border: 0; box-shadow: var(--shadow-float-1);}
ul.bx-links.bx-sort li.handle-target{background-color: var(--color-00);}
.handle{width: 100%;}
ul.bx-links .bx-cols{margin-right: 40px}

ul.bx-links-hero{display: grid; grid-gap: 0; margin: 0; padding: 0; grid-template-columns: 1fr; border-radius: 4px; overflow: hidden; background-color: var(--color-00); position: relative; border: 0px solid var(--tx1); box-shadow: var(--shadow-hero);}
ul.bx-links-hero li{list-style: none; margin: 0; padding: 0; position: relative; width: 100%; border-bottom: 1px solid var(--color-05);}
ul.bx-links-hero li:last-child{border:0 !important}
ul.bx-links-hero li a{padding: 20px 32px; font-weight: 400; font-size: var(--texto-3); display: block; color: var(--color-100);}
ul.bx-links-hero li a::before{content:""; position: absolute; top: 0; right: 20px; bottom: 0; background: url(../gui/ico/arrow-right.svg) 50% 50% no-repeat; background-size: 24px auto; width: 24px;filter: var(--filter-co); -webkit-filter: var(--filter-co);}
ul.bx-links-hero li a .cols{display: flex; gap: 16px}
ul.bx-links-hero li a .cols div{flex: auto;}

.bx-card {display: grid; grid-gap: 16px; margin: 0; padding: 0;} 
.bx-card-2 {grid-template-columns: 1fr 1fr;}
.bx-card-3 {grid-template-columns: 1fr 1fr 1fr;}
.bx-card .bx {margin: 0; position: relative; padding: 16px; display: block; background-color: var(--color-00) !important; border-radius: 4px; box-shadow: var(--shadow-1); overflow: hidden;}
.bx-card .bx-inputs{margin: -16px; box-shadow: none !important;}
/*.bx-card a {list-style: none; margin: 0; position: relative; padding: 24px; display: block; background-color: var(--color-05) !important; border-radius: 4px; box-shadow: var(--shadow-1);}
.bx-card a.ico{padding-left: 64px;}
.bx-card a.check{}*/

.bx-card .ico-check {box-sizing: border-box;position: absolute; top: 8px; left: 40px;display: block;width: 24px;height: 24px;border-radius: 100px;background-color: var(--ka);}
.bx-card .ico-check::after {content: "";display: block;box-sizing: border-box;position: absolute;left: 6px;top: 2px;width: 6px;height: 10px;border-color: var(--kac);border-width: 0 2px 2px 0;border-style: solid;transform-origin: bottom left;transform: rotate(45deg)}

.bx-roster {display: grid; grid-gap: 16px; margin: 0; padding: 0;} 
.bx-roster-2 {grid-template-columns: 1fr 1fr;}
.bx-roster-3 {grid-template-columns: 1fr 1fr 1fr;}
.bx-roster-4 {grid-template-columns: 1fr 1fr 1fr 1fr;}
.bx-roster .bx{}

.bx-centro{position: fixed; top: 0; right: 0; bottom: 0; left: 0; padding: 16px; display: flex; align-items: center; justify-content: center; overflow: auto;}
.bx-centro .bx-narrow{width: 560px}
.bx-centro .bx-wide{width: 800px}

ul.bx-lista{margin: 0; padding: 4px 16px; box-sizing: border-box; position: relative; border-radius: var(--br1); background-color: var(--bg1); overflow: hidden;}
ul.bx-lista li {margin: 0; padding: 10px 0; list-style: none; position: relative; border-bottom: 1px solid var(--bd1); color: var(--tx2);}
ul.bx-lista li.alerta {border-right: 4px solid var(--color-ro);}
ul.bx-lista li:last-child {border: 0;}
ul.bx-lista li.cols{display: flex; gap: 16px}
ul.bx-lista li.cols .keyCol{flex: auto;color: var(--tx3); font-weight: 400;}

ul.bx-lista li .poll{display: grid; grid-gap: 16px; grid-template-columns: 1fr auto;}
ul.bx-lista li .poll .pregunta{}
ul.bx-lista li .poll .opciones{margin: -14px -8px -14px 0}
ul.bx-lista li .poll .obs{grid-column: 1 / 3}
ul.bx-lista li .bx-dentado{padding: 8px 0 0 52px}
ul.bx-lista ul.bx-links{box-shadow: none !important; margin: 0; padding: 0;}
ul.bx-lista ul.bx-links li{margin: 0; padding: 0; border:0;}
ul.bx-lista li ul.bx-lista-sub {margin: 16px -16px -16px -16px; padding: 0; position: relative; }
ul.bx-lista li ul.bx-lista-sub li {list-style: none; padding: 16px; border-top: 1px solid var(--bd1); border-bottom: 0 !important;}



ul.bx-flat{position:relative; margin:0px; padding: 0px !important;}
ul.bx-flat li {list-style: none; padding: 0 0 8px 0; display: block; position: relative;}
ul.bx-flat li .ptr{position:absolute; top: 0; right: 0;padding: 4px 0;}
ul.bx-flat li.ico {background-size: 20px auto; background-position: 13px 12px; background-repeat: no-repeat; padding-left: 40px;}

ol.bx-flat{position:relative; margin:0 0 0 18px; padding: 0px;}
ol.bx-flat li {padding: 0 0 8px 0;}
ol.bx-flat li:last-child {padding: 0;}
ol.bx-flat li ul {margin:0 0 0 32px; padding: 8px 0 0 0;}
ol.bx-flat li ul li {}

.bx-kpis-lineal{display: flex; gap:16px; flex-direction: row; flex-wrap: wrap; justify-content: flex-start}
.bx-kpis-lineal .kpi{flex: 1;background-color: var(--bg1); border-radius: 4px; padding: 16px; border: 0px solid var(--bd2);}
.bx-kpis-lineal .kpi-fake{display:none;}
.bx-kpis-lineal .kpi .data{font-size: var(--texto-4); line-height: var(--texto-4); font-weight: 500; color: var(--tx3)}
.bx-kpis-lineal .kpi .data small{color: var(--tx2); font-weight: 500;}
.bx-kpis-lineal .kpi .info{color: var(--tx2); margin-top: 8px;}

.kpiEditor {position: relative}
.kpiEditor::before{content:""; position: absolute; top: 8px; right: 8px; background: url(../gui/ico/editar.svg) 50% 50% no-repeat; background-size: 16px auto; width: 16px; height: 16px; filter: var(--filter-ba); -webkit-filter: var(--filter-ba);}
.kpiEditor > *[contenteditable="true"] {color: var(--color-100); outline: none;}

.bx-base {background-color: var(--bg1); border-radius: 4px; padding: 14px 16px; box-sizing: border-box; box-shadow: var(--shadow-1); position: relative;}
.bx-base .cols{display: flex; gap: 16px}
.bx-base .cols .keyCol{flex: auto;color: var(--color-100);}
.bx-base .bx-tabla-base{border: 2px solid var(--bd1); box-shadow: none;}
.bx-base .bx-tabla-base tr th{background-color: var(--bg2)}
.bx-base .bx-lista{border: 2px solid var(--bd1); box-shadow: none;}
.bx-base details{border: 2px solid var(--bd1);}

.bx-base-off {background-color: var(--bg3); border-radius: 4px; padding: 24px; box-shadow: var(--shadow-inset);}

.tapa{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background-color: var(--color-10); display: flex; align-items: center; justify-content: center}

.bx-scanner{border: 1px solid var(--color-10); border-radius: 4px; aspect-ratio: 1; background: url(../gui/ico/scaner.svg) 50% 50% no-repeat !important; background-size: 64px auto !important; filter: var(--filter-ba); -webkit-filter: var(--filter-ba);}

.bx-items-builder{background-color: var(--color-00); border-radius: 4px; box-shadow: var(--shadow-1); overflow: hidden;}
.bx-items-builder .buscador {border-radius: 0; box-shadow: none; border-bottom: 1px solid var(--color-10);}
.bx-items-builder .buscador .resultados{border-top: 1px solid var(--color-10); padding: 0 8px 8px 8px; background-color: var(--color-05);}
.bx-items-builder .buscador .resultados ul {position: relative; z-index: 1; margin:-4px 0 0 0; padding: 0; background-color: var(--color-00); border-radius: 4px; box-shadow: var(--shadow-1);}
.bx-items-builder .buscador .resultados ul li {margin:0; padding: 0; border-bottom: 1px solid var(--color-10); list-style: none;}
.bx-items-builder .buscador .resultados ul li:last-child {border: 0}
.bx-items-builder .buscador .resultados ul li a{display: block; padding: 13px 16px;}
.bx-items-builder .msg-norecords{border: 0; background-color: var(--color-00); color: var(--color-50); display: grid; align-items: center; justify-content: center; border-radius: 0; height: 96px;}

.bx-fichas {background-color: var(--color-00); border-radius: 4px; padding: 14px 16px; box-sizing: border-box; box-shadow: var(--shadow-1); display: flex; gap: 16px}
.bx-fichas .keyCol{flex: auto;color: var(--color-100);}
.bx-fichas .ficha{font-size: var(--texto-2); font-weight: 500; margin: 0; background-color: var(--color-05); color: var(--tx2); height: 36px; line-height: 36px; padding: 0 16px; border-radius: 32px; display: inline-block; border: 2px solid var(--color-00);}

.bx-fichas .ficha.mec {background-color: #263891; color: #FFFFFF;}
.bx-fichas .ficha.des {background-color: #00BD4F; color: #FFFFFF;}
.bx-fichas .ficha.arm {background-color: #00BD4F; color: #FFFFFF;}
.bx-fichas .ficha.hoj {background-color: #056839; color: #FFFFFF;}
.bx-fichas .ficha.pre {background-color: #F7C90B; color: #FFFFFF;}
.bx-fichas .ficha.pin {background-color: #EA1D21; color: #FFFFFF;}
.bx-fichas .ficha.pul {background-color: #ED34AD; color: #FFFFFF;}
.bx-fichas .ficha.lav {background-color: #1186D8; color: #FFFFFF;}
.bx-fichas .ficha.cal {background-color: #F8EE73; color: #000000;}

/*.bx-fichas .ficha.az1 {background-color: #097AFE; color: #FFFFFF;}
.bx-fichas .ficha.az2 {background-color: #64D2FD; color: #FFFFFF;}
.bx-fichas .ficha.az3 {background-color: #AF52DE; color: #FFFFFF;}
.bx-fichas .ficha.ro1 {background-color: #FD3B30; color: #FFFFFF;}
.bx-fichas .ficha.ro2 {background-color: #FD606E; color: #FFFFFF;}
.bx-fichas .ficha.ve1 {background-color: #34C759; color: #FFFFFF;}
.bx-fichas .ficha.ve2 {background-color: #ABED2F; color: #FFFFFF;}
.bx-fichas .ficha.na1 {background-color: #FE9504; color: #FFFFFF;}
.bx-fichas .ficha.am1 {background-color: #FED609; color: #FFFFFF;}*/

.bx-hero {background-color: var(--ka); border-radius: 4px; padding: 16px; color: var(--color-00);}
.bx-hero h1, .bx-hero h2, .bx-hero h3, .bx-hero p, .bx-hero b {color: var(--color-00)}

.bx-filtros{display: inline-flex; flex-wrap: wrap; gap:8px }
.bx-filtros .item-key{position: relative; font-size: var(--texto-2); margin: 0; background-color: var(--ka); color: var(--kac); padding: 0 16px 0 36px; height: 32px; line-height: 32px; border-radius: 4px; display: inline-block;}
.bx-filtros .item-key::before{content:""; position: absolute; top: 0; left: 12px; bottom: 0; background: url(../gui/ico/filtro.svg) 50% 50% no-repeat; background-size: 16px auto; width: 16px;filter: var(--filter-kac); -webkit-filter: var(--filter-kac);}
.bx-filtros .item{font-size: var(--texto-2); margin: 0; background-color: var(--bg3); color: var(--tx2); padding: 0px 12px; height: 32px; line-height: 32px; border-radius: 4px; display: inline-block;}
.bx-filtros .item-on{background-color: var(--azl); color: var(--az);}
.bx-filtros .item-clean{position: relative; font-size: var(--texto-2); margin: 0; background-color: var(--kac); color: var(--ka); padding: 0 16px 0 36px; height: 32px; line-height: 32px; border-radius: 4px; display: inline-block;}
.bx-filtros .item-clean::before{content:""; position: absolute; top: 0; left: 12px; bottom: 0; background: url(../gui/ico/borrar.svg) 50% 50% no-repeat; background-size: 16px auto; width: 16px;filter: var(--filter-ka); -webkit-filter: var(--filter-ka);}

.bx-hl {border: 0px solid var(--ka); box-shadow: 0px 0px 5px 1px var(--ka);}

.bx-tx-preview {background-color: var(--color-00); border-radius: 4px; padding: 16px; box-shadow: var(--shadow-1); max-height: 320px; overflow: scroll;}
.bx-tx-preview .wide {white-space:nowrap}

/* Dropzone */

.bx-dropzone{background-color:var(--bg1); border-radius: 4px; box-shadow: var(--shadow-1); padding: 16px; display: block;}
.bx-dropzone .area-drop{position: relative; border: 2px dashed var(--bd1); border-radius: 4px; margin: 0; padding: 16px; display: grid; align-items: center; justify-content: center}
.bx-dropzone .area-drop span{position: relative; padding: 0 0 0 32px; pointer-events: none;}
.bx-dropzone .area-drop span::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; background: url(../gui/ico/upload.svg) 50% 50% no-repeat; background-size: 20px auto; width: 20px;filter: var(--filter-ba); -webkit-filter: var(--filter-ba);}

.bx-dropzone .area-repo{display: grid; grid-gap: 0; grid-template-columns: 1fr;}
.bx-dropzone .area-repo .dz-preview{position: relative; margin: 0px !important; padding: 12px 0 !important; border-bottom: 1px solid var(--color-10);}
.bx-dropzone .area-repo .dz-preview:last-child{border: 0; padding-bottom: 0px !important;}

.bx-dropzone .area-repo .dz-preview .dz-details > div{display: inline-block}
.bx-dropzone .area-repo .dz-preview .dz-details .dz-size{}
.bx-dropzone .area-repo .dz-preview .dz-details .dz-filename{}
.bx-dropzone .area-repo .dz-preview .dz-error-message{}
.bx-dropzone .area-repo .dz-preview .dz-progress{position: absolute; top: 0; right: 0; text-indent: -6000px; width: 40px; height: 40px;}

.bx-dropzone .area-repo .dz-preview .dz-abrir{position: absolute; top: 5px; right: 36px; text-indent: -6000px; width: 32px; height: 32px; border-radius: 32px; background-color: var(--kal);}
.bx-dropzone .area-repo .dz-preview .dz-abrir::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../gui/ico/open.svg) 50% 50% no-repeat; background-size: 16px auto; filter: var(--filter-ka); -webkit-filter: var(--filter-ka);}

.bx-dropzone .area-repo .dz-preview .dz-upload.subiendo{position: absolute; top: 5px; right: 0; text-indent: -6000px; width: 32px; height: 32px;border-radius: 32px; background-color: var(--aml);}
.bx-dropzone .area-repo .dz-preview .dz-upload.subiendo::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../gui/ico/upload.svg) 50% 50% no-repeat; background-size: 20px auto; filter: var(--filter-am); -webkit-filter: var(--filter-am);}

.bx-dropzone .area-repo .dz-preview .dz-upload.listo{position: absolute; top: 5px; right: 0; text-indent: -6000px; width: 32px; height: 32px; border-radius: 32px; background-color: var(--vel);}
.bx-dropzone .area-repo .dz-preview .dz-upload.listo::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../gui/ico/listo.svg) 50% 50% no-repeat; background-size: 12px auto; filter: var(--filter-ve); -webkit-filter: var(--filter-ve);}

.bx-dropzone .area-repo .dz-preview .dz-remove{position: absolute; top: 5px; right: 0; text-indent: -6000px; width: 32px; height: 32px; border-radius: 32px; background-color: var(--rol);}
.bx-dropzone .area-repo .dz-preview .dz-remove::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../gui/ico/basura.svg) 50% 50% no-repeat; background-size: 16px auto; filter: var(--filter-ro); -webkit-filter: var(--filter-ro);}

/* Dropzone Thumbs */

.bx-dropzone-thumbs{display: block;}
.bx-dropzone-thumbs .area-drop{position: relative; border: 2px dashed var(--color-10); border-radius: 4px; margin: 0; padding: 0px;}
.bx-dropzone-thumbs .area-drop:before{content:''; display: block; padding-top: 100%;}
.bx-dropzone-thumbs .area-drop span{position: absolute; top: 50%; right: 8px; left: 8px; transform: translate(0,-50%); padding: 40px 0 0 0; pointer-events: none; text-align: center;}
.bx-dropzone-thumbs .area-drop span::before{content:""; position: absolute; top: 0; left: 50%; transform: translate(-50%,0);; background: url(../gui/ico/upload.svg) 50% 50% no-repeat; background-size: 32px auto; width: 32px; height: 32px; filter: var(--filter-ba); -webkit-filter: var(--filter-ba);}

.bx-dropzone-thumbs .area-repo{display: grid; grid-gap: 16px; grid-template-columns: 1fr 1fr 1fr 1fr;}
.bx-dropzone-thumbs .area-repo .dz-preview{position: relative; margin: 0; padding: 0; border-radius: 4px; overflow: hidden;}
.bx-dropzone-thumbs .area-repo .dz-preview:before{content:''; display: block; padding-top: 100%;}

.bx-dropzone-thumbs .area-repo .dz-preview .dz-image{margin: 0; padding: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover !important; background-repeat: no-repeat !important; background-position: 50% 50% !important;}
.bx-dropzone-thumbs .area-repo .dz-preview .dz-image img{width: 100%}

.bx-dropzone-thumbs .area-repo .dz-preview .dz-details {position: absolute; bottom: 8px; left: 8px;}
.bx-dropzone-thumbs .area-repo .dz-preview .dz-details .dz-size{font-size: var(--texto-1); background-color: var(--color-00); height: 16px; line-height: 16px; padding: 0 4px; border-radius: 8px;}
.bx-dropzone-thumbs .area-repo .dz-preview .dz-details .dz-size strong{font-weight: 400;}
.bx-dropzone-thumbs .area-repo .dz-preview .dz-details .dz-filename{display: none !important;}
.bx-dropzone-thumbs .area-repo .dz-preview .dz-error-message{position: absolute; top: 50%; left: 8px; right: 8px; transform: translate(0,-50%);}
.bx-dropzone-thumbs .area-repo .dz-preview .dz-error-message span{display:block; background-color: var(--color-ro); color: var(--color-roc); padding: 4px; border-radius: 4px; font-size: var(--texto-1); line-height: var(--texto-1);}
.bx-dropzone-thumbs .area-repo .dz-preview .dz-progress{position: absolute; top: 8px; right: 8px; text-indent: -6000px; width: 24px; height: 24px;}

.bx-dropzone-thumbs .area-repo .dz-preview .dz-abrir{position: absolute; bottom: 8px; right: 8px; text-indent: -6000px; width: 32px; height: 32px; border-radius: 32px; background-color: var(--color-00);}
.bx-dropzone-thumbs .area-repo .dz-preview .dz-abrir::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../gui/ico/open.svg) 50% 50% no-repeat; background-size: 16px auto; filter: var(--filter-ba); -webkit-filter: var(--filter-ba);}

.bx-dropzone-thumbs .area-repo .dz-preview .dz-upload.subiendo{position: absolute; top: 0; right: 0; text-indent: -6000px; width: 24px; height: 24px; background-color: var(--color-00); border-radius: 24px;}
.bx-dropzone-thumbs .area-repo .dz-preview .dz-upload.subiendo::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../gui/ico/upload.svg) 50% 50% no-repeat; background-size: 20px auto; filter: var(--filter-ba); -webkit-filter: var(--filter-ba);}

.bx-dropzone-thumbs .area-repo .dz-preview .dz-upload.listo{position: absolute; top: 0; right: 0; text-indent: -6000px; width: 24px; height: 24px; background-color: var(--color-00); border-radius: 24px;}
.bx-dropzone-thumbs .area-repo .dz-preview .dz-upload.listo::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../gui/ico/listo.svg) 50% 50% no-repeat; background-size: 12px auto; filter: var(--filter-ba); -webkit-filter: var(--filter-ba);}

.bx-dropzone-thumbs .area-repo .dz-preview .dz-remove{position: absolute; top: 8px; right: 8px; z-index: 10; text-indent: -6000px; width: 32px; height: 32px; border-radius: 32px; background-color: var(--color-00);}
.bx-dropzone-thumbs .area-repo .dz-preview .dz-remove::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../gui/ico/basura.svg) 50% 50% no-repeat; background-size: 16px auto; filter: var(--filter-ba); -webkit-filter: var(--filter-ba);}

.bx-checador{}
.bx-checador .reader{width: 200px; height: 200px;}
.bx-checador .reader::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../gui/ico/cardWireless.svg) 50% 50% no-repeat; background-size: 160px auto; filter: var(--filter-ba); -webkit-filter: var(--filter-ba);}
.bx-checador input{position: absolute; top: 0; left: 0; width: 100px; opacity: 0;}
.bx-checador .input-ready{position: absolute; top: 16px; right: 16px;}

.bx-narrow{width: 800px; margin: 0 auto !important;}

/* Timeline */

.vis-time-axis {position: relative;overflow: hidden;}
.vis-time-axis.vis-foreground {top: 0;left: 0;width: 100%;}



.vis-time-axis.vis-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vis-time-axis .vis-text {
  position: absolute;
  color: var(--tx2) !important;
  padding: 8px !important;
  overflow: hidden;
  box-sizing: border-box;
font-size: var(--texto-1) !important;
  white-space: nowrap;
  text-decoration: uppercase !important;
}

.vis-major > div{text-transform: uppercase !important;font-weight: 500 !important;color: var(--color-100) !important;}

.vis-time-axis .vis-text.vis-measure {
  position: absolute;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  visibility: hidden;
}

.vis-time-axis .vis-grid.vis-vertical {
  position: absolute;
  border-left: 1px solid;
}

.vis-time-axis .vis-grid.vis-vertical-rtl {
  position: absolute;
  border-right: 1px solid;
}

.vis-time-axis .vis-grid.vis-minor {
  border-color: var(--color-05) !important;
}

.vis-time-axis .vis-grid.vis-major {
  border-color: var(--color-05) !important;
  
}

.vis .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.vis-active {
  box-shadow: var(--shadow-1) !important;
}

.vis-custom-time {
  background-color: #FF0000 !important;
  width: 2px;
  cursor: move;
  z-index: 1;
}

.vis-custom-time > .vis-custom-time-marker {
  background-color: inherit;
  color: white;
  font-size: var(--texto-2) !important;
  white-space: nowrap;
  padding: 3px 5px;
  top: 0px;
  cursor: initial;
  z-index: inherit;
}
.vis-timeline {
  /*
  -webkit-transition: height .4s ease-in-out;
  transition:         height .4s ease-in-out;
  */
}

.vis-panel {
  /*
  -webkit-transition: height .4s ease-in-out, top .4s ease-in-out;
  transition:         height .4s ease-in-out, top .4s ease-in-out;
  */
}

.vis-axis {
  /*
  -webkit-transition: top .4s ease-in-out;
  transition:         top .4s ease-in-out;
  */
}

/* TODO: get animation working nicely

.vis-item {
  -webkit-transition: top .4s ease-in-out;
  transition:         top .4s ease-in-out;
}

.vis-item.line {
  -webkit-transition: height .4s ease-in-out, top .4s ease-in-out;
  transition:         height .4s ease-in-out, top .4s ease-in-out;
}
/**/
.vis-current-time {
  background-color: #FF0000 !important;
  width: 2px;
  z-index: 1;
  pointer-events: none;
}

.vis-rolling-mode-btn {
  height: 40px;
  width: 40px;
  position: absolute;
  top: 8px !important;
  right: 8px !important;
  border-radius: 50%;
  font-size: 24px !important;
  cursor: pointer;
  opacity: 1 !important;
  color: var(--kac) !important;
  font-weight: bold;
  text-align: center;
  background: var(--ka) !important;
}
.vis-rolling-mode-btn:before {
  content: "\26F6";
  font-size: var(--texto-2) !important;
}

.vis-rolling-mode-btn:hover {
  opacity: 1;
}
.vis-panel {
  position: absolute;

  padding: 0;
  margin: 0;

  box-sizing: border-box;
}

.vis-panel.vis-center,
.vis-panel.vis-left,
.vis-panel.vis-right,
.vis-panel.vis-top,
.vis-panel.vis-bottom {
  border: 1px var(--color-10) !important;
}

.vis-panel.vis-center,
.vis-panel.vis-left,
.vis-panel.vis-right {
  border-top-style: solid !important;
  border-bottom-style: solid !important;
  overflow: hidden;
}

.vis-left.vis-panel.vis-vertical-scroll, .vis-right.vis-panel.vis-vertical-scroll {
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
} 

.vis-left.vis-panel.vis-vertical-scroll {
  direction: rtl;
}

.vis-left.vis-panel.vis-vertical-scroll .vis-content {
  direction: ltr;
}

.vis-right.vis-panel.vis-vertical-scroll {
  direction: ltr;
}

.vis-right.vis-panel.vis-vertical-scroll .vis-content {
  direction: rtl;
}

.vis-panel.vis-center,
.vis-panel.vis-top,
.vis-panel.vis-bottom {
  border-left-style: solid !important;
  border-right-style: solid !important;
}

.vis-background {
  overflow: hidden;
}

.vis-panel > .vis-content {
  position: relative;
}

.vis-panel .vis-shadow {
  position: absolute;
  width: 100%;
  height: 1px;
  box-shadow: 0 0 10px rgba(0,0,0,0.8);
  /* TODO: find a nice way to ensure vis-shadows are drawn on top of items
  z-index: 1;
  */
}

.vis-panel .vis-shadow.vis-top {
  top: -1px;
  left: 0;
}

.vis-panel .vis-shadow.vis-bottom {
  bottom: -1px;
  left: 0;
}
.vis-graph-group0 {
    fill:#4f81bd;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #4f81bd;
}

.vis-graph-group1 {
    fill:#f79646;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #f79646;
}

.vis-graph-group2 {
    fill: #8c51cf;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #8c51cf;
}

.vis-graph-group3 {
    fill: #75c841;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #75c841;
}

.vis-graph-group4 {
    fill: #ff0100;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #ff0100;
}

.vis-graph-group5 {
    fill: #37d8e6;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #37d8e6;
}

.vis-graph-group6 {
    fill: #042662;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #042662;
}

.vis-graph-group7 {
    fill:#00ff26;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #00ff26;
}

.vis-graph-group8 {
    fill:#ff00ff;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #ff00ff;
}

.vis-graph-group9 {
    fill: #8f3938;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #8f3938;
}

.vis-timeline .vis-fill {
    fill-opacity:0.1;
    stroke: none;
}


.vis-timeline .vis-bar {
    fill-opacity:0.5;
    stroke-width:1px;
}

.vis-timeline .vis-point {
    stroke-width:2px;
    fill-opacity:1.0;
}


.vis-timeline .vis-legend-background {
    stroke-width:1px;
    fill-opacity:0.9;
    fill: #ffffff;
    stroke: #c2c2c2;
}


.vis-timeline .vis-outline {
    stroke-width:1px;
    fill-opacity:1;
    fill: #ffffff;
    stroke: #e5e5e5;
}

.vis-timeline .vis-icon-fill {
    fill-opacity:0.3;
    stroke: none;
}


.vis-timeline {
  position: relative;
  border: 0 !important;
  overflow: hidden;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  background-color: var(--color-00) !important;
  box-shadow: var(--shadow-1) !important;
  border-radius: 4px !important;
}

.vis-loading-screen {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/* override some bootstrap styles screwing up the timelines css */

.vis [class*="span"] {
  min-height: 0;
  width: auto;
}


.vis-item {position: absolute;color: var(--color-100) !important;border-color: var(--color-00) !important;border-width: 0px !important;background-color: var(--color-05) !important;display: inline-block;z-index: 1;border-radius: 4px !important;}

.ficha-mec {background-color: #263891 !important; color: #FFFFFF !important;}
.ficha-mec-1 {background-color: #263891 !important; color: #FFFFFF !important;background: repeating-linear-gradient(0deg,#263891,#263891 19px,rgba(0,0,0,0.2) 19px,rgba(0,0,0,0.2) 48px);}
.ficha-mec-2 {background-color: #263891 !important; color: #FFFFFF !important;background: repeating-linear-gradient(45deg,#263891,#263891 4px,rgba(0,0,0,0.2) 4px,rgba(0,0,0,0.2) 8px);}
.ficha-mec-3 {background-color: var(--bg3) !important; color: var(--tx3) !important;}

.ficha-des {background-color: #00BD4F !important; color: #FFFFFF !important;}
.ficha-des-1 {background-color: #00BD4F !important; color: #FFFFFF !important;background: repeating-linear-gradient(0deg,#00BD4F,#00BD4F 19px,rgba(0,0,0,0.2) 19px,rgba(0,0,0,0.2) 48px);}
.ficha-des-2 {background-color: #00BD4F !important; color: #FFFFFF !important;background: repeating-linear-gradient(45deg,#00BD4F,#00BD4F 4px,rgba(0,0,0,0.2) 4px,rgba(0,0,0,0.2) 8px);}
.ficha-des-3 {background-color: var(--bg3) !important; color: var(--tx3) !important;}

.ficha-arm {background-color: #00BD4F !important; color: #FFFFFF !important;}
.ficha-arm-1 {background-color: #00BD4F !important; color: #FFFFFF !important;background: repeating-linear-gradient(0deg,#00BD4F,#00BD4F 19px,rgba(0,0,0,0.2) 19px,rgba(0,0,0,0.2) 48px);}
.ficha-arm-2 {background-color: #00BD4F !important; color: #FFFFFF !important;background: repeating-linear-gradient(45deg,#00BD4F,#00BD4F 4px,rgba(0,0,0,0.2) 4px,rgba(0,0,0,0.2) 8px);}
.ficha-arm-3 {background-color: var(--bg3) !important; color: var(--tx3) !important;}

.ficha-hoj {background-color: #056839 !important; color: #FFFFFF !important;}
.ficha-hoj-1 {background-color: #056839 !important; color: #FFFFFF !important;background: repeating-linear-gradient(0deg,#056839,#056839 19px,rgba(0,0,0,0.2) 19px,rgba(0,0,0,0.2) 48px);}
.ficha-hoj-2 {background-color: #056839 !important; color: #FFFFFF !important;background: repeating-linear-gradient(45deg,#056839,#056839 4px,rgba(0,0,0,0.2) 4px,rgba(0,0,0,0.2) 8px);}
.ficha-hoj-3 {background-color: var(--bg3) !important; color: var(--tx3) !important;}

.ficha-pre {background-color: #F7C90B !important; color: #FFFFFF !important;}
.ficha-pre-1 {background-color: #F7C90B !important; color: #FFFFFF !important;background: repeating-linear-gradient(0deg,#F7C90B,#F7C90B 19px,rgba(0,0,0,0.2) 19px,rgba(0,0,0,0.2) 48px);}
.ficha-pre-2 {background-color: #F7C90B !important; color: #FFFFFF !important;background: repeating-linear-gradient(45deg,#F7C90B,#F7C90B 4px,rgba(0,0,0,0.2) 4px,rgba(0,0,0,0.2) 8px);}
.ficha-pre-3 {background-color: var(--bg3) !important; color: var(--tx3) !important;}

.ficha-pin {background-color: #EA1D21 !important; color: #FFFFFF !important;}
.ficha-pin-1 {background-color: #EA1D21 !important; color: #FFFFFF !important;background: repeating-linear-gradient(0deg,#EA1D21,#EA1D21 19px,rgba(0,0,0,0.2) 19px,rgba(0,0,0,0.2) 48px);}
.ficha-pin-2 {background-color: #EA1D21 !important; color: #FFFFFF !important;background: repeating-linear-gradient(45deg,#EA1D21,#EA1D21 4px,rgba(0,0,0,0.2) 4px,rgba(0,0,0,0.2) 8px);}
.ficha-pin-3 {background-color: var(--bg3) !important; color: var(--tx3) !important;}

.ficha-pul {background-color: #ED34AD !important; color: #FFFFFF !important;}
.ficha-pul-1 {background-color: #ED34AD !important; color: #FFFFFF !important;background: repeating-linear-gradient(0deg,#ED34AD,#ED34AD 19px,rgba(0,0,0,0.2) 19px,rgba(0,0,0,0.2) 48px);}
.ficha-pul-2 {background-color: #ED34AD !important; color: #FFFFFF !important;background: repeating-linear-gradient(45deg,#ED34AD,#ED34AD 4px,rgba(0,0,0,0.2) 4px,rgba(0,0,0,0.2) 8px);}
.ficha-pul-3 {background-color: var(--bg3) !important; color: var(--tx3) !important;}

.ficha-lav {background-color: #1186D8 !important; color: #FFFFFF !important;}
.ficha-lav-1 {background-color: #1186D8 !important; color: #FFFFFF !important;background: repeating-linear-gradient(0deg,#1186D8,#1186D8 19px,rgba(0,0,0,0.2) 19px,rgba(0,0,0,0.2) 48px);}
.ficha-lav-2 {background-color: #1186D8 !important; color: #FFFFFF !important;background: repeating-linear-gradient(45deg,#1186D8,#1186D8 4px,rgba(0,0,0,0.2) 4px,rgba(0,0,0,0.2) 8px);}
.ficha-lav-3 {background-color: var(--bg3) !important; color: var(--tx3) !important;}

.ficha-cal {background-color: #F8EE73 !important; color: #000000 !important;}
.ficha-cal-1 {background-color: #F8EE73 !important; color: #FFFFFF !important;background: repeating-linear-gradient(0deg,#F8EE73,#F8EE73 19px,rgba(0,0,0,0.2) 19px,rgba(0,0,0,0.2) 48px);}
.ficha-cal-2 {background-color: #F8EE73 !important; color: #FFFFFF !important;background: repeating-linear-gradient(45deg,#F8EE73,#F8EE73 4px,rgba(0,0,0,0.2) 4px,rgba(0,0,0,0.2) 8px);}
.ficha-cal-3 {background-color: var(--bg3) !important; color: var(--tx3) !important;}

/*.ficha-az1{background-color: #097AFE !important; color: #FFFFFF !important;}
.ficha-az2{background-color: #64D2FD !important; color: #FFFFFF !important;}
.ficha-az3{background-color: #AF52DE !important; color: #FFFFFF !important;}
.ficha-ro1{background-color: #FD3B30 !important; color: #FFFFFF !important;}
.ficha-ro2{background-color: #FD606E !important; color: #FFFFFF !important;}
.ficha-ve1{background-color: #34C759 !important; color: #FFFFFF !important;}
.ficha-ve2{background-color: #ABED2F !important; color: #FFFFFF !important;}
.ficha-na1{background-color: #FE9504 !important; color: #FFFFFF !important;}
.ficha-am1{background-color: #FED609 !important; color: #FFFFFF !important;}*/



.vis-item.vis-selected {
  border-color: var(--color-100) !important;
  background-color: var(--color-100) !important;
  color: var(--color-00) !important;
  z-index: 2;
}

.vis-editable.vis-selected {
  cursor: move;
}

.vis-item.vis-point.vis-selected {
  background-color: var(--ka) !important;
}

.vis-item.vis-box {
  text-align: center;
  border-style: solid;
  border-radius: 2px;
}

.vis-item.vis-point {
  background: none;
}

.vis-item.vis-dot {
  position: absolute;
  padding: 0;
  border-width: 4px;
  border-style: solid;
  border-radius: 4px;
}

.vis-item.vis-range {
  border-style: solid;
  border-radius: 2px;
  box-sizing: border-box;
}

.vis-item.vis-background {
  border: none;
  background-color: rgba(213, 221, 246, 0.4);
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.vis-item .vis-item-overflow {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.vis-item-visible-frame {
  white-space: nowrap;
}

.vis-item.vis-range .vis-item-content {
  position: relative;
  display: inline-block;
}

.vis-item.vis-background .vis-item-content {
  position: absolute;
  display: inline-block;
}

.vis-item.vis-line {
  padding: 0;
  position: absolute;
  width: 0;
  border-left-width: 1px;
  border-left-style: solid;
}

.vis-item .vis-item-content {white-space: nowrap;box-sizing: border-box;padding: 8px 16px !important;}

.vis-item .vis-onUpdateTime-tooltip {
  position: absolute;
  background: #4f81bd;
  color: white;
  width: 200px;
  text-align: center;
  white-space: nowrap;
  padding: 5px;
  border-radius: 1px;
  transition: 0.4s;
  -o-transition: 0.4s;
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
}

.vis-item .vis-delete, .vis-item .vis-delete-rtl {
  position: absolute;
  top: 0px;
  width: 32px !important;
  height: 32px !important;
  box-sizing: border-box;
  padding: 0px !important;
  text-align: center !important;
  cursor: pointer;
  border-radius: 4px !important;

  -webkit-transition: background 0.2s linear;
  -moz-transition: background 0.2s linear;
  -ms-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  transition: background 0.2s linear;
}

.vis-item .vis-delete {
  right: -32px !important;
}

.vis-item .vis-delete-rtl {
  left: -32px !important;
}

.vis-item .vis-delete:after, .vis-item .vis-delete-rtl:after {
  content: "\00D7"; /* MULTIPLICATION SIGN */
  color: red;
  font-family: arial, sans-serif;
  font-size: 24px;
  line-height: 32px !important;
  font-weight: bold;
  text-align: center !important;

  -webkit-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -ms-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}

.vis-item .vis-delete:hover, .vis-item .vis-delete-rtl:hover {
  background: red;
}

.vis-item .vis-delete:hover:after, .vis-item .vis-delete-rtl:hover:after {
  color: white;
}

.vis-item .vis-drag-center {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0px;
  cursor: move;
}

.vis-item.vis-range .vis-drag-left {
  position: absolute;
  width: 24px;
  max-width: 20%;
  min-width: 2px;
  height: 100%;
  top: 0;
  left: -4px;

  cursor: w-resize;
}

.vis-item.vis-range .vis-drag-right {
  position: absolute;
  width: 24px;
  max-width: 20%;
  min-width: 2px;
  height: 100%;
  top: 0;
  right: -4px;

  cursor: e-resize;
}

.vis-range.vis-item.vis-readonly .vis-drag-left,
.vis-range.vis-item.vis-readonly .vis-drag-right {
  cursor: auto;
}

.vis-item.vis-cluster {
  vertical-align: center;
  text-align: center;
  border-style: solid;
  border-radius: 2px;
}

.vis-item.vis-cluster-line {
  padding: 0;
  position: absolute;
  width: 0;
  border-left-width: 1px;
  border-left-style: solid;
}

.vis-item.vis-cluster-dot {
  position: absolute;
  padding: 0;
  border-width: 4px;
  border-style: solid;
  border-radius: 4px;
}
div.vis-tooltip {
  position: absolute;
  visibility: hidden;
  padding: 5px;
  white-space: nowrap;

  font-family: verdana;
  font-size:14px;
  color:#000000;
  background-color: #f5f4ed;

  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #808074;

  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
  pointer-events: none;

  z-index: 5;
}


.vis-itemset {
  position: relative;
  padding: 0;
  margin: 0;

  box-sizing: border-box;
}

.vis-itemset .vis-background,
.vis-itemset .vis-foreground {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.vis-axis {
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  z-index: 1;
}

.vis-foreground .vis-group {position: relative;box-sizing: border-box;border-bottom: 1px solid var(--color-05) !important; }

.vis-foreground .vis-group:last-child {
  border-bottom: none;
}

.vis-nesting-group {
  cursor: pointer; font-weight: 500 !important; color: var(--color-100) !important;
}

.vis-label.vis-nested-group.vis-group-level-unknown-but-gte1 {background: var(--color-00) !important;}

.vis-label.vis-nested-group.vis-group-level-0 {
  background-color: red !important;
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-0 .vis-inner {
  padding-left: 0;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-0 .vis-inner {
  padding-right: 0;
}
.vis-label.vis-nested-group.vis-group-level-1 {
  background-color: rgba(0, 0, 0, 0.05);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-1 .vis-inner {
  padding-left: 15px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-1 .vis-inner {
  padding-right: 15px;
}
.vis-label.vis-nested-group.vis-group-level-2 {
  background-color: rgba(0, 0, 0, 0.1);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-2 .vis-inner {
  padding-left: 30px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-2 .vis-inner {
  padding-right: 30px;
}
.vis-label.vis-nested-group.vis-group-level-3 {
  background-color: rgba(0, 0, 0, 0.15);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-3 .vis-inner {
  padding-left: 45px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-3 .vis-inner {
  padding-right: 45px;
}
.vis-label.vis-nested-group.vis-group-level-4 {
  background-color: rgba(0, 0, 0, 0.2);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-4 .vis-inner {
  padding-left: 60px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-4 .vis-inner {
  padding-right: 60px;
}
.vis-label.vis-nested-group.vis-group-level-5 {
  background-color: rgba(0, 0, 0, 0.25);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-5 .vis-inner {
  padding-left: 75px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-5 .vis-inner {
  padding-right: 75px;
}
.vis-label.vis-nested-group.vis-group-level-6 {
  background-color: rgba(0, 0, 0, 0.3);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-6 .vis-inner {
  padding-left: 90px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-6 .vis-inner {
  padding-right: 90px;
}
.vis-label.vis-nested-group.vis-group-level-7 {
  background-color: rgba(0, 0, 0, 0.35);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-7 .vis-inner {
  padding-left: 105px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-7 .vis-inner {
  padding-right: 105px;
}
.vis-label.vis-nested-group.vis-group-level-8 {
  background-color: rgba(0, 0, 0, 0.4);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-8 .vis-inner {
  padding-left: 120px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-8 .vis-inner {
  padding-right: 120px;
}
.vis-label.vis-nested-group.vis-group-level-9 {
  background-color: rgba(0, 0, 0, 0.45);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-9 .vis-inner {
  padding-left: 135px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-9 .vis-inner {
  padding-right: 135px;
}
/* default takes over beginning with level-10 (thats why we add .vis-nested-group
  to the selectors above, to have higher specifity than these rules for the defaults) */
.vis-label.vis-nested-group {
  background-color: rgba(0, 0, 0, 0.5);
}
.vis-ltr .vis-label.vis-nested-group .vis-inner {
  padding-left: 150px;
}
.vis-rtl .vis-label.vis-nested-group .vis-inner {
  padding-right: 150px;
}

.vis-group-level-unknown-but-gte1 {border: none !important;}

/* expanded/collapsed indicators */
.vis-label.vis-nesting-group:before, .vis-label.vis-nesting-group:before {display: inline-block;width: 0px !important;}
.vis-label.vis-nesting-group.expanded:before {content: "" !important;}
.vis-label.vis-nesting-group.collapsed:before {content: "" !important;}
.vis-rtl .vis-label.vis-nesting-group.collapsed:before {content: "" !important;}
.vis-ltr .vis-label:not(.vis-nesting-group):not(.vis-group-level-0) {padding-left: 24px !important;}
.vis-rtl .vis-label:not(.vis-nesting-group):not(.vis-group-level-0) {padding-right: 24px !important;}

.vis-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.vis-labelset {
  position: relative;

  overflow: hidden;

  box-sizing: border-box;
}

.vis-labelset .vis-label {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  color: #4d4d4d;

  box-sizing: border-box;
}

.vis-labelset .vis-label {border-bottom: 1px solid var(--color-05) !important;}

.vis-labelset .vis-label.draggable {
  cursor: pointer;
}

.vis-group-is-dragging {
  background: rgba(0, 0, 0, .1);
}

.vis-labelset .vis-label:last-child {
  border-bottom: none;
}

.vis-labelset .vis-label .vis-inner {display: inline-block;padding: 8px 16px !important;}

.vis-labelset .vis-label .vis-inner.vis-hidden {
  padding: 0;
}

div.vis-configuration {
    position:relative;
    display:block;
    float:left;
    font-size:12px;
}

div.vis-configuration-wrapper {
    display:block;
    width:700px;
}

div.vis-configuration-wrapper::after {
  clear: both;
  content: "";
  display: block;
}

div.vis-configuration.vis-config-option-container{
    display:block;
    width:495px;
    background-color: #ffffff;
    border:2px solid #f7f8fa;
    border-radius:4px;
    margin-top:20px;
    left:10px;
    padding-left:5px;
}

div.vis-configuration.vis-config-button{
    display:block;
    width:495px;
    height:25px;
    vertical-align: middle;
    line-height:25px;
    background-color: #f7f8fa;
    border:2px solid #ceced0;
    border-radius:4px;
    margin-top:20px;
    left:10px;
    padding-left:5px;
    cursor: pointer;
    margin-bottom:30px;
}

div.vis-configuration.vis-config-button.hover{
    background-color: #4588e6;
    border:2px solid #214373;
    color:#ffffff;
}

div.vis-configuration.vis-config-item{
    display:block;
    float:left;
    width:495px;
    height:25px;
    vertical-align: middle;
    line-height:25px;
}


div.vis-configuration.vis-config-item.vis-config-s2{
    left:10px;
    background-color: #f7f8fa;
    padding-left:5px;
    border-radius:3px;
}
div.vis-configuration.vis-config-item.vis-config-s3{
    left:20px;
    background-color: #e4e9f0;
    padding-left:5px;
    border-radius:3px;
}
div.vis-configuration.vis-config-item.vis-config-s4{
    left:30px;
    background-color: #cfd8e6;
    padding-left:5px;
    border-radius:3px;
}

div.vis-configuration.vis-config-header{
    font-size:18px;
    font-weight: bold;
}

div.vis-configuration.vis-config-label{
    width:120px;
    height:25px;
    line-height: 25px;
}

div.vis-configuration.vis-config-label.vis-config-s3{
    width:110px;
}
div.vis-configuration.vis-config-label.vis-config-s4{
    width:100px;
}

div.vis-configuration.vis-config-colorBlock{
    top:1px;
    width:30px;
    height:19px;
    border:1px solid #444444;
    border-radius:2px;
    padding:0px;
    margin:0px;
    cursor:pointer;
}

input.vis-configuration.vis-config-checkbox {
    left:-5px;
}


input.vis-configuration.vis-config-rangeinput{
    position:relative;
    top:-5px;
    width:60px;
    /*height:13px;*/
    padding:1px;
    margin:0;
    pointer-events:none;
}

input.vis-configuration.vis-config-range{
    /*removes default webkit styles*/
    -webkit-appearance: none;

    /*fix for FF unable to apply focus style bug */
    border: 0px solid white;
    background-color:rgba(0,0,0,0);

    /*required for proper track sizing in FF*/
    width: 300px;
    height:20px;
}
input.vis-configuration.vis-config-range::-webkit-slider-runnable-track {
    width: 300px;
    height: 5px;
    background: #dedede; /* Old browsers */
    background: -moz-linear-gradient(top,  #dedede 0%, #c8c8c8 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(99%,#c8c8c8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dedede 0%,#c8c8c8 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dedede 0%, #c8c8c8 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dedede 0%,#c8c8c8 99%); /* IE10+ */
    background: linear-gradient(to bottom,  #dedede 0%,#c8c8c8 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-9 */

    border: 1px solid #999999;
    box-shadow: #aaaaaa 0px 0px 3px 0px;
    border-radius: 3px;
}
input.vis-configuration.vis-config-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: 1px solid #14334b;
    height: 17px;
    width: 17px;
    border-radius: 50%;
    background: #3876c2; /* Old browsers */
    background: -moz-linear-gradient(top,  #3876c2 0%, #385380 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3876c2), color-stop(100%,#385380)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3876c2 0%,#385380 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3876c2 0%,#385380 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3876c2 0%,#385380 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #3876c2 0%,#385380 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3876c2', endColorstr='#385380',GradientType=0 ); /* IE6-9 */
    box-shadow: #111927 0px 0px 1px 0px;
    margin-top: -7px;
}
input.vis-configuration.vis-config-range:focus {
    outline: none;
}
input.vis-configuration.vis-config-range:focus::-webkit-slider-runnable-track {
    background: #9d9d9d; /* Old browsers */
    background: -moz-linear-gradient(top, #9d9d9d 0%, #c8c8c8 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9d9d9d), color-stop(99%,#c8c8c8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #9d9d9d 0%,#c8c8c8 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #9d9d9d 0%,#c8c8c8 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #9d9d9d 0%,#c8c8c8 99%); /* IE10+ */
    background: linear-gradient(to bottom,  #9d9d9d 0%,#c8c8c8 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d9d9d', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-9 */
}

input.vis-configuration.vis-config-range::-moz-range-track {
    width: 300px;
    height: 10px;
    background: #dedede; /* Old browsers */
    background: -moz-linear-gradient(top,  #dedede 0%, #c8c8c8 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(99%,#c8c8c8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dedede 0%,#c8c8c8 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dedede 0%, #c8c8c8 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dedede 0%,#c8c8c8 99%); /* IE10+ */
    background: linear-gradient(to bottom,  #dedede 0%,#c8c8c8 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-9 */

    border: 1px solid #999999;
    box-shadow: #aaaaaa 0px 0px 3px 0px;
    border-radius: 3px;
}
input.vis-configuration.vis-config-range::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;

    border-radius: 50%;
    background:  #385380;
}

/*hide the outline behind the border*/
input.vis-configuration.vis-config-range:-moz-focusring{
    outline: 1px solid white;
    outline-offset: -1px;
}

input.vis-configuration.vis-config-range::-ms-track {
    width: 300px;
    height: 5px;

    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;

    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;

    /*remove default tick marks*/
    color: transparent;
}
input.vis-configuration.vis-config-range::-ms-fill-lower {
    background: #777;
    border-radius: 10px;
}
input.vis-configuration.vis-config-range::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px;
}
input.vis-configuration.vis-config-range::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background:  #385380;
}
input.vis-configuration.vis-config-range:focus::-ms-fill-lower {
    background: #888;
}
input.vis-configuration.vis-config-range:focus::-ms-fill-upper {
    background: #ccc;
}

.vis-configuration-popup {
    position: absolute;
    background: rgba(57, 76, 89, 0.85);
    border: 2px solid #f2faff;
    line-height:30px;
    height:30px;
    width:150px;
    text-align:center;
    color: #ffffff;
    font-size:14px;
    border-radius:4px;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
.vis-configuration-popup:after, .vis-configuration-popup:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.vis-configuration-popup:after {
    border-color: rgba(136, 183, 213, 0);
    border-left-color: rgba(57, 76, 89, 0.85);
    border-width: 8px;
    margin-top: -8px;
}
.vis-configuration-popup:before {
    border-color: rgba(194, 225, 245, 0);
    border-left-color: #f2faff;
    border-width: 12px;
    margin-top: -12px;
}

.vis-panel.vis-background.vis-horizontal .vis-grid.vis-horizontal {
  position: absolute;
  width: 100%;
  height: 0;
  border-bottom: 1px solid;
}

.vis-panel.vis-background.vis-horizontal .vis-grid.vis-minor {
  border-color: #e5e5e5;
}

.vis-panel.vis-background.vis-horizontal .vis-grid.vis-major {
  border-color: #bfbfbf;
}


.vis-data-axis .vis-y-axis.vis-major {
  width: 100%;
  position: absolute;
  color: #4d4d4d;
  white-space: nowrap;
  
}

.vis-data-axis .vis-y-axis.vis-major.vis-measure {
  padding: 0;
  margin: 0;
  border: 0;
  visibility: hidden;
  width: auto;
}


.vis-data-axis .vis-y-axis.vis-minor {
  position: absolute;
  width: 100%;
  color: #bebebe;
  white-space: nowrap;
}

.vis-data-axis .vis-y-axis.vis-minor.vis-measure {
  padding: 0;
  margin: 0;
  border: 0;
  visibility: hidden;
  width: auto;
}

.vis-data-axis .vis-y-axis.vis-title {
  position: absolute;
  color: #4d4d4d;
  white-space: nowrap;
  bottom: 20px;
  text-align: center;
}

.vis-data-axis .vis-y-axis.vis-title.vis-measure {
  padding: 0;
  margin: 0;
  visibility: hidden;
  width: auto;
}

.vis-data-axis .vis-y-axis.vis-title.vis-left {
  bottom: 0;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left bottom;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.vis-data-axis .vis-y-axis.vis-title.vis-right {
  bottom: 0;
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.vis-legend {
  background-color: rgba(247, 252, 255, 0.65);
  padding: 5px;
  border: 1px solid #b3b3b3;
  box-shadow: 2px 2px 10px rgba(154, 154, 154, 0.55);
}

.vis-legend-text {
  /*font-size: 10px;*/
  white-space: nowrap;
  display: inline-block
}

.vis-h0{background-color: var(--color-05) !important;}



/*# sourceMappingURL=vis-timeline-graph2d.css.map */

.logo-master {position: relative; margin: 0 auto; width: 88px; height: 88px; border-radius: 100%; background: url(../media/recursos/logo-master.png) 50% 50% no-repeat; background-size: cover; background-color: var(--color-00); border: 4px solid var(--color-00); box-shadow: var(--shadow-1);}

/* Layout WS */

.layout-ws {position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: auto;}
.layout-ws .contenido {position: relative; z-index: 1;}
.layout-ws .contenido .modulo-contenido{padding:40px;}

/* Layout Admin */

.layout-admin {position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; display: grid; grid-gap: 0; grid-template-columns: 1fr; grid-template-rows: auto 1fr auto;}
/*.layout-admin {position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: auto;}*/

.layout-admin .login {position: fixed; top: 0; right: 0; bottom: 0; left: 0;}
.layout-admin .login .bx-login{position: absolute; top: 50%;left: 50%; transform: translate(-50%,-50%); width: 320px;}
.layout-admin .login .bx-login .logo {position: relative; bottom: 40px; margin: 0 auto; width: 88px; height: 88px; background-color: var(--color-00); border-radius: 100%; background: url(../media/recursos/logo-login.png) 50% 50% no-repeat; background-size: cover; background-color: var(--color-00); border: 4px solid var(--color-10); box-shadow: var(--shadow-1);}
.layout-admin .login .bx-login .bx-acceso{}

.layout-admin .header-overlay{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; background-color: var(--overlay); opacity: 1; overflow: auto !important;}

.layout-admin .header{position: relative; z-index: 2; display: flex; flex-wrap: wrap; gap:0 16px; margin: 0; padding: 16px 24px; background-color: var(--bg1);}
.layout-admin .header .header-nav-call{}
.layout-admin .header .header-back{}
.layout-admin .header .header-titulo{flex: 1;}
.layout-admin .header .header-nav-modulo{}
.layout-admin .header .header-tools{flex-basis: 100%; margin: 8px 0 -16px 0; border-top: 1px solid var(--bd1);}

.layout-admin .header .nav-call{position: relative; width: 36px; height: 36px; border-radius: 0px; margin: 0; background-color: var(--kal); display: block; border-radius: 36px;}
.layout-admin .header .nav-call::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; background: url(../gui/ico/nav.svg) 50% 50% no-repeat; background-size: 32px auto; width: 36px;filter: var(--filter-ka); -webkit-filter: var(--filter-ka);}

.layout-admin .header .nav-back{position: relative; width: 36px; height: 36px; margin: 0; background-color: var(--kal); display: block; border-radius: 36px;}
.layout-admin .header .nav-back::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; background: url(../gui/ico/arrow-left.svg) 50% 50% no-repeat; background-size: 24px auto; width: 36px;filter: var(--filter-ka); -webkit-filter: var(--filter-ka);}

.layout-admin .header h1{font-size: var(--texto-3); color: var(--color-100); margin: 0; padding: 0; height: 36px; line-height: 36px;}

.layout-admin .header .buscar {position: relative; display: none;}
.layout-admin .header .buscar input{border-radius: 40px; height: 40px; text-indent: 40px; font-size: var(--texto-2); border: 1px solid var(--color-05); background-color: var(--color-00) !important; box-shadow: none;}
.layout-admin .header .buscar input:focus{border: 1px solid var(--ka);}
.layout-admin .header .buscar input::-webkit-input-placeholder {color: var(--tx2);}
.layout-admin .header .buscar .ico-buscar::before{content:""; position: absolute; top: 0; left: 4px; bottom: 0; z-index: 1; background: url(../gui/ico/buscar.svg) 50% 50% no-repeat !important; background-size: 24px auto !important; width: 40px; height: 40px; filter: var(--filter-co); -webkit-filter: var(--filter-co); pointer-events: none;}

.layout-admin .header .nav-modulo{position: relative;}
.layout-admin .header .nav-modulo ul{display: flex; gap: 8px; margin: 0; padding: 0;overflow: hidden;}
.layout-admin .header .nav-modulo ul li{list-style: none;margin: 0; padding: 0;}
.layout-admin .header .nav-modulo ul li:not(:last-child){border-right: 1px solid var(--color-00)}
.layout-admin .header .nav-modulo ul li a{display: block; background-color: var(--kal); color: var(--ka); font-size: var(--texto-2); font-weight: 500; letter-spacing: normal; padding: 0 16px; height: 36px; line-height: 36px; border-radius: 36px; border: 0px solid var(--bd1);}
.layout-admin .header .nav-modulo ul li a.key{}

.layout-admin .header .modulo-tools{padding: 8px 0;}
.layout-admin .header .modulo-tools ul.nav-tabs {padding: 0; margin:0; display: flex; flex-flow: row wrap; gap: 16px; list-style: none;}
.layout-admin .header .modulo-tools ul.nav-tabs li{padding: 0; margin:0;}
.layout-admin .header .modulo-tools ul.nav-tabs li a{flex-basis: auto; margin: 0; padding: 0; height: 32px; line-height: 32px; display: block; font-weight: 400; color: var(--tx2);}
.layout-admin .header .modulo-tools ul.nav-tabs li a.activo{color: var(--ka); font-weight: 500;}

.layout-admin .menu-overlay{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; background-color: var(--overlay); opacity: 1; overflow: auto !important; display: none; padding: 40px; box-sizing: border-box;}
.layout-admin .menu { box-sizing: border-box; width: 300px; position: relative; z-index: 4; border-radius: 8px; background-color: var(--color-00);}
.layout-admin .menu .logo {position: relative; width: 32px; height: 56px;}
.layout-admin .menu .logo::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; background: url(../gui/logo.svg?1) 50% 50% no-repeat; background-size: 32px 56px; width: 32px;filter: var(--filter-ba); -webkit-filter: var(--filter-ba);}
.layout-admin .menu .nav {padding: 32px;}
.layout-admin .menu .nav ul.nav-items{display: grid; margin: 0; padding: 0; grid-gap: 12px 8px; grid-template-columns: 1fr}
.layout-admin .menu .nav ul.nav-items li{display: block; margin: 0; padding: 0;}
.layout-admin .menu .nav ul.nav-items li a{display: block; font-size: var(--texto-2); font-weight: 400; color: var(--color-100);}
.layout-admin .menu .nav ul.nav-items li a.activo{font-weight: 500; color: var(--ka);}
.layout-admin .menu .nav ul.nav-items li ul {margin: 12px 0 4px 20px; padding: 0; display: none; }
.layout-admin .menu .nav ul.nav-items li ul a {font-weight: 400; padding: 6px 0; color: var(--tx2);}

.layout-admin .menu .nav-footer {padding: 32px; border-top: 1px solid var(--color-10)}
.layout-admin .menu .nav-footer ul.nav-items-footer{display: grid; margin: 0; padding: 0; grid-gap: 8px; grid-template-columns: 1fr}
.layout-admin .menu .nav-footer ul.nav-items-footer li{display: block; margin: 0;}
.layout-admin .menu .nav-footer ul.nav-items-footer li a{padding: 0; display: block; font-size: var(--texto-2); font-weight: 400; color: var(--color-100);}

.layout-admin .contenido {position: relative; z-index: 1; overflow-x: none; overflow-y: scroll; background-color: var(--bg2);}
.layout-admin .contenido .breadcrumb{margin: 0 0 16px 0;}
.layout-admin .contenido .breadcrumb a {height: 32px; line-height: 32px; padding: 0 28px 0 0; position: relative;}
.layout-admin .contenido .breadcrumb a::before{content:""; position: absolute; top: -4px; right: 0; bottom: 0; background: url(../gui/ico/arrow-right.svg) 50% 50% no-repeat; background-size: 20px auto; width: 24px; height: 24px; filter: var(--filter-co); -webkit-filter: var(--filter-co);}
.layout-admin .contenido .breadcrumb a:last-child {padding: 0;}
.layout-admin .contenido .breadcrumb a:last-child::before{background-image: none;}

.layout-admin .contenido .pop-sub-modulo{position: absolute; z-index: 1; top: 2px; right: -56px; background-color: var(--color-05); width: 40px; height: 24px; border-radius: 32px; display: inline-block;}
.layout-admin .contenido .pop-sub-modulo::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; background: url(../gui/ico/opcion.svg) 50% 50% no-repeat; background-size: 32px auto; width: 40px;filter: var(--filter-ba); -webkit-filter: var(--filter-ba);}

.layout-admin .contenido .modulo-contenido{padding: 24px; box-sizing: border-box;}
.layout-admin .contenido .modulo-contenido-narrow{max-width: 720px; margin: 0 auto;}

.layout-admin .grid-1-2{position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; display: grid; grid-template-columns: 32% 1fr; grid-template-rows: 1fr;}
.layout-admin .grid-1-2 .col1{overflow-y: auto; padding: 24px 12px 24px 24px; box-sizing: border-box;}
.layout-admin .grid-1-2 .col2{overflow-y: auto; padding: 24px 24px 24px 12px; box-sizing: border-box;}

.layout-admin .grid-pos{position: fixed; top: 80px; right: 0; bottom: 80px; left: 0; display: grid; padding: 0; grid-gap: 0; grid-template-columns: 2fr 1fr; grid-template-rows: 1fr;}
.layout-admin .grid-pos .catalogo {overflow: scroll; position: relative; padding: 40px;}
.layout-admin .grid-pos .catalogo .items {display: grid; grid-gap: 16px; padding: 0; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-rows: 1fr; }
.layout-admin .grid-pos .catalogo .items .item{position:relative; background-color: var(--color-00); border-radius: 4px; padding: 16px; box-sizing: border-box; aspect-ratio: 1}

.layout-admin .grid-pos .catalogo .items .item .img{background-size: cover !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; background-color: var(--color-00) !important; border-radius: 7px; position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px; z-index: 1;}
.layout-admin .grid-pos .catalogo .items .item .data-float{position: absolute; bottom: 0; right: 0; left: 0; z-index: 2; background-color: var(--color-00); padding: 8px; border-radius: 0 0 8px 8px;}
.layout-admin .grid-pos .catalogo .items .item .data-float .titulo{margin: 0; padding: 0; color: var(--color-100);}
.layout-admin .grid-pos .catalogo .items .item .data-float .precio{margin: 0; padding: 0; font-size: var(--texto-1);}

.layout-admin .grid-pos .catalogo .items .item .data{}
.layout-admin .grid-pos .catalogo .items .item .data h3{margin: 0; padding: 0; font-size: calc(0.8em + 0.8vw); overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-word; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;}
.layout-admin .grid-pos .catalogo .items .item .data .titulo{margin: 0; padding: 0; color: var(--color-100);}
.layout-admin .grid-pos .catalogo .items .item .data .precio{position: absolute; bottom: 16px; left: 16px;}
.layout-admin .grid-pos .catalogo .items .item .data .items-count{position: absolute; bottom: 16px; left: 16px;}

.layout-admin .grid-pos .catalogo .items .item-opciones{position:relative; background-color: var(--color-00); border-radius: 4px; padding: 16px; box-sizing: border-box; aspect-ratio: 1}
.layout-admin .grid-pos .catalogo .items .item-opciones .data{position: absolute; bottom: 16px; left: 16px; right: 16px; text-align: center; color: var(--color-100);}
.layout-admin .grid-pos .catalogo .items .opcion-ico::before{content:""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: 50% 50% !important; background-repeat: no-repeat !important; background-size: 56px !important; filter: var(--filter-ba); -webkit-filter: var(--filter-ba);}
.layout-admin .grid-pos .catalogo .items .opcion-start::before{background: url(../gui/ico/grid-menu.svg)}
.layout-admin .grid-pos .catalogo .items .opcion-back::before{background: url(../gui/ico/back.svg)}
.layout-admin .grid-pos .catalogo .items .opcion-cliente::before{background: url(../gui/ico/usuario.svg)}
.layout-admin .grid-pos .catalogo .items .opcion-custom::before{background: url(../gui/ico/custom-add.svg)}
.layout-admin .grid-pos .catalogo .items .opcion-notas::before{background: url(../gui/ico/notas.svg)}
.layout-admin .grid-pos .catalogo .items .opcion-cancelar::before{background: url(../gui/ico/del.svg)}
.layout-admin .grid-pos .catalogo .items .opcion-envio::before{background: url(../gui/ico/direccion.svg)}
.layout-admin .grid-pos .catalogo .items .opcion-descuento::before{background: url(../gui/ico/descuento.svg)}
.layout-admin .grid-pos .catalogo .items .opcion-imprimir::before{background: url(../gui/ico/print-ticket.svg)}

.layout-admin .grid-pos .catalogo .items .item-opciones .check {box-sizing: border-box;position: absolute; top: 8px; right: 8px;display: block;width: 32px;height: 32px;border-radius: 100px;background-color: var(--ka);}
.layout-admin .grid-pos .catalogo .items .item-opciones .check::after {content: "";display: block;box-sizing: border-box;position: absolute;left: 8px;top: 3px;width: 8px;height: 14px;border-color: var(--kac);border-width: 0 3px 3px 0;border-style: solid;transform-origin: bottom left;transform: rotate(45deg)}

.layout-admin .grid-pos .cuenta {padding: 40px; background-color: var(--color-00); overflow: auto; border-left: 1px solid var(--color-05);}
.layout-admin .grid-pos .cuenta .items{overflow: auto; position: relative;} 
.layout-admin .grid-pos .cuenta .items .item{box-sizing: border-box; border-bottom: 1px solid var(--color-05);display: grid; grid-gap: 0; padding: 16px 0; box-sizing: border-box; grid-template-columns: 48px 1fr 80px; color: var(--color-100); font-size: var(--texto-3);}
.layout-admin .grid-pos .cuenta .items .item:first-child{padding-top: 0;}
.layout-admin .grid-pos .cuenta .items .item:last-child{border:0; padding-bottom: 0;}

.layout-admin .footer{position: relative; z-index: 2; display: flex; background-color: var(--color-00); border-top: 1px solid var(--color-05); height: 80px; display: none;}
.layout-admin .footer a{flex: 1; height: 80px; line-height: 80px; text-align: center; font-size: var(--texto-3); font-weight: 500;}
.layout-admin .footer a.key{background-color: var(--ka); color: var(--kac);}

/* Get */

.layout-get {position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; display: grid; grid-gap: 0; grid-template-columns: 1fr; grid-template-rows: auto 1fr auto;}
.layout-get .contenido {position: relative; z-index: 1; overflow-x: none; overflow-y: scroll;}
.layout-get .contenido .modulo-contenido{padding:48px;}
.layout-get .contenido .modulo-contenido-narrow{max-width: 720px; margin: 0 auto;}

/* Layout POS */

.layout-pos {position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; display: grid; grid-gap: 0; grid-template-columns: 1fr; grid-template-rows: auto 1fr auto; background-color: var(--color-00);}

.layout-pos .login {position: fixed; top: 0; right: 0; bottom: 0; left: 0;}
.layout-pos .login .bx-login{position: absolute; top: 50%;left: 50%; transform: translate(-50%,-50%); width: 320px;}
.layout-pos .login .bx-login .logo {position: relative; bottom: 40px; margin: 0 auto; width: 32px; height: 56px;}
.layout-pos .login .bx-login .logo::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; background: url(../gui/logo.svg?1) 50% 50% no-repeat; background-size: 32px 56px; width: 32px;filter: var(--filter-ba); -webkit-filter: var(--filter-ba);}
.layout-pos .login .bx-login .bx-acceso{}

.layout-pos .header-overlay{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; background-color: var(--overlay); opacity: 1; overflow: auto !important;}
.layout-pos .header{position: relative; z-index: 2; display: grid; grid-gap: 0 24px; grid-template-columns: auto 1fr;  padding: 20px 40px; border-bottom: 1px solid var(--color-05); background-color: var(--color-00);}
.layout-pos .header .header-nav-call{padding: 0; grid-column: 1 / 2; grid-row: 1 / 2;}
.layout-pos .header .header-titulo{padding: 0; grid-column: 2 / 3; grid-row: 1 / 2;}

.layout-pos .header .nav-call{position: relative; width: 40px; height: 40px; border-radius: 40px; background-color: var(--color-00); border: 1px solid var(--color-05); display: block;}
.layout-pos .header .nav-call::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; background: url(../gui/ico/nav.svg) 50% 50% no-repeat; background-size: 40px auto; width: 40px;filter: var(--filter-ba); -webkit-filter: var(--filter-ba);}

.layout-pos .header h1{font-size: var(--texto-3); color: var(--color-100); margin: 0; padding: 0; height: 40px; line-height: 40px;}

.layout-pos .menu {position: absolute; top: 80px; left: 24px; z-index: 4; width: 280px; padding: 0; border-radius: 4px; background-color: var(--color-00); display: none; box-shadow: var(--shadow-float-1);}
.layout-pos .menu .nav {padding: 16px}
.layout-pos .menu .nav ul.nav-items{margin: 0; padding: 0;}
.layout-pos .menu .nav ul.nav-items li{display: block; margin: 0; padding: 0;}
.layout-pos .menu .nav ul.nav-items li ul {display: none; margin: 0 0 0 24px; padding: 0;}
.layout-pos .menu .nav ul.nav-items li a{padding: 8px; margin: 0; display: block; font-size: var(--texto-2); font-weight: 400; color: var(--color-100); position: relative;}

.layout-pos .contenido {position: relative; z-index: 1; overflow-x: hidden; overflow-y: auto;}
.layout-pos .contenido .modulo-contenido{padding:40px; position: relative;}
.layout-pos .contenido .modulo-contenido-narrow{max-width: 720px; margin: 0 auto;}

.layout-pos .grid-pos{position: fixed; top: 80px; right: 0; bottom: 80px; left: 0; display: grid; padding: 0; grid-gap: 0; grid-template-columns: 2fr 1fr; grid-template-rows: 1fr;}
.layout-pos .grid-pos .catalogo {overflow: scroll; position: relative; padding: 40px;}
.layout-pos .grid-pos .catalogo .items {display: grid; grid-gap: 16px; padding: 0; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-rows: 1fr; }
.layout-pos .grid-pos .catalogo .items .item{position:relative; background-color: var(--color-05); border-radius: 4px; padding: 16px; box-sizing: border-box; aspect-ratio: 1}

.layout-pos .grid-pos .catalogo .items .item .img{background-size: cover !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; background-color: var(--color-05) !important; border-radius: 7px; position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px; z-index: 1;}
.layout-pos .grid-pos .catalogo .items .item .data-float{position: absolute; bottom: 0; right: 0; left: 0; z-index: 2; background-color: var(--color-05); padding: 8px; border-radius: 0 0 8px 8px;}
.layout-pos .grid-pos .catalogo .items .item .data-float .titulo{margin: 0; padding: 0; color: var(--color-100);}
.layout-pos .grid-pos .catalogo .items .item .data-float .precio{margin: 0; padding: 0; font-size: var(--texto-1);}

.layout-pos .grid-pos .catalogo .items .item .data{}
.layout-pos .grid-pos .catalogo .items .item .data h3{margin: 0; padding: 0; font-size: calc(0.8em + 0.8vw); overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-word; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;}
.layout-pos .grid-pos .catalogo .items .item .data .titulo{margin: 0; padding: 0; color: var(--color-100);}
.layout-pos .grid-pos .catalogo .items .item .data .precio{position: absolute; bottom: 16px; left: 16px;}
.layout-pos .grid-pos .catalogo .items .item .data .items-count{position: absolute; bottom: 16px; left: 16px;}

.layout-pos .grid-pos .catalogo .items .item-opciones{position:relative; background-color: var(--color-05); border-radius: 4px; padding: 16px; box-sizing: border-box; aspect-ratio: 1}
.layout-pos .grid-pos .catalogo .items .item-opciones .data{position: absolute; bottom: 16px; left: 16px; right: 16px; text-align: center; color: var(--color-100);}
.layout-pos .grid-pos .catalogo .items .opcion-ico::before{content:""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: 50% 50% !important; background-repeat: no-repeat !important; background-size: 56px !important; filter: var(--filter-ba); -webkit-filter: var(--filter-ba);}
.layout-pos .grid-pos .catalogo .items .opcion-start::before{background: url(../gui/ico/grid-menu.svg)}
.layout-pos .grid-pos .catalogo .items .opcion-back::before{background: url(../gui/ico/back.svg)}
.layout-pos .grid-pos .catalogo .items .opcion-cliente::before{background: url(../gui/ico/usuario.svg)}
.layout-pos .grid-pos .catalogo .items .opcion-custom::before{background: url(../gui/ico/custom-add.svg)}
.layout-pos .grid-pos .catalogo .items .opcion-notas::before{background: url(../gui/ico/notas.svg)}
.layout-pos .grid-pos .catalogo .items .opcion-cancelar::before{background: url(../gui/ico/del.svg)}
.layout-pos .grid-pos .catalogo .items .opcion-envio::before{background: url(../gui/ico/direccion.svg)}
.layout-pos .grid-pos .catalogo .items .opcion-descuento::before{background: url(../gui/ico/descuento.svg)}
.layout-pos .grid-pos .catalogo .items .opcion-imprimir::before{background: url(../gui/ico/print-ticket.svg)}

.layout-pos .grid-pos .catalogo .items .item-opciones .check {box-sizing: border-box;position: absolute; top: 8px; right: 8px;display: block;width: 32px;height: 32px;border-radius: 100px;background-color: var(--ka);}
.layout-pos .grid-pos .catalogo .items .item-opciones .check::after {content: "";display: block;box-sizing: border-box;position: absolute;left: 8px;top: 3px;width: 8px;height: 14px;border-color: var(--kac);border-width: 0 3px 3px 0;border-style: solid;transform-origin: bottom left;transform: rotate(45deg)}

.layout-pos .grid-pos .cuenta {padding: 40px; background-color: var(--color-00); overflow: auto; border-left: 1px solid var(--color-05);}
.layout-pos .grid-pos .cuenta .items{overflow: auto; position: relative;} 
.layout-pos .grid-pos .cuenta .items .item{box-sizing: border-box; border-bottom: 1px solid var(--color-05);display: grid; grid-gap: 0; padding: 16px 0; box-sizing: border-box; grid-template-columns: 48px 1fr 80px; color: var(--color-100); font-size: var(--texto-3);}
.layout-pos .grid-pos .cuenta .items .item:first-child{padding-top: 0;}
.layout-pos .grid-pos .cuenta .items .item:last-child{border:0; padding-bottom: 0;}

/*.layout-pos .footer{position: relative; z-index: 2; display: grid; grid-gap: 0; box-sizing: border-box; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 40px; padding: 0; background-color: var(--color-00); border-top: 1px solid var(--color-05); height: 80px;}
.layout-pos .t-footer-1{}
.layout-pos .t-footer-2{}
.layout-pos .t-footer-3{}
.layout-pos .footer a{height: 80px; line-height: 80px; text-align: center; font-size: var(--texto-3); font-weight: 500; display: block;}
.layout-pos .footer a.key{background-color: var(--ka); color: var(--kac);} */

/* Layout Caseta */

.layout-caseta {position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; display: grid; grid-gap: 0; grid-template-columns: 1fr; grid-template-rows: auto 1fr auto; background-color: var(--color-05);}

.layout-caseta .login {position: fixed; top: 0; right: 0; bottom: 0; left: 0;}
.layout-caseta .login .bx-login{position: absolute; top: 50%;left: 50%; transform: translate(-50%,-50%); width: 320px;}
.layout-caseta .login .bx-login .logo {position: relative; bottom: 40px; margin: 0 auto; width: 32px; height: 56px;}
.layout-caseta .login .bx-login .logo::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; background: url(../gui/logo.svg?1) 50% 50% no-repeat; background-size: 32px 56px; width: 32px;filter: var(--filter-ba); -webkit-filter: var(--filter-ba);}
.layout-caseta .login .bx-login .bx-acceso{}

.layout-caseta .header-overlay{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; background-color: var(--overlay); opacity: 1; overflow: auto !important;}
.layout-caseta .header{position: relative; z-index: 2; display: grid; grid-gap: 0 24px; grid-template-columns: auto 1fr;  padding: 20px 40px; background-color: var(--color-00);}
.layout-caseta .header .header-nav-call{padding: 0; grid-column: 1 / 2; grid-row: 1 / 2;}
.layout-caseta .header .header-titulo{padding: 0; grid-column: 2 / 3; grid-row: 1 / 2;}

.layout-caseta .header .nav-call{position: relative; width: 40px; height: 40px; border-radius: 40px; background-color: var(--color-00); border: 1px solid var(--color-05); display: block;}
.layout-caseta .header .nav-call::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; background: url(../gui/ico/nav.svg) 50% 50% no-repeat; background-size: 40px auto; width: 40px;filter: var(--filter-ba); -webkit-filter: var(--filter-ba);}

.layout-caseta .header h1{font-size: var(--texto-3); color: var(--color-100); margin: 0; padding: 0; height: 40px; line-height: 40px;}

.layout-caseta .menu {position: absolute; top: 80px; left: 24px; z-index: 4; width: 280px; padding: 0; border-radius: 4px; background-color: var(--color-00); display: none; box-shadow: var(--shadow-float-1);}
.layout-caseta .menu .nav {padding: 16px}
.layout-caseta .menu .nav ul.nav-items{margin: 0; padding: 0;}
.layout-caseta .menu .nav ul.nav-items li{display: block; margin: 0; padding: 0;}
.layout-caseta .menu .nav ul.nav-items li ul {display: none; margin: 0 0 0 24px; padding: 0;}
.layout-caseta .menu .nav ul.nav-items li a{padding: 8px; margin: 0; display: block; font-size: var(--texto-2); font-weight: 400; color: var(--color-100); position: relative;}
.layout-caseta .menu .nav ul.nav-items li a.count-holder{padding-right: 32px;}
.layout-caseta .menu .nav ul.nav-items li a.activo{background-color: var(--color-05); border-radius: 4px; color: var(--color-100)}
.layout-caseta .menu .nav ul.nav-items li a .count{background-color: var(--ka); color: var(--kac); border-radius: 32px; position: absolute; top: 50%; right: 8px; transform: translate(0,-50%); width: 28px; height: 28px; display: flex; align-items: center; justify-content: center;}

.layout-caseta .menu .nav ul.nav-items li a.activo::before{filter: var(--filter-ba) !important; -webkit-filter: var(--filter-ba) !important;}

.layout-caseta .menu .nav-footer {border-top: 1px solid var(--tx1); padding: 16px;}
.layout-caseta .menu .nav-footer ul.nav-items-footer{margin: 0; padding: 0;}
.layout-caseta .menu .nav-footer ul.nav-items-footer li{display: block; margin: 0;}
.layout-caseta .menu .nav-footer ul.nav-items-footer li a{padding: 10px 16px 10px 40px; display: block; font-size: var(--texto-2); font-weight: 400; color: var(--tx2); position: relative;}
.layout-caseta .menu .nav-footer ul.nav-items-footer li a.logout::before{content:""; position: absolute; top: 8px; left: 8px; bottom: 0; background: url(../gui/ico/logout.svg) 50% 50% no-repeat; background-size: 20px auto; width: 24px; height: 24px; filter: var(--filter-co); -webkit-filter: var(--filter-co);}
.layout-caseta .menu .nav-footer ul.nav-items-footer li a.usuario::before{content:""; position: absolute; top: 8px; left: 8px; bottom: 0; background: url(../gui/ico/usuario.svg) 50% 50% no-repeat; background-size: 20px auto; width: 24px; height: 24px; filter: var(--filter-co); -webkit-filter: var(--filter-co);}
.layout-caseta .menu .nav-footer ul.nav-items-footer li a.mode::before{content:""; position: absolute; top: 8px; left: 8px; bottom: 0; background: url(../gui/ico/mode.svg) 50% 50% no-repeat; background-size: 20px auto; width: 24px; height: 24px; filter: var(--filter-co); -webkit-filter: var(--filter-co);}

.layout-caseta .contenido {position: relative; z-index: 1; overflow-x: hidden; overflow-y: auto;}
.layout-caseta .contenido .modulo-contenido{padding:40px; position: relative;}
.layout-caseta .contenido .modulo-contenido-narrow{max-width: 720px; margin: 0 auto;}

.layout-caseta .footer{position: relative; z-index: 2; display: grid; grid-gap: 0; box-sizing: border-box; grid-template-columns: 25% 50% 25%; grid-template-rows: 40px; padding: 20px 40px; background-color: var(--color-00);}
.layout-caseta .t-footer-1{text-align: left;}
.layout-caseta .t-footer-2{display: flex; gap:16px; justify-content: center}
.layout-caseta .t-footer-3{text-align: right;}


@media screen and (max-width: 1024px){
	
}

@media screen and (max-width: 769px){
	
	@keyframes modal-in {0% {bottom: -16px; opacity: 0;} 100% {bottom: 0; opacity: 1;}}
	@keyframes modal-out {0% {bottom: 0; opacity: 1;} 100% {bottom: -16px; opacity: 0;}}
	
	.layout-admin .header{grid-gap:0px; grid-template-columns: auto 1fr auto; padding: 0 16px;}
	.layout-admin .header .header-nav-call{grid-column: 1 / 2; grid-row: 1 / 2;}
	.layout-admin .header .header-titulo{grid-column: 2 / 3; grid-row: 1 / 2; text-align: center;}
	.layout-admin .header .header-nav-modulo{grid-column: 3 / 4; grid-row: 1 / 2;}
	.layout-admin .header .header-buscador{padding: 0 0 16px 0; grid-column: 1 / 4; grid-row: 2 / 3;}
	.layout-admin .header .header-tools{grid-column: 1 / 4; grid-row: 3 / 4;}
	
	.layout-admin .header .buscar {}
	
	.layout-admin .header .nav-modulo{position: relative; width: 32px; height: 32px; border-radius: 4px; background-color: var(--color-00); border: 1px solid var(--color-05); display: block;}
	.layout-admin .header .nav-modulo::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; background: url(../gui/ico/opcion.svg) 50% 50% no-repeat; background-size: 32px auto; width: 32px;filter: var(--filter-ba); -webkit-filter: var(--filter-ba);}
	.layout-admin .header .nav-modulo ul{position: absolute; top: 100%; right: 0; background-color: var(--color-00); min-width: 180px; display: flex; flex-direction: column; gap: 0; margin: 0; padding: 8px 16px; display: none; box-shadow: var(--shadow-float-1);}
	.layout-admin .header .nav-modulo ul li{list-style: none;margin: 0; padding: 0;}
	.layout-admin .header .nav-modulo ul li a{display: block; background-color: var(--color-00); color: var(--color-100); font-size: var(--texto-2); font-weight: 400; letter-spacing: normal; padding: 0; height: 32px; line-height: 32px; border: 0; border-radius: 0;}
	.layout-admin .header .nav-modulo ul li a.key{background-color: var(--color-00); color: var(--color-100);}
	
	.layout-admin .header .modulo-tools{display: grid; grid-gap: 0; margin: 0; padding: 0; box-sizing: border-box; grid-template-columns: 1fr auto; border-top: 1px solid var(--color-05); height: 48px; overflow: hidden; }
	
	.layout-admin .contenido .modulo-contenido{padding:8px}
	
	
	.layout-get .contenido .modulo-contenido{padding:16px;}
	.layout-get .contenido .modulo-contenido-narrow{max-width: 720px; margin: 0 auto;}
	
	
	.bx-1, .bx-2, .bx-3, .bx-1-2, .bx-2-1, .bx-1-3, .bx-3-1{grid-template-columns: 1fr;}
	
	.bx-2.invert div:first-child{grid-column: 1 / 2; grid-row: 2 / 3;}
	.bx-2.invert div:last-child{grid-column: 1 / 2; grid-row: 1 / 2;}
	
	.modal-overlay{padding: 0;}
	.modal{position:fixed; top: auto; bottom: 0; left: 0; right: 0; transform: translate(0,0); margin: 0 auto; width: auto; max-height: 80vh !important; padding: 0; box-sizing: border-box; border-radius: 8px 16px 0 0; box-shadow: var(--shadow-float-1); overflow-x: hidden; overflow-y: scroll;}
	.modal .modal-contenido{padding: 24px;}
	.modal h1{padding: 24px 24px 0 24px;}
	.modal .modal-cerrar {position: absolute; top: 14px; right: 14px; width: 40px; height: 40px; text-indent: -6000px; border-radius: 40px;}
	
	.lateral{position:fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; border-radius: 0; box-shadow: none; overflow: scroll;}
	.lateral .lateral-contenido{padding: 16px; z-index: 1;}
	.lateral h1{position: -webkit-sticky; position: sticky; top: 0; z-index: 2; text-align: center;}

	.lateral .lateral-cerrar {right: auto; left: 0;}
	.lateral .lateral-cerrar::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; background: url(../gui/ico/arrow-left.svg) 50% 50% no-repeat; background-size: 32px auto; width: 56px;filter: var(--filter-ba); -webkit-filter: var(--filter-ba);}
	
	.bx-tabla-base .tabla-info{display:none}
	
	ul.bx-links{grid-gap: 4px;}
	
	.bx-card {grid-template-columns: 1fr;}
	
	.bx-kpis-lineal{grid-template-columns: 1fr;}
	
	.msg-start{width: 100%; padding: 120px 32px 32px 32px;}
	
	.bx-narrow{width: 100%;}
}

@media screen and (max-width: 769px) and (orientation:landscape) {
   body{display:none}
   }