@keyframes mg2-admin-processing-spin {
	0% {transform: translate(-50%, -50%) rotateZ(24deg)}
	100% {transform: translate(-50%, -50%) rotateZ(384deg)}
}

.mg2-admin-db {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	width: 95%;
	max-width: 1440px;
	margin: 2.5% auto;
	box-sizing: border-box;
	/*min-width: 500px;*/
}

.mg2-admin-db * {
	font-family: Arial, helvetica, 'sans-serif';
}

.mg2-admin-db-side {
	position: relative;
	width: 360px;
	min-width: 360px;
	background-color: #2a2a36;
    overflow: auto;
}

.mg2-admin-db-side:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 1px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.8);
}

.mg2-admin-btn-name-label {
	color: #fff;
	padding: 10px;
}

.mg2-admin-db-side-btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	min-height: 100px;
	height: 0;
	padding: 10px 50px;
	box-sizing: border-box;
	color: #fff;
	transition: all 200ms ease;
	text-align: left;
	font-size: 18px;
	text-transform: uppercase;
	border-bottom: 0;
	text-decoration: none;
}

.mg2-admin-db-side-btn:hover,
.mg2-admin-db-side-btn.selected {
	background-color: #32353f;
	color: #fff !important;
}

.mg2-admin-db-side-btn-main {
	position: relative;
}

.mg2-admin-db-side-btn-bubble {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 100%;
	top: 0;
	margin-top: -20px;
	background-color: #fa5a59;
	width: 26px;
	height: 26px;
	border-radius: 100%;
	font-size: 12px;
}

.mg2-admin-db-side-btn-num {
	color: #7b7b7b;
}

.mg2-admin-db-admin-main {
	width: 100%;
	min-width: 500px;
	border-left: 0;
	padding: 40px 80px;
	box-sizing: border-box;
	background-color: #f4f4f4;
}

.mg2-admin-db-header {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 20px;
	border-bottom: 1px solid #cfcbcb;
}

.mg2-admin-db-content-title {
	font-size: 24px;
	line-height: 28px;
}

.mg2-admin-db-content-subtitle {
	font-size: 16px;
	line-height: 28px;
	letter-spacing: 2px;
}

.mg2-admin-db-input-ctn {
	border: 1px solid #cfcbcb;
	background-color: #fff;
}

.mg2-admin-db-input-ctn svg {
	display: inline-block;
	vertical-align: middle;
	width: 22px;
	height: 22px;
	padding-right: 10px;
}

.mg2-admin-db-input-ctn svg path {
	fill: #cfcbcb;
}

.mg2-admin-db-search {
	display: inline-block;
	vertical-align: middle;
	border: none;
	background-color: transparent;
	font-size: 18px;
	line-height: 26px;
	padding: 15px 10px;
}

.mg2-admin-db-section:not(.selected) {
	display: none;
}

.mg2-admin-db-main-element {
	background-color: #fff;
	padding: 10px;
	margin-top: 30px;
}

.mg2-admin-db-pager {
	text-align: center;
	margin-top: 30px;
}

.mg2-admin-db-pager-link,
.mg2-admin-db-pager-separator {
	margin: 0 12px;
	font-size: 14px;
	line-height: 1;
	border: 0;
	color: #797979;
	transition: color 300ms ease-out;
	position: relative;
	font-weight: normal;
	font-weight: bold;
}

.mg2-admin-db-pager-separator {
	margin: 0;
	pointer-events: none;
}

.mg2-admin-db-pager-link:hover {
	color: #2a2e36;
}

.mg2-admin-db-pager-link.selected {
	font-size: 25px;
	color: #2a2e36;
	pointer-events: none;
}

.mg2-admin-db-person,
.mg2-admin-db-person-generic-ctn {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}


.mg2-admin-db-person-generic-ctn,
.mg2-admin-db-person-custom-ctn {
	width: 50%;
	flex: 0 1 auto;
}

.mg2-admin-db-person-name,
.mg2-admin-db-person-email,
.mg2-admin-db-person-generic-ctn form {
	width: 100%;
	color: #2a2e36;
}

.mg2-admin-db-person-image-ctn {
	padding: 20px 0 20px 20px;
}

.mg2-admin-db-person-info {
	padding: 20px;
}

.mg2-admin-db-person-image {
	width: 80px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 100%;
}

.mg2-admin-db-person-image:before {
	content: '';
	display: block;
	padding-top: 100%;
}

.mg2-admin-db-person-name {
	font-size: 20px;
	font-weight: bold;
	margin: 5px 0;
	line-height: 1;
}

.mg2-admin-db-person-lname {
	font-size: 14px;
	font-weight: normal;
	line-height: 1;
	margin: 5px 0;
}

.mg2-admin-db-person-email {
	color: #7b7b7b;
	margin: 0;
}

.mg2-admin-db-person-email a {
	color: inherit;
	border: 0;
}

.mg2-admin-db-person-email a:hover {
	color: #2a2e36;
	text-decoration: underline;
}

.mg2-admin-db-btn {
	min-width: 200px;
	border: 1px solid #2a2e36;
	padding: 10px;
	background-color: #2a2e36;
	color: #fff;
	margin: 5px 0;
	transition: background-color 300ms ease-out,
		color 300ms ease-out;
    cursor: pointer;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    line-height: normal;
}

.mg2-admin-db-btn.small {
	min-width: 100px;
}

.mg2-admin-db-btn:hover {
	background-color: #fff;
	color: #2a2e36 !important;
}

.mg2-admin-db-btn.white {
	background-color: #fff;
	color: #2a2e36;
}

.mg2-admin-db-btn.white:hover {
	color: #fff !important;
	background-color: #2a2e36;
}

.mg2-admin-db-del-btn {
	border: 1px solid tomato;
	background-color: #fff;
	color: tomato;
}

.mg2-admin-db-del-btn:hover {
	background-color: tomato;
	color: #fff !important;
}

.mg2-admin-db-popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	overflow-y: scroll;
	z-index: 1000000;
	display: none;
	-webkit-overflow-scrolling: touch;
}

.mg2-admin-db-popup-inner {
	max-width: 600px;
	width: 80%;
	margin: 0 auto;
	min-width: 300px;
	background-color: #fff;
	padding: 20px;
	box-sizing: border-box;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.mg2-admin-popup-cancel,
.mg2-admin-popup-confirm {
	margin: 0 20px;
}

.mg2-admin-db-default-link {
	color: #2a2e36;
	text-decoration: underline;
	border: 0;
}

.mg2-admin-db-person-details {
	width: 100%;
}

.mg2-admin-person-details-top {
	display: flex;
	width: 100%;
	align-items: center;
}

.mg2-admin-db-person-details .mg2-admin-db-person-btns {
	flex: 1 1 auto;
	text-align: right;
	padding-right: 20px;
}

.mg2-admin-db-person-details .mg2-admin-db-person-text-info {
	padding: 20px;
}

.mg2-admin-person-details-middle {
	border-top: 1px solid #f4f4f4;
	margin-top: 10px;
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
}

.mg2-admin-db-person-details-title {
	margin: 0 20px 10px 0;
}

.mg2-admin-db-person-detail-legend {
	white-space:pre-line;
	width: 100%;
	border-top: 2px solid #2a2e36;
	line-height: 1.2;
	padding-top: 20px;
	order: 99999999999999;
}

.mg2-admin-db-person-detail-legend:empty {
	display: none;
}

.mg2-admin-db-person-back {
	margin: 20px 0 0 20px;
}

.mg2-admin-person-details-bottom {
	padding: 0 20px 20px;
}

.mg2-admin-person-details-bottom-tab {
	display: inline-block;
	border: 2px solid #2a2e36;
	border-bottom: 0;
	background-color: #f0f0f0;
	color: #2a2e36;
	position: relative;
	padding: 5px 20px;
	text-align: center;
	margin: 0;
	min-width: 120px;
	transition: color 300ms ease-out,
		background-color 300ms ease-out;
}

.mg2-admin-person-details-bottom-tab:hover {
	background-color: #fff;
}

.mg2-admin-person-details-bottom-tab.selected {
	background-color: #fff;
}

.mg2-admin-person-details-bottom-tab.selected:after {
	content: '';
	position: absolute;
	height: 2px;
	background-color: #fff;
	top: 100%;
	left: 0;
	width: 100%;
}

.mg2-admin-person-details-bottom-content {
	display: none;
	border: 2px solid #2a2e36;
	padding: 20px;
}

.mg2-admin-person-details-bottom-content.selected {
	display: block;
}

.mg2-admin-ajax-action {
	position: relative;
	display: inline-block;
}

.mg2-admin-ajax-action .mg2-admin-db-btn {
	margin: 0;
}

.mg2-admin-ajax-action:before,
.mg2-admin-ajax-action:after {
	pointer-events: none;
	opacity: 0;
	content: '';
	position: absolute;
	transition: opacity 300ms ease-out;
}

.mg2-admin-ajax-action:before {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #2a2e36;
	z-index: 1;
}

.mg2-admin-ajax-action:after {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 20px;
	height: 20px;
	border: 4px solid #fff;
	border-left: 4px solid transparent;
	border-radius: 100%;
	z-index: 2;
	animation: mg2-admin-processing-spin infinite 1s;
}

.mg2-admin-ajax-action.processing {
	pointer-events: none;
}

.mg2-admin-ajax-action.processing:before,
.mg2-admin-ajax-action.processing:after {
	pointer-events: none;
	opacity: 1;
}

.mg2-admin-person-order-top,
.mg2-admin-person-order-bottom {
	display: flex;
	flex-wrap: wrap;
}

.mg2-admin-person-order-top {
	justify-content: space-between;
	align-items: flex-start;
}

.mg2-admin-person-order-info {
	flex-direction: column;
}

.mg2-admin-person-order-info,
.mg2-admin-person-order-table {
	display: flex;
}

.mg2-admin-person-order-info,
.mg2-admin-person-order-table {
	padding: 0 10px;
}

.mg2-admin-person-order-info-section,
.mg2-admin-person-order-table-inner,
.mg2-admin-person-order-info,
.mg2-admin-person-order-table {
	flex: 1 0 100%;
}

.mg2-admin-person-order-info-section:last-child {
	margin-bottom: 0;
}

.mg2-admin-person-order-info-section,
.mg2-admin-person-order-table-inner {
	padding: 20px;
	background-color: #f4f4f4;
	margin-top: 20px;
}

.mg2-admin-person-order-info-title {
	font-weight: bold;
	line-height: 1.2;
}

.mg2-admin-person-order-info-item,
.mg2-admin-person-order-info-title {
	line-height: 1.2;
}

.mg2-admin-person-order-table table {
	width: 100%;
}

.mg2-admin-person-order-table th:first-child {
	text-align: left;
}

.mg2-admin-person-order-table td {
	line-height: 1.5;
}

.mg2-admin-person-bill {
	margin-bottom: 0;
	line-height: 1.1;
}

.mg2-admin-person-bill strong {
	font-size: 24px;
}

.mg2-admin-person-date {
	margin-top: 0;
}

.mg2-admin-db-order {
	padding: 20px;
}

.mg2-admin-db-stat-block {
	border: 1px solid #fff;
	display: inline-block;
	width: calc(25% - 30px);
	margin-right: 30px;
	margin-top: 30px;
}

.mg2-admin-db-stat-block.large {
	width: calc(33% - 30px);
}

.mg2-admin-db-stat-block-title,
.mg2-admin-db-stat-block-value {
	padding: 20px;
}

.mg2-admin-db-stat-block-title {
	background-color: #fff;
}

.mg2-admin-db-stat-block-value {
	font-size: 36px;
	line-height: 1;
}

.mg2-admin-stats-revenue-chart {
	background-color: #fff;
	margin-top: 30px;
	padding: 20px;
}

.mg2-admin-stats-revenue-dates {
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin-bottom: 20px;
}

.mg2-admin-stats-choose-date {
	font-weight: bold;
	margin: 0;
}

.mg2-admin-stats-choose-date-item {
	color: #7a7a7a;
	margin: 0;
}

.mg2-admin-stats-input {
	border: 1px solid #cdcbcc;
	padding: 10px;
	min-width: 120px;
	color: #7a7a7a;
	font-size: 16px;
}

@media screen and (max-width: 1400px) {
	.mg2-admin-db-side-btn {
		min-width: 0;
		width: auto;
		flex: 1 0 auto;
	}
	
	.mg2-admin-db {
		flex-direction: column;
	}
	
	.mg2-admin-db-side, .mg2-admin-db-side-inner {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
}

@media screen and (max-width: 1024px) {
	.mg2-admin-db-stat-block {
		width: calc(33% - 20px);
		margin-right: 20px;
	}

	.mg2-admin-db-stat-block.large {
		width: calc(66% - 20px);
	}
	
	.mg2-admin-stats-revenue-dates {
		flex-wrap: wrap;
		text-align: center;
	}
	
	.mg2-admin-stats-choose-date,
	.mg2-admin-stats-choose-date-item,
	.mg2-admin-stats-input-ctn {
		margin-bottom: 10px;
	}
	
	.mg2-admin-stats-choose-date {
		width: 100%;
	}

	.mg2-admin-stats-choose-date-item,
	.mg2-admin-stats-input-ctn {
		width: 100%;
	}
	
	.mg2-admin-db-date-submit {
		margin-top: 10px;
	}
    
    .mg2-admin-db-side-btn {
        padding: 10px 30px;
    }
    
    .mg2-admin-db-admin-main {
        padding: 40px;
    }
}

@media screen and (max-width: 767px) {
	.mg2-admin-db {
		width: 100%;
		margin: 0;
	}
	
	.mg2-admin-db-stat-block {
		width: calc(50% - 20px);
		margin-right: 20px;
	}

	.mg2-admin-db-stat-block.large {
		width: calc(100% - 20px);
	}
}

@media screen and (max-width: 599px) {
	.mg2-admin-db {
		width: 100%;
		margin: 0;
	}
    
    .mg2-admin-db-admin-main {
        padding-left: 4%;
        padding-right: 4%;
    }
	
	.mg2-admin-db-stat-block {
		width: 100%;
		margin-right: 0;
	}

	.mg2-admin-db-stat-block.large  {
		width: 100%
	}
}
/**
 * DatePickerX
 *
 * Cool light visual date picker on pure JavaScript
 * Browsers support: Chrome 45+, FireFox 40+, Safari 8+, IE10+, iOS Safari 8+, Android Browser 4.4+
 *
 * @author    Alexander Krupko <sanych.zp@gmail.com>
 * @author    Slava Krasnyansky <krasnyansky.v@gmail.com>
 * @copyright 2016 Avrora Team www.avrora.team
 * @license   MIT
 * @tutorial  http://datepickerx.avrora.team
 * @version   1.0.2
 */
.date-picker-x-container{position:relative}.date-picker-x{background:#444;box-sizing:content-box;color:#fff;display:none;font:18px/1 Arial;padding:10px;position:absolute;top:100%;-webkit-transform:translateY(15px);transform:translateY(15px);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:308px;z-index:1}.date-picker-x::before{border-color:#444 transparent;border-style:solid;border-width:0 10px 10px;bottom:100%;content:"";left:20px;position:absolute}.date-picker-x.to-top{bottom:100%;top:initial;-webkit-transform:translateY(-15px);transform:translateY(-15px)}.date-picker-x.to-top::before{border-width:10px 10px 0;bottom:initial;top:100%}.date-picker-x.active{display:block}.date-picker-x *{box-sizing:border-box}.date-picker-x .dpx-title-box{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #ccc;display:-webkit-box;display:-ms-flexbox;display:flex;height:45px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:10px}.date-picker-x .dpx-next,.date-picker-x .dpx-prev{color:rgba(255,255,255,.6);cursor:pointer;display:block;font-size:22px;line-height:50px;text-align:center;transition:.2s;width:50px}.date-picker-x .dpx-next:hover,.date-picker-x .dpx-prev:hover{color:#fff}.date-picker-x .dpx-title{display:block;font-size:18px;line-height:40px;padding:0 10px}.date-picker-x .dpx-btns,.date-picker-x .dpx-content-box{display:-webkit-box;display:-ms-flexbox;padding-top:10px}.date-picker-x .dpx-item:not(.dpx-weekday),.date-picker-x:not([data-dpx-type=year]) .dpx-title{cursor:pointer}.date-picker-x .dpx-content-box{box-sizing:content-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;height:288px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.date-picker-x .dpx-btns{border-top:1px solid #ccc;display:flex}.date-picker-x .dpx-btns .dpx-item{-webkit-box-flex:1;-ms-flex:1 1 0;flex:1 1 0;height:30px!important}.date-picker-x .dpx-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 25%;flex:1 0 25%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.date-picker-x .dpx-item:not(.dpx-weekday):hover{box-shadow:inset 0 0 0 2px #3385ff,inset 0 0 0 4px #444}.date-picker-x .dpx-weekday{font-size:15px;height:24px!important}.date-picker-x[data-dpx-type=day] .dpx-item{-ms-flex-preferred-size:44px;flex-basis:44px;height:44px}.date-picker-x .dpx-current{box-shadow:inset 0 0 0 2px #66a3ff}.date-picker-x .dpx-selected{background:#06f}.date-picker-x .dpx-weekend{color:#f99}.date-picker-x .dpx-out{color:#bbb}.date-picker-x .dpx-disabled{color:#666!important;cursor:default!important;box-shadow:none!important}.date-picker-x .dpx-disabled.dpx-current{box-shadow:inset 0 0 0 2px #66a3ff!important}