HTML, BODY {
	padding: 0px; 
	margin: 0px;
	width: 100%;
	height: 100%;
	font-size: 13px;
	font-weight: 200;
}

HTML {
	font-family: Tahoma;
}

IMG {
	border: none;
	vertical-align: middle;
}

A {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

HR {
	background-color: #ddd;
	border: none;
	height: 1px;
}

.e404,
.e403 {
	display: flex;
	min-height: 100%;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size: 1.5em;
}

.logout {
	height: 36px;
	line-height: 36px;
	color: #fff;
	padding-right: 56px;
	background-image: url("/template/icons/exit.svg");
	background-position: right 16px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	cursor: pointer;
}

/* Формы */

.inline-form {
	display: flex;
	align-items: center;
}

.inline-form input {
	margin: 3px 5px;
}

.inline-form > button {
	margin: 3px 5px;
}

.inline-form > label {
	margin-right: 10px;
}

.inline-form > label:last-chilt {
	margin-right: 0px;
}

.form input[type=text],
.form input[type=password],
.form input[type=number],
.form textarea {
	width: 100%;
	box-sizing: border-box;
	padding: 5px;
	border: 1px solid #ddd;
	border-radius: 4px;
	margin-top: 10px;
}

.form .cke {
	margin-top: 10px;
}

.form textarea {
	height: 200px;
}

.form input[type=checkbox] {
	margin-right: 5px;
}

.form select {
	padding: 4px;
	margin-top: 10px;
}

.form .select2 {
	margin-top: 10px;
}

.form input.error {
	border: 1px solid #f00;
}

.form .input-error-message {
	color: #f00;
	padding-top: 3px;
	display: none;
}

.form label {
	display: block;
	margin-top: 10px;
}

.form > button,
.form > .submit > button {
	margin-top: 12px;
}

.form > button,
.form > .submit > button,
.button {
	font-size: 1em;
	padding: 6px 12px;
	border: none;
	border-radius: 6px;
	background-color: #2d8ac0;
	color: #fff;
}

/* Data Editor */

.field-edit .select,
.field-edit .color {
	border-top: 1px solid #eee;
	margin-top: 10px;
}

.field-edit .select .add-select-value,
.field-edit .color .add-color-value {
	display: flex;
	align-items: center;
}

.field-edit .select .add-select-value .add-select-value-button,
.field-edit .color .add-color-value .add-color-button,
.field-edit .image-text-fields .image-text-field-add .add-image-text-field-button {
	width: 24px;
	min-width: 24px;
	height: 20px;
	background-image: url("/template/icons/add.svg");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	margin: 10px 0px 0px 10px;
	cursor: pointer;
}

.field-edit .select > div:first-child,
.field-edit .color > div:first-child {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 10px 0px;
}

.image-text-fields > .image-text-field-add {
	display: flex;
	justify-content: space-between;
	align-items: center;

}

.image-text-fields > .image-text-field-add input {
	width: 120px;
}

.field-edit .select > div:first-child > label,
.field-edit .color > div:first-child > label {
	flex-grow: 1;
	margin-top: 0px;
	font-weight: bold;
}

.field-edit .select > div:first-child .abc,
.field-edit .color > div:first-child .abc {
	cursor: pointer;
}

.field-edit .select > div:first-child .abc:hover,
.field-edit .color > div:first-child .abc:hover {
	color: #71c48b;
}

.field-edit .select > div:first-child .sort,
.field-edit .color > div:first-child .sort {
	width: 24px;
	height: 24px;
	margin-left: 10px;
	background-image: url("/template/icons/sort.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	cursor: pointer;
}

.field-edit .select > div:first-child .sort.active,
.field-edit .color > div:first-child .sort.active {
	background-image: url("/template/icons/sort_active.svg");
}

.field-edit .select .values,
.field-edit .color .values,
.image-text-fields .values {
	margin: 10px 0px;
}

.field-edit .select .values > div,
.field-edit .color .values > div,
.image-text-fields .values > div {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	padding: 3px 0px;
	border-bottom: 1px solid #eee;
}

.field-edit .select .values > div:last-child,
.field-edit .color .values > div:last-child {
	border-bottom: none;
}

.field-edit .select .values > div > div:first-child,
.field-edit .color .values > div > div:first-child,
.image-text-fields .values > div > div:first-child {
	flex-grow: 1;
}

.image-text-fields .values > div > div:first-child {
	display: flex;
}

.image-text-fields .values > div > div:first-child > xmp:first-child {
	padding-right: 10px;
	flex-grow: 1;
}

.image-text-fields .values > div > div:first-child > xmp:last-child {
	padding: 0px 10px;
}

.field-edit .select .values > div > div:first-child > xmp,
.field-edit .color .values > div > div:first-child > xmp,
.image-text-fields .values xmp {
	padding: 0px;
	margin: 0px;
}

.field-edit .select .values .edit,
.field-edit .color .values .edit,
.image-text-fields .values .edit,
.items .edit,
.users .edit {
	width: 28px;
	min-width: 28px;
	height: 20px;
	background-image: url("/template/icons/edit.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	cursor: pointer;
}

.users .view {
	width: 20px;
	min-width: 20px;
	height: 20px;
	background-image: url("/template/icons/view.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	cursor: pointer;
}

.field-edit .select .values .delete,
.field-edit .color .values .delete,
.image-text-fields .values .delete,
.items td.delete,
.items th.delete,
.users td.delete,
.texts .delete {
	width: 20px;
	min-width: 20px;
	height: 20px;
	background-image: url("/template/icons/delete.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	cursor: pointer;
}

.items .add {
	width: 24px;
	min-width: 24px;
	height: 24px;
	background-image: url("/template/icons/add.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	cursor: pointer;
}

.items .duplicate {
	width: 20px;
	min-width: 20px;
	height: 20px;
	background-image: url("/template/icons/duplicate.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	cursor: pointer;
}

.items .categories {
	width: 20px;
	min-width: 20px;
	height: 20px;
	background-image: url("/template/icons/category.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	cursor: pointer;
}

.field-edit .color .values .rgb {
	width: 24px;
	height: 24px;
	min-width: 24px;
	border-radius: 50%;
	margin-right: 5px;
}

.field-edit .select .error,
.field-edit .color .error {
	color: #f00;
	margin-top: 5px;
}

/* Логин */

.login {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100%;
}

.login > form {
	display: block;
	width: 100%;
	max-width: 400px;
	text-align: center;
}

.login > form input {
	font-size: 1em;
}

.login .error-message {
	color: #f00;
	margin-top: 10px;
}

/* Хедер */

.header {
	display: flex;
	background-color: #323234;
	justify-content: space-between;
}

.header .menu {
	display: flex;
	padding: 5px;
}

.header .menu > a {
	border: 1px solid #323234;
	padding: 5px 10px;
	color: #fff;
}

.header .menu > a.selected {
	background-color: #474749;
	border: 1px solid #5a5a5c;
	border-radius: 4px;
}

/* UI */

.loading {
	position: relative;
}

.loading:before {
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.6);
	z-index: 2;
}

.loading:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	max-width: 128px;
	max-height: 128px;
	background-image: url("/template/images/loading.gif");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.white-popup-block {
	background: #FFF;
	padding: 40px;
	text-align: left;
	max-width: 1000px;
	display: inline-block;
	left: 50%;
	transform: translate(-50%);
	margin: 40px 0px;
	position: relative;
	border-radius: 6px;
}

.ui-block {
	margin: 10px;
	min-height: 32px;
	background-color: #f8f8f8;
	border: 1px solid #eee;
	width: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border-radius: 4px;
}

.ui-block .menu {
	display: flex;
	padding: 5px;
}

.ui-block .menu > a {
	padding: 5px 10px;
}

.ui-block .menu > a.selected {
	background-color: #eee;
	border-radius: 4px;
	font-weight: bold;
}

.ui-block .add-button {
	margin: 0px 0px 0px 10px;
}

.add-button {
	margin: 10px;
	color: #71c48b;
	display: block;
	background-image: url("/template/icons/add.svg");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	padding-left: 24px;
	cursor: pointer;
}

.settings-button {
	margin: 10px;
	color: #6f049b;
	display: block;
	background-image: url("/template/icons/settings.svg");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	padding-left: 24px;
	cursor: pointer;
}

/* Window */

.window {
	display: flex;
	flex-direction: column;
	margin: 10px;
	border: 1px solid #eee;
	border-radius: 4px;
}

.window .title {
	color: #fff;
	font-size: 1.1em;
	padding: 5px 8px;
	border: 1px solid #474749;
	background-color: #474749;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.window .content {
	padding: 8px;
}

.max-width-300 {
	max-width: 300px;
}

.max-width-500 {
	max-width: 500px;
}

/* List Table */

.list-table {
	border-collapse: collapse;
	margin: 10px;
}

.list-table td,
.list-table th {
	padding: 5px;
}

.list-table th {
	font-weight: 600;
	background-color: #f8f8f8;
}

.list-table tbody tr:nth-child(2n) {
	background-color: #f8f8f8;
}

.list-table .edit {
	width: 24px;
	background-image: url("/template/icons/edit.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	cursor: pointer;
}

.list-table .edit a {
	display: block;
	width: 24px;
	height: 16px;
}

.list-table .delete {
	width: 24px;
	background-image: url("/template/icons/delete.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	cursor: pointer;
}

.list-table .ui-sortable-helper {
    display: table;
}

.list-table-sort {
	width: 24px;
	height: 24px;
	margin-left: 10px;
	background-image: url("/template/icons/sort.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	cursor: pointer;
}

.list-table-sort.active {
	background-image: url("/template/icons/sort_active.svg");
}

.list-table th.sort-enable {
	cursor: pointer;
}

.list-table th.sort-enable:hover {
	color: #71c48b;
}

/* Search */

.search > div {
	padding: 0px 10px;
	line-height: 26px;
}

.search label {
	padding-right: 5px;
}

.search input {
	box-sizing: border-box;
	padding: 5px 5px 4px 5px;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.form input.date,
.search input.date {
	width: 80px;
	text-align: center;
}

.form input.datetime,
.form input.date {
	width: 120px;
	text-align: center;
}

.search > div.data-search {
	display: flex;
	position: relative;
	padding-right: 30px;
	flex-wrap: wrap;
}

.search-block {
	position: relative;
	margin-right: 10px;
	padding: 5px;
	display: flex;
	align-items: center;
	border-radius: 4px;
}

.search-block > div {
	padding-left: 10px;
}

.search-block > div.delete {
	position: absolute;
	top: -8px;
	right: -8px;
	width: 16px;
	height: 16px;
	padding-left: 0px;
	background-color: #717174;
	border-radius: 8px;
	background-image: url("/template/icons/delete.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 8px 8px;
	cursor: pointer;
}

.search-block-add {
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -10px;
	width: 24px;
	height: 20px;
	background-image: url("/template/icons/add.svg");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	cursor: pointer;
}

.search .categories {
	display: flex;
	min-width: 260px;
}

/* Page */

.page {
	margin: 10px;
	display: flex;
	flex-wrap: wrap;
}

.page > a {
	margin: 5px;
}

.page > a.hidden {
	display: none;
}

.page > a.selected {
	font-weight: bold;
}

/* Items */

.items {
	border-collapse: collapse;
	margin: 10px;
}

.items td,
.items th {
	padding: 5px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-weight: normal;
	text-align: left;
}

.items .item {
	background-color: #f8f8f8;
	color: #777;
}

/* Catalogue */

.catalogue-settings {
	margin: 10px;
}
/* Category */

.category {
	margin: 10px;
	padding: 0px;
	position: relative;
	border-bottom: 1px solid #eee;
	display:inline-block;
}

.category ul {
	display: none;
	padding: 5px 0px 0px 15px;
}

.category li {
	list-style: none;
	padding: 5px 0px 5px 0px;
	cursor: pointer;
}

.category li:before {
	content: "";
	display: block;
	position: absolute;
	left: 0px;
	width: 100%;
	margin-top: -5px;
	height: 0px;
	border-bottom: 1px dotted #ddd;
}

.category li.has-children {
	padding-left: 10px;
	background-image: url("/template/icons/has-children.svg");
	background-position: left top 10px;
	background-repeat: no-repeat;
	background-size: 6px;
}

.category li.has-children.opened {
	background-image: url("/template/icons/opened.svg");
	padding-bottom: 0px;
}

.category li > div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.category li > div > div:first-child {
	flex-grow: 1;
	min-width: 100px;
}

.category li > div > .remove {
	width: 16px;
	min-width: 16px;
	height: 16px;
	background-image: url("/template/icons/delete.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 12px 12px;
	cursor: pointer;
	margin-left: 16px;
}

.category li > div > .edit {
	width: 16px;
	min-width: 16px;
	height: 16px;
	background-image: url("/template/icons/edit.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 14px 14px;
	cursor: pointer;
	margin-left: 16px;
}

.category li > div > .visibility {
	width: 16px;
	min-width: 16px;
	height: 16px;
	background-image: url("/template/icons/view.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 14px 14px;
	cursor: pointer;
	margin-left: 16px;
}

.category li > div > .visibility.off {
	opacity: 0.6;
	filter: gray;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}

.category li > div > .check {
	width: 16px;
	min-width: 16px;
	height: 16px;
	background-image: url("/template/icons/check-no.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 14px 14px;
	cursor: pointer;
	margin-left: 16px;
}

.category li.selected > div > .check {
	background-image: url("/template/icons/check.svg");
}

/* Quick Edit */

.quick-edit {
	color: #000;
	padding: 5px;
}

.quick-edit-form {
	text-align: center;
}

.quick-edit-form .form input,
.quick-edit-form .form textarea,
.quick-edit-form .form select,
.quick-edit-form .form .select2 {
	margin-top: 0px;
}

.quick-edit-form .form .select2 {
	min-width: 150px;
}

.quick-edit-form .form textarea {
	min-width: 600px;
}

.quick-edit-form label,
.quick-edit-form button {
	display: none;
}

.quick-edit-form .image-editor + .submit > button {
	display: block;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

.quick-edit-form .form .message {
	font-size: 0.8em;
	padding-top: 3px;
	color: #f00;
}

/* Multi Edit */

.multi-edit-items {
	display: flex;
	flex-wrap: wrap;
	margin: 10px;
}

.multi-edit-items > div {
	margin-right: 10px;
}

.multi-edit-items input,
.multi-edit-items select {
	margin-left: 5px;
}

.multi-edit-form > div {
	display: table;
	border-collapse: collapse;
	width: 100%;
}

.multi-edit-form > div {
	display: table-row;
}

.multi-edit-form > div:nth-child(2n+1) {
    background: #f8f8f8;
}

.multi-edit-form > div > div {
	display: table-cell;
	vertical-align: middle;
	padding: 5px;
	border-top: 1px solid #eee;
}

.multi-edit-form > div > div:last-child {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.multi-edit-form > div > div.off {
	position: relative;
}

.multi-edit-form > div > div.off:after {
	content: "";
	position: absolute;
	left: 0px;
	top: 1px;
	display: block;
	width: 100%;
	height: calc(100% - 2px);
	background-color: rgba(255, 255, 255, 0.8);
}

.multi-edit-form .text-field > div:last-child {
	flex-grow: 1;
	padding-left: 10px;
}

.multi-edit-form .price-field input[type=text] {
	width: 80px;
}

.multi-edit-form .price-field > div {
	padding: 0px 10px;
	line-height: 22px;
}

.multi-edit-form .price-field > div:first-child {
	padding: 0px;
}

.multi-edit-form .price-field > div:last-child {
	padding-right: 0px;
}

.multi-edit-form .number-field > div:last-child input[type="number"] {
	width: 100px;
}

.multi-edit-form .select-field > div:last-child select,
.multi-edit-form .select-multiple-field > div:last-child select,
.multi-edit-form .color-field > div:last-child select {
	width: 100%;
}

.multi-edit-form .editor-field > div:last-child,
.multi-edit-form .select-field > div:last-child,
.multi-edit-form .select-multiple-field > div:last-child,
.multi-edit-form .color-field > div:last-child,
.multi-edit-form .date-field > div:last-child,
.multi-edit-form .datetime-field > div:last-child,
.multi-edit-form .image-field > div:last-child,
.multi-edit-form .file-field > div:last-child,
.multi-edit-form .number-field > div:last-child {
	flex-grow: 1;
	padding-left: 10px;
}

.multi-edit-form > div > div.check-field {
	justify-content: flex-start
}

.multi-edit-form > div > div.check-field > div {
	margin-right: 10px;
}

.multi-edit-form input[type="text"], 
.multi-edit-form input[type="password"], 
.multi-edit-form input[type="number"], 
.multi-edit-form textarea,
.multi-edit-form label,
.multi-edit-form select,
.multi-edit-form .select2,
.multi-edit-form .image-editor {
	margin: 0px;
}

.multi-edit-form > div.message {
	display: block;
	padding: 5px;
	background-color: #fff;
	color: #f00;
}

/* Comment */

.comment {
	display: flex;
	flex-direction: column;
}

.comment > div {
	display: flex;
	flex-direction: column;
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px solid #eee;
}

.comment > div > div:first-child {
	display: flex;
	justify-content: space-between;
}

.comment > div > div:first-child > div:first-child {
	font-weight: bold;
	margin-bottom: 3px;
}

.comment > div > div:first-child > div:last-child {
	opacity: 0.3;
}

/* User */

.user-header {
	display: flex;
	justify-content: space-between;
}

.user-header > a {
	margin-bottom: 2px;
}

.user-settings {
	margin: 10px;
}

.user {
	margin: 15px;
	display: flex;
	flex-direction: column;
}

.user > div {
	display: flex;
	flex-direction: row;
	margin-bottom: 10px;
}

.user > div:last-child {
	margin-bottom: 0px;
}

.user > div > div:first-child {
	font-weight: bold;
	padding-right: 10px;
}

.user > div > div:first-child:after {
	content: ":";
}

.user-search .manager {
	display: flex;
	width: 200px;
}

.users .user-cart {
	text-align: center;
	cursor: pointer;
}
.users .user-cart:empty {
	cursor: auto;
}

/* Order */

.order-header {
	display: flex;
	justify-content: space-between;
}

.order-header > a {
	margin-bottom: 2px;
}

.order-search input[name=id] {
	width: 64px;
}

.order-search .client,
.order-search .manager,
.analytics-search .manager {
	display: flex;
	width: 200px;
}

.order-offers {
	position: relative;
	margin-bottom: 32px;
}

.order-offers .sum {
	text-align: right;
}

.order-offers > .order-sum {
	position: absolute;
	top: 100%;
	right: 34px;
	padding-top: 10px;
	font-weight: bold;
}

.order-offers > .order-sum:before {
	content: "Сумма: ";
}

.order-offers input[type=text] {
	max-width: 80px;
	text-align: center;
}

.order-offers input[type=number] {
	max-width: 50px;
	text-align: center;
}

.order {
	display: flex;
	align-items: center;
}

.order > div {
	margin-right: 20px;
}

.order .manager {
	display: flex;
	align-items: center;
}

.order .manager > label {
	margin-right: 10px;
}

.order .manager {
	min-width: 200px;
}

.order .sms,
.order .email,
.order .apple,
.order .android {
	width: 16px;
	min-width: 16px;
	height: 16px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	cursor: pointer;
}

.order .sms {
	background-image: url("/template/icons/sms.svg");
}

.order .email {
	background-image: url("/template/icons/email.svg");
}

.order .apple {
	background-image: url("/template/icons/apple.svg");
}

.order .android {
	background-image: url("/template/icons/android.svg");
}

.notification textarea,
.notification input {
	width: 300px;
}

.notification textarea {
	margin: 10px 0px;
}

/* Offer Search */

.offer-search {
	position: relative;
}

.offer-search-preview {
	position: absolute;
	top: 100%;
	left: 0px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	z-index: 1;
}

.offer-search-preview,
.offer-search-offers,
.order-offers {
	display: table;
	border-collapse: collapse;
}

.offer-search-preview td,
.offer-search-offers td,
.order-offers td {
	padding: 5px;
	border-bottom: 1px solid #ddd;
}

.offer-search-preview tr,
.offer-search-offers tr,
.order-offers tr {
	cursor: pointer;
}

.offer-search-preview tr:hover {
	background-color: #f8f8f8;
}

.offer-search-preview img,
.offer-search-offers img,
.order-offers img {
	max-width: 32px;
	max-height: 32px;
}

.offer-search-offers .delete,
.order-offers .delete {
	width: 20px;
	min-width: 20px;
	min-height: 20px;
	background-image: url("/template/icons/delete.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	cursor: pointer;
}

/* Integration */

.texts > div {
	margin: 10px;
	background-color: #eee;
	padding: 10px;
	border-radius: 6px;
	position: relative;
}

.texts + button {
	margin: 10px;
}

.texts .delete {
	position: absolute;
	top: 5px;
	right: 5px;
}

/* Integration Menu */

.menu-items,
.menu-items-for-add {
	position: relative;
	margin: 10px;
	padding: 5px 10px 5px 5px;
	display: inline-block;
	vertical-align: top;
	border: 1px solid #eee;
	min-width: 200px;
	min-height: 100px;
	border-radius: 4px;
}

.menu-items {
	padding-bottom: 50px;
}

.menu-items > button {
	position: absolute;
	bottom: 10px;
	left: 10px;
}

.menu-items ul,
.menu-items-for-add ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.menu-items li > div {
	background-color: #f8f8f8;
	padding: 3px;
	border-radius: 3px;
}

.menu-items li,
.menu-items-for-add li {
	border-top: 10px solid #fff;	
	padding: 0px 0px 0px 5px;
	cursor: pointer;
}

.menu-items li > div.hover {
	background-color: #eee;	
}

.menu-items li.hover {
	border-top: 10px solid #d6c6f2;	
}

.menu-items ul.hover {
	border-bottom: 10px solid #d6c6f2;	
}

.link-avatar {
	position: absolute;
	z-index: 5;
	padding: 5px;
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 4px;
	cursor: pointer;
	display: none;
}

.analytics .offers {
	margin-left: 0px;
}