:root{
--main-font-family:'Inter',Arial,sans,_sans;
--main-body-bgcolor:#fff;
--main-body-color:#000;
--sidebar-width:21rem;
--header-height:4rem;
--footer-height:4rem;
--padding-def:1rem;
--padding-defX15:1.5rem;
--padding-defX2:2rem;
--padding-defX3:3rem;
--padding-defX4:4rem;
--padding-def75:0.75rem;
--padding-def50:0.5rem;
--padding-def25:0.25rem;
--radius-sm:0.2rem;
--radius-lg:1rem;
--clr0:#292D78;
--clr0C:#fff;
--clr0L:#696ca1;
--clr00:#b9142d;
--clr00C:#fff;
--clr00L:#d95a6e;
--clr1:#666;
--clr1C:#000;
--clr2:#e7ebf1;
--clr2C:#000;
--clr2L:#025fc7;
--clr3:#e7eaf1;
--clr3C:#000;
--clr3L:#f9f9f9;
--clr3-r:#f4c7c7;
--clr3L-r:#f2e4e0;
--clr3-g:#baf4ad;
--clr3L-g:#eaf2e0;
--clr3-b:#d8e3f4;
--clr3L-b:#e7ebf1;
--clr3-o:#ffe7b2;
--clr3L-o:#fff5e0;
--clr3-y:#e8cc6a;
--clr3L-y:#FFFFCC;
--clr4:#fff;
--clr4C:#000;
--clr4L4:#d8d8d8;
--clr4L3:#eee;
--clr4L1:#f4f4f4;
--clr4L5:#cccccc;
--clrBug:#b9142d;
--clrBugC:#fff;
--clr-red:#b9142d;
--clr-green:#31680e;
}
*{box-sizing:border-box;box-sizing: border-box;
-webkit-font-smoothing: antialiased; font-family:var(--main-font-family); }
::-webkit-input-placeholder {
color:currentColor;opacity: 0.5 !important;
}
::-moz-placeholder {
color:currentColor; opacity: 0.5 !important;
}
:-ms-input-placeholder {
color:currentColor;opacity: 0.5 !important;
}
body,html{padding:0px;margin:0px;}
html {width:100%; min-height: 100%;}
body {width:100%;min-height: 100%;}
html{
color:var(--main-body-color);
background:var(--main-body-bgcolor);
font-family:var(--main-font-family);
font-optical-sizing: auto;
font-size: 16px;line-height:1.5;
}
@media screen and (max-width: 1900px) and (min-width: 800px) {
html{
font-size: calc(11px + (16 - 11) * ((100vw - 860px) / (1900 - 860)));
}
}
@media screen and (max-width: 800px) {
html{font-size: 12px;}
}
img:-moz-loading {visibility: hidden;}
IMG{border:0px;margin:0px;padding:0px;line-height:0px;vertical-align:baseline;}
#iframehtml{padding:0px;margin:0px;}
#iframe{padding:var(--padding-def);}
.clear{clear:both;width:100%;}
.center{text-align:center;}
.right{float:right;}
.left{float:left;}
.nosidem{margin-left:0px !important;margin-right:0px !important;}
.centerWidth{width:80%;max-width:1300px;min-width:890px;margin:0px auto;}
/*
h1 {color:var(--clr1); font-size:1.8rem;line-height:1.2;font-weight:600;padding: 0;margin:0 0 var(--padding-defX2) 0;}
#xxmainContent h1:after{content:'';display:block;width:2.9em;border-top:solid 0.15em var(--clr1);}
#mainContent h1:after {content: "";height: 1px;width: 27%;display: inline-block;vertical-align: middle;
background: rgb(126,126,126);background: linear-gradient(to right, transparent 0%, transparent 0.5em,rgba(126,126,126,1) 0.5em, rgba(255,255,255,1) 100%);
}
*/
h1 {position:relative;z-index:0;color:var(--clr1); font-size:1.8rem;line-height:1.2;font-weight:600;padding: 0;margin:0 0 var(--padding-defX2) 0;}
#mainContent h1:after{content:'';display:block;width:80%;max-width:50vw;border-top:solid 0.11em var(--clr1);pointer-events:none;}
h1 SELECT{color: #7E7E7E;border:solid 1px var(--clr4L5);outline:none;}
h3{color: var(--clr00); font-size:1.4rem;font-weight:bold;padding:0;margin:0 0 var(--padding-def) 0;}
h4{color:var(--clr00); font-size:1.2rem;font-weight:bold;padding:0;margin:0 0 var(--padding-def) 0;}
INPUT, TEXTAREA, SELECT{
font-size:inherit;font-family:inherit;line-height:1.2;padding:0.25em 0.7em;max-width:100%; background:var(--clr0C);border:solid 1px var(--clr4L4);border-radius:var(--radius-sm);
}
INPUT:focus,TEXTAREA:focus,SELECT:focus {outline:solid 1px var(--clr2L);box-shadow:0 0 0.2rem var(--clr2L),0 0 0.4rem rgba(0,0,0,0.7);}
input[readonly],textarea[readonly],select[disabled]{
opacity:0.7; -webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;
}
input[type=text]:read-only, input[type=text]:-moz-read-only{
opacity:0.7;
}
input+label{user-select: none;-webkit-user-select: none;-moz-user-select: none; -ms-user-select: none;}
input:disabled+label{opacity:0.6;}
input.invalid, select.invalid{
border-color:#FF0000; background-color: #fa9e89;
}
input.required{border-right:dashed 1px #FF0000 !important;}
#logo{flex:0 0 auto;max-height:16rem;padding:var(--padding-defX2) var(--padding-def) var(--padding-defX4) var(--padding-def);}
#logo>a{color:inherit;text-decoration:none;display:flex;flex-flow:column nowrap;align-items:center;}
#logo>a>img{max-width:4rem;}
#logo>a>span{padding:var(--padding-def);}
#logoSelector{flex:0 0 auto;padding:0 var(--padding-def) var(--padding-defX4) var(--padding-def);}
#dbselector{position:relative;padding:9.6rem 0 0 0;text-align:center;}
#dbselector .droptogle{position:static;display:inline-flex;flex:0 1 auto;margin:0; }
#dbselector .droptogle>b{font-weight:normal;font-size:1rem;font-weight:700;}
#dbselector .droptogle-inp{flex:0 0 auto;width:auto;color:inherit;padding:0.2em;width:1em;border:none;}
#dbselector .droptogle-dl{top:98%;}
#sideMenu{flex:1 1 auto;display:flex;flex-flow:column wrap;justify-content:center;justify-items:center;}
#sideMenu>*{flex:1 0 auto;}
.sideAcoMenu, .sideAcoMenu ul,.sideAcoMenu li{padding:0;margin:0;list-style:none;font-size:1.05rem;}
.sideAcoMenu .lvno>i{padding:var(--padding-def50) var(--padding-def);}
.sideAcoMenu .lvl1space{padding:var(--padding-def75) var(--padding-def);}
.sideAcoMenu .lvl1space::before{content:'';display:block;padding:0;height:0;border-top:dotted 1px var(--clr0L);}
.sideAcoMenu>li>A{font-weight:500!important;color:inherit;cursor:pointer;display:flex;justify-content:start;align-items:start;text-decoration:none;padding:var(--padding-def75) var(--padding-def50);line-height:1;border-left:solid 0.5rem transparent;}
.sideAcoMenu>li.sel>A{border-left:solid 0.5rem var(--clr0)!important;}
.sideAcoMenu>li>B>A{color:inherit;}
.sideAcoMenu>li>B{font-weight:500!important;color:inherit;cursor:pointer;display:flex;justify-content:start;align-items:start;text-decoration:none;padding:var(--padding-def75) var(--padding-def50);line-height:1;border-left:solid 0.5rem transparent;}
.sideAcoMenu>li>B::after{content:'▾';font-size:1.2em;line-height:1em;float:right;margin-left: auto;transition:all 0.3s ease;}
.sideAcoMenu>li.sel>B::after{transform:rotate(-180deg);}
.sideAcoMenu>li>ul>li{padding:0;}
.sideAcoMenu>li>ul>li>A, .sideAcoMenu>li>ul>li>B{font-weight:normal;border-left:solid 0.5rem transparent;}
.sideAcoMenu>li>ul>li.sel>A{border-left:solid 0.5rem var(--clr0)!important;}
.sideAcoMenu>li>ul>li{color:var(--clr2C);padding:0;}
.sideAcoMenu>li>ul>li>a{display:flex;justify-content:start;align-items:start;color:var(--clr2L);text-decoration:none;padding:var(--padding-def75) var(--padding-def50);line-height:1;}
.sideAcoMenu>li>ul>li>b{display:flex;justify-content:start;align-items:start;text-decoration:none;padding:var(--padding-def75) var(--padding-def50);line-height:1;}
.sideAcoMenu>li>ul>li i{margin:0 var(--padding-def50) 0 0;color:var(--clr2C);}
.sideAcoMenu>li>ul{overflow:hidden;width:100%;max-height:0;background:var(--clr3L);}
.sideAcoMenu>li.sel>ul{overflow:visible;max-height:unset;}
.sideAcoMenu>li>ul>li>b::after{content:'▾';float:right;transition:all 0.3s ease;margin-left: auto;}
.sideAcoMenu>li>ul>li.sel>b::after{transform:rotate(-180deg);}
.sideAcoMenu>li>ul>li>ul>li{padding:0;}
.sideAcoMenu>li>ul>li>ul>li>A, .sideAcoMenu>li>ul>li>ul>li>B{font-weight:normal;border-left:solid 0.5rem transparent;}
.sideAcoMenu>li>ul>li>ul>li.sel>A{border-left:solid 0.5rem var(--clr0)!important;}
.sideAcoMenu>li>ul>li>ul>li{color:var(--clr2C);padding:0;}
.sideAcoMenu>li>ul>li>ul>li>a{display:flex;justify-content:start;align-items:start;color:var(--clr2L);text-decoration:none;padding:var(--padding-def75) var(--padding-def50);line-height:1;}
.sideAcoMenu>li>ul>li>ul>li>b{display:flex;justify-content:start;align-items:start;text-decoration:none;padding:var(--padding-def50) var(--padding-def75);line-height:1;}
.sideAcoMenu>li>ul>li>ul>li i{margin:0 var(--padding-def50) 0 0;color:var(--clr2C);}
.sideAcoMenu>li>ul>li>ul{overflow:hidden;width:100%;max-height:0;background:var(--clr2);}
.sideAcoMenu>li>ul>li.sel>ul{overflow:visible;max-height:unset;}
.sideAcoMenu li:not(.lvl1space) A:hover,.sideAcoMenu li:not(.lvl1space) B:hover{background:var(--clr3);}
.sideAcoMenu sup.bug{flex: none;align-self:start; display:inline-block;padding:0.1em 0.2em;margin:0 0 0 0.3em;background:var(--clrBug);color:var(--clrBugC);font-size:0.6em;line-height:1.2em;min-width:1.2em;text-align:center;border-radius:0.2em;}
#mainHeader{ display:flex;justify-content:space-between;align-items:center;position:sticky;z-index:999;top:0;height:var(--header-height);
background:var(--clr0);color:var(--clr0C);
}
#mainHeader>strong{display:block;font-size:1.5rem;color:inherit;line-height:1;padding-left:var(--padding-defX2);}
#mainHeader>strong>small{display:inline-block;font-size:1rem;font-weight:normal;color:inherit;line-height:1.7rem;padding: var(--padding-def50);}
#mainHeader>strong>small::before{content:' - ';}
#uHello{flex:0 1 auto;gap:0 var(--padding-def50);margin-right:var(--padding-def50);color: var(--clr0C);}
#uHello IMG{vertical-align:middle;height:calc( var(--header-height) - 8px);}
@media (max-width: 800px) {
#uHello>b{display:none!important;}
#mainHeader>strong{font-size:1rem;padding-left:var(--padding-def25);}
#mainHeader>strong>small::before{display:none;}
#mainHeader>strong>small{padding: 0 ;}
}
#footer{height:var(--footer-height);display:flex;justify-content:space-evenly;align-items:center; gap:var(--padding-def); text-align:center;padding:var(--padding-def50);margin-top:auto;
background:var(--clr0);color:var(--clr0C);}
#footer A{color:inherit;}
#pageWrap{margin:0 0 0 var(--sidebar-width,250px);padding:0; }
#mainContent{background:var(--clr4);padding:var(--padding-defX2) var(--padding-defX2);height:auto;min-height:calc(100vh - (var(--header-height) + var(--footer-height))); }
#sidebar{
display:flex;flex-flow:column nowrap;justify-content:start;
height:100wh;width:var(--sidebar-width,250px);overflow:auto;transition: .3s; position: fixed; left: 0px; top: 0; bottom: 0; z-index: 8889;
background:var(--clr4);color:var(--clr4C); box-shadow: 1px 0 0.8rem rgba(100,100,100,0.5); scrollbar-width: thin;scrollbar-gutter:auto;scrollbar-color: var(--clr1) #fff;
border-left:solid 0.7rem var(--clr0);
}
#sidebar>*{flex:0 0 auto;}
#sidebar.collapsed{width:60px;}
#menu-toggle { display: none;appearance:none;border:solid 1px var(--clr0L);font-size:2rem;margin:var(--padding-def50);background:transparent;color:var(--clr0C); }
@media (max-width: 800px) {
:root{
--sidebar-width:90vw;
}
#mainContent{padding:var(--padding-def);}
#menu-toggle { display: block; }
#sidebar.shown { left: 0; box-shadow: 100px 0 100px rgba(180,180,180,0.8); }
#sidebar{left: calc(-0.8rem - var(--sidebar-width,250px));}
#pageWrap { margin-left: 0;}
}
#Loading{
display:none;
position:absolute;top:0;left:0;height:100%;width:100%;background:rgba(255,255,255,0.5);
cursor:not-allowed;user-select: none;
}
#xxxscreensaver{display:none;position:fixed;z-index:9999999;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.5);user-select: none;pointer-events: none;
background:rgba(0,0,0,1) url(/db3/grafika/screen2.webp) 50% 50% no-repeat;background-size:auto 100%;
}
#screensaver{display:none;position:fixed;z-index:9999999;top:0;left:0;width:100vw;height:100vh;user-select: none;pointer-events: none;
xbackground:rgba(0,0,0,0.3);background:transparent;
backdrop-filter: blur(5px) url("data:image/svg+xml;utf8,#bb");
}
@-moz-document url-prefix() {
#screensaver {backdrop-filter: blur(8px);}
}
/* droptoggle -base */
.droptogle{position: relative;height:auto;display:flex;flex-flow:row nowrap;justify-content:stretch;align-items:center;align-content: stretch;}
.droptogle>*{flex:1 1 auto;}
.droptogle-inp, input[type="checkbox"].droptogle-inp{
display:block;height:100%!important;width:auto!important;margin:0 0.3em;padding:0.4em 0.3em 0.5em 0.3em;opacity:1;appearance:none;-webkit-appearance: none;text-align:center;text-indent:0;color: var(--clr0C);border:solid 1px var(--clr0L,#eee);background:transparent;border-radius:var(--radius-sm);
}
.droptogle-inp:hover {
background-color: #eeeeee;
}
.droptogle-inp:after {
content: '▼';font-size:0.85em;display: inline-block;line-height:0;padding:0;margin:0;color:inherit;
}
.droptogle>.droptogle-dl{
position: absolute;top: 100%;right:0;width:fit-content;min-width:100%;padding: 0;margin:0 0 0 0.3rem;pointer-events:all;
list-style-type: none;background:var(--main-body-bgcolor);color:var(--main-body-color);border: 1px solid #ccc;border-radius: 4px;box-shadow:1px 1px 1rem rgba(210,210,225,0.9);
}
.droptogle>.droptogle-dl>dd{margin:0;padding:0.4em 1em;text-align:left;white-space:nowrap;}
.droptogle>.droptogle-dl>dd:hover{background:#f3f3f9;}
.droptogle>.droptogle-dl>dt{margin:0;padding:0.4em 1em;text-align:left;background:#fdfdfd;}
.droptogle>.droptogle-dl>dt:hover{background:#f3f3f9;}
.droptogle>.droptogle-dl a{display:block;color:inherit;}
.droptogle>.droptogle-dl a:hover{color:#495fa8;text-decoration:none;}
.droptogle>.droptogle-dl .fa{}
.droptogle>.droptogle-dl svg{display:inline-block;height:1.1em;line-height:1em;width:1.1em;vertical-align:baseline;}
.droptogle-inp + .droptogle-dl{
max-height:0;opacity:0;overflow:hidden;transition:all 0.5s ease;
}
.droptogle-inp:checked + .droptogle-dl {
max-height:600px;opacity:1;overflow:visible;
}
/* // droptoggle -base */
/* wide info message */
.msgCbox{position:relative;padding:var(--padding-def);margin-bottom:var(--padding-defX2);color:var(--clr2C);background:var(--clr3L-b);border:solid 1px var(--clr3-b);
border-left-width:0.4rem;border-top-left-radius:0.5rem;border-bottom-left-radius:0.5rem;
border-right-width:0.4rem;border-top-right-radius:0.5rem;border-bottom-right-radius:0.5rem;}
.msgCbox>h3{font-size:1.3rem;color:var(--clr3C);padding:0;margin:0 0 var(--padding-def50) 0;}
.msgCbox>UL{max-width:800px;list-style:none;display:flex;flex-flow:row wrap;justify-content:space-evenly;align-items:center;gap:var(--padding-def);padding:0;margin:var(--padding-def) 0 0 0;}
.msgCbox>UL>LI{flex: 1 1 auto; margin:0; vertical-align:middle;}
.msgCbox>UL>LI:only-child{flex:0 0 auto;margin-left:0;margin-right:auto;}
.msgCbox.info{background:var(--clr3L-g);border-color:var(--clr3-g);}
.msgCbox.act{background:var(--clr3L-o);border-color: var(--clr3-o);}
.msgCbox.desr{background:var(--clr3L-y);border-color: var(--clr3-y);}
.msgCbox.form{background:var(--clr3L);border-color: var(--clr4L3);}
.msgCbox.done{margin:var(--padding-defX2) 0;}
.msgCbox.done>h3{margin:var(--padding-def) 0 var(--padding-def) 0;}
.msgCbox.done::before{position:absolute;top:0;content:'';display:block;width:5.6rem;height:0.55rem;margin:0 0 2rem 0;background:var(--clr-red);font-size:0;}
/*// wide info message */
/* fp draudze */
.fpDraudzeWrap{display:flex;flex-flow:row wrap;gap:var(--padding-def);margin-bottom:var(--padding-defX2);}
.fpDraudze{flex: 0 1 calc(50% - var(--padding-def50) );padding:var(--padding-def);
background:var(--clr3L);border:solid 1px var(--clr3); }
.fpDraudzeWrap.fpDras-1 .fpDraudze{flex: 0 0 100%;}
.fpDraudzeWrap.fpDras-2{}
.fpDraudzeWrap.fpDras-3{}
.fpDraudze .nosauk{display:flex;flex-flow:row nowrap;align-items:center;min-height:4rem;}
.fpDraudze .nosauk>img{margin-right:var(--padding-def);border: 1px solid var(--clr3L);}
.fpDraudze .nosauk>b{font-size:2.2rem; margin:0;}
.fpDraudze>UL{max-width:900px;list-style:none;display:flex;flex-flow:row wrap;justify-content:space-evenly;gap:var(--padding-def);padding:0;margin:var(--padding-def) 0 0 0;}
.fpDraudze>UL>LI{flex: 1 1 auto; margin:0; }
.fpDraudze .bug{position:absolute;display:inline-block;padding:0.1em 0.2em;margin:0 0 0 0.3em;background:var(--clrBug);color:var(--clrBugC);font-size:0.6em;line-height:1.2em;min-width:1.2em;text-align:center;border-radius:0.2em;}
.fpDraudze .tt-top::after{bottom:2rem!important;min-width:max-content!important;max-width:50vw!important;padding-top:0.5em!important;}
.fpDraudze .tt-top::before{top:-1.2rem!important;min-width:max-content!important;max-width:50vw!important;}
/*// fp draudze */
/* fp bloki */
.fBloksWrap{display:flex;flex-flow:row wrap;gap:var(--padding-def);margin-bottom:var(--padding-defX2);}
.fBloks{flex: 1 1 calc(50% - var(--padding-def50) );padding:var(--padding-def);
background:var(--clr3L);border:solid 1px var(--clr3); }
.fBloksWrap .fBloksS{flex: 1 1 calc(30% - var(--padding-def50) );}
.fBloksWrap .fBloksVC{display:flex;flex-flow:column wrap;justify-content:space-between;}
.fBloksWrap .fBloksVC>*{flex:0 0 auto;}
.fBloksWrap .fBloksVC>P{padding:0;margin:var(--padding-def50) 0;}
.fBloks>b{display:block;font-size:1.6rem;min-height:3rem; margin:0;}
.fBloks>UL{max-width:800px;list-style:none;display:flex;flex-flow:row wrap;justify-content:space-evenly;align-items:center;gap:var(--padding-def);padding:0;margin:0 0 var(--padding-def) 0;}
.fBloks>UL:only-of-type,.fBloks>UL:last-child{margin:var(--padding-def) 0 0 0;}
.fBloks>UL>LI{flex:1 1 auto; margin:0;padding:0; vertical-align:middle;list-style:none;}
.fBloks>UL>LI:only-child{flex:0 0 auto;margin-left:0;margin-right:auto;}
.fBloks .bug{position:absolute;display:inline-block;padding:0.1em 0.2em;margin:0 0 0 0.3em;background:var(--clrBug);color:var(--clrBugC);font-size:0.6em;line-height:1.2em;min-width:1.2em;text-align:center;border-radius:0.2em;}
.fBloks .tt-top::after{bottom:2rem!important;min-width:max-content!important;max-width:50vw!important;padding-top:0.5em!important;}
.fBloks .tt-top::before{top:-1.2rem!important;min-width:max-content!important;max-width:50vw!important;}
.dbut-status{line-height:1.2;}
.dbut-status.red {color:var(--clr-red);}
.fBloks-red{background:var(--clr3L-r);border:solid 1px var(--clr3-r);}
.fBloks-act{background:var(--clr3L-g);border:solid 1px var(--clr3-g);}
@media (max-width: 800px) {
.fBloks{flex: 1 0 100%;}
}
/*// fp bloki */
/* new butonset */
.dbuton{
appearance:none;display:inline-block;position:relative;z-index:0;text-align:center;font-family:var(--main-font-family);cursor:pointer;text-decoration:none;
padding:var(--padding-def50) var(--padding-def);margin:var(--padding-def) var(--padding-def50);font-size:1rem;line-height:1em;
background:var(--clr0C);color:var(--clr0)!important;outline: 1px solid var(--clr0);border:none;border-left: 6px solid transparent;border-radius:var(--radius-sm);transition:all 0.4s ease;
}
.dbutwrp>.dbuton{width:100%;height:100%;margin:0!important;}
.dbuton .fa{color:inherit !important;margin-right:var(--padding-def50);}
.dbuton:hover{text-decoration:none;border-left: 6px solid var(--clr0);background-image: radial-gradient(circle, rgba(200,200,200,0.1) 0%, rgba(200,200,200,0.2) 100%);}
.dbuton.disabled,.dbuton[disabled]{opacity:0.55;cursor:not-allowed;pointer-events:none;filter:grayscale(100%);}
.dbuton.big{font-weight:600;font-size:1.1rem;padding:var(--padding-def75) var(--padding-defX2);}
.dbuton.blue{background:var(--clr0);color:var(--clr0C)!important;outline: 1px solid var(--clr0);}
.dbuton.blue:hover{border-left: 6px solid var(--clr0C);background-image: radial-gradient(circle, rgba(200,200,200,0.2) 0%, rgba(200,200,200,0.1) 100%);}
.dbuton.red{background:var(--clr00);color:var(--clr00C)!important;outline: 1px solid var(--clr00);}
.dbuton.red:hover{border-left: 6px solid var(--clr00C);background-image: radial-gradient(circle, rgba(200,200,200,0.2) 0%, rgba(200,200,200,0.1) 100%);}
.dbuton.redbord{outline: 0.15em solid var(--clr00);color:var(--clr00)!important;}
.dbuton.redbord:hover{border-left: 6px solid var(--clr00);}
.dbuton.grnbord{outline: 0.15em solid var(--clr-green);color:var(--clr-green)!important;}
.dbuton.grnbord:hover{border-left: 6px solid var(--clr-green);}
.ibuton{
appearance:none;display:inline-block;position:relative;z-index:0;text-align:center;font-family:var(--main-font-family);
padding:var(--padding-def25) var(--padding-def);margin:var(--padding-def25) var(--padding-def50);font-size:1rem;line-height:1;
background:var(--clr0);color:var(--clr0C)!important;outline: 1px solid var(--clr0);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all 0.4s ease;
}
.ibuton>a{display:inline-block;color:inherit !important;text-decoration:none;}.ibuton>a:hover{text-decoration:none;}
.ibuton:hover{text-decoration:none;background-image: radial-gradient(circle, rgba(200,200,200,0.1) 0%, rgba(200,200,200,0.2) 100%);}
.ibuton.disabled,.ibuton[disabled]{opacity:0.4;cursor:not-allowed;pointer-events:none;}
.ibuton.lit{background:var(--clr0C);color:var(--clr0)!important;outline: 1px solid var(--clr0);}
.ibuton.lit:hover{background:var(--clr0);color:var(--clr0C)!important;}
.ibuton.red{background:var(--clr00);color:var(--clr00C)!important;outline: 1px solid var(--clr00);}
.ibuton.red:hover{background:var(--clr00C);color:var(--clr00)!important;}
.lbuton{appearance:none;text-decoration:none;font-size:0.99em;line-height:1;padding:0.1em 0.5em;display:inline-block;border:solid 1px #ccc;border-radius:0.3em;
color:var(--clr0);background:var(--clr0C);}
.lbuton .fa{color:inherit !important;margin-right:var(--padding-def25);line-height:1.2;}
.lbuton img{width:auto;height:1.2em;vertical-align:text-top;}
.lbuton:hover{text-decoration:none;background:var(--clr0);border-color:var(--clr0);color:var(--clr0C)!important;}
.lbuton.red{color:var(--clr00);}
.lbuton.blk{color:var(--clr4C);}
.buton{
display:inline-block;
margin:var(--padding-def25);padding:var(--padding-def50) var(--padding-defX2);
color:#FFFFFF !important;font-size:1rem;
border: 1px solid rgba(0,0,0,0.4);border-radius:var(--radius-sm);
text-decoration:none;outline:none;cursor:pointer;
box-shadow:1px 1px 5px rgba(0,0,0,0.4);
text-shadow:0px 1px 0px rgba(0,0,0,0.4);
background: var(--clr00);
background-image: radial-gradient(circle, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.1) 100%);
}
.buton:hover{background-image: radial-gradient(circle, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 100%);}
.buton.disabled,.buton[disabled]{opacity:0.4;cursor:not-allowed;pointer-events:none;}
.buton.dismis{background-color:var(--clr0);color:var(--clr0C)!important;outline: 1px solid var(--clr0);}
.buton.acept{background-color:var(--clr00);color:var(--clr00C)!important;outline: 1px solid var(--clr00);}
.sbuton{
display:inline-block;
margin:2px;padding:0.2em 0.5em;
color:#222222 !important;font-size:0.9em;
border: 1px solid #ac8787;
text-decoration:none;outline:none;
cursor:pointer;
border-radius:4px;
box-shadow:1px 1px 5px var(--clr4L5);
text-shadow:0px 1px 0px #ffffff;
background: #dddddd;
background: linear-gradient(to bottom, var(--clr4L1) 0%,var(--clr4L5) 96%,#dddddd 100%);
}
.sbuton.red i{color:#b00606;}
.sbuton.red{color:#b00606 !important;border: 1px solid #b00606;}
.sbuton.disabled,.sbuton[disabled]{opacity:0.4;cursor:not-allowed;pointer-events:none;}
.buttons{padding:var(--padding-def50) var(--padding-def)!important; background-color:var(--clr4L3); text-align:center;}
.buttons.txtright{text-align:right;}
/* // new butonset */
/* filelinks */
a.filelink::before{content:"";display:inline-block!important;height:1.7em!important;width:1.7em!important;background:url("gx/mime/_blank.png")0 0 no-repeat;background-size: auto 100%;}
a.filelink.pdf::before, a.filelink[href$=".pdf"]::before{content:"";display:inline-block!important;height:1.7em!important;width:1.7em!important;background:url("gx/mime/pdf.png")0 0 no-repeat;background-size: auto 100%;}
a.filelink.doc::before, a.filelink[href$=".doc"]::before,a.filelink[href$=".docx"]::before{content:"";display:inline-block!important;height:1.7em!important;width:1.7em!important;background:url("gx/mime/doc.png")0 0 no-repeat;background-size: auto 100%;}
a.filelink.ppt::before, a.filelink[href$=".ppt"]::before,a.filelink[href$=".pptx"]::before{content:"";display:inline-block!important;height:1.7em!important;width:1.7em!important;background:url("gx/mime/ppt.png")0 0 no-repeat;background-size: auto 100%;}
a.filelink.odf::before, a.filelink[href$=".odf"]::before,a.filelink[href$=".ods"],a.filelink[href$=".odt"],a.filelink[href$=".odp"]::before{content:"";display:inline-block!important;height:1.7em!important;width:1.7em!important;background:url("gx/mime/odf.png")0 0 no-repeat;background-size: auto 100%;}
a.filelink.zip::before, a.filelink[href$=".zip"]::before,a.filelink[href$=".rar"],a.filelink[href$=".7z"],a.filelink[href$=".odp"]::before{content:"";display:inline-block!important;height:1.7em!important;width:1.7em!important;background:url("gx/mime/zip.png")0 0 no-repeat;background-size: auto 100%;}
/* //filelinks */
/* vel archive listing */
.velArhWrap{display:flex;flex-flow:row wrap;gap:var(--padding-def);margin-bottom:var(--padding-defX2);}
.velArh{
flex: 0 1 calc(50% - var(--padding-def ) );padding:var(--padding-def);
background:var(--clr4);border:solid 1px var(--clr4L4);
position:relative;min-height:110px;
display:flex;flex-flow:column nowrap;justify-content:space-evenly;
}
.velArh>div{display:block;margin:var(--padding-def25) 0;}
.velArhTi{font-weight:bold;font-size:1.2rem;}
.velArhNm{font-weight:normal;}
.velArhDocs{margin-top:var(--padding-def);}
.velArhDocs>a{display:inline-block;margin-right:1em;}
@media screen and (max-width: 800px) {
.velArh{flex: 1 0 100%;}
}
/* // vel archive listing */
/* archive listing */
.oneitWrap{display:flex;flex-flow:row wrap;gap:var(--padding-def);margin-bottom:var(--padding-defX2);}
.oneit{
flex: 0 1 calc(33% - var(--padding-def ) );padding:var(--padding-def);
background:var(--clr4);border:solid 1px var(--clr4L4);
position:relative;min-height:110px;
display:flex;flex-flow:column nowrap;justify-content:space-evenly;
}
.oneit>div:last-child{margin-top:var(--padding-def75);display:flex;flex-flow:row wrap;justify-content:space-evenly;}
.oneit .ibuton{flex:1 1 auto;margin-left:0;}
@media screen and (max-width: 1300px) {
.oneit{flex: 0 1 calc(50% - var(--padding-def50 ) );}
}
@media screen and (max-width: 800px) {
.oneit{flex: 1 0 100%;}
}
/* //archive listing */
/*alert WINDOW */
.kkdraggable{opacity:0.7;}
.kkdraggable iframe{display:none;}
#alertWindow {
width:auto;height:auto;max-width:1600px;max-height:98vh;display:block;opacity:0;transform:translate(-50%,-50%) scale(0.1,0);transform-origin:50% 50%;top:50%;left:50%;position:absolute;z-index:99999;background:transparent;border:solid 1px #be0036; border-radius:0.6rem;
box-shadow: 0px 0px 60px #222222; transition:opacity 0.7s ease, transform 0.5s ease;
}
#alertWindow.shown{z-index:99999;opacity:1; transform:translate(-50%,-50%) scale(1,1);}
#alertContents{background:#fff;display:block;width:100%;height:100%;margin:0;padding:0;border-bottom-left-radius:0.7rem;border-bottom-right-radius:0.7rem;}
#alertOverlay{display:block;opacity:0;position:fixed;z-index:99998;pointer-events:none;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,0.6);transition:opacity 0.7s ease;}
#alertOverlay.shown{z-index:99998;pointer-events:all;opacity:1;transition:opacity 0.7s ease;}
#alertToolbar{
height:15px;top:-14px;width:100%;text-align:left;background:#be0036;position:absolute;color:#fff;font-size:12px;line-height:12px;padding-left:8px; user-select: none;-moz-user-select: none;
border-top-left-radius:0.7rem;border-top-right-radius:0.7rem;
}
#alertClose{
cursor:pointer;position:absolute;top:-11px;right:-6px;width:3rem;height:2rem;background:#be0036;border:solid 1px #be0036;color:#FFF;padding:0;padding:0px 2px;border-radius:5px;transition:all 0.2s ease;
}
#alertClose::before{content:'';display:block;width:100%;height:100%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m16 16-4-4m0 0L8 8m4 4 4-4m-4 4-4 4'/%3E%3C/svg%3E"); background-size:100% 100%;
}
#alertClose:hover{color:var(--clr4L5);}
#alertOverlay::before{content:'';
display:block;position:absolute;top:calc(50% - 2rem);left:calc(50% - 2rem);
box-sizing: border-box;
width: 4rem;
height: 4rem;
border-radius: 100%;
border: 0.8rem solid rgba(255, 255, 255, 0.2);
border-top-color: #FFF;
animation: bxSpin 1s infinite linear; opacity:1; transition: opacity 0.8s 1s ease;
}
#alertOverlay.shown::before{opacity:0;}
/*End alert WINDOW */
/* Tables resp */
.rtbl-scrollX{display:block;max-width:100%;width:auto;height:auto;overflow:auto;}
.rtbl-stackV1{display:table;}
.rtbl-stackV1ed{display:none;}
.rtbl-stackV1ed {width:100%;margin-top:-1rem;}
.rtbl-stackV1ed TH{text-align:left;font-size:0.85rem;padding:1rem 1rem 0.2rem 0;border-top:solid 1px var(--clr4L5);}
.rtbl-stackV1ed TD{text-align:left;font-size:0.85rem;padding:0.2rem 1rem 0.2rem 0;vertical-align:top;}
.rtbl-stackV1ed TD[colspan="2"]{font-size:1rem;text-align:left;}
/* End Tables resp */
/*util anims */
@keyframes shake {
from,
to {
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
transform: translate3d(10px, 0, 0);
}
}
/*end util anims */
.error{
border: 1px dotted #FF0000; background-color: #FFCCCC;
color:#000000;
padding:4px 8px;
margin:8px;
}
.inf{
border: 1px dashed var(--clr4L5); background-color: #FFFFCC;
color:#000000;
padding:4px 8px;
margin:8px;
}
.inf .fa{height:100%;font-size:3em;font-weight:200;float:right;margin:0px 8px 3px 3px;color:#f4e280;}
.inf.saved{
border: 1px dashed #6da360; background-color: #e2f5d5;
color:#000000;
padding:20px 18px;
margin:10px 0;
}
.inf.saved .fa{color:#6a9f5e;line-height:1;margin-top:-10px;}
A, A:ACTIVE, A:FOCUS, A:LINK, A:VISITED {
color: #025fc7;
text-decoration: none;
}
A:HOVER {
color: #0E1D48;
text-decoration: underline;
}
/*page limiter link */
DIV.pagdiv{
margin-top:20px;
padding:2px;text-align:right;clear:both;
}
TD>DIV.pagdiv{
margin:0px;
}
SPAN.paglm {
font-size:14px;height:20px;
padding:2px;padding-right:7px;padding-left:7px;text-align:center;
text-decoration:none; color:#FFFFFF;background-color:#3C74E2;
}
A.paglm ,A.paglm:link,A.paglm :active{
font-size:14px;height:20px;
padding:2px;padding-right:7px;padding-left:7px;text-align:center;
text-decoration:none; color:#5d5d5d;background-color:#d8d8d8;
border:none !important;
}
/*// page limiter link */
TR.inactive{
background:var(--clr4L5);
}
table.prMdown{background:var(--clr4L1);text-decoration:line-through;}
table.prMdown input:disabled+label{opacity:1 !important;color:red;font-weight:bold;}
.atcnotes{border:solid 1px #c63b3b;background:#fbede7;padding:10px;margin:10px 10px;}
.okcnotes{border:solid 1px #9fe387;background:#f6ffef;padding:10px;margin:10px 10px;}
.kopForm{width:100%;padding-top:1em;}
.kopForm table{width:100%;}
.kopForm select{width:100%;}
.proForm{width:100%;padding:0px;margin:0px;text-align:center;}
.proForm table{width:100%;}
.apsForm{width:100%;padding:0px;margin:0px;text-align:center;}
.apsForm table{width:100%;}
.apsForm textarea{width:100%;resize:vertical;padding:0.2em 0.5em;}
.apsForm .notes{border:solid 1px #ccc;background:var(--clr4L1);padding:10px;margin:10px 10px;}
.admtg{width:100%;border-collapse:collapse;margin-bottom:4px;}
.admtg TD,.admtg TH{padding:4px 4px;border:solid 1px var(--clr4L5);vertical-align:top;}
.admtg TH{background:var(--clr4L1);}
.admtg.alert{border:solid 1px red !important;}
.admtg.alert TD{background:#fcf6dc;}
.admtg.alert SELECT{background:#fcd8b8 !important;color:red !important;}
.admng{width:100%;border-collapse:collapse;margin-bottom:4px;border:solid 1px var(--clr4L5);border-radius:3px;}
.admng TD,.admng TH{padding:3px 8px;border:dotted 1px var(--clr4L5);vertical-align:top;}
.admng TH{background:#e7ebf1;border:solid 1px #b5b3a9;}
.admng tr:nth-child(odd) {
background-color: #fcfcfc;
}
.admng tr:hover{background:#fcf9e7;}
.noresults{background:#f8f6f1;padding:20px !important; text-align:center;font-size:1.4em;font-weight:200;}
.noresults A{font-size:0.85em;}
.bedi{white-space:nowrap;color:#0c662c !important;}
.bdel{white-space:nowrap;color:#8d061f !important;}
.bsho{white-space:nowrap;color:#0a4063 !important;}
div.tabs{position:relative;border-bottom:solid 1px var(--clr4L5);margin:0px 0px 15px 0px;}
A.tabs{display:inline-block;border:solid 1px var(--clr4L5);border-bottom:none;padding:3px 8px 3px 8px;}
A.tabs.sel{color:#FFFFFF;background-color:var(--clr2L);}
div.tabs .tabsad{
display:inline-block;position:absolute;right:0;bottom:0;padding:0px;
}
@media screen and (max-width: 800px) {
div.tabs{text-align:center;}
A.tabs{margin-bottom:0.2rem;border:solid 1px var(--clr4L5);}
}
.filter{background:var(--clr4L1);padding:2px 8px;}
.filter TD{padding:2px 8px;}
#usrtble{width:100%;margin:0px;}
#usrtble TD{padding:4px;border-bottom:solid 1px var(--clr4L1);}
#usrtble TR:hover {background:var(--clr4L1);}
#usrtble TR:hover TH,#usrtble TH{background:#ffffff;text-align:left;}
.hdx{
background:#F8F8F8;border: 1px solid;border-color: #FEFEFE #C0C0C0 #C0C0C0 #FEFEFE;
text-decoration: none;color: #000000;font-size:0.9em;
}
.hdx:last-child{border:none;}
.bli{
line-height:150%;
color:#eaab51;
}
.bli A,.bli A:link,.bli A:visited,.bli A:active{
color:#222222;
}
.vestforma{width:100%;padding:15px;border:solid 1px var(--clr4L5);box-shadow:2px 2px 10px var(--clr4L5);}
/* css for timepicker */
.ui-state-default{padding:0px 2px !important;}
.ui-timepicker-div,.ui-datepicker-calendar *,.ui-datepicker-title{font-size:11px;}
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
/* css for stats tabler */
.statstbl caption{text-align:left;font-size:1.1em;font-weight:200;padding:5px 0;}
.statstbl{width:auto;border-collapse:collapse;}
.statstbl TD,.statstbl TH{border:solid 1px #ccc;padding:3px 5px;}
.statstbl TH{font-weight:600;font-size:0.9em;padding:5px 8px;}
.statstbl THEAD TH{border-bottom:solid 1px #666;}
.ttotal{background:var(--clr4L1);font-weight:normal;}
.stotal{background:var(--clr4L1);}
/* Jauns */
.nEadmTools{position:relative;z-index:10;xborder-top:solid 3px #a40202;z-index:100;}
.nEadmTools>span{position:absolute;right:0;height:32px;line-height:0;top:-16px;background:#a40202;padding:6px 10px 1px 10px;border-radius:5px;}
.nEadmTools>span>A{color:#fff;font:14px Verdana;line-height:14px;}
.nEadmTools>span>A>IMG{vertical-align:middle;height:16px;padding:0;margin:0;line-height:0;}
.nEadmTools>span>A>.fa{vertical-align:middle;font-size:24px;}
.nEadmTools>span>A.disabled{color:var(--clr4L5);pointer-events:none;}
.nEadmTools::before{content:'';}
.nEadmTools>span:after { content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 0; border: 9px solid transparent; border-top-color: #a40202; border-bottom: 0; border-left: 0; margin-bottom: -8px; }
.form-caption{border:solid 1px #fff;background:var(--clr4L5);font-weight:bold;padding: 5px 5px;border-top-left-radius:0.4rem;border-top-right-radius:0.4rem;}
TABLE.form-table{width:100%;padding:10px;table-layout:fixed;}
TABLE.form-table-grid{width:100%;padding:10px;border-collapse:collapse;}
TABLE.form-table-grid TD,TABLE.form-table-grid TH{border:solid 1px var(--clr4L5);}
TABLE.form-table-grid TH{background:var(--clr4L5);font-weight:bold;padding: 5px 5px;}
TD.td-label{
width:190px;
padding:5px 10px;
text-align:right;
background:#f3f3f3;vertical-align:top;
}
TD.td-divider{background:#ffffff;color:#000000;font-weight:bold;}
TD.td-field textarea{
width:500px;
resize:vertical;
}
TD.td-field select, TD.td-field input[type='text'], TD.td-field input[type='email'], TD.td-field input[type='password'],.easyui-textbox{
width:500px;height:auto;padding:3px 5px;
}
/* easyui edition*/
.layout-top{height:50px;background:#ffffff;overflow:hidden;}
.layout-top h1{font-size:1.2rem;line-height:1;font-weight:normal;color:#666666;margin:10px 5px !important;padding:0px !important;}
.tabs-bottom-buttons{background:#f3f3f3;padding:15px 20px;text-align:center;}
.tabs-bottom-buttons BUTTON{
padding:5px 20px;
margin:5px 10px;
height:auto;
text-align:left;
}
/* easyui edition - addd/edit form loader/caption*/
div.form-loading{
padding:20px;color:#444444;
}
div.form-loader{
position:absolute;display:none;width:100%;background:#FFFFFF;
border-top:solid 1px var(--clr4L5);border-bottom:solid 1px var(--clr4L5);
box-shadow:0px 10px 40px var(--clr4L5);
}
div.form-loader .tabs-bottom-buttons{margin:0px 12px 0px 12px;}
div.form-caption{padding:5px 15px;margin:15px 12px 0px 12px;background:var(--clr4L1);color:#ffffff;font-size:14px;font-weight:bold;}
@media screen and (max-width: 800px) {
TABLE.form-table TR,TABLE.form-table TH,TABLE.form-table TD{display:block;width:100%;max-width:100%;}
TABLE.form-table INPUT:not([type=checkbox]):not([type=radio]),TABLE.form-table TEXTAREA{width:100%;min-width:2rem!important;max-width:99%!important;}
}
/* tooltip */
[tooltip] { position: relative; cursor: pointer; display: inline-block;}
[tooltip]::after {
position: absolute; z-index: 1;opacity: 0;visibility: hidden;pointer-events:none;min-width:15rem;max-width:22rem;min-height:1.2rem;
content: attr(tooltip); white-space: pre-wrap;
font-size: 0.9rem;line-height: 1.3; font-weight: normal;font-style: normal;text-align: center;text-transform: none;
color: #fff;background-color: rgba(51, 51, 51, 0.9); border-radius: 0.3rem;
padding: 0.25rem 0.5rem 0.4rem 0.5rem;transition: opacity 0.2s;
}
[tooltip].tt-top::before {
content: ""; border-style: solid;border-width: 0.3rem; margin-left: -0.3rem;
opacity: 0;position: absolute; top: 0;left: 50%;visibility: hidden;pointer-events:none;
transition: opacity 0.2s;
border-color: rgba(51, 51, 51, 0.9) transparent transparent transparent;
}
[tooltip].tt-top::after {bottom: 100%;left: 50%;transform: translate(-50%);}
[tooltip].tt-bottom::before {
content: ""; position: absolute;bottom: 0;left: 50%;opacity: 0;visibility: hidden;pointer-events:none;margin-left: -0.3rem;
border-style: solid;border-width: 0.3rem;
border-color: transparent transparent rgba(51, 51, 51, 0.9) transparent;
transition: opacity 0.2s;
}
[tooltip].tt-bottom::after {top: 100%;left: 50%;transform: translate(-50%);}
[tooltip].tt-left::before {
content: "";position: absolute;top: 0.3rem;right: calc(110% - 0.3rem);margin-top: -0.3rem;opacity: 0;visibility: hidden;pointer-events:none;
border-style: solid;border-width: 0.3rem;
border-color: transparent transparent transparent rgba(51, 51, 51, 0.9);
transition: opacity 0.2s;
}
[tooltip].tt-left::after {top: -0.3rem;right: calc(110% + 0.3rem);}
[tooltip].tt-right::before {
content: "";
border-style: solid;border-width: 0.3rem;
position: absolute; top: 50%;top: 0.3rem;left: calc(110% - 0.3rem);opacity: 0;visibility: hidden;pointer-events:none;margin-top: -0.3rem;
border-color: transparent rgba(51, 51, 51, 0.9) transparent transparent;
transition: opacity 0.2s;
}
[tooltip].tt-right::after {top: -0.3rem;left: calc(110% + 0.3rem);}
@media (max-width: 767px) {
[tooltip]::before {display: none;}
[tooltip]:after {
position: fixed;bottom: auto!important;top: 50%;left: 50%;
transform: translate(-50%);
}
}
[tooltip]:hover::after, [tooltip][class*=tt-]:hover::before {
visibility: visible;
opacity: 1;
}
[tooltip].tt-info{color:#0561b6;}
/*
js tooltip kTOOLTIP
*/
#ktooltip {position: absolute;z-index: 99999999999;top:0;opacity:0;pointer-events:none;
white-space: pre-wrap;
font-size: 0.9rem;line-height: 1.3; font-weight: normal;font-style: normal;text-align: center;text-transform: none;
color: #fff;background-color: rgba(51, 51, 51, 0.9); border-radius: 0.3rem;
padding: 0.25rem 0.5rem 0.4rem 0.5rem;
box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
transition:opacity 0.3s ease;
}
#ktooltip.tt-shown{opacity:1;}
#ktooltip:after{content: ''; width: 0;height: 0;position: absolute;left: 50%;bottom: -10px;margin-left: -10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #333;
border-top-color: rgba( 51, 51, 51, 0.9);
}
#ktooltip.tt-top:after{top: 0px;bottom: auto;
border-top-color: transparent;
border-bottom: 10px solid #333;
border-bottom-color: rgba( 51, 51, 51, 0.9 );
}
#ktooltip.tt-left:after{left: 10px;margin: 0;}
#ktooltip.tt-right:after{right: 10px;left: auto;margin: 0;}
/* //tooltip */
/*Forms- formset */
.formfset{margin:10px 0px;padding:0.5em 0 0.5em 0.5em;border-radius:4px;}
.formfset legend{font-weight:200;font-size:1.3em;}
.fieldradio{clear:both;margin-top:0.25em;margin-bottom:0.25em;}
.fieldradio input{max-width:25%;margin-right:2%;}
.fieldradio label{display:inline-block;width:80%;vertical-align:top;}
.formfset table{width:96%;}
.formfset TD{padding:3px 8px;}
INPUT.err,SELECT.err{background:#ffe1ee;border:solid 1px #ff8f9c; }
.formfset TD IMG{box-shadow:1px 1px 5px var(--clr4L5);}
.tdfn{width:140px; text-align:right; background: linear-gradient(to right, #fbf9f5 0%,#ededed 100%);}
@media screen and (max-width: 800px) {
.formfset table{width:100%;}
.tdfn{width:100%; text-align:left; background: linear-gradient(to right, #fbf9f5 0%,#ededed 100%);}
.formfset TR,.formfset TH,.formfset TD{display:block;width:100%;max-width:100%;}
.formfset INPUT:not([type=checkbox]):not([type=radio]),.formfset TEXTAREA{width:100%;min-width:2rem!important;max-width:99%!important;}
}
/* //Forms- formset */
/*Forms- admT0 */
.admt0{
padding:0.2rem;
border: 1px solid var(--clr4L);
background-color:var(--clr4);text-align:left;
sbox-shadow:1px 1px 10px rgba(0,0,0,0.5);width:100%;max-width:100%;
}
.admt0 INPUT,.admt0 TEXTAREA{max-width:100%;min-width:fit-content;}
@media screen and (max-width: 800px) {
.admt0:not(.noresp) TR,.admt0:not(.noresp) TH,.admt0:not(.noresp) TD{display:block;width:100%;max-width:100%;}
.admt0:not(.noresp) INPUT:not([type=checkbox]):not([type=radio]),.admt0:not(.noresp) TEXTAREA{width:100%;min-width:2rem!important;max-width:99%!important;}
}
.admt0 TD,.admt0 TH{padding:2px 5px;border:solid 1px var(--clr4L3);}
.admt1{
padding:2px 5px;
border: 1px solid var(--clr4L4);
background-color:var(--clr4L3);
}
.admt2{
padding:2px 5px;
background-color:var(--clr4L1);
}
.admtx{
padding:2px 5px;
background-color:var(--clr4L3);
}
/* //Forms- formset */
/* Dialog */
:root{
--dlg-bg:#fff;
--dlg-b:solid 1px #ccc;
--dlg-gap: 1.5rem;
--dlg-mis:250px;
--dlg-bxsh:0px 0px 40px -12px rgba(0, 0, 0, 0.9),0px 0px 900px 900px rgba(0, 0, 0, 0.3);
}
[data-component*="dialog"] * {
box-sizing: border-box;
outline-color: var(--dlg-outline-c, hsl(218, 79.19%, 35%))
}
:where([data-component*="dialog"]) {
background: var(--dlg-bg, #fff);
border: var(--dlg-b, 0);
border-radius: var(--dlg-bdrs, 0.25em);
box-shadow: var(--dlg-bxsh, 0px 25px 50px -12px rgba(0, 0, 0, 0.25));
font-family:var(--dlg-ff, ui-sansserif, system-ui, sans-serif);
min-inline-size: var(--dlg-mis, auto);
padding: var(--dlg-p, var(--dlg-gap));
width: var(--dlg-w, fit-content);
}
:where([data-component="no-dialog"]:not([hidden])) {
display: block;
inset-block-start: var(--dlg-gap);
inset-inline-start: 50%;
position: fixed;
transform: translateX(-50%);
}
:where([data-component*="dialog"] menu) {
display: flex;
gap: calc(var(--dlg-gap) / 2);
justify-content: var(--dlg-menu-jc, flex-end);
margin: 0;
padding: 0;
}
:where([data-component*="dialog"] menu button) {
background-color: var(--dlg-button-bgc);
border: 0;
border-radius: var(--dlg-bdrs, 0.25em);
color: var(--dlg-button-c);
font-size: var(--dlg-button-fz, 0.8em);
padding: var(--dlg-button-p, 0.65em 1.5em);
}
:where([data-component*="dialog"] menu button:hover) {
box-shadow:0 0 5px #000;
}
:where([data-component*="dialog"] [data-ref="accept"]) {
--dlg-button-bgc: var(--dlg-accept-bgc, hsl(218, 79.19%, 46.08%));
--dlg-button-c: var(--dlg-accept-c, #fff);
}
:where([data-component*="dialog"] [data-ref="cancel"]) {
--dlg-button-bgc: var(--dlg-cancel-bgc, transparent);
--dlg-button-c: var(--dlg-cancel-c, inherit);
}
:where([data-component*="dialog"] [data-ref="fieldset"]) {
border: 0;
margin: unset;
padding: unset;
}
:where([data-component*="dialog"] [data-ref="message"]) {
font-size: var(--dlg-message-fz, 1.25em);
margin-block-end: var(--dlg-gap);
}
:where([data-component*="dialog"] [data-ref="template"]:not(:empty)) {
margin-block-end: var(--dlg-gap);
width: 100%;
}
/* hack for Firefox */
@-moz-document url-prefix() {
[data-component="no-dialog"]:not([hidden]) {
inset-inline-start: 0;
transform: none;
}
}
/* added to `body` when browser do not support `