@import "/Admin/foundation-icons.css";
@import "/Admin/font-awesome.min.css";
@import "/Admin/css/tm-icons.css";

@font-face{
	font-family:'tinymce';
	src:url('/Admin/editors/tinymce2/skins/lightgray/fonts/tinymce.eot');
	src:url('/Admin/editors/tinymce2/skins/lightgray/fonts/tinymce.eot?#iefix') format('embedded-opentype'),
		url('/Admin/editors/tinymce2/skins/lightgray/fonts/tinymce.woff') format('woff'),
		url('/Admin/editors/tinymce2/skins/lightgray/fonts/tinymce.ttf') format('truetype'),
		url('/Admin/editors/tinymce2/skins/lightgray/fonts/tinymce.svg#tinymce') format('svg');
	font-weight:normal;
	font-style:normal;
}

:root
{
	--darkGrey: #818181;
	--grey: #666666;
	--white: #ffffff;
	--green: rgba(41, 152, 33, 1);
	--red: rgba(218, 47, 47, 1);
	--blue: rgba(47, 127, 218, 1);
	--darkBlue: rgba(32, 85, 154, 1);
}

[class^=mce-i-]
{
	font-family: 'tinymce';
}

.ms
{
	display: none !important;
}

html, body
{
	margin:0;
	padding:0;
	font-family:Arial;
	height:100vh;
	width:100%;
}

body
{
	display: grid;
	grid-template-columns: 250px 1fr;
	grid-template-rows: 68px 1fr;
	grid-gap: 1px;
	background-color: var(--grey);
}

body.hidden-left
{
	grid-template-columns: 0px 1fr;
}

body.tox-fullscreen
{
	display: block;
}

body.tox-fullscreen .top, body.tox-fullscreen .admin-menu
{
	display: none;
}

body.tox-fullscreen .editor_space
{
	height: 100vh;
}

.rot90
{
	transform: rotate(90deg);
	display: inline-block;
}

a img
{
	border:none;
}

.msw
{
	display: none !important;
}

.content{position:absolute;
left:0px;
right:0px;
top:70px;
bottom:1px;
margin:0;
padding:0;
background:#eee;
/*overflow:auto;*/
z-index:1;}

.top
{
	width:100%; 
	height:68px; 
	display:grid;
	grid-column: span 2;
	position:relative;
	top:0;
	background:var(--darkGrey);
	grid-template-columns: 200px 1fr 700px;
}

.user-block
{
	display: grid;
	grid-template-rows: repeat(2,1fr);
	height: 69px;
	background-color: var(--grey);
	grid-gap: 0px;
}

.user-block .ub-button
{
	display: grid;
	grid-template-columns: 20px auto;
	font-size: 12px;
	padding: 0px 8px;
	background-color: var(--darkGrey);
	color:var(--white);
	text-decoration: none;
}

.user-block .ub-button i, .user-block .ub-button span
{
	display: flex;
	align-items: center;
}

.admin-navi
{
	display: grid;
	grid-template-columns: repeat(8,1fr);
}

.admin-navi a
{
	display: block;
	font-size: 12px;
	text-align: center;
	color: var(--white);
	text-decoration: none;
	padding: 10px 0;
}

.admin-navi a.selected
{
	background-color: rgba(47, 127, 218, 1);
	border:none;
}

.admin-navi a:hover, .user-block .ub-button:hover, .admin-menu .menu-toggler a:hover
{
	background-color: rgba(47, 127, 218, 0.5);
	border:none;
}

.admin-navi a span
{
	display: block;
	font-size: 25px;
	margin-bottom: 8px;
}

.admin-menu
{
	display: block;
	position: relative;
	background:#eee;
}


.top_user
{
	display:block;
	padding-left:3px;
	padding-right:10px;
	padding-top:10px;
	height:60px;
	text-align:left;
	text-decoration:none;
	float:left;
	font-size:15px;
	color:var(--white);
	border-left:1px solid var(--grey);
	border-right:1px solid var(--grey);
}

.top_user:hover
{
	background:#2f7fda;
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#75b3fa', endColorstr='#074b98'); 
	background: -webkit-linear-gradient(top, #75b3fa, #074b98); 
	background: -moz-linear-gradient(top,  #75b3fa, #074b98); 
	background: -o-linear-gradient(top,  #75b3fa, #074b98); 
	background: -ms-linear-gradient(top,  #75b3fa, #074b98);*/
	border-left:1px solid #074b98;
	border-right:1px solid #074b98;
}

.top_user img
{
	float:left;
	display:block;
}
.top_user span
{
	float:left;
	display:block;
	padding-top:7px;
}

.admin-info
{
	display: flex;
	align-items: center;
	padding: 0 10px;
	box-sizing: border-box;
}


.top-info
{
	display: inline-block;
	box-sizing: border-box;
	background-color:rgba(41,152,33,1);
	color: var(--white);
	padding: 5px 10px;
	text-decoration: none;
	font-size: 12px;
	text-align: center;
	height: 68px;
	border-radius: 3px;
	max-width: 88px;
}

.top-info i
{
	font-size: 25px;
	margin-bottom: 8px;
}

.top-info:hover
{
	background-color:rgba(41,152,33,0.7);
}

.top_button
{
	display:block;
	min-width:76px; 
	padding-left:3px;
	padding-right:3px;
	padding-top:3px;
	height:67px;
	text-align:center;
	text-decoration:none;
	float:right;
	font-size:12px;
	color:var(--white);
	border-left:1px solid var(--grey);
	border-right:1px solid var(--grey);
}

.top_button:hover
{
	background:#2f7fda;
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#75b3fa', endColorstr='#074b98'); 
	background: -webkit-linear-gradient(top, #75b3fa, #074b98); 
	background: -moz-linear-gradient(top,  #75b3fa, #074b98); 
	background: -o-linear-gradient(top,  #75b3fa, #074b98); 
	background: -ms-linear-gradient(top,  #75b3fa, #074b98);*/
	border-left:1px solid #074b98;
	border-right:1px solid #074b98;
}

.selected
{
	background:#2f7fda;
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#75b3fa', endColorstr='#074b98'); 
	background: -webkit-linear-gradient(top, #75b3fa, #074b98); 
	background: -moz-linear-gradient(top,  #75b3fa, #074b98); 
	background: -o-linear-gradient(top,  #75b3fa, #074b98); 
	background: -ms-linear-gradient(top,  #75b3fa, #074b98);*/
	border-left:1px solid #074b98;
	border-right:1px solid #074b98;
}

.menu
{
	display:block;
	width:100%;
	top:0;
	bottom: 0;
	left: 0;
	overflow: auto;
	position:absolute;
}

.admin-menu .menu-toggler
{
	display: block; 
	position: absolute;
	right: -30px;
	top:0;
	z-index: 2;
	background:var(--darkGrey);
}

.admin-menu .menu-toggler a
{
	display: flex;
	width: 30px;
	height: 30px;
	align-items: center;
	justify-content: center;
	color:var(--white);
	border:none;
	text-decoration: none;
}

.admin-menu .menu-toggler a.selected
{
	background-color: #2f7fda;
	border:none;
}

.editor_space
{
	position:relative;
	padding:5px;
	padding-bottom:0px;
	padding-top:0px;
	padding-left:34px;
	padding-right:34px;
	background:#eee;
	z-index:1;
	overflow:auto;
}

.editor_space form
{
	margin-top:0;
}

.items
{
	 list-style-type:none;
	 padding-left:0px;
	 margin:0;
}

.items li ul
{
	list-style-type:none;
	display:none;
	padding-left:20px;
}

.items li
{
padding:5px;
font-size:10pt;
position: relative;
display: block;
}

.items li.hiddencat>a
{
	color: var(--darkGrey);
	opacity: 0.8;
}

ul.items li ol { 
	counter-reset: list 0; 
	padding-left: 20px;
}
ul.items li ol li::before
{
	display: block;
	position: absolute;
	left: -15px;
	top:7px;
	color: #777;
	counter-increment: list;
	content: counter(list) ". ";
}

.items li a
{
	color:var(--grey);
	text-decoration:none;
	font-size:14px;
	display: inline-block;
	line-height: 18px;
}

.items li a img
{
	vertical-align:middle;
}

.items li a span
{
	margin-right: 5px;
	color: var(--grey);
	width: 16px;
	display: inline-block;
	text-align: center;
}

.green
{
	color:rgba(41, 152, 33, 1);
}

.red
{
	text-decoration: none;
	color:rgba(218, 47, 47, 1);
}

.dt-block
{
	display: block;
	margin: 10px;
	border:1px solid #e0dfdf; 
	background:#f7f5f5; 
	border-radius:10px;
	position: absolute;
}

.dt-block.drophear
{
	background: #e0dfdf;
}

.dt-block#catalog .dt-block-content
{
	min-width: 200px;
}

.dt-block#catalog .dt-block-content span, .dt-block.dt-info .dt-block-content span
{
	display: grid;
	grid-template-columns: 4fr 2fr 1fr;
	padding: 3px 5px;
	min-width: 250px;
	border-top:1px solid #e0dfdf;
}

.dt-block#catalog .dt-block-content span a, .dt-block.dt-info .dt-block-content span a
{
	color: var(--grey);
	text-decoration: none;
}

.dt-block-name
{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background:#e0dfdf;
	padding: 5px 30px 5px 20px;
	text-align: center;
	color: var(--grey);
	position: relative;
}

.dt-block-name a
{
	position: absolute;
	right: 5px; 
	top:5px;
	font-size: 16px;
	text-decoration: none;
	color: var(--grey);
}

.dt-block-name span:before
{
	padding-right: 5px;
}

.dt-block-content
{
	display: block;
	padding: 5px;
}

.dt-block-content.dt-backup
{
	padding: 5px 15px;
	font-size: 12px;
}

.dt-block-content.dt-backup p span, .dt-block-content.dt-backup p a
{
	font-weight: bold;
}

.dt-block-content.dt-backup .dt-backup-title
{
	font-size: 14px;
}

.dt-block-icons
{
	display: grid;
	padding: 10px;
	grid-template-columns: repeat(2, 1fr);
}

.dt-block-icons a
{
	color:var(--grey);
	text-decoration: none;
	font-size: 12px;
	text-align: center;
	padding-bottom: 10px;
	min-width: 100px;
}

.dt-block-icons a span
{
	display: block;
	font-size: 35px;
	line-height: 40px;
}

.dt-block-content .items ul
{
	display: block;
}

.creators
{margin:10px auto; border:1px solid #e0dfdf; background:#f7f5f5; border-radius:10px; padding:5px; display:block; text-align:center;}
.modul
{margin:10px auto; border:1px solid #e0dfdf; background:#f7f5f5; border-radius:10px; padding:5px; display:inline-block; vertical-align: top;}
.cell
{width:150px; display:block; text-decoration:none; font-size:12px; color:var(--grey)}
.cell1
{width:250px; display:block; text-decoration:none; font-size:12px; color:var(--grey)}

.modul ul
{
	padding-left: 20px;
}

.modul ul li a
{
	width: auto;
}

input[type=password], input[type=text], input[type=email], textarea
{
	-webkit-appearance:none;
}

input[type=password], input[type=text], input[type=email], textarea, select
{
	background: var(--white);
	display:block;
	border:1px solid #ccc;
	box-sizing: border-box;
	width: 100%;
	/*-moz-box-shadow:0 0 3px rgba(0,0,0,0.5) inset;
	-webkit-box-shadow:0 0 3px rgba(0,0,0,0.5) inset; 
	box-shadow:0 0 3px rgba(0,0,0,0.5) inset;*/
	padding: 5px;
	/*background: #fc0;  Цвет фона */
}

.items li.mp-u-group
{
	display: grid;
	grid-template-columns: 1fr 30px 30px;
	grid-gap: 5px;
	padding: 6px 0;
}

.items li.mp-u-group>a:nth-child(2), .items li.mp-u-group>a:nth-child(3)
{
	font-size: 20px;
	line-height: 16px;
	text-align: center;
}

.rights-form ul
{
	list-style-type: none;
	padding-left: 20px;
}

.rights-form ul li ul
{
	margin: 3px 0;
}

.rights-form input[type=checkbox]
{
	display: none;
}

.rights-form input[type=checkbox]+label
{
	display: block;
	font-size: 12px;
	position: relative;
	padding: 3px 0 3px 20px;
}

.rights-form input[type=checkbox]+label:before
{
	content: " ";
	display: inline-block;
	width: 12px;
	height: 12px;
	background: var(--white);
	border:1px solid #ccc;
	border-radius: 3px;
	position: absolute; 
	left:0;
	top:3px;
}

.rights-form input[type=checkbox]:checked+label:before
{
	background-color: rgba(47, 127, 218, 1);
}

.rights-form input[type=checkbox]+label:hover:before
{
	background-color: rgba(47, 127, 218, 0.3);
}

.rights-form input[type=checkbox]:checked+label:hover:before
{
	background-color: rgba(47, 127, 218, 1);
}

select
{
	padding:4px;
}

span.input
{
	/*background: var(--white);
	display:block;
	min-width:10px;
	border-radius:5px;
	-moz-box-shadow:0 0 3px rgba(0,0,0,0.5) inset; /* Для Firefox */
	/*-webkit-box-shadow:0 0 3px rgba(0,0,0,0.5) inset; /* Для Safari и Chrome */
	/*box-shadow:0 0 3px rgba(0,0,0,0.5) inset; /* Параметры тени */
	/*padding: 5px;*/
}

div.input.psevdo-i
{
	display: grid;
	grid-template-columns: auto 30px;
}

div.input.psevdo-i.p-module
{
	grid-template-columns: 25px auto 30px;	
}

div.input.psevdo-i input
{
	margin: 0;
}

div.input.psevdo-i a
{
	color: var(--grey);
	background-color: #ccc;
	text-decoration: none;
	text-align: center;
	line-height: 25px;
}

div.input.psevdo-i.p-module a
{
	line-height: 30px;
}

div.input.psevdo-i a:hover
{
	color: var(--white);
	background-color: var(--grey);
}

.form-row
{
	display: grid;
	grid-template-columns: 200px 1fr 300px;
	grid-gap: 10px;
	padding: 5px 10px;
}

.form-row .double-fi
{
	grid-column: span 2;
}

.form-row .feild_checkbox
{
	grid-column: span 2;
}

.form-row .feild_fields
{
	display: grid;
	grid-template-columns: auto auto auto auto;
	font-size: 12px;
	grid-row-gap: 10px;
}

.form-row .feild_fields .cb-input
{
	text-align: center;
}

.form-buttons
{
	display: flex;
	justify-content: flex-start;
}

.form-buttons a.button
{
	margin: 5px 3px;
}

.getter-set
{
	display: grid;
	padding: 10px 20px;
	grid-template-columns: repeat(2, 1fr) 100px;
	grid-gap: 20px;
}

.getter-set-row
{
	display: grid;
	grid-template-columns: 1fr 100px 1fr 30px 30px;
	grid-column-gap: 5px;
	grid-row-gap: 10px;
}

.remove-getter-set
{
	display: flex;
	align-items: center;
	justify-content: center;
}

.remove-getter-set a
{
	color: var(--darkGrey);
	text-decoration: none;
	font-size: 35px;
}

.remove-getter-set a:hover
{
	color: var(--red);
}

.gsr-name
{
	font-size: 14px;
}

.gsr-field
{
	display: flex;
	align-items: center;
	justify-content: center;
}

.gsr-field a
{
	display: block;
	text-align: center;
	color: var(--darkGrey);
	text-decoration: none;
}

.gsr-field a:hover i
{
	color: var(--green);
}

.gsr-field a:hover i.icon-trash
{
	color: var(--red);
}

.getter-set-input
{
	display: grid;
	grid-template-columns: 130px 1fr;
	margin: 5px 0;
}

.getter-set-input label
{
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.gsr-settings .getter-set-row .gsr-field:nth-child(5) a
{
	display: none;
}

.gsr-settings .getter-set-row:last-child .gsr-field:nth-child(5) a
{
	display: block;
}

.f-template
{
	display: grid;
	max-width: 100%;
	padding-top: 20px;
	grid-template-columns: auto 300px;
	grid-template-rows: 25px auto;
	grid-template-areas: "f-name f-name" "f-edit f-desc";
	grid-gap: 10px;
}

.f-template .feild_name
{
	font-weight: bold;
	grid-area: f-name;
}
.f-template .feild_editor
{
	grid-area: f-edit;
}

.f-template .feild_comment
{
	grid-area: f-desc;
}

.editor_title
{
	margin-top:0px;
	padding-top:10px;
	margin-left:0px;
}

.editor_title span
{
	font-weight:normal;
	font-size:14px;
}

.feild_name
{
	font-size: 14px;
	color:#333;
}

.feild_comment 
{
	font-size: 14px;
	color:var(--grey);
}

input[type=file]
{
	border:none;
}

.add_row 
{
	display:block;
	border-radius:0px;
	width:60px;
	font-size:10pt !important;
	color:#eee !important;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	padding-right:5px;
	text-align:center;
	text-decoration:none;
	border:1px solid #20559a;
	background: #377ad0; /* for non-css3 browsers */ 
}

.add_row_new
{
	display:block;
	/*border-radius:5px;*/
	width:79px;
	font-size:10pt !important;
	color:#eee !important;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	text-align:center;
	text-decoration:none;
	border:1px solid #20559a;
	background: #20559a; /* for non-css3 browsers */ 
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52a8e8', endColorstr='#20559a'); 
	background: -webkit-gradient(linear,left top,left bottom, from(#52a8e8), to(#20559a), color-stop(1,#20559a), color-stop(1,#52a8e8));
	background: -moz-linear-gradient(top,  #52a8e8,  #20559a);
	background: -o-linear-gradient(top,  #52a8e8,  #20559a); 
	background: -ms-linear-gradient(top,  #52a8e8,  #20559a);*/
}

.add_row_new:hover
{
	background:#517db6;
}

.add_row_mail, .buttons_e_m_t
{
	display:inline;
	border-radius:5px;
	font-size:10pt !important;
	color:#eee !important;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	padding-right:5px;
	text-align:center;
	text-decoration:none;
	border:1px solid #20559a;
	background: #377ad0; /* for non-css3 browsers */ 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52a8e8', endColorstr='#20559a'); /* для IE6-9 */
	background: -webkit-gradient(linear,left top,left bottom, from(#52a8e8), to(#20559a), color-stop(1,#20559a), color-stop(1,#52a8e8)); /* для webkit-браузеров */
	background: -moz-linear-gradient(top,  #52a8e8,  #20559a); /* для firefox 3.6+ */ 
	background: -o-linear-gradient(top,  #52a8e8,  #20559a); /* для Opera 11.10+ */
	background: -ms-linear-gradient(top,  #52a8e8,  #20559a); /* для IE10+ */
}

.buttons_e_m_t
{
	margin:3px; 
	width:none; 
	float:left;
}

.vm-buttons
{
	display: grid;
	grid-template-columns: repeat(2, 150px);
	grid-gap: 10px;
}

.vm-desc-block
{
	display: grid;
	grid-template-rows: 20px 200px 20px;
	grid-gap: 10px;
	padding: 20px 0;
}

input[type=submit], button, a.button
{
	display:block;
	border-radius:0px;
	font-size:12px;
	color:#eee;
	padding:5px;
	text-align:center;
	border:0px solid #20559a;
	background: rgba(47, 127, 218, 1); 
	cursor: pointer;
	margin: 0;
	line-height: 15px;
	text-decoration: none; /* for non-css3 browsers */ 
	-webkit-appearance:none;
	padding: 5px 10px;
	border-radius: 3px;
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52a8e8', endColorstr='#20559a'); 
	background: -webkit-gradient(linear,left top,left bottom, from(#52a8e8), to(#20559a), color-stop(1,#20559a), color-stop(1,#52a8e8)); 
	background: -moz-linear-gradient(top,  #52a8e8,  #20559a); 
	background: -o-linear-gradient(top,  #52a8e8,  #20559a); 
	background: -ms-linear-gradient(top,  #52a8e8,  #20559a);*/
}

a.button
{
	
}

.table_search_div input[type=submit]
{
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.table_search_div .cf-select
{
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

input[type=submit]:hover, button:hover, a.button:hover
{
	background-color: #20559a;
}

input[type=submit].green-button, button.green-button, a.button.green-button
{
	background-color: rgba(41, 152, 33, 0.8);
}

input[type=submit].green-button:hover, button.green-button:hover, a.button.green-button:hover
{
	background-color: rgba(41, 152, 33, 1);
}

.mce-btn button:hover
{
	background-color: transparent;
	color: var(--white);
}

.button i
{
	font-size: 10px;
}

.mce-widget input, .mce-widget button
{
	display:inline !important;
	color:#333333 !important;
}
#remove_settings_group
{
	min-width:150px; 
	/*height:70px; */
	display:none;
	position:absolute;
	top:0;
	border:1px solid rgba(0,0,0,0.3);
	z-index:1000;
	border-radius:0px;
	padding:0px;
	background:#efefef;
	
}

#contextmenu
{
	min-width:150px; 
	display:none;
	position:absolute;
	top:0;
	border:1px solid var(--grey);
	z-index:1000;
	border-radius:0px;
	padding:0px;
	background:var(--grey);
}

#remove_settings_group a
{
	text-decoration:none;
	color:var(--grey);
	display: block;
	padding: 7px 20px 6px 20px;
	font-size:14px;
	border-bottom: 1px solid #ccc;
	position: relative;
}

#contextmenu a span
{
	display: inline-block;
	font-size: 14px;
	padding-right: 5px;
}
#contextmenu a
{
	display: block;
	font-size:14px;
	padding: 5px;
	text-decoration: none;
	color:var(--white);
}

#contextmenu a:hover
{
	background-color: rgba(47, 127, 218, 0.5);
}

#remove_settings_group a:hover
{
	/*color:var(--white);*/
	background-color:#ccc;
}

#contextmenu_filelib
{
	width:150px; 
	/*height:70px; */
	display:none;
	position:absolute;
	top:0;
	border:1px solid var(--grey);
	z-index:1000;
	border-radius:5px;
	padding:0px;
	background:#0eea42;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ffffff'); /* для IE6-9 */
background: -webkit-linear-gradient(top, #ccc, var(--white)); /* для webkit-браузеров */
background: -moz-linear-gradient(top,  #ccc,  var(--white)); /* для firefox 3.6+ */ 
background: -o-linear-gradient(top,  #ccc,  var(--white)); /* для Opera 11.10+ */
background: -ms-linear-gradient(top,  #ccc,  var(--white)); /* для IE10+ */
}

#contextmenu_filelib a
{
	text-decoration:none;
	color:var(--grey);
	font-size:12px;
	display:block;
}

#contextmenu_filelib a:hover
{
	color:var(--white);
	background-color:var(--grey);
}

form
{
	margin:10px;
}

#table-container
{
	margin-bottom: 10px;
}

.module_table
{
	border-collapse: collapse;
	min-width: 100%;
}

.module_table td
{
	border:1px solid #999;
}

.module_table thead td
{
	/*border-left:1px solid var(--white);
	border-right:1px solid var(--grey);
	border-top:1px solid var(--white);*/
	text-align:center;
	vertical-align:middle;
	font-size:14px;
}

.module_table thead td td, .module_table thead td td:first-child, .module_table thead td td:last-child, .module_table thead td tr:hover td
{
	border:none !important;
	text-align:center;
	background:#eee;
	vertical-align:middle;
	font-size:14px;
}

.module_table thead td:first-child, .module_table thead td:last-child, .module_table tbody td:nth-child(2), .module_table tbody td:nth-child(3)
{
	/*border-bottom:1px solid var(--grey);
	border-left:1px solid var(--white);
	border-right:1px solid var(--grey);
	border-top:1px solid var(--white);*/
	border:none;
	text-align:center;
	width:30px;
}

.module_table tbody td
{
	/*border-bottom:0px solid var(--white);
	border-left:1px solid var(--grey);
	border-right:0px solid var(--white);
	border-top:1px solid var(--grey);*/
	padding:2px;
	color:#333;
	font-size:12px;
	background:var(--white);
	text-align:left;
	/*height:40px !important;*/
}



.module_table tbody td div
{
	display:block;
	width:100%;
	height:40px;
	overflow:hidden;
}

.module_table tbody tr:hover td
{
	background:rgba(47, 127, 218, 0.2);
}

.module_table tbody td:first-child, .module_table tbody td:last-child, .module_table tbody td:nth-child(2), .module_table tbody td:nth-child(3), .module_table tbody td:nth-child(4), 
.module_table thead td:first-child, .module_table thead td:last-child, .module_table thead td:nth-child(2), .module_table thead td:nth-child(3), .module_table thead td:nth-child(4)
{
	/*border-bottom:1px solid var(--grey);
	border-left:1px solid var(--white);
	border-right:1px solid var(--grey);
	border-top:1px solid var(--white);
	*/
	border:1px solid #999;
	border-left: none;
	border-right: none;
	text-align:center;
	width:30px;
	background:#eeeeee;
}

.module_table tbody td:first-child, .module_table tbody td:last-child, .module_table tbody td:nth-child(2), .module_table tbody td:nth-child(3), .module_table tbody td:nth-child(4)
{
	vertical-align: top;
	padding-top: 10px;
}

.module_table tbody td:first-child a, .module_table tbody td:last-child a, .module_table tbody td:nth-child(2) a, .module_table tbody td:nth-child(3) a, .module_table tbody td:nth-child(4) a, 
.module_table thead td:first-child i, .module_table thead td:last-child i, .module_table thead td:nth-child(2) i, .module_table thead td:nth-child(3) i, .module_table thead td:nth-child(4) i
{
	color: var(--grey);
	font-size: 15px;
	text-decoration: none;
	line-height: 30px;
	display: block;
}

.module_table thead td:first-child i, .module_table thead td:last-child i, .module_table thead td:nth-child(2) i, .module_table thead td:nth-child(3) i, .module_table thead td:nth-child(4) i
{
	line-height: 30px;
}

.module_table tbody td:first-child a:hover, .module_table tbody td:nth-child(2) a:hover, .module_table tbody td:nth-child(3) a:hover, .module_table tbody td:nth-child(4) a:hover
{
	color: rgba(47, 127, 218, 1);
}

.module_table tbody td:last-child a:hover
{
	color: rgba(218, 47, 47, 1);
}

.module_table tbody td:last-child:hover, .module_table tbody td:nth-child(2):hover, .module_table tbody td:nth-child(3):hover, .module_table tbody td:nth-child(4):hover
{
	/*border-bottom:1px solid var(--white);
	border-left:1px solid var(--grey);
	border-right:1px solid var(--white);
	border-top:1px solid var(--grey);*/
	text-align:center;
	width:30px;
	/*color:var(--white);*/
	/*background:#eeeeee;*/
}

.module_table tbody td:first-child, .module_table thead td:first-child 
{
	border-left: 1px solid #999;
}
.module_table tbody td:last-child, .module_table thead td:last-child
{
	border-right: 1px solid #999;
}

.table-filter
{
	display: grid;
	grid-template-columns: 15px 1fr 15px;
}

.table-filter .tf-order
{
	display: flex;
	align-items: center;
	color:var(--grey);
	text-decoration: none;
	font-size: 8px;
	justify-content: center;
}

.table-filter .tf-name
{
	display: flex;
	align-items: center;
	color:var(--grey);
	text-decoration: none;
	font-size: 12px;
	justify-content: center;
}

.tools_button{
	display:block; 
	position:fixed; 
	right:0; 
	top:69px; 
	width:34px; 
	height:34px; 
	box-sizing: border-box;
	text-align: center;
	color: var(--white);
	text-decoration: none;
	line-height: 34px;
	font-size: 18px;
	border-bottom-left-radius:5px; 
	background:rgba(0,0,0,0.5);
}

.tools-name
{
	color:var(--white);
	font-size: 14px;
	text-align: center;
	display: block;
}

.condition-fields, .updating-fields
{
	padding: 10px 0;
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 3px;
}

.condition-fields .cf-row:nth-child(2) a
{
	display: none;
}

.cf-action
{
	display: grid;
	grid-template-columns: 1fr 15px;
	grid-gap: 3px;	
}

.cf-row
{
	display: grid;
	grid-template-columns: 110px 45px 1fr 15px;
	grid-gap: 3px;
}

.cf-remove a
{
	color:var(--white);
	text-decoration: none;
	display: block;
}

.cf-delimetr
{
	display: block;
	height: 10px;
}

.cf-name
{
	font-size: 12px;
	color:var(--white);
}

.cf-select
{
	display: block;
	background-color: var(--white);
	border:1px solid #ccc;
	position: relative;
}

.cf-select:after
{
	font-family: 'icomoon' !important;
	content: "\e909";
	position: absolute;
	font-size: 5px;
	right: 3px;
	top: 7px;
	color:var(--grey);
}

.cf-select select
{
	-webkit-appearance:none;
	display: block;
	background-color: transparent;
	border:none;
	width: 100%;
	box-sizing: border-box;
	padding: 2px 15px 2px 5px;
	outline: none;
	font-size: 12px;
	line-height: 16px;
	margin: 0;
}

.cf-input input
{
	-webkit-appearance:none;
	display: block;
	width: 100%;
	border:1px solid #ccc;
	margin:0;
	box-sizing: border-box;
	outline: none;
	font-size: 12px;
	line-height: 16px;
	padding: 2px 5px;
}

.cf-block
{
	display: block;
	padding: 10px 0;
}

.cf-block.files-view
{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	grid-gap: 20px;
}

.sf-block
{
	display: grid;
	grid-template-columns: 1fr 100px;
	margin-top: 15px;
}

.folder-input
{
	display: block;
	background-color: var(--white);
	border:1px solid #ccc;
	position: relative;
}

.folder-input input
{
	-webkit-appearance:none;
	display: block;
	padding: 0 20px 0 5px;
	width: 100%;
	box-sizing: border-box;
	line-height: 25px;
	font-size: 14px;
	border:none;
	margin: 0;
	outline: none;
}

.folder-input:after
{
	font-family: "icomoon";
	content: "\e918";
	position: absolute;
	right: 5px;
	top: 6px;
	font-size: 12px;
	color: var(--grey);
}

.sfile-input
{
	display: block;
	background-color: var(--white);
	border:1px solid #ccc;
	position: relative;
}

.sfile-input input
{
	-webkit-appearance:none;
	display: block;
	padding: 0 20px 0 5px;
	width: 100%;
	box-sizing: border-box;
	line-height: 25px;
	font-size: 14px;
	border:none;
	margin: 0;
	outline: none;
}

.sfile-input:after
{
	font-family: "icomoon";
	content: "\e928";
	position: absolute;
	right: 5px;
	top: 6px;
	font-size: 12px;
	color: var(--grey);
}

.file-input
{
	display: block;
	background-color: var(--white);
	border:1px solid #ccc;
	height: 25px;
	padding-right: 20px;
	position: relative;
}

.file-input:after
{
	font-family: "icomoon";
	content: "\e91e";
	position: absolute;
	right: 5px;
	top: 6px;
	font-size: 12px;
	color: var(--grey);
}

.file-input span, .from_csv .file-input span
{
	display: block;
	overflow: hidden;
	color:var(--grey);
	height: 25px;
	line-height: 25px;
}

.file-input input
{
	display: block;
	position: absolute;
	-webkit-appearance:none;
	opacity: 0;
	width: 100%;
	box-sizing: border-box;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
}

.tp-checkbox
{
	display: grid;
	grid-template-columns: 20px 1fr;
	grid-gap: 5px;
	padding: 7px 0;
}

.tp-checkbox label
{
	color:var(--white);
	font-size: 14px;
	display: flex;
	align-items: center;
}

.tp-input
{
	display: block;
	padding: 7px 0;
}

.tp-input label
{
	color:var(--white);
	font-size: 14px;
	display: block;
	padding-bottom: 3px;
}

.me-row1
{
	display: grid;
	grid-template-columns: auto auto;
	padding: 10px 10px;
}

.me-row1 .module_editor_title
{
	font-size: 22px;
	font-weight: bold;
}

.me-row1 .tr-count
{
	font-size: 14px;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}

.me-row1 .tr-count>*
{
	margin-left: 10px;
}

.me-top-forms
{
	display: grid;
	grid-template-columns: 300px 1fr;
	box-sizing: border-box;
	padding: 10px;
}
.me-top-forms form
{
	margin:0;
}

.me-counter
{
	display: grid;
	grid-template-columns: 70px 90px 1fr;
	grid-template-rows: 15px auto;
	grid-template-areas: "name name cname" "input submit counter";
}

.me-counter input
{
	margin: 0;
}

.mec-text input
{
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;	
}

.me-counter input[type=submit]
{
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

.me-counter .mec-sname
{
	grid-area: name;
	font-size: 12px;
}
.me-counter .mec-cname
{
	grid-area: cname;
	font-size: 12px;
}

.me-counter .msc-text
{
	grid-area: input;
}

.me-counter .mec-submit
{
	grid-area: submit;
}

.me-counter .mec-pager
{
	grid-area: counter;
	display: grid;
	grid-template-columns: 20px 60px 20px;
}

.me-counter .mec-pager a.next, .me-counter .mec-pager a.prev
{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 6px;
	text-decoration: none;
	color:var(--white);
	background-color: rgba(47, 127, 218, 1);
}

.me-counter .mec-pager a.next
{
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
}

.me-counter .mec-pager a.prev
{
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}

.me-counter .mec-pager a.next.disabled, .me-counter .mec-pager a.prev.disabled
{
	background-color: rgba(47, 127, 218, 0.5);
}

.me-counter .mec-pager .page-selector
{
	position: relative;
}

.me-counter .mec-pager .page-selector a
{
	display: grid;
	box-sizing: border-box;
	grid-template-columns: 1fr 15px;
	background-color: var(--white);
	border:1px solid var(--grey);
	color: var(--grey);
	text-decoration: none;
	height: 100%;
}

.me-counter .mec-pager .page-selector a i
{
	font-size: 6px;
	display: flex;
	align-items: center;
}

.me-counter .mec-pager .page-selector a span
{
	box-sizing: border-box;
	display: block;
	padding-right: 5px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.me-counter .mec-pager .page-selector div
{
	display: none;
	position: absolute;
	z-index: 2;
	background-color: var(--darkGrey);
	max-height: 200px;
	overflow: auto;
	width: 100%;
}

.me-counter .mec-pager .page-selector div a
{
	display: block;
	padding: 3px 10px 3px 4px;
	color: var(--white);
	background-color: transparent;
	border:none;
	box-sizing: border-box;
	text-align: right;
}


.me-counter .mec-pager .page-selector div a:hover
{
	background-color: rgba(47, 127, 218, 0.5);
}

.me-row2
{
	display: grid;
	grid-template-columns: 400px 1fr;
	grid-template-rows: 15px auto;
}

.me-row2 .module-actions
{
	display: flex;
	justify-content: flex-end;
}

.me-row2 .module-actions a
{
	margin-left: 5px;
}

.mer2-names
{
	display: grid;
	font-size: 12px;
}

.m-helper
{
	display: inline-block;
	border-radius:8px;
	width: 14px;
	text-decoration: none;
	color: var(--white);
	background-color: var(--grey);
	height: 14px;
	text-align: center;
	line-height: 14px;
	font-size: 12px;
	font-weight: bold;
	border:1px solid var(--grey);
}

.table_search_div
{
	display: grid;
	grid-template-columns: 1fr 1fr 55px;
}

.tsd-select .cf-select select
{
	line-height: 19px;
}

.tsd-select .cf-select:after
{
	top:9px;
}

.table_search_div input
{
	margin: 0;
}

.comments_table thead td
{
	border-bottom:1px solid var(--grey);
	border-left:1px solid var(--white);
	border-right:1px solid var(--grey);
	border-top:1px solid var(--white);
	text-align:center;
	vertical-align:middle;
	font-size:14px;
}

.comments_table thead td td, .comments_table thead td td:last-child, .comments_table thead td tr:hover td
{
	border:none !important;
	text-align:center;
	background:#eee;
	vertical-align:middle;
	font-size:14px;
}

.comments_table thead td:last-child
{
	border-bottom:1px solid var(--grey);
	border-left:1px solid var(--white);
	border-right:1px solid var(--grey);
	border-top:1px solid var(--white);
	text-align:center;
	width:30px !important;
}

.comments_table tbody td
{
	border-bottom:0px solid var(--white);
	border-left:1px solid var(--grey);
	border-right:0px solid var(--white);
	border-top:1px solid var(--grey);
	padding:2px;
	color:#333;
	font-size:12px;
	background:var(--white);
	text-align:left;
	/*height:40px !important;*/
}

.comments_table tbody td div
{
	display:block;
	width:100%;
	height:40px;
	overflow:hidden;
}

.comments_table tbody tr:hover td
{
	background:#c4d3d8;
}

.comments_table tbody td:last-child
{
	border-bottom:1px solid var(--grey);
	border-left:1px solid var(--white);
	border-right:1px solid var(--grey);
	border-top:1px solid var(--white);
	text-align:center;
	width:30px;
	background:#eeeeee;
}

.comments_table tbody td:last-child:hover
{
	border-bottom:1px solid var(--white);
	border-left:1px solid var(--grey);
	border-right:1px solid var(--white);
	border-top:1px solid var(--grey);
	text-align:center;
	width:30px;
	background:#eeeeee;
}


#mask {
	width:168px; /* Эти значения чисто из-за особенностей моего рисунка */
	height:29px;
	position:relative;
	padding:0;
	padding-right:18px;
	background:url('/Admin/images/inputtypefile.png') no-repeat right center;
}
#fileInput {
	width:187px; /* вот незадача, FF не хочет задавать ширину, для этого зададим size */
	height:30px;
	position:absolute;/* позиционируем настоящий input type=file */
	left:0;
	top:0;
	opacity: 0;/* задаем нулевую видимость */
	filter:alpha(opacity=0);
}
#fileInputText {
	width:144px;
	font-size:16px;
}

.user_group_list
{
	list-style-type:none;
}

.user_group_list li
{
	display:block;
}
.user_group_list li a
{
	display:block;
	padding:5px;
	text-decoration:none;
	color:var(--grey);
}

.user_group_list li a img
{
	vertical-align:middle;
	margin:5px;
}

.pager
{
	display: block;
	padding:0px;
	margin-left:5px;
	float:left;
}

.pager span, .pager a
{
	height: 13px;
	padding: 10px;
	padding-top: 7px;
	margin: 0px;
	float: left;
	display: block;
	text-align:center;
	text-decoration:none;
	vertical-align:top;
	color: #4071b7;
	font-size:12px;
	border-bottom:1px solid var(--grey);
	border-left:1px solid var(--white);
	border-right:1px solid var(--grey);
	border-top:1px solid var(--white);
	background:#eee;
	/*border-right: 1px solid #bbd7e5;*/
}

.pager a:hover
{
	color: var(--white);
	background: var(--grey);
}

.pager .current
{
	height: 13px;
	padding: 10px;
	padding-top: 7px;
	margin: 0px;
	display: block;
	float: left;
	text-align:center;
	vertical-align:top;
	color: var(--white);
	background: var(--grey);
}

.prev, .next, .pager a
{
	background:#eee;
}

#login_form
{
	position:fixed;
	display:block;
	width:450px;
	min-height:250px;
	border:1px solid var(--grey);
	border-radius:5px;
	background:#eee;
	z-index:10;
	padding:0px;
	top:50%;
	left:50%;
	margin-left:-225px;
	margin-top:-125px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Firefox */
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Safari и Chrome */
    box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */
}

#install_form
{
	position:fixed;
	display:block;
	width:450px;
	min-height:360px;
	border:1px solid var(--grey);
	border-radius:5px;
	background:#eee;
	z-index:10;
	padding:0px;
	top:50%;
	left:50%;
	margin-left:-225px;
	margin-top:-180px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Firefox */
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Safari и Chrome */
    box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */
}

#login_form #window_name, #feild_editor2 #window_name,#feild_editor #window_name, #install_form  #window_name
{
	display:block;
	height:18px;
	/*border-radius:5px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;*/
	color:var(--white);
	padding:4px;
	font-weight:normal;
	background:var(--grey);
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='var(--grey)666'); 
	background: -webkit-linear-gradient(top, #ccc, var(--grey));
	background: -moz-linear-gradient(top,  #ccc,  var(--grey)); 
	background: -o-linear-gradient(top,  #ccc,  var(--grey)); 
	background: -ms-linear-gradient(top,  #ccc,  var(--grey));*/
}

#login_form .error
{
	color:red;
	font-size:12px;
}

#div_allmodules_list
{
	font-size:12px;
	color:var(--grey);
}

.important, .star_important
{
	color:#cb1818;
}

.star_important
{
	font-weight:bold;
}

.update
{
	font-size:14px;
}
.update td
{
	padding:8px;
}

.update a
{
	text-decoration:none;
	font-weight:bold;
	color:#ff3838;
}

.update .update_now
{
	font-weight:bold;
	color:#33b729;
}

.module_control
{
display:inline;
	border-radius:0px;
	/*width:60px;*/
	font-size:10pt !important;
	color:var(--white) !important;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	padding-right:5px;
	border-radius: 3px;
	text-align:center;
	text-decoration:none;
	background: #299821; /* for non-css3 browsers */ 
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38cf2d', endColorstr='#299821');
	background: -webkit-gradient(linear,left top,left bottom, from(#38cf2d), to(#299821), color-stop(1,#299821), color-stop(1,#38cf2d));
	background: -moz-linear-gradient(top,  #38cf2d,  #299821); 
	background: -o-linear-gradient(top,  #38cf2d,  #299821); 
	background: -ms-linear-gradient(top,  #38cf2d,  #299821);*/
}

.module_control_new
{
display:block;
	/*border-radius:5px;*/
	/*width:60px;*/
	font-size:12px;
	color:var(--white) !important;
	padding:5px;
	text-align:center;
	text-decoration:none;
	border:1px solid #20559a;
	background: #299821; /* for non-css3 browsers */ 
}

.module_control_new:hover
{
	background:#4fb148;
}

.sh_columns
{
	width:100%;
}

.sh_columns td
{
	padding:5px;
}

.items #users_options
{
	list-style-type:none;
	display:none;
}

#rights
{
	list-style-type:none;
	font-size:14px;
}

#rights ul
{
	list-style-type:none;
}

#rights  a.opener{
	display:block;
	text-decoration:none;
	font-size:20px;
}
 
#rights table td:first-child
{
	width:15px;
}

.settings_table
{
	width:100%;
}

.settings_table td:nth-child(1)
{
	width:350px;
	vertical-align:bottom;
}

.settings_table td:nth-child(3)
{
	width:40px;
	text-align:right;
}

.settings_table td:nth-child(4)
{
	width:30px;
	text-align:center;
}

.from_csv, form.from_csv
{
	display:block;
	background:#999999;
	padding:10px;
	margin:10px 15px;
	border-radius:3px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Firefox */
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Safari и Chrome */
    box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */
}

.from_csv.actions
{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap: 10px;
}

.from_csv.actions a.module_control
{
	font-size: 12px !important;
}

.from_csv.actions a.module_control.red
{
	background-color: rgba(218, 47, 47, 1);
}

.from_csv.actions a font
{
	font-size: 10px;
	display: block;
	color: rgba(255,255,255,0.7);
}

.from_csv.actions a span
{
	font-size: 25px;
	padding: 15px 0;
}

.from_csv .button
{
	margin:0;
}

.from_csv span
{
	color:var(--white);
	font-size:14px;
	padding:5px;
	display:block;
	padding-top:0;
}

.csv_table
{
	font-size:14px;
}

.csv_table thead
{
	font-size:14px;
	font-weight:bold;
}

.csv_table td
{
	padding:5px;
}

.csv_table td:nth-child(1)
{
	width:200px;
}

.user_groups_list td img
{
	vertical-align:middle;
}

.user_groups_list td:nth-child(1)
{
	min-width:200px;
}

.user_groups_list td
{
	padding:5px;
}

.user_groups_list td a
{
	text-decoration:none;
	color:var(--grey);
}

.form_editor td
{
	padding:5px;
}

.form_editor td:nth-child(2)
{
	min-width:250px;
}

.form_editor td:nth-child(3)
{
	font-size:14px;
	color:var(--grey);
}

.form_fields td
{
	padding:5px;
	font-size:14px;
}

.form_fields td:nth-child(2)
{
	/*max-width:80px;*/
	min-width:0px;
	text-align:center;
}

.form_fields td:nth-child(3)
{
	color:#000;
	text-align:center;
}

.form_fields td textarea
{
	width:300px;
}

#form_tabs
{
	list-style-type:none;
	display:flex;
	justify-content: flex-start;
	width:100%;
	margin:0px;
	padding-left:0px;
	position:relative;
	z-index:2;
}

#form_tabs li
{
	display:block;
	padding:5px 10px;
	color:#eee;
	background:#9a9a9a;
	margin:0px;
	font-size:12px;
	border:1px solid #9a9a9a;
	border-bottom: 1px solid var(--grey);
	cursor:pointer;
}

#form_tabs li:hover
{
	background-color: var(--grey);
}

#form_tabs li.selected
{
	background:#eeeeee;
	color:#000;
	border-color: var(--grey);
	border-bottom: 1px solid transparent;
}

.edit_form_div
{
	position:relative;
	display:block;
	border:1px solid var(--grey);
	top:-1px;
}

#image_folder
{
	list-style-type:none;
	display: grid;
	width: 100%;
	margin: 0;
	padding: 0;
	grid-gap: 10px;
}

#image_folder li
{
	display:block;
	/*float:left;
	height:129px;*/
	margin:0px;
}

#image_folder li  span.fi-icons
{
	font-size: 70px;
	line-height: 60px;
	display: block;
}

#image_folder li  span.fa
{
	font-size: 14px;
	line-height: 90px;
	height: 70px;
	display: block;
	position: relative;
}

#image_folder li  span.fa:before
{
	font-size: 50px;
	line-height: 70px;
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -21px;
}

#image_folder li img
{
	display: block;
	margin:6px auto;
	max-width: 100%;
	max-height: 100%;
}

#image_folder.list li img
{
	margin: 0;
	max-height: 20px;
	max-width: 100%;
}

#image_folder.list li span.fi-icons
{
	line-height: 20px;
	font-size: 20px;
}

#image_folder a
{
	text-decoration:none;
	color:var(--grey);
	display: grid;
	grid-template-rows: 80px 1fr;
	grid-gap: 10px;
	text-align: center;
	font-size: 14px;
	padding-bottom: 10px;
}

#image_folder.list a
{
	grid-template-rows: 1fr;
	grid-template-columns: 30px 1fr 70px 70px;
	text-align: left;
	padding: 5px;
}

#image_folder a .f-name
{
	font-size: 12px;
	word-break: break-all;
}

#image_folder a .f-type, #image_folder a .f-size
{
	display: none;
}

#image_folder.list a .f-type, #image_folder.list a .f-size
{
	display: flex;
	align-items: center;
}

#image_folder.list a span:before
{
	font-size: 20px;
	top:0;
	position: relative;
}

#image_folder.list a span
{
	height: auto;
	padding-top: 0px;
}

#image_folder.list a div
{
	display: flex;
	align-items: center;
}

#image_folder a span
{
	display: block;
	position: relative;
	width: 100%;
	height: 100px;
	font-size: 12px;
	box-sizing: border-box;
	color:#ccc;
	text-align: center;
	padding-top: 55px;
}

#image_folder a span font
{
	position: relative;
	z-index: 1;
}

#image_folder.list a span font
{
	position: absolute;
	left: 8px;
	top: 11px;
	font-size: 6px;
}

#image_folder a span:before
{
	font-size: 51px;
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	top: 20px;
	color: var(--grey);
	z-index: 0;
}

#image_folder li:hover
{
	background:#c1c1c1;
}

#image_folder li table
{
	width:110px;
}

#image_folder li table td
{
	text-align:center;
	font-size:12px;
	color:var(--grey);
	width: 106px;
	word-wrap: break-word;
	white-space: pre-line;
}

#image_folder li table td
{
	display: block;
	padding-top: 5px;
	width: 106px;
	word-wrap: break-word;
	white-space: pre-line;	
}

#image_folder li table tr:first-child td
{
	height: 100px;
}

#image_folder li table td img
{
	max-width: 100px;
}

.backup_table
{
	width:100%;
}

.backup_table td
{
	padding:15px;
	font-size:14px;
}

#layer
{
	position:fixed;
	display:none;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(0, 0, 0, 0.6);
	gap: 20px;
	z-index:5;
}

#layer.visible
{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

#layer span
{
	margin:0 auto; display:block; color:var(--white); width:200px; text-align:center;
}

#layer-ready
{
	position:fixed;
	display:none;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(41, 152, 33, 0.3);
	gap: 20px;
	z-index:5;
}

#layer-ready.visible
{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

#layer-ready i
{
	color:rgba(41, 152, 33, 1);
	font-size: 45px;
}

#layer-ready span
{
	margin:0 auto; display:block; color:rgba(41, 152, 33, 1); width:200px; text-align:center;
}

.forum_parts_list
{
	display:block; 
	float:left;
	border-radius:10px;
	border:1px solid var(--grey);
	width:350px;
	padding:10px;
	margin:10px;
	background:#F7F5F5;
}

/*#module_feilds_sortable li
{
	text-align:left;
	cursor:pointer;
}*/

.viewmodule
{
	border-collapse: collapse;
	width: 100%;
}

.viewmodule td:first-child, .viewmodule td:nth-child(2)
{
	width: 200px;
	vertical-align: top;
	padding: 5px;
	line-height: 30px;
}

.module-fields-list
{
	display: block;
	max-width: 500px;
}

.editable-list 
{
	width: 100%;
	box-sizing: border-box;
}

.editable-list li>div
{
	display: grid;
	grid-template-columns: 1fr 25px 25px 25px;
	grid-gap: 5px;
	padding: 5px 0;
}

.editable-list li>div span
{
	display: inline-block;
}

.editable-list li>div span.field_psevdo
{
	color: #999;
	padding: 0 5px;
}

.editable-list li>div a
{
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: var(--grey);
}

.editable-list li>div a.icon-edit:hover
{
	color:rgba(47, 127, 218, 1);
}
.editable-list li>div a.icon-trash:hover
{
	color:rgba(218, 47, 47, 1);
}

.editable-list li>div a.icon-key:hover, .editable-list li>div a.iskey
{
	color:rgba(41, 152, 33, 1);
}

.main_settings_groups, .main_settings_list
{
	padding-left:0px;
	list-style-type:none;
}

.main_settings_list
{
	padding-left:0px;
	list-style-type:none;
}

.main_settings_list li
{
	padding: 5px 10px;
}

.main_settings_list li:nth-child(2n)
{
	background-color: #fbfbfb;
}

.main_settings_list li .settings_table td:nth-child(1)
{
	width: 200px;
	vertical-align: middle;
}


.main_settings_groups li a
{
	color:#000066;
	text-decoration:none;
	font-size:18px;
	display:block;
	padding-left: 15px;
}

.main_settings_groups .headline
{
	background: #c0ceef; /* for non-css3 browsers */ 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0ceef', endColorstr='#d9dde9'); /* для IE6-9 */
	background: -webkit-gradient(linear,left top,left bottom, from(#c0ceef), to(#d9dde9), color-stop(1,#d9dde9), color-stop(1,#c0ceef)); /* для webkit-браузеров */
	background: -moz-linear-gradient(top,  #c0ceef,  #d9dde9); /* для firefox 3.6+ */ 
	background: -o-linear-gradient(top,  #c0ceef,  #d9dde9); /* для Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c0ceef,  #d9dde9); /* для IE10+ */
	border: 1px solid #b5c6e6;
}

.main_settings_groups ul
{
	padding-left:5px;
	list-style-type:none;
	margin-bottom:20px;
}

#settings_all_groups_and_settings
{
	color: var(--grey);
}

#file_tree
{
	list-style-type:none;
}

#file_tree li ul
{
	display:none;
}

.help_div
{
	padding:10px;
	border:1px solid #cccccc;
	background:rgba(255,255,255,0.7);
	position:absolute;
	width:250px;
	font-size: 12px;
	display:none;
	z-index:1000;
}

#clone thead tbody
{
	display:table-row-group;
}

/*--------------POPUP----------------*/
#popup
{
	position:fixed;
	display:none;
	width:450px;
	min-height:50px;
	border:2px solid rgba(0,0,0,0.5);
	border-radius:0px;
	background:#eee;
	z-index:100;
	padding:0px;
	padding-top:0px;
	top:10%;
	left:25%;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    border-radius: 3px;
}

#popup_title
{
	display:block;
	height:18px;
	color:var(--white);
	padding:4px;
	font-weight:normal;
	background:rgba(0,0,0,0.5);
	position: relative;
}

#popup_title a
{
	color:var(--white);
	text-decoration: none;
	position: absolute;
	top:5px;
	right: 5px;
}

#popup_content
{
	display: block;
	padding: 12px 10px;
	box-sizing: border-box;
	max-height: 400px;
	overflow: auto;
}

#popup_content form
{
	margin:0;
}

#popup_content form input, #popup_content form select, #popup_content form textarea
{
	box-sizing: border-box;
}

#popup_content form .feild_name2
{
	font-size: 14px;
	padding: 5px 0;
}

#search_item
{
	display: block;
	width: 214px;
	padding: 5px;
	margin: 5px auto;
	box-sizing: border-box;

}

#search_results
{
	display: none;
	position: absolute;
	top:30px;
	width: 214px;
	margin: 0px 18px;
	box-sizing: border-box;
	border:1px solid var(--grey);
	background-color: var(--white);
	z-index: 1;
	max-height: 100px;
	overflow: auto;
}

.counter_block
{
	display: block;
	width: 500px;
	padding: 5px 15px 15px;
	border-bottom: 1px solid #ccc;
}

.counter_block p span
{
	display: block;
	float: left;
	margin-right: 15px;
}

.counter_block p span input
{
	margin:0;
	border:1px solid #ccc;
}

.counter_block p span.select
{
	padding: 0px;
	border:1px solid #ccc;
	background-color: var(--white);
	position: relative;
}

.counter_block p span select
{
	padding: 5px 15px 5px 5px;
	margin:0;
	-webkit-appearance:none;
	display: block;
	background-color: transparent;
	border:none;
}

.counter_block p span.select i
{
	display: block;
	position: absolute;
	right: 2px;
	top:4px;
	font-size: 14px;
	color:var(--grey);
	pointer-events: none;
}

.counter_block p a
{
	display: block;
	float: right;
	font-size: 20px;
	color:var(--grey);
	background-color: #ccc;
	padding: 0 5px;
	border:1px solid #ccc;
	text-align: center;
}

.counter_block textarea
{
	display: block;
	width: 100%;
	box-sizing: border-box;
	min-height: 200px;
	border:1px solid #ccc;
}

td.row_name
{
	width: 200px;
}

.file_info
{
	border-collapse: collapse;
	width: 100%;
}

.file_info td
{
	padding: 5px;
	border-bottom: 1px solid #ccc;
}

.parametrs_row
{
	display: block;
	background-color: #efefef;
	border:1px solid #ccc;
	padding: 10px;
}

.parametrs_row table
{
	border-collapse: collapse;
}

.parametrs_row table td
{
	background: #d9d9d9;
	padding: 5px;
}

.parametrs_row table tr:first-child td
{
	font-size:15px;
	padding: 5px 7px;
}

.prop_creator
{
	width: 100%;
	border-collapse: collapse;
}

.prop_creator td:first-child
{
	width: 25%;
	padding-right: 5px 10px 5px 0;
	box-sizing: border-box; 
	font-size: 14px;
	color:rgba(0,0,0,0.8);
}

.prop_creator td:last-child
{
	width: 75%;
	padding-right: 5px 0px 5px 0;
	box-sizing: border-box; 
}

.prop_creator td:last-child input[type=text]
{
	width: 100%;
	box-sizing: border-box;
}

/*.shop_props table
{
	border-collapse: collapse;
}

.shop_props table thead td
{
	font-size: 14px;
	color: rgba(0,0,0,0.9);
}

.shop_props table td
{
	padding: 0 5px 5px 0;
}*/

.shop_props table td input[type=text]
{
	margin: 0;
	-webkit-appearance:none;
	padding: 8px 5px;
}

.shop_prices
{
	border-collapse: collapse;
	margin:10px;
	font-size: 14px;
}

.shop_prices thead td
{
	
	padding: 5px 10px;
	color:rgba(0,0,0,0.8);
	background: rgba(0,0,0,0.4);
	border: 1px solid #000;
	min-width: 150px;
}	

.shop_prices tbody td
{
	padding: 5px 10px;
	border: 1px solid #000;
	background: var(--white);
}

.shop_prices tbody tr:nth-child(2n) td
{
	background: rgba(255,255,255,0.2);
}

.file_table
{
	border-collapse: collapse;
}

.file_table tr td
{
	border:1px solid var(--grey);
	background:var(--white);
	padding: 5px;
}

.file_table tr:first-child td
{
	background-color: #ccc;
}

#catloader 
{
	margin: 10px 0;
}

.attention
{
	color:#ff3e10;
	font-size: 14px;
	margin: 3px 0;
	text-decoration: none;
	position: relative;
	display: inline-block;
	padding: 5px 5px 5px 30px;
	background-color: rgba(255,62,16,0.2);
	border:1px solid #ff3e10;
}

.attention:before
{
	content: "\f101";
	font-family: "foundation-icons";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 20px;
	color:#ff3e10;
	display: block;
	position: absolute;
	left: 6px;
	top: 1px;
}

.information
{
	color:#299821;
	font-size: 14px;
	margin: 3px 0;
	text-decoration: none;
	position: relative;
	display: inline-block;
	padding: 5px 5px 5px 30px;
	background-color: rgba(41, 152, 33, 0.2);
	border:1px solid #299821;
}

.information:before
{
	content: "\f15e";
	font-family: "foundation-icons";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 20px;
	color:#299821;
	display: block;
	position: absolute;
	left: 6px;
	top: 1px;
}

#popup_content .information, #popup_content .attention
{
	width: 100%;
	box-sizing: border-box;
}

.catloader_left
{
	display: block;
	float: left;
	width: 500px;
}

.catloader_right
{
	display: block;
	float: left;
	width: 400px;
	padding-left: 100px;
}

#more_options_table
{
	border-collapse: collapse;
	width: 100%;
}

#more_options_table tr td:first-child
{
	width: 80%;
	padding: 1px 0;
}

#more_options_table tr td:last-child
{
	text-align: center;
}

#more_options_table select
{
	width: 100%;
}

#more_options_table a
{
	display: inline-block;
	text-decoration: none;
	color:var(--grey);
	font-size: 16px;
}

.paysystem-block
{
	display: grid;
	grid-template-columns: 1fr 300px;
	grid-gap: 30px;
}

.paysystems
{
	display: block;
}

.paysystems .ps-item
{
	display: grid;
	grid-template-columns: 50px 1fr max-content;
	grid-gap: 10px;
	box-sizing: border-box;
	padding: 10px;
	margin: 10px;
	background-color: var(--white);
	border:1px solid #ccc;
	border-radius: 5px;
}

.paysystems .ps-item a
{
	color:var(--grey);
	text-decoration: none;
}

.paysystems .ps-item .ps-name, .paysystems .ps-item .ps-logo
{
	font-size: 20px;
	display: flex;
	align-items: center;
}

.paysystems .ps-item .ps-logo img
{
	max-width: 100%;
}

.paysystems .ps-item .ps-active
{
	display: flex;
	align-items: center;
	justify-content: center;
}

.paysystems .ps-item .ps-active a
{
	display: block;
	font-size: 40px;
	text-align: center;
}

.payment-props label
{
	display: block;
	padding: 5px 0px 0;
	font-size: 14px;

}

.payment-props input[type=text]
{
	box-sizing: border-box;
	width: 100%;
}

.payment-props input[type=submit]
{
	margin: 5px auto;
}

.a-form
{
	display: grid;
	grid-template-columns: 70% 30%;
	max-width: 500px;
}

#newPageForm table tr td, #new_input_form table tr td
{
	padding: 5px 10px;
	vertical-align: top;
}

#newPageForm table tr td:nth-child(2), #new_input_form table tr td:nth-child(2)
{
	width: 300px;
}

#new_input_form textarea
{
	height: 200px;
}

#onlyroot
{
	display: inline-block;
}

.p-codeEditor
{
	display:block; top:60px; position:absolute; bottom:0; left:40px;right:0;
}

.create-download table tr td:nth-child(2)
{
	width: 300px;
}

.create-download table tr td #mask
{
	width: 100%;
	box-sizing: border-box;
}

.create-download table tr td #mask input[type=file]
{
	width: 100%;
}

.te-block ol
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style-type: none;
	padding-left: 0;
}

.te-block ol li
{
	display: flex;
	margin:5px;
}

.te-block input[type=checkbox]
{
	display: none;
}

.te-block input[type=checkbox]+label
{
	display: grid;
	grid-template-columns: repeat(1,1fr);
	border:1px solid #ccc;
	padding: 3px 5px;
	border-radius: 3px;
}

.te-block input[type=checkbox]:checked+label
{
	border-color: rgba(47, 127, 218, 1);
	background-color: rgba(47, 127, 218, 1);
	color: var(--white);
}

.te-block input[type=checkbox]:checked+label svg path
{
	fill: var(--white);
}

.te-block input[type=checkbox]+label span
{
	display: flex;
	align-items: center;
	font-size: 14px;
}

.backup-list
{
	display: block;
	padding: 10px;
}

.backup-list .bl-title
{
	display: block;
	font-size: 16px;
	font-weight: 600;
	border-bottom: 1px solid #ccc;
	padding: 20px 0 10px;
}

.bl-item
{
	display: grid;
	grid-template-columns: auto 30px 30px;
	padding: 10px 0;
	grid-gap: 10px;
}

.bl-item a
{
	display: block;
	text-align: center;
	color: var(--grey);
	text-decoration: none;
}

.feild_name b
{
	font-size: 0.8em;
	display: inline-block;
	line-height: 1.1em;
	padding: 2px 5px;
	background-color: #000;
	cursor: pointer;
	border-radius: 8px;
	color: var(--white);
}

.order_block
	{
		display: block;
		float: left;
		padding: 0px;
		border:1px solid #666;
		background: #fff;
		margin: 10px;
		min-width: 30%;
	}

	.order_block .block_name
	{
		display: block; 
		padding: 5px 10px;
		background: #d8d8d8;
		color:#111111;
		margin: 0;
	}

	.order_block table
	{
		width: 100%;
		border-collapse: collapse;
		font-size: 12px;
	}

	.order_block table td
	{
		padding: 5px;
	}

	.order_block table tr td:first-child
	{
		font-weight: bold;
	}

	.ps-input
	{
		display: block;
		padding: 10px 0;
	}

	.ps-input label
	{
		font-size: 14px;
		color: #494949;
		padding-bottom: 5px;
		display: block;
	}

	.ps-input input
	{
		display: block;
		box-sizing: border-box;
		padding: 5px;
		border-radius: 3px;
	}

	.sm-container
	{
		display: grid;
		grid-template-columns: 1fr 200px;
		grid-gap: 20px;
	}

	.sm-container h3
	{
		flex: none;
		width: 100%;
	}

	.sm-editor
	{
		display: flex;
		justify-content: flex-start;
		gap: 20px;
		flex-wrap: wrap;
	}

	.sm-block
	{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		gap: 10px;
		padding: 10px;
		border: 1px solid #ccc;
	}

	.sm-child
	{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		gap: 10px;
		padding: 10px 0 10px 30px;
		border-top: 1px solid #ccc;
	}

	.sm-block .sm-input
	{
		display: grid;
		grid-template-columns: 150px max-content;
	}

	.sm-add-button
	{
		padding: 15px 0;
		display: flex;
		justify-content: space-between;
	}

	.flex-spaceb
	{
		display: flex;
		justify-content: space-between;
		gap: 20px;
	}

	.sm-block-remover, .sm-child-remover
	{
		color: var(--darkGrey);
		text-decoration: none;
	}

	.sm-children .sm-child .sm-child-remover
	{
		display: none;
	}

	.sm-children .sm-child:last-child .sm-child-remover
	{
		display: block;
	}

	.sm-block-remover:hover
	{
		color: red;
	}

	.fid-input
	{
		display: grid;
		grid-template-columns: 250px 400px;
		grid-gap: 20px;
	}

	.fid-input label
	{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		font-size: 14px;
	}

	.fid-block
	{
		display: flex;
		flex-direction: column;
		gap: 10px;
		padding: 10px;
	}

	.fid-list
	{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 20px;
	}

	.fid-item
	{
		display: grid;
		grid-template-columns: 1fr 120px;
		padding: 15px;
		background: var(--white);
		border-radius: 4px;
	}

	.fid-item .fid-name
	{
		display: block;
		font-weight: bold;
		padding-bottom: 5px;
	}

	.fid-item .fid-detail
	{
		font-size: 14px;
		color: var(--darkGrey);
	}

	.fid-info a
	{
		color: rgba(47, 127, 218, 1);
		text-decoration: none;
		display: block;
	}

	.fid-item .fid-actions
	{
		display: flex;
		justify-content: space-between;
	}

	.fid-item .fid-actions a
	{
		display: block;
		text-align: center;
		color: var(--darkGrey);
		text-decoration: none;
	}

	.fid-item .fid-actions a i
	{
		display: block;
		text-align: center;
		font-size: 25px;
	}

	.saver-buttons
	{
		padding: 30px 0;
		grid-column: span 2;
		display: flex;
		justify-content: space-between;
	}

	.saver-buttons>.left-block
	{
		display: flex;
		justify-content: flex-start;
		gap: 10px;
	}