@charset "utf-8";

body {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px;
	SCROLLBAR-FACE-COLOR: #dee3e7; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	SCROLLBAR-SHADOW-COLOR: #dee3e7; SCROLLBAR-3DLIGHT-COLOR: #d1d7dc;
	SCROLLBAR-ARROW-COLOR: #006699; SCROLLBAR-TRACK-COLOR: #efefef;
	SCROLLBAR-DARKSHADOW-COLOR: #98aab1;
	BACKGROUND-COLOR: #ffffff;
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif;
}
body, table {
	FONT-SIZE: 12px;
}
body.loading:after {
	content: ' ';
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0,0,0,0.5);
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: auto;
}
#pageContainer {
	margin:10px;
}

P,DIV,FORM,H1,H2,H3,OL,UL,LI,DL,DT,DD {
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 0px;
}

DT {
	font-weight: bold;
	text-decoration: none;
	text-transform: none;
	margin-top: 1.5em;
}
DD {
	margin: 0.5em 0 0 0;
}

CODE {
	display: block;
	background-color: #f7f7f7;
	border: 1px solid #aaa;
	padding:  0.5em 1em;
	margin: 0.5em 0;
}

H1 {	FONT-WEIGHT: bold; FONT-SIZE: 14px }
H2 {	FONT-WEIGHT: bold; FONT-SIZE: 13px }
H3 {	FONT-WEIGHT: bold; FONT-SIZE: 12px }

A {		FONT-WEIGHT: bold;
		TEXT-DECORATION: none;
		COLOR: #316ac5;
}
A:hover {	TEXT-DECORATION: underline; COLOR: #316ac5; }
A:visited {	COLOR: #316ac5 }

a img {	border:none }

.LightLink {	FONT-WEIGHT: bold;
				TEXT-DECORATION: none;
				COLOR: #FFFFFF;
}
A.LightLink {			COLOR: #FFFF00; }
A.LightLink:hover {		TEXT-DECORATION: underline; COLOR: #FFCC33; }
A.LightLink:visited {	COLOR: #FFFF66 }

A.treemenu {			FONT-SIZE:12px; FONT-WEIGHT: bold; COLOR: #316ac5; }
A.treemenu:hover { 		TEXT-DECORATION: underline; COLOR: #316ac5; }

.treemenu {				FONT-SIZE: 12px; COLOR: #619aff; font-weight:bold; }
.treemenusel {			FONT-SIZE: 12px; COLOR: #0000FF; font-weight:bold; }

.successmsg {	FONT-SIZE: 11px; FONT-WEIGHT: bold; COLOR: #00aa00 }
.errmsg {		FONT-SIZE: 11px; FONT-WEIGHT: bold; COLOR: #aa0000 }

.cardmsg {	FONT-SIZE: 11px; COLOR: #00dd00 }

.gen {		FONT-SIZE: 12px }
.genmed {	FONT-SIZE: 11px }
.gensmall {	FONT-SIZE: 10px }
.gentiny {	FONT-SIZE: 9px }

.pagetitle {	FONT-SIZE: 12px; FONT-WEIGHT: bold;
				COLOR: #006699; }

.cattitle {		FONT-SIZE: 12px; FONT-WEIGHT: bold;
				COLOR: #006699; }

.topictitle {	FONT-SIZE: 11px; FONT-WEIGHT: bold;
				COLOR: #000000; }

.pagetitle span, .cattitle span {
				color:#000000;
}

HR {	BORDER-RIGHT: #d1d7dc 0px solid; BORDER-TOP: #d1d7dc 1px solid;
		BORDER-LEFT: #d1d7dc 0px solid; BORDER-BOTTOM: #d1d7dc 0px solid;
		HEIGHT: 0px }

.grayline {	border: #98aab1 1px solid; }

.blueline {	border: #316ac5 2px solid; }

.helpline { background-color:#FFFFCC; color: #000000; border-style: solid; border-width: 1px}

.XPBack {		BACKGROUND-IMAGE: url(../images/task_back2.gif);
				BACKGROUND-REPEAT: repeat;
				BACKGROUND-COLOR: #316ac5;
				COLOR: #FFFFFF;
				HEIGHT: 28px;
				text-transform:uppercase;
}
.BlueBack {		BACKGROUND-IMAGE: url(../images/cell_blue2.gif);
				BACKGROUND-REPEAT: repeat-x;
				BACKGROUND-COLOR: #006699;
				COLOR: #FFFFFF;
				HEIGHT: 28px;
}
.GrayBack { 	BACKGROUND-IMAGE: url(../images/cell_gray.gif);
				BACKGROUND-REPEAT: repeat-x;
				BACKGROUND-COLOR: #d1d7dc;
				HEIGHT: 28px
}
.LightBack {	BACKGROUND-COLOR: #EFEFEF !important }
.DarkBack {		BACKGROUND-COLOR: #DEE3E7 }
.Dark2Back {	BACKGROUND-COLOR: #D1D7DC }

.BlockedBack {	background-color:#F90 }
.WarningBack {	background-color:#FC9 }

.Title {	HEIGHT: 25px }
.Footer {	HEIGHT: 25px }

.btpressed {	BORDER-RIGHT: #eeeeee 1px solid; BORDER-TOP: #666666 1px solid;
				BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #eeeeee 1px solid }

.FoundedItem { 	BACKGROUND-COLOR: #74b3d4 }

.chkChange {	BACKGROUND-COLOR: #f8ec99 }
.chkSelect {	BACKGROUND-COLOR: #8fe731 }
.chkDelete {	BACKGROUND-COLOR: #f8996b }


.task_head { 	font-size: 12px;
				font-weight: bold;
				color:#0000AA;
}
.task_text { 	font-size: 12px;
				font-weight: normal;
				color:#000000;
}

.descr {
				font-style:italic;
}

.subhead { 		font-size: 12px;
				font-weight: bold;
				color:#000;
				margin: 1.5em 0 0.5em;
}

.shadow {
	max-width:100%;
	-webkit-box-shadow: 4px 3px 16px 4px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 4px 3px 16px 4px rgba(0, 0, 0, 0.2);
			box-shadow: 4px 3px 16px 4px rgba(0, 0, 0, 0.2);	
}

.text_tin {		width: 40px; }
.text_sml {		width: 80px; }
.text_mid {		width: 120px; }
.text_big {		width: 160px; }
.text_hug {		width: 220px; }
.text_hug2 {	width: 280px; }
.text_full {	width: 100%; }
.combo_sml {	width: 86px; }
.combo_mid {	width: 126px; }
.combo_big {	width: 166px; }
.combo_hug {	width: 226px; }
.combo_hug2 {	width: 286px; }
.combo_full {	width: 100%; }

.msg_error {	color:#FF0000; }
.msg_ok	{		color:#00CC00; }

.ta_left {		text-align:left !important; }
.ta_center {	text-align:center !important; }
.ta_right {		text-align:right !important; }

.clr { clear:both }

.wrapper {
	display:none;
	position:absolute;
	overflow:hidden;
	padding:10px;
	border:red 1px solid;
}

/*
.wrapper {
	display:none;
	position:absolute;
	padding:50px;
	margin:auto 50px;
	overflow:hidden;
	background-color:#ffffff;
	text-align:center;
	vertical-align:middle;
	border:solid 2px #316ac5;
}
	.wrapper #bt_close {
		position:absolute;
		right:10px;
		top:10px;
		width:16px;
		height:16px;
	}
	.wrapper #bt_close a {
		display:block;
		width:16px;
		height:16px;
		background-image:url(../images/icons/cross.png)
	}
*/

.with_icon {
	white-space: nowrap;
}
.with_icon input[type="text"] {
	width: calc(100% - 22px);
	vertical-align: middle;
}
.with_icon_2 input[type="text"] {
	width: calc(100% - 44px);
}
.with_icon_3 input[type="text"] {
	width: calc(100% - 66px);
}
.without_icon input[type="text"] {
	width: 100%;
}
.with_icon > a {
	display: inline-block !important;
	vertical-align: middle;
	margin-left:6px;
}

.dialog_button {
	display: inline-block;
	vertical-align: top;
	padding: 8px 16px;
	border-radius: 4px;
	background-color: #3cb878;
	color: #ffffff !important;
	text-decoration: none !important;
}
.dialog_button:hover {
	background-color: #36a66a;
}
.dialog_button img {
	vertical-align: middle;
	margin-right: 4px;
}
.dialog_button:disabled,
.dialog_button.disabled {
	background-color: #cccccc;
	color: #666666 !important;
	cursor: not-allowed;
	pointer-events: none;
}

.ftp_loader_item + .ftp_loader_item {
	margin-top: 0.5em;
	padding-top: 0.5em;
	border-top: 1px solid #ccc;
}
.ftp_loader_item.loading {
	font-weight: bold;
}
.ftp_loader_item.success {
	color: #36a66a;
}
.ftp_loader_item.error {
	color: #d40000;
}
.ftp_loader_item .theme_name {
	font-weight: bold;
	color: #009bb6;
}

#toolbar,
#toolbar2 {
	position: sticky;
	top: 0;
}
#toolbar.is-pinned,
#toolbar2.is-pinned {
	background-color: rgba(240,240,240,0.75);
}
	#toolbar a,
	#toolbar2 a {
		width:60px;
		height:50px;
		display:block;
		float:left;
		margin:0 10px 0 0;
		padding:10px;
		text-align:center;
		font-size:10px;
		border: solid 1px #999999;
		background-color:#FFE297;
	}
	#toolbar a img,
	#toolbar2 a img {
		display:block;
		width:32px;
		height:32px;
		margin:0 auto 6px auto;
	}


/* Options
======================================================================================== */

.options_list input[type="text"] {
	width: 90%;
}
.options_list textarea {
	width: 90%;
	height: 50px;
}

.param_title {
	margin: 1em 0 0.3em;
	font-weight:bold;
	text-transform:uppercase;
}

.checklist {
	max-height: 600px;
	overflow-y: auto;
}
.freemium_params .checklist {
	max-height: none;
}
.checklist > label {
	display:block;
}
.checklist > label.readonly,
.checklist > label.readonly input {
	pointer-events: none;
}

.required {
	color:  #aa0000;
	vertical-align: super;
	font-weight: bold;
	margin-left: 0.3em;
}

.sorted:after {
	content: '↑';
	margin-left: 0.5em;
}
.sorted.desc:after {
	content: '↓';
}
.legacy {
	color: #ff0000;
}


/* Params
======================================================================================== */
.images_params label {
	display: inline-block;
	vertical-align: top;
	margin: 0 2em 4px 0;
}
.images_params label:last-child {
	margin-right: 0;
}


/* Theme info
======================================================================================== */
.theme_info_name {
	font-style: italic;
}


/* Menu
======================================================================================== */
.menu_block {
	margin: 1em 10px;
	padding: 2px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	background-color: #ffffff;
}
.menu_header {
	padding: 4px 30px 6px 10px;
	position: relative;
}
.menu_header .menu_toggle {
	position:absolute;
	right:10px;
	top: 5px;
}
.menu_content {
    background-color: #d6dff6;
    padding: 10px 10px 10px 15px;
}
.menu_content a {
	display: block;
	line-height: 20px;
}


/* Help
======================================================================================== */

.help {
    max-width: 820px;
    /*
    border: 1px solid grey;
    padding: 1em;
    */
}
.description {
	margin-top: 4px;
	color: #666;
}
.description.example {
	font-style: italic;
	font-weight: 500;
	color: #333;
}
.description b {
	color: #333;
}
.info {
    max-width: 820px;
    border: 1px solid grey;
    padding: 1em;
    font-style: italic;
}

/* Messages
======================================================================================== */
.message_s {
	color: #006699;
}
.message_e {
	color: #993300;
}

#res {
	max-width:845px;
	max-height:255px;
	overflow-y:auto;
}

/* Preview area
======================================================================================== */
.preview {
	max-width: 50%;
	padding: 1em;
}
.preview img {
	max-width: 100%;
	height: auto;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

/* Кнопки разбивки на страницы
======================================================================================== */

#pagination .limit {
	float: left;
	height: 22px;
	line-height: 22px;
	margin: 0 10px 6px;
}
#pagination .button2-right { background: url(../images/page_right.png) 100% 0 no-repeat; float: left; margin-left: 5px; }
#pagination .button2-right .prev { background: url(../images/page_prev.png) no-repeat; }
#pagination .button2-right .prev-off { background: url(../images/page_prev_off.png) no-repeat; }
#pagination .button2-right .start { background: url(../images/page_first.png) no-repeat; }
#pagination .button2-right .start-off { background: url(../images/page_first_off.png) no-repeat; }

#pagination .button2-left { background: url(../images/page_left.png) no-repeat; float: left; margin-left: 5px; }
#pagination .button2-left .page { background: url(../images/page_right_cap.png) 100% 0 no-repeat; }
#pagination .button2-left .next { background: url(../images/page_next.png) 100% 0 no-repeat; }
#pagination .button2-left .next-off { background: url(../images/page_next_off.png) 100% 0 no-repeat; }
#pagination .button2-left .end { background: url(../images/page_last.png) 100% 0 no-repeat; }
#pagination .button2-left .end-off { background: url(../images/page_last_off.png) 100% 0 no-repeat; }

#pagination a,
#pagination span {
	display: block;
	height: 22px;
	line-height: 22px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #333;
	cursor: pointer;
}

#pagination span { cursor: default; color: #999; }

#pagination .button2-left a,
#pagination .button2-left span { padding: 0 24px 0 6px; }

#pagination .button2-right a,
#pagination .button2-right span { padding: 0 6px 0 24px; }

#pagination .button2-left .page a,
#pagination .button2-right .page a {
	float: left;
	padding: 0 6px;
}
#pagination .button2-left .page span,
#pagination .button2-right .page span {
	float: left;
	color: #000;
	font-weight: bold;
	padding: 0 6px;
}

#pagination a:hover { text-decoration: none; color: #0B55C4; }


/* Tasks
======================================================================================== */

.tasks_list {
	overflow: hidden;
}
.task_item {
	display: block;
	width: 8em;
	height: 8em;
	float: left;
	margin: 0 2em 2em 0;
	text-align: center;
}
.task_item img {
	display: block;
	margin: 10px auto;
}


.blueline, .theme_params, .database_params, .minify_params, .images_params {
	max-width:900px;
}
.check_key_table {
	max-width: 1000px;
}
.help.uploader {
	max-width: none;
}
.uploader_table {
	max-width: 1280px;
}
.for_themes .uploader_table,
.for_elementor_templates .uploader_table {
	max-width: none;
	width: 100%;
}
input[name="attention"],
input[name^="txtAttention_"] {
	text-overflow: ellipsis;
}
input[name^="txtTitle_"] {
	min-width: 150px;
	text-overflow: ellipsis;
}

.uploader_table tr[data-market^="envato"] { background-color: #f0fff0; }
.uploader_table tr[data-market^="envato"][data-accent="1"] { background-color: #d0ffd0; }
.uploader_table tr[data-market="trx"] { background-color: #f0f0ff; }
.uploader_table tr[data-market="trx"][data-accent="1"] { background-color: #d0d0ff; }
.uploader_table tr[data-market="mojo"] { background-color: #f0ffff; }
.uploader_table tr[data-market="creativemarket"] { background-color: #fff0ff; }
.uploader_table tr[data-market="legacy"] { background-color: #fff0f0; }
.uploader_table tr[data-market="free"] { background-color: #fff0f0; }


.uploader_table tr[data-type="block"] { background-color: #f0fff0; }
.uploader_table tr[data-type="page"] { background-color: #f0f0ff; }

.uploader_table .filter_slug,
.uploader_table .filter_market,
.uploader_table .filter_category {
	margin-left:1em;
	width:60px;
	font-size:10px;
}
.uploader_table td a {
	display: block;
}
.uploader_total span {
	font-weight: bold;
}
/*
.uploader_table .uploader_table_header {
	position: sticky;
	top: 73px;
}
*/

dt[class*="help-"]:before {
	content: ' ';
	display: inline-block;
	width: 1.25em;
	height: 1.25em;
	margin-right: 0.5em;
	vertical-align: middle;
	border: 1px solid #aaa;
}
dt.help-refund:before {
	background-color: #dee3e7;
}
dt.help-pirate:before,
.blacklist_table tr[data-type="pirate"] {
	background-color: #ffaaaa;
}
dt.help-chargeback:before,
.blacklist_table tr[data-type="chargeback"] {
	background-color: #ffa0ff;
}


/* Database
======================================================================================== */

.database_params input:not([type="radio"]) {
	width: 100%;
}
.database_params textarea {
	width: 100%;
	height: 100px;
}


/* Freemium
======================================================================================== */
.freemium_params {
	max-width: none;
}