/* BODY */
body {
	font-family:Verdana,Arial,Sans serif;
	box-sizing:border-box;
	min-height:100vh;
	font-size:var(--fs-nr);
	color:var(--main-color);
	padding:0px;margin:0px;
	background-color:var(--main-bgsoft);
}

/* BLOCK ELEMENTS */
div, p, ul, ol, li,
table, thead, tbody, tr, td, th,
footer, header, menu, hr, form,
input, select, textarea, button, img {
	box-sizing:border-box;
/*	font-size:inherit;*/
}

hr {
	height:2px;
	padding:0px;
	border:2px solid var(--main-color);
	margin:12px 0px 12px 0px;
}

div.body {
	margin:0px auto;
	background-color:var(--main-bgcolor);
	max-width:var(--body-width);
	min-width:var(--body-min);
/*	padding:var(--body-padding);*/
	min-height:100vh;
	box-shadow:0px 0px 10px var(--col-gray);
/*	position:relative;*/
/*	padding-bottom:calc(64px + var(--footer-height)); */
	display:flex;
	flex-direction:column;
	justify-content:stretch;
	align-items:stretch;
}

.logged div.body {
	max-width:var(--body-logged-width);
	min-width:var(--body-logged-min);
}

div.body > div,
div.body > ul,
div.body > header,
div.body > footer {
	flex-grow:0;
}


div.body > .page-body {
	flex-grow:100;
	padding:var(--body-padding);
}

div.body.full > .page-body {
	padding:0px;
}

div.body.fixed {
	padding-top:calc(20px + var(--fs-nr));
}

h1, h2, h3, h4, h5 {
	color:inherit;
	text-align:center;
	font-weight:bold;
	font-style:normal;
	margin:18px 0px 9px 0px;
	padding:0px;
}

h1 {font-size:var(--fs-hg);margin-top:24px;}
h2 {font-size:var(--fs-bg);margin-top:18px;}
h3 {font-size:var(--fs-nr);margin-top:9px;}
h4 {font-size:var(--fs-nr);margin-top:9px;font-style:italic;}
h5 {font-size:var(--fs-sm);margin-top:9px;font-style:italic;}

.lft {text-align:left !important;}
.cnt {text-align:center !important;}
.rgt {text-align:right !important;}

.fl-lft {float:left;}
.fl-rgt {float:right;}
.clb {clear:both;}

.nwr {white-space:nowrap;}
.wrp {white-space:normal;}

.lcs {text-transform:lowercase;}
.ucs {text-transform:uppercase;}

.str {font-weight:bold;}
.nstr {font-weight:normal;}
.lnt {text-decoration:line-through;}

.itl {font-style:italic;}
.nitl {font-style:normal;}

.ovx {overflow-x:scroll;}
.ovy {overflow-y:scroll;}
.ovh {overflow:hidden;}
.ovv {overflow:visible;}

.cr-pnt {cursor:pointer;}
.cr-def {cursor:default;}

.limh-1 {height:var(--lim-height-1,100px);}
.limh-2 {height:var(--lim-height-2,200px);}
.limh-3 {height:var(--lim-height-3,300px);}
.limh-4 {height:var(--lim-height-4,400px);}
.limh-5 {height:var(--lim-height-5,500px);}

.w100 {width:100% !important;}
.w75  {width:75%  !important;}
.w50  {width:50%  !important;}
.w25  {width:25%  !important;}
.w20  {width:20%  !important;}
.w15  {width:15%  !important;}
.w10  {width:10%  !important;}
.w5   {width:5%   !important;}

.fs50 {font-size:50%;}
.fs75 {font-size:75%;}
.fs80 {font-size:80%;}
.fs90 {font-size:90%;}
.fs100 {font-size:100%;}
.fs110 {font-size:110%;}
.fs120 {font-size:120%;}
.fs125 {font-size:125%;}
.fs150 {font-size:150%;}
.fs175 {font-size:175%;}
.fs200 {font-size:200%;}

.lh80 {line-height:80%;}
.lh100 {line-height:100%;}
.lh125 {line-height:125%;}
.lh133 {line-height:133%;}
.lh150 {line-height:150%;}
.lh175 {line-height:175%;}
.lh200 {line-height:200%;}
.lh220 {line-height:220%;}
.lh250 {line-height:250%;}

.pd0 {padding:0px;}
.pd3 {padding:3px;}
.pd6 {padding:6px;}
.pd12 {padding:12px;}
.pd18 {padding:18px;}
.pd24 {padding:24px;}

.mg0 {margin:0px;}
.mg3 {margin:3px;}
.mg6 {margin:6px;}
.mg12 {margin:12px;}
.mg18 {margin:18px;}
.mg24 {margin:24px;}

.flxwid {display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;}
.flxhei {display:flex;flex-direction:column;justify-content:space-between;align-items:center;}

.hid, .hid2, .hid3 {display:none;}

ul.unmark,
ol.unmark,
.unmark > ol,
.unmark > ul {list-style-type:none;margin:0px;padding:0px;}

ul.unmark > li,
ol.unmark > li,
.unmark > ol > li,
.unmark > ul > li {margin:0px;padding:0px;}

/* BUTTONS AND LINKS */

a, a:hover {
	color:inherit;
	text-decoration:none;
	transition:0.2s;
}

a img {border:none;}

input[type="button"],
input[type="submit"],
button,
.as-btn,
.ui-widget input[type="button"].ui-button,
.ui-widget input[type="submit"].ui-button,
.ui-widget button.ui-button,
.ui-widget .as-btn.ui-button {
	display:inline-block;
	padding:6px 18px 6px 18px;
	border:none;
	border-radius:4px;
	text-align:center;
	font-size:var(--fs-bg);
	background-color:var(--btn-bg);
	background-image:none;
	color:var(--btn-cl);
	font-weight:bold;
	cursor:pointer;
}

input[type="button"]:hover,
input[type="submit"]:hover,
button:hover,
.as-btn:hover,
.ui-widget input[type="button"].ui-button:hover,
.ui-widget input[type="submit"].ui-button:hover,
.ui-widget button.ui-button:hover,
.ui-widget .as-btn.ui-button:hover {
	background-color:var(--btn-hv);
	box-shadow:0px 0px 10px var(--btn-bg);
	color:var(--btn-cl) !important;
}

input[type="button"]:disabled,
input[type="submit"]:disabled,
button:disabled,
.as-btn:disabled,
input[type="button"]:disabled:hover,
input[type="submit"]:disabled:hover,
button:disabled:hover,
.as-btn:disabled:hover {
	background-color:var(--col-lgray);
	color:var(--col-silver) !important;
	box-shadow:none;
}

.col-btn {
	display:inline-block;
	padding:4px 12px 4px 12px;
	border:none;
	border-radius:4px;
	text-align:center;
	font-size:var(--fs-nr);
	line-height:calc(4 + var(--fs-nr));
	color:var(--btn-cl);
	font-weight:bold;
	cursor:pointer;
	opacity:0.9;
	transition:0.4s;
}

.col-btn:hover {
	opacity:1.0;
	box-shadow:0px 0px 10px #666666;
}


.del-btn {
	display:inline-block;
	font-size:var(--fs-nr);
	width:calc(var(--fs-nr) + 6px);
	height:calc(var(--fs-nr) + 6px);
	font-weight:bold;
	padding:2px 1px 0px 2px;
	border:none;
	border-radius:50%;
	text-align:center;
	background-color:var(--col-lred) !important;
	color:var(--col-silver) !important;
	cursor:pointer;
	user-select:none;
}

.del-btn:hover {
	color:var(--col-white) !important;
	box-shadow:0px 0px 6px var(--col-red);
}

.text-spoiler {
    display:block;
    margin:12px 0px 6px 0px;
}

.text-spoiler::after {
	cursor:pointer;
	font-size:var(--fs-nr);
	font-weight:normal;
	font-style:italic;
	color:var(--col-blue);
	content:'Показать...';
}

.text-spoiler.open::after {
	content:'Скрыть';
	color:var(--col-red);
}

.text-spoiler + div {
	display:none !important;
}

.text-spoiler.open + div {
	display:block;
}


/* MAGNIFY IMAGES */

.magnify {
	position:relative;
}

.magnify::before,
.magnify::after {
	display:block;
	position:absolute;
	width:32px;
	height:32px;
	right:8px;
	bottom:8px;
	border-radius:50%;
	transition:0.2s;
	content:" ";
}

.magnify::before {
	background-color:var(--col-white);
	opacity:0.8;
	border:1px solid var(--col-dark);
}

.magnify:hover::before {
	z-index:+40;
	background-color:var(--col-blue);
	border:1px solid var(--col-blue);
	opacity:0.5;
}

.magnify::after {
	z-index:+50;
	background-color:transparent;
	background-image:url('icons/zoom.png');
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer;
}

.magnify:hover::after {
	background-image:url('icons/zoom-h.png');
}

/* POPUP WINDOW */

.pop-screen,
.pop-screen div {
	box-sizing:border-box;
	margin:0px;
	padding:0px;
}

.pop-screen {
	display:none;
	position:fixed;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	width:100vw;
	height:100vh;
	z-index:+100;
}

.pop-shield {
	display:none;
    position:absolute;
    left:0px;
    top:0px;
	width:100%;
	height:100%;
	z-index:+100;
	background-color:var(--col-gray);
	opacity:0.75;
}

body.modal {
	overflow:hidden;
	margin-right:12px;
}

body.modal div.page-content {
	filter: blur(5px);
}

.modal .pop-screen,
.popup .pop-screen,
.modal .pop-shield {
	display:block;
}

.pop-area {
    position:absolute;
    left:0px;
    top:0px;
	width:100%;
	height:100%;
	z-index:+150;
	background:transparent;
	opacity:1;
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
}

.pop-screen div.pop-frame {
	padding:32px;
	position:relative;
	background-color:#FFFFFF;
	box-shadow:0px 0px 16px var(--main-color);
	border-radius:18px;
}

.pop-frame .bt-cls,
.pop-frame .bt-ext,
.pop-frame .bt-shr,
.pop-frame .bt-nxt,
.pop-frame .bt-prv {
	display:none;
	position:absolute;
	width:25px;
	height:25px;
	border:none;
	background-color:transparent;
	background-position:center center;
	background-repeat:no-repeat;
	transition:0.2s;
	cursor:pointer;
	user-select:none;
}

.pop-frame .bt-cls {
	display:block;
/*    background-image:url('icons/close.png'); */
    background-color:#990033;
    text-align:center;
    color:#FFFFFF;
    border-radius:50%;
	width:32px;
	height:32px;
	right:-16px;
	top:-16px;
	transition:0.4s;
	box-shadow:none;
}

.pop-frame .bt-cls::after {
	display:block;
	position:absolute;
	box-sizing:border-box;
	margin-top:-2px;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	content: '\00D7';
	font-size:24px;
	font-weight:bold;
}

.pop-frame .bt-cls:hover {
    background-color:#FF0033;
	box-shadow:0px 0px 6px #990033;
}

.pop-frame .bt-ext {
	display:block;
    background-image:url('icons/extend.png');
	right:36px;
	top:4px;
}

.pop-frame .bt-ext:hover {
    background-image:url('icons/extend-h.png');
}

.pop-frame .bt-shr {
    background-image:url('icons/shrink.png');
	right:36px;
	top:4px;
}

.pop-frame .bt-shr:hover {
    background-image:url('icons/shrink-h.png');
}

body.no-ext .pop-frame .bt-ext,
body.no-ext .pop-frame .bt-shr {
	display:none;
}

.pop-frame .bt-nxt {
    background-image:url('icons/rarr.png');
	right:4px;
	top:calc(50% - 12px);
}

.pop-frame .bt-nxt:hover {
    background-image:url('icons/rarr-h.png');
}

.pop-frame .bt-prv {
    background-image:url('icons/larr.png');
	left:4px;
	top:calc(50% - 12px);
}

.pop-frame .bt-prv:hover {
    background-image:url('icons/larr-h.png');
}

.pop-frame.full-size .bt-shr,
.pop-frame.has-prev .bt-prv,
.pop-frame.has-next .bt-next {
	display:block;
}

.pop-frame.full-size .bt-ext {
	display:none;
}

.pop-frame .pop-content {
  	min-width:320px;
  	min-height:240px;
  	text-align:center;
/*	background-color:var(--main-bgcolor);*/
  	overflow:auto;
  	max-height:calc(90vh - 48px);
  	max-width:calc(90vw - 48px);
}

.pop-frame .pop-content.loading-cont {
    background: url('icons/loading2.gif') no-repeat center center;
}

.pop-frame .pop-content img {
	max-width:70vw;
	max-height:70vh;
}

.pop-frame.full-size .pop-content {
	max-width:70vw;
	max-height:70vh;
  	overflow:scroll;
}

.pop-frame.full-size img {
	max-width:auto;
	max-height:auto;
}


.cwrn {
	display:inline-block;box-sizing:border-box;margin:0px 4px;width:20px;height:20px;background-color:#FFFF99;color:black;border:1px solid black;border-radius:50%;text-align:center;font-weight:bold;font-size:14px;padding:2px 0px 0px 0px;
}
.cwrn::after {
    content:'!';
}
/* INPUTS */

input[type="button"].dis, input[type="button"].dis:hover,
input[type="submit"].dis, input[type="submit"].dis:hover,
button.dis, button.dis:hover,
.as-btn.dis, .as-btn.dis:hover {
	background-color:var(--btn-ds);
	cursor:normal;
}

div.err,
div.inf,
div.msg {
    font-size:var(--fs-bg);
    border:none;
    margin:12px 0px 12px 0px;
    padding:24px 12px 24px 12px;
    text-align:left;
}

div.err {
 	background-color:var(--col-lred);
 	color:var(--col-white);
}

div.msg {
 	background-color:var(--col-blue);
 	color:var(--col-white);
}

div.inf {
 	background-color:var(--col-green);
 	color:var(--col-white);
}

/* Elements */

.marker,
.marker-pre,
.marker-int,
.marker-ext,
.marker-post {
    display:inline-block;
    text-align:center;
    font-size:var(--fs-sm);
    border:none;
    border-radius:4px;
    padding:3px 9px 3px 9px;
    margin:2px 4px 2px 4px;
    transition:0.2s;
}

.marker-near .marker,
.marker-near .marker-pre,
.marker-near .marker-int,
.marker-near .marker-ext,
.marker-near .marker-post {
	margin-left:0px;
	margin-right:0px;
}

.marker.shad:hover{
	box-shadow:0px 0px 8px var(--col-mbg,#666666);
}

.marker-int {
 	border-radius:0px;
}

.marker-pre {
 	border-radius:4px 0px 0px 4px;
}

.marker-post {
 	border-radius:0px 4px 4px 0px;
}

.marker-ext {
    padding-right:24px;
    cursor:pointer;
    position:relative;
}

.marker-ext + div {
	display:none;
}

.marker-ext::after {
	content:'\25bc';
	display:block;
	box-sizing:border-box;
	position:absolute;
    font-size:var(--fs-sm);
    font-weight:normal !important;
    font-style:normal !important;
    opacity:0.6;
    z-index:+8;
    right:6px;
    top:calc(50% - 0.6em);
}

.marker-ext:hover + div,
.marker-ext.open + div {
	display:block;
	box-sizing:border-box;
}

.marker-ext.pup:hover + div,
.marker-ext.pup.open + div {
	position:absolute;
	display:block;
    z-index:+4;
	min-width:var(--pup-width,250px);
	background-color:#FFFFFF;
	padding:6px;
	opacity:0.9;
}

.marker-ext.pup.rel + div {
	right:0px;
/*	top:100%;*/
}

.marker-ext.open::after {
	content:'\25b2';
}

.marker-div {
   font-size:var(--fs-sm);
   line-height:110%;
   text-align:left;
   padding:3px;
   margin:6px 2px;
}

.marker-div > div+div {border-top:1px dashed #CCCCCC;}

/**/

.bg-gray {
	background-color:var(--col-lgray);
	color:var(--col-dark);
}

.bg-lblue {
	background-color:#E8F8FF;
	color:var(--col-dark);
}

.bg-lnavy {
	background-color:#6699CC;
	color:var(--col-white);
}

.bg-lred {
	background-color:#FF3366;
	color:var(--col-white);
}

.bg-ulgray {
	background-color:#F8F8F8;
	color:var(--col-dark);
}

.bg-lgray {
	background-color:#E8E8E8;
	color:var(--col-dark);
}

.bg-white {
	background-color:var(--col-white);
	color:var(--col-dark);
}

.bg-violet {
	background-color:var(--col-violet);
	color:var(--col-white);
}

.bg-red {
	background-color:var(--col-lred);
	color:var(--col-white);
}

.bg-cyan  {
	background-color:#339999;
	color:var(--col-white);
}

.bg-grass  {
	background-color:#33CC66;
	color:var(--col-white);
}

.bg-lime  {
	background-color:var(--col-lime);
	color:var(--col-dark);
}

.bg-green  {
	background-color:var(--col-green);
	color:var(--col-white);
}

.bg-yellow {
	background-color:var(--col-yellow);
	color:var(--col-dark);
}

.bg-brown {
	background-color:#996633;
	color:var(--col-white);
}

.bg-orange {
	background-color:var(--col-orange);
	color:var(--col-dark);
}

.bg-blue {
    background-color:var(--col-blue);
	color:var(--col-white);
}

.bg-navy {
    background-color:var(--col-navy);
	color:var(--col-white);
}

.bg-pink {
    background-color:var(--col-pink);
	color:var(--col-dark);
}

.bg-dark {
    background-color:var(--col-dark,#333333);
	color:var(--col-white,#FFFFFF);
}

.bg-black {
    background-color:var(--col-black,#000000);
	color:var(--col-white,#FFFFFF);
}


.extflag {
    display:inline-block;
    box-sizing:border-box;
    vertical-align:middle;
    width:1.2em;
    height:1.2em;
    text-align:center;
    padding:0px;
    border:1px solid #336699;
    background-color:#336699;
	font-weight:bold;
    color:#F8F8F8;
    cursor:pointer;
}
.extflag.open {
    color:#336699;
    background-color:#F8F8F8;
}
.extflag::after{content:'+';}
.extflag.open::after{content:'-';}

.no-edit .extflag {
	border-color:#666666;
    background-color:#666666;
    cursor:default;
}

.no-edit .extflag.open {
    color:#666666;
    background-color:#F8F8F8;
}

.cmdmenu {
	margin:12px 0px 24px 0px;
	text-align:left;
    font-size:var(--fs-sm);
    color:var(--col-lgray);
}

.cmdmenu a {
    display:inline-block;
	padding:3px 9px 3px 9px;
    color:var(--col-blue);
    border-radius:2px;
    cursor:pointer;
    transition:0.2s;
    text-decoration:none;
}

.cmdmenu a:hover {
    background-color:var(--col-blue);
    color:var(--col-white);
}

.list-man {
	margin:12px 0px 24px 0px;
	text-align:left;
    font-size:var(--fs-sm);
    color:var(--col-blue);
}

.list-man abbr {
    display:inline-block;
	font-style:italic;
	padding:3px 9px 3px 9px;
    color:var(--col-blue);
    border-radius:2px;
    cursor:pointer;
    transition:0.2s;
    user-select:none;
}

.list-man abbr:hover {
    background-color:var(--col-blue);
    color:var(--col-white);
}

.list-man input,
.list-man select,
.list-man button {
   	margin-left:12px;
   	font-size:var(--fs-nr);
   	padding:2px;
}

.list-man input[type="text"],
.list-man input[type="number"],
.list-man input[type="date"],
.list-man input[type="password"],
.list-man select {
   	border:1px solid var(--main-color);
   	background-color:var(--main-bgcolor);
}

/* CONTROLS */

input[type="text"],
input[type="date"],
input[type="number"],
input[type="password"],
input[type="file"],
select,
textarea {
    font-size:calc(12px + var(--control-scale) * 2px);
	border:2px solid var(--btn-bg);
	color:var(--btn-bg);
	background-color:var(--btn-cl);
	padding:calc(var(--control-scale) * 2px) calc(var(--control-scale) * 4px) calc(var(--control-scale) * 2px) calc(var(--control-scale) * 4px);
}

textarea {
    font-size:var(--fs-nr);
    height:calc(var(--fs-nr) * 8);
    text-align:left;
}

input[type="text"]::placeholder,
input[type="number"]::placeholder,
input[type="date"]::placeholder,
input[type="password"]::placeholder,
input[type="file"]::placeholder,
select::placeholder,
textarea::placeholder {
	font-size:var(--fs-bg);
	color:var(--btn-bg);
	opacity:0.8;
}

input[type="text"]:readonly,
input[type="date"]:readonly,
input[type="number"]:readonly,
input[type="password"]:readonly,
select:readonly,
textarea:readonly {
	border-color:var(--btn-ds) !important;
	background-color:#E0E0E0;
/*	color:var(--btn-ds) !important;*/
}

/* FLAGS */

input[type="checkbox"],
input[type="radio"] {
	display:inline-block;
	box-sizing:border-box;
	position:relative;
	padding:0px;
	width:var(--fs-hg);
	height:var(--fs-hg);
	cursor:pointer;
}

input.box[type="checkbox"],
input.box[type="radio"] {
	display:inline-block;
	position:relative;
	padding:0px;
	box-sizing:border-box;
	width:var(--fs-hg);
	height:var(--fs-hg);
}

input.box[type="checkbox"]::before,
input.box[type="radio"]::before {
	display:block;
	position:absolute;
	box-sizing:border-box;
	z-index:+2;
	width:var(--fs-hg);
	height:var(--fs-hg);
	margin:0px;
	padding:0px;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	border:2px solid var(--btn-bg);
	background-color:var(--btn-cl);
	content:'';
}

input.box[type="checkbox"]:checked::after,
input.box[type="radio"]:checked::after {
	display:block;
	position:absolute;
	box-sizing:border-box;
	z-index:+3;
	background-color:var(--btn-bg);
	border-radius:2px;
	left:4px;
	top:4px;
	right:4px;
	bottom:4px;
	content:'';
}

input.box[type="checkbox"].round::before,
input.box[type="checkbox"].round:checked::after,
input.box[type="radio"]:not(.square)::before,
input.box[type="radio"]:not(.square):checked::after {
	border-radius:50%;
	content:'';
}

/* HEADER AND FOOTER */
header {
	display:flex;
	flex-direction:row;
	width:100%;
	justify-content:space-between;
	align-items:center;
	margin:0px;
	padding:var(--header-padding);
	background-color:var(--header-bgcolor);
	color:var(--header-color);
	font-size:var(--header-fs-main);
	text-align:var(--header-al-main);
}

header > div {
    flex-grow:0;
}

header > div.appt-title {
	flex-grow:100;
	text-align:left;
	font-size:var(--header-fs-main, 14px);
}

header .aux {
	background-color:inherit;
	color:var(--header-cl-aux);
	text-align:var(--header-al-aux);
	font-size:var(--header-fs-aux);
}

.logged div.body > header {
	--header-fs-main:calc(1.5 * var(--fs-nr));
}

.logged div.body > header > .app-title {
	text-align:left;
	flex-grow:10;
}

.logged div.body > header > .app-logo,
.logged div.body > footer {
	display:none;
}


footer {
	height:var(--footer-height);
	padding:var(--footer-padding);
	background-color:var(--footer-bgcolor);
/*    box-shadow:0px 10px 10px var(--footer-bgcolor);*/
	color:var(--footer-color);
	font-size:var(--footer-fs-main);
	text-align:var(--footer-al-main);
}

footer.ff {
	display:block;
	position:absolute;
	top:100%;
	left:0px;
	right:0px;
	height:var(--footer-height);
	padding:var(--footer-padding);
	background-color:var(--footer-bgcolor);
    box-shadow:0px 10px 10px var(--footer-bgcolor);
	color:var(--footer-color);
	font-size:var(--footer-fs-main);
	text-align:var(--footer-al-main);
}

/* TOP & POPUP MENUS */

div.topmenu {
 	display:flex;
 	flex-direction:row;
 	align-items:flex-start;
 	justify-content:stretch;
	border-bottom:1px solid var(--menu-br);
}

div.topmenu .topmenu-marker {
	display:none;
	flex-grow:0;
}

ul.topmenu {
	display:block;
	flex-grow:10;
	list-style-type:none;
	margin:0px;
	padding:2px;
	background-color:var(--menu-bg);
	color:var(--menu-cl);
	font-size:var(--menu-fs, --fs-nr, 16px);
	position:relative;
	box-sizing:border-box;
	line-height:120%;
}

.fixed ul.topmenu {
	position:fixed;
	top:0px;
}

ul.topmenu ul,
ul.topmenu div {
	box-sizing:border-box;
}

ul.topmenu a,
ul.topmenu a:hover {
	display:block;
	box-sizing:border-box;
	color:inherit;
	margin:0px;
	text-decoration:none;
	transition:none;
}

ul.topmenu li {
	display:block;
	padding:0px;
	margin:0px;
	position:relative;
	white-space:nowrap;
	box-sizing:border-box;
}

ul.topmenu li > div {
	padding:4px 48px 4px 8px;
	cursor:pointer;
	position:relative;
	transition:var(--menu-tr, none);
}

ul.topmenu > li { /* TOP (horizontal) row */
	display:inline-block;
	padding:0px;
}

ul.topmenu li.sub > div::after {
    display:block;
    position:absolute;
    right:8px;
    font-size:inherit;
    color:inherit;
    top:calc(50% - var(--menu-fs) / 2);
    content:var(--menu-sub, '...');
}

ul.topmenu > li.sub > div::after {
	display:none;
}

ul.topmenu > li > div {
	padding-right:8px;
}

ul.topmenu li.current > div,
ul.topmenu li.selected > div {
	font-weight:bold;
}

ul.topmenu li ul { /* INTERNAL POPUPS */
	display:none;
	list-style-type:none;
	margin:0px;
	padding:4px;
	position:absolute;
	left:var(--menu-offs, 18px);
	z-index:+64;
    color:var(--menu-pop-cl, --menu-cl);
	background-color:var(--menu-pop-bg, --menu-bg);
	border-top:1px solid var(--menu-pop-br, --menu-br);
	box-shadow:0px 6px 10px var(--menu-pop-cl, --menu-cl);
	opacity:0.95;
}

ul.topmenu li:hover > ul {
	display:block;
}

ul.topmenu ul li.topbreak {
/*	border-top:1px solid var(--menu-pop-dv, --menu-br);*/
}

ul.topmenu ul li.topbreak::before {
	display:block;
    box-sizing:border-box;
	border-top:1px solid var(--menu-pop-dv, --menu-br);
	margin:4px 0px 4px 0px;
	content:'';
}

ul.topmenu > li.topbreak {
	border-top:none;
	margin-left:12px;
	position:relative;
/*	border-left:1px solid var(--menu-pop-dv, --menu-br);*/
}

ul.topmenu > li.topbreak::before {
    display:block;
    box-sizing:border-box;
    position:absolute;
    z-index:+2;
    content:'';
    width:1px;
    left:-6px; top:0px; bottom:0px;
    border-left:1px solid var(--menu-cl);
}



ul.topmenu li:hover > div {
	background-color:var(--menu-hov-bg);
	color:var(--menu-hov-cl);
}

/* LISTS */

ul.nomark {
    list-style-type:none;
    margin:0px;
    padding:0px;
}

ul.nomark > li {
    margin:0px;
    padding:2px 0px 2px 0px;
}

/* DIALOG BOX */

div.dialog {
    display:block;
    box-sizing:border-box;
	margin:24px auto;
	padding:36px 36px 12px 36px;
	background-color:var(--btn-bg);
	color:var(--btn-cl);
	border:none;
	border-radius:8px;
	box-shadow:0px 0px 10px var(--btn-bg);
	width:640px;
}

@media (max-width:660px) {

	div.dialog {
		width:100%;
		margin:24px 0px;
	}

	div.dialog table,
	div.dialog table tbody,
	div.dialog table tr,
 	div.dialog table tr td {
 		display:block;
	    box-sizing:border-box;
 		width:100% !important;
 	}

 	div.dialog table tr td.label,
 	div.dialog table tr td.slabel {
 		text-align:left !important;
 	}

}

div.dialog input[type="button"],
div.dialog input[type="submit"],
div.dialog button,
div.dialog .as-btn {
	border:1px solid var(--btn-cl);
}

/* PAGE NAVIGATOR */

.pagenavi {
	display:block;
	position:relative;
	box-sizing:border-box;
	text-align:center;
	margin:24px 0px 24px 0px;
	padding:0px;
	min-height:32px;
}

.pagenavi > div.page-menu {
	position:absolute;
	box-sizing:border-box;
	display:block;
	font-size:var(--fs-nr);
	min-width:calc(var(--fs-nr) * 2.5);
	height:1.6em;
	text-align:center;
	padding:0.1em 6px 0.1em 6px;
	z-index:+1;
	right:0px;
	top:calc(50% - 0.8em);
	border-radius:4px;
	border:1px solid var(--btn-bg);
	background-color:var(--btn-cl);
	color:var(--btn-bg);
	cursor:pointer;
	transition:0.2s;
}

.__pagenavi > div.page-menu::before {
	content:'...';
}

.pagenavi > div.page-menu > div {
    display:none;
	position:absolute;
	font-size:var(--fs-nr);
	box-sizing:border-box;
	right:0px;
	top:calc(50% + 0.8em);
	padding:3px;
	border:none;
	color:var(--btn-bg);
	background-color:var(--btn-cl);
	box-shadow:0px 6px 6px var(--btn-bg);
}

.pagenavi > div.page-menu:hover {
	background-color:var(--btn-bg);
	color:var(--btn-cl);
	border-radius:4px 4px 0px 0px;
}

.pagenavi > div.page-menu > div > a {
	display:block;
	min-width:96px;
	margin:0px;
	padding:3px 12px 3px 3px;
	text-align:left;
	cursor:pointer;
	color:var(--btn-bg);
	font-weight:normal;
	background-color:var(--btn-cl);
	transition:0.2s;
}

.pagenavi > div.page-menu > div > a.curr {
	font-weight:bold;
}

.pagenavi > div.page-menu > div > a:hover {
	background-color:var(--btn-bg);
	color:var(--btn-cl);
}

.pagenavi > div.page-menu:hover > div {
	display:block;
}

.pagenavi > a,
.pagenavi > span {
	display:inline-block;
	box-sizing:border-box;
	position:relative;
	font-size:var(--fs-nr);
	min-width:calc(var(--fs-nr) * 2.5);
	padding:3px 0px 3px 0px;
	margin:4px;
	border:none;
	background-color:var(--btn-bg);
	color:var(--btn-cl);
	border-radius:4px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	transition:0.2s;
}

.pagenavi > a:hover,
.pagenavi > span:hover {
    box-shadow:0px 0px 6px var(--btn-bg);
}

.pagenavi > a + a,
.pagenavi > a + span,
.pagenavi > span + span,
.pagenavi > span + a {
	margin-left:16px;
}

.pagenavi > a.break,
.pagenavi > span.break {
	background-color:var(--main-bgcolor);
    color:var(--main-bgcolor);
}

.pagenavi > a.break:hover,
.pagenavi > span.break:hover {
	background-color:var(--main-bgsoft);
    color:var(--col-navy);
    box-shadow:0px 0px 6px var(--col-lgray);
}

.pagenavi > a.break:after,
.pagenavi > span.break:after {
    position:absolute;
    left:0px; top:9px; right:0px;
    text-align:center;
    color:var(--col-navy);
	content:'...';
}

.pagenavi > a.current,
.pagenavi > span.current {
	color:var(--btn-bg);
	background-color:var(--main-bgsoft);
}

.pagenavi > a.break:hover:after,
.pagenavi > span.break:hover:after {
	opacity:0;
}


/* TABLES AND CELLS */

table {
	border-collapse:collapse;
}

/* UL - FILTER */

div.filter-form {
	background-color:var(--tab-head-bg);
	color:var(--tab-head-col);
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	margin:8px 0px 8px 0px;
	padding:4px 2px 4px 2px;

}

div.filter-form .filter-apply {
	width:72px;
	flex-grow:0;
	flex-shrink:0;
	text-align:center;
}

div.filter-form .filter-apply input[type="submit"] {
	font-size:16px;
	border-radius:2px;
}

ul.filter {
	list-style-type:none;
	margin:0px;
	padding:0px;
	box-sizing:border-box;
	display:flex;
	flex-direction:row;
	align-items:stretch;
	justify-content:stretch;
	background-color:var(--tab-head-bg);
	color:var(--tab-head-col);
}

ul.filter-wrap {
	flex-wrap:wrap;
}


div.filter-form > div.filter {
	width: calc(100% - 90px);
	flex-grow:10;
}

div.filter-form ul.filter {
	width:100%;
}

div.filter-form ul.filter + ul.filter {
    border-top:1px solid var(--tab-head-col);
	margin-top:12px;
	padding-top:12px;
}

ul.filter > li {
	box-sizing:border-box;
	flex-grow:0;
	margin:0px;
	padding:2px;
/*	border:1px solid #F0F0F0;*/
}

ul.filter > li.fw5 {width:5%;}
ul.filter > li.fw10 {width:10%;}
ul.filter > li.fw15 {width:15%;}
ul.filter > li.fw20 {width:20%;}
ul.filter > li.fw25 {width:25%;}
ul.filter > li.fw30 {width:30%;}
ul.filter > li.fw35 {width:35%;}
ul.filter > li.fw40 {width:40%;}
ul.filter > li.fw45 {width:45%;}
ul.filter > li.fw50 {width:50%;}
ul.filter > li.fw60 {width:60%;}
ul.filter > li.fw70 {width:70%;}
ul.filter > li.fw80 {width:80%;}
ul.filter > li.fw90 {width:90%;}

ul.filter > li select,
ul.filter > li input[type="number"],
ul.filter > li input[type="date"],
ul.filter > li input[type="text"] {
	position:relative;
    box-sizing:border-box;
    display:inline-block;
    width:100%;
    margin:0px;
    border:1px solid var(--main-fcolor);
    font-size:var(--fs-nr);
    padding:1px;
}

ul.filter > li select::placeholder,
ul.filter > li input[type="text"]::placeholder {
	position:absolute;
	z-index:+10;
	font-size:80%;
	right:2px;
	top:2px;
	opacity:0.8;
	font-weight:normal;
}

ul.filter > li + li {
	margin-left:4px;
}

ul.filter > li input[type="text"] {
    padding-bottom:2px;
}

ul.filter > li > span {
    box-sizing:border-box;
    font-size:var(--fs-nr);
/*	color:var(--tab-head-col);*/
	display:block;
/*	width:100%; */
	text-align:center;
	padding:1px;
	margin-bottom:4px;
}

ul.filter > li button,
ul.filter > li input[type="button"],
ul.filter > li input[type="submit"] {
    display:inline-block;
    margin:8px 4px 8px 4px;
    vertical-align:middle;
    text-align:center;
    box-sizing:border-box;
    font-size:var(--fs-nr);
    padding:4px 8px 4px 8px;
}

@media (max-width:900px) {

  ul.filter-wrap > li {
  	min-width:140px;
  }

  div.filter-form > div.filter,
  div.filter-form {
  	display:block;
	width:auto;
  }

   div.filter-form div.filter-apply {
	display:block;
	width:auto;
	text-align:right;
	margin:12px;
  }

}

/* TAB SELECT */

.tab-list > div[data-page] {
	display:none;
	position:relative;
	box-sizing:border-box;
	padding:0px 0px 0px 0px;
	margin:0px;
}

.tab-list > div[data-page] .bottom-zone {
	position:absolute;
    left:0px; right:0px;
	bottom:0px;
	opacity:0.9;
/*	height:100px;*/
	background-color:#F0F0F0;
}

.tab-list > div[data-page] .page-body {
	box-sizing:border-box;
	padding:12px 12px 140px 12px;
	margin:0px;
	height:var(--tab-height,0px);
	overflow-y:scroll;
}

.tab-list > div[data-page].curr {
	display:block;
	border-top:1px solid #336699;
}

.tab-list > ul.tab-select {
	list-style-type:none;
	user-select:none;
	box-sizing:border-box;
	margin:-4px;
	padding:0px;
}

.tab-list > ul.tab-select > li {
	display:inline-block;
	margin:4px;
	padding:3px 9px 3px 9px;
	min-width:90px;
	text-align:center;
	color:#336699;
	background-color:#FFFFFF;
	border:1px solid #336699;
	border-radius:4px 4px 0px 0px;
	border-bottom:none;
	cursor:pointer;
	transition:0.2s;
}

.tab-list > ul.tab-select > li.curr {
	background-color:#336699;
	color:#FFFFFF;
}

/* REPORT AND FILTERING */

table.report {
    width:100%;
	border-collapse:collapse;
	border:none;
}

.report tr > td {
	border-top:1px solid var(--main-bgcolor);
}

.report.reltd > tbody > tr > td {
	position:relative;
}

.report > tbody > tr > td::before {
	display:none;
}

.report > thead > tr > td::before {
	display:block;
	text-align:center;
}

.report td.cw5  {width:5%;}
.report td.cw10 {width:10%;}
.report td.cw15 {width:15%;}
.report td.cw20 {width:20%;}
.report td.cw25 {width:25%;}
.report td.cw33 {width:33%;}
.report td.cw40 {width:40%;}
.report td.cw50 {width:50%;}
.report td.cw66 {width:66%;}
.report td.cw75 {width:75%;}

.report:not(.noautorow) > tbody > tr:nth-child(odd),
.report > tbody > tr.odd  {
	background-color:var(--tab-odd-bg);
	color:var(--tab-odd-col);
}

.report:not(.noautorow) > tbody > tr:nth-child(odd) > td + td {
	border-left:1px solid var(--tab-even-bg);
}

.report:not(.noautorow) > tbody > tr:nth-child(even),
.report > tbody > tr.even {
	background-color:var(--tab-even-bg);
	color:var(--tab-even-col);
}

.report:not(.noautorow) > tbody > tr:nth-child(even) > td + td {
	border-left:1px solid var(--tab-odd-bg);
}

.report thead td,
.report .head > td,
.report .control > td {
	background-color:var(--tab-head-bg) !important;
	color:var(--tab-head-col) !important;
	font-size:var(--fs-sm);
	font-weight:bold;
	font-style:normal;
	text-align:center;
	padding:1px 3px 1px 3px;
}

.report thead td,
.report .head > td {
	padding:6px 3px 3px 3px;
	border-top:1px solid var(--tab-head-col);
}

.report thead td,
.report .head > td + td,
.report .control > td + td {
	border-left:1px solid var(--tab-head-col);
}

.report .section > td {
	background-color:var(--tab-sect-bg, --tab-head-bg) !important;
	color:var(--tab-sect-col, --tab-head-col) !important;
	border-top:1px solid var(--tab-sect-col, --tab-head-col);
	font-size:var(--fs-nr);
	font-weight:bold;
	font-style:normal;
	text-align:center;
	padding:9px 1px 3px 1px;
}

.report > tbody > tr > td.hl-green   {background-color:#F0FFF0;}
.report > tbody > tr > td.hl-red     {background-color:#FFF0F0;}
.report > tbody > tr > td.hl-yellow  {background-color:#FFFFF0;}
.report > tbody > tr > td.hl-blue    {background-color:#F0F0FF;}
.report > tbody > tr > td.hl-violet  {background-color:#FFF0FF;}
.report > tbody > tr > td.hl-orange  {background-color:#FFF8F0;}
.report > tbody > tr > td.hl-gray    {background-color:#F0F0F0;}

/*.report.selrow > tbody > tr:hover {overflow:visible;}*/
.report.selrow > tbody > tr:hover > td {opacity:0.9;}


@media (max-width:600px) {

	.report.adp,
	.report.adp tbody,
	.report.adp tbody tr,
	.report.adp tbody tr td {
		display:block;
		margin:0px;
		box-sizing:border-box;
		border:none;
	}

	.report.adp thead {
		display:none;
    }

   	.report.adp tbody tr {
   		margin-top:12px;
   		border-radius:8px;
   	}

   	.report.adp tbody tr > td {
   		padding-left:12px;
   		padding-right:12px;
   	}

 	.report.adp tbody tr > td:first-child {
   		padding-top:12px;
   		border-top-left-radius:8px;
   		border-top-right-radius:8px;
 	}

 	.report.adp tbody tr > td:last-child {
   		padding-bottom:12px;
   		border-bottom-left-radius:8px;
   		border-bottom-right-radius:8px;
 	}

   	.report.adp tbody tr td::before {
   		display:inline-block;
   		margin-right:12px;
   	}


}


.comp input[type="text"],
.comp input[type="number"],
.comp input[type="password"],
.comp input[type="file"],
.comp input[type="checkbox"],
.comp input[type="radio"],
.comp select,
.report input[type="text"],
.report input[type="number"],
.report input[type="password"],
.report input[type="file"],
.report input[type="checkbox"],
.report input[type="radio"],
.report select {
	border:1px solid var(--main-color);
    color:var(--main-color);
    background-color:var(--main-bgcolor);
	margin:1px;
	padding:1px;
	font-size:var(--fs-nr) !important;
	font-weight:normal;
	font-style:normal;
	text-align:left;
}

.comp input[type="text"],
.comp input[type="number"],
.comp input[type="password"],
.comp input[type="file"],
.comp select,
.report input[type="text"],
.report input[type="number"],
.report input[type="password"],
.report input[type="file"],
.report select {
	width:100%;
}

.comp input[type="button"],
.comp input[type="submit"],
.comp button,
.report input[type="button"],
.report input[type="submit"],
.report button {
	width:100%;
	border:0px;
	border-radius:4px;
	font-size:var(--fs-nr) !important;
	font-weight:normal;
	font-style:normal;
	text-align:center;
}


.report.compact th,
.report.compact td,
.report.compact .section > td,
.report.compact input,
.report.compact select,
.report.compact button,
.report.compact textarea {
	font-size:var(--fs-sm) !important;
}

.report input[type="text"],
.report input[type="number"],
.report input[type="password"],
.report input[type="file"] {
	padding:2px 1px 2px 1px;
}

.report .head input,
.report .head select,
.report .head input[type="button"],
.report .head button,
.report .control input,
.report .control select,
.report .control input[type="button"],
.report .control button {
	font-size:var(--fs-sm) !important;
}

.report .head input[type="button"],
.report .head input[type="submit"],
.report .head button,
.report .control input[type="button"],
.report .control input[type="submit"],
.report .control button {
	margin:4px;
	min-width:auto;
	width:auto;
}

.report .control input[type="text"],
.report .control input[type="number"],
.report .control input[type="password"],
.report .control input[type="file"],
.report .control select {
	margin:0px;
	border:0px;
}

.report .control input[type="checkbox"],
.report .control input[type="radio"] {
	width:var(--fs-sm);
	height:var(--fs-sm);
}

.report input[type="checkbox"],
.report input[type="radio"] {
	text-align:center;
}

/* REPORT COLORS */

table.report tr.white  > td  {background-color:#FFFFFF;}
table.report tr.yellow > td  {background-color:#FFFFCC;}
table.report tr.orange > td  {background-color:#FFCC99;}
table.report tr.violet > td  {background-color:#CC99FF;}
table.report tr.red    > td  {background-color:#FFCCCC;}
table.report tr.green  > td  {background-color:#CCFFFF;}
table.report tr.grass  > td  {background-color:#99FFCC;}
table.report tr.black  > td  {background-color:#333333;color:#E8E8E8}
table.report tr.gray   > td  {background-color:#CCCCCC;}
table.report tr.ulgray > td  {background-color:#F8F8F8;}
table.report tr.lgray  > td  {background-color:#E8E8E8;}
table.report tr.pink   > td  {background-color:#FF99CC;}
table.report tr.blue   > td  {background-color:#CCCCFF;}
table.report tr.lblue  > td  {background-color:#D0D0E0;}
table.report tr.navy   > td  {background-color:#003366;color:#E8E8E8}

table.report tr.gray-12 > td  {background-color:#F8F8F8;}
table.report tr.gray-11 > td  {background-color:#F0F0F0;}
table.report tr.gray-10 > td  {background-color:#E8E8E8;}
table.report tr.gray-9 > td  {background-color:#E0E0E0;}
table.report tr.gray-8 > td  {background-color:#D8D8D8;}
table.report tr.gray-7 > td  {background-color:#D0D0D0;}
table.report tr.gray-6 > td  {background-color:#C8C8C8;}
table.report tr.gray-5 > td  {background-color:#C0C0C0;}
table.report tr.gray-4 > td  {background-color:#B8B8B8;}
table.report tr.gray-3 > td  {background-color:#B0B0B0;}
table.report tr.gray-2 > td  {background-color:#A8A8A8;}
table.report tr.gray-1 > td  {background-color:#A0A0A0;}
table.report tr.gray-0 > td  {background-color:#999999;}



/* ANK - FORM TABLE */

table.ank {
    width:100%;
	border-collapse:collapse;
	border:none;
}

table.ank td.label,
table.ank td.control {
	position:relative;
	box-sizing:border-box;
	font-size:var(--fs-bg);
	font-weight:normal;
	padding-top:9px;
	padding-bottom:9px;
}

table.ank td.label {
	width:40%;
	text-align:right;
	padding-left:9px;
	padding-right:32px;
	vertical-align:middle;
}

table.ank td.top {
	vertical-align:top;
}

table.ank label {
    display:inline-block;
    margin-left:12px;
}

table.ank td.control {
	width:60%;
	text-align:left;
	padding-left:9px;
	padding-right:9px;
}

table.ank tr.topline > td {
    border-top:1px solid var(--main-color);
}

table.ank tr.bottomline > td {
    border-bottom:1px solid var(--main-color);
}


table.ank tr.req td.label,
table.ank tr.req-all td.label {
	font-weight:bold;
}

table.ank tr.req td.label:after,
table.ank tr.req-all td.label:after {
	display:block;
	position:absolute;
	width:16px;
	height:16px;
	text-align:center;
	border-radius:50%;
	top:calc(50% - 8px);
	right:8px;
	background-color:var(--main-bgsoft);
	color:var(--col-red);
	border:1px solid var(--col-white);
	box-shadow:0px 0px 2px #999999;
	text-shadow:0px 0px 4px #F8F8F8;
	font-size:17px;
	font-weight:bold;
	font-family:Verdana;
	content:'*';
}

table.ank tr.req td.label.top:after,
table.ank tr.req-all td.label.top:after {
	top:12px;
}

table.ank tr.fill-err > td {
	background-color:var(--col-pred) !important;
}

table.ank.full td.label {width:0%;display:none;}
table.ank.full td.control {width:100%;}

table.ank.half td.label {width:50%;}
table.ank.half td.control {width:50%;}

table.ank.quart td.label {width:25%;}
table.ank.quart td.control {width:75%;}

table.ank.rev td.label {width:60%;}
table.ank.rev td.control {width:40%;}

table.ank td.control input[type="radio"],
table.ank td.control input[type="checkbox"] {
/* 	width:60px; */
/* 	width:auto;*/
}
table.ank td.control input[type="radio"].box,
table.ank td.control input[type="checkbox"].box {
/* 	width:auto;*/
}

table.ank td.control select,
table.ank td.control textarea,
table.ank td.control input[type="text"],
table.ank td.control input[type="number"],
table.ank td.control input[type="password"],
table.ank td.control input[type="file"] {
	position:relative;
 	width:100%;
}


table.ank td.control select::placeholder,
table.ank td.control textarea::placeholder,
table.ank td.control input[type="text"]::placeholder,
table.ank td.control input[type="number"]::placeholder,
table.ank td.control input[type="password"]::placeholder,
table.ank td.control input[type="file"]::placeholder {
	position:absolute;
	z-index:+10;
	right:4px;
	top:4px;
	opacity:0.8;
	font-size:80%;
}

table.ank td.control select.narrow,
table.ank td.control textarea.narrow,
table.ank td.control input.narrow {
 	width:180px !important;
}

table.ank td.control select.with-button,
table.ank td.control textarea.with-button,
table.ank td.control input.with-button {
 	width:calc(100% - 80px) !important;
}

table.ank td.control input.add-button,
table.ank td.control button.add-button {
   width:70px !important;
   margin-left:8px;
}

div.section,
table.ank tr.section td {
	font-size:var(--fs-hg);
	text-align:left;
	font-weight:bold;
	padding:36px 9px 9px 9px;
}

div.panel,
table.ank tr.panel td {
	font-size:var(--fs-hg);
	text-align:center;
	padding:36px 9px 24px 9px;
	line-height:150%;
}

div.panel-narrow,
table.ank tr.panel-narrow td {
	padding:12px 9px 12px 9px;
}

div.panel input[type="button"],
div.panel button,
div.panel .as-btn,
table.ank tr.panel td input[type="button"],
table.ank tr.panel td input[type="submit"],
table.ank tr.panel td button {
	min-width:150px;
	font-size:var(--fs-hg);
	margin:8px 16px 8px 16px;
}

div.panel input[type="button"].btn-narrow,
div.panel button.btn-narrow,
div.panel .as-btn.btn-narrow {
 	min-width:48px;
}

div.panel > * {
	margin-left:28px;
}

div.panel > *:first-child {
	margin-left:16px;
}

table.ank tr.hid,
table.ank tr.hid td {display:none !important;}

table.ank tr.err td {
	background-color:var(--col-red);
	color:var(--col-white);
	font-size:var(--fs-hg);
	text-align:center;
}

table.ank tr.err td ul {
	list-style-type:none;
	margin:12px 0px 12px 0px;
}

table.ank tr.err td ul > li {
	margin:6px 0px 6px 0px;
}

table.ank tr.msg td {
	background-color:var(--col-mint);
	color:var(--col-blue);
	font-size:var(--fs-hg);
	text-align:center;
}

table.ank tr.msg td ul {
	list-style-type:none;
	margin:12px 0px 12px 0px;
}

table.ank tr.msg td ul > li {
	margin:6px 0px 6px 0px;
}

table.ank.compact td,
table.ank.compact input,
table.ank.compact select,
table.ank.compact textarea,
table.ank.compact button,
table.ank.compact ::placeholder  {
	font-size:var(--fs-sm) !important;
}

/* Language markers */


div.multilang {
	display:block;
}

div.multilang .langpanel {
    list-style-type:none;
	margin:0px;
	padding:0px;
}

div.multilang .langpanel li {
	display:inline-block;
	font-size:var(--fs-sm);
	min-width:calc(5 * var(--fs-sm));
	text-align:center;
	font-weight:normal;
	padding:9px 6px 7px 6px;
	margin:3px 0px 2px 0px;
	border-radius:4px 4px 0px 0px;
	border:2px solid var(--col-blue);
	color:var(--col-blue);
	background-color:var(--col-white);
	user-select:none;
	cursor:pointer;
	transition:0.2s;
}

div.multilang .langpanel li + li {
	margin-left:9px;
}

div.multilang .langpanel li.filled {
    color:var(--col-white);
    background-color:var(--col-green);
}

div.multilang .langpanel li.current {
    padding-bottom:9px;
    margin-bottom:0px;
    color:var(--col-white);
    background-color:var(--col-blue);
	border-bottom:2px solid var(--col-blue);
	font-weight:bold;
}

div.multilang .langtext,
div.multilang .langtext > div {
	box-sizing:border-box;
	border:1px solid var(--col-blue);
	width:100%;
}

div.multilang .langtext input,
div.multilang .langtext textarea {
	width:100%;
}

div.multilang .langtext > div {
/*    display:none; */
}

div.extvis {

}

div.extvis:not(.open) > :not(.spoiler) {
	display:none;
	transition:0.8s;
}

div.extvis .spoiler {
	background-color:#336699;
	background-image:url('icons/ext.png');
	background-repeat:no-repeat;
	background-position:right center;
	position:relative;
	color:#FFFFFF;
	padding:12px 18px 12px 18px;
	margin:4px 0px 4px 0px;
	cursor:pointer;
}

div.extvis .spoiler::before,
div.extvis .spoiler::after {
	content:'';
}

div.extvis.open .spoiler {
	background-color:#339966;
	background-image:url('icons/coll.png');
}

.color-code-box {
	display:inline-block;
	box-sizing:border-box;
	position:relative;
	padding:0px;
	border:0px;
	--test-color:#FFFFFF;
    --sample-size:calc(12px + var(--control-scale) * 4px);
}

.color-code-box .color-code {
	margin:0px;
	width:100%;
	box-sizing:border-box;
	padding-right:calc(8px + var(--sample-size));
}

.color-code-box .color-sample {
	display:block;
	position:absolute;
	z-index:+2;
	box-sizing:border-box;
	right:4px;
	width:var(--sample-size);
	height:var(--sample-size);
	top:calc(50% - calc(var(--sample-size) / 2));
	border:none;
	border-radius:50%;
	background-color:var(--test-color);
}

/* Цвета фона */
.bp-white   {background-color:#FFFFFF !important;}
.bp-yellow  {background-color:#FFFF99 !important;}
.bp-orange  {background-color:#FFCC99 !important;}
.bp-violet  {background-color:#CC99FF !important;}
.bp-red     {background-color:#FFCCCC !important;}
.bp-green   {background-color:#CCFFFF !important;}
.bp-grass   {background-color:#99FFCC !important;}
.bp-black   {background-color:#333333 !important;}
.bp-gray    {background-color:#CCCCCC !important;}
.bp-pink    {background-color:#FF99CC !important;}
.bp-blue    {background-color:#CCCCFF !important;}
.bp-navy    {background-color:#DDE8FF !important;}

/* Цвета кнопок и маркеров */
.bt-white   {background-color:#FFFFFF !important;}
.bt-yellow  {background-color:#FFFF33 !important;}
.bt-orange  {background-color:#FF9933 !important;}
.bt-violet  {background-color:#9900CC !important;}
.bt-red     {background-color:#990033 !important;}
.bt-green   {background-color:#339999 !important;}
.bt-grass   {background-color:#33CC66 !important;}
.bt-black   {background-color:#333333 !important;}
.bt-gray    {background-color:#999999 !important;}
.bt-pink    {background-color:#CC3366 !important;}
.bt-blue    {background-color:#336699 !important;}
.bt-navy    {background-color:#003366 !important;}

/* Цвета шрифта */
.fg-white   {color:#FFFFFF;}
.fg-yellow  {color:#FFFF33;}
.fg-orange  {color:#FF9933;}
.fg-violet  {color:#9900CC;}
.fg-red     {color:#990033;}
.fg-green   {color:#006666;}
.fg-grass   {color:#009933;}
.fg-black   {color:#333333;}
.fg-brown   {color:#996633;}
.fg-gray    {color:#999999;}
.fg-pink    {color:#CC3366;}
.fg-blue    {color:#336699;}
.fg-navy    {color:#003399;}

/* Цвета обрамления */
.bd-white   {border-color:#FFFFFF;}
.bd-yellow  {border-color:#FFFF33;}
.bd-orange  {border-color:#FF9933;}
.bd-violet  {border-color:#9900CC;}
.bd-red     {border-color:#990033;}
.bd-green   {border-color:#339999;}
.bd-grass   {border-color:#339966;}
.bd-black   {border-color:#333333;}
.bd-gray    {border-color:#999999;}
.bd-pink    {border-color:#CC3366;}
.bd-blue    {border-color:#336699;}
.bd-navy    {border-color:#003366;}


.hflex {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:stretch;
	margin:0px -4px 0px -4px;
}

.hflex.wrp {
	flex-wrap:wrap;
}

.hflex.bot {
	align-items:flex-end;
}

.hflex > div {
	margin:4px;
	box-sizing:border-box;
	flex-grow:1;
	flex-basis:100px;
}

.hflex.sep {
	margin:-12px;
}

.hflex.sep > div {
	margin:12px;
}

.hflex > .gr0 { flex-grow:0; }
.hflex > .gr2 { flex-grow:2; }
.hflex > .gr4 {	flex-grow:4; }
.hflex > .gr8 {	flex-grow:8; }

.col-2 > div { width:calc(50% - 16px); }
.col-3 > div { width:calc(33% - 16px); }
.col-4 > div { width:calc(25% - 16px); }
.col-5 > div { width:calc(20% - 16px); }
.col-6 > div { width:calc(16% - 16px); }

.col-2 > li { width:calc(50% - 4px); }
.col-3 > li { width:calc(33% - 4px); }
.col-4 > li { width:calc(25% - 4px); }
.col-5 > li { width:calc(20% - 4px); }
.col-6 > li { width:calc(16% - 4px); }

.flagbox {
	display:inline-block;
	vertical-align:middle;
	box-sizing:border-box;
	width:calc(2 * var(--flagbox-size));
	height:var(--flagbox-size);
	border:2px solid #336699;
	border-radius:calc(var(--flagbox-size) / 2);
	background-color:#FFFFFF;
	position:relative;
	cursor:pointer;
	--marker-size:calc(var(--flagbox-size) * 3 / 4);
	--marker-hsize:calc(var(--marker-size) / 2);
	--marker-left:calc(var(--flagbox-size) / 8 - 1px);
}

.flagbox::after {
	display:block;
	position:absolute;
	content:'';
	z-index:+2;
	transition:0.2s;
	box-sizing:border-box;
	width:var(--marker-size);
	height:var(--marker-size);
	left:var(--marker-left);
	top:calc(50% - var(--marker-hsize));
	border:2px solid #336699;
	border-radius:50%;
	background-color:#FFFFFF;
}

input.check+.flagbox::after {
	left:calc(100% - var(--marker-size) - var(--marker-left));
	background-color:#336699;
}


/* form settings */

.form-section {
	text-align:center;
	margin:24px 0px 12px 0px;
	font-size:110%;
	line-height:125%;
	font-weight:bold;
}

.form-fields {
	list-style-type:none;
	margin:0px;
	padding:0px;
	--cnt-border-color:#336699;
	--cnt-background-color:#F8F8F8;
}

.form-fields > li {
	box-sizing:border-box;
	display:flex;
	flex-direction:row;
	justify-content:stretch;
	align-items:flex-start;
	margin:0px;
	padding:4px 0px 4px 0px;
}

.form-fields.form-horizontal {
	display:flex;
	flex-direction:row;
	justify-content:stretch;
	align-items:flex-start;
}

.form-fields.form-horizontal > li {
	display:block;
}

.form-fields > li.sep {
 	margin-top:48px;
}

.form-compact .form-fields > li,
.form-compact.form-fields > li {
	padding:1px 0px 1px 0px;
}

.form-fields > li.hid {
 	display:none;
}

.form-fields > li > div {
	box-sizing:border-box;
}

.form-fields > li > div.field-label {
	position:relative;
	width:35%;
	padding:4px 32px 4px 4px;
	flex-grow:0;
	flex-shrink:0;
	text-align:right;
}

.form-compact .form-fields > li > div.field-label {
	padding:2px 32px 2px 4px;
}

.form-fields > li.field-group {
	margin-top:8px;
	margin-bottom:8px;
}

.form-compact .form-fields > li.field-group {
	margin-top:2px;
	margin-bottom:2px;
}

.form-fields > li.field-group .form-fields {
	width:100%;
}

.form-fields > li.req > div.field-label {
	font-weight:bold;
}

.form-fields > li.req > div.field-label::after{
	display:block;
	position:absolute;
	z-index:+2;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#CC9933;
	text-shadow:0px 0px 8px #F8F8F8;
	content:'*';
	width:32px;
	right:0px;
	top:calc(50% - 8px);
}

.form-fields > li > div.field-control {
	position:relative;
	width:65%;
	padding:4px;
}

.form-compact .form-fields > li > div.field-control {
	padding:1px;
}

.form-fields.form-horizontal > li > div.field-label,
.form-fields.form-horizontal > li > div.field-control{
	width:auto;
	padding:2px;
	text-align:left;
}


.form-fields .fill-err .field-control,
.form-fields .uniq-check.no-uniq .field-control {
	--cnt-border-color:#990033;
	--cnt-background-color:#FFE0E0;
}

.form-fields .uniq-check.no-uniq .field-control::after {
	display:inline-block;
	content:var(--used-label,"already used");
	background-color:#CC0033;
	color:#F8F8F8;
	margin:2px 0px 2px 12px;
	padding:3px 9px 3px 9px;
	border-radius:3px;
	border:none;
}

.form-compact input[type="text"]::placeholder,
.form-compact input[type="number"]::placeholder,
.form-compact input[type="password"]::placeholder,
.form-compact input[type="file"]::placeholder,
.form-compact select::placeholder,
.form-compact textarea::placeholder {
	font-size:13px;
	font-style:normal;
}

.form-panel  {
	display:block;
	margin:12px -12px 12px -12px;
	padding:4px 0px 4px 0px;
	text-align:center;
}

.topline {
    border-top:1px solid #666666;
}

.bottomline {
    border-bottom:1px solid #666666;
}

.form-panel.topline {
    border-top:1px solid #666666;
    margin-top:18px;
    padding-top:18px;
}

.form-panel.bottomline {
    border-bottom:1px solid #666666;
    margin-bottom:18px;
    padding-bottom:18px;
}

.form-panel > input,
.form-panel > button {
	box-sizing:border-box;
	min-width:180px;
	margin:12px;
	padding:6px 12px 6px 12px;
	text-align:center;
	border-radius:4px;
	color:#F0F0F0;
	background-color:#336699;
	transition:0.4s;
}

.form-panel > input.btred,
.form-panel > button.btred {
	background-color:#CC0033;
}

.form-panel > input:hover,
.form-panel > button:hover {
	color:#FFFFFF;
	box-shadow:0px 0px 10px #003366;
	background-color:#3366CC;
}

.form-panel > input.btred:hover,
.form-panel > button.btred:hover {
	color:#FFFFFF;
	box-shadow:0px 0px 10px #CC0033;
	background-color:#FF0033;
}

.form-data {
	display:none;
}

.form-fields > li .field-control .field-control-wrap {
	display:flex;
	flex-direction:row;
/*	flex-wrap:wrap;*/
	align-items:center;
	justify-content:stretch;
	margin:-4px;
}

.form-fields > li .field-control .field-control-wrap > * {
	margin:4px !important;
}

.form-fields > li div.field-control input[type="text"],
.form-fields > li div.field-control input[type="number"],
.form-fields > li div.field-control input[type="password"],
.form-fields > li div.field-control input[type="file"],
.form-fields > li div.field-control select,
.form-fields > li div.field-control textarea {
	width:100%;
	font-size:1em;
	box-sizing:border-box;
	background-color:var(--cnt-background-color);
	color:var(--cnt-border-color);
	border:2px solid var(--cnt-border-color);
	margin:0px;
	padding:2px 4px 2px 4px;
}

.form-compact .form-fields > li div.field-control input[type="text"],
.form-compact .form-fields > li div.field-control input[type="number"],
.form-compact .form-fields > li div.field-control input[type="password"],
.form-compact .form-fields > li div.field-control input[type="file"],
.form-compact .form-fields > li div.field-control select,
.form-compact .form-fields > li div.field-control textarea {
	border:1px solid var(--cnt-border-color);
	padding:4px 8px 4px 8px;
}

.form-fields > li div.field-control input[type="text"]:disabled,
.form-fields > li div.field-control input[type="number"]:disabled,
.form-fields > li div.field-control input[type="password"]:disabled,
.form-fields > li div.field-control input[type="file"]:disabled,
.form-fields > li div.field-control select:disabled,
.form-fields > li div.field-control textarea:disabled {
	border-color:#999999;
	background-color:#D8D8D8;
}

.form-fields > li div.field-control input[type="text"][readonly],
.form-fields > li div.field-control input[type="number"][readonly],
.form-fields > li div.field-control input[type="password"][readonly],
.form-fields > li div.field-control input[type="file"][readonly],
.form-fields > li div.field-control select[readonly],
.form-fields > li div.field-control textarea[readonly] {
	border-color:#666666;
	background-color:#F0F0F0;
}

.form-fields > li > div.field-control textarea {
	height:200px;
}

.form-fields > li div.field-control *.narrow {max-width:180px;}
.form-fields > li div.field-control *.medium {max-width:260px;}
.form-fields > li div.field-control *.large {max-width:360px;}

.form-fields > li.white   {background-color: #FFFFFF;}
.form-fields > li.green   {background-color: #E0FFF0;}
.form-fields > li.cyan    {background-color: #E0FFFF;}
.form-fields > li.blue    {background-color: #E0E0FF;}
.form-fields > li.red     {background-color: #FFE0E0;}
.form-fields > li.gray    {background-color: #E0E0E0;}
.form-fields > li.yellow  {background-color: #FFFFE0;}
.form-fields > li.orange  {background-color: #FFE0C0;}
.form-fields > li.violet  {background-color: #FFE0FF;}
.form-fields > li.grass   {background-color: #E0FFE0;}

.filter > li.white   {background-color: #FFFFFF;color:#333333;}
.filter > li.green   {background-color: #339966;}
.filter > li.cyan    {background-color: #339999;}
.filter > li.blue    {background-color: #336699;}
.filter > li.red     {background-color: #990033;}
.filter > li.gray    {background-color: #666666;}
.filter > li.yellow  {background-color: #CCCC33;color:#333333;}
.filter > li.orange  {background-color: #CC9933;color:#333333;}
.filter > li.violet  {background-color: #663399;}
.filter > li.grass   {background-color: #339933;}

table td.tlft    {text-align:left;}
table td.tcnt    {text-align:center;}
table td.tbld    {font-weight:bold;}
table td.tita    {font-style:italic;}
table td.trgt    {text-align:right;}
table td.tsml    {font-size:85%; line-height:100%;}
table td.tlrg    {font-size:120%; line-height:125%;}
table td.tnowrap {white-space:nowrap;}
table td.twrap   {white-space:normal;}
table td.blft    {border-left:1px solid var(--tab-head-bg,#999999) !important;}
table td.brgt    {border-right:1px solid var(--tab-head-bg,#999999) !important;}
table td.lblft   {border-left:1px solid #CCCCCC !important;}
table td.lbrgt   {border-right:1px solid #CCCCCC !important;}

table.dyn tr.blank-row,
.form-fields .blank-row,
form .blank-row {display:none !important;}

ul.hie-tree,
ul.check-list {
	list-style-type:none;
	box-sizing:border-box;
	margin:0px;
	padding:0px;
}

ul.hie-tree {
	margin-left:24px;
}

ul.hie-tree,
ul.hie-tree li,
ul.hie-tree li > div,
ul.check-list,
ul.check-list li,
ul.check-list li > div {
	box-sizing:border-box;
}


ul.hie-tree ul {
	list-style-type:none;
	box-sizing:border-box;
	margin:0px 0px 0px 24px;
	padding:0px;
	display:none;
}

ul.hie-tree li,
ul.check-list li {
	margin:2px 0px 2px 0px;
	padding:0px;
}

ul.check-list li {
	padding-left:24px;
}

ul.hie-tree li > div,
ul.check-list li > div {
	position:relative;
	overflow:visible;
	cursor:pointer;
	padding:4px;
	background-color:#F8F8F8;
}

ul.hie-tree li > div > span,
ul.check-list li > div > span {
    display:inline-block;
    font-size:90%;
    margin-left:12px;
}

ul.hie-tree li.dis > div,
ul.check-list li.dis > div {
	cursor:default;
	background-color:#CCCCCC;
}

ul.hie-tree li > div > q {
	display:none;
}

ul.hie-tree li.par > div > q {
	position:absolute;
	display:block;
	box-sizing:border-box;
	z-index:+1;
	left:-23px;
	top:calc(50% - 9px);
	cursor:pointer;
	width:18px;
	height:18px;
	text-align:center;
	border-radius:2px;
	background-color:#F8F8F8;
	border:1px solid #003366;
	color:#003366;
	font-size:11px;
	padding:1px;
}

ul.hie-tree li > div:hover,
ul.check-list li:not(.label,.dis) > div:hover {
	background-color:#E0E0F0;
}

ul.hie-tree li.par > div > q::before {
	content:'+';
}

ul.hie-tree li.par.opn > div > q::before {
	content:'-';
}

ul.hie-tree li.opn > ul {
    display:block;
}

ul.hie-tree div.sel {
	background-color:#336699;
	color:#F8F8F8;
}

ul.hie-tree div.sel:hover {
	background-color:#3399CC;
}

/* check-list - список с комбо-боксами */

ul.check-list li {
	position:relative;
}

ul.check-list li.label {
	font-weight:bold;
	padding:0px;
}

ul.check-list li + li.label {
	margin-top:16px;
}


ul.check-list li:not(.label,.dis) {
    cursor:pointer;
}

ul.check-list li:not(.label)::before {
	position:absolute;
	display:block;
	box-sizing:border-box;
	z-index:+4;
	left:1px;
	top:calc(50% - 10px);
	width:20px;
	height:20px;
	border:2px solid #336699;
	background-color:#F8F8F8;
	content:'';
}

ul.check-list li.dis::before {
	border-color:#666666;
	background-color:#CCCCCC;
}

ul.check-list li.sel:not(.label)::after {
	position:absolute;
	display:block;
	box-sizing:border-box;
	z-index:+6;
	left:5px;
	top:calc(50% - 6px);
	width:12px;
	height:12px;
	border:none;
	background-color:#336699;
	content:'';
}

ul.check-list li.dis::after {
	background-color:#666666;
}

/* HORLINE*/

ul.horline {
	list-style-type:none;
	margin:-2px;
	padding:0px;
	user-select:none;
}

ul.horline li {
	display:inline-block;
	margin:2px;
	padding:4px 8px 4px 8px;
	min-width:50px;
	text-align:center;
	font-weight:normal;
	border:1px solid #336699;
	border-radius:2px;
	color:#336699;
	background-color:#F8F8F8;
	cursor:pointer;
	transition:0.2s;
}

ul.horline li.sel {
	background-color:#336699;
	color:#F8F8F8;
}

/* DYN DROPDOWN */

.input-area,
.select-area {
	display:block;
	position:relative;
	box-sizing:border-box;
	padding:2px 40px 2px 8px;
	color:#333333;
	min-height:32px;
	/*border:1px solid transparent;*/
	/*border-radius:4px;*/
	border:none;
	transition:0.2s;
}

.input-area:hover,
.select-area:hover {
	/*border-color:#336699;*/
	box-shadow:0px 0px 8px #336699;
}

.input-area::after,
.select-area::after {
	display:block;
	opacity:0.0;
	transition:0.2s;
	position:absolute;
	box-sizing:border-box;
	z-index:+16;
	cursor:pointer;
	font-size:16px;
	text-align:center;
	margin:0px;
	padding:6px 2px 0px 2px;
	width:28px;height:28px;
	right:2px;top:calc(50% - 14px);
	background-color:#336699;
	color:#F8F8F8;
	box-shadow:0px 0px 4px #336699;
	content:'...';
}

.input-area.is-edit::after,
.select-area.is-edit::after {
	background-color:#CC0033;
	color:#F8F8F8;
	box-shadow:0px 0px 4px #990033;
	content:'X';
}

.input-area:hover::after,
.select-area:hover::after {
	opacity:1.0;
}

.input-area .cont-val,
.select-area .cont-val {
	font-weight:normal;
	font-style:normal;
}

.input-area .cont-new,
.select-area .cont-new {
	margin-top:16px;
}

.input-area:not(.is-edit) .cont-new,
.select-area:not(.is-edit) .cont-new {
	display:none;
}

.input-area.is-changed .cont-val,
.select-area.is-changed .cont-val {
	text-decoration:line-through;
	font-weight:normal;
	font-style:italic;
	color:#666666;
}



/* DROPDOWN INPUT */

.input-select {
    position:relative;
    border:2px solid #336699;
    padding:0px 32px 0px 0px;
	--dialog-more:'...';
	--dialog-open:'...';
}

.input-select.inl {
	display:inline-block;
}

.form-compact .input-select,
.input-select.compact {
	border:1px solid #336699;
}

.input-select::after {
    position:absolute;
    display:block;
    box-sizing:border-box;
    z-index:+8;
    width:32px;
    height:100%;
    right:0px;
    top:0px;
    bottom:0px;
    padding:0.15em 1px 0px 1px;
    text-align:center;
    background-color:#336699;
    color:#F8F8F8;
    font-weight:bold;
    cursor:pointer;
    content:var(--dialog-open,'...');
}

.no-edit .input-select {
	border-color:#666666;
}

.no-edit .input-select::after {
    background-color:#666666;
    color:#F8F8F8;
    cursor:default;
}

.form-compact .input-select::after,
.input-select.compact::after {
    font-weight:normal;
}

.input-select input[type="text"] {
    display:block;
    box-sizing:border-box;
    outline: none;
    width:100%;
    border:none !important;
    margin:0px;
	font-style:normal;
 	font-size:1em;
}

.input-select input[type="text"][data-id=""] {
	font-style:italic;
}

.input-select ul {
    position:absolute;
    display:none;
    list-style-type:none;
    box-sizing:border-box;
    max-height:12em;
    overflow-y:scroll;
    z-index:+16;
    margin:0px;
    padding:0px;
    left:0px;
    right:0px;
    top:100%;
    opacity:0.95;
    user-select:none;
    background-color:#F8F8F8;
    box-shadow:0px 4px 6px #003333;
}

.input-select ul.list-more::after {
	content:var(--dialog-more,'...');
	display:block;
	text-align:center;
	margin:4px;
	padding:4px;
	border:none;
	background-color:#F8F8F8;
	color:#336699;
	font-weight:bold;
}

.input-select.open ul {
    display:block;
}

.input-select ul > li > span {
	display:inline-block;
	vertical-align:baseline;
}

.input-select ul > li > span + span {
	margin-left:8px;
}

.input-select.open ul > li {
    font-weight:bold;
    padding:2px 8px 2px 8px;
    text-align:left;
    border:1px solid transparent;
    color:#333333;
}

.input-select.open ul > li[data-id] {
    font-weight:normal;
    cursor:pointer;
    padding-left:32px;
    color:#336699;
}

.input-select.open ul > li[data-id] > span.ext {
	font-size:85%;
}

.input-select.open ul > li[data-id] > span.ext::before {
	content:'(';
}

.input-select.open ul > li[data-id] > span.ext::after {
	content:')';
}

.input-select.open ul > li[data-id]:hover {
    background-color:#336699;
    color:#F8F8F8;
}

.input-select ul > li.sel {
/*	border:1px solid #336699;*/
}

.input-select ul > li[data-id].sel {
    background-color:#E8E8FF;
}

.input-select.open ul > li[data-id].sel:hover {
    background-color:#6699CC;
}

.input-select ul > li.sel {
/*	border:1px solid #336699;*/
}


.input-select ul > li.dis {
	color:#666666;
    font-weight:normal;
	background-color:#E0E0E0;
}

/* HOR-MENU */

ul.hor-menu {
	list-style-type:none;
	margin:14px -4px 14px -4px;
	padding:0px;
}

ul.hor-menu > li[data-value] {
	font-size:14px;
	display:inline-block;
	margin:4px;
	padding:3px 6px 3px 6px;
	border-radius:3px;
	border:1px solid #339966;
	background-color:#FFFFFF;
	color:#339966;
	cursor:pointer;
}

ul.hor-menu > li[data-value]:hover {
	box-shadow:0px 0px 10px #339966;
}

ul.hor-menu > li[data-value].sel {
	color:#FFFFFF;
	background-color:#339966;
}

/* Searchable combo */

.cansearch.inl {
	display:inline-block;
}

.cansearch {
	position:relative;
}

.cansearch.ftext .cloud {
	display:block;
	position:absolute;
	box-sizing:border-box;
	z-index:+8;
	background-color:#F8F8F8;
	bottom:100%;
	left:0px;
	padding:4px;
	opacity:0.9;
	font-size:inherit;
	color:inherit;
	border-radius:4px 4px 4px 0px;
}

.cansearch.ftext.notfound .cloud {
	background-color:#F8D8D8;
}

/* TAG-select */

.tag-select {
	list-style-type:none;
	margin:-1px;
	padding:0px;
	box-sizing:border-box;
	user-select:none;
	--tfs:12px;
	--tfg-color:#006699;
	--tbg-color:#F8F8F8;
}

.tag-select > li {
	display:none;
}

.tag-select > li[data-mask] {
	display:inline-block;
	box-sizing:border-box;
	vertical-align:top;
	margin:1px;
	padding:2px 4px 2px 4px;
	min-width:20px;
	text-align:center;
	border:1px solid var(--tfg-color);
	border-radius:2px;
	color:var(--tfg-color);
	background-color:var(--tbg-color);
	font-size:var(--tfs);
	cursor:pointer;
	transition:0.2s;
}

.no-edit .tag-select > li[data-mask] {
	cursor:default;
	transition:0s;
}

.tag-select.ro > li[data-mask]:not(.chk) {
	visibility:hidden;
}

.tag-select .blue    {--tfg-color:#006699;}
.tag-select .red     {--tfg-color:#900033;}
.tag-select .grass   {--tfg-color:#339966;}
.tag-select .orange  {--tfg-color:#996600;}
.tag-select .gray    {--tfg-color:#666666;}
.tag-select .green   {--tfg-color:#006633;}
.tag-select .black   {--tfg-color:#333333;}
.tag-select .violet  {--tfg-color:#663399;}
.tag-select .yellow  {--tfg-color:#999900;}
.tag-select .cyan  	 {--tfg-color:#336666;}
.tag-select .pink    {--tfg-color:#993366;}


.tag-select > li[data-mask].chk {
	display:inline-block;
	color:var(--tbg-color);
	background-color:var(--tfg-color);
}

.tag-select > li.grp {
	margin-left:8px;
}

.dlg-block {}
.dlg-block.is-new .for-edit,
.dlg-block.is-edit .for-new {
	display:none;
}

.expandable:not(.exp) > *:not(.exp-title) {display:none;}

.expandable > .exp-title {
  position:relative;
  padding:4px 36px 4px 4px;
  background-color:#336699;
  color:white;
  text-align:left;
  min-height:36px;
}

.expandable > .exp-title::after {
	position:absolute;
	box-sizing:border-box;
	display:block;
	width:32px;
	height:32px;
	top:calc(50% - 16px);
	right:2px;
    font-size:16px;
	content:'...';
	padding:4px 2px 0px 2px;
	text-align:center;
	color:white;
	font-weight:bold;
    background-color:#6699CC;
/*	box-shadow:0px 0px 8px #003366;*/
	border-radius:4px;
	cursor:pointer;
}

.expandable.exp > .exp-title::after {
	content:'^';
}


table.fixed {
	table-layout:fixed;
}

/* PRINT PANEL */

.print-panel {
	display:flex;
	flex-direction:row;
	justify-content:stretch;
	align-items:flex-end;
	background-color:#E0E0E0;
	position:fixed;
    top:0px;
	left:0px;
	right:0px;
	min-height:80px;
	box-shadow:0px 0px 6px #666666;
	font-size:14px;
	line-height:16px;
	opacity:0.8;
	user-select:none;
}

body.has-print-panel {
	padding-top:90px;
}

.print-panel .opt-element {
	flex-grow:1;
	text-align:left;
	margin:9px;
}

.print-panel .opt-element .opt-group-label {
	color:#336699;
	margin-bottom:6px;
}

.print-panel .opt-button {
	flex-grow:10;
	text-align:right;
	margin:12px;
}

.print-panel ul {
	display:inline-block;
	margin:0px;
	padding:0px;
	width:auto;
	list-style-type:none;
}

.print-panel ul>li {
	display:inline-block;
	transition:0.2s;
	margin:0px;
	text-align:center;
    padding:6px;
    border:1px solid #336699;
    color:#336699;
    background-color:#F8F8F8;
}

.print-panel ul>li.opt-on {
    background-color:#336699;
    color:#F8F8F8;
}

.print-panel ul.opt-group-ind,
.print-panel ul.opt-group-dep {
	margin:-4px;
}


.print-panel ul.opt-group-ind > li {
	border-radius:3px;
}

.print-panel ul.opt-group-dep > li {
	margin:4px 0px 4px 0px;
}

.print-panel ul.opt-group-ind > li {
	margin:4px;
}

.print-panel ul.opt-group-ind > li,
.print-panel ul.opt-group-dep {
	transition:0.2s;
}

.print-panel ul.opt-group-ind > li:hover,
.print-panel ul.opt-group-dep:hover {
	box-shadow:0px 0px 4px #336699;
}

.print-panel ul.opt-group-dep > li:first-child {
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
	margin-left:4px;
}

.print-panel ul.opt-group-dep > li:last-child {
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	margin-right:4px;
}

.print-panel ul>li[data-class] {
	cursor:pointer;
}

@media print {
	.print-panel {display:none;}
	body.has-print-panel {padding-top:0px;}
}