/* Application stylesheet definitions, 0.1 2022-11-29
 * AIP Solutions' 2022, https://aip.solutions
 */
@charset "UTF-8";
/*
@font-face 	{font-family:'IBM Plex Sans';font-weight:normal;src:url('/res/IBMPlexSans-Regular.woff2') format('woff2');}
@font-face 	{font-family:'IBM Plex Sans';font-weight:bold;src:url('/res/IBMPlexSans-SemiBold.woff2') format('woff2');}
*/
/** normalization */
body	{min-width:320px;min-height:100vh;margin:0;background:#eee;}
header, main, footer, nav, menu, li, h1, section, article, aside, p, table
		{position:relative;box-sizing:border-box;}
ul, menu, h1, h2
		{margin:0;padding:0;}
a		{box-sizing:border-box;color:inherit;text-decoration:none;}
.num	{text-align:right;}
th.num	{text-align:center;}
tfoot th.num	{text-align:right;}
/** themes */
:root {
	/* default gray theme */
  	--black:  #000a23;
  	--main10: #263238;
  	--main20: #37474F;
  	--main30: #455A64;
  	--main40: #546E7A;
  	--main50: #607D8B;
 	--main60: #78909C;
 	--main70: #90A4AE;
 	--main80: #CFD8DC;
 	--main90: #ECEFF1;
 	--white:  #fff;
 	--info1: #42a5f5; 	/* blue */
 	--info2: #24a148; 	/* green */
 	--alert1: #f1c21b;	/* yellow */
 	--alert2: #ff832b;	/* orange */
 	--alert3: #da1e28;	/* red */
}
/** main template */
/* horisontal menu */
body 	{position:relative;font-family:Helvetica,Arial,sans-serif;font-size:16px;color:var(--main10);background:var(--main90);overflow:auto;}
body > header	{position:sticky;top:0;height:48px;max-width:1920px;margin:auto;text-align:center;color:var(--main90);background:var(--black);z-index:100;}
/* navigation */
body > header > nav,
body > header > menu		{position:absolute;top:0;text-align:left;padding-bottom:8px;z-index:100;}
body > header > nav::before,
body > header > menu::before{display:block;content:attr(title);width:100%;box-sizing:border-box;min-height:48px;min-width:48px;font-size:0;cursor:pointer;}
body > header > nav.active,
body > header > menu.active	{background-color:var(--main10);}
body > header > nav.active::before,
body > header > menu.active::before {height:72px;margin-bottom:8px;border-bottom:1px solid var(--main40);padding-left:14px;padding-right:14px;font-size:16px;line-height:110px;}
body > header a				{display:none;height:40px;padding:0 14px;line-height:36px;}
body > header a:hover 		{color:var(--white);background-color:var(--main30);}
body > header a.active		{color:var(--white);background-color:var(--main20);}
body > header .active 	a	{display:block;}
/* logo */
body > header > a			{display:inline-block;padding:8px 14px;}
body > header > a:hover		{background-color:var(--main10);}
body > header > a > img		{height:32px;}
/* main navigation */
body > header > nav 		{left:0;}
body > header > nav::before	{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 32 32" stroke="white" stroke-width="3"><path d="M3,7h26 M3,16h26 M3,25h26"/></svg>') no-repeat left 14px top 12px;}
/* account navigation */
body > header > menu 		{right:0;text-align:right;}
body > header > menu::before{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 32 32" stroke="white" stroke-width="3" fill="none"><circle cx="16" cy="13" r="4"/><circle cx="16" cy="16" r="13"/><rect x="9" y="20.5" width="14.3" height="8" rx="4.5"/></svg>') no-repeat right 14px top 12px;}
body > header > menu.active	{height:max-content;}
/* sub navigation */
body > header > nav > nav	{padding:2px 0 2px 16px;font-size:14px;}
/* main content */
body > main		{margin:8px 0;background:#fff;}
main h1, main h2{border-bottom:1px solid var(--main80);padding:8px 4px 4px;font-size:20px;color:var(--main10);}
main h1			{padding-top:8px;}
main nav		{padding:8px;}
main nav > a	{padding:4px 8px;background:var(--main80);border-radius:8px;}
main nav > a.active	{background:var(--main90);}
main menu		{position:absolute;top:10px;right:4px;text-align:right;z-index:50;padding:0;}
section			{margin:8px 0;padding:8px;}
 /* footer */
body > footer	{position:fixed;width:100%;bottom:0;height:24px;line-height:24px;padding:0 14px;font-size:12px;font-style:normal;text-align:left;color:var(--main90);background-color:var(--black);}
/* tablet - horisontal navigation */
@media screen and (min-width:1024px) {
	body > main					{margin:8px;}
	body > header 				{display:flex;margin-bottom:44px;}
	body > header > a 			{flex:0;min-width:185px;max-width:185px;height:auto;padding:8px 16px;text-align:left;}
	body > header > nav,
	body > header > menu 		{position:relative;}
	body > header > nav			{flex:1;}
	body > header > nav::before	{display:none;}
	body > header > nav.active	{background-color:var(--black);}
	body > header > nav > a,
	body > header > nav.active > a		{display:inline-block;height:48px;line-height:44px;}
	body > header > nav > nav			{position:absolute;display:none;left:-193px;top:48px;width:100vw;height:36px;padding:0 193px;white-space:nowrap;background-color:var(--main20);}
	body > header > nav > a.active + nav{display:block;}
	body > header > nav > nav > a,
	body > header > nav.active > nav > a{display:inline-block;padding:0 8px;height:36px;line-height:34px;}
	body > main		{margin-top:44px;}
	/* tablet - vertical navigation */
	body.vertical > header		{position:fixed;top:0;min-width:170px;min-height:100vh;height:100%;flex-direction:column;}
	body.vertical > header > a	{width:100%;max-width:100%;height:50px;margin-bottom:16px;}
	body.vertical > header nav,
	body.vertical > header nav > a,
	body.vertical > header nav.active,
	body.vertical > header nav.active a {position:relative;display:block;width:100%;left:0;top:0;height:auto;}
	body.vertical > header > nav > a.active	{background:var(--main10);}
	body.vertical > header > nav::before{display:block;min-height:26px;border-bottom:1px solid var(--main40);padding-left:14px;padding-right:14px;font-size:16px;background:none;cursor:default;}
	body.vertical > header > nav.active::before	{height:26px;margin-bottom:0;line-height:20px;}
	body.vertical > main				{padding-left:170px;}
	body.vertical > header > nav > nav		{padding:0 0 12px 12px;background:var(--main10);}
	body.vertical > header > nav > nav > a 	{padding-left:16px;}
	body.vertical > footer		{width:160px;right:0;text-align:right;}
}
/* laptop - shows account and larger buttons */
@media screen and (min-width:1366px) {
	body > main					{margin:16px;}
	body > header 				{height:64px;margin-bottom:52px;}
	body > header > a 			{padding:8px 24px;min-width:250px;max-width:250px;}
	body > header > a > img		{height:40px;margin-top:2px;}
	body > header > nav > a,
	body > header > nav.active > a	{height:64px;line-height:64px;line-height:62px;padding:0 24px;font-weight:bold;}
	body > header > nav > nav 		{top:64px;left:-258px;height:42px;padding-left:258px;}
	body > header > nav > nav > a,
	body > header > nav.active > nav > a	{height:42px;line-height:40px;padding:0 16px;font-size:16px;}
	body > header > menu			{text-align:left;}
	body > header > menu::before	{padding:20px 64px 8px 24px;font-size:16px;background-position:top 18px right 18px;}
	body > header > menu.active::before {height:48px;border:0;padding:20px 64px 8px 24px;line-height:20px;}
	body > header > menu > a		{padding-left:24px;}
	/* vertical navigation */
	body.vertical > header		{min-width:200px;}
	body.vertical > header > a	{height:72px;}
}
@media screen and (min-width:1920px) {
	body > header > nav > nav			{width:100%;}
	body > header::before,
	body > footer::before,
	body > header > nav > nav::before	{content:"";position:absolute;left:50%;margin-left:-50vw;width:100vw;box-sizing:border-box;z-index:-1;}
	body > header::before 				{height:64px;background:var(--black);}
	body > header > nav > nav::before 	{left:960px;margin-left:-50vw;width:100vw;height:42px;background:var(--main20);}
}
/* grid */
.u, .i	{width:12.5%;min-width:40px;max-width:60px;}
.q, .iis{width:25%;min-width:80px;max-width:120px;}
.t, .iii{width:37.5%;min-width:120px;max-width:180px;}
.s, .v	{width:50%;min-width:160px;max-width:240px;}
article.s {min-width:none;max-width:none;}
.si,.v	{width:62.5%;min-width:200px;max-width:300px;}
.sq,.vi	{width:75%;min-width:240px;max-width:360px;}
.st,.vii{width:87.5%;min-width:280px;max-width:420px;}
.x, .xx,{width:100%;min-width:320px;max-width:460px;}
.x3		{height:150px;}
/* icons */
.icon	{display:inline-block;width:32px;height:32px;}
.icon:hover	{background-color:var(--main90);}
.gear	{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 32 32" stroke="black" stroke-width="4" fill="none"><circle cx="16" cy="16" r="8"/><path d="M4,9L9,12M23,20L28,23M16,2v6M4,23L9,20M23,12L28,9M16,24v6"/></svg>') no-repeat center center;}
.print	{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 32 32" stroke="black" fill="none"><path stroke-width="3" d="M8,4h16v24h-16zM1,13h28v6"/><path stroke-width="6" d="M4,12v14M9,17h14M27.5,17v9"/><path stroke-width="1" d="M11,22h10M11,24h7"/></svg>') no-repeat center center;}
.excel	{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 32 32" stroke="black" stroke-width="3" fill="none"><path d="M8,4h12L26,10v18h-18zM19,5v6h6M14,15L20,24M20,15L14,24"/></svg>') no-repeat center center;}
/* forms */
h4, h5, h6 {position:absolute;z-index:98;top:15px;width:99%;margin:auto;padding:24px 0;font-weight:bold;text-align:center;cursor:pointer;font-size:14px;border:1px solid var(--info1);border-radius:8px;color:var(--info1);background:#fffc;}
h4::after, h5:after, h6::after {content:"затвори [x]";position:absolute;top:1px;right:3px;text-decoration:underline;font-weight:normal;background:var(--white);font-size:11px;}
h5		{border-color:var(--info2);color:var(--info2);}
h6		{border-color:var(--alert3);color:var(--alert3);}
p		{font-size:0;margin:8px 0;}
label	{display:inline-block;width:100%;margin-bottom:8px;}
label::before	{content:attr(title);white-space:nowrap;font-size:14px;}
input, output, select, textarea	{display:inline-block;height:36px;line-height:36px;width:98%;box-sizing:border-box;border:1px solid var(--main60);border-radius:4px;padding:0 8px;font-size:14px;background-color:var(--main90);}
input:focus	{background:var(--white);}
input[readonly], select[readonly], textarea[readonly], output {color:var(--main30);background:var(--main70);}
button			{display:inline-block;min-width:120px;min-height:36px;line-height:36px;border:0;border-radius:18px;color:var(--white);cursor:pointer;text-transform:capitalize;background:var(--main30);font-size: 14px;}
button.red 		{background:var(--alert3);}
button.blue 	{background:var(--info1);}
button.green	{background:var(--info2);}
button.focus	{background:var(--info1);}
button.active	{background:var(--main60);}
/* misc */
/* views */
section > h2			{margin-bottom:16px;}
section > nav			{position:absolute;left:200px;top:10px;}
section > header		{}
section.alert {position:absolute;top:15%;left:0;right:0;margin:auto;width:300px;height:auto;box-sizing:border-box;border-radius:24px;padding:48px 40px 32px;background-color:var(--white);}
section.alert:before 	{position:relative;display:inline-block;width:100%;height:50px;content:"";background:url('/res/logo.svg') top center no-repeat;background-size:60%;}
section.alert h1 		{display:none;}
section.alert h5, section.alert h6		{position:relative;margin-bottom:32px;max-width:460px;}
section.alert button	{width:100%;}
section.alert footer	{margin-top:24px;}
/* lists */
header label::before 	{display:none;}
header .filter label::before 	{display:inline-block;}
header button			{vertical-align:top;}
header p.filter			{padding:4px;background:var(--main90);}
header p.filter	label	{position:relative;max-width:fit-content;cursor:pointer;}
header p.filter label:after {content:"[x]";display:block;position:absolute;top:18px;right:8px;font-size:16px;color:var(--alert3);}
header p.filter	label.group	{float:right;}
header p.filter	label.order	{float:right;}
header p.filter output	{max-width:initial;border:0;color:var(--black);height:24px;line-height:24px;background:var(--main80);}
table					{width:100%;border-collapse:collapse;background:var(--white);font-size: 14px;}
table sub				{display:block;font-size:11px;color: var(--main60);}
th, td 					{padding:2px;border-right:1px solid #f9f9f9;}
th.message				{padding:40px;}
tbody tr:nth-of-type(2n){background:var(--main90);}
thead th				{border-bottom:1px solid var(--main50);color:white;font-size:12px;padding:8px 4px;background:var(--main50);}
tfoot th				{border-top:1px solid var(--main50);text-align:left;font-size:14px;}
th > div				{position:absolute;width:360px;height:200px;margin-top:8px;border-radius:4px;color:var(--main10);background:var(--main80);box-shadow:1px rgba(0,0,0,0.50);z-index:100;}
th > div > h3			{margin:0;padding:8px 16px;text-align:left;border-bottom:1px solid var(--main70);}
th > div > a			{position:absolute;right:0;top:0;padding:8px 16px;background:var(--main80);z-index:110;}
th > div > fieldset		{display:block;box-sizing:border-box;float:left;margin:8px 4px;border:none;}
th > div > fieldset.s	{width:47%;}
th.group				{text-align:left;padding-top:8px;}
th.asc:before, th.desc:before {content:"\2193";display:inline-block;position:absolute;right:0;color:white;}
th.desc:before			{content:"\2191";}
td h4, td h5, td > h6 	{position:relative;}
@media screen and (min-width:1024px) {
	section.alert		{width:400px;padding:64px;}
	section.alert:before{background-size:50%;}
	th, td 				{padding:4px;}
}
/* new style Iva add * /
/*body > main {display: block;position: relative;font-size: 14px;min-height: 84.7vh;overflow: visible;box-sizing: border-box;background: #fff;}
section.s {max-width: 900px;}
table.list 	{border-collapse: unset;border-spacing: 0;}
table.list thead th		{position:relative;background: var(--main30);color:white;border:1px solid #fff;border-width:0 1px 1px 0;padding:6px 10px;}
label 					{position: relative;padding: 0px 3px 0 0;box-sizing: border-box;}
input, output, select, textarea {display: inherit;margin-top: 2px;padding: 5px;font-size: 14px;border: 1px solid #ddd;background-color: #fbfbfb;min-height: 30px;box-sizing: border-box;width: 100%;min-width: 0;outline:none;}
input[readonly], select[readonly], textarea[readonly], main output,input[disabled],select[disabled]  {color: #666;background: #eee;}
Сиви колони
td:nth-child(-n+5) {
	background: var(--main80);
  }
  
  /* По-тъмносиви колони */
  /* td:nth-child(n+6):nth-child(-n+10) {
	background-color: darkgray;
  } */
  
  /* Сини колони */
  /* td:nth-child(n+11):nth-child(-n+15) {
	background-color: blue;
  } */
  colgroup {
	display: table-column-group;
}
  col {
	display: table-column;
}
/*
main header p {display: flex;}
main header label.check {display: flex;align-items: center;}
main header label.check::before, main header label.text::before {display: inline-block;}
input[type="checkbox"] {width: auto;}
*/