body {
	margin: 0;
	padding: 0;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #000000;
}

h4 {
	font-size: 13px;
}

a {
	color: #000000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:focus {
	outline: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input, select, textarea, .linkbutton, .backend-editable {
	margin: 0 0 2px 0;
	border: 1px solid #cccccc;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	background-color: #ffffff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

input, textarea, .backend-editable {
	padding: 2px 4px;
}

input[type=text] {
	height: 14px;
}

input::-moz-focus-inner {
	border: 0;
	padding:0
}

select {
	padding: 1px;
	height: 20px;
}

input[type=file] {
	border: 0;
	padding: 0;
}

input[type=button], input[type=submit], .linkbutton {
	height: 20px;
	margin: 0;
	padding: 2px 5px;
	cursor: pointer;
	border: 0;
	color: #555555;
	background-color: inherit;
}

input:focus, textarea:focus, select:focus, a.linkbutton:focus-within {
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.5);
}

pre {
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 12px;
	line-height: 150%;
	tab-size: 4;
	-o-tab-size: 4;
	-moz-tab-size: 4;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.highlight {
	color: #6cb07d;
	font-weight: bold;
}

.error, .error a {
	color: #ff0000;
}

.grayed, .grayed a {
	color: #888888;
}

tr.locked td:not(._actions) {
	opacity: 0.5;
}

.linkbutton.disabled, .icon.disabled {
	display: none;
	opacity: 0.5;
	cursor: default;
}

.button-vr {
	border-right: 1px dotted #aaaaaa;
	margin: 0 5px;
}

input[type=button].icon, input[type=submit].icon {
	background-color: #3286aa;
	color: #ffffff;	
}

.form-horizontal input[type=button], .form-horizontal input[type=submit], .form-default input[type=button], .form-default input[type=submit], .form-order input[type=button], .form-order input[type=submit], .form-order-buttons input[type=button], .form-order-buttons input[type=submit], .form-default-buttons input[type=button], .form-default-buttons input[type=submit], .tbllist tfoot input[type=submit], .table-info .button, .table-info input[type=submit], .pop-close.button, .slider-prev, .slider-next {
	display: inline-block;
	height: 34px;
	margin-bottom: 2px;
	padding: 8px 12px;
	border-color: #aaaaaa;
	background-color: #3286aa;
	color: #ffffff;
	font-size: 13px;
}

.pop-close.button {
	top: -8px !important;
	right: -9px !important;
	text-indent: -9999px;
	background-image: url("../graphics/cancel.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: 5px 4px;
}

.pop-close.button, .slider-prev, .slider-next {
	width: 12px !important;
	height: 12px !important;
	padding: 4px 5px !important;
	border-radius: 4px;
	text-align: center;
	line-height: 11px;
}

.slider-prev {
	left: -9px !important;
}

.slider-next {
	right: -9px !important;
}

.table-info a.linkbutton {
	line-height: 20px;
}

input[type=button]:hover, input[type=submit]:hover, .form-default input[type=button]:hover, .form-default input[type=submit]:hover, .tbllist tfoot input[type="submit"]:hover, .table-info .linkbutton:hover, .pop-close.button:hover, .slider-prev:hover, .slider-next:hover {
	background-color: #47a4cc;
	color: #ffffff;
	text-decoration: none;
}

input[type=button]:hover:disabled, input[type=submit]:hover:disabled, .form-default input[type=button]:hover:disabled, .form-default input[type=submit]:hover:disabled, .tbllist tfoot input[type="submit"]:hover:disabled, .table-info .linkbutton:hover:disabled {
	background-color: #3286aa;
	cursor: default;
}

.form-horizontal input[type=button]:disabled, .form-horizontal input[type=submit]:disabled, .form-default input[type=button]:disabled, .form-default input[type=submit]:disabled, .form-order input[type=button]:disabled, .form-order input[type=submit]:disabled, .form-order-buttons input[type=button]:disabled, .form-order-buttons input[type=submit]:disabled, .form-default-buttons input[type=button]:disabled, .form-default-buttons input[type=submit]:disabled, .tbllist tfoot input[type=submit]:disabled, .table-info .button:disabled, .table-info input[type=submit]:disabled {
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	cursor: default;
}

input.flash, tr.flash {
	animation: flash 0.5s infinite;
	animation-direction: alternate;
}

@keyframes flash {
	from {
		background-color: #3286aa;
	}

	to {
		background-color: #67c4ec;
	}
}

.linkbutton:hover {
	color: #000000;
}

input[type=checkbox] {
	width: 17px;
	height: 17px;
	margin-left: -2px;
	vertical-align: bottom;
}

.form-default-buttons input[type=checkbox] {
	vertical-align: middle;
}

iframe {
	border: none;
}

fieldset {
	border: 1px solid #cccccc;
	margin: 0;
	padding: 5px 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

fieldset.subbox {
	border: 0;
	padding: 0;
}

hr {
	border: none;
	background-color: #aaaaaa;
	color: #aaaaaa;
	height: 1px;
}

legend {
	font-size: 13px;
}

fieldset>legend, fieldset>legend a {
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

fieldset>legend a {
	padding-right: 20px;
	background-image: url("../graphics/open-dark.png");
	background-repeat: no-repeat;
	background-position: right top;
}

fieldset>legend a.closed {
	background-image: url("../graphics/closed-dark.png");
}

.tbllist tr.highlight {
	background-color: #8cd09d;
	color: #000000;
}

.tbllist tr:hover .linkbutton {
	border-color: #eeeeee;
}

.tbllist tr:hover .linkbutton:hover {
	border-color: #aaaaaa;
}

.linkbutton {
	display: inline-block;
	height: 16px;
	line-height: 16px;
}

.icon, input.icon {
	padding: 1px 5px 1px 21px;
	background-image: url("../graphics/action.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: 4px 3px;
	text-align: left;
}

input.icon[disabled="disabled"] {
	opacity: 0.5;
}

.form-default .icon, .form-order .icon, .form-default input.icon, .form-order input.icon, .form-order-buttons input.icon, .form-default-buttons input.icon {
	margin-right: 4px;
	padding: 8px 12px 8px 30px;
	background-position: 10px 11px;
}

.icon-edit, input.icon-edit {
	background-image: url("../graphics/edit.png");
}

.tbllist .icon-edit {
	background-image: url("../graphics/edit-dark.png");	
}

.tbllist .icon-action {
	background-image: url("../graphics/action-dark.png");
}

.tbllist tfoot .icon-action {
	background-image: url("../graphics/action.png");
}

.icon-delete, input.icon-delete {
	background-image: url("../graphics/delete.png");
}

.form-default .icon-delete, .form-default input.icon-delete, .form-horizontal input.icon-delete, .tbllist .icon-delete, .tbllist tfoot input.icon-delete, .tbllist .icon-cancel, .tbllist tfoot input.icon-cancel, .form-horizontal input.icon-cancel, .form-order-buttons input.icon-cancel, .form-default-buttons input.icon-cancel, .table-info .icon-delete {
	background-color: #de7d7e;
	color: #ffffff;
}

.form-default .icon-delete:hover, .form-default input.icon-delete:hover, .form-horizontal input.icon-delete:hover, .tbllist .icon-delete:hover, .tbllist tfoot input.icon-delete:hover, .tbllist .icon-cancel:hover, .tbllist tfoot input.icon-cancel:hover, .form-horizontal input.icon-cancel:hover, .form-order-buttons input.icon-cancel:hover, .form-default-buttons input.icon-cancel:hover, .table-info .icon-delete:hover {
	background-color: #ff9e9f;
	color: #ffffff;
}

.form-default .icon-delete:hover:disabled, .form-default input.icon-delete:hover:disabled, .tbllist .icon-delete:hover:disabled, .tbllist tfoot input.icon-delete:hover:disabled, .tbllist .icon-cancel:hover:disabled, .tbllist tfoot input.icon-cancel:hover:disabled, .form-order-buttons input.icon-cancel:hover:disabled, .form-default-buttons input.icon-cancel:hover:disabled, .table-info .icon-delete:hover:disabled {
	background-color: #de7d7e;
}

.icon-view {
	background-image: url("../graphics/view.png");
}

.tbllist .icon-view, .table-info .icon-view {
	background-image: url("../graphics/view-dark.png");
}

.icon-info {
	background-image: url("../graphics/info.png");
}

.tbllist .icon-info {
	background-image: url("../graphics/info-dark.png");
}

.icon-add, input.icon-add {
	background-image: url("../graphics/add.png");
}

.tbllist .icon-add {
	background-image: url("../graphics/add-dark.png");
}

.icon-up {
	background-image: url("../graphics/up.png");
}

.tbllist .icon-up {
	background-image: url("../graphics/up-dark.png");
}

.icon-down {
	background-image: url("../graphics/down.png");
}

.icon-export, input.icon-export, .icon-download, .tbllist .icon-download {
	background-image: url("../graphics/fileadd.png");
}

.tbllist-actions .icon-download {
	background-image: url("../graphics/fileadd-dark.png");
}

.tbllist .icon-upload {
	background-image: url("../graphics/file.png");
}

.tbllist .icon-down {
	background-image: url("../graphics/down-dark.png");
}

.icon-sortable {
	background-image: url("../graphics/sortable.png");
}

.tbllist .icon-sortable {
	background-image: url("../graphics/sortable-dark.png");
}

.tbllist .icon-locked {
	background-image: url("../graphics/locked-dark.png");
	cursor: default;
}

.icon-cancel, input.icon-cancel, .icon-cancel-small, input.icon-cancel-small {
	background-image: url("../graphics/cancel.png");
}

.icon-save, input.icon-save, .icon-enable, input.icon-enable {
	background-image: url("../graphics/save.png");
}

input.icon.icon-save, .form-order input.icon-save, .form-default .icon-save, .form-default input.icon-save, .tbllist .icon-save, .tbllist input.icon-save, .tbllist tfoot input.icon-save, .form-order-buttons input.icon-save, .form-default-buttons input.icon-save {
	color: #ffffff;
	background-color: #6cb07d;
}

.form-order input.icon-save:hover, .form-default .icon-save:hover, .form-default input.icon-save:hover, .tbllist .icon-save:hover, .tbllist tfoot input.icon-save:hover, .form-order-buttons input.icon-save:hover, .form-default-buttons input.icon-save:hover {
	color: #ffffff;
	background-color: #8cd09d;
}

.form-order input.icon-save:hover:disabled, .form-default .icon-save:hover:disabled, .form-default input.icon-save:hover:disabled, .tbllist .icon-save:hover:disabled, .tbllist tfoot input.icon-save:hover:disabled, .form-order-buttons input.icon-save:hover:disabled, .form-default-buttons input.icon-save:hover:disabled {
	background-color: #6cb07d;
}

input.icon.icon-enable, .form-order input.icon-enable, .form-default .icon-enable, .form-default input.icon-enable, .tbllist .icon-enable, .tbllist input.icon-enable, .tbllist tfoot input.icon-enable, .form-order-buttons input.icon-enable, .form-default-buttons input.icon-enable {
	color: #ffffff;
	background-color: #6cb07d;
}

.form-order input.icon-enable:hover, .form-default .icon-enable:hover, .form-default input.icon-enable:hover, .tbllist .icon-enable:hover, .tbllist tfoot input.icon-enable:hover, .form-order-buttons input.icon-enable:hover, .form-default-buttons input.icon-enable:hover {
	color: #ffffff;
	background-color: #8cd09d;
}

.form-order input.icon-enable:hover:disabled, .form-default .icon-enable:hover:disabled, .form-default input.icon-enable:hover:disabled, .tbllist .icon-enable:hover:disabled, .tbllist tfoot input.icon-enable:hover:disabled, .form-order-buttons input.icon-enable:hover:disabled, .form-default-buttons input.icon-enable:hover:disabled {
	background-color: #6cb07d;
}

.icon-search, input.icon-search {
	background-image: url("../graphics/search.png");
}

.icon-print, input.icon-print {
	background-image: url("../graphics/print.png");
}

.tbllist .icon-print {
	background-image: url("../graphics/print-dark.png");	
}

.tbllist input.icon-print {
	background-image: url("../graphics/print.png");	
}

.icon-package, input.icon-package {
	background-image: url("../graphics/package.png");
}

.icon-letter, input.icon-letter {
	background-image: url("../graphics/letter.png");
}

.icon-pay, input.icon-pay {
	background-image: url("../graphics/pay.png");
}

.icon-pay2, input.icon-pay2 {
	background-image: url("../graphics/pay2.png");
}

.icon-copy {
	background-image: url("../graphics/copy.png");
}

.icon-fileadd, input.icon-fileadd {
	background-image: url("../graphics/fileadd.png");
}

.icon-folderadd, input.icon-folderadd {
	background-image: url("../graphics/folderadd.png");
}

.icon-backup, input.icon-backup {
	background-image: url("../graphics/backup.png");
}

.icon-update, input.icon-update {
	background-image: url("../graphics/update.png");
}

.tbllist .icon-update {
	background-image: url("../graphics/update-dark.png");
}

.icon-mail, input.icon-mail {
	background-image: url("../graphics/mail.png");
}

.tbllist .icon-mail {
	background-image: url("../graphics/mail-dark.png");
}

.form-horizontal input[type=button], .form-horizontal input[type=submit], .tbllist tfoot input[type=submit], .megalist-panel input.icon, .dialog input.icon, .subbox input.icon, .form-default input[type=text]+input.button, .form-default input.icon-add, .form-default input.icon-cancel-small, .table-info .button, .table-info input[type=submit] {
	height: 20px;
	padding: 0 5px 0 21px;
	background-position: 5px 4px;
	line-height: 12px;
	font-size: 11px;
}

.megalist *:not(.megalist-panel) input.icon, .dialog input.icon-delete, .conditionlist input.icon-delete {
	height: 20px;
	margin-bottom: 2px;
	padding: 4px 5px 4px 5px;
	background-position: 5px 4px;
	width: 22px;
	text-indent: -9999px;
	line-height: normal;
}

.icon-up, .icon-down, .icon-sortable {
	text-indent: -9999px;
	width: 14px;
	padding: 2px 3px;
}

.megalist span, .megalist:not([disabled="disabled"]) label {
	display: inline-block;
	width: 306px;
	height: 12px;
	margin: 0 0 4px 0;
	border: 1px solid #cccccc;
	border-right: 0;
	border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	padding: 3px 5px;
	overflow-x: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #555555;
	vertical-align: top;
}

.conditionlist, .conditionlist ul {
	display: block;
	list-style: none;
	width: 340px;
	margin: 0;
	padding: 0;
}

.conditionlist>li {
	clear: both;
}

.conditionlist ul>li {
	float: left;
}

.conditionlist ul>li:nth-child(1) {
	width: 10%;
}

.conditionlist ul>li:nth-child(2) {
	width: 40%;
}

.conditionlist ul>li:nth-child(3) {
	width: 25%;
}

.conditionlist ul>li:nth-child(4) {
	width: 25%;
}

.conditionlist ul>li>select, .conditionlist ul>li>input, .conditionlist ul>li>textarea {
	max-width: calc(100% - 10px);
}

.subbox .icon-delete {
	margin-right: 4px;
}

.form-default input[type=text], .form-default textarea {
	width: 330px;
}

.form-default .gridlist input[type=text] {
	width: 60px;
}

.form-default .gridlist tr:first-child input[type=text], .form-default .gridlist tr td:first-child input[type=text] {
	font-weight: bold;
}

.form-default input[type=text]:disabled, .form-default textarea:disabled, .form-default span[disabled="disabled"], .form-default div[disabled="disabled"] {
	opacity: 0.5;
}

.form-default .wysiwyg-multi .redactor_box {
	display: inline-block;
	width: 340px;	
}

.form-default .multiinput {
	display: block;
}

.form-default select {
	width: 340px;
}

.form-default select[name=link-type] {
	width: 120px;
}

.form-default input.form-number {
	width: 80px;
}

.form-default .form-prices>li>label {
	font-weight: bold;
	margin-bottom: 4px;
	line-height: 20px;
}

.form-default .form-prices-pricegroup label {
	margin-right: 4px;
}

.form-default .form-prices-pricegroup input {
	margin-right: 8px;
}

.form-default .datepicker input[type=text], .form-default .datepicker select {
	min-width: 0;
}

.form-default .datepicker-y {
	width: 55px;
}

.form-default .datepicker-m, .form-default .datepicker-d, .form-default .datepicker-h, .form-default .datepicker-i, .form-default .datepicker-s {
	width: 45px;
}

.form-default .datepicker-monthname {
	width: 80px;
}

.datepickerenable input[type=checkbox] {
	margin-right: 4px;
}

.form-indexcreate {
	margin-top: 10px;
	border-top: 1px solid #cccccc;
	padding-top: 10px;
}

.form-highlight:not(a) {
	background-color: #ffee88;
}

div.form-highlight {
	padding: 5px 10px;
}

.form-table .form-horizontal {
	margin-top: 14px;
}

.form-horizontal-filters-inner div.form-highlight {
	padding: 5px 0;
}

.form-table .form-highlight>th, .form-table .form-highlight>td {
	padding: 5px 0;
}

.form-highlight input, .form-highlight textarea, .form-highlight select, .form-highlight .redactor-box, input.form-highlight, a.form-highlight {
	box-shadow: 0 0 0 3px #ddaa66;
}

.form-advanced {
	display: none;
}

.form-simplified {
	padding-top: 15px;
	font-size: 14px;
	letter-spacing: 0.5px;
}

.form-simplified .label-info {
	font-size: 11px;
}

.form-simplified .fieldlabel label {
	width: 200px;
}

.form-simplified .tbllist tfoot input[type="submit"], .form-simplified .megalist-panel input.icon, .form-simplified .dialog input.icon, .form-simplified .subbox input.icon, .form-default.form-simplified input.icon-package, .form-default.form-simplified input.icon-add, .form-default.form-simplified input.icon-cancel-small, .form-simplified .table-info .button, .form-simplified .table-info input[type="submit"] {
	height: 25px;
	font-size: 14px;
	letter-spacing: 0.5px;
	background-position: 5px 50%;
}

.form-default.form-simplified input[type="button"], .form-default.form-simplified input[type="submit"], .form-simplified .form-default-buttons input[type="button"], .form-simplified .form-default-buttons input[type="submit"], .form-simplified .tbllist tfoot input[type="submit"], .form-simplified .table-info .button, .form-simplified .table-info input[type="submit"] {
	font-size: 16px;
	letter-spacing: 0.5px;
}

.form-default.form-simplified .form-horizontal input[type="submit"] {
	display: none;
}

.form-simplified .megalist input.icon, .form-simplified .dialog input.icon-delete {
	width: 30px;
	background-position: 50%;
	text-indent: -9999px;
}

.form-simplified input[type="text"] {
	height: 20px;
	font-size: 14px;
	letter-spacing: 0.5px;
}

.form-default.form-simplified input[type="text"], .form-default.form-simplified textarea {
	width: calc(100% - 28px);
	padding: 4px 12px;
}

.form-default.form-simplified input[type="text"][name="link"] {
	width: calc(100% - 248px);	
}

.form-simplified select[name="link-type"] {
	height: 30px;
	padding: 4px;
	font-size: 14px;
}

.form-simplified .subbox span {
	display: none;
}

.form-simplified .subbox .megalist label {
	display: inline-block;
	height: 17px;
	position: relative;
	top: -2px;
}

#form-advanced-toggle {
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	top: -4px;
	right: 10px;
    background-image: url("../icon/advanced.svg");
    background-size: 14px auto;
    background-position: center;
    text-indent: -9999px;
    background-repeat: no-repeat;
}

#lh-col {
	position: fixed;
	top: 0;
	left: 0;
	width: 160px;
	margin: 0;
	height: 100%;
	overflow: hidden;
	background-color: #555555;
}

#lh-col-scroll {
	width: 180px;
	overflow-y: auto;
	overflow-x: hidden;
	height: calc(100% - 36px);
}

#rh-col {
	margin: 0 0 0 160px;
}

#links-col, #mobile-links {
	padding: 13px 10px 12px 5px;
	text-align: left;
	background-color: #333333;
	height: 15px;
}

#links-col, #links-col a, #mobile-links a {
	color: #888888;
}

#links-col a {
	margin-left: 5px;
}

#links-col a.selected {
	color: #6cb07d;
}

a#links-col-alerts {
	display: inline-block;
	height: 16px;
	padding-left: 20px;
	background-image: url("../graphics/alert.png");
	background-repeat: no-repeat;
	background-size: auto 16px;
	background-position: 0 -1px;
	color: #de7d7e;
	font-weight: bold;
}

#lh-col a img {
	margin: 0 30px;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}

#lh-col a img#logo {
	margin: 8px 0 0 24px;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

#lh-col a#logo-container {
	display: block;
	width: 160px;
	height: 40px;
	background-color: #333333;
}

#mobile-header, #mobile-front {
	display: none;
}

table.sortable>tbody td .icon-sortable, ul.sortable li .icon-sortable, .megalist div .icon-sortable {
	cursor: move;
}

.tbllist {
	width: 100%;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-collapse: separate;
}

.tbllist td {
	padding: 2px 4px;
	border-left: 1px dotted #dddddd;
	border-top: 1px dotted #dddddd;
	height: 20px;
}

.tbllist tr td:first-child {
	border-left: 0;
}

.tbllist tr:first-child td {
	border-top: 0;
}

.tbllist>tbody tr:hover td {
	background-color: #f6f6f6;
	background-color: rgba(0, 0, 0, 0.05);
}

.tbllist th {
	padding: 4px;
	background-color: #999999;
	font-weight: bold;
	text-align: left;
	color: #ffffff;
}

.tbllist tfoot th, .tbllist thead tr.tr-pager th {
	background-color: #eeeeee;
	color: #444444;
}

.tbllist tfoot th {
	border-top: 1px dotted #aaaaaa;
}

.tbllist tfoot th input[type=text], .tbllist tfoot th select {
	max-width: 80px;
}

.tbllist tfoot th input[type=number] {
	max-width: 50px;
}

.tbllist th img {
	display: none;
}

.tbllist thead tr:not(.tr-pager) th a {
	display: block;
	padding-right: 10px;
	color: #ffffff;
	background-image: url("../graphics/order.png");
	background-repeat: no-repeat;
	background-position: right 1px;
	background-position: calc(100% - 2px) 1px;
}

.tbllist thead tr:not(.tr-pager) th.order-asc a {
	background-image: url("../graphics/order-asc.png");
}

.tbllist thead tr:not(.tr-pager) th.order-desc a {
	background-image: url("../graphics/order-desc.png");
}

.tbllist input[type=checkbox] {
	vertical-align: middle;
}

.tbllist textarea, .tbllist input[type=text] {
	width: calc(100% - 8px);
}

.list-images {
	margin: 0;
	padding: 0;
}

.list-images li {
	display: inline-block;
	width: 110px;
	height: 136px;
	list-style: none;
	margin: 0;
	padding: 0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-align: center;
	vertical-align: top;
}

.list-images.list-images-view li, .list-images.list-images-color li {
	height: 150px;
}

.list-images-empty li {
	height: 102px;
}

.list-images-view li {
	height: 150px;
}

.list-images li div {
	padding-top: 5px;
}

.list-images li div:first-child {
/*	display: table-cell;*/
	display: block;
	height: 102px;
/*	margin-bottom: 5px;*/
	margin: 0;
	padding: 0 5px;
	vertical-align: middle;
}

.list-images li div input, .list-images li div .linkbutton, .megalist div .linkbutton {
	display: inline-block;
	height: 12px;
	width: 12px;
	margin-bottom: 2px;
	padding: 4px 5px 4px 5px;
	background-position: 5px 4px;
	text-indent: -9999px;
	background-color: #3286aa;
}

.megalist div .linkbutton {
	vertical-align: middle;
}

.label-megalist-option {
	margin-right: 5px;
}

.list-images li div input:hover, .list-images li div .linkbutton:hover {
	background-color: #47a4cc;
}

.list-images li div .icon-delete {
	background-color: #de7d7e;
}

.list-images li div .icon-delete:hover {
	background-color: #ff9e9f;
}

.tbllist ._image {
	width: 100px;
}

.list-images li div:first-child a, .tbllist ._image>a {
	display: inline-block;
	width: 100px;
	height: 100px;
}

.list-images li div:first-child a, #image-list td._image a {
	border: 1px solid #cccccc;
}

.list-images li a img, .tbllist ._image>a>img, .list-images li a svg, .tbllist ._image>a>svg {
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	height: 100%;
	object-fit: contain;
	margin: auto;
}

.list-images li a img, #image-list td._image a img {
	background-image: url("../graphics/transparent.png");
}

.list-image-upload {
	display: block;
	background-color: #dddddd;
	background-image: url("/backadmin/res/control/icon/block-image.svg");
	background-size: auto 70%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	opacity: 0.85;
	text-indent: -9999px;
	cursor: pointer;
}

.list-image-upload:hover, .list-image-upload.drop {
	opacity: 1;
}

.menuboxbox {
	margin: 0;
	width: 160px;
}

.boxhead {
	padding: 1px 0;
	border-bottom: 1px dotted #999999;
	background-color: #666666;
	background-image: url("../graphics/open.png");
	background-repeat: no-repeat;
	background-position: 140px 6px;
}

#lh-col-scroll .menuboxbox:first-child .boxhead {
	border-top: 1px dotted #999999;
}

.boxhead.closed {
	background-image: url("../graphics/closed.png");
}

.boxhead h4 {
	margin: 0;
	font-size: 13px;
	font-weight: normal;
}

.boxhead h4, .boxhead h4 a {
	color: #eeeeee;
}

.boxhead h4 a {
	display: block;
	padding: 7px 10px 2px 25px;
}

.boxhead h4 a:hover {
	text-decoration: none;
}

.boxhead a {
	position: relative;
	width: 135px;
	height: 18px;
	background-image: url("../graphics/icon.png");
	background-size: 14px 14px;
	background-repeat: no-repeat;
	background-position: 5px 6px;
}

#boxhead-ordercenter a {
	background-image: url("../graphics/ordercenter.png");
}

#boxhead-catalog a {
	background-image: url("../graphics/catalog.png");
}

#boxhead-content a {
	background-image: url("../graphics/content.png");
}

#boxhead-users a {
	background-image: url("../graphics/users.png");
}

#boxhead-mailinglist a {
	background-image: url("../graphics/mailinglist.png");
}

#boxhead-sms a {
	background-image: url("../graphics/sms.png");
}

#boxhead-support a {
	background-image: url("../graphics/support.png");
}

#boxhead-misc a {
	background-image: url("../graphics/misc.png");
}

#boxhead-stats a {
	background-image: url("../graphics/stats.png");
}

.boxhead img {
	display: none;
}

.boxbody {
	max-height: 650px;
	overflow: hidden;
	-webkit-transition-duration: 0.45s;
	-moz-transition-duration: 0.45s;
	-o-transition-duration: 0.45s;
	transition-duration: 0.45s;
}

.boxbody.hiddenmenu {
	max-height: 0;
	-webkit-transition-duration: 0.25s;
	-moz-transition-duration: 0.25s;
	-o-transition-duration: 0.25s;
	transition-duration: 0.25s;
}

.boxbody a {
	display: block;
	padding: 5px 5px 5px 25px;
	text-decoration: none;
	font-size: 13px;
	color: #bbbbbb;
	background-image: url("../graphics/bullet.png");
	background-repeat: no-repeat;
	background-position: 11px 11px;
}

.boxbody a.selected {
	color: #6cb07d;
	background-image: url("../graphics/bullet-selected.png");
}

.boxbody a:hover {
	background-color: #888888;
	color: #ffffff;
	background-image: url("../graphics/bullet-hover.png");
}

.boxbody span {
	display: none;
}

.tabpanel {
	height: 25px;
	width: calc(100%-20px);
	margin: 6px 10px 0 10px;
	border-bottom: 1px solid #cccccc;
}

.tabpanel ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.tabpanel li {
	float: left;
	margin: 0;
	border: 1px solid #cccccc;
	border-left: 0;
	border-bottom: 0;
	border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	background-color: #eeeeee;
}

.tabpanel li:first-child {
	border-left: 1px solid #cccccc;
	margin-left: 10px;
}

.tabpanel a, .tabpanel span {
	display: block;
	padding: 5px 10px;
	color: #666666;
}

.tabpanel li>a, .tabpanel li>span {
	border-bottom: 1px solid #cccccc;
	height: 14px;
}

.tabpanel li.selected, .tabpanel li.selected:hover {
	background-color: transparent;
}

.tabpanel li:hover {
	background-color: #dddddd;
}

.tabpanel .selected a, .tabpanel .selected span {
	border-color: #ffffff;
	color: #000000;
}

.tabpanel li a:hover {
	text-decoration: none;
}

.tabpanel h3 {
	float: left;
	margin: 5px 0 0 0;
}

.tabcontent {
	padding: 10px;
	margin: 0;
	clear: both;
}

.tabcontent .tabpanel {
	margin: 0 0 5px 0;
}

.tabcontent .tabcontent {
	padding: 0;
}
/*
.tabcontent h4:first-child {
	margin-top: 5px;
}
*/

.tabcontent h4 {
	margin-bottom: 10px;
}

.tabcontent h4:first-of-type {
	margin-top: 0px;
}

.tr-pager table {
	width: 100%;
}

td.pager, td.pager-right {
	height: 10px;
	padding: 0;
	font-weight: normal;
}

.pager-right {
	text-align: right;
}

.pager a, .pager span {
	color: #444444;
	padding: 0 1px;
}

.pager span {
	font-weight: bold;
	color: #6cb07d;
}

.pager a.active, .pager span.active {
	color: #ffffff;
	background-color: #444444;
}

.fieldlabel {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	width: 120px;
	line-height: 20px;
}

.fieldlabel label {
	display: block;
	position: relative;
	width: 110px;
	border-bottom: 1px dotted #dddddd;
}

.form-horizontal-table {
	margin: 0 0 10px 0;
}

.form-horizontal-table td {
	padding: 0 8px 0 0;
	vertical-align: middle;
}

.form-horizontal-table label {
	position: relative;
	height: 17px;
	line-height: 17px;
	vertical-align: middle;
}

.form-horizontal-table input, .form-horizontal-table select {
	margin-bottom: 0;
}

.form-horizontal-table label span {
}

.form-horizontal-table input[type=button] {
	margin-left: 4px;
}

.form-horizontal-table td:first-child label:first-child {
	display: none;
}

.form-horizontal-table td:first-child label.label-hastooltip {
	display: inline-block;
}

.form-horizontal-filters-link .linkbutton {
	border: 1px solid #cccccc;
	height: 16px;
	padding: 1px 19px 1px 6px;
}

.form-horizontal-filters-link.active .linkbutton {
	animation: flashwhite 0.5s infinite;
	animation-direction: alternate;
}

@keyframes flashwhite {
	from {
		background-color: #ffffff;
	}

	to {
		background-color: #eeeeee;
	}
}
.form-horizontal-filters-link a:hover {
	text-decoration: none;
}

.form-horizontal-filters-link a.linkbutton {
	background-image: url("../graphics/open-dark.png");
	background-repeat: no-repeat;
	background-position: right 1px top 1px;
}

.form-horizontal-filters-link a.closed {
}

.form-horizontal-filters-reset {
	margin: 0 5px;
}

.form-horizontal-filters, .form-horizontal-export, .tbllist-actions {
	position: relative;
}

.form-horizontal-filters-inner, .form-horizontal-export-inner, .tbllist-actions-inner {
	display: none;
	z-index: 10;
	position: absolute;
	top: 4px;
	left: 0;
	padding: 4px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 2px 2px 5px 0 #aaa;
	-moz-box-shadow: 2px 2px 5px 0 #aaa;
	-webkit-box-shadow: 2px 2px 5px 0 #aaa;
	background-color: #ffffff;
	font-weight: normal;
}

.form-horizontal-filters-inner {
	width: 240px;
}

.form-horizontal-export-inner {
	top: 24px;
	left: 12px;
}

.form-horizontal-export-inner input.linkbutton {
	display: block;
}

.form-horizontal-customexport, .form-horizontal-customcolumns {
	display: none;
}

.form-horizontal-customexport ul, .form-horizontal-customcolumns ul {
	width: 600px;
	max-width: calc(100vw - 100px);
	list-style-type: none;
	padding: 0;
	column-count: 3;
	-moz-column-count: 3;
	-webkit-column-count: 3;
}

.form-horizontal-customexport .icon-sortable, .form-horizontal-customcolumns .icon-sortable {
	background-image: url("../graphics/sortable-dark.png");
}

.tbllist-actions-inner {
	left: 60px;
	top: 0;
}

._actions-1 .tbllist-actions-inner, ._actions-2 .tbllist-actions-inner {
	left: 45px;
}

._actions-4 .tbllist-actions-inner {
	left: 75px;
}

._actions-5 .tbllist-actions-inner {
	left: 90px;
}

.tbllist-actions-inner a, .tbllist-actions-inner input, .form-horizontal-export-inner input {
	display: block;
	margin-top: 4px;
}

.tbllist-actions-inner a:first-child, .tbllist-actions-inner input:first-child, .form-horizontal-export-inner input:first-child {
	margin-top: 0;
}

.tbllist-actions-outer a {
	width: 14px;
	padding: 1px 2px;
	text-indent: -9999px;
}

.form-horizontal-filters-inner label {
	display: inline-block;
	min-width: 76px;
}

.form-horizontal-filters-inner .subbox>label {
	min-width: 0;
}

.form-horizontal-filters-inner .datepickerenable {
	display: inline-block;
}

.form-horizontal-filters-inner .datepicker {
	display: inline-block;
	width: 155px;
}

.form-horizontal-filters-inner .datepickerenable .datepicker {
	width: 140px;
	text-align: right;
}

.form-horizontal-filters-inner .datepickerenable select {
	width: 37px !important;
}

.form-horizontal-filters-inner .datepickerenable select:last-child {
	width: 56px !important;
}

.form-horizontal-filters-inner .datepickerenable input[type=checkbox] {
	position: relative;
	top: -2px;
}

.form-horizontal-filters-inner .datepickerenable select:disabled {
	opacity: 0.5;
}

.form-horizontal-filters-inner>div>div {
	padding: 2px;
}

.form-horizontal-filters-inner>div>div:hover {
	background-color: #eeeeee;
}

.form-horizontal-filters-inner select {
	width: 155px;
}

.form-horizontal-filters-inner .dialog {
	display: inline-block;
	width: 155px;
}

.label-info-container {
	position: relative;	
}

.label-info {
	display: none;
	position: absolute;
	top: 15px;
	left: 50px;
}

.label-info, .graph-tooltip, .pie-tooltip {
	z-index: 510;
	border: 1px solid #aaaaaa;
	padding: 4px;
	background-color: #ffffff;
	line-height: 13px;
	box-shadow: 2px 2px 5px 0 #aaa;
	-moz-box-shadow: 2px 2px 5px 0 #aaa;
	-webkit-box-shadow: 2px 2px 5px 0 #aaa;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.label-info {
	width: 200px;
}

.fieldlabel-control {
	padding-left: 8px;
}

.greenlink {
	text-align: right;
}

.greenlink img {
	display: none;
}

.greenlink a {
	display: inline;
	position: relative;
	top: 5px;
	color: #888888;
	padding: 0;
}

.greenlink .help {
	display: inline-block;
	height: 14px;
	padding-left: 18px;
	background-image: url("../graphics/help.png");
	background-repeat: no-repeat;
}

.ContextMessage-Main {
	width: 200px;
	text-decoration: none;
	line-height: 15px;
}

.ContextMessage-Header {
	font-weight: bold;
	text-decoration: none;
}

.form-order-buttons, .form-default-buttons {
	margin: 0 30px 10px 0;
}

.form-order {
	padding: 1px;
}

.form-order img {
	max-height: 100px;
}

#form-order-trustscore::after {
	content: "";
	display: block;
	clear: both;
}

#form-order-trustscore-box {
	float: left;
	display: inline-block;
	width: 60px;
	height: 60px;
	padding: 10px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	text-align: center;
}

#form-order-trustscore-label {
	color: #000000;
	line-height: 80%;
	font-weight: bold;
}

#form-order-trustscore-score {
	font-size: 48px;
	font-weight: bold;
}

#form-order-trustscore-notes {
	float: left;
	list-style: none;
	margin: 0 0 0 20px;
	padding: 0;
	border-top: 1px solid #cccccc;
}

#form-order-trustscore-notes>li {
	padding: 5px 0;
	border-bottom: 1px solid #cccccc;
}

#form-order-trustscore-notes>li>span {
	display: inline-block;
	width: 20px;
	margin-right: 10px;
	text-align: right;
}

.form-default-buttons form {
	display: inline-block;
	margin-right: 2px;
}

.form-order-buttons input.icon, .form-default-buttons input.icon {
	margin: 0 0 2px 0;
}

.prevnextlink {
	position: relative;
	text-align: right;
}

.prevnextlink-inner {
	position: absolute;
	top: -7px;
	right: 4px;
}

body>.prevnextlink .prevnextlink-inner {
	top: 0;
}

.tabcontent .tabcontent .prevnextlink-inner {
	top: -22px;
	right: 4px;
}

.tabcontent .tabcontent.nopanel .prevnextlink-inner {
	top: -7px;
}

.prevnextlink, .prevnextlink-inner, .prevnextlink a {
	top: -5px;
	color: #888888;
	font-size: 16px;
}

.prevnextlink-inner span {
	display: none;
}

#metapreview {
	position: relative;
	height: 0;
}

#metapreview>div {
	position: absolute;
	left: 345px;
	top: -22px;
	width: 490px;
	height: 65px;
	padding: 10px;
	background-color: #ffffff;
	border: 1px solid #eeeeee;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-family: Arial, "sans-serif";
	background-image: url("../graphics/google.png");
	background-repeat: no-repeat;
	background-position: right top;
	filter: alpha(opacity=33);
	-moz-opacity: 0.33;
	-khtml-opacity: 0.33;
	opacity: 0.33;
}

#metapreview>div:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

#metapreview-title {
	display: block;
	color: #3286aa;
	cursor: pointer;
	font-size: 14px;
	font-weight: normal;
	text-decoration: underline;
}

#metapreview-link {
	display: block;
	line-height: 1.2;
	color: #6cb07d;
	font-size: 14px;
	text-transform: lowercase;
}

#metapreview-description {
	line-height: 1.24;
	font-size: 12px;
}

#form-customexport-datapre {
	overflow-x: auto;
	width: calc(100% - 20px);
	border: 1px solid #cccccc;
	border-radius: 4px;	
	padding: 10px;
	background-color: #f8f8f8;
}

#form-customexport-datapre pre {
	margin: 0;
}

table.table-info {
	width: 100%;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-collapse: separate;
	border-spacing: 0;
}

table.table-control {
	border-top: 0;
	border-bottom: 0;
}

table.table-control th, table.table-control td, table.table-control td input {
	text-align: center;
	white-space: nowrap;
}

table.table-control td input {
	width: 50px;
}

.table-info .spacer {
	width: 1px;
	max-width: 1px;
	background-color: #eeeeee;
}

.table-info th {
	padding: 5px 5px;
	font-weight: bold;
	text-align: left;
}

.table-info th.center {
	text-align: center;
}

.table-info th.right {
	text-align: right;
}

.table-info thead th {
	padding: 5px;
	background-color: #999999;
	text-align: left;
	color: #ffffff;
}

.table-info tbody th {
	width: 140px;
	background-color: #eeeeee;
}

.table-info td, .table-info tbody th {
	padding: 5px;
	border-left: 1px dotted #dddddd;
	border-top: 1px dotted #dddddd;
}

table.table-control td {
	padding: 3px 5px 2px 5px;
}

.table-info tr td:first-child {
	border-left: 0;
}

.table-info tr:first-child td, .table-info tbody tr:first-child th {
	border-top: 0;
}

.table-info>tbody tr:hover th {
	background-color: #888888;
	color: #ffffff;
}

.table-info>tbody tr:hover td {
	background-color: #cccccc;
}

.table-info ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.table-info ul li {
	margin-bottom: 2px;
}

#integrations-headline {
	margin-top: 10px;
}

#integrations-image {
	float: right;
	max-width: 200px;
	height: 40px;
	margin-bottom: 10px;
}

#info-integrations li {
	display: block;
	float: left;
	width: 80px;
	height: 80px;
	margin: 5px 10px 5px 5px;
	border: 1px solid #cccccc;
	padding: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	background-color: #ffffff;
	text-align: center;
	white-space: nowrap;
}

#info-integrations li>a>.image {
	width: 70px;
	height: 60px;
}

.form-table {
	width: 100%;
}

.form-table td {
	padding: 2px;
}

.form-order-state-icons {
	margin: 10px 0;
}

.tbllist .form-order-state-icons {
	float: right;
	margin: 0;
}

.form-order-state-icons img {
	vertical-align: middle;
	position: relative;
	top: -1px;
}

.tbllist .form-order-state-icons img {
	top: 0;
}

.form-order-state-icons span {
	display: inline-block;
	width: 16px;
	margin-left: 2px;
}

.graph-container, .graph-container-full {
	float: left;
	margin: 0 10px 10px 0;
}

.graph-container iframe, .graph-container-full iframe, .loading {
	background-image: url("../graphics/loader.gif");
	background-position: center center;
	background-repeat: no-repeat;
}

.loading {
	opacity: 0.5;
	animation: loading 0.5s infinite;
	animation-direction: alternate;
}

@keyframes loading {
	from {
		opacity: 0.6;
	}

	to {
		opacity: 0.4;
	}
}

.updated {
	box-shadow: 0 0 0 3px #6cb07d;
}

.graph-container iframe, .graph-container-full iframe, .graph-outer {
	width: 640px;
	height: 400px;
	overflow: hidden;
}

#dashboard .graph-container, #dashboard .graph-container iframe, #dashboard .graph-outer, .graph-container-full, .graph-container-full iframe, .graph-container-full .graph-outer {
	width: 100%;
}

#dashboard .graph-container, #dashboard .graph-container iframe, #dashboard .graph-outer {
	height: 200px;
}

#dashboard-headline {
	float: left;
	width: 200px;
}

#dashboard-status {
	float: right;
	position: relative;
	top: -5px;
	width: calc(100% - 200px);
	height: 25px;
}

#traffic td {
	text-align: right;
}

.legendColorBox>div div {
	margin-top: -1px;
}

.clear {
	clear: both;
}

#extracts .description {
	margin-bottom: 20px;
	line-height: 150%;
}

#dailyoverview .table-info td, #dailyoverview .table-info tbody th {
	text-align: right;
}

#dailyoverview .table-info tbody tr th:first-child {
	text-align: left;
}

#envelopes-send-form fieldset {
	margin-top: 10px;
}

#alert-container, .alert-container {
	position: absolute;
	top: 50px;
	left: 50%;
}

#alert, .alert {
	position: relative;
	left: -50%;
	max-width: 500px;
	border: 1px solid #aaaaaa;
	border-radius: 3px;
	padding: 20px;
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3);
	background-color: #ffffff;
}

#alert pre, .alert pre {
	white-space: pre-wrap;
	font-size: 11px;
	max-height: 300px;
	overflow-y: auto;
}

#alert h4, .alert h4 {
	margin: 0;
	padding-left: 20px;
	background-image: url("../graphics/alert.png");
	background-repeat: no-repeat;
	background-size: auto 16px;
}

#alert form, .alert form {
	margin: 20px 0 10px 0;
	text-align: center;
}

.tbllist .-quantity, .tbllist .-total_price_primary, .tbllist .-total_price_primary_exvat, .tbllist .-cost_primary, .tbllist .-profit, .tbllist .-coverage, .tbllist .-available {
	text-align: right;
}

.tbllist td._actions {
	width: 64px;
	text-align: center;
}

.tbllist td._actions-1, .tbllist td._actions-2 {
	width: 48px !important;
}

.tbllist td._actions-4 {
	width: 80px !important;
}

.tbllist td._actions-5 {
	width: 96px !important;
}


.tbllist th[class*='shipping-home_'], .tbllist td[class*='shipping-home_'], .tbllist th[class*='section-home_'], .tbllist td[class*='section-home_'], .tbllist th[class*='category-home_'], .tbllist td[class*='category-home_'], .tbllist th[class*='brand-home_'], .tbllist td[class*='brand-home_'] {
	max-width: 48px;
}

.tbllist th[class*='shipping-home_'] a, .tbllist th[class*='section-home_'] a, .tbllist th[class*='category-home_'] a, .tbllist th[class*='brand-home_'] a {
	max-width: 48px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tbllist td[class='bargains-enabled'] {
	width: 48px;
}

.tbllist td.landingpages-url, .tbllist th.landingpages-url {
	width: 200px;
	max-width: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tbllist td._actions- input[type='button'] {
	width: 100%;
}

.red {
	color: #de7d7e;
}

.green {
	color: #6cb07d;
}

.tbllist tr.red, .tbllist tr.red-hidden {
	background-color: #ffa8a8;
}

.tbllist tr.yellow, .tbllist tr.yellow-hidden {
	background-color: #ffefa8;
}

.tbllist tr.green, .tbllist tr.green-hidden {
	background-color: #a8ffa8;
}

.tbllist tr.blue, .tbllist tr.blue-hidden {
	background-color: #82c6fa;
}

.tbllist tr.purple, .tbllist tr.purple-hidden {
	background-color: #efa8df;
}

.tbllist tr.orange, .tbllist tr.orange-hidden {
	background-color: #ffbf88;
}

.tbllist tr.cyan, .tbllist tr.cyan-hidden {
	background-color: #a8efdf;
}

#splittest-info tr:first-child th, #splittest-info td {
	font-size: 16px;
	text-align: center;
}

td .files-thumb {
	display: table-cell;
	width: 64px;
	height: 64px;
	margin: 0;
	vertical-align: middle;
}

td .files-thumb img {
	max-width: 64px;
	max-height: 64px;
	margin: auto;
}

.files-file {
	display: inline-block;
	height: 16px;
	padding-left: 24px;
	line-height: 16px;
	background-repeat: no-repeat;
	background-image: url('../graphics/file.png');
}

.files-file.icon-folder {
	background-image: url('../graphics/folder.png');
	color: #888;
}

.files-file.icon-image {
	background-image: url('../graphics/image.png');
}

.sites-inwork, .sites-live, .sites-beta {
	text-align: center;
	max-width: 40px;
}

.backend-hidden {
	display: none;
}

.wysiwyg-hidden {
	display: none;
}

.redactor_box, .redactor-editor {
	border-color: #cccccc !important;
}

.redactor_box, .redactor_editor, .redactor-editor {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.redactor-editor {
  margin: 0 !important;
  padding: 2px 4px;
  outline: none;
  white-space: normal;
  border: 1px solid #eee;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
  font-size: 14px;
  line-height: 1.6em;
}

.redactor_box_fullscreen, .form-table .redactor-box {
	z-index: 500 !important;
}

.redactor-toolbar-tooltip {
	z-index: 505 !important;
}

.redactor-box {
	margin-bottom: 0 !important;
	border-radius: 4px;
}

.re-embed:before {
  content: "\e61f";
}

.treegrid-indent, .treegrid-expander {
	display: inline-block;
	position: relative;
	top: 1px;
	width: 10px;
	height: 10px;
	margin-right: 4px;
	background-position: center center;
}

.treegrid-expander {
	cursor: pointer;
}

.treegrid-expander-expanded {
	background-image: url("../graphics/collapse.png");
}

.treegrid-expander-collapsed {
	background-image: url("../graphics/expand.png");
}

.pop-wrap {
	border-radius: 5px;
}

.dashboard {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.dashboard-widget {
	margin: 10px;
	padding: 10px;
	height: calc((100vw - 160px) / 6 + 24px);
	float: left;
	border: 1px solid #cccccc;
	border-radius: 5px;
}

.dashboard-widget>.common-chart {
	height: 100%;
	overflow: hidden;
}

.dashboard-widget.block-1_1 {
	width: calc(100% - 42px);
}

.dashboard-widget.block-3_4 {
	width: calc(100% / 4 * 3 - 42px);
}

.dashboard-widget.block-2_3 {
	width: calc(100% / 3 * 2 - 42px);
}

.dashboard-widget.block-1_2 {
	width: calc(100% / 2 - 42px);
}

.dashboard-widget.block-1_3 {
	width: calc(100% / 3 - 42px);
}

.dashboard-widget.block-1_4 {
	width: calc(100% / 4 - 42px);
}

.dashboard-widget-iframe {
	padding: 0px;
	height: calc((100vw - 160px) / 6 + 44px);
}

.dashboard-widget-iframe.block-1_1 {
	width: calc(100% - 22px);
}

.dashboard-widget-iframe.block-3_4 {
	width: calc(100% / 4 * 3 - 22px);
}

.dashboard-widget-iframe.block-2_3 {
	width: calc(100% / 3 * 2 - 22px);
}

.dashboard-widget-iframe.block-1_2 {
	width: calc(100% / 2 - 22px);
}

.dashboard-widget-iframe.block-1_3 {
	width: calc(100% / 3 - 22px);
}

.dashboard-widget-iframe.block-1_4 {
	width: calc(100% / 4 - 22px);
}

.widget-grayed {
	opacity: 0.4;
}

.widget-grayed .dashboardwidget-score, .widget-grayed canvas {
	filter: blur(3px);
}

.dashboardwidget-title {
	float: left;
	margin: 0;
	font-size: 16px;
	line-height: 32px;
}

.dashboardwidget-score {
	float: right;
	margin: 0;
	font-size: 20px;
	line-height: 32px;
}

.dashboardwidget-score span {
	font-size: 32px;
	border-bottom: 4px double #cccccc;
}

.dashboardwidget-scoresub {
	clear: both;
}

.dashboardwidget-charttitle {
	clear: both;
}

.dashboardwidget-list {
	clear: both;
	padding-top: 10px;
	padding-left: 30px;
	font-size: 20px;
}

.dashboardwidget-list li span {
	float: right;
	font-weight: bold;
}

.dashboardwidget-list li {
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}

.dashboardwidget-number {
	clear: both;
	margin-top: 15%;
	text-align: center;
}

.dashboardwidget-number-current {
	font-size: 40px;
	font-weight: bold;
}

.dashboardwidget-number-current span {
	border-bottom: 4px double #cccccc;
	margin: 0 10px;
	font-size: 80px;
	font-weight: bold;
}

.dashboardwidget-number>div {
	display: inline-block;
	text-align: center;
}

.dashboardwidget-number-trend-positive, .dashboardwidget-number-trend-negative, .dashboardwidget-number-trend-neutral {
	margin-top: 10px;
	font-size: 20px;
}

.dashboardwidget-number-trend-positive::before, .dashboardwidget-number-trend-negative::before, .dashboardwidget-number-trend-neutral::before {
	content: "";
	display: inline-block;
	position: relative;
	top: 2px;
	width: 0;
	height: 0;
	margin-right: 10px;
}

.dashboardwidget-number-trend-negative::before {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 20px solid #ca9584;
}

.dashboardwidget-number-trend-positive::before {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 20px solid #6cb07d;
}

.dashboardwidget-number-trend-neutral::before {
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 20px solid #333333;
}

.dashboardwidget-status {
	clear: both;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0;
}

.dashboardwidget-status>li {
	display: block;
	clear: both;
	margin: 0 0 10px 0;
	padding: 10px;
	border-radius: 5px;
	line-height: 20px;
	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.05);
	font-size: 13px;
}

.dashboardwidget-status>li>a {
	text-decoration: underline;
}

.dashboardwidget-status-green {
	background-color: #bff1bc;
	border: 1px solid #8cd0b1;
}

.dashboardwidget-status-yellow {
	background-color: #fcf0b0;
	border: 1px solid #b7d3a0;
}

.dashboardwidget-status-red {
	background-color: #fc6553;
	border: 1px solid #df547d;
}

.dashboardwidget-status-yellow, .dashboardwidget-status-red {
	padding-left: 35px !important;
	background-image: url("../icon/checkbox.svg");
	background-size: 15px auto;
	background-repeat: no-repeat;
	background-position: 10px 50%;
}

.dashboardwidget-status-yellow.dashboardwidget-status-resolved, .dashboardwidget-status-red.dashboardwidget-status-resolved {
	background-image: url("../icon/checkbox-active.svg");
}

.dashboard-form select {
	width: 140px;
}

.dashboard-form select[multiple=multiple] {
	height: 80px;
	vertical-align: top;
}

.dashboard-form label, .dashboard-form input[type=button] {
	margin: 0 5px 0 10px;
}

.dashboard-form label:first-child {
	margin-left: 0;
}

.dashboard-form-advanced {
	overflow: hidden;
	max-height: 0;
	margin: 0;
	padding: 0;
	transition: 0.2s;
	opacity: 0;
}

.dashboard-form-advanced.visible {
	max-height: 200px;
	padding-top: 10px;
	opacity: 1;
}

.dashboard-form-advanced>li {
	float: left;
	list-style-type: none;
	margin-right: 10px;
}

.dashboard-period {
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
}

.dashboard-period span {
	font-size: 14px;
	margin-left: 10px;
}

.dashboard-period span::before {
	content: "(";
}

.dashboard-period span::after {
	content: ")";
}

.dashboard-container .linkbutton {
	background-color: #3286aa;
	color: #ffffff;
	margin-right: 10px;
}

.dashboard-container .linkbutton:hover {
	background-color: #47a4cc;
	text-decoration: none;
}

.dashboard-widget canvas.hidden-desktop {
	display: none !important;
}

.widget-googleanalytics h4.dashboardwidget-title {
	padding-right: 30px;
	background-image: url("../integrations/googleanalytics.svg");
	background-repeat: no-repeat;
	background-position: center right;
	background-size: auto 30px;
}

.widget-iframe>iframe {
	width: 100%;
	height: 100%;
	border-radius: 5px;
}

.common-chart-speedometer canvas {
	max-width: 75%;
	margin: 15% auto 0;
	clear: both;
}

#log-list ._type img {
	display: block;
	max-width: 40px;
	max-height: 20px;
	margin: auto;
}

#htmltemplate-text th {
	display: none;
}

#htmltemplate-text textarea, .backend-editable {
	width: calc(100% - 10px);
	max-width: calc(100vw - 20px);
	max-height: 600px;
	overflow: auto;
	font-family: monospace;
	font-size: 13px;
	line-height: 170%;
	tab-size: 4;
}

#htmltemplate-text textarea {
	height: 600px;
}

.backend-editable .backend-editable-not {
	margin: 0;
	opacity: 0.3;
	background-color: rgba(0,0,0,0.1);
}

@media only screen and (max-width: 959px) {
	#metapreview {
		display: none;
	}
/*
	.dashboard-widget.block-3_4, .dashboard-widget.block-2_3, .dashboard-widget.block-1_2 {
		width: calc(100% - 42px);
	}

	.dashboard-widget.block-1_3, .dashboard-widget.block-1_4 {
		width: calc(100% / 2 - 42px);
	}
*/
	.dashboard-widget {
		width: calc(100% - 42px) !important;
		height: calc((100vw - 160px) / 2 + 24px);
	}

	.dashboardwidget-title {
		font-size: 16px;
	}

	.dashboardwidget-score {
		font-size: 12px;
	}

	.dashboardwidget-score span {
		font-size: 20px;
	}

	.dashboardwidget-list {
		font-size: 16px;
	}

	.dashboard-period {
		font-size: 16px;
	}

	.dashboard-period span {
		font-size: 12px;
	}

	.dashboard-form-advanced.visible {
		max-height: 400px;
	}

	.dashboard-widget canvas.hidden-desktop {
		display: block !important;
	}

	.dashboard-widget canvas.hidden-mobile {
		display: none !important;
	}
}

@media only screen and (max-width: 479px) {
	#lh-col {
		display: none;
		position: relative;
		width: 100%;
		clear: both;
	}

	#rh-col {
		margin: 0;
	}

	#lh-col-scroll {
		width: 100%;
	}

	.fieldlabel, .fieldlabel label, .table-info tbody th {
		width: 70px;
		max-width: 70px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	.form-default input[type=text], .form-default textarea {
		min-width: 200px;
		max-width: 200px;
	}

	.form-default input[type=file] {
		min-width: 150px;
		max-width: 150px;		
	}

	.megalist span, .megalist label {
    	width: 176px;
	}

	.form-default select {
    	width: 210px;
	}

	#links-col {
		display: none;
	}

	#mobile-links {
		padding: 6px 0 4px 0;
		margin: 0;
	}

	#mobile-links a {
		margin-left: 2px;
		font-size: 8px;
		-webkit-text-size-adjust: none;
	}

	#mobile-links span {
		display: none;
	}

	#mobile-links img {
		width: 10px;
	}

	#mobile-front {
		display: block;
	}

	#lh-col a#logo-container {
		height: 0;
	}

	#lh-col #logo {
		display: none;
	}

	.menuboxbox {
		width: 100%;
	}

	.boxhead {
		background-position: calc(100% - 10px) 6px;
	}

	.boxhead a {
		width: 100%;
	}

	#mobile-header {
		display: block;
		background-color: #333;
	}

	#logo-mobile {
		margin: 6px 2px 0 4px;
		float: left;
	}

	.graph-container iframe, .graph-outer {
		width: 100%;
	}

	.tabcontent {
		padding: 5px;
	}

	.tbllist td, .tbllist th, .table-info td, .table-info th, .table-info thead th, .table-info tbody th {
		padding: 2px;
	}

	.tbllist thead th a {
		max-width: 50px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.tabpanel {
		width: calc(100%-10px);
		margin: 5px 5px 0 5px;
		height: 19px;
	}

	.tabpanel h3 {
		margin: 0;
	}

	.tabpanel a, .tabpanel span {
		padding: 2px 5px;
	}

	fieldset {
		padding: 5px;
	}

	.label-info {
		left: -1000px;
		width: 0;
		height: 0;
		border: 0;
	}

	.form-horizontal-table span, .form-horizontal-table label {
		font-size: 10px;
		-webkit-text-size-adjust: none;
	}

	.form-horizontal-table td {
		padding: 0 4px 0 0;
	}

	.prevnextlink, .prevnextlink-inner {
		position: static;
	}

	.prevnextlink, .prevnextlink-inner, .prevnextlink a {
			font-size: 12px;
	}

	.prevnextlink-inner span {
		display: inline-block;
		margin: 0 5px;
	}

	.mobile-hidden {
		display: none;
	}

	th.orders-email, td.orders-email, th.commodities-offer, td.commodities-offer, th.commodities-section, td.commodities-section, th.commodities-external_code, td.commodities-external_code {
		display: none;
	}

	.form-horizontal-table td:first-child input {
		max-width: 80px;
	}

	.greenlink a {
		top: 4px;
	}

	.form-horizontal-filters, .tbllist-actions {
		position: absolute;
		left: 4px;
	}

	#dashboard-headline {
		width: 100px;
	}

	#dashboard-status {
 		width: calc(100% - 100px);
 		font-size: 11px;
	}

	.form-horizontal input.icon-print {
		display: none;
	}

	.dashboard-widget {
		width: calc(100% - 42px) !important;
		height: calc(100vw / 2 + 24px);
	}

	.dashboard-form-advanced.visible {
		max-height: 600px;
	}

	.dashboard-form-advanced>li {
		display: block;
		width: calc(50% - 10px);
		margin-bottom: 10px;
		margin-right: 10px;
	}

	.dashboard-form-advanced label {
		display: block;
		margin: 0;
	}

	.dashboard-form-advanced select {
		width: 100%;
	}
}