@import '/src/fa/css/fontawesome-all.min.css';
@import '/src/fancytree/skin-uana/ui.fancytree.css';
@import '/src/jquery/jquery-ui.min.css';

:root {
		
	--l-blue: #B3E5FC;
	--m-blue: #0277BD;
	--d-blue: #01579B;
	
	--l-green:#C8E6C9;
	--m-green:#2E7D32;
	--d-green:#1B5E20;
	
	--l-yell: #FFFDE7;
	--m-yell: #FBC02D;
	--d-yell: #F57F17;
	
	--l-red:  #FFCDD2;
	--m-red:  #D32F2F;
	--d-red:  #B71C1C;
	
	--w-grey: #f5f5f5;
	--l-grey: #eeeeee;
	--s-grey: #dddddd;
	--m-grey: #cccccc;
	--d-grey: #999999;
	
	--l-black:#666666;
	--m-black:#333333;
	--d-black:#000000;
	
	--menuwidth: 240px; 
}


html {
	height:100%;
	box-sizing: border-box;
}

body {
	margin: 0;
	padding:0;
	box-sizing: border-box; 
	background:var(--l-black);
	height:100%;
	display:flex;
	align-items:stretch;
}

nav {
	min-width:var(--menuwidth);
	overflow:hidden;
	display: block;
	box-sizing: border-box;
	background:var(--m-black);
	position: relative;
	z-index:200;
	box-shadow: 0 0 0.5em rgba(0,0,0,0.5);
	-webkit-transition: width 0.2s linear;
    -moz-transition: width 0.2s linear;
    -o-transition: width 0.2s linear;
    transition:width 0.2s linear;
}

main {
	box-sizing: border-box;
	width:100%;
	height:100%;
	overflow:auto;
	padding-top:3em;
}

header {
	position:fixed; 
	z-index:100; 
	top:0;
	width:calc(100% - var(--menuwidth));
	box-sizing: border-box;
	background-color:var(--m-black); 
	line-height:100%; 
	height:3em;
	overflow:hidden; 
	color:var(--m-grey);
	box-shadow: 0 0 0.5em rgba(0,0,0,0.5);
	display:flex;
	justify-content:space-between;
}

header a {
	color:var(--m-grey);
}

header a:hover {
	color:#fff;
}

footer {
	position:fixed; 
	z-index:100; 
	bottom:0;
	width:calc(100% - var(--menuwidth));
	box-sizing: border-box;
	display:flex;
	justify-content:space-between;
	align-items: center;
	box-shadow: 0 0 0.5em rgba(0,0,0,0.5);
	background-color:var(--m-grey);
	padding:0 1em;
	height:4.5em;
}

body.full nav {
	display:none;
}
body.full header,
body.full footer {
	width:100%;
	left:0;
}

body, 
td, 
th,
input,
button, 
textarea {
	font:normal normal normal 12px/145% Arial, Verdana, Tahoma, Sans-Serif;
	color:var(--m-black);
}

input[type=button],
input[type=submit],
input[type=cancel],
button {
	cursor:pointer;
}

input[type=button]:disabled,
input[type=submit]:disabled,
input[type=cancel]:disabled,
button:disabled {
	cursor:default;
}

a {
	color:var(--m-blue); 
	text-decoration: none; 
	outline: none; 
	cursor:pointer;
}

a:hover {
	color:var(--m-red);
}

var {
	font:normal normal bold 12px/145% Courier New, Courier, Monospace;
	white-space:nowrap;
	display: inline-block;
	vertical-align: middle;
	line-height:1.5em;
	padding:0 0.5em;
	background:var(--l-grey);
}

.sw {
	color:var(--m-blue);
	cursor:pointer;
	border-bottom:1px dashed var(--m-blue);
}

.sw:hover {
	border-bottom-color:transparent;
}

.fas {
	font-size:16px;
	display:inline-block;
	vertical-align:middle;
	width:20px;
	text-align:center;
}

.fas.mark:after {
	content:'✓';
	position:absolute;
	margin-top:-4px;
	margin-left:-4px;
	background:var(--d-yell);
	display:inline-block;
	font-size:8px;
	padding:2px 0px;
	text-align: center;
	width:1.5em;
	color:#fff;
}

#loading {
	text-align:center;
	padding:1em;
}

.ace_editor {
	min-height:100px;
}

/*
-----------------------------------------------------------------------------
Авторизация
-----------------------------------------------------------------------------	
*/
body.login {
	display:block;
	text-align:center; 
	padding-top:5%;
}
body.login img {
	display:block; 
	height: 100px; 
	margin:auto;
}
body.login h1 {
	color:#fff; 
	font-size:2em; 
	margin:1em auto; 
	text-shadow:1px 1px 1px rgba(0,0,0,0.5); 
	font-weight:normal;
}
body.login form {
	display:block; 
	width:80%; 
	max-width:300px; 
	margin:auto; 
	padding:2em; 
	background:var(--m-grey); 
	box-shadow: 0 0 0.5em rgba(0,0,0,0.5)
}
body.login form input, 
body.login form select {
	display:block; 
	text-align:center; 
	width:100%; 
	margin:0 0 1em 0;
}
body.login #error {
	background:var(--m-red);
	text-align:center;
	padding:1em;
	color:#fff;
	margin-bottom:1em
}
body.login a#copyright {
	display:block;
	text-align:center;
	position: absolute;
	bottom:0;
	width:100%;
	padding:1em;
	box-sizing: border-box;
	color:var(--d-grey);
}


/*
-----------------------------------------------------------------------------
Шапка
-----------------------------------------------------------------------------	
*/
#crumbs {
	box-sizing: border-box;
	white-space: nowrap;
	overflow:hidden;
	padding:0 1em;
	line-height:3em;
}

#crumbs b {
	font-weight:normal;
	display:inline-block;
	margin:0 0.5em;
}

#tray {
	box-sizing: border-box;
	white-space: nowrap;
	overflow:hidden;
	padding:0 1em;
	line-height:3em;
}

#aonline {
	padding:0.5em;
	margin-right:2em;
	color:#000;
	background:var(--m-yell);
	display:none;
}

#aonline:hover {
	background:var(--d-yell);
}

#aonlinelist,
#adminmenu {
	position:fixed; 
	top:3em; 
	right:1em; 
}

#aonlinelist > div {
	margin:0.5em; 
	padding:0.5em; 
}
#aonlinelist > div > em {
	margin-left:4em; 
	color:var(--d-grey); 
	float:right;
}

#aonline i,
#adminlink i {
	margin-right:0.2em;
}

/*
-----------------------------------------------------------------------------
Меню
-----------------------------------------------------------------------------	
*/
cite {
	display:block;
	background:#fff;
	box-sizing: border-box;
	padding:0 0.5em;
	line-height:3em;
	overflow:hidden;
	white-space: nowrap;
	font-style:normal;
}

cite a img {
	display:inline-block; 
	vertical-align:middle; 
	margin:0 0.5em 0 0; 
	width:2em; 
	height:2em;
}


#menu {
	margin:0;
	padding:0;
}

#menu.off {
	width:0;
}

#menu li {
	display:block;
	margin:0;
	padding:0;
	border-top:1px solid #444;
	border-bottom:1px solid #222;
}

#menu li a {
	display:block;
	text-align:left;
	margin:0;
	padding:0.8em 0.5em;
	color:var(--m-grey);
}

#menu li a.on {
	background:var(--m-blue);
	color:#fff;
}

#menu li a i {
	margin-right:0.5em;
}

#menu li a:hover {
	background:#222;
	color:#fff;
}

#menu li a.s:before {
	position:absolute;
	margin-left:calc(var(--menuwidth) - 2em);
	margin-top:0.3em;
	content:'﹀';
	color:var(--m-grey);
}

#menu li a.s.open:before {
	margin-top:-0.3em;
	content:'︿';
}

#menu li div {
	display:none;
}

#menu li a.open + div {
	display:block;
}

#menu li div a {
	padding:0.5em;
}


#menu li:empty {
	display:none;
}



/*
-----------------------------------------------------------------------------
Контекстное меню
-----------------------------------------------------------------------------	
*/
.conmenu {
	position:absolute; 
	z-index:500; 
	background:#fff; 
	box-shadow:0 0 0.5em 0 rgba(0, 0, 0, 0.5); 
	display:none;
}

.conmenu a {
	display:block; 
	margin:0.5em 0; 
	padding:0.5em 1em; 
	color:#333; 
}

.conmenu a:hover {
	background:var(--l-grey);
}

.conmenu a.disabled {
	color:#999; 
	opacity:0.5; 
	cursor:default;
}

.conmenu a.disabled:hover {
	background:transparent
}

.conmenu a i {
	margin:0 1em 0 0;
}


/*
-----------------------------------------------------------------------------
Модальные окна
-----------------------------------------------------------------------------	
*/
#overlay {
	position:fixed; 
	z-index:1000; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%; 
	background:rgba(0,0,0,0.7); 
	display:none;
}

.modal {
	position:fixed; 
	z-index:1001; 
	width:80%; 
	top:5%; 
	left:50%;
	margin-left:-40%; 
	box-shadow:0 0.1em 0.5em 0 #000; 
	background:var(--m-grey);
	overflow:hidden;
	box-sizing: border-box;
	display:none;
}
.modal.m {width:60%; margin-left:-30%;}
.modal.s {width:40%; margin-left:-20%;}

.modal .mhead {
	padding:0.5em 1em;
	background:var(--l-yell);
	color:var(--d-black);
	font-weight:bold;
}

.modal .mhead b {
	display: inline-block;
	float:right; 
	font-size:2em;
	font-weight:normal;
	cursor:pointer;
	color:var(--l-black);
}

.modal .mhead b:hover {
	color:var(--d-black);
}

.modal .mbody {
	padding:2em 1em; 
	max-height:70vh; 
	overflow:auto;
	border-bottom:1px solid var(--d-grey);
}

.modal .mbody.c {
	text-align:center;
}

.modal .mbody.w {
	background:#fff;
	border-top:1px solid var(--m-grey);
	border-bottom:none;
}

.modal .mbody.noscroll {
	overflow:hidden;
}

.modal .mbody label {
	display:inline-block;
	width:25%;
	text-align:right;
	margin-right:0.5em;
}

.modal .mbody .f-chbrb {
	margin-right:0.5em;
}


.modal .mbody .chrb {
	display:inline-block; 
	text-align:left;
	white-space: nowrap;
}

.modal .mbody .chrb label {
	display:block;
	margin-bottom:0.5em;
}


.modal .mfoot {
	padding:1em; 
	border-top:1px solid var(--l-grey);
	text-align:center;
}
.modal .mfoot button {
	margin:0 1em;
}


/*
-----------------------------------------------------------------------------
Процесс
-----------------------------------------------------------------------------	
*/
#process {
	z-index:1002; 
	background:var(--m-grey); 
	display:none;
	padding:1em;
}

#process .phead {
	padding:0 0.1em;
}

#processspin {
	float:right; 
	color:var(--d-grey);
}

#processcbtn {
	margin-top:-2px;
	float:right; 
	font-size:2em;
	font-weight:normal;
	cursor:pointer;
	color:var(--l-black);
	display:none;
}

#processcbtn.on {
	display:inline-block;
}

#processcbtn:hover {
	color:var(--d-black);
}

#processframe {
	box-sizing: border-box;
	width:100%; 
	height:25vh; 
	border-width:1px;
	margin-top:1em;
}

#progress {
	display:block;
	box-sizing: border-box;
	margin:1em 0 0 0; 
	width:100%;
}


/*
-----------------------------------------------------------------------------
Формы
-----------------------------------------------------------------------------	
*/
.f-field {
	color:#000;
	overflow:visible; 
	background:#fff;
	box-sizing: border-box;
	border:1px solid var(--d-grey);
	border-color:var(--d-grey) var(--l-grey) var(--l-grey) var(--d-grey);
	border-radius:0;
	line-height:150%;
}

.f-field[readonly]{
	background:transparent;
}

.f-field[disabled] {
	background:var(--l-grey);
	color:var(--d-grey);
}

.f-field.invalid {
	background:var(--l-red);
	border:1px solid var(--m-red);
}

.f-chbrb {
	width: 1.2em;
	height: 1.2em;
	padding:0;
	line-height:100%;
}

.f-select {
	max-width:80%;
}

.f-button {
	overflow: visible;
	border-radius:0;
	cursor: pointer; 
	margin:0; 
	line-height:100%; 
	border:0;
	color:#fff;
	padding:0 2em;
	box-shadow: 0.1em 0.1em 0.1em rgba(0,0,0,0.5);
	-webkit-appearance: button;
	min-width:10em;
	height:3em;
	line-height:3em;
}

.f-button:disabled {
	opacity:0.2;
	cursor:default;
	white-space: nowrap;
}

.lang_select {
	background:var(--l-yell);
	margin-right:0.5em;
	display:flex;
	align-items: center;
	height:2.2em;
	padding:0 0.5em;
}

.lang_select svg {
	display:block;
	width:1.5em;
	max-width:1.5em;
	max-height:1.5em;
	margin-right:0.5em;
}

.lang_select select {
	display:block;	
}


/*
-----------------------------------------------------------------------------
Листинг
-----------------------------------------------------------------------------	
*/
.sorters {
	display:flex;
	align-items:stretch;
	background:var(--m-grey);
	border-bottom: 1px solid var(--d-grey);
}

.sorters label {
	border-right:1px solid var(--d-grey);
}

.sorters div {
	box-sizing: border-box;
	padding:0.5em;
	width: 100%;
	cursor:pointer;
	border-left: 1px solid var(--l-grey);
	border-right: 1px solid var(--d-grey);
}

.sorters div:last-child {
	border-right:0;
}

.sorters div:hover {
	background:var(--l-grey);
}

.sorters div.off {
	cursor:default;
}

.sorters div.off:hover {
	background:var(--m-grey);
}

.sorters div b {
	display: inline-block;
	vertical-align: middle;
	height:1em;
	line-height:1em;
	white-space: nowrap;
	overflow:hidden;
	max-width:80%;
	text-overflow: ellipsis;
	
}

.sorters div b:before {
	margin-right:0.5em;
}
.sorters div.asc b:before{
	content:'▲';
}
.sorters div.desc b:before{
	content:'▼';
}

.sorters div.hid {
	display:none;
}


.listing {
	margin:0;
	overflow:auto;
	max-height:calc(100vh - 16.5em);
}

.listing label {
	border-right:1px solid transparent;
}

.listing label,
.sorters label {
	box-sizing:border-box;
	padding:0.5em;
	margin:0;
	text-align:center;
	width:3em;
	min-width:3em;
	max-width:3em;
	background:transparent;
}

.listing > section {
	display:flex;
	align-items:center;
	background:#fff;
}

.listing > section:nth-child(odd) {
	background:var(--w-grey);
}

.listing > section.checked {
	background:var(--l-blue);
}

.w50 {
	width:50px;
	max-width:50px;
	min-width:50px;
}

.w100 {
	width:100px;
	max-width:100px;
	min-width:100px;
}

.w150 {
	width:150px;
	max-width:150px;
	min-width:150px;
}

.w200 {
	width:200px;
	max-width:200px;
	min-width:200px;
}


/*
-----------------------------------------------------------------------------
LINE
-----------------------------------------------------------------------------	
*/
#LINE fieldset {
	box-sizing: border-box;
	margin:1em 1em 0 1em;
	padding:0;
	background:var(--m-grey);
	border:0;
	box-shadow: 0 0 0.5em rgba(0,0,0,0.5);
}

#LINE .sorters {
	border-top:1px solid var(--l-grey);
}

#line_panel {
	display:flex;
	justify-content:space-between;
	align-items:center;
	background:var(--m-grey);
	border-bottom:1px solid var(--d-grey);
	padding:0 0.5em;
	height:4em;
}

#line_panel div {
	display:flex;
	align-items:center;
}

.line_bact,
.line_bcreate {
	overflow: visible;
	border-radius:0;
	cursor: pointer; 
	margin-right:0.5em; 
	line-height:100%; 
	border:0;
	padding:0.5em 0;
	text-align: center;
	width:3em;
	box-shadow: 0.1em 0.1em 0.1em rgba(0,0,0,0.5);
	-webkit-appearance: button; 
	background:var(--l-grey);
}

.line_bact:hover,
.line_bcreate:hover {
	background:#fff;
}

.line_bcreate {
	width:auto;
	padding:0.5em 1em;
}

.line_bcreate i {
	margin-right:0.5em;
}

.line_bact:disabled:hover,
.line_bcreate:disabled:hover{
	background:var(--l-grey);
}

#line_searchf {
	padding-right:3.5em;
}

#line_searchs {
	position:relative;
	margin-left: -1.5em;
	cursor:pointer;
}

#line_searchr {
	position:relative;
	display:none;
	cursor:pointer;
}

#line_searchs.on {
	margin-left: -2.8em;
}

#line_searchr.on {
	display:block;
}

#line_filterb {
	margin-left:1em;
	cursor:pointer;
}

#line_colsb {
	margin:0 0.5em;
	cursor:pointer;
}

#line_listing {
	max-height:calc(100vh - 16.5em);
	overflow:auto;
}

#line_listing section {
	border-bottom:1px solid transparent;
}

#line_listing section[data-enabled='0'] {
	background-color:var(--l-red);
	border-color:var(--l-grey);
}

#line_listing section:hover {
	background:var(--l-yell);
}

#line_listing section.checked,
#line_listing section.checked:hover {
	background:var(--l-blue);
	border-color:var(--l-grey);
	-ms-user-select: none; 
    -moz-user-select: none; 
    -webkit-user-select: none; 
    user-select: none; 
}

#line_listing section div {
	width:100%;
	box-sizing:border-box;
	padding:0.5em;
	overflow:hidden;
	border:1px solid transparent;
}

#line_listing section div.hid {
	display:none;
}

#line_listing section div em {
	color:var(--d-grey);
}

#line_listing section div i {
	display:block;
	margin:auto;
}

#line_listing section .posdragger {
	margin-left:1em;
	display:none;
	color:var(--m-blue);
	cursor:grab;
}

#line_listing section.checked .posdragger {
	display:inline;
}

#line_listing section.checked .posdragger.off {
	display:none;
}

#line_listing section .posdragger:hover{
	color:var(--m-red);
}

#line_listing section .posdragger:active {
	cursor:grabbing;
}

#line_listing section svg {
	max-width:16px;
	max-height:16px;
	margin-right: 2em;
	vertical-align: middle;
	display: inline-block;
}

#line_bar {
	display:flex;
	text-align: center;
}

#line_bar div {
	margin-right:2em;
}

#line_pspl {
	width:100%;
	display:flex;
	justify-content: flex-end;
}

#line_pspl b {
	font-weight:normal;
	text-align:center;
	background:var(--l-grey);
	line-height:2.5em;
	min-width:2.5em;
	margin:0 0.2em;
	cursor:pointer;
	box-shadow:0 0 0.2em rgba(0,0,0,0.5);
}

#line_pspl b:hover {
	background:#fff;
}

#line_pspl b.on {
	font-weight:bold;
	color:#fff;
	background:var(--m-blue);
}

#line_pspl i {
	line-height:2.5em;
	margin:0 0.2em;
}

#line_out {
	white-space: nowrap;
	margin-left:1em;
}

#line_out a {
	margin-left:0.5em;
}

#line_listing.fancytree {
	max-height:calc(100vh - 9em);
}

#line_listing .line_treecol {
	border-top:1px solid var(--l-grey);
	background:var(--m-grey);
	border-bottom: 1px solid var(--d-grey);
	box-sizing: border-box;
	padding:0.5em;
	width: 100%;
	text-align:left;
	border-right: 1px solid var(--d-grey);
}

#line_listing .line_treecol b {
	display: inline-block;
	vertical-align: middle;
	height:1em;
	line-height:1em;
	white-space: nowrap;
	overflow:hidden;
	max-width:80%;
	text-overflow: ellipsis;
}

#line_tree th.hid,
#line_tree td.hid {
	display:none;
}

#line_tree td i {
	display:block;
	margin:auto;
}
#line_tree td em {
	color:var(--d-grey);
}

#line_tree td .fancytree-title{
	display:initial;	
}
#line_tree .rowtools {
	display:block;
	float:right;
	visibility: hidden;
}
#line_tree .fancytree-selected .rowtools {
	visibility: visible;
}

#line_tree_expall {
	display: inline-block;
	vertical-align: middle;
	margin-right:0.5em;
}

#LID0 .fancytree-expander {display:none;}
#LID0 .fa-home {margin-left:0.5em}

/*
-----------------------------------------------------------------------------
EDIT
-----------------------------------------------------------------------------	
*/
.formedit {
	box-sizing: border-box;
	padding-bottom:5.5em;
}

.formedit footer button {
	margin-right:1em;
}

.formedit footer .wback {
	min-width:auto;
	margin-left:-1em;
	margin-right:2em;
}

.formedit fieldset {
	box-sizing: border-box;
	padding:1em 0 0 0;
	margin:0 1em;
	background:var(--m-grey);
	border:0;
	box-shadow: 0 0 0.5em rgba(0,0,0,0.5);
}

.formedit fieldset legend {
	margin:0;
	padding:0.5em;
	background: var(--l-yell);
	width:100%;
	position:relative;
	top:1em;
	box-sizing:border-box;
	text-align:left;
}

.formedit fieldset legend button {
	background: transparent;
	border:none;
	overflow: visible;
	margin:0 0 0 1em;
	padding:0;
	float:right;
}

.formedit fieldset legend button i {
	display: inline-block;
	vertical-align:baseline;
}

.formedit fieldset legend button span {
	display: inline-block;
	vertical-align:top;
}

.formedit fieldset legend var {
	margin-left:1em;
	float:right;
}

.formedit fieldset legend kbd {
	margin-left:1em;
	float:right;
}

.formedit fieldset.swich {
	margin-top:1em;
	overflow:hidden;
	padding:0;
	height:2.5em;
}

.formedit fieldset.swich legend {
	position:static;
	top:0;
}

.formedit fieldset.swich legend button {
	display:none;
}

.editset > legend > button + .conmenu {
	position:fixed; 
	right:1em;
	padding:0 1em; 
	margin-top:0.5em;
}

.editset > legend > button + .conmenu > i.fa-spin {
	color:var(--d-grey);
	margin:1em;
}

.editset section {
	display:flex;
	align-items:center;
	border-top:1px solid var(--s-grey);
}

.editset section.extended {
	display:none;
}
.editset section.extended.on {
	display:flex;
}

.editset section > label {
	background: #fff;
	padding:0.8em 0.5em;
	width:20%;
	min-width:20%;
	max-width:20%;
	margin-right:0.5em;
	box-sizing: border-box;
	align-self:stretch;
}

.editset section > label i {
	display:inline-block;
	vertical-align:baseline;
	margin: 0 0.2em;
}

.editset section .f-field {
	margin:0.5em 0;
	width:50%;
}

.editset section .f-field.size {
	width:auto;
}

.editset section input[type="number"] {
	text-align:right;
}

.editset section select {
	max-width:50%
}

.editset section div.input {
	white-space: nowrap;
	overflow: hidden;
	width:50%;
}

.editset section div.input .f-field {
	width:100%; 
}
.editset section div.input select {
	max-width:99%; 
}

.editset section div.input 

.editlist .listing {
	max-height:calc(100vh - 15em);
}

.editlist .listing section .f-field {
	border: 1px solid transparent;
	background:transparent;
	margin:0.5em;
	width: 100%;
}

.editlist .listing section:hover {
	background:var(--m-grey);
}

.editlist .listing section:hover .f-field {
	border:1px inset;
	background:#fff;
}

.editset.fieldsettab {
	margin-top:0;
	display:none;
}
.editset.fieldsettab.on {
	display:block;
}

.ltabs {
	margin:0 1em;
	position:relative;
	bottom:-1em;
}

.ltabs a {
	display: inline-block;
	vertical-align: middle;
	width:3em;
	padding:0.5em 0;
	text-align:center;
	background: var(--m-grey);
	margin-right: 1em;
}

.ltabs a:hover {
	background: #fff;
}

.ltabs a.on {
	background: var(--l-yell);
}

.ltabs a svg {
	display: inline-block;
	vertical-align: middle;
	max-width:1.5em;
	max-height:1.5em;
}


.editset .imagemanager {
	padding-right:2.5em;
}
.editset i.fmbtn {
	position:relative;
	left:-1.5em;
	cursor:pointer;
	top:-2px;
}
.editset img.impreview {
	height:50px;
	max-width:50%;
	cursor:pointer;
}

.editset .linkmanager {
	padding-right:5em;
}
.editset i.lmbtn {
	position:relative;
	left:-3.5em;
	cursor:pointer;
	top:-1px;
}

.chbrb-label {
	display:block;
	margin:0.5em;
	padding:0.5em;
	background:var(--l-grey);
}
.chbrb-label.checked {
	background:var(--l-green);
}




/*
-----------------------------------------------------------------------------
Карта для выбора
-----------------------------------------------------------------------------	
*/

#edit_sitemaptreebar {
	display: flex;
	justify-content:space-between;
}

#edit_sitemaptreelangs {
	background:var(--l-yell);
	display:inline-block;
	vertical-align: middle;
	padding:0.5em;
}
#edit_sitemaptreelangs b {
	display:none;
}
#edit_sitemaptreelangs svg {
	display:inline-block;
	vertical-align: middle;
	width:1.5em;
	max-width:1.5em;
	max-height:1.5em;
	margin-right:0.5em;
}

#edit_sitemaptreefilter {
	width:15em;
	padding-right:3em;
}

#edit_sitemaptreefilterreset {
	position:relative;
	margin-left: -1.5em;
	cursor:pointer;
}

#edit_sitemaptree {
	margin:0.5em 0;
	padding:1em 0 0 0;
	border-top:1px solid var(--l-grey);
	height:60vh;
	overflow: auto;
}

#edit_sitemaptree ul.fancytree-container {
	overflow: hidden;
}

#edit_sitemaptree span.fancytree-node {
	border:0;
}

#edit_sitemaptree span.fancytree-node span.fancytree-title:hover {
	color:var(--m-blue);
}

#edit_sitemaptree span.fancytree-node.off span.fancytree-title, 
#edit_sitemaptree span.fancytree-node.off span.fancytree-title:hover {
	cursor:default;
	color:var(--m-grey);
}


#gallery_form {margin-top:-5.5em}
#gallery_upload_input {display: none;}
.gallery_item {display:inline-block; vertical-align:middle; padding:0.5em; background:#fff; margin:1em 0 1em 1em; width:75px; height:75px;}
.gallery_item_bar {display:flex; justify-content: space-between; align-items: center; margin-bottom:0.5em;}
.gallery_item_dragger {visibility:hidden; color:var(--m-blue); cursor:grab;}
.gallery_item_dragger:hover {color:var(--m-red);}
.gallery_item_image {display:block; height:50px; background:url() 50% 50% no-repeat; background-size:cover;}
.gallery_item:hover {background:var(--l-yell);}
.gallery_item:hover .gallery_item_dragger {visibility: visible;}
.gallery_item.checked, .gallery_item.checked:hover  {background:var(--l-blue);}

.gallery_item_upload {display:inline-block; vertical-align:middle; padding:0.5em; margin:1em 0 1em 1em; width:73px; height:73px; text-align:center; border:1px dashed #666; color:#666; background:var(--l-grey); cursor:pointer;}
.gallery_item_upload i {line-height:75px;}
.gallery_item_upload:hover {background:var(--m-blue); color:#fff; border-color:#fff}

#gallery_edit_content b.flag svg {
	display:inline-block;
	vertical-align: middle;
	width:1.5em;
	max-width:1.5em;
	max-height:1.5em;
	margin-right:0.5em;
}

#gallery_edit_content input[type=text] {
	width:80%;
}

#gallery_edit_prview {
	display:block;
	margin:auto;
	height: 200px;
	background-repeat:no-repeat;
	background-position: center center; 
	background-size:contain;
}

/*
-----------------------------------------------------------------------------
Иконки
-----------------------------------------------------------------------------	
*/
.mce-ico.mce-i-tiny-linksitemap {margin-top:2px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' viewBox='0 0 512 512' xml:space='preserve' width='16px' height='16px'%3E%3Cpath d='M455.111,329.956v-68.267H273.067v-34.133h113.777V34.133H125.156v193.422h113.778v34.133H56.889v68.267H0v147.911 h147.911V329.956H91.022v-34.133h147.911v34.133h-56.889v147.911h147.911V329.956h-56.889v-34.133h147.911v34.133h-56.889v147.911 H512V329.956H455.111z M113.778,364.089v79.644H34.133v-79.644H113.778z M295.822,364.089v79.644h-79.644v-79.644H295.822z M159.289,193.422V68.267H352.71v125.156H159.289z M477.867,443.733h-79.644v-79.644h79.644V443.733z' fill='%23444444'/%3E%3C/svg%3E%0A");}
.mce-ico.mce-i-tiny-scodes {margin-top:2px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' viewBox='0 0 512 512' xml:space='preserve' width='16px' height='16px'%3E%3Cpath d='M467,0H45C20.187,0,0,20.187,0,45v422c0,24.813,20.187,45,45,45h422c24.813,0,45-20.187,45-45V45 C512,20.187,491.813,0,467,0z M482,467c0,8.271-6.729,15-15,15H45c-8.271,0-15-6.729-15-15V45c0-8.271,6.729-15,15-15h422 c8.271,0,15,6.729,15,15V467z' fill='%23444444'/%3E%3Cpath d='M393.884,245.393l-95.458-95.459l31.82-31.82c5.854-5.854,5.858-15.356,0-21.213l-21.213-21.213 c-17.585-17.585-46.052-17.589-63.64,0L118.114,202.967c-17.545,17.545-17.545,46.094,0,63.639 c9.558,9.558,85.762,85.762,95.459,95.459l-31.82,31.82c-5.858,5.858-5.858,15.355,0,21.213l21.213,21.213 c17.544,17.545,46.094,17.546,63.639,0l127.279-127.279C411.469,291.448,411.473,262.981,393.884,245.393z M266.606,96.901 c5.862-5.861,15.35-5.863,21.213,0l10.606,10.607L192.36,213.574l-10.606-10.606c-3.67-3.67-7.862-6.628-12.409-8.805 L266.606,96.901z M245.394,415.098c-5.85,5.85-15.366,5.849-21.214,0.001l-10.606-10.607l21.213-21.213l10.607,10.606 C251.242,399.734,251.242,409.25,245.394,415.098z M372.673,287.82l-97.284,97.284c-2.142-4.497-5.064-8.713-8.782-12.431 c-22.212-22.212-94.671-94.671-127.279-127.279c-5.861-5.862-5.863-15.35,0-21.213c5.863-5.862,15.35-5.863,21.213,0 l21.213,21.213c5.857,5.857,15.355,5.858,21.213,0l74.246-74.246l95.46,95.459C378.534,272.469,378.535,281.956,372.673,287.82z' fill='%23444444'/%3E%3C/svg%3E%0A");}


/*
-----------------------------------------------------------------------------
Цвета
-----------------------------------------------------------------------------	
*/
.i1 {color:var(--m-blue);}
.i2 {color:var(--m-green);}
.i3 {color:var(--m-yell);}
.i4 {color:var(--m-red);}

.c1 {color:var(--d-blue);}
.c2 {color:var(--d-green);}
.c3 {color:var(--d-yell);}
.c4 {color:var(--d-red);}

.c1:hover {color:var(--m-blue);}
.c2:hover {color:var(--m-green);}
.c3:hover {color:var(--m-yell);}
.c4:hover {color:var(--m-red);}

.c1:disabled, 
.c2:disabled, 
.c3:disabled, 
.c4:disabled {
	color:var(--m-grey);
}


.b0 {color:#000;}
.b0, 
.b0:disabled:hover {background-color:var(--l-grey);}
.b0:hover {background-color:#fff;}

.b1, 
.b1:disabled:hover {background-color:var(--d-blue);}
.b1:hover {background-color:var(--m-blue);}

.b2, 
.b2:disabled:hover {background-color:var(--d-green);}
.b2:hover {background-color:var(--m-green);}

.b3, 
.b3:disabled:hover {background-color:var(--m-yell);}
.b3:hover {background-color:var(--d-yell);}

.b4, 
.b4:disabled:hover {background-color:var(--m-red);}
.b4:hover {background-color:var(--d-red);}