/* BLOCKS, TABS */
form div.block:not(.controll) {
	padding:calc( var(--padding-y) *2 ) 0;
}
form ul.tabs {
	list-style-type: none;
	margin-bottom: .5em;
}
form nav.sticky {
	z-index: 1500;
	top:0px;
	left:0px;
	background: var(--panel-bg-color);
	position: sticky;
	padding:.5em 0;
}
form nav > div {
	padding:.5em 0;
}
form nav.sticky ~ * {
	margin-top: 0 !important;
}
form ul.tabs li {
	display: inline-block;
	margin-right: 2em;
	text-transform: uppercase;
	background:var(--tab-bg-color);
	padding:.5em 1em;
	border-radius:var(--border-radius);
	cursor:pointer;
	transition:all .3s;
	font-size: .8em;
}
form ul.tabs li:hover {
	background: var(--tab-hover-bg-color);
}
form ul.tabs li.active {
	background: var(--tab-active-bg-color);
	color:#fff;
	pointer-events: none;
	cursor: default;
}
form div[data-tab], form div[tab-id] {
	position: absolute;
	top:-5000px;
	/*visibility: hidden;
	opacity:0;*/
}
form div[data-tab].active, form div[tab-id].active {
	position: relative;
	top:auto;
	/*visibility: visible;
	opacity:1;*/
}

/* BLOCK CLOSABILITY */
form div[block-id].block-closable.block-closed > div:not(.head) {
	visibility: hidden;
	opacity:0;
	position: absolute;
}
/*form div[block-id].block-closable > div.head, form div[block-id].block-closable > div.head * {
	cursor:pointer;
}*/
/*form div[block-id].block-closable > div.head span,
form div[block-id].block-closable > div.head i:before {
	transition:color .3s;
}
form div[block-id].block-closable > div.head:hover span {
	color:var(--text-color);
}
form div[block-id].block-closable > div.head:hover i:before {
	color:var(--color1);
}
form div[block-id].block-closable > div.head i.icon-up-open-big {
	display:none;
}
form div[block-id].block-closable.block-closed > div.head i.icon-up-open-big {
	display:inline-block;
}
form div[block-id].block-closable.block-closed > div.head i.icon-down-open-big {
	display:none;
}*/