/*!
 * WPMU DEV Hustle UI
 * Copyright 2019 Incsub (https://incsub.com)
 * Licensed under GPL v3 (http://www.gnu.org/licenses/gpl-3.0.html)
 */
@-webkit-keyframes showFromRight {
	from {
		-webkit-transform: translateX(110%);
		transform: translateX(110%);
		visibility: visible;
	}
	
	to {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes showFromRight {
	from {
		-webkit-transform: translateX(110%);
		transform: translateX(110%);
		visibility: visible;
	}
	
	to {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@-webkit-keyframes showFromLeft {
	from {
		-webkit-transform: translateX(-110%);
		transform: translateX(-110%);
		visibility: visible;
	}
	
	to {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes showFromLeft {
	from {
		-webkit-transform: translateX(-110%);
		transform: translateX(-110%);
		visibility: visible;
	}
	
	to {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@-webkit-keyframes showFromTopCenter {
	from {
		-webkit-transform: translateX(-50%) translateY(-110%);
		transform: translateX(-50%) translateY(-110%);
		visibility: visible;
	}
	
	to {
		-webkit-transform: translateX(-50%) translateY(0);
		transform: translateX(-50%) translateY(0);
	}
}

@keyframes showFromTopCenter {
	from {
		-webkit-transform: translateX(-50%) translateY(-110%);
		transform: translateX(-50%) translateY(-110%);
		visibility: visible;
	}
	
	to {
		-webkit-transform: translateX(-50%) translateY(0);
		transform: translateX(-50%) translateY(0);
	}
}

@-webkit-keyframes showFromRightCenter {
	from {
		-webkit-transform: translateX(110%) translateY(-50%);
		transform: translateX(110%) translateY(-50%);
		visibility: visible;
	}
	
	to {
		-webkit-transform: translateX(0) translateY(-50%);
		transform: translateX(0) translateY(-50%);
	}
}

@keyframes showFromRightCenter {
	from {
		-webkit-transform: translateX(110%) translateY(-50%);
		transform: translateX(110%) translateY(-50%);
		visibility: visible;
	}
	
	to {
		-webkit-transform: translateX(0) translateY(-50%);
		transform: translateX(0) translateY(-50%);
	}
}

@-webkit-keyframes showFromBottomCenter {
	from {
		-webkit-transform: translateX(-50%) translateY(110%);
		transform: translateX(-50%) translateY(110%);
		visibility: visible;
	}
	
	to {
		-webkit-transform: translateX(-50%) translateY(0);
		transform: translateX(-50%) translateY(0);
	}
}

@keyframes showFromBottomCenter {
	from {
		-webkit-transform: translateX(-50%) translateY(110%);
		transform: translateX(-50%) translateY(110%);
		visibility: visible;
	}
	
	to {
		-webkit-transform: translateX(-50%) translateY(0);
		transform: translateX(-50%) translateY(0);
	}
}

@-webkit-keyframes showFromLeftCenter {
	from {
		-webkit-transform: translateX(-110%) translateY(-50%);
		transform: translateX(-110%) translateY(-50%);
		visibility: visible;
	}
	
	to {
		-webkit-transform: translateX(0) translateY(-50%);
		transform: translateX(0) translateY(-50%);
	}
}

@keyframes showFromLeftCenter {
	from {
		-webkit-transform: translateX(-110%) translateY(-50%);
		transform: translateX(-110%) translateY(-50%);
		visibility: visible;
	}
	
	to {
		-webkit-transform: translateX(0) translateY(-50%);
		transform: translateX(0) translateY(-50%);
	}
}

@-webkit-keyframes hideToRight {
	from {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		visibility: visible;
	}
	
	to {
		-webkit-transform: translateX(110%);
		transform: translateX(110%);
	}
}

@keyframes hideToRight {
	from {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		visibility: visible;
	}
	
	to {
		-webkit-transform: translateX(110%);
		transform: translateX(110%);
	}
}

@-webkit-keyframes hideToLeft {
	from {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		visibility: visible;
	}
	
	to {
		-webkit-transform: translateX(-110%);
		transform: translateX(-110%);
	}
}

@keyframes hideToLeft {
	from {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		visibility: visible;
	}
	
	to {
		-webkit-transform: translateX(-110%);
		transform: translateX(-110%);
	}
}

@-webkit-keyframes hideToTopCenter {
	from {
		-webkit-transform: translateX(-50%) translateY(0);
		transform: translateX(-50%) translateY(0);
	}
	
	to {
		visibility: hidden;
		-webkit-transform: translateX(-50%) translateY(-110%);
		transform: translateX(-50%) translateY(-110%);
	}
}

@keyframes hideToTopCenter {
	from {
		-webkit-transform: translateX(-50%) translateY(0);
		transform: translateX(-50%) translateY(0);
	}
	
	to {
		visibility: hidden;
		-webkit-transform: translateX(-50%) translateY(-110%);
		transform: translateX(-50%) translateY(-110%);
	}
}

@-webkit-keyframes hideToRightCenter {
	from {
		-webkit-transform: translateX(0) translateY(-50%);
		transform: translateX(0) translateY(-50%);
		visibility: visible;
	}
	
	to {
		-webkit-transform: translateX(110%) translateY(-50%);
		transform: translateX(110%) translateY(-50%);
	}
}

@keyframes hideToRightCenter {
	from {
		-webkit-transform: translateX(0) translateY(-50%);
		transform: translateX(0) translateY(-50%);
		visibility: visible;
	}
	
	to {
		-webkit-transform: translateX(110%) translateY(-50%);
		transform: translateX(110%) translateY(-50%);
	}
}

@-webkit-keyframes hideToBottomCenter {
	from {
		-webkit-transform: translateX(-50%) translateY(0);
		transform: translateX(-50%) translateY(0);
	}
	
	to {
		visibility: hidden;
		-webkit-transform: translateX(-50%) translateY(110%);
		transform: translateX(-50%) translateY(110%);
	}
}

@keyframes hideToBottomCenter {
	from {
		-webkit-transform: translateX(-50%) translateY(0);
		transform: translateX(-50%) translateY(0);
	}
	
	to {
		visibility: hidden;
		-webkit-transform: translateX(-50%) translateY(110%);
		transform: translateX(-50%) translateY(110%);
	}
}

@-webkit-keyframes hideToLeftCenter {
	from {
		-webkit-transform: translateX(0) translateY(-50%);
		transform: translateX(0) translateY(-50%);
		visibility: visible;
	}
	
	to {
		-webkit-transform: translateX(-110%) translateY(-50%);
		transform: translateX(-110%) translateY(-50%);
	}
}

@keyframes hideToLeftCenter {
	from {
		-webkit-transform: translateX(0) translateY(-50%);
		transform: translateX(0) translateY(-50%);
		visibility: visible;
	}
	
	to {
		-webkit-transform: translateX(-110%) translateY(-50%);
		transform: translateX(-110%) translateY(-50%);
	}
}

.hustle-ui.hustle-slidein {
	width: 100%;
	height: 100%;
	min-height: 0;
	max-height: 100%;
	visibility: hidden;
	pointer-events: none;
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto;
	position: fixed;
	z-index: 999991;
	top: 0;
	left: 0;
	padding-top: 30px;
}

.hustle-ui.hustle-slidein .hustle-slidein-content {
	width: auto;
	max-width: 100%;
	min-height: 0;
	max-height: 100%;
	overflow: visible;
	opacity: 0;
	-khtml-opacity: 0;
	position: absolute;
	margin: auto;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.hustle-ui.hustle-slidein .hustle-slidein-content>[class*=hustle-] {
	max-width: 800px;
	max-height: calc(100vh - 30px);
	padding: 0;
	overflow: auto;
}

.hustle-ui.hustle-slidein .hustle-slidein-content .hustle-main-wrapper {
	overflow-y: auto;
}

.hustle-ui.hustle-slidein.hustle-slidein-position--north {
	padding-right: 20px;
	padding-left: 20px;
}

.hustle-ui.hustle-slidein.hustle-slidein-position--north .hustle-slidein-content {
	top: 30px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.hustle-ui.hustle-slidein.hustle-slidein-position--north .hustle-slidein-content.hustle-animate-in {
	opacity: 1;
	-khtml-opacity: 1;
	-webkit-animation-name: showFromTopCenter;
	animation-name: showFromTopCenter;
}

.hustle-ui.hustle-slidein.hustle-slidein-position--north .hustle-slidein-content.hustle-animate-out {
	opacity: 1;
	-khtml-opacity: 1;
	-webkit-animation-name: hideToTopCenter;
	animation-name: hideToTopCenter;
}

.hustle-ui.hustle-slidein.hustle-slidein-position--north .hustle-slidein-content>[class*=hustle-] {
	width: calc(100vw - 40px);
}

@media (max-width:782px) {
	.hustle-ui.hustle-slidein.hustle-slidein-position--north .hustle-slidein-content>[class*=hustle-] {
		width: calc(100vw - 20px);
	}
}

@media (max-width:782px) {
	.hustle-ui.hustle-slidein.hustle-slidein-position--north {
		padding-right: 10px;
		padding-left: 10px;
	}
}

.hustle-ui.hustle-slidein.hustle-slidein-position--south {
	padding-right: 20px;
	padding-left: 20px;
}

.hustle-ui.hustle-slidein.hustle-slidein-position--south .hustle-slidein-content {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.hustle-ui.hustle-slidein.hustle-slidein-position--south .hustle-slidein-content.hustle-animate-in {
	opacity: 1;
	-khtml-opacity: 1;
	-webkit-animation-name: showFromBottomCenter;
	animation-name: showFromBottomCenter;
}

.hustle-ui.hustle-slidein.hustle-slidein-position--south .hustle-slidein-content.hustle-animate-out {
	opacity: 1;
	-khtml-opacity: 1;
	-webkit-animation-name: hideToBottomCenter;
	animation-name: hideToBottomCenter;
}

.hustle-ui.hustle-slidein.hustle-slidein-position--south .hustle-slidein-content>[class*=hustle-] {
	width: calc(100vw - 40px);
}

@media (max-width:782px) {
	.hustle-ui.hustle-slidein.hustle-slidein-position--south .hustle-slidein-content>[class*=hustle-] {
		width: calc(100vw - 20px);
	}
}

@media (max-width:782px) {
	.hustle-ui.hustle-slidein.hustle-slidein-position--south {
		padding-right: 10px;
		padding-left: 10px;
	}
}

.hustle-ui.hustle-slidein.hustle-slidein-position--east {
	padding-left: 20px;
}

.hustle-ui.hustle-slidein.hustle-slidein-position--east .hustle-slidein-content {
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.hustle-ui.hustle-slidein.hustle-slidein-position--east .hustle-slidein-content.hustle-animate-in {
	opacity: 1;
	-khtml-opacity: 1;
	-webkit-animation-name: showFromRightCenter;
	animation-name: showFromRightCenter;
}

.hustle-ui.hustle-slidein.hustle-slidein-position--east .hustle-slidein-content.hustle-animate-out {
	opacity: 1;
	-khtml-opacity: 1;
	-webkit-animation-name: hideToRightCenter;
	animation-name: hideToRightCenter;
}

.hustle-ui.hustle-slidein.hustle-slidein-position--east .hustle-slidein-content>[class*=hustle-] {
	width: calc(100vw - 20px);
}

@media (max-width:782px) {
	.hustle-ui.hustle-slidein.hustle-slidein-position--east .hustle-slidein-content>[class*=hustle-] {
		width: calc(100vw - 10px);
	}
}

@media (max-width:782px) {
	.hustle-ui.hustle-slidein.hustle-slidein-position--east {
		padding-left: 10px;
	}
}

.hustle-ui.hustle-slidein.hustle-slidein-position--west {
	padding-right: 20px;
}

.hustle-ui.hustle-slidein.hustle-slidein-position--west .hustle-slidein-content {
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.hustle-ui.hustle-slidein.hustle-slidein-position--west .hustle-slidein-content.hustle-animate-in {
	opacity: 1;
	-khtml-opacity: 1;
	-webkit-animation-name: showFromLeftCenter;
	animation-name: showFromLeftCenter;
}

.hustle-ui.hustle-slidein.hustle-slidein-position--west .hustle-slidein-content.hustle-animate-out {
	opacity: 1;
	-khtml-opacity: 1;
	-webkit-animation-name: hideToLeftCenter;
	animation-name: hideToLeftCenter;
}

.hustle-ui.hustle-slidein.hustle-slidein-position--west .hustle-slidein-content>[class*=hustle-] {
	width: calc(100vw - 20px);
}

@media (max-width:782px) {
	.hustle-ui.hustle-slidein.hustle-slidein-position--west .hustle-slidein-content>[class*=hustle-] {
		width: calc(100vw - 10px);
	}
}

@media (max-width:782px) {
	.hustle-ui.hustle-slidein.hustle-slidein-position--west {
		padding-right: 10px;
	}
}

.hustle-ui.hustle-slidein.hustle-slidein-position--north-east {
	padding-left: 20px;
}

.hustle-ui.hustle-slidein.hustle-slidein-position--north-east .hustle-slidein-content {
	top: 30px;
	right: 0;
}

.hustle-ui.hustle-slidein.hustle-slidein-position--north-east .hustle-slidein-content.hustle-animate-in {
	opacity: 1;
	-khtml-opacity: 1;
	-webkit-animation-name: showFromRight;
	animation-name: showFromRight;
}

.hustle-ui.hustle-slidein.hustle-slidein-position--north-east .hustle-slidein-content.hustle-animate-out {
	opacity: 1;
	-khtml-opacity: 1;
	-webkit-animation-name: hideToRight;
	animation-name: hideToRight;
}

.hustle-ui.hustle-slidein.hustle-slidein-position--north-east .hustle-slidein-content>[class*=hustle-] {
	width: calc(100vw - 20px);
}

@media (max-width:782px) {
	.hustle-ui.hustle-slidein.hustle-slidein-position--north-east .hustle-slidein-content>[class*=hustle-] {
		width: calc(100vw - 10px);
	}
}

@media (max-width:782px) {
	.hustle-ui.hustle-slidein.hustle-slidein-position--north-east {
		padding-left: 10px;
	}
}

.hustle-ui.hustle-slidein.hustle-slidein-position--north-west {
	padding-right: 20px;
}

.hustle-ui.hustle-slidein.hustle-slidein-position--north-west .hustle-slidein-content {
	top: 30px;
	left: 0;
}

.hustle-ui.hustle-slidein.hustle-slidein-position--north-west .hustle-slidein-content.hustle-animate-in {
	opacity: 1;
	-khtml-opacity: 1;
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
}

.hustle-ui.hustle-slidein.hustle-slidein-position--north-west .hustle-slidein-content.hustle-animate-out {
	opacity: 1;
	-khtml-opacity: 1;
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft;
}

.hustle-ui.hustle-slidein.hustle-slidein-position--north-west .hustle-slidein-content>[class*=hustle-] {
	width: calc(100vw - 20px);
}

@media (max-width:782px) {
	.hustle-ui.hustle-slidein.hustle-slidein-position--north-west .hustle-slidein-content>[class*=hustle-] {
		width: calc(100vw - 10px);
	}
}

@media (max-width:782px) {
	.hustle-ui.hustle-slidein.hustle-slidein-position--north-west {
		padding-right: 10px;
	}
}

.hustle-ui.hustle-slidein.hustle-slidein-position--south-east {
	padding-left: 20px;
}

.hustle-ui.hustle-slidein.hustle-slidein-position--south-east .hustle-slidein-content {
	right: 0;
}

.hustle-ui.hustle-slidein.hustle-slidein-position--south-east .hustle-slidein-content.hustle-animate-in {
	opacity: 1;
	-khtml-opacity: 1;
	-webkit-animation-name: showFromRight;
	animation-name: showFromRight;
}

.hustle-ui.hustle-slidein.hustle-slidein-position--south-east .hustle-slidein-content.hustle-animate-out {
	opacity: 1;
	-khtml-opacity: 1;
	-webkit-animation-name: hideToRight;
	animation-name: hideToRight;
}

.hustle-ui.hustle-slidein.hustle-slidein-position--south-east .hustle-slidein-content>[class*=hustle-] {
	width: calc(100vw - 20px);
}

@media (max-width:782px) {
	.hustle-ui.hustle-slidein.hustle-slidein-position--south-east .hustle-slidein-content>[class*=hustle-] {
		width: calc(100vw - 10px);
	}
}

@media (max-width:782px) {
	.hustle-ui.hustle-slidein.hustle-slidein-position--south-east {
		padding-left: 10px;
	}
}

.hustle-ui.hustle-slidein.hustle-slidein-position--south-west {
	padding-right: 20px;
}

.hustle-ui.hustle-slidein.hustle-slidein-position--south-west .hustle-slidein-content {
	left: 0;
}

.hustle-ui.hustle-slidein.hustle-slidein-position--south-west .hustle-slidein-content.hustle-animate-in {
	opacity: 1;
	-khtml-opacity: 1;
	-webkit-animation-name: showFromLeft;
	animation-name: showFromLeft;
}

.hustle-ui.hustle-slidein.hustle-slidein-position--south-west .hustle-slidein-content.hustle-animate-out {
	opacity: 1;
	-khtml-opacity: 1;
	-webkit-animation-name: hideToLeft;
	animation-name: hideToLeft;
}

.hustle-ui.hustle-slidein.hustle-slidein-position--south-west .hustle-slidein-content>[class*=hustle-] {
	width: calc(100vw - 20px);
}

@media (max-width:782px) {
	.hustle-ui.hustle-slidein.hustle-slidein-position--south-west .hustle-slidein-content>[class*=hustle-] {
		width: calc(100vw - 10px);
	}
}

@media (max-width:782px) {
	.hustle-ui.hustle-slidein.hustle-slidein-position--south-west {
		padding-right: 10px;
	}
}

.hustle-ui.hustle-slidein.hustle-show {
	visibility: visible;
}

.hustle-ui.hustle-slidein.hustle-show .hustle-slidein-content {
	pointer-events: visible;
}