/*** Tags styles ***/

img { border: 0px; }
input, textarea:not(.ace_text-input) {color: #333; padding: 0 10px;; font-size: 11px; border: 1px solid #ddd; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px;}
input[type="text"]:disabled, input[type="password"]:disabled , input[type="email"]:disabled {background: #f5f5f5!important;}
/*input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"]{ margin: 0 0 12px 0; height: 25px; line-height: 25px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; vertical-align: top;}*/
select {color: #333; padding: 0px;}
select[disabled]{color: #aaa!important;}
textarea:not(.ace_text-input) { width: 350px; height: 110px; clear: both; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; min-height: 25px;}
a { color: #4965CA; text-decoration: none; }
a.inline { display: inline !important; padding: 0 !important; margin: 0 !important; }
a input { width: auto; }
ul, ol { margin: 0 0 0 20px; padding: 0; }
hr { clear: left; border: 1px solid #749faa; border-width: 0px 0px 1px; padding-top: 15px; margin: 15px 0; }
input[type="text"][disabled], input[type="text"][readonly=readonly] {background: #fff; color: #aaa;}
a.image-wrapper {display: block; line-height: 0;}
.group-table-space {margin-right: 10px;}
/*** Tags styles ***/
/* td {vertical-align: top;} */
ul.tabs-menu { margin: 0 0 0 -10px; }
td.wide-item input, input.wide-item { width: 97%;  max-width: 170px; padding-left: 0; padding-right: 0; }
ul.tabs-menu .oi {vertical-align: middle; margin-left: 5px; font-size: 8px;}
a.disable-admin-link {opacity: 0.5; cursor: default;}

/*** Fix for inputs with text mixed with tags styles ***/
.order-edit-details td.wide-item input {padding-left: 10px; padding-right: 10px; }

/*** Header ***/
.o-link-button {
	display: flex;
	align-items: center;
}
.o-menu-new-icon {
	padding: 0 4px;
	margin: 0 0 0 6px;
	font-size: 10px !important;
	font-weight: bold;
	color: #fff;
	background: red;
	border-radius: 3px;
}
.c-language__change-lang-link {
	height: 24px;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	align-items: center;
	margin: 0 0 0 4px !important;
}
.c-language__change-lang-link img {
	max-height: 20px;
	max-width: 100%;
	width: auto !important;
	height: auto !important;
}
.header-table {width: 100%; height: 100%; padding-top: 28px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
.header-table .logo-td {width: 140px; padding-right: 30px; float: left;}
.logo-td span {display: block; color: #fff; text-transform: uppercase; font-size: 10px; white-space: nowrap;}
#top_left { float: left;}
.customer-area-link {line-height: 25px; font-size: 12px; display:block; height:25px; padding: 0 15px 0 15px; border: 1px solid #477a9f; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; color: #fff; transition: all 200ms linear; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear;}
.customer-area-link:hover {border-color: #72a5ca;}
.customer-area-link .oi {margin-right: 10px; color: #72a5ca;}
#top_right {float: right;}
#bottom_right {margin-top: 10px; color: #fff; text-align: right; font-size: 12px;}
#bottom_right > span {margin-right: 10px;}
#bottom_right span span {font-weight: bold;}
#bottom_right a {color: #fff!important; margin-left: 8px;}
.menu > a {cursor: pointer;}

#second_menu > .menu {display: block; float: left; height: 25px; line-height: 25px; padding: 0 20px; background: #5081a4; color: #fff!important; margin-left: 10px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; font-size: 12px; border: none!important; transition: background 200ms linear; -webkit-transition: background 200ms linear; -moz-transition: background 200ms linear; -o-transition: background 200ms linear; -ms-transition: background 200ms linear; position: relative;}
#second_menu > .menu > a {color: #fff;}
#second_menu > .menu:hover {background: #72a5ca;}
#second_menu > .menu:hover .menu-sub {display: block;}
#second_menu .menu-sub {padding: 10px 0 0 0; margin-left: -20px; margin-right: -20px;}
#second_menu .menu-sub:before {content: ""; display: none; position: absolute; left: 10px; top: 31px; width: 0; height: 0; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent #ffffff transparent;}
#second_menu > .menu:hover .menu-sub:before {display: block;}
#second_menu .menu-sub-inner {border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px;}
#menu_plugins .menu-sub-inner {right: 0; left: auto;}
#menu_profile .menu-sub-inner {right: 0; left: auto;}
#menu_profile .menu-sub::before {left: 36px;}
#second_menu #menu_settings .menu-sub:before {left: 50%; margin-left: -5px;}
#second_menu .blue-select {background: #5081a4; float: left; margin-left: 10px;overflow: hidden; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; position: relative;}
#second_menu .blue-select:after {background: url("../images/icons/select_white_arrow.png") no-repeat scroll center 11px #5081a4; content: ""; display: block; height: 38px; width: 23px; position: absolute; right: 0; top: 0; pointer-events: none;}
#second_menu select {background: transparent; border: none; height: 25px; line-height: 1; color: #fff; padding: 0 5px 0 5px;font-size: 12px;}
#second_menu_wrapper select option {background: #5081a4;}

/*Main Menu*/
#menu {height: auto; line-height: 50px; padding-left: 200px; background: #eee; /* overflow: hidden; */ position: relative;}/* problem with dd-menu if overflow is hidden??!?? */
#menu:before {content: ""; display: block; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: #ddd;}
#menu > table {width: 100%; background: #fff;}
#menu > table td {vertical-align: top;}
#menu > table td + td {height: 50px; white-space: nowrap; width: 1%;}
#menu .menu {float:left; position: relative;}
#menu .menu:before {content: ""; display: block; width: 100%; height: 1px; background: #555; bottom: 0; left: 0; position: absolute; opacity: 0; transition: all 200ms linear; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear;}
#menu .menu:hover:before {opacity: 1;}
#menu .menu > a {display: block; line-height: 50px; height: 50px; font-size: 14px; text-transform: uppercase; color: #555; padding: 0 18px;}
#menu_home > a {width: 19px; background: url("../images/menu/main_home.png") no-repeat scroll center center transparent;}

.menu .menu-sub-inner {display: none; position: absolute; left: 0; background: #fff; z-index: 999991; padding: 20px; border: 1px solid #ddd; border-top: none; border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; box-shadow: 0px 5px 10px -8px #000; -webkit-box-shadow: 0px 5px 10px -8px #000; -moz-box-shadow: 0px 5px 10px -8px #000; -o-box-shadow: 0px 5px 10px -8px #000; -ms-box-shadow: 0px 5px 10px -8px #000; white-space: nowrap; font-size: 0;}
.menu-sub-inner * {font-size: 13px;}
.menu:hover .menu-sub-inner {display: block;}
.menu-sub h2 {font-weight: bold; line-height: normal; font-size: 13px; color: #999; white-space: nowrap; display: block; margin: 0 0 5px 0; text-transform: uppercase; border-bottom: 1px solid #ddd; padding: 0 0 5px 0;}
.menu-sub a {display: block; line-height: normal; white-space: nowrap; color: #555; padding: 4px 10px 4px 10px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; position: relative;}
.menu-sub a:hover {background: #77add5; color: #fff;}
.menu-sub .oi {font-size: 10px; margin-right: 10px;}
.menu-sub .menu_column {display: inline-block; vertical-align: top;}


/*admin-categories*/
.left-box.categories .box-content .box-content {display: none;}
.left-box.categories a {display: block;}
.left-box.categories li:hover a {background: #fff; border-radius: 3px;}
.left-box.categories li:hover ul {background: #fff; border-radius: 3px; border: 1px solid #ddd!important; margin-left: 5px;}
.left-box.categories ul ul * {white-space: nowrap;}
.left-box.categories ul ul {padding: 20px; margin-top: -20px; z-index: 9999; box-shadow: 0 5px 10px -8px #000; -webkit-box-shadow: 0 5px 10px -8px #000;}
.left-box.categories ul ul:after {content: ""; display: block; position: absolute; width: 5px; height: 100%; left: -5px; top: 0;}
.left-box.categories ul ul:before {content: ""; display: block; border-width: 5px 5px 5px 0; border-color: transparent #fff transparent transparent; border-style: solid; height: 0; width: 0; position: absolute; left: -5px; top: 25px;}
.left-box.categories ul ul ul:before {border-color: transparent #ddd transparent transparent;}
.left-box.categories ul ul li:hover > a {background: #77add5; color: #fff;}
.left-box.categories ul ul li:hover > a span {color: #fff;}

/* Quick links box */
.right_column_content a { color: #015f73; }

/*** Login page ***/
#login_logo_wrapper {text-align: center; position: absolute; width: 100%; top: 245px; z-index: 99;}
#login_logo_wrapper div {font-size: 12px; text-transform: uppercase; color: #fff; margin-top: 10px;}
#blue_bg {position: absolute; height: 430px; width: 100%; top: 0; left: 0; background: #1b5a88;}
#light_blue {width: 100%; height: 429px; background: #0B1031; position: absolute; top: 0; z-index: 2}
#loginForm {
	background: #fff;
	width: 450px;
	margin: 0 auto 0 auto;
	position: relative;
	border-radius: 3px;
	color: #555;
	z-index: 9;
	position: relative;
	top: 350px;
	
	padding: 24px;
	border: 1px solid #F2F4F7;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
}
#loginForm:before {content: ""; display: block; width: 100%; height: 25px; position: absolute; left: 0; bottom: -25px; background: url("../images/bg/login_shadow.png") no-repeat scroll center 0 transparent;}
#login span:not(.o-simple-button) {
	display: block;
	text-transform: uppercase;
	font-size: 12px;
	margin: 0 0 4px 0;
}
#login input[type="text"], #login input[type="password"] {
	width: 100%;
	margin: 0;
	padding: 10px 14px;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 8px !important;
	border: 1px solid #D0D5DD;
	background: #FFFFFF;
	color: #101828;
	font-size: 14px;
	line-height: 20px;
	max-width: 100%;
	min-width: 40px;
}
#login .o-custom-select-wrapper select {
	height: 36px;
}
#login .o-custom-select-wrapper::after {
	height: 34px !important;
}
#login > div + div {margin-top: 20px;}
.select-wrapper {height: 30px; line-height: 28px; border: 1px solid #ddd; display: inline-block; width: 150px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; overflow: hidden; position: relative; background: url("../images/login/login_select.png") no-repeat scroll 120px center #fff;}
.select-wrapper select {height: 30px; margin-top: -1px; margin-left: -1px; line-height: 1; width: 200px; font-size: 12px; padding-left: 8px;  background: transparent; border: none; -webkit-appearance: none;}
.select-wrapper select:focus {background: transparent!important; border: none!important;}
#login .login_error {color: #f74f4c; text-align: center; position: absolute; width: 350px; left: 0; margin-top: 40px;}



@media only screen and (max-width: 768px) {
	#login_logo_wrapper {
		top: 40px;
	}
	#loginForm {
		top: 143px;
		width: 92%;
	}
	#loginForm input {
		font-size: 16px;
	}
	#light_blue,
	#blue_bg {
		height: 260px;
	}
}
/*** Login page ***/


/*** buttons ***/

.topbtnTable {
	margin: 15px 0 15px 0;
	width: 100%;
	border-spacing: 0;
}
.topbtnTable.data_edit {border-top: 1px solid #ddd; padding-top: 15px; margin-top: 0;}
.topbtnTable td:first-child { width: 100%;}
span.button {position: relative;}
/*span.button input.input-submit, span.button a.input-submit {background: #5080a4; border: 1px solid #5080a4; color: #fff; height: 30px; line-height: 28px; padding: 0 10px; font-size: 13px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; cursor: pointer; transition: background 200ms linear; -webkit-transition: background 200ms linear; -moz-transition: background 200ms linear; -o-transition: background 200ms linear; -ms-transition: background 200ms linear; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: auto; display: inline-block; font-weight: normal;}*/
/*чspan.button:hover input.input-submit, span.button:hover a.input-submit {background: #2d6a96;}*/
span.button.white-btn input.input-submit, span.button.white-btn a.input-submit, span.delete-button input.input-submit, span.delete-button a.input-submit {background: #fff; color: #2d6a96; border: 1px solid #5080a4; transition: border-color 200ms linear; -webkit-transition: border-color 200ms linear; -moz-transition: border-color 200ms linear; -o-transition: border-color 200ms linear; -ms-transition: border-color 200ms linear;}
span.button.white-btn:hover input.input-submit, span.button.white-btn:hover a.input-submit, span.delete-button:hover input.input-submit, span.delete-button:hover a.input-submit {border-color: #72a5ca;}
span.button.grey-btn input.input-submit, span.button.grey-btn a.input-submit {background: #fff; color: #2d6a96; border-color: #ddd; height: 25px; line-height: 23px; transition: border-color 200ms linear; -webkit-transition: border-color 200ms linear; -moz-transition: border-color 200ms linear; -o-transition: border-color 200ms linear; -ms-transition: border-color 200ms linear;}
span.button.grey-btn:hover input.input-submit, span.button.grey-btn:hover a.input-submit {border-color: #aaa;}
span.button.grey-btn:hover input.input-submit.disabled, span.button.grey-btn:hover a.input-submit.disabled {background: #fff;border-color: #ddd;}
span.button input.input-submit.disabled, span.button a.input-submit.disabled {opacity: .5;}

span.button a .oi {font-size: 12px; margin-right: 5px; vertical-align: -1px;}
.v-separator {width: 1px; height: 30px; background: #ddd; margin: 0 20px; display: inline-block; vertical-align: -10px;}

span.button.link-input input {line-height: normal; background: transparent; color: #2d6a96; border: none; height: auto; padding: 0;}
span.button.link-input:before {content: "("}
span.button.link-input:after {content: ")"}
span.button.link-input:hover input {background: transparent;}

span.button-small-grey {padding: 0 !important; display: inline-block;  margin: 0 0 0 8px; cursor: pointer; hasLayout: true; float: left; }
span.button-small-grey .input-submit {border: none; padding: 0 0 0 8px; position: relative; color: #2d6a96;  width: auto !important; display: block; font-size: 13px;}
span.button-small-grey .removelink { background: url(../images/buttons/btn-remove.png) 0 center no-repeat; padding-left: 20px;  height: auto; line-height: 16px; }
span.button-small-grey .insertlink { background: url(../images/buttons/btn-insert.png) 0 center no-repeat; padding-left: 20px;  }
span.button-small-grey .addlink { background: url(../images/buttons/btn-add.png) 0 center no-repeat; padding-left: 20px;  }
span.button-small-grey .editlink { background: url(../images/buttons/btn-edit.png) 0 0 no-repeat; padding-left: 24px;  }
span.button-small-grey .upload-link { background: url(../images/buttons/btn-upload.png) 0 0 no-repeat; padding-left: 24px;  }
.quick_category_create span.button-small-grey{ float: none; vertical-align: middle; padding: 6px 0 0 0 !important; }
span.button.mass-btn span input.input-submit, span.button.mass-btn span a.input-submit {background: url("../images/icons/check.png") no-repeat scroll 8px center transparent; padding-left: 27px;}
.quick_category_create span.button-small-grey .categoryFind {
	background: url(../images/buttons/btn-find.png) no-repeat scroll 4px 2px transparent;
}

span.delete-button span input.input-submit, span.delete-button span a.input-submit {background: url("../images/buttons/btn-remove.png") no-repeat scroll 8px center transparent; padding-left: 25px;}
span.delete-button:hover span input.input-submit, span.delete-button:hover span a.input-submit {background: url("../images/buttons/btn-remove.png") no-repeat scroll 8px center transparent;}

.btn-print { background: url(../images/buttons/btn-print.png) 100% 50% no-repeat; padding: 0 24px 0 6px ; border: none;  color: #2d6a96; cursor: pointer;  margin: 0 8px 0 0; font-size: 13px;}
.btn-print:hover {color: #77add5; cursor: pointer; }
.btn-export { background: url(../images/buttons/btn-export.png) 100% 50% no-repeat; padding: 0 22px 0 0; border: none; color: #2d6a96; cursor: pointer; margin: 0 8px 0 0; font-size: 13px;}
.btn-export:hover {color: #77add5; cursor: pointer; }
.btn-import { background: url(../images/buttons/btn-import.png) 100% 50% no-repeat; padding: 0 22px 0 0; border: none; color: #2d6a96; cursor: pointer; margin: 0 8px 0 0; font-size: 13px; height: 25px; display: inline-block; line-height: 23px;}
.btn-import:hover {color: #77add5; cursor: pointer; }

span.cancel-button, span.discard-button { background: none; }
span.cancel-button input.input-submit, span.discard-button input.input-submit { background: none; color: #015F73;}
span.cancel-button:hover, span.discard-button:hover { background: none; }
span.cancel-button:hover input.input-submit, span.discard-button:hover input.input-submit { background: none; color: #17b0cc;}

span.btn-print-invoice, span.btn-edit-order, span.btn-print-packing-slip, span.btn-print-invoice:hover, span.btn-edit-order:hover, span.btn-print-packing-slip:hover { background: none;  }
span.btn-print-invoice:hover, span.btn-edit-order:hover, span.btn-print-packing-slip:hover { background: none;  }

span.btn-print-invoice a:after, span.btn-print-packing-slip a:after, span.btn-edit-order a:after {
	font-family: 'Icons';
	display: inline-block;
	speak: none;
	line-height: 1;
	vertical-align: baseline;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-left: 4px;
	font-size: 10px;
}
span.btn-print-invoice a, span.btn-print-packing-slip a, span.btn-edit-order a {margin-right: 5px;}
span.btn-print-invoice a:after {content: "\e067"}
span.btn-print-packing-slip a:after {content: "\e03a"}
span.btn-edit-order a:after {content: "\e0a3"}
.printInvoiceButton.data_list-inner-table-colored td {padding: 2px 12px!important; }
.printInvoiceButton.data_list-inner-table-colored .btn-print-invoice a {background-position: 100% -40px!important;}


/* filters */
.width100 {position: relative;}
.o-remove-filter-button.o-remove-filter-button {position: absolute; right: -5px; z-index: 9; top: -5px;}
.data_list_filters input.inactive, .data_list_filters select.inactive { color: #999; }
.data_list .alt_tags input.inactive, .data_list .alt_tags select.inactive { color: #999; }
.data_list_filters select {   margin: 0 8px 0 0;   }
.data_list_filters input.small { width: 55px; }
.data_list .additionalFiltersRow > td, .data_list .data_list_filters > td {padding-top: 0!important; white-space: normal!important;}
.data_list_filters > td span.button input.input-submit, .data_list_filters > td span.button a.input-submit {height: 25px; line-height: 23px; background: #fff; border-color: #ddd; color: #2d6a96; transition: all 200ms linear; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear;}
.data_list_filters > td span.button:hover input.input-submit, .data_list_filters > td span.button:hover a.input-submit {border-color: #aaa;}
.data_list_filters td { white-space: nowrap; padding: 15px 0 15px 0!important;}
#showAdditionalFilters { margin-right: 0px; border: 0; line-height: 21px; }
#showAdditionalFilters {height: 19px; }
.orderStatusesFilters input { width: auto; }
.warehouse-select {
	width: 165px;
	float: left;
	margin: 0 20px 0 0;
}
.warehouse-select div {
	padding: 2px 0px;
}
.orders-top-filters input, .orders-top-filters select { margin-top: 3px !important;  }
.orders-top-filters .ui-daterangepicker-arrows input { margin-top: auto !important;  }

.c-filter-list .comboTreeWrapper {
	width: 165px;
	float: left;
}
.c-filter-list .comboTreeInputBox {
	float: inherit;
	margin: 0;
}

/*Custom Select*/
.custom-check.check input + label {width: 17px; height: 13px; left: 0; top: 0; position: absolute; background: url("../images/icons/uncheck.png") no-repeat scroll center center transparent; padding: 4px!important;}
.custom-check.check input:disabled + label {background-image: url("../images/icons/uncheck-dis.png");}
.custom-check.check input:checked + label {background: url("../images/icons/check.png") no-repeat scroll center center transparent;}
.custom-check.check input:checked:disabled + label {background: url("../images/icons/check-dis.png") no-repeat scroll center center transparent;}
.c-jet-credit__email-input {background: #ddd; cursor: not-allowed; pointer-events: none;}

/*** paging navigation ***/
span.page_sel {text-align: center; background: #5080a4; color: #fff; font-weight: bold;}
div.page_sel {text-align: center;}

.records_per_page {position: relative; float: right; margin-right: 20px;}
.records_per_page label {height: 32px; line-height: 30px;}
.records_per_page label:after {height: 30px;}
.records_per_page label select {height: 32px; line-height: 30px;}
.topNavLeft { float: left; }
.topNavLeft a { color: #1737a7; font-weight: bold; }
.topNavRight { float: right; }
.topNavRight a { color: #1737a7; font-weight: bold; }

.records {float: left; line-height: 27px; top: 2px; display: none;}
span.page_sel span {display: block;}
span.page_sel:hover {}
span.page_sel:hover span {}
.single-pager {
	width: 22px !important;
	padding: 0 !important;
	display: inline-block;
}
.bottomNav a span{text-align: center;}
.bottomNav a:hover {background: #5080a4; color: #fff;}
.bottomNav a:hover span {color: #fff!important;}
.bottomNav a img { vertical-align: middle; }

/* paging */

.c-payment-module__image {
	display: block;
	max-width: 180px;
	max-height: 32px;
	width: auto;
	height: auto;
	margin: 4px auto;
}

/*multiple-categories*/
span.button-small-grey .categoryFind {background: url("../images/buttons/btn-find.png") no-repeat scroll 0 0 transparent; padding-left: 24px;}

/*** buttons ***/

/*Home Page*/
.home-sections {margin: 30px;}
.left-home-section { width: 49%; float: left; margin: 0 1% 0 0; }
.home-sections .item {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fff; position: relative; margin: 0 0 8px; padding: 10px; border: 1px solid #ddd; min-height: 410px;}
.home-sections .item h2 { padding: 0 0 10px; margin: 0 2px; line-height: 44px; font-size: 11px; color: #333; font-weight: bold; white-space: nowrap; height: 44px; overflow: hidden; border-bottom: 1px solid #ddd; font-weight: normal;}
.home-item-icon { float: left; height: 44px; width: 44px; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 16px 0 0;}
#home-section-left-1 .home-item-icon { background-image: url(../images/homepage/home-item-icon-1.png);  }
#home-section-left-2 .home-item-icon { background-image: url(../images/homepage/home-item-icon-2.png);  }
#home-section-right-1 .home-item-icon { background-image: url(../images/homepage/home-item-icon-3.png);  }
#home-section-right-4 .home-item-icon { background-image: url(../images/homepage/home-item-icon-4.png);  }
#home-section-right-3 .home-item-icon { background-image: url(../images/homepage/home-item-icon-5.png);  }
.home-item-tabs { list-style: none; }
h2 span.home-item-tabs {display: inline-block; background: #f74f4c; color: #fff; border-radius:3px; -webkit-border-radius:3px; font-size: 13px; height: 30px; line-height: 30px; margin: 7px 0 0 10px; outline: 0 none; padding: 0 15px; text-decoration: none; white-space: nowrap; cursor: default;}
.home-item-tabs li { float: left; height: 0; padding-top: 5px; }
.home-item-tabs a { position: relative; display: block; background: #eee; border-radius:3px; -webkit-border-radius:3px; color: #555; font-size: 13px; height: 30px; line-height: 30px; margin: 0 0 10px 10px; outline: 0 none; padding: 0 15px; text-decoration: none; white-space: nowrap; cursor: pointer;}
.home-item-tabs li.active a, .home-item-tabs li:hover a { background: #f74f4c; color: #fff;}
.home-item-tabs li.active a {cursor: default;}
.edit-home-section { position: absolute; right: 4px; top: 4px; display: block; background: url(../images/homepage/home-section-edit.png) 0 0 no-repeat; width: 22px; height: 21px;  z-index: 5; cursor: pointer; }


/*quick_category_create*/
table.quick_category_create {margin: 0!important;}
table.quick_category_create tr td {padding: 0!important;}
table.quick_category_create .comboTreeInputBox { margin: 0; border-radius: 3px; }
.comboTreeDropDownContainer { border-radius: 3px; scrollbar-color: #ddd #fff; scrollbar-width: thin; }
.comboTreeDropDownContainer::-webkit-scrollbar { width: 6px; }
.comboTreeDropDownContainer::-webkit-scrollbar-thumb { border-radius: 6px; background: #ddd; }
.comboTreeWrapper .comboTreeDropDownContainer {
	max-height: 460px;
}
.comboTreeInputWrapper {
	cursor: pointer;
}
table.quick_category_create .comboTreeArrowBtn {
	border-radius: 0 3px 3px 0;
	border-left: 0;
	width: 26px;
	height: 25px;
}
.comboTreeWrapper .comboTreeArrowBtnImg {
	border-color: transparent;
	border-style: solid;
	border-width: 0;
	left: 0;
	margin-left: 0;
	margin-top: 0;
	position: absolute;
	top: 0;
	font-size: 0;
	background: url(../images/icons/custom-arrow.png) no-repeat scroll center center #fff;
	width: 100%;
	height: 100%;
}
.comboTreeWrapper { max-width: 400px !important; width: 400px !important; display: inline-block; }
.bannerSlidesSettingsPopupTable .comboTreeWrapper,
categories-menu + tr .comboTreeWrapper {
	width: 350px;
}
.comboTreeDropDownContainer li {padding-left: 0; position: relative;}
.comboTreeDropDownContainer li:hover { background: transparent; padding-left: 0; }
.comboTreeDropDownContainer li span.comboTreeItemTitle.comboTreeItemHover, .comboTreeDropDownContainer label.comboTreeItemHover {
	background: #2d6a96;
}
.comboTreeWrapper .comboTreeParentPlus {
	position: absolute;
	left: 8px;
	top: 5px;
	width: 4px;
	float: left;
	cursor: pointer;
	width: 12px;
	height: 14px;
}
.comboTreeParentPlus .mdi-chevron-down-circle-outline {
	display: block;
	width: 0;
	height: 0;
	border-right: 4px solid #000;
	border-left: 4px solid transparent;
	border-top: 4px solid transparent;
	border-bottom: 4px solid #000;
	margin-top: 2px;
	margin-left: 2px;
}
.ComboTreeItemParent.comboTreeItemHover > span > .mdi-chevron-down-circle-outline {
	border-right: 4px solid #fff;
	border-bottom: 4px solid #fff;
}
.comboTreeParentPlus .mdi-chevron-right-circle-outline {
	display: block;
	width: 0;
	height: 0;
	border-right: 5px solid transparent;
	border-left: 5px solid #000;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	margin-top: 2px;
	margin-left: 2px;
}
.ComboTreeItemParent.comboTreeItemHover > span > .mdi-chevron-right-circle-outline {
	border-left: 5px solid #fff;
}
.product-group .category-select input[type="text"] {
	max-width: 320px;
	width: 320px;
	margin: 0 0 -2px 0;
}
.comboTreeWrapper .comboTreeInputBox {
	max-width: 280px;
	width: 280px;
	cursor: pointer;
}
.categories-menu + tr .comboTreeInputBox {
	max-width: 350px;
	width: 350px;
	height: 28px;
	line-height: 28px;
}
.c-combo-tree__search-input-wrapper {
	position: sticky;
	float: none !important;
	top: 0;
	left: 0;
	z-index: 9;
	width: 100%;
	padding: 8px 12px;
	background: #fff;
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;
}
#container .comboTreeWrapper .comboTreeDropDownContainer > .c-combo-tree__search-input-wrapper input[type="text"] {
	max-width: 100%;
	width: 100%;
	border: 1px solid #e1e1e1;
	float: none;
	margin: 0 !important;
}
/* Because of the plugin html structure and wanted design it need to have those kind of selectores for arrow icon and subcategories padding */
.content table.data_list .comboTreeDropDownContainer ul li { padding: 0; position: relative; }
.comboTreeDropDownContainer li .selectable { padding-left: 22px; }
.comboTreeDropDownContainer li .selectable + ul li .selectable { padding-left: 34px; }
.comboTreeDropDownContainer li .selectable + ul li .selectable + ul li .selectable { padding-left: 46px; }
.comboTreeDropDownContainer li .selectable + ul li .selectable + ul li .selectable + ul li .selectable { padding-left: 58px; }
.comboTreeDropDownContainer li .selectable + ul li .selectable + ul li .selectable + ul li .selectable + ul li .selectable { padding-left: 70px; }
.comboTreeParentPlus + .selectable + ul li .comboTreeParentPlus { left: 20px; }
.comboTreeParentPlus + .selectable + ul li .comboTreeParentPlus + .selectable + ul li .comboTreeParentPlus { left: 32px; }
.comboTreeParentPlus + .selectable + ul li .comboTreeParentPlus + .selectable + ul li .comboTreeParentPlus + .selectable + ul li .comboTreeParentPlus { left: 44px; }
.comboTreeParentPlus + .selectable + ul li .comboTreeParentPlus + .selectable + ul li .comboTreeParentPlus + .selectable + ul li .comboTreeParentPlus + .selectable + ul li .comboTreeParentPlus { left: 56px; }
.comboTreeParentPlus + .selectable + ul li .comboTreeParentPlus + .selectable + ul li .comboTreeParentPlus + .selectable + ul li .comboTreeParentPlus + .selectable + ul li .comboTreeParentPlus + .selectable + ul li .comboTreeParentPlus { left: 68px; }
.bannerSlidesSettingsPopupTable td td div.comboTreeDropDownContainer,
.categories-menu + tr .comboTreeDropDownContainer {
	display: none;
	float: none !important;
	top: 100%;
	max-width: 350px;
}

/*** Product pages ***/
.product-group input[type="text"] {max-width: 170px;}
.product-group .comboTreeWrapper input[type="text"] {max-width: inherit}
.comboTreeWrapper input[type="text"]:focus, table.quick_category_create .comboTreeArrowBtn:focus {outline: 0; border-color: #e1e1e1 !important;}
.product-group .brand-select select {max-width: 170px!important; min-width: 170px;}
.product-group > tbody > tr > td > div {margin-right: 20px; margin-bottom: 10px;}
.product-group .product-name input {max-width: 600px; width: 600px!important; margin-bottom: 8px;}
.product-group .product-sku input {max-width: 250px;}
.product-group .product-visible select {width: 139px; max-width: 139px!important; min-width: 139px!important;}
.c-product__product-description-tab-input {
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	height: 18px !important;
	font-size: 13px !important;
}
.cke {
	margin: 12px 0 8px 0 !important;
}
.c-product__product-description-tab-text {
	display: inline-block;
	min-width: 20px !important;
	white-space: pre;
}
.ui-tabs-selected .c-product__product-description-tab-input,
.ui-tabs-selected .c-product__product-description-tab-input::placeholder {
	color: #fff !important;
}
.c-product__product-description-tab-item a:hover .c-product__product-description-tab-input,
.c-product__product-description-tab-item a:hover .c-product__product-description-tab-input::placeholder {
	color: #fff;
	transition: color 0.2s ease;
}
.c-product__product-description-tab-item.ui-tabs-selected a:hover .c-product__product-description-tab-input,
.c-product__product-description-tab-item.ui-tabs-selected a:hover .c-product__product-description-tab-input::placeholder {
	color: #555;
}
.c-product-mgmt__sold-quantity {
	color: #fff;
	font-weight: bold;
	background: #f74f4c;
	padding: 2px 12px;
	min-width: 50px;
	display: block;
	width: fit-content;
	box-sizing: border-box;
	text-align: center;
}
table#ProductVariants_table * {
	white-space: normal;
}
table#ProductVariants_table span + label {
	white-space: nowrap;
}
table#ProductVariants_table .for-img-alt-tag {
	margin-left: 0;
}
table#ProductVariants_table .for-img-alt-tag input + label {
	width: 100%;
	height: 18px;
	background-position: 0 center;
	overflow: visible;
	padding-left: 18px !important;
	vertical-align: middle;
}
table#ProductVariants_table input[type="text"],
table#ProductVariants_table input[type="number"] {
	max-width: 120px;
}
table#ProductVariants_table .c-product-edit__variant-discount-cell input {
	margin: 0 0 4px 0;
}
/*** Product pages ***/


/*** Start Edit Order page ***/

.c-edit-order__product-image-wrapper {
	position: relative;
}
.c-edit-order__product_image-zoom {
	display: flex;
	width: 32px;
	height: 32px;
	position: absolute;
	top: -20px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	background: #fff url("../images/zoom-icon.png") no-repeat center;
	background-size: 22px auto;
	border-radius: 4px;
	opacity: 0;
	transition: all 0.3s ease;
}
.c-edit-order__product-image-wrapper:hover .c-edit-order__product_image-zoom {
	top: 0;
	opacity: 0.5;
	transition: all 0.3s ease;
}

/*** End Edit Order page ***/




/*** Start Blacklist plugin ***/
.c-blacklist-table__blacklist-button {
	background: #F00000;
	color: #fff;
	border: 0;
	font-size: 13px;
	padding: 9px 16px;
	line-height: 1 !important;
	cursor: pointer;
}
.c-blacklist-table tr td:first-of-type {
	width: 24%;
}
.c-blacklist-table tr td:second-of-type {
	width: 60%;
}
.c-blacklist-table__select-label,
.c-blacklist-table__select-label select {
	width: 100%;
}
/*** End Blacklist plugin ***/

/*** Start Custom menu table in Short Messages plugin ***/
.c-short-messages__custom-table {
	display: flex;
	align-items: flex-start;
	margin: 0 0 36px -26px;
}
.c-short-messages__custom-table .data_list.data_edit {
	width: 100% !important;
	margin: 0 40px 0 0 !important;
	max-width: 420px;
	border: 1px solid #ddd;
	padding: 4px 10px;
	border-radius: 3px;
}
.c-short-messages__custom-table .data_list.data_edit a {
	font-weight: bold;
}
.c-orders-page__tag-viber-sms {
	display: inline-block;
	color: #fff;
	background: #aaa;
	padding: 2px 6px;
	margin: 6px 6px 0 0;
	border-radius: 4px;
	white-space: nowrap;
	box-shadow: 0px 3px 5px 0px #ddd;
	transition: all 0.6s ease;
}
.c-orders-page__tag-viber-sms:hover {
	opacity: 0.8;
	transition: all 0.6s ease;
}
.content #tab-sms-messages table.data_list td {
	padding-left: 0;
}
/*** End Custom menu table in Short Messages plugin ***/


/* Seo checker */
.c-seo-checker__table-content td.asterisk {
	text-align: right;
	padding-right: 5px !important;
}
.c-seo-checker__table-content .c-seo-checker__percent-title {
	width: 100px;
	text-align: right;
}

/* ProductVariants rs delete button */
tr.c-table__variant-row {
	position: relative;
}

.product-variant-delete-button {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}

.product-variant-delete-button {
	border-radius: 50%;
	width: 15px;
	height: 15px;
	display: inline-block;
	line-height: 15px;
	margin: 5px 5px;
	text-align: center;
	color: #f50000;
	/* padding: 0; */
	border: 1px solid #f50000;
}

.product-variant-delete-button:hover {
	background-color: #bd8585;
}

input[type="radio"][name="ProductVariantIsDefault"]:checked + .product-variant-delete-button {
	display: none;
}

/* Start highlight client groups */
.c-orders-mgmt__customer-group-label {
	display: inline-flex;
	height: 14px;
	position: relative;
	top: 3px;
	width: 40px;
	max-width: 40px;
}
.c-orders-mgmt__customer-group-label img {
	max-width: 40px;
	max-height: 15px;
	width: auto;
	height: auto;
}
/* End highlight client groups */

/* Languages in html/skins/default/admin/categories/categories_quick_create.tmpl */


/* Start my plans page */
.c-my-plans__current-main-plan {
	display: flex;
	align-items: center;
	padding: 0 50px;
	margin: 0 0 72px 30px;
	width: fit-content;
	border-radius: 14px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	background: url('../images/bg/header.png') no-repeat scroll 0 0 #0a4c7c;
	position: relative;
	height: 84px;
}
.c-my-plans__current-main-plan-label {
	position: absolute;
	left: 50px;
	top: 14px;
	color: #fff;
	opacity: 0.6;
	font-size: 11px;
}
.c-my-plans__current-main-plan-name {
	padding: 16px 0;
	font-size: 28px;
	color: #fff;
	margin: 0 50px 0 0;
	display: inline-block;
}
.c-my-plans__current-main-plan-timer-wrapper {
	display: inline-block;
	position: relative;
	height: 100%;
	margin: 0 50px 0 0;
}
.c-my-plans__current-main-plan-timer {
	z-index: 9;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: relative;
	height: 74px;
	width: 48px;
	padding: 0 8px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}
.c-my-plans__current-main-plan-timer span:nth-child(2) {
	font-size: 28px;
}
.c-my-plans__current-main-plan-timer-bg {
	position: absolute;
	top: -12px;
	left: 0;
	background: #f74f4c;
	display: block;
	height: 96px;
	width: 100%;
	z-index: 1;
	border-radius: 0 6px 0 0;
}
.c-my-plans__current-main-plan-timer-bg::before {
	content: "";
	width: 10px;
	height: 12px;
	background: #9d3230;
	border-radius: 100px 0 0 0;
	display: block;
	position: absolute;
	left: -10px;
	top: 0;
}
.c-my-plans__current-main-plan-timer-bg::after {
	content: "";
	border-top: 14px solid #f74f4c;
	border-left: 32px solid transparent;
	border-right: 32px solid transparent;
	position: absolute;
	left: 0;
	bottom: -14px;
}
.c-my-plans__current-main-plan-renew {
	border: 0;
	background: #4c7c0a;
	padding: 8px 22px;
	border-radius: 6px;
	font-size: 18px;
	color: #fff;
	text-shadow: 0 0 1px #fff;
	font-weight: 500;
	cursor: pointer;
}
.c-my-plans__current-modules-plan-list {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 72px 30px;
}
.c-my-plans__current-modules-plan-item {
	display: inline-block;
	padding: 2px 8px;
	margin: 0 8px 8px 0;
	background: #eee;
	border-radius: 4px;
	font-size: 12px;
	color: #2d6a96;
	cursor: default;
}
.c-my-plans__modules-link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	padding: 2px 16px;
	font-size: 14px;
	line-height: 1;
	border-radius: 3px;
	cursor: pointer;
	min-height: 34px;
	height: initial;
	border: 1px solid #E27C7C;
	text-shadow: 0px 0px 1px #fff;
	background: #E27C7C;
	color: #fff;
	box-sizing: border-box;
	text-align: center;
}
.c-my-plans__current-main-plan.is-payed .c-my-plans__current-main-plan-timer-wrapper {
	margin: 0;
}
.c-my-plans__current-main-plan.is-payed .c-my-plans__current-main-plan-timer {
	width: 100px;
}
.c-my-plans__current-main-plan.is-payed .c-my-plans__current-main-plan-timer-bg::after {
	border-top: 24px solid #f74f4c;
	border-left: 58px solid transparent;
	border-right: 58px solid transparent;
	bottom: -24px;
}
.c-my-plans__current-main-plan.is-payed .c-my-plans__current-main-plan-timer span:nth-child(2) {
	font-size: 18px;
}
.c-my-plans__next-steps {
	display: flex;
	align-items: center;
}
.c-my-plans__next-steps .o-simple-button {
	display: inline-flex;
	margin: 0 12px 0 0;
}
.c-my-plans__next-steps .o-simple-button-submit {
	font-size: 14px !important;
	height: initial !important;
	padding: 2px 16px !important;
}
/* End my plans page */


/*** Start general style for popup scpopup ***/
.o-popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,.6);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 999999;
}
.o-popup__content-wrapper {
	max-width: 620px;
	max-height: 82vh;
	width: 100%;
	background: #fff;
	border-radius: 8px;
	padding: 24px;
	overflow: auto;
}
.o-popup__content-wrapper::-webkit-scrollbar {
	width: 6px;
}
.o-popup__content-wrapper::-webkit-scrollbar-thumb {
	background: #ddd;
	border-radius: 10px;
}
.o-popup__content-wrapper::-webkit-scrollbar-track {
	background: #fff;
	border-radius: 10px;
}
.o-popup__content {
	margin: 24px 0 0 0;
}
.o-popup__content img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}
.o-popup__centered-image {
	margin: 0 auto;
	display: block;
	max-width: 100%;
}
.o-popup__close {
	position: absolute;
	top: 24px;
	right: 24px;
	cursor: pointer;
	width: 34px;
	height: 34px;
}
.o-popup__close::before,
.o-popup__close::after {
	position: absolute;
	top: 0;
	left: 15px;
	content: "";
	height: 33px;
	width: 3px;
	background-color: #fff;
}
.o-popup__close::before {
	transform: rotate(45deg);
}
.o-popup__close::after {
	transform: rotate(-45deg);
}
.o-popup__content-wrapper title {
	display: block;
	overflow: hidden;
	font-weight: bold;
	font-size: 12px;
	color:#000;
	padding-bottom: 5px;
	border-bottom: 1px solid #e1e1e1;
}
@media only screen and (max-width: 768px) {
	.o-popup__content-wrapper {
		padding: 24px 12px;
	}
}
/*** End general style for popup scpopup ***/

.c-order-mgmt__fulfilment-label {
	float: right;
	color: #80580A;
	background: #fff url(../images/icons/box.png) no-repeat 8px center;
	padding: 4px 8px 4px 26px;
	font-weight: bold;
	font-size: 12px;
	border: 1px solid #FAAD14;
	border-radius: 6px;
	background-size: 13px;
	margin: 0 8px 8px 0;
}