@font-face {
	font-family: 'CormorantLight';
	src: url('../fonts/Widgets fonts/Cormorant-Light/Cormorant-Light.eot');
	src: local('CormorantLight'), local('Cormorant-Light'), url('../fonts/Widgets fonts/Cormorant-Light/Cormorant-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Widgets fonts/Cormorant-Light/Cormorant-Light.woff2') format('woff2'), url('../fonts/Widgets fonts/Cormorant-Light/Cormorant-Light.woff') format('woff'), url('../fonts/Widgets fonts/Cormorant-Light/Cormorant-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SourceSansProRegular';
	src: url('../fonts/Widgets fonts/SourceSansPro-Regular/SourceSansPro-Regular.eot');
	src: local('SourceSansProRegular'), local('SourceSansPro-Regular'), url('../fonts/Widgets fonts/SourceSansPro-Regular/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Widgets fonts/SourceSansPro-Regular/SourceSansPro-Regular.woff2') format('woff2'), url('../fonts/Widgets fonts/SourceSansPro-Regular/SourceSansPro-Regular.woff') format('woff'), url('../fonts/Widgets fonts/SourceSansPro-Regular/SourceSansPro-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body {
	font-size: 15px;
	font-family: 'SourceSansProRegular';
	min-width: initial;
	background: none;
}

	body.menu-open {
		overflow: hidden;
	}

*, .reserves-content label {
	box-sizing: border-box;
}

a,
a:link,
a:visited,
a:hover,
a:active {
	color: #7e1f5d;
}

.k-window-title,
h1.title {
	font-size: 28px;
	line-height: 28px;
	font-family: 'CormorantLight';
	margin-bottom: 30px;
	font-weight: normal;
}

.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

.clearfix {
	display: block;
}

a.button {
	display: inline-block;
}

button,
.button a,
.button,
input[type="button"],
input[type="submit"],
.logInWrapper .logIn-btn {
	height: 45px;
	line-height: 45px;
	padding-left: 30px;
	padding-right: 30px;
	background: #7e1f5d;
	color: #fff !important;
	border: 0;
	box-sizing: border-box !important;
	outline: none;
	text-align: center;
	cursor: pointer;
}

.k-window .button-wrap {
	display: inline-block;
}

.setButton {
	display: block;
	position: absolute;
	right: 35px;
	top: 20px;
}

.button-center {
	margin: 20px auto;
	display: block;
}

.payment-submit {
	float: right;
}

select.k-textbox,
input.k-textbox,
input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"] {
	width: 100%;
	display: block;
	padding: 0 15px;
	height: 38px !important;
	line-height: 38px !important;
	margin-bottom: 20px;
	box-sizing: border-box;
	border: 1px solid #eeeeee;
	border-radius: 6px;
	background: #fdfdfd;
}

	input.k-textbox:hover {
		border: 1px solid #eeeeee;
	}

.filter-blur {
	filter: blur(10px);
	background-color: #ffffff;
}

.k-overlay {
	background-color: #fff;
}

.main-page-title h1 {
	font-size: 15px;
	font-weight: bold;
	color: #353535;
}

.sfPublicWrapper {
	width: 100%;
}

.k-grid-content {
	overflow-y: auto !important;
}

.k-grid.k-widget .k-grid-content {
	min-height: 100px;
}
/*#PublicWrapper {
	 white-space:nowrap;
    overflow:hidden;
    width:100%;
}
#PublicWrapper > div{
    min-width:100px;
    display:inline-block;
    vertical-align:top;
}*/
/*checkbox style*/
.chekbox, .radio {
	position: relative;
	top: 0;
	display: inline-block;
	width: 17px;
	height: 17px;
	margin-right: 15px;
	border-width: 1px;
	border-style: solid;
	border-color: #a0abbd;
	border-radius: 4px;
	background: #fcfff4;
	text-align: left;
}

.radio {
	width: 16px;
	height: 16px;
}

.k-item .radio {
	border-radius: 33px;
}

.chekbox input[type=checkbox], .radio input[type=radio] {
	visibility: hidden;
}

.chekbox span, .radio span {
	cursor: pointer;
	position: absolute;
	opacity: 1 !important;
	top: 0;
	left: 0;
	width: 15px;
	border-radius: 3px;
	height: 15px;
	background: #e3e3e3;
}

.radio span {
	width: 14px;
	height: 14px;
}

	.chekbox span:after, .radio span:after {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
		content: '';
		position: absolute;
		left: 4px;
		top: 1px;
		width: 4px;
		border-width: 0 2px 2px 0;
		border-style: solid;
		border-color: #7b1e57;
		height: 8px;
		transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}

.k-item .radio span:after {
	width: 0;
	height: 0;
	border-width: 4px;
	border-radius: 33px;
	left: 3px;
	top: 3px;
}

.chekbox input[type=checkbox]:checked + span, .radio input[type=radio]:checked + span {
	background: #fff;
}

.k-item .radio input[type=radio] + span {
	border-radius: 33px;
}

.chekbox input[type=checkbox]:checked + span:after,
.radio input[type=radio]:checked + span:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}


/*window*/
#EditAccountDetailsPopUp input[type="button"] {
	width: 100%;
	margin-top: 0;
}

.k-window-titlebar .k-window-actions {
	white-space: initial;
}

.k-widget.k-window.popup-center {
	left: 50%;
	transform: translateX(-50%);
}

.k-widget.k-window button,
.k-widget.k-window .button a,
.k-widget.k-window .button,
.k-widget.k-window input[type="button"],
.k-widget.k-window input[type="submit"] {
	width: 185px;
}

.k-widget.k-window.k-state-focused,
.k-widget.k-window {
	height: auto;
	border-radius: 0;
	box-shadow: none;
	border-top: 3px solid #7e1f5d;
	padding: 23px;
}

	.k-widget.k-window button {
		cursor: pointer;
		text-transform: uppercase;
		margin-bottom: 3px;
	}

	.k-widget.k-window .k-window-titlebar.k-header {
		width: 90%;
		border: 0;
		padding-left: 0;
		background: none;
	}

#ChangePasswordPopUp_wnd_title.k-window-title {
	top: 10px;
	padding-left: 0;
	color: #464646;
	font-size: 16px;
	font-family: 'SourceSansProRegular';
}

.k-window-title {
	left: 0;
}

div.k-window-content {
	max-width: 800px;
}

	div.k-window-content p {
		padding: 30px 0;
	}

.k-widget.k-window input[type="button"] {
	margin: 20px auto 0;
	cursor: pointer;
}

	.k-widget.k-window input[type="button"] + input[type="button"] {
		margin-top: 10px;
	}

.k-widget.k-window #AcceptWindow {
	max-width: 800px;
}

	.k-widget.k-window #AcceptWindow h2 {
		color: #353535;
		font-size: 28px;
		margin-bottom: 26px;
	}

	.k-widget.k-window #AcceptWindow p {
		color: #a4a9ae;
		font-size: 14px;
		margin-bottom: 40px;
		line-height: 1.5;
	}

#ThankYouMsg p {
	margin-bottom: 30px;
}

#ThankYouMsg .button {
	display: inline-block;
}

	#ThankYouMsg .button a {
		text-decoration: none;
	}
/*hello text*/
.hello-text {
	margin: -20px -30px 20px;
	font-size: 15px;
	color: #8390a7;
	border-bottom: 1px solid #f2f2f2;
}

	.hello-text > div {
		display: inline-block;
		vertical-align: middle;
		padding: 30px;
		font-family: 'CormorantLight';
		font-size: 18px;
		color: #353535;
	}

		.hello-text > div span {
			color: #a4a9ad;
		}

	.hello-text .hello {
		width: 27%;
		text-align: center;
		border-right: 1px solid #f2f2f2;
	}

	.hello-text .account-contact {
		width: 42%;
		text-align: right;
	}

	.hello-text .contact {
		width: 30%;
		float: right;
		background: #f2f2f2;
		position: relative;
		word-wrap: break-word;
	}

		.hello-text .contact:after {
			display: block;
			border: solid transparent;
			content: " ";
			height: 0;
			width: 0;
			pointer-events: none;
			border-right-color: #f2f2f2;
			border-width: 10px;
			margin-top: -4px;
			position: absolute;
			top: 50%;
			margin-left: -49px;
		}

		.hello-text .contact a {
			color: #353535;
		}
/*value table*/
.value-option {
	width: 100%;
	display: table;
	margin-bottom: 30px;
	background: #f2f2f2;
}

	.value-option > div {
		position: relative;
		display: table-cell;
		padding: 35px 3%;
		color: #a4a9ae;
		font-size: 13px;
		text-align: center;
		vertical-align: top;
	}

		.value-option > div:after {
			content: '';
			display: block;
			position: absolute;
			top: 0;
			right: 0;
			width: 1px;
			height: 100px;
			background: #fff;
		}

		.value-option > div > div {
			margin-bottom: 5px;
		}

		.value-option > div .title {
			font-weight: 700;
		}

		.value-option > div .value {
			color: #7e1f5d;
			font-size: 17px;
		}

			.value-option > div .value.u-fs22 {
				font-size: 22px;
			}

/*navigation tab*/
.navigation {
	margin: 0;
	padding: 0;
	text-align: center;
}

	.navigation li {
		display: inline-block;
		margin-left: -3px;
		margin-bottom: 0;
	}

		.navigation li a {
			position: relative;
			display: block;
			height: 68px;
			margin-left: -1px;
			line-height: 68px;
			padding: 0 35px;
			border-top: 4px solid transparent;
			color: #636363;
			font-size: 22px;
		}

			.navigation li a:after {
				content: '';
				display: block;
				position: absolute;
				top: 50%;
				right: 0;
				width: 1px;
				height: 28px;
				margin-top: -14px;
				background: #cecece;
			}

			.navigation li.active a,
			.navigation li a:active,
			.navigation li a:focus,
			.navigation li a:hover {
				background: #f2f2f2;
				border-color: #7d1c56;
				color: #7d1c56;
				text-decoration: none;
			}

				.navigation li:last-child a:after,
				.navigation li.active a:after,
				.navigation li a:active:after,
				.navigation li a:focus:after,
				.navigation li a:hover:after {
					display: none;
				}

/*table*/
.table-responsive {
	background: #f2f2f2;
	padding: 30px 25px 20px;
}

	.table-responsive .k-grid {
		margin-top: 25px;
	}

	.table-responsive .k-grid-header th:last-child {
		float: none !important;
	}

	.table-responsive .k-grid .k-header.k-grid-toolbar {
		border: 0;
		position: absolute;
		top: -80px;
		font-size: 15px;
		color: #535353;
	}

		.table-responsive .k-grid .k-header.k-grid-toolbar .k-button.k-grid-excel {
			background: url(../img/xls.png) no-repeat;
			border: 0;
			font-size: 0;
			width: 35px;
			height: 40px;
			margin-right: 12px;
		}

			.table-responsive .k-grid .k-header.k-grid-toolbar .k-button.k-grid-excel .k-icon.k-i-excel {
				background: none;
			}

.badge {
	display: inline-block;
	margin-left: 10px;
	margin-right: 20px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #fefefe;
	color: #999;
	text-align: center;
	line-height: 22px;
}

.table-responsive .k-grid .k-header.k-grid-toolbar .badge {
	margin-right: 0;
}

.table-responsive #back-to-top-btn-acc,
#BrokingGrid .back-to-top-btn,
#DeliveriesGrid .back-to-top-btn {
	background-image: url("../img/back-to-top.png");
	background-repeat: no-repeat;
	background-size: 50px 50px;
	width: 50px;
	height: 50px;
	display: none;
	position: relative;
	left: 96%;
}

.k-grid-norecords {
	padding: 16px 0;
	border-bottom: 2px solid #e8e8e8;
}
/*drop down style*/
.k-icon.k-i-arrow-s {
	background: none;
	width: 6px;
	border-width: 0 2px 2px 0;
	border-style: solid;
	border-color: #535353;
	height: 6px;
	transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.k-menu .k-item > .k-link.k-state-active .k-icon.k-i-arrow-s,
.k-widget.k-dropdown.k-header .k-state-active .k-icon.k-i-arrow-s {
	border-color: #464646;
	transform: rotate(225deg);
	-o-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
}

.k-widget.k-dropdown.k-header {
	display: block;
	float: left;
	margin-right: 30px;
	width: 215px;
}

.k-widget.k-dropdown .k-input {
	height: 50px;
	box-sizing: border-box;
	padding-top: 5px;
	padding-bottom: 5px;
}

	.k-widget.k-dropdown .k-input p:last-child {
		margin-top: -4px;
	}

.k-widget.k-dropdown .k-state-default > .k-select {
	line-height: 50px;
}

.k-widget.k-menu-horizontal > .k-item {
	height: 50px;
	line-height: 50px;
}

.k-menu .k-item > .k-link {
	line-height: 50px !important;
	padding: 0 30px 0 15px !important;
}

.k-menu .k-item:first-child > .k-link {
	line-height: 1.5 !important;
	min-width: 80px;
	display: inline-block;
	vertical-align: middle;
	/*position: relative;
    top: 5px;*/
}

	.k-menu .k-item:first-child > .k-link span.static-balance {
		display: block;
		font-size: small;
		color: #a3a8ae;
	}

.k-menu .k-item > .k-link > .k-i-arrow-s {
	/* position: relative;
    right: -10px;*/
	right: 15px !important;
	position: absolute !important;
	margin: 0 !important;
	top: 50%;
	margin-top: -3px !important;
}

.k-menu .k-menu-group .k-item > .k-link .k-animation-container ul li .k-link {
	min-width: 0;
}

.k-menu .k-item:first-child > .k-link .k-animation-container ul li .k-link,
.k-menu .k-item:first-child > ul li .k-link {
	min-width: 0;
}

.k-header.k-grid-toolbar {
	background: none !important;
}

.k-widget.k-dropdown.k-header,
.k-widget.k-reset.k-header.k-menu.k-menu-horizontal {
	display: inline-block;
	border: none !important;
	background: #fff;
	font-size: 15px;
	color: #535353;
}

.k-autocomplete.k-state-default,
.k-dropdown-wrap.k-state-default,
.k-numeric-wrap.k-state-default,
.k-picker-wrap.k-state-default {
	border: 0;
}

.k-widget.k-dropdown.k-header .k-item,
.k-widget.k-reset.k-header.k-menu.k-menu-horizontal .k-item {
	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
}

.k-dropdown .k-input,
.k-dropdown .k-state-focused .k-input,
.k-menu .k-popup {
	font-size: 15px;
	color: #535353 !important;
}

.k-dropdown-wrap.k-state-default {
	padding-left: 12px;
	border-bottom: 4px solid #7e1f5d !important;
	border-radius: 0;
	background: #fff !important;
}

.k-dropdown-wrap.k-state-focused {
	border-radius: 0 !important;
	box-shadow: none !important;
}

.k-widget.k-reset.k-header.k-menu.k-menu-horizonta {
	list-style: none;
	padding: 0;
	margin: 0;
}

.k-widget.k-menu-horizontal > .k-item:before {
	display: none;
}

.k-widget.k-menu-horizontal > .k-item {
	margin-bottom: 0;
	border: 1px solid #c5c5c5 !important;
	border-bottom: 4px solid #7e1f5d !important;
}

	.k-widget.k-menu-horizontal > .k-item.k-state-hover {
		background: none !important;
	}

.k-menu .k-item .k-item.k-state-hover {
	background: #f7f6f6;
	font-weight: bold;
}

	.k-menu .k-item .k-item.k-state-hover span {
		color: #6c1a4c !important;
	}

.k-widget.k-dropdown.k-header .k-icon.k-i-arrow-s {
	position: relative;
	/*left: -9px;*/
}

.k-animation-container {
	padding: 0 !important;
}

.k-popup.k-list-container,
.k-popup.k-calendar-container {
	padding: 0 !important;
}

	.k-popup.k-list-container .k-state-focused.k-state-selected {
		background: none !important;
		color: #535353;
		border: 0 !important;
		box-shadow: none !important;
		padding: 15px;
	}

.k-popup.k-list-container {
	padding: 0;
	border-bottom: 4px solid #7d1c56 !important;
	-webkit-box-shadow: 0 1px 0px 0 rgba(0,0,0,0.1);
	box-shadow: 0 1px 0 0 rgba(0,0,0,0.1);
	overflow-y: auto;
}

.k-list-container .k-list {
	border: 0;
}

	.k-list-container .k-list .k-item:hover,
	.k-list-container .k-list > .k-state-focused {
		border: 0;
		background: #f7f6f6;
		color: #6c1a4c;
		font-weight: bold;
	}

.k-popup .k-list .k-item {
	margin-bottom: 0;
	padding: 15px !important;
	min-height: 44px !important;
	box-sizing: border-box;
}

.k-popup .k-item {
	margin-bottom: 0;
}

.k-menu .k-animation-container .k-group {
	top: auto;
	left: auto;
	box-shadow: none;
	margin-left: 1px;
	background: #fff;
	border: 1px solid #f2f2f2;
	border-bottom: 4px solid #7d1c56;
}

.dropdownSecondLine {
	font-size: small;
	color: #a3a8ae;
}
/* grid */
.k-grid-toolbar:first-child {
	position: absolute;
	top: -45px;
	right: 10px;
}

.k-grid .k-grid-header {
	padding-right: 0 !important;
}

	.k-grid .k-grid-header .k-header {
		position: relative;
		height: 75px;
		/*width: 106px;*/
		background: #6c1a4c !important;
		padding: 0 5px;
		color: #fff;
		text-align: center;
		vertical-align: middle;
		font-size: 13px;
		border-width: 4px 2px !important;
		border-style: solid !important;
		border-color: #7e1f5d !important;
	}


		.k-grid .k-grid-header .k-header a.k-link {
			color: #fff;
			text-align: center;
			font-size: 13px;
		}

		.k-grid .k-grid-header .k-header .header-column-arrow {
			position: absolute !important;
			bottom: 0;
			right: 0;
		}

			.k-grid .k-grid-header .k-header .header-column-arrow:before {
				content: '';
				display: block;
				width: 15px;
				height: 15px;
				width: 18px;
				height: 18px;
				background: #7e1c57;
				position: absolute !important;
				bottom: 0;
				right: 0;
			}

			.k-grid .k-grid-header .k-header .header-column-arrow:after {
				display: block;
				border: solid transparent;
				content: " ";
				height: 0;
				width: 0;
				right: 5px;
				top: -14px;
				position: absolute;
				pointer-events: none;
				border-top-color: #fff;
				border-width: 4px;
				margin-top: 4px;
				margin-left: 5px;
			}

.k-grid-header .k-link > .k-icon.k-i-arrow-s,
.k-grid-header .k-link > .k-icon {
	width: 18px;
	height: 18px;
	background: #7e1c57;
	position: absolute !important;
	bottom: 0;
	right: 0;
}

	.k-grid-header .k-link > .k-icon.k-icon.k-i-arrow-n:after {
		display: block;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		pointer-events: none;
		border-top-color: #fff;
		border-width: 4px;
		margin-top: 8px;
		margin-left: 5px;
	}

	.k-grid-header .k-link > .k-icon.k-i-arrow-s {
		border: none;
		transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}

	.k-grid-header .k-link > .k-icon.k-icon.k-i-arrow-s:after {
		display: block;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		pointer-events: none;
		border-bottom-color: #fff;
		border-width: 4px;
		margin-top: 4px;
		margin-left: 5px;
	}

.k-grid-content {
	margin-bottom: 0 !important;
}

.k-grid table {
	padding-bottom: 0 !important;
}

.k-grid tbody td {
	border: 0;
	padding: 20px 2px !important;
	text-align: center;
	font-size: 15px;
	color: #535353;
}

.k-grid tbody tr.k-alt td {
	background: #f6f6f6 !important;
}

.k-grid-header .k-header > .k-link {
	color: #fff;
	font-size: 15px;
}

@media (min-width: 992px) {
	.container {
		width: 100%;
	}
}

@media (min-width: 769px) {
	.container {
		width: 100%;
	}
}

@media (max-width: 1130px) {
	.navigation li a {
		padding: 0 25px;
	}
}

@media (max-width: 1250px) and (min-width: 769px) {
	#ReservesGrid .k-header.k-grid-toolbar {
		width: 350px;
	}
}

@media (max-width: 935px) and (min-width: 769px) {
	#ExcelExportText span,
	#PdfExportText span,
	#ReservesGrid .k-grid-toolbar .badge {
		display: none;
	}

	#ReservesGrid .k-grid-toolbar {
		padding: 20px 0;
	}

	#ReservesGrid .black-link-text {
		display: block;
	}
}

@media (max-width: 1024px) {
	.value-option > div {
		padding-left: 1%;
		padding-right: 1%;
	}

	.navigation li a {
		padding: 0 20px;
	}
}

@media (max-width: 992px) {
	.value-option > div {
		display: block;
		float: left;
		width: 33.33%;
		height: 140px;
	}

	.navigation li a {
		padding: 0 12px;
		font-size: 18px;
	}

	.table-responsive .k-grid {
		margin-top: 75px;
	}

		.table-responsive .k-grid .k-header.k-grid-toolbar {
			top: -60px;
		}

	.hierarchy-tbl.k-grid.k-widget .k-grid-toolbar:first-child {
		width: 350px;
	}
}

/*account details content*/
.account-details-content {
	background-color: rgb(242, 242, 242);
	padding: 30px 15px;
}

	.account-details-content h2 {
		margin: 20px 35px;
		color: #464646;
		font-family: 'CormorantLight';
		font-size: 28px;
		font-weight: 300;
	}

.client-details-cell {
	float: left;
	width: 33%;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 15px;
}

	.client-details-cell:last-child {
		padding-right: 0;
	}

	.client-details-cell .setButton,
	.client-details-cell .changeButton {
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		padding: 0;
		height: 45px;
		width: 90px;
		text-align: center;
		line-height: 45px;
		border-left: 1px solid #fff;
	}

	.client-details-cell > div,
	.client-details-cell > div.title-div {
		position: relative;
	}

		.client-details-cell > div.wrapper {
			padding: 20px 35px;
			border: 1px solid #ffffff;
			margin-top: -1px;
		}

			.client-details-cell > div.wrapper label {
				display: block;
				margin: 0;
				padding-bottom: 5px;
				color: #a6a9ae;
				white-space: nowrap;
				text-overflow: ellipsis;
				width: 70%;
				overflow: hidden;
			}

			.client-details-cell > div.wrapper input {
				background: none;
				border: 0;
				white-space: nowrap;
				text-overflow: ellipsis;
				width: 70%;
				overflow: hidden;
				padding: 0;
				margin-bottom: 0;
			}

.interests-list {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin-left: -15px;
	margin-right: -15px;
}

.interests-list-item {
	display: inline-block;
	width: 24%;
	box-sizing: border-box;
	padding: 55px;
	border-left: 1px solid #fff;
	vertical-align: top;
}

	.interests-list-item > div {
		margin-bottom: 40px;
	}

		.interests-list-item > div:last-child {
			margin-bottom: 0;
		}

		.interests-list-item > div label {
			font-size: 15px;
			color: #a4a7ae;
		}

#listRegions {
	display: inline-block;
	width: 73%;
}

	#listRegions .interests-list-item {
		width: 32%;
		min-height: 320px;
	}

/*statement*/
.yearsMenu > div,
.yearsMenu > div > ul {
	width: 125px;
}

.yearsMenu > div {
	margin-left: 30px !important;
}
/*.yearsMenu > div:after {
	content: '';
	position: absolute;
	top: 20px;
	left: -10px;
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 
	border-right:10px solid #fff; 
}*/

.k-item.yearsMenu.k-state-default.k-state-border-right:after {
	content: '';
	position: absolute;
	top: 15px;
	left: 145px;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #fff;
	z-index: 20000;
}

#CellarageInsurance_wnd_title {
	font-size: 20px;
	white-space: pre-wrap;
	line-height: 19px;
}

#CellarageInsurance {
	text-align: center;
}

.k-item.yearsMenu > li.k-state-default.k-first {
	width: 100%;
}

.yearsMenu > div ul {
	box-shadow: 0 0 15px 0 rgba(136,139,143,.3) !important;
}

#FilterDatesCalendar {
	margin-right: 30px;
	width: 186px;
}

	#FilterDatesCalendar > li > div > ul > li {
		text-align: center;
		border: 1px solid #c5c5c5;
	}
	/*.k-menu .yearsMenu {
    width: 120px;
}*/

	#FilterDatesCalendar.k-menu .yearsMenu .k-item {
		float: left;
		width: 50px;
	}

#actionMenu {
	width: 186px;
}

	#actionMenu.k-widget.k-reset.k-header.k-menu.k-menu-horizontal > .k-item,
	#FilterDatesCalendar.k-widget.k-reset.k-header.k-menu.k-menu-horizontal > .k-item {
		width: 100%;
	}

#FilterDatesCalendar.k-widget.k-reset.k-header.k-menu.k-menu-horizontal .k-state-border-left .k-item {
	width: 50%;
}

.yearsMenu > div ul li.k-item:first-child {
	width: 100% !important;
}
/*reserves*/
.reserves-content #admin-actions-cancel {
	position: relative;
}

	.reserves-content #admin-actions-cancel .k-loading-mask {
		z-index: 10;
	}

.hierarchy-tbl .k-grid-content table,
.hierarchy-tbl .k-grid-content-locked > table,
.hierarchy-tbl .k-grid-footer table,
.hierarchy-tbl .k-grid-header table {
	table-layout: auto;
}

.reserves-content .hierarchy-tbl.k-grid.k-widget.no-grouped td {
	width: 136px;
}

	.reserves-content .hierarchy-tbl.k-grid.k-widget.no-grouped td.k-hierarchy-cell {
		width: 27px;
	}

.reserves-content .hierarchy-tbl.k-grid.k-widget.no-grouped .k-detail-row .k-detail-cell .inner-grid {
	width: 99.4%;
}

.reserves-content {
	background-color: rgb(242, 242, 242);
	padding: 30px 25px 20px;
}

	.reserves-content .k-grid .k-grid-header .k-header {
		width: 139px;
	}

	.reserves-content .k-grouping-row .k-icon {
		display: none;
	}

	.reserves-content .k-grid .k-detail-row .k-hierarchy-cell,
	.reserves-content .k-grid tbody .k-detail-row td:first-child,
	.reserves-content .k-grid tbody .k-master-row td.k-group-cell {
		display: none;
	}

	.reserves-content .k-grid-content table {
		table-layout: auto;
	}

	.reserves-content .k-grouping-row td {
		padding-top: 5px !important;
		padding-bottom: 5px !important;
		text-align: left;
		background: #e7e6e6 !important;
	}

	.reserves-content .k-grid-header th.k-header > .k-link {
		display: block;
		white-space: normal;
		min-height: 18px;
		line-height: 18px;
		margin: -.5em -.6em -.4em 0;
		padding: .5em .6em .4em 0;
		/*overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 106px;*/
	}

	.reserves-content .k-grouping-row + tr td {
		border: 0;
	}

	.reserves-content .k-grouping-row p.k-reset {
		color: #7e1f5d !important;
	}

	.reserves-content .k-grid tbody tr.k-alt td.k-hierarchy-cell,
	.reserves-content .k-hierarchy-cell {
		padding: 2px 0 !important;
	}

	.reserves-content .k-grid .k-group-col,
	.reserves-content .k-grid .k-hierarchy-col {
		width: initial;
	}

	.reserves-content .k-hierarchy-cell {
		width: 20px;
	}

	.reserves-content .k-grid .k-grid-header .k-hierarchy-cell.k-header {
		padding: 0 !important;
		width: 23px;
	}

	.reserves-content .k-hierarchy-cell .k-icon {
		background: none !important;
	}

		.reserves-content .k-hierarchy-cell .k-icon:after, .reserves-content .additional-info .k-icon:after {
			content: '';
			position: relative;
			top: 50%;
			margin-top: -7px;
			left: 4px;
			display: block;
			width: 0;
			height: 0;
			border-top: 7px solid transparent;
			border-bottom: 7px solid transparent;
			border-left: 7px solid #7e1f5d;
		}

	.reserves-content .additional-info {
		position: relative;
		top: 20px;
	}

	.reserves-content .k-hierarchy-cell .k-icon.k-minus:after {
		transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
	}

	.reserves-content .k-grid .k-grid-header .k-hierarchy-cell .k-icon:after {
		border-left: 8px solid #fff;
	}

	.reserves-content .k-grid .k-detail-row .k-detail-cell {
		padding: 2px 3px !important;
	}

		.reserves-content .k-grid .k-detail-row .k-detail-cell .inner-grid {
			border: 0;
			/*When return Source column this will be the correct width*/
			/*width: 108.8%;*/
			width: 105%;
			padding: 5px;
		}

		.reserves-content .k-grid .k-detail-row .k-detail-cell .k-grid .k-grid-header .k-header {
			height: 40px;
			width: 14.2%;
			border: 0 !important;
			border-left: 1px solid #fff !important;
		}

		.reserves-content .k-grid .k-detail-row .k-detail-cell .k-grid tbody tr td,
		.reserves-content .k-grid .k-detail-row .k-detail-cell .k-grid tbody tr.k-alt td {
			width: 14.2%;
			background: #f6f6f6 !important;
			border-left: 1px solid #fff !important;
			border-bottom: 2px solid #7e1f5d !important;
		}

			.reserves-content .k-grid .k-detail-row .k-detail-cell .k-grid tbody tr td:first-child,
			.reserves-content .k-grid .k-detail-row .k-detail-cell .k-grid tbody tr td:nth-last-child(2) {
				border: 0 !important;
				position: relative;
			}

				.reserves-content .k-grid .k-detail-row .k-detail-cell .k-grid tbody tr td:first-child:after {
					content: ' ';
					display: block;
					position: relative;
					top: 20px;
					right: -5px;
					z-index: 1;
					border-bottom: 2px solid #7e1f5d !important;
					margin-left: 13%;
				}

				.reserves-content .k-grid .k-detail-row .k-detail-cell .k-grid tbody tr td:nth-last-child(2):after {
					content: "";
					position: absolute;
					left: 0;
					bottom: 0;
					height: 2px;
					width: 80%;
					border-bottom: 2px solid #7e1f5d;
				}

	.reserves-content .hierarchy-tbl.k-grid.k-widget.no-grouped .k-grid-header .k-header.wine-name-column,
	.reserves-content .k-grid .k-grid-header .k-header.wine-name-column {
		background: #7e1f5d !important;
		width: 20%;
	}

		.reserves-content .hierarchy-tbl.k-grid.k-widget.no-grouped .k-grid-header .k-header.wine-name-column > .k-link,
		.reserves-content .k-grid .k-grid-header .k-header.wine-name-column > .k-link {
			width: 100%;
		}

	.reserves-content .hierarchy-tbl.k-grid.k-widget.no-grouped td.wine-name-cell,
	.reserves-content .hierarchy-tbl.k-grid .k-grouping-row + tr td.wine-name-cell {
		width: 20%;
		text-align: left;
	}

tr td.wine-name-cell {
	text-align: left;
}

.reserves-content #back-to-top-btn {
	background-image: url("../img/back-to-top.png");
	background-repeat: no-repeat;
	background-size: 50px 50px;
	width: 50px;
	height: 50px;
	display: none;
	position: relative;
	left: 96%;
}

.reserves-content .inner-grid.k-grid.k-widget .k-grid-content.k-auto-scrollable tbody td:first-child {
	display: block;
	width: 100%;
	min-height: 72px;
	line-height: 72px;
}

.reserves-content .k-grid .k-detail-row .k-detail-cell .k-grid tbody tr:last-child td,
.reserves-content .k-grid .k-detail-row .k-detail-cell .k-grid tbody tr:last-child td:nth-last-child(2):after {
	border-bottom: 0 !important;
}

	.reserves-content .k-grid .k-detail-row .k-detail-cell .k-grid tbody tr:last-child td:first-child:after,
	.reserves-content .k-grid .k-detail-row .k-detail-cell .k-grid tbody tr:last-child td:last-child:after {
		display: none !important;
	}

.reserves-content .hierarchy-tbl .k-header.k-grid-toolbar a.black-link-text[href], a.black-link-text {
	font-size: medium;
	color: #000;
}

.hierarchy-tbl.k-grid .k-group-col {
	display: none;
}

.hierarchy-tbl.k-grid .k-grid-header .k-header.k-group-cell {
	display: none;
}

.reserves-content .k-grid .k-detail-row .k-detail-cell .k-grid .k-grid-header .k-header {
	background: #e7e5e6 !important;
	color: #7b205d;
}

.hierarchy-tbl .inner-grid.k-grid .k-grid-header {
	border: 0;
}

	.hierarchy-tbl .inner-grid.k-grid .k-grid-header .k-header:first-child {
		display: block;
		width: 100% !important;
		line-height: 40px;
	}

.hierarchy-tbl.k-grid .k-grid-header .k-header:first-child .hierarchy-tb.k-grid .k-grid-header .k-header {
	width: 90px;
}

.hierarchy-tbl.k-grid .k-grouping-row + tr td {
	width: 72px;
}

	.hierarchy-tbl.k-grid .k-grouping-row + tr td.k-hierarchy-cell {
		width: 20px;
	}

.account-template > span {
	display: inline;
	text-align: left;
}

#wrapperAccountSelected {
	display: block;
}

.pencilIcon {
	background: url(../img/pencil.png) no-repeat right 5px;
	background-size: 14px;
	float: right;
}

.account-template .account-options label {
	display: block;
	cursor: pointer;
}
/*pager style*/
.k-pager-info.k-label,
.k-pager-sizes.k-label {
	display: none;
}

.k-pager-wrap .k-link:hover {
	background: none;
}

.k-pager-wrap.k-grid-pager {
	float: right;
	margin-top: 45px;
	background: #fff !important;
	padding-bottom: 0;
	height: auto;
	border-bottom: 4px solid #7e1f5d !important;
}

.k-pager-wrap .k-link:hover,
.k-current-page .k-link,
.k-pager-numbers .k-link,
.k-pager-numbers .k-state-selected,
.k-pager-wrap .k-link {
	height: 40px !important;
	width: 40px !important;
	line-height: 40px !important;
}

.k-pager-wrap .k-link {
	border-radius: 0 !important;
	border: 0 !important;
}

.k-pager-numbers li {
	margin: 0 !important;
}

.k-pager-numbers .k-state-selected {
	border: 0 !important;
	border-radius: 0 !important;
	background: #7e1f5d;
}

.k-pager-wrap .k-link:hover {
	background: none !important;
}

.k-pager-wrap .k-link.k-pager-nav .k-icon {
	padding-top: 0px !important;
}


/*-----*/
.k-pager-wrap.k-grid-pager.k-widget {
	border-top: 0 !important;
}

.k-pager-numbers li.k-current-page {
	display: none;
}

.k-pager-numbers .k-link span {
	margin: 0;
}

.k-pager-numbers .k-link:after,
.k-pager-numbers .k-state-selected:after {
	display: none;
}

.k-pager-numbers .k-state-selected {
	border-radius: 0 !important;
	background: #7e1f5d !important;
	color: #fff !important;
}

.k-link.k-pager-nav .k-icon {
	padding-top: 7px !important;
}



/*table*/
.table tr td {
	height: 40px;
	padding: 10px;
	font-size: 15px;
	color: #535353;
}

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

	.table tr td input,
	.table tr td select {
		margin-bottom: 0;
	}

p#validationMessage,
p.error-payment {
	margin: 20px 0;
}

	p#validationMessage, p#validationMessage p.error-message {
		padding: 0px;
		color: red;
	}

.text-with-right-margin {
	margin-right: 10px;
}

#ReservesGrid {
	margin-top: 0;
	border: 0;
    min-width: 1300px;
}

.sfPublicWrapper {
	margin: 0 auto;
	min-height: 100vh;
}

/*tooltip*/
.tooltip {
	position: absolute;
	top: -55px;
	background: #6c1a4c;
	color: #fff;
	padding: 0px 10px;
	border-radius: 4px;
	z-index: 3;
}

	.tooltip:after {
		top: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-top-color: #6c1a4c;
		border-width: 6px;
		margin-left: -3px;
	}

.arrow-style-white:after {
	border-top-color: #fff;
}

.tooltip-inner {
	max-width: 250px;
}

	.tooltip-inner a {
		color: #fff;
	}

.hierarchy-tbl .inner-grid.k-grid .tooltip {
	background-color: #fff;
	color: #000;
	box-shadow: 0px 1px 1px 1px rgba(163,155,163,.4);
	z-index: 10;
}

	.hierarchy-tbl .inner-grid.k-grid .tooltip:after {
		border-top-color: #fff;
	}

.arrow-style-white a {
	color: #000;
}

.elementSectionWrapper {
	position: relative !important;
}

.bottleTooltip {
	z-index: 11;
	position: absolute !important;
	top: 0px;
}

.tooltip .broking-inner-tooltip,
.tooltip .delivery-inner-tooltip {
	color: #000;
	background-color: #fff;
}

/*error window*/
.error-window {
	position: absolute;
	left: 120px;
	right: 134px;
	margin-top: 10%;
	border: 2px solid #7e1f5d;
	color: #7e1f5d;
	font-size: 15px;
	padding: 14px 40px;
	background: #fff;
	box-shadow: -1px 4px 10px 2px rgba(0, 0, 0, 0.2);
}

	.error-window .close-btn {
		position: absolute;
		top: -2px;
		right: -10px;
		background: #7e1f5d;
		width: 44px;
		height: 44px;
		line-height: 44px;
		display: block;
		color: #fff;
		text-align: center;
	}

/*Login form*/
.logInWrapper,
.passRecoveryWrapper {
	max-width: 320px;
	margin: 0 auto;
	margin-top: 8%;
	text-align: center;
}

#logInBtn.logIn-btn {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.logInWrapper h1,
.passRecoveryWrapper h1 {
	margin-bottom: 50px;
	font-family: 'CormorantLight';
	font-size: 28px;
}

.logInWrapper .logIn-btn,
#passRecoveryForm .reset-btn {
	min-width: 185px;
	margin-top: 40px;
	margin-bottom: 30px;
}

.logInWrapper .wrapper {
	margin-bottom: 20px;
	text-align: left;
}

	.logInWrapper .wrapper input {
		margin-bottom: 5px;
	}

	.logInWrapper .wrapper .error-msg {
		margin-left: 5px;
		text-align: left;
		color: #ff0000;
	}

.resset-password {
	width: 360px;
}

	.resset-password .note-msg {
		margin-bottom: 60px;
		color: #a4a9ae;
		font-size: 13px;
		line-height: 1.7;
	}

.logInWrapper.resset-password .wrapper,
#passRecoveryForm .wrapper {
	margin: 60px 10px;
}

/*header*/
.header-widget {
	background: #7e1f5d;
	margin: -30px -30px 20px -30px;
	padding: 40px 90px 60px;
	position: fixed;
	width: 100%;
	z-index: 50;
}

	.header-widget a {
		color: #fff;
	}

#logOutButton {
	cursor: pointer;
}

#logOutNavigation {
	margin-top: 60px;
	margin-right: -10px;
}

	#logOutNavigation .menu > * {
		display: block;
		text-align: right;
		background: none;
		padding: 0;
		/*margin: 5px 30px 0 0;*/
		margin: 25px 30px 0 0;
		height: auto;
		line-height: 1.5;
		font-size: 15px;
	}

	#logOutNavigation input {
		float: right;
	}

	#logOutNavigation a.active:after {
		content: '';
		display: inline-block;
		height: 4px;
		width: 13px;
		background: #fff;
		border-radius: 2px;
		position: relative;
		top: -3px;
		margin-right: -13px;
		right: -5px;
	}

.hidden-sm {
	padding-top: 230px;
}

#accountsDropdownWrapper {
	/*position: absolute;*/
	position: fixed;
	z-index: 55;
	top: 20px;
	right: 80px;
	margin-top: 35px;
}

	#accountsDropdownWrapper span.accountChange {
		width: 120px;
	}

	#accountsDropdownWrapper .k-widget.k-dropdown.k-header,
	#accountsDropdownWrapper .k-widget.k-reset.k-header.k-menu.k-menu-horizontal {
		background: none !important;
	}

	#accountsDropdownWrapper .k-dropdown-wrap.k-state-default {
		background: none !important;
		border: 0;
	}

	#accountsDropdownWrapper .k-dropdown .k-input {
		color: #fff !important;
		line-height: 30px;
		height: 30px;
	}

	#accountsDropdownWrapper .k-widget.k-dropdown .k-state-default > .k-select {
		border-left: 1px solid #b9a9b3 !important;
		border-right: 1px solid #b9a9b3 !important;
		border-left: 1px solid #b9a9b3 !important;
		border-right: 1px solid #b9a9b3 !important;
		border-radius: 0;
		line-height: 30px;
	}

	#accountsDropdownWrapper .k-widget.k-dropdown.k-header .k-icon.k-i-arrow-s {
		background: none;
		left: 0;
		border-color: #fff;
	}
/*filter treeview*/

.filter-box .k-treeview .k-item:nth-child(4) {
	display: none;
}

.reserves-content .filter-box label + label {
	position: relative;
	top: -3px;
}

.filter-box .k-treeview li li li.k-item:nth-child(4) {
	display: block;
}

.filter-box .k-treeview {
	width: 215px;
	text-wrap: wrap;
}

	.filter-box .k-treeview .k-item {
		padding: 0;
		color: #a3a8ae;
		font-size: 15px;
	}

		.filter-box .k-treeview .k-item .k-top.k-bot {
			padding: 14px 10px;
			background: #fff;
			border-bottom: 4px solid #7e205e;
		}

			.filter-box .k-treeview .k-item .k-top.k-bot .k-icon {
				position: absolute;
				right: 0;
				left: 0;
				width: 100%;
				background: none;
			}

				.filter-box .k-treeview .k-item .k-top.k-bot .k-icon:after,
				.filter-box .k-treeview .k-item .k-top.k-bot .k-icon.k-plus:after {
					position: absolute;
					top: 8px;
					right: 10px;
					box-sizing: border-box;
					-webkit-transform: rotate(45deg);
					transform: rotate(45deg);
					display: block;
					width: 7px;
					height: 7px;
					border-color: #535353;
					border-width: 2px;
					border-style: solid;
					border-top: 0;
					border-left: 0;
					content: '';
				}

				.filter-box .k-treeview .k-item .k-top.k-bot .k-icon.k-minus:after {
					-webkit-transform: rotate(-135deg);
					transform: rotate(-135deg);
				}

		.filter-box .k-treeview .k-item input[type="checkbox"],
		.filter-box .k-treeview .k-item input[type="radio"] {
			position: relative;
			top: 2px;
			margin-right: 5px;
		}

	.filter-box .k-treeview .k-plus,
	.filter-box .k-treeview .k-minus,
	.filter-box .k-treeview .k-plus-disabled,
	.filter-box .k-treeview .k-minus-disabled {
		margin-left: 0;
	}

	.filter-box .k-treeview .k-item .k-top,
	.filter-box .k-treeview .k-item .k-mid {
		background: #fff;
		border-bottom: 2px solid #f7f7f7;
		padding: 10px;
	}

	.filter-box .k-treeview li li.k-item[aria-expanded="true"] .k-mid {
		background: #f7f5f6;
	}

	.filter-box .k-treeview li li li.k-item .k-bot,
	.filter-box .k-treeview li li li.k-item .k-top,
	.filter-box .k-treeview li li li.k-item .k-mid {
		background: none;
		padding: 5px 10px;
	}

	.filter-box .k-treeview li li.k-item:last-child {
		padding: 0;
	}

		.filter-box .k-treeview li li.k-item:last-child span.k-in {
			padding: 0;
			margin: 0;
			display: block;
		}

	.filter-box .k-treeview span.k-in {
		cursor: default;
		padding: 0;
		margin: 0;
		color: #535353;
	}

	.filter-box .k-treeview li li.k-item:last-child span.k-in input[type="button"] {
		display: block;
		float: left;
		width: 50%;
		text-transform: uppercase;
		cursor: pointer;
		padding-left: 20px;
		padding-right: 20px;
		text-align: center;
	}

	.filter-box .k-treeview span.k-in.k-state-focused,
	.filter-box .k-treeview span.k-in.k-state-selected {
		color: #a3a8ae;
		font-weight: normal;
	}

	.filter-box .k-treeview li.k-item li[data-expanded="true"] .k-mid span.k-in,
	/*Added*/
	.filter-box .k-treeview li.k-item li[aria-expanded="true"] .k-top span.k-in {
	    color: #7f1f5e;
		font-weight: bold;
	}

	/*Unset color for the first nested label*/
		.filter-box .k-treeview li.k-item li[aria-expanded="true"] .k-top span.k-in label,
		.filter-box .k-treeview li.k-item li[aria-expanded="true"] .k-mid span.k-in label,
		.filter-box .k-treeview li.k-item li[aria-expanded="true"] .k-bot span.k-in label{
	    color: #535353;
		font-weight: normal;
	}

	.filter-box .k-treeview li.k-item li[aria-expanded="true"] .k-top span.k-in.k-state-selected label,
	.filter-box .k-treeview li.k-item li[aria-expanded="true"] .k-mid span.k-in.k-state-selected label,
	.filter-box .k-treeview li.k-item li[aria-expanded="true"] .k-bot span.k-in.k-state-selected label
	{
	    color: #7f1f5e;
		font-weight: bold;
	}

	/*For checkboxes*/

	/*.filter-box .k-treeview li.k-item li[aria-expanded="true"] .k-top span.k-in.k-state-focused label
	{
	    color: #535353;
		font-weight: bold;
	}*/

	.filter-box .k-treeview li.k-item li[data-expanded="true"] li .k-mid span.k-in {
		color: #a3a8ae;
		font-weight: normal;
	}

	.filter-box .k-treeview span.k-in.k-state-focused,
	.filter-box .k-treeview span.k-in.k-state-selected,
	.filter-box .k-treeview li .k-in.k-state-hover,
	.filter-box .k-treeview li li.k-item:last-child span.k-in.k-state-hover {
		background: none;
		box-shadow: none;
	}

#clearFilter {
	background: #666666;
}

/*filter*/
.filter-box {
	float: left;
	min-width: 200px;
	position: absolute;
	z-index: 10;
	margin-top: 30px;
}

	.filter-box .k-treeview > .k-group {
		background: #f7f5f6;
	}

		.filter-box .k-treeview > .k-group .k-item . {
			display: none;
		}

.filter-box-right {
	float: right;
}

.view-page {
	position: absolute;
	left: 280px;
	margin-top: 30px;
}

#actions-counts,
#admin-actions-cancel {
	width: 257px;
	float: right;
	margin-right: -4px;
	margin-left: 20px;
}

.action-item {
	position: relative;
	display: inline-block;
	text-align: center;
	width: 83px;
	height: 83px;
	background: #7f1f5e;
	color: #fff;
}

	.action-item .number {
		position: absolute;
		top: 7px;
		right: 10px;
	}

	.action-item img {
		position: relative;
		top: 24px;
	}

	.action-item .title {
		position: absolute;
		bottom: 5px;
		left: 0;
		right: 0;
		text-align: center;
		color: #fff;
		font-size: 13px;
	}

.action-box {
	margin-top: 2px;
	margin-right: 2px;
	padding: 4px;
	background: #7f1f5e;
	text-align: center;
	color: #fff;
	font-size: 13px;
	cursor: pointer;
}

	.action-box p:after {
		display: inline-block;
		content: " ";
		height: 0;
		width: 0;
		pointer-events: none;
		margin-top: 4px;
		margin-left: 5px;
		border: solid transparent;
		border-width: 4px;
	}

	.action-box p.arrow-right:after {
		border-left-color: #fff;
	}

	.action-box p.arrow-down:after {
		margin-top: 0px;
		margin-left: 2px;
		border-top-color: #fff;
	}

#admin-actions-cancel .action-box,
#admin-actions-cancel .action-item {
	background: #8F6B47;
}

#basket-requests,
#admin-basket-requests {
	/*display: none;*/
	position: absolute;
	max-height: 400px;
	margin: 5px -5px 0 -5px;
	z-index: 10;
	overflow: auto;
	width: 255px;
	padding: 20px 20px 0 20px;
	background: #fff;
	border-bottom: 4px solid #6c1a4c;
	text-align: left;
}

	#basket-requests > div > p {
		font-size: 15px;
		color: #7f1f5e;
		font-weight: bold;
		border-bottom: 1px solid #7f1f5e;
		margin-bottom: 20px;
	}

	#admin-basket-requests > div > div > p {
		font-size: 15px;
		color: #8F6B47;
		font-weight: bold;
		border-bottom: 1px solid #8F6B47;
		margin-bottom: 20px;
	}

	#admin-basket-requests .date-of-request {
		font-size: 18px;
		color: #8F6B47;
		font-weight: bold;
		border-bottom: 1px solid #8F6B47;
		margin-bottom: 20px;
	}

	#basket-requests li p,
	#admin-basket-requests li p {
		padding-bottom: 15px;
		color: #000;
	}

	#basket-requests button,
	#cancel-requests-button {
		cursor: pointer;
		display: block;
		margin-bottom: 20px;
		width: 100%;
		text-transform: uppercase;
	}

/*.action-box:hover > #basket-requests {
    display: block;
}*/

.k-grid tr:hover {
	background: none !important;
}

.hierarchy-tbl.k-grid.k-widget .k-grid-toolbar:first-child {
	position: absolute;
	top: -200px;
	left: 10px;
	border: 0;
}

	.hierarchy-tbl.k-grid.k-widget .k-grid-toolbar:first-child > a,
	.k-grid-toolbar #DownloadHistoryIcon {
		width: 35px;
		height: 40px;
		font-size: 0;
		border: 0;
		background: none;
		margin-right: 10px;
	}

	.hierarchy-tbl.k-grid.k-widget .k-grid-toolbar:first-child #ExcelExport,
	.k-grid-toolbar #DownloadHistoryIcon {
		background: url(../img/xls.png) no-repeat;
	}

	.hierarchy-tbl.k-grid.k-widget .k-grid-toolbar:first-child #PdfExport {
		background: url(../img/pdf.png) no-repeat;
	}

.checkbox-container {
	float: right;
	margin-top: 30px;
	margin-bottom: 30px;
}

	.checkbox-container > div {
		display: inline-block;
	}

		.checkbox-container > div.show-actions-wrapper {
			margin-right: 75px;
		}

		.checkbox-container > div .label-txt {
			display: inline-block;
			position: relative;
			top: -12px;
			padding-right: 20px;
		}


/* The switch */
.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

	.switch input {
		display: none;
	}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

	.slider:after {
		position: absolute;
		content: "OFF";
		top: 8px;
		right: 3px;
		color: #fff;
		font-size: 12px;
	}

	.slider:before {
		position: absolute;
		content: "";
		height: 26px;
		width: 26px;
		left: 4px;
		bottom: 4px;
		background-color: white;
		-webkit-transition: .4s;
		transition: .4s;
	}

input:checked + .slider {
	background-color: #7f1f5e;
}

input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

input:checked + .slider:after {
	content: 'ON';
	left: -20px;
	right: auto;
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

.btn-broking,
.btn-delivery,
.btn-photo {
	cursor: pointer;
	font-size: 0;
	width: 36px;
	height: 25px;
	margin: 0 auto;
	padding: 0;
}

	.btn-broking:hover,
	.btn-delivery:hover,
	.btn-photo:hover,
	.afw-action:disabled,
	.account-btn:disabled {
		-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
		filter: grayscale(100%);
	}

.afw-action:disabled,
.account-btn:disabled {
	cursor: default;
	pointer-events: none;
}

.btn-broking {
	background: url(../img/broking-small.png) no-repeat;
}

.btn-delivery {
	background: url(../img/deliver-small.png) no-repeat;
}

.btn-photo {
	width: 31px;
	background: url(../img/photo-small.png) no-repeat;
}

button.awaiting-request,
button.account-btn,
button.btn-gallery {
	background-color: transparent;
	color: #7e1f5d !important;
	border: 1px solid #7e1f5d;
	cursor: pointer;
}

	button.awaiting-request:hover,
	button.account-btn:hover,
	button.btn-gallery:hover {
		background-color: #7e1f5d;
		color: #ffffff !important;
	}

@media (max-width: 1070px) {
	button.awaiting-request,
	button.account-btn {
		height: 100%;
		min-height: 45px;
	}
}

.account-template .hidden, .hidden {
	display: none !important;
}

.account-template:hover .glyphicon.glyphicon-pencil.afw-action-account.afw-action {
	display: block;
}

@media (max-width: 320px) {
	#actionMenu.k-menu .k-item div {
		width: 290px !important;
		left: -190px !important;
	}

		#actionMenu.k-menu .k-item div .k-menu-group {
			top: auto;
			left: auto;
			margin-left: -1px;
			width: 287px;
		}

	#actionMenu.k-menu .k-item > .k-link {
		padding: 0 5px !important;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.reserves-content #back-to-top-btn,
	.table-responsive #back-to-top-btn-acc,
	#BrokingGrid .back-to-top-btn,
	#DeliveriesGrid .back-to-top-btn {
		left: 83%;
	}
}
/*Dashboard*/
#chart-bottles {
	padding-top: 60px;
}

#chartsWrapper .k-loading-mask {
	z-index: 25;
}

#chartsWrapper .cost-value-wrapper {
	padding-left: 10%;
	padding-right: 10%;
}

#period-btn-wrapper {
	padding-bottom: 80px;
	background-color: #fff;
	width: 100%;
	padding-top: 10px;
}

	#period-btn-wrapper input {
		padding-left: 40px;
		padding-right: 40px;
		height: 35px;
		line-height: 35px;
		margin-top: 10px;
		float: right;
		margin-right: 10px;
	}

@media (min-width: 767px) {
	.toggleButton,
	.visible-sm {
		display: none;
	}
}

@media (max-width: 1470px) {
	.error-window {
		margin-top: 17%;
	}
}

/*========mobile==========*/
@media (max-width: 992px) {

	.view-page,
	.filter-box {
		margin-top: 5px;
	}

	#ReservesGrid {
		margin-top: 5px;
	}

	#chartCostValue {
		font-size: 10px;
		z-index: 20;
	}

	.cost-value-wrapper {
		margin-left: 0;
		margin-right: 0;
	}

	#period-btn-wrapper input {
		font-size: 10px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.client-details-cell:first-child h2 {
		height: 84px;
	}

	.checkbox-container {
		width: 205px;
		float: right;
		margin-top: 10px;
		margin-bottom: 10px;
	}

		.checkbox-container > div.show-actions-wrapper {
			margin-right: 0;
		}

		.checkbox-container > div .label-txt {
			min-width: 140px;
			width: auto !important;
		}
}

@media (max-width: 767px) {

	.button-wrap {
		margin-top: 10px;
	}

	.k-window .button-wrap {
		display: block;
		text-align: center;
	}

	.k-window.big-content-mobile {
		bottom: 0;
		position: fixed;
	}

	.mobile-menu-wrapper {
		height: 100%;
		width: 250px;
		position: fixed;
		top: 0;
		right: 0;
		background: #fff;
		box-shadow: 0px 3px 10px 0px rgba(136, 139, 143, 0.3);
		z-index: 1002;
		overflow-x: hidden;
		transition: 0.5s;
	}

		.mobile-menu-wrapper #mobile-menu {
			height: calc(100vh - 50px);
			overflow: auto;
		}

		.mobile-menu-wrapper li a {
			display: block;
			padding: 15px 25px;
			border-bottom: 1px solid #f2f0f1;
			color: #929292;
		}

		.mobile-menu-wrapper.hidden {
			width: 0;
		}

	.container-content {
		position: relative;
		transition: all .5s;
	}

		.container-content.active-menu {
			left: -250px;
		}

	.accounts-dropdown-mobile-wrapper {
		position: absolute;
		bottom: 0;
		width: 100%;
	}

		.accounts-dropdown-mobile-wrapper .k-widget.k-dropdown.k-header {
			width: 100%;
		}

		.accounts-dropdown-mobile-wrapper .k-dropdown-wrap.k-state-default {
			padding: 0;
			border-bottom: 0 !important;
		}

		.accounts-dropdown-mobile-wrapper .k-widget.k-dropdown .k-input {
			height: 50px;
			box-sizing: border-box;
			padding-top: 5px;
			background: #7e1e5e;
			color: #fff !important;
			border-radius: 0;
			padding-bottom: 5px;
			line-height: 40px;
			padding-left: 20px;
		}

		.accounts-dropdown-mobile-wrapper .k-widget.k-dropdown .k-state-default > .k-select {
			background: #6c1a4b;
			border-left: 1px solid #fff;
			width: 50px;
		}

		.accounts-dropdown-mobile-wrapper .k-widget.k-dropdown.k-header .k-icon.k-i-arrow-s {
			border-color: #fff;
		}

	#Accounts-Mobile-list.k-popup.k-list-container {
		border-radius: 0 !important;
		border: 0 !important;
	}

	#Accounts-Mobile-list.k-popup .k-list .k-item {
		padding-top: 11px !important;
		padding-bottom: 11px !important;
		padding-left: 25px !important;
	}

	#Accounts-Mobile-list.k-popup.k-list-container .k-item {
		background: #6c1a4b;
		color: #fff;
	}

	#Accounts-Mobile-list.k-popup.k-list-container {
		border-bottom: 0 !important;
	}

		#Accounts-Mobile-list.k-popup.k-list-container .k-item {
			background: #6c1a4b !important;
			color: #FFF;
			border-radius: 0;
			border: 0 !important;
			border-bottom: 1px solid #fff !important;
			box-shadow: none !important;
			padding: 15px;
		}

	#logOutNavigation {
		margin-top: 50px;
		margin-right: 0;
		position: absolute;
		right: 20px;
		z-index: 10;
		top: 0;
		cursor: pointer;
	}

	.hidden-sm {
		display: none;
	}

	.visible-sm {
		display: block;
	}

	.reserves-content,
	.table-responsive {
		padding-top: 5px;
		padding-left: 5px;
		padding-right: 5px;
	}

	#accountsDropdownWrapper {
		display: none;
	}

	.header-widget {
		padding: 40px 30px;
		margin: -30px -10px 10px;
		position: relative;
		width: initial;
	}

	.logo img {
		width: 94px;
		height: auto;
	}

	#logOutNavigation > .toggleButton {
		margin-right: 0;
		cursor: pointer;
	}

		#logOutNavigation > .toggleButton span {
			display: block;
			height: 2px;
			width: 21px;
			border-radius: 2px;
			margin-top: 5px;
			background-color: #FFF;
		}

			#logOutNavigation > .toggleButton span:nth-child(2) {
				width: 17px;
				margin-left: 4px;
			}

	.menu-sm {
		display: none !important;
	}

	.error-window {
		left: 46px;
		right: 46px;
		margin-top: -3%;
	}

	.resset-password .note-msg {
		font-size: 15px;
	}

	.k-widget.k-window.k-state-focused,
	.k-widget.k-window {
		right: 0;
		left: 0 !important;
		top: 50px !important;
		width: 100% !important;
		max-width: 480px;
		box-sizing: border-box;
		margin: 0 auto;
	}

	.logInWrapper,
	.passRecoveryWrapper {
		margin-top: 15%;
	}

	#ThankYouMsg {
		text-align: center;
	}

		#ThankYouMsg p {
			padding: 0;
		}

		#ThankYouMsg .button {
			width: 100%;
		}

	/*detail*/
	.client-details-cell:first-child h2 {
		height: auto;
	}

	.sfPublicWrapper {
		padding-left: 10px;
		padding-right: 10px;
	}

	.account-details-content {
		padding: 0;
		background: none;
	}

	.client-details-cell {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 0;
		background-color: rgb(242, 242, 242);
	}

		.client-details-cell:nth-child(3) {
			margin-bottom: 20px;
		}

		.client-details-cell > div.wrapper {
			border-left: 0;
			border-right: 0;
		}

	.account-details-content h2 {
		text-align: center;
	}

	.changeInterests,
	.changeable {
		width: 100%;
	}

	.interests-list {
		background-color: rgb(242, 242, 242);
		margin-left: 0;
		margin-right: 0;
	}

	.interests-list-item {
		width: 100%;
		padding: 25px 15px 0;
		border-bottom: 1px solid #fff;
	}

		.interests-list-item > div {
			margin-bottom: 20px;
			width: 48%;
			display: inline-block;
		}

	#listRegions {
		width: 100%;
	}

		#listRegions .interests-list-item {
			width: 100%;
			min-height: initial;
		}

	/*-----*/
	.account-filter {
		display: flex;
		position: relative;
		z-index: 999;
	}

		.account-filter #FilterDatesCalendar,
		.account-filter .k-widget.k-dropdown.k-header,
		.account-filter .k-widget.k-reset.k-header.k-menu.k-menu-horizontal {
			display: block;
			float: left;
			width: 32.5% !important;
			margin: 0 0.4% 0 0.4%;
			text-align: left;
		}
	/*#FilterDatesCalendar {
			margin-left: 5px;
			margin-right: 3px;
			width: 32%;
		} 

		.k-widget.k-dropdown.k-header, 
		.k-widget.k-reset.k-header.k-menu.k-menu-horizontal {
			width: 32% !important;
			margin-right: 0;
			text-align: left;
		}*/
	#FilterDatesCalendar #year-month,
	.k-widget.k-dropdown.k-header p,
	.k-widget.k-reset.k-header.k-menu.k-menu-horizontal p {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		display: block;
		width: 75%;
	}

	.k-widget.k-dropdown.k-header .k-item,
	.k-widget.k-reset.k-header.k-menu.k-menu-horizontal .k-item {
		width: 100%;
	}

	#FilterDatesCalendar .yearsMenu.k-state-default.k-item {
		width: 100px;
	}

	.yearsMenu > div {
		margin-left: 20px !important;
	}

	.k-item.yearsMenu.k-state-default.k-state-border-right:after {
		left: 110px;
	}

	.k-dropdown-wrap.k-state-default {
		padding-left: 2px;
	}

	.k-menu .k-item:first-child > .k-link {
		padding-left: 5px !important;
		padding-right: 0 !important;
		min-width: 0;
		width: 100%;
	}

	/*reserves*/
	#actions-counts {
		float: right;
	}

	.hierarchy-tbl.k-grid.k-widget .k-grid-toolbar:first-child {
		top: -120px;
		left: 0;
	}

	.reserves-content .hierarchy-tbl.k-grid.k-widget .k-grid-toolbar:first-child {
		width: 100%;
		position: static;
		background: rgb(242, 242, 242) !important;
	}

		.reserves-content .hierarchy-tbl.k-grid.k-widget .k-grid-toolbar:first-child #PdfExportText,
		.reserves-content .hierarchy-tbl.k-grid.k-widget .k-grid-toolbar:first-child #ExcelExportText,
		.reserves-content .hierarchy-tbl.k-grid.k-widget .k-grid-toolbar:first-child .badge,
		.table-responsive .k-grid .k-header.k-grid-toolbar .badge,
		.table-responsive .k-grid .k-header.k-grid-toolbar a.black-link-text {
			display: none;
		}

		.reserves-content .hierarchy-tbl.k-grid.k-widget .k-grid-toolbar:first-child #ExcelExport,
		.reserves-content .hierarchy-tbl.k-grid.k-widget .k-grid-toolbar:first-child #PdfExport {
			float: right;
		}

	.table-responsive .k-grid .k-header.k-grid-toolbar .k-button.k-grid-excel {
		margin-right: -10px;
	}

	.reserves-content .k-widget.k-dropdown.k-header,
	.reserves-content .k-widget.k-reset.k-header.k-menu.k-menu-horizontal {
		width: 100%;
	}

	.reserves-content .filter-box {
		float: left;
		width: 140px;
		position: absolute;
		z-index: 6;
		margin-top: -70px;
	}

		.checkbox-container > div .label-txt,
		.reserves-content .filter-box .k-treeview {
			width: 140px;
		}

	.reserves-content .view-page {
		position: absolute;
		left: 160px;
		margin-top: -70px;
		width: 140px;
	}

	.checkbox-container {
		float: none;
		margin-top: 80px;
		margin-bottom: 10px;
	}

	.reserves-content .k-grid .k-grid-header .k-hierarchy-cell.k-header .k-icon {
		width: 10px;
	}
	/*.k-grid-header th.k-header .k-icon {
			width: 10px;
		}*/
	.reserves-content th.k-hierarchy-cell .k-icon:after {
		left: 0;
	}

	.account-template span:first-child {
		background-size: 9px;
	}

	.action-box {
		clear: both;
	}

	.table-responsive > .row {
		text-align: center;
	}

	@media screen and (orientation:portrait) {
		#actions-counts, #admin-actions-cancel {
			width: 100%;
			float: none;
			margin: 0;
			margin-bottom: 5px;
		}

		.action-box {
			margin: 0 0.2%;
			clear: both;
		}

		.action-item {
			margin-bottom: 2px;
			width: 32.9%;
			margin: 0 0.2% 2px;
			display: block;
			float: left;
		}

		#basket-requests, #admin-basket-requests {
			width: 100%;
		}

		.reserves-content .filter-box .k-treeview {
			width: 100%;
		}

		.reserves-content .filter-box {
			width: 45%;
		}

		.reserves-content .view-page {
			position: absolute;
			left: 50%;
			margin-top: -70px;
			width: 46%;
		}

		/*table*/
		.k-grid .k-grid-header .k-header a.k-link,
		.k-grid .k-grid-header .k-header,
		.k-grid tbody td {
			font-size: 0.8vh;
		}

		.reserves-content .hierarchy-tbl.k-grid.k-widget.no-grouped td.wine-name-cell,
		.reserves-content .hierarchy-tbl.k-grid .k-grouping-row + tr td.wine-name-cell {
			width: 100px;
			text-align: left;
		}

		.hierarchy-tbl.k-grid .k-grouping-row + tr td {
			width: 39px;
		}

		.reserves-content .view-page {
			position: absolute;
			left: 50%;
			margin-top: -70px;
			width: 48%;
		}

		.reserves-content .filter-box {
			float: left;
			width: 48%;
			min-width: 0;
			position: absolute;
			z-index: 5;
			margin-top: -70px;
		}

		.account-template span:first-child {
			background-size: 4px;
			background-position-y: 2px;
		}

		.bottle-bg {
			background-size: contain;
		}

		.account-template input {
			width: 8px;
			height: 8px;
		}
	}

	@media screen and (orientation:landscape) {
		.reserves-content .inner-grid.k-grid.k-widget .k-grid-content.k-auto-scrollable table {
			table-layout: fixed;
		}

			.reserves-content .inner-grid.k-grid.k-widget .k-grid-content.k-auto-scrollable table .account-btn,
			.reserves-content .inner-grid.k-grid.k-widget .k-grid-content.k-auto-scrollable table .awaiting-request {
				width: 100%;
				font-size: 2.5vh;
				padding: 0px;
			}

		#actions-counts, #admin-actions-cancel {
			margin-bottom: 5px;
		}

		.reserves-content .filter-box .k-treeview {
			width: 100%;
		}

		#actions-counts, #admin-actions-cancel {
			width: 100%;
		}

			#actions-counts .action-item,
			#admin-actions-cancel .action-item {
				width: 32.9%;
			}

		#basket-requests, #admin-basket-requests {
			width: 100%;
		}

		.reserves-content .view-page {
			left: auto;
			right: 10px;
			width: 200px;
		}

		.filter-box {
			right: 220px;
		}
		/*.k-widget.k-dropdown.k-header, 
			.k-widget.k-reset.k-header.k-menu.k-menu-horizontal {
				width: 32.9%;
			}*/
		/*table*/
		.k-grid .k-grid-header .k-header a.k-link,
		.k-grid .k-grid-header .k-header,
		.k-grid tbody td {
			font-size: 2.5vh;
		}

		.reserves-content .k-grid .k-detail-row .k-detail-cell .inner-grid {
			width: 106%;
		}

		.checkbox-container {
			width: auto;
			position: relative;
			z-index: 5;
		}

			.checkbox-container > div {
				padding-right: 20px;
			}

		.reserves-content .hierarchy-tbl.k-grid.k-widget .k-grid-toolbar:first-child {
			margin-top: -55px;
		}

		.bottle-bg {
			background-size: contain;
		}
	}

	@media screen and (orientation:portrait) and (max-width: 767px) {
		.bottle-bg {
			width: 100%;
			background: url(../img/bottle_bar_chart20.png) no-repeat;
			background-position: top center;
			background-size: contain;
		}

		#chartBottles > div:first-child {
			padding-top: 0;
		}

		#chartBottles div > div:last-child {
			margin-top: -240px;
			z-index: 1001;
		}
	}

	@media screen and (orientation:landscape) and (max-width: 767px) {
		.bottle-bg {
			width: 100%;
			background: url(../img/bottle_bar_chart30.png) no-repeat;
			background-position: top center;
			background-size: contain;
		}

		#chartBottles div > div:last-child {
			margin-top: -240px;
			z-index: 1001;
		}
	}
}

@media screen and (orientation:portrait) and (max-width: 768px) {
	#period-btn-wrapper {
		float: none;
		text-align: center;
		padding-right: 1%;
		z-index: 20;
		position: relative;
	}

	#accountNumbersWrapper {
		width: 100%;
		display: grid;
		align-items: center;
		justify-content: center;
	}

	.account-template span:first-child {
		background-size: 4px;
		background-position-y: 2px;
	}

	.reserves-content .k-grid .k-detail-row .k-detail-cell .inner-grid table {
		table-layout: fixed;
	}

	.reserves-content .inner-grid.k-grid.k-widget .k-grid-content.k-auto-scrollable tbody td:first-child {
		line-height: 50px;
		min-height: 50px;
	}

	.reserves-content .k-grid .k-detail-row .k-detail-cell .k-grid tbody tr td,
	.reserves-content .k-grid .k-detail-row .k-detail-cell .k-grid tbody tr td button,
	.reserves-content .k-grid .k-detail-row .k-detail-cell .k-grid tbody tr.k-alt td {
		padding: 2px !important;
		font-size: 0.8vh;
	}

		.reserves-content .k-grid .k-detail-row .k-detail-cell .k-grid tbody tr td:first-child:after {
			top: 2px;
		}

		.reserves-content .k-grid .k-detail-row .k-detail-cell .k-grid tbody tr td:last-child:after {
			top: 54px;
		}

		.reserves-content .k-grid .k-detail-row .k-detail-cell .k-grid tbody tr td button {
			line-height: 1.5;
		}

			.reserves-content .k-grid .k-detail-row .k-detail-cell .k-grid tbody tr td button.afw-action {
				font-size: 0;
			}
}

.reserves-content .k-grid .k-detail-row .k-detail-cell .k-grid tbody tr td button {
	line-height: 1.5;
}

.k-window .button-wrap {
	display: inline-block;
}

#SelectAccountMsg span.k-autocomplete {
	border: 1px solid #7e1f5d;
}

/*bottles styling */
.chart-wrapper {
	background: #f2f2f2;
	padding: 20px;
}

#chartBottles1 > div {
	position: relative;
	padding: 10px;
	display: block;
	width: 20%;
	height: 100%;
	float: left;
}

	#chartBottles1 > div .bottleValue {
		left: 0px;
		width: 60%;
		max-width: 120px;
	}

	#chartBottles1 > div .bottleLabel {
		position: absolute;
		z-index: 10;
		float: left;
		display: block;
		width: 40%;
		padding-left: 10px;
		font-size: 12px;
		color: #a4a9ad;
		left: 100px;
		top: 0px;
	}

#chartBottles1 .bottel-bg {
	position: absolute;
	top: 50px;
	left: -1px;
	width: 60%;
	bottom: 0;
	background: url(../img/bottle_bar_chart3.png) no-repeat;
	background-position: top left;
	background-size: 132px 97.5%;
}


.bottleTitle {
	position: relative;
	z-index: 999;
	text-align: center;
	width: 110px;
	margin-bottom: 20px;
}

@media only screen and (min-width : 768px) and (max-width : 1024px) {
	.bottleTitle {
		width: 78px;
	}

	#chartBottles1 > div .bottleValue {
		max-width: 89px;
	}

	#chartBottles1 .bottel-bg {
		background-size: 100px 97%;
	}

	#chartBottles1 > div .bottleLabel {
		padding-left: 0;
		left: 75px;
		white-space: nowrap;
	}

	.error-window {
		margin-top: 20%;
	}
}

@media only screen and (max-width : 767px) {
	.bottleTitle {
		width: 88px;
	}

	#chartBottles1 > div {
		width: 100%;
		float: none;
	}

	#chartBottles1 .bottel-bg {
		width: 230px;
		margin: 0 auto;
		position: relative;
		margin-top: -322px;
		left: -15px;
		margin-bottom: 50px;
		margin-left: -;
		height: 281px;
		z-index: 15;
		background-size: 122px 97%;
	}

	#chartBottles1 > div > div {
		width: 230px;
		margin: 0 auto;
	}

	#chartBottles1 > div .bottleValue {
		width: 100px;
	}

	#chartBottles1 > div .bottleLabel {
		width: 130px;
	}
}

@media only screen and (max-width : 767px) {
	.k-window div#PhotoGallery {
		height: 100%;
		width: 100%;
	}
}

#PhotoGallery button {
	display: inline-block;
	width: 45%;
}

	#PhotoGallery button#next-arrow {
		float: right;
	}

	#PhotoGallery button#prev-arrow {
		float: left;
	}

#PhotoGallery {
	text-align: center;
	height: 50em;
	width: 30em;
}

	#PhotoGallery img {
		max-height: 93%;
	}

@media (max-width: 900px) {

	.logInWrapper,
	.passRecoveryWrapper {
		margin-top: 20%;
	}

	.reserves-content #back-to-top-btn,
	#AccountStatementGrid #back-to-top-btn-acc,
	#BrokingGrid .back-to-top-btn,
	#DeliveriesGrid .back-to-top-btn {
		left: 87%;
	}
}

@media (max-width: 500px) {
	.logInWrapper,
	.passRecoveryWrapper {
		margin-top: 40%;
	}

	.reserves-content #back-to-top-btn,
	#AccountStatementGrid #back-to-top-btn-acc,
	#BrokingGrid .back-to-top-btn,
	#DeliveriesGrid .back-to-top-btn {
		left: 77%;
	}
}

@media (max-width: 390px) {

	#period-btn-wrapper {
		padding-right: 13%;
	}

	.logInWrapper,
	.passRecoveryWrapper {
		margin-top: 45%;
	}
}

@media (max-width: 414px) {

	#period-btn-wrapper {
		padding-right: 8%;
	}

	.error-window {
		left: 20px;
		width: 90%;
	}
}

@media (max-width: 320px) {

	#period-btn-wrapper {
		padding-right: 5%;
	}
}

/* Broking */
.broking-content .checkbox-wrapper {
	height: 50px;
	vertical-align: middle;
	display: table-cell;
}

.broking-content .checkbox-label {
	margin-right: 10px;
	cursor: pointer;
}

	.broking-content .checkbox-label .checkbox-field {
		padding: 0 10px;
	}

#BrokingGrid {
	margin-top: 5px;
}

	#BrokingGrid > .k-grid-content > table > tbody > tr:nth-child(n + 2) > td.k-group-cell:first-child {
		display: none;
	}

.broking-content h2 {
	margin: 20px 35px;
	color: #464646;
	font-family: 'CormorantLight';
	font-size: 28px;
	font-weight: 300;
}

.broking-content .hierarchy-tbl.k-grid.k-widget .k-grid-toolbar:first-child > a.black-link-text {
	font-size: medium;
}

.broking-content .hierarchy-tbl.k-grid.k-widget .k-grid-toolbar {
	top: -55px;
	left: 200px;
}

.broking-content.reserves-content .k-grid .k-detail-row .k-detail-cell .k-grid tbody tr td,
.broking-content.reserves-content .k-grid .k-detail-row .k-detail-cell .k-grid .k-grid-header .k-header {
	width: 30%;
}

.broking-content.reserves-content .k-grid .k-detail-row .k-detail-cell .inner-grid {
	width: 50%;
	margin-left: 11%;
}

/* End Broking */
/* Deliveries */
.deliveries-content h2 {
	margin: 20px 35px;
	color: #464646;
	font-family: 'CormorantLight';
	font-size: 28px;
	font-weight: 300;
}

#DeliveriesGrid {
	margin-top: 5px;
}

.deliveries-content.reserves-content .k-grid .k-detail-row .k-detail-cell .k-grid tbody tr td,
.deliveries-content.reserves-content .k-grid .k-detail-row .k-detail-cell .k-grid .k-grid-header .k-header {
	width: 30%;
}

.deliveries-content.reserves-content .k-grid .k-detail-row .k-detail-cell .inner-grid {
	width: 50%;
	margin-left: 11%;
}

.deliveries-content {
	min-height: 500px;
}

.delivered.k-grid tbody td {
	width: 139px;
}

.deliveries-content.reserves-content .hierarchy-tbl.k-grid.k-widget .k-grid-toolbar {
	top: -55px;
	left: 430px;
}
/* End Deliveries */
/*Footer*/
.powered-by {
	background-color: #65194a;
	height: 50px;
	font-size: 14px;
	line-height: 24px;
}

	.powered-by > a > div > span {
		position: relative;
		font-weight: 700;
		font-size: 17px;
		color: #fff;
		letter-spacing: 1px;
		top: 25%;
	}

	.powered-by > a > div {
		float: right;
		height: 100%;
		margin-right: 3%;
	}