@charset "utf-8";
/* CSS Document */
/*@import "fonts.css";
@import "form.css";
@import "panel.css";
@import "buttons.css";
@import "app.layout.css";
@import "item.list.css";*/
:root {
	/* font */
	--font-size:14px;
	--line-height:calc( var(--font-size) + 6px);
	--font-size-small:12px;
	--line-height-small:calc( var(--font-size-small) + 4px);
	--font-size-large:16px;
	--line-height-large:calc( var(--font-size-large) + 8px);
	--border-radius:3px;

	/* padding */
	--padding-x:15px;
	--padding-y:7px;

	/* margin */
	--margin:14px;

	/* form */
	--textarea-row-num:3;
	--icon-check:url(../images/icon_check.svg);
	--label-padding:3px;
	--input-margin:3px;
	--input-padding:5px;

	/* logo */
	--logo: url(../images/logo.svg);

	/* preloader */
	--preloader:url(../images/preloader.svg);

	/* choice */
	--choice-size:calc( var(--font-size) + 2px );
	--choice-top:calc( (var(--line-height) - var(--choice-size)) / 2 );

	/* icon */
	--icon-size:calc( var(--font-size) + 2px );

	/* panel */
	--panel-padding-x:16px;
	--panel-padding-y:10px;

	/* menu */
	--menu-button-padding-x:14px;
	--menu-button-padding-y:10px;
	--menu-button-icon:30px;

	/* buttons */
	--button-border-radius: 20px;
	--button-border-radius-only-icon:5px;
	--button-dropdown-radius:7px;
	--button-padding-x:20px;
	--button-padding-x-iconed:44px;
	--button-padding-y:11px;
	--button-padding-transparent-x:30px;
	--button-padding-only-icon:21px;
	--button-padding-small-x:15px;
	--button-padding-small-x-iconed:39px;
	--button-padding-small-y:7px;
	--button-padding-small-only-icon:17px;

	--button-icon-left:14px;
	--button-icon-small-left:10px;
	--button-icon-left-only:0px;

	/* item list */
	--item-table-padding-x:3px;
	--item-table-padding-y:5px;

	/* selector */
	--selector-padding-x:5px;
	--selector-padding-x-iconed:25px;
	--selector-padding-y:5px;
	--selector-icon-size:20px;
	--selector-gap:14px;
	--selector-margin:5px;
	--selector-item-padding-x:7px;
	--selector-item-padding-y:3px;
	--selector-item-padding-x-iconed:22px;
	--selector-item-icon-size:16px;
	--selector-search-font-size:var(--font-size);
	--selector-li-padding-x:7px;
	--selector-li-padding-y:4px;
}
body.font-small * {
	font-size:var(--font-size-small);
	line-height:var(--line-height-small);
}
body.font-large * {
	font-size:var(--font-size-large);
	line-height:var(--line-height-large);
}
* {
	position:relative;
	margin:0;
	padding:0;
	outline:none;
	resize:none;
	border:none;
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	font-size:var(--font-size);
	line-height:var(--line-height);
	color:var(--text-color);
} 
img { vertical-align: top; }
html,
body {
	width:100%;
	height:100%;
	min-width:320px;
}
html {
	/*overflow:auto;
	overflow-y:scroll;*/
	overflow: hidden;
}
::selection {
	background-color: var(--color-gray-dark);
	color:#fff;
}
*, *:after, *:before { box-sizing: border-box; }

/*a::before, a::after, label::before, label::after, div::before, div::after, li::before, li::after, button::before, button::after {
	position: absolute;
	content:'';
	transition:all .3s;
}*/
.scroll-disabled {
	overflow: hidden !important;
}
.unsel {
	user-select: none;
}
.no-trans, .no-trans::after, .no-trans::before {
	transition:none !important;
}
.hidden {
	position: absolute;
	visibility: hidden;
	opacity:0;
}
#wrapper {
	width:100%;
	min-height:100%;
}
#wrapper.blured {
	filter:blur(10px);
}
a, a *, button, a::before, a::after {
	transition:all .3s;
}
a, a * {
	color:var(--a-color);
	text-decoration: underline;
}
a:hover, a:hover * {
	color:var(--a-hover-color);
}
/* bold */
b, strong {
	font-weight:700;
	font-size: inherit;
	line-height: inherit;
}
/* SUB, SUP */
sup, sub {
	vertical-align: baseline;
	position: relative;
	top: -0.4em;
}
sub { 
	top: 0.4em; 
}
/* STARTER PRELOADER */
#preloader {
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	background: var(--preloader) center center no-repeat #fff;
}
/* STARTER PROGRESS BAR */
#progress-bar {
	background:#ccc;
	height:2px;
	width:30%;
	position: absolute;
	top:50%;
	left:35%;
	margin-top:60px;
}
#progress-bar > ns-progress-bar {
	width:0;
	height: inherit;
	background-color: var(--color1);
	display: block;
}
#preloader > ns-progress-console {
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	margin-top:80px;
	text-transform: lowercase;
	color:#666;
	display: block;
	position: absolute;
}
/* APP PRELOADER */
div.preloader {
	position: fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,.75);
	z-index: 3000;
}
div.preloader > div {
	width:150px;
	height: 150px;
	background: var(--preloader) center center no-repeat #fff;
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	border-radius:var(--border-radius);
	box-shadow:0px 0px 50px rgba(0,0,0,.75);
}
/* IN APP PRELOADER */
div.app.preloader {
	background-color: #fff;
	position: absolute;
}
div.app.preloader > div {
	box-shadow:none;
}
div.app.preloader div.progress-bar {
	display: none;
}
/* APP PROGRESS BAR */
div.progress-bar {
	background:#ccc;
	height:2px;
	width:80%;
	position: absolute;
	top:50%;
	left:10%;
	margin-top:60px;
}
div.progress-bar > div {
	width:0;
	height: inherit;
	background-color: var(--color1);
}
/* LOGO */
div.logo {
	background: var(--logo) center center no-repeat;
	background-size:70% auto;
	max-width:200px;
	margin: 0 auto;
	padding-top: 45.3%;
}
/* ALIGNMENTS */
.algn-rgt { text-align: right; }
.algn-lft { text-align: left; }
.algn-ctr { text-align: center; }

/* USER SELECT */
label, th, h1, h2, h3, h4, h5, form div.head, tfoot, thead {
	user-select: none;
}

#test-warning {
	position: fixed;
	z-index: 30000;
	background-color: var(--warning-color);
	text-transform: uppercase;
	bottom:5px;
	right:5px;
	padding:10px;
	border-radius:5px;
	color:#fff;
	font-weight: 700;
	user-select: none;
}
#test-warning:empty  {
	display: none;
}