//	=================
//    	Imports
//	=================

@import '../base/color_variables';   	// Color Variables
@import '../base/fonticons';   			// Fonticons Variables
@import '../base/urls';   				// URLS Variables
@import '../base/utilities_variables';  // Utilities Variables


/* transform functions */
/* Block function */
@-webkit-keyframes "swinging" {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	5% {
		-webkit-transform: rotate(10deg);
		transform: rotate(10deg);
	}
	10% {
		-webkit-transform: rotate(-9deg);
		transform: rotate(-9deg);
	}
	15% {
		-webkit-transform: rotate(8deg);
		transform: rotate(8deg);
	}
	20% {
		-webkit-transform: rotate(-7deg);
		transform: rotate(-7deg);
	}
	25% {
		-webkit-transform: rotate(6deg);
		transform: rotate(6deg);
	}
	30% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
	35% {
		-webkit-transform: rotate(4deg);
		transform: rotate(4deg);
	}
	40% {
		-webkit-transform: rotate(-3deg);
		transform: rotate(-3deg);
	}
	45% {
		-webkit-transform: rotate(2deg);
		transform: rotate(2deg);
	}
	50% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}
@keyframes "swinging" {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	5% {
		-webkit-transform: rotate(10deg);
		transform: rotate(10deg);
	}
	10% {
		-webkit-transform: rotate(-9deg);
		transform: rotate(-9deg);
	}
	15% {
		-webkit-transform: rotate(8deg);
		transform: rotate(8deg);
	}
	20% {
		-webkit-transform: rotate(-7deg);
		transform: rotate(-7deg);
	}
	25% {
		-webkit-transform: rotate(6deg);
		transform: rotate(6deg);
	}
	30% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
	35% {
		-webkit-transform: rotate(4deg);
		transform: rotate(4deg);
	}
	40% {
		-webkit-transform: rotate(-3deg);
		transform: rotate(-3deg);
	}
	45% {
		-webkit-transform: rotate(2deg);
		transform: rotate(2deg);
	}
	50% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}
@-webkit-keyframes "scaleout" {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
	}
}
@keyframes "scaleout" {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
	}
}
@-webkit-keyframes "cubemove" {
	25% {
		-webkit-transform: translateX(10px) rotate(-90deg);
		transform: translateX(10px) rotate(-90deg);
	}
	50% {
		-webkit-transform: translateX(10px) translateY(10px) rotate(-179deg);
		transform: translateX(10px) translateY(10px) rotate(-179deg);
	}
	50.1% {
		-webkit-transform: translateX(10px) translateY(10px) rotate(-180deg);
		transform: translateX(10px) translateY(10px) rotate(-180deg);
	}
	75% {
		-webkit-transform: translateX(0px) translateY(10px) rotate(-270deg);
		transform: translateX(0px) translateY(10px) rotate(-270deg);
	}
	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}
@keyframes "cubemove" {
	25% {
		-webkit-transform: translateX(10px) rotate(-90deg);
		transform: translateX(10px) rotate(-90deg);
	}
	50% {
		-webkit-transform: translateX(10px) translateY(10px) rotate(-179deg);
		transform: translateX(10px) translateY(10px) rotate(-179deg);
	}
	50.1% {
		-webkit-transform: translateX(10px) translateY(10px) rotate(-180deg);
		transform: translateX(10px) translateY(10px) rotate(-180deg);
	}
	75% {
		-webkit-transform: translateX(0px) translateY(10px) rotate(-270deg);
		transform: translateX(0px) translateY(10px) rotate(-270deg);
	}
	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}
@-webkit-keyframes "orbit" {
	0% {
		opacity: 1;
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
		-webkit-transform: rotate(225deg);
		transform: rotate(225deg);
	}
	7% {
		-webkit-transform: rotate(345deg);
		transform: rotate(345deg);
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}
	35% {
		-webkit-transform: rotate(495deg);
		transform: rotate(495deg);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}
	42% {
		-webkit-transform: rotate(690deg);
		transform: rotate(690deg);
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}
	70% {
		opacity: 1;
		-webkit-transform: rotate(835deg);
		transform: rotate(835deg);
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}
	76% {
		opacity: 1;
	}
	77% {
		-webkit-transform: rotate(955deg);
		transform: rotate(955deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
	78% {
		-webkit-transform: rotate(955deg);
		transform: rotate(955deg);
		opacity: 0;
	}
	100% {
		-webkit-transform: rotate(955deg);
		transform: rotate(955deg);
		opacity: 0;
	}
}
@keyframes "orbit" {
	0% {
		opacity: 1;
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
		-webkit-transform: rotate(225deg);
		transform: rotate(225deg);
	}
	7% {
		-webkit-transform: rotate(345deg);
		transform: rotate(345deg);
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}
	35% {
		-webkit-transform: rotate(495deg);
		transform: rotate(495deg);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}
	42% {
		-webkit-transform: rotate(690deg);
		transform: rotate(690deg);
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}
	70% {
		opacity: 1;
		-webkit-transform: rotate(835deg);
		transform: rotate(835deg);
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}
	76% {
		opacity: 1;
	}
	77% {
		-webkit-transform: rotate(955deg);
		transform: rotate(955deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
	78% {
		-webkit-transform: rotate(955deg);
		transform: rotate(955deg);
		opacity: 0;
	}
	100% {
		-webkit-transform: rotate(955deg);
		transform: rotate(955deg);
		opacity: 0;
	}
}
@-webkit-keyframes "metro-slide" {
	0% {
		left: -50%;
	}
	100% {
		left: 150%;
	}
}
@keyframes "metro-slide" {
	0% {
		left: -50%;
	}
	100% {
		left: 150%;
	}
}
@-webkit-keyframes "metro-opacity" {
	0% {
		opacity: 0;
	}
	50% {
		opacity: .5;
	}
	100% {
		opacity: 1;
	}
}
@keyframes "metro-opacity" {
	0% {
		opacity: 0;
	}
	50% {
		opacity: .5;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes "ani-spin" {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@keyframes "ani-spin" {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@-webkit-keyframes "ani-pulse" {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@keyframes "ani-pulse" {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@-webkit-keyframes "ani-wrench" {
	0% {
		-webkit-transform: rotate(-12deg);
		transform: rotate(-12deg);
	}
	8% {
		-webkit-transform: rotate(12deg);
		transform: rotate(12deg);
	}
	10% {
		-webkit-transform: rotate(24deg);
		transform: rotate(24deg);
	}
	18% {
		-webkit-transform: rotate(-24deg);
		transform: rotate(-24deg);
	}
	20% {
		-webkit-transform: rotate(-24deg);
		transform: rotate(-24deg);
	}
	28% {
		-webkit-transform: rotate(24deg);
		transform: rotate(24deg);
	}
	30% {
		-webkit-transform: rotate(24deg);
		transform: rotate(24deg);
	}
	38% {
		-webkit-transform: rotate(-24deg);
		transform: rotate(-24deg);
	}
	40% {
		-webkit-transform: rotate(-24deg);
		transform: rotate(-24deg);
	}
	48% {
		-webkit-transform: rotate(24deg);
		transform: rotate(24deg);
	}
	50% {
		-webkit-transform: rotate(24deg);
		transform: rotate(24deg);
	}
	58% {
		-webkit-transform: rotate(-24deg);
		transform: rotate(-24deg);
	}
	60% {
		-webkit-transform: rotate(-24deg);
		transform: rotate(-24deg);
	}
	68% {
		-webkit-transform: rotate(24deg);
		transform: rotate(24deg);
	}
	75% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}
@keyframes "ani-wrench" {
	0% {
		-webkit-transform: rotate(-12deg);
		transform: rotate(-12deg);
	}
	8% {
		-webkit-transform: rotate(12deg);
		transform: rotate(12deg);
	}
	10% {
		-webkit-transform: rotate(24deg);
		transform: rotate(24deg);
	}
	18% {
		-webkit-transform: rotate(-24deg);
		transform: rotate(-24deg);
	}
	20% {
		-webkit-transform: rotate(-24deg);
		transform: rotate(-24deg);
	}
	28% {
		-webkit-transform: rotate(24deg);
		transform: rotate(24deg);
	}
	30% {
		-webkit-transform: rotate(24deg);
		transform: rotate(24deg);
	}
	38% {
		-webkit-transform: rotate(-24deg);
		transform: rotate(-24deg);
	}
	40% {
		-webkit-transform: rotate(-24deg);
		transform: rotate(-24deg);
	}
	48% {
		-webkit-transform: rotate(24deg);
		transform: rotate(24deg);
	}
	50% {
		-webkit-transform: rotate(24deg);
		transform: rotate(24deg);
	}
	58% {
		-webkit-transform: rotate(-24deg);
		transform: rotate(-24deg);
	}
	60% {
		-webkit-transform: rotate(-24deg);
		transform: rotate(-24deg);
	}
	68% {
		-webkit-transform: rotate(24deg);
		transform: rotate(24deg);
	}
	75% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}
@-webkit-keyframes "ani-ring" {
	0% {
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg);
	}
	2% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}
	4% {
		-webkit-transform: rotate(-18deg);
		transform: rotate(-18deg);
	}
	6% {
		-webkit-transform: rotate(18deg);
		transform: rotate(18deg);
	}
	8% {
		-webkit-transform: rotate(-22deg);
		transform: rotate(-22deg);
	}
	10% {
		-webkit-transform: rotate(22deg);
		transform: rotate(22deg);
	}
	12% {
		-webkit-transform: rotate(-18deg);
		transform: rotate(-18deg);
	}
	14% {
		-webkit-transform: rotate(18deg);
		transform: rotate(18deg);
	}
	16% {
		-webkit-transform: rotate(-12deg);
		transform: rotate(-12deg);
	}
	18% {
		-webkit-transform: rotate(12deg);
		transform: rotate(12deg);
	}
	20% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}
@keyframes "ani-ring" {
	0% {
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg);
	}
	2% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}
	4% {
		-webkit-transform: rotate(-18deg);
		transform: rotate(-18deg);
	}
	6% {
		-webkit-transform: rotate(18deg);
		transform: rotate(18deg);
	}
	8% {
		-webkit-transform: rotate(-22deg);
		transform: rotate(-22deg);
	}
	10% {
		-webkit-transform: rotate(22deg);
		transform: rotate(22deg);
	}
	12% {
		-webkit-transform: rotate(-18deg);
		transform: rotate(-18deg);
	}
	14% {
		-webkit-transform: rotate(18deg);
		transform: rotate(18deg);
	}
	16% {
		-webkit-transform: rotate(-12deg);
		transform: rotate(-12deg);
	}
	18% {
		-webkit-transform: rotate(12deg);
		transform: rotate(12deg);
	}
	20% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}
@-webkit-keyframes "ani-vertical" {
	0% {
		-webkit-transform: translate(0, -3px);
		transform: translate(0, -3px);
	}
	4% {
		-webkit-transform: translate(0, 3px);
		transform: translate(0, 3px);
	}
	8% {
		-webkit-transform: translate(0, -3px);
		transform: translate(0, -3px);
	}
	12% {
		-webkit-transform: translate(0, 3px);
		transform: translate(0, 3px);
	}
	16% {
		-webkit-transform: translate(0, -3px);
		transform: translate(0, -3px);
	}
	20% {
		-webkit-transform: translate(0, 3px);
		transform: translate(0, 3px);
	}
	22% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
@keyframes "ani-vertical" {
	0% {
		-webkit-transform: translate(0, -3px);
		transform: translate(0, -3px);
	}
	4% {
		-webkit-transform: translate(0, 3px);
		transform: translate(0, 3px);
	}
	8% {
		-webkit-transform: translate(0, -3px);
		transform: translate(0, -3px);
	}
	12% {
		-webkit-transform: translate(0, 3px);
		transform: translate(0, 3px);
	}
	16% {
		-webkit-transform: translate(0, -3px);
		transform: translate(0, -3px);
	}
	20% {
		-webkit-transform: translate(0, 3px);
		transform: translate(0, 3px);
	}
	22% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
@-webkit-keyframes "ani-horizontal" {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	6% {
		-webkit-transform: translate(5px, 0);
		transform: translate(5px, 0);
	}
	12% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	18% {
		-webkit-transform: translate(5px, 0);
		transform: translate(5px, 0);
	}
	24% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	30% {
		-webkit-transform: translate(5px, 0);
		transform: translate(5px, 0);
	}
	36% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
@keyframes "ani-horizontal" {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	6% {
		-webkit-transform: translate(5px, 0);
		transform: translate(5px, 0);
	}
	12% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	18% {
		-webkit-transform: translate(5px, 0);
		transform: translate(5px, 0);
	}
	24% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	30% {
		-webkit-transform: translate(5px, 0);
		transform: translate(5px, 0);
	}
	36% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
@-webkit-keyframes "ani-flash" {
	0%,100%,50% {
		opacity: 1;
	}
	25%,75% {
		opacity: 0;
	}
}
@keyframes "ani-flash" {
	0%,100%,50% {
		opacity: 1;
	}
	25%,75% {
		opacity: 0;
	}
}
@-webkit-keyframes "ani-bounce" {
	0%,10%,20%,50%,80% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
	60% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}
@keyframes "ani-bounce" {
	0%,10%,20%,50%,80% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
	60% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}
@-webkit-keyframes "ani-float" {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	50% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes "ani-float" {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	50% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@-webkit-keyframes "ani-heartbeat" {
	0% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	50% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
	100% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
}
@keyframes "ani-heartbeat" {
	0% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	50% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
	100% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
}
@-webkit-keyframes "ani-shuttle" {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	10%,20% {
		-webkit-transform: scale(0.9) rotate(-8deg);
		transform: scale(0.9) rotate(-8deg);
	}
	30%,50%,70% {
		-webkit-transform: scale(1.3) rotate(8deg);
		transform: scale(1.3) rotate(8deg);
	}
	40%,60% {
		-webkit-transform: scale(1.3) rotate(-8deg);
		transform: scale(1.3) rotate(-8deg);
	}
	80% {
		-webkit-transform: scale(1) rotate(0);
		transform: scale(1) rotate(0);
	}
}
@keyframes "ani-shuttle" {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	10%,20% {
		-webkit-transform: scale(0.9) rotate(-8deg);
		transform: scale(0.9) rotate(-8deg);
	}
	30%,50%,70% {
		-webkit-transform: scale(1.3) rotate(8deg);
		transform: scale(1.3) rotate(8deg);
	}
	40%,60% {
		-webkit-transform: scale(1.3) rotate(-8deg);
		transform: scale(1.3) rotate(-8deg);
	}
	80% {
		-webkit-transform: scale(1) rotate(0);
		transform: scale(1) rotate(0);
	}
}
@-webkit-keyframes "ani-pass" {
	0% {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		opacity: 0;
	}
	50% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
}
@keyframes "ani-pass" {
	0% {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		opacity: 0;
	}
	50% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
}
@-webkit-keyframes "ani-ripple" {
	0% {
		opacity: .6;
	}
	50% {
		-webkit-transform: scale(1.8);
		transform: scale(1.8);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@keyframes "ani-ripple" {
	0% {
		opacity: .6;
	}
	50% {
		-webkit-transform: scale(1.8);
		transform: scale(1.8);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@-webkit-keyframes "ani-shrink" {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	90% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}
}
@keyframes "ani-shrink" {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	90% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}
}
@-webkit-keyframes "ani-drop" {
	0% {
		-webkit-transform: translateY(-50px);
		transform: translateY(-50px);
	}
	25% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}
	100% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}
}
@keyframes "ani-drop" {
	0% {
		-webkit-transform: translateY(-50px);
		transform: translateY(-50px);
	}
	25% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}
	100% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}
}
@-webkit-keyframes "ani-drop2" {
	0% {
		-webkit-transform: translateY(-50px);
		transform: translateY(-50px);
	}
	50% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}
	100% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}
}
@keyframes "ani-drop2" {
	0% {
		-webkit-transform: translateY(-50px);
		transform: translateY(-50px);
	}
	50% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}
	100% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}
}
@-webkit-keyframes "ani-drop3" {
	0% {
		-webkit-transform: translateY(-50px);
		transform: translateY(-50px);
	}
	75% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}
	100% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}
}
@keyframes "ani-drop3" {
	0% {
		-webkit-transform: translateY(-50px);
		transform: translateY(-50px);
	}
	75% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}
	100% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}
}
@-webkit-keyframes "ani-pre-spin" {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes "ani-pre-spin" {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-webkit-keyframes "ani-bg-stripes" {
	from {
		background-position: 40px 0;
	}
	to {
		background-position: 0 0;
	}
}
@keyframes "ani-bg-stripes" {
	from {
		background-position: 40px 0;
	}
	to {
		background-position: 0 0;
	}
}
.debug {
	border: 1px dashed #00d1c1;
}
.opacity {
	opacity: .9;
}
.half-opacity {
	opacity: .5;
}
.hi-opacity {
	opacity: .2;
}
.element-selected {
	border: 4px #4390df solid;
	&:after {
		position: $pos-abs;
		display: block;
		border-top: 40px solid #24ccda;
		border-left: 40px solid $color_none;
		right: 0;
		content: "";
		top: 0;
		z-index: 101;
	}
	&:before {
		position: $pos-abs;
		font-family: $font_family_1 !important;
		content: "\e9c1";
		right: 5px;
		top: 2px;
		z-index: 102;
		color: $white;
	}
}
.set-border {
	border: 1px #d9d9d9 solid;
}
.set-border.medium-border {
	border-width: 8px;
}
.set-border.large-border {
	border-width: 16px;
}
.fix-slow-animation {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}
[data-role="dropdown"] {
	&:not(.open) {
		display: none;
		position: $pos-abs;
		z-index: 1000;
	}
	&:not(.keep-open) {
		display: none;
		position: $pos-abs;
		z-index: 1000;
	}
}
.button {
	padding: 0 1rem;
	height: 2.125rem;
	text-align: center;
	vertical-align: $v-align-middle;
	background-color: $white;
	border: 1px #d9d9d9 solid;
	color: $color_193;
	cursor: pointer;
	display: inline-block;
	outline: none;
	margin: .15625rem;
	position: $pos-rel;
	&:hover {
		border-color: $color_213;
	}
	&:active {
		background: #eeeeee;
		color: $color_193;
		box-shadow: none;
	}
	&:focus {
		outline: 0;
	}
	&:disabled {
		background-color: $color_202;
		color: $color_192;
		cursor: default;
		border-color: $color_none;
	}
	* {
		color: inherit;
		&:hover {
			color: inherit;
		}
	}
	>[class*=mif-] {
		vertical-align: $v-align-middle;
	}
	img {
		height: .875rem;
		vertical-align: $v-align-middle;
		margin: 0;
	}
}
.button.default {
	background-color: $color_203;
	color: $white;
}
.button.disabled {
	background-color: $color_202;
	color: $color_192;
	cursor: default;
	border-color: $color_none;
}
.button.rounded {
	border-radius: .325rem;
}
.button.button-shadow {
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}
.round-button {
	padding: 0 1rem;
	height: 2.125rem;
	background-color: $white;
	border: 1px #d9d9d9 solid;
	color: $color_193;
	cursor: pointer;
	display: inline-block;
	outline: none;
	margin: .15625rem 0;
	position: $pos-rel;
	width: 2.125rem;
	min-width: 2.125rem;
	padding: 0;
	border-radius: 50%;
	text-align: center;
	text-decoration: none;
	vertical-align: $v-align-middle;
	line-height: 1;
	&:hover {
		border-color: $color_213;
	}
	&:active {
		background: #eeeeee;
		color: $color_193;
		box-shadow: none;
	}
	&:focus {
		outline: 0;
	}
	&:disabled {
		background-color: $color_202;
		color: $color_192;
		cursor: default;
		border-color: $color_none;
	}
	* {
		color: inherit;
		&:hover {
			color: inherit;
		}
	}
	>[class*=mif-] {
		vertical-align: $v-align-middle;
	}
	img {
		height: .875rem;
		vertical-align: $v-align-middle;
		margin: 0;
	}
}
.cycle-button {
	padding: 0 1rem;
	height: 2.125rem;
	background-color: $white;
	border: 1px #d9d9d9 solid;
	color: $color_193;
	cursor: pointer;
	display: inline-block;
	outline: none;
	margin: .15625rem 0;
	position: $pos-rel;
	width: 2.125rem;
	min-width: 2.125rem;
	padding: 0;
	border-radius: 50%;
	text-align: center;
	text-decoration: none;
	vertical-align: $v-align-middle;
	line-height: 1;
	&:hover {
		border-color: $color_213;
	}
	&:active {
		background: #eeeeee;
		color: $color_193;
		box-shadow: none;
	}
	&:focus {
		outline: 0;
	}
	&:disabled {
		background-color: $color_202;
		color: $color_192;
		cursor: default;
		border-color: $color_none;
	}
	* {
		color: inherit;
		&:hover {
			color: inherit;
		}
	}
	>[class*=mif-] {
		vertical-align: $v-align-middle;
	}
	img {
		height: .875rem;
		vertical-align: $v-align-middle;
		margin: 0;
	}
}
.square-button {
	padding: 0 1rem;
	height: 2.125rem;
	background-color: $white;
	border: 1px #d9d9d9 solid;
	color: $color_193;
	cursor: pointer;
	display: inline-block;
	outline: none;
	margin: .15625rem 0;
	position: $pos-rel;
	width: 2.125rem;
	min-width: 2.125rem;
	padding: 0;
	border-radius: 50%;
	text-align: center;
	text-decoration: none;
	vertical-align: $v-align-middle;
	line-height: 1;
	border-radius: 0;
	&:hover {
		border-color: $color_213;
	}
	&:active {
		background: #eeeeee;
		color: $color_193;
		box-shadow: none;
	}
	&:focus {
		outline: 0;
	}
	&:disabled {
		background-color: $color_202;
		color: $color_192;
		cursor: default;
		border-color: $color_none;
	}
	* {
		color: inherit;
		&:hover {
			color: inherit;
		}
	}
	>[class*=mif-] {
		vertical-align: $v-align-middle;
	}
	img {
		height: .875rem;
		vertical-align: $v-align-middle;
		margin: 0;
	}
}
.round-button.default {
	background-color: $color_203;
	color: $white;
}
.cycle-button.default {
	background-color: $color_203;
	color: $white;
}
.square-button.default {
	background-color: $color_203;
	color: $white;
}
.round-button.disabled {
	background-color: $color_202;
	color: $color_192;
	cursor: default;
	border-color: $color_none;
}
.cycle-button.disabled {
	background-color: $color_202;
	color: $color_192;
	cursor: default;
	border-color: $color_none;
}
.square-button.disabled {
	background-color: $color_202;
	color: $color_192;
	cursor: default;
	border-color: $color_none;
}
.round-button.rounded {
	border-radius: .325rem;
}
.cycle-button.rounded {
	border-radius: .325rem;
}
.square-button.rounded {
	border-radius: .325rem;
}
.round-button.loading-pulse {
	position: $pos-rel;
	padding: 0 1.325rem;
	&:before {
		position: $pos-abs;
		content: "";
		left: 0;
		top: 50%;
		margin-top: -10px;
		width: 20px;
		height: 20px;
		background-color: $color_43;
		border-radius: 100%;
		-webkit-animation: scaleout 1s infinite ease-in-out;
		-moz-animation: scaleout 1s infinite ease-in-out;
		-ms-animation: scaleout 1s infinite ease-in-out;
		-o-animation: scaleout 1s infinite ease-in-out;
		animation: scaleout 1s infinite ease-in-out;
	}
}
.cycle-button.loading-pulse {
	position: $pos-rel;
	padding: 0 1.325rem;
	&:before {
		position: $pos-abs;
		content: "";
		left: 0;
		top: 50%;
		margin-top: -10px;
		width: 20px;
		height: 20px;
		background-color: $color_43;
		border-radius: 100%;
		-webkit-animation: scaleout 1s infinite ease-in-out;
		-moz-animation: scaleout 1s infinite ease-in-out;
		-ms-animation: scaleout 1s infinite ease-in-out;
		-o-animation: scaleout 1s infinite ease-in-out;
		animation: scaleout 1s infinite ease-in-out;
	}
}
.square-button.loading-pulse {
	position: $pos-rel;
	padding: 0 1.325rem;
	&:before {
		position: $pos-abs;
		content: "";
		left: 0;
		top: 50%;
		margin-top: -10px;
		width: 20px;
		height: 20px;
		background-color: $color_43;
		border-radius: 100%;
		-webkit-animation: scaleout 1s infinite ease-in-out;
		-moz-animation: scaleout 1s infinite ease-in-out;
		-ms-animation: scaleout 1s infinite ease-in-out;
		-o-animation: scaleout 1s infinite ease-in-out;
		animation: scaleout 1s infinite ease-in-out;
	}
}
.round-button.loading-pulse.lighten {
	&:before {
		background-color: $white;
	}
}
.cycle-button.loading-pulse.lighten {
	&:before {
		background-color: $white;
	}
}
.square-button.loading-pulse.lighten {
	&:before {
		background-color: $white;
	}
}
.round-button.loading-cube {
	position: $pos-rel;
	padding: 0 1.325rem;
	&:before {
		content: "";
		background-color: $color_43;
		width: 5px;
		height: 5px;
		position: $pos-abs;
		top: 50%;
		left: 3px;
		margin-top: -8px;
		-webkit-animation: cubemove 1.8s infinite ease-in-out;
		-moz-animation: cubemove 1.8s infinite ease-in-out;
		-ms-animation: cubemove 1.8s infinite ease-in-out;
		-o-animation: cubemove 1.8s infinite ease-in-out;
		animation: cubemove 1.8s infinite ease-in-out;
	}
	&:after {
		content: "";
		background-color: $color_43;
		width: 5px;
		height: 5px;
		position: $pos-abs;
		top: 50%;
		left: 3px;
		margin-top: -8px;
		-webkit-animation: cubemove 1.8s infinite ease-in-out;
		-moz-animation: cubemove 1.8s infinite ease-in-out;
		-ms-animation: cubemove 1.8s infinite ease-in-out;
		-o-animation: cubemove 1.8s infinite ease-in-out;
		animation: cubemove 1.8s infinite ease-in-out;
		-webkit-animation-delay: -0.9s;
		-moz-animation-delay: -0.9s;
		-ms-animation-delay: -0.9s;
		-o-animation-delay: -0.9s;
		animation-delay: -0.9s;
	}
}
.cycle-button.loading-cube {
	position: $pos-rel;
	padding: 0 1.325rem;
	&:before {
		content: "";
		background-color: $color_43;
		width: 5px;
		height: 5px;
		position: $pos-abs;
		top: 50%;
		left: 3px;
		margin-top: -8px;
		-webkit-animation: cubemove 1.8s infinite ease-in-out;
		-moz-animation: cubemove 1.8s infinite ease-in-out;
		-ms-animation: cubemove 1.8s infinite ease-in-out;
		-o-animation: cubemove 1.8s infinite ease-in-out;
		animation: cubemove 1.8s infinite ease-in-out;
	}
	&:after {
		content: "";
		background-color: $color_43;
		width: 5px;
		height: 5px;
		position: $pos-abs;
		top: 50%;
		left: 3px;
		margin-top: -8px;
		-webkit-animation: cubemove 1.8s infinite ease-in-out;
		-moz-animation: cubemove 1.8s infinite ease-in-out;
		-ms-animation: cubemove 1.8s infinite ease-in-out;
		-o-animation: cubemove 1.8s infinite ease-in-out;
		animation: cubemove 1.8s infinite ease-in-out;
		-webkit-animation-delay: -0.9s;
		-moz-animation-delay: -0.9s;
		-ms-animation-delay: -0.9s;
		-o-animation-delay: -0.9s;
		animation-delay: -0.9s;
	}
}
.square-button.loading-cube {
	position: $pos-rel;
	padding: 0 1.325rem;
	&:before {
		content: "";
		background-color: $color_43;
		width: 5px;
		height: 5px;
		position: $pos-abs;
		top: 50%;
		left: 3px;
		margin-top: -8px;
		-webkit-animation: cubemove 1.8s infinite ease-in-out;
		-moz-animation: cubemove 1.8s infinite ease-in-out;
		-ms-animation: cubemove 1.8s infinite ease-in-out;
		-o-animation: cubemove 1.8s infinite ease-in-out;
		animation: cubemove 1.8s infinite ease-in-out;
	}
	&:after {
		content: "";
		background-color: $color_43;
		width: 5px;
		height: 5px;
		position: $pos-abs;
		top: 50%;
		left: 3px;
		margin-top: -8px;
		-webkit-animation: cubemove 1.8s infinite ease-in-out;
		-moz-animation: cubemove 1.8s infinite ease-in-out;
		-ms-animation: cubemove 1.8s infinite ease-in-out;
		-o-animation: cubemove 1.8s infinite ease-in-out;
		animation: cubemove 1.8s infinite ease-in-out;
		-webkit-animation-delay: -0.9s;
		-moz-animation-delay: -0.9s;
		-ms-animation-delay: -0.9s;
		-o-animation-delay: -0.9s;
		animation-delay: -0.9s;
	}
}
.round-button.loading-cube.lighten {
	&:before {
		background-color: $white;
	}
	&:after {
		background-color: $white;
	}
}
.cycle-button.loading-cube.lighten {
	&:before {
		background-color: $white;
	}
	&:after {
		background-color: $white;
	}
}
.square-button.loading-cube.lighten {
	&:before {
		background-color: $white;
	}
	&:after {
		background-color: $white;
	}
}
.round-button.dropdown-toggle {
	padding-right: 1.625rem;
}
.cycle-button.dropdown-toggle {
	padding-right: 1.625rem;
}
.square-button.dropdown-toggle {
	padding-right: 1.625rem;
}
.round-button.dropdown-toggle.drop-marker-light {
	&:before {
		background-color: $white;
	}
	&:after {
		background-color: $white;
	}
}
.cycle-button.dropdown-toggle.drop-marker-light {
	&:before {
		background-color: $white;
	}
	&:after {
		background-color: $white;
	}
}
.square-button.dropdown-toggle.drop-marker-light {
	&:before {
		background-color: $white;
	}
	&:after {
		background-color: $white;
	}
}
.round-button.primary {
	background: #2086bf;
	color: $white;
	border-color: $color_191;
	&:active {
		background: #1b6eae;
		color: $white;
	}
}
.cycle-button.primary {
	background: #2086bf;
	color: $white;
	border-color: $color_191;
	&:active {
		background: #1b6eae;
		color: $white;
	}
}
.square-button.primary {
	background: #2086bf;
	color: $white;
	border-color: $color_191;
	&:active {
		background: #1b6eae;
		color: $white;
	}
}
.round-button.success {
	background: #60a917;
	color: $white;
	border-color: $color_185;
	&:active {
		background: #128023;
		color: $white;
	}
}
.cycle-button.success {
	background: #60a917;
	color: $white;
	border-color: $color_185;
	&:active {
		background: #128023;
		color: $white;
	}
}
.square-button.success {
	background: #60a917;
	color: $white;
	border-color: $color_185;
	&:active {
		background: #128023;
		color: $white;
	}
}
.round-button.danger {
	background: #ce352c;
	color: $white;
	border-color: $color_187;
	&:active {
		background: #9a1616;
		color: $white;
	}
}
.cycle-button.danger {
	background: #ce352c;
	color: $white;
	border-color: $color_187;
	&:active {
		background: #9a1616;
		color: $white;
	}
}
.square-button.danger {
	background: #ce352c;
	color: $white;
	border-color: $color_187;
	&:active {
		background: #9a1616;
		color: $white;
	}
}
.round-button.alert {
	background: #ce352c;
	color: $white;
	border-color: $color_187;
	&:active {
		background: #9a1616;
		color: $white;
	}
}
.cycle-button.alert {
	background: #ce352c;
	color: $white;
	border-color: $color_187;
	&:active {
		background: #9a1616;
		color: $white;
	}
}
.square-button.alert {
	background: #ce352c;
	color: $white;
	border-color: $color_187;
	&:active {
		background: #9a1616;
		color: $white;
	}
}
.round-button.info {
	background: #59cde2;
	color: $white;
	border-color: $color_199;
	&:active {
		background: #1ba1e2;
		color: $white;
	}
}
.cycle-button.info {
	background: #59cde2;
	color: $white;
	border-color: $color_199;
	&:active {
		background: #1ba1e2;
		color: $white;
	}
}
.square-button.info {
	background: #59cde2;
	color: $white;
	border-color: $color_199;
	&:active {
		background: #1ba1e2;
		color: $white;
	}
}
.round-button.warning {
	background: #fa6800;
	color: $white;
	border-color: $color_212;
	&:active {
		background: #bf5a15;
		color: $white;
	}
}
.cycle-button.warning {
	background: #fa6800;
	color: $white;
	border-color: $color_212;
	&:active {
		background: #bf5a15;
		color: $white;
	}
}
.square-button.warning {
	background: #fa6800;
	color: $white;
	border-color: $color_212;
	&:active {
		background: #bf5a15;
		color: $white;
	}
}
.round-button.link {
	background: $color_none;
	color: $color_191;
	border-color: $color_none;
	text-decoration: underline;
	&:hover {
		background: $color_none;
		color: $color_190;
		border-color: $color_none;
	}
	&:active {
		background: $color_none;
		color: $color_190;
		border-color: $color_none;
	}
}
.cycle-button.link {
	background: $color_none;
	color: $color_191;
	border-color: $color_none;
	text-decoration: underline;
	&:hover {
		background: $color_none;
		color: $color_190;
		border-color: $color_none;
	}
	&:active {
		background: $color_none;
		color: $color_190;
		border-color: $color_none;
	}
}
.square-button.link {
	background: $color_none;
	color: $color_191;
	border-color: $color_none;
	text-decoration: underline;
	&:hover {
		background: $color_none;
		color: $color_190;
		border-color: $color_none;
	}
	&:active {
		background: $color_none;
		color: $color_190;
		border-color: $color_none;
	}
}
a.button {
	color: inherit;
	padding-top: .53125rem;
	&:hover {
		text-decoration: none;
	}
}
a.round-button {
	color: inherit;
	padding-top: .53125rem;
	&:hover {
		text-decoration: none;
	}
}
a.square-button {
	color: inherit;
	padding-top: .53125rem;
	&:hover {
		text-decoration: none;
	}
}
.button.loading-pulse {
	position: $pos-rel;
	padding: 0 1.325rem;
}
.command-button {
	padding: 0 1rem;
	height: 2.125rem;
	text-align: center;
	vertical-align: $v-align-middle;
	background-color: $white;
	border: 1px #d9d9d9 solid;
	color: $color_193;
	cursor: pointer;
	display: inline-block;
	outline: none;
	font-size: .875rem;
	margin: .15625rem 0;
	position: $pos-rel;
	height: auto;
	text-align: left;
	font-size: 1.325rem;
	padding-left: 4rem;
	padding-top: 8px;
	padding-bottom: 4px;
	&:hover {
		border-color: $color_213;
	}
	&:active {
		background: #eeeeee;
		color: $color_193;
		box-shadow: none;
	}
	&:focus {
		outline: 0;
	}
	&:disabled {
		background-color: $color_202;
		color: $color_192;
		cursor: default;
		border-color: $color_none;
	}
	* {
		color: inherit;
		&:hover {
			color: inherit;
		}
	}
	>[class*=mif-] {
		vertical-align: $v-align-middle;
	}
	img {
		height: .875rem;
		vertical-align: $v-align-middle;
		margin: 0;
	}
	small {
		display: block;
		font-size: .8rem;
		line-height: 1.625rem;
		margin-top: -0.3125rem;
	}
	.icon {
		left: 1rem;
		top: 50%;
		margin-top: -1rem;
		position: $pos-abs;
		font-size: 2rem;
		height: 2rem;
		width: 2rem;
		margin-right: .625rem;
	}
}
.command-button.default {
	background-color: $color_203;
	color: $white;
}
.command-button.disabled {
	background-color: $color_202;
	color: $color_192;
	cursor: default;
	border-color: $color_none;
}
.command-button.rounded {
	border-radius: .325rem;
}
.command-button.loading-pulse {
	position: $pos-rel;
	padding: 0 1.325rem;
	&:before {
		position: $pos-abs;
		content: "";
		left: 0;
		top: 50%;
		margin-top: -10px;
		width: 20px;
		height: 20px;
		background-color: $color_43;
		border-radius: 100%;
		-webkit-animation: scaleout 1s infinite ease-in-out;
		animation: scaleout 1s infinite ease-in-out;
	}
}
.command-button.loading-pulse.lighten {
	&:before {
		background-color: $white;
	}
}
.command-button.loading-cube {
	position: $pos-rel;
	padding: 0 1.325rem;
	&:before {
		content: "";
		background-color: $color_43;
		width: 5px;
		height: 5px;
		position: $pos-abs;
		top: 50%;
		left: 3px;
		margin-top: -8px;
		-webkit-animation: cubemove 1.8s infinite ease-in-out;
		animation: cubemove 1.8s infinite ease-in-out;
	}
	&:after {
		content: "";
		background-color: $color_43;
		width: 5px;
		height: 5px;
		position: $pos-abs;
		top: 50%;
		left: 3px;
		margin-top: -8px;
		-webkit-animation: cubemove 1.8s infinite ease-in-out;
		animation: cubemove 1.8s infinite ease-in-out;
		-webkit-animation-delay: -0.9s;
		animation-delay: -0.9s;
	}
}
.command-button.loading-cube.lighten {
	&:before {
		background-color: $white;
	}
	&:after {
		background-color: $white;
	}
}
.command-button.dropdown-toggle {
	padding-right: 1.625rem;
}
.command-button.dropdown-toggle.drop-marker-light {
	&:before {
		background-color: $white;
	}
	&:after {
		background-color: $white;
	}
}
.command-button.primary {
	background: #2086bf;
	color: $white;
	border-color: $color_191;
	&:active {
		background: #1b6eae;
		color: $white;
	}
}
.command-button.success {
	background: #60a917;
	color: $white;
	border-color: $color_185;
	&:active {
		background: #128023;
		color: $white;
	}
}
.command-button.danger {
	background: #ce352c;
	color: $white;
	border-color: $color_187;
	&:active {
		background: #9a1616;
		color: $white;
	}
}
.command-button.alert {
	background: #ce352c;
	color: $white;
	border-color: $color_187;
	&:active {
		background: #9a1616;
		color: $white;
	}
}
.command-button.info {
	background: #59cde2;
	color: $white;
	border-color: $color_199;
	&:active {
		background: #1ba1e2;
		color: $white;
	}
}
.command-button.warning {
	background: #fa6800;
	color: $white;
	border-color: $color_212;
	&:active {
		background: #bf5a15;
		color: $white;
	}
}
.command-button.link {
	background: $color_none;
	color: $color_191;
	border-color: $color_none;
	text-decoration: underline;
	&:hover {
		background: $color_none;
		color: $color_190;
		border-color: $color_none;
	}
	&:active {
		background: $color_none;
		color: $color_190;
		border-color: $color_none;
	}
}
.command-button.icon-right {
	padding-left: 1rem;
	padding-right: 4rem;
	.icon {
		left: auto;
		right: 0;
	}
}
.group-of-buttons {
	.button.active {
		background-color: $color_201;
		color: $white;
	}
	.toolbar-button.active {
		background-color: $color_201;
		color: $white;
	}
	.button {
		&:active {
			background-color: $color_188;
			color: $white;
		}
	}
	.toolbar-button {
		&:active {
			background-color: $color_188;
			color: $white;
		}
	}
}
.split-button {
	display: inline-block;
	position: $pos-rel;
	vertical-align: $v-align-middle;
	&:before {
		display: table;
		content: "";
	}
	&:after {
		display: table;
		content: "";
		clear: both;
	}
	.button {
		display: block;
		float: left;
	}
	.split {
		display: block;
		float: left;
		padding: 0 1rem 0 .625rem;
		height: 2.125rem;
		text-align: center;
		vertical-align: $v-align-middle;
		background-color: $white;
		border: 1px #d9d9d9 solid;
		color: $color_193;
		cursor: pointer;
		outline: none;
		position: $pos-rel;
		margin: .15625rem 0;
		&:hover {
			background-color: $color_200;
			border-color: $color_213;
		}
	}
	.split.dropdown-toggle {
		&:before {
			transition: all 0.3s ease;
		}
	}
	.split.dropdown-toggle.active-toggle {
		&:before {
			-webkit-transform: rotate(135deg);
			transform: rotate(135deg);
			transition: all 0.3s ease;
		}
	}
	.split-content {
		position: $pos-abs;
		top: 100%;
	}
}
.dropdown-button {
	display: inline-block;
	position: $pos-rel;
	vertical-align: $v-align-middle;
	&:before {
		display: table;
		content: "";
	}
	&:after {
		display: table;
		content: "";
		clear: both;
	}
	.button {
		display: block;
		float: left;
	}
	.split {
		display: block;
		float: left;
		padding: 0 1rem 0 .625rem;
		height: 2.125rem;
		text-align: center;
		vertical-align: $v-align-middle;
		background-color: $white;
		border: 1px #d9d9d9 solid;
		color: $color_193;
		cursor: pointer;
		outline: none;
		position: $pos-rel;
		margin: .15625rem 0;
		&:hover {
			background-color: $color_200;
			border-color: $color_213;
		}
	}
	.split.dropdown-toggle {
		&:before {
			transition: all 0.3s ease;
		}
	}
	.split.dropdown-toggle.active-toggle {
		&:before {
			-webkit-transform: rotate(135deg);
			transform: rotate(135deg);
			transition: all 0.3s ease;
		}
	}
	.split-content {
		position: $pos-abs;
		top: 100%;
	}
	button.dropdown-toggle {
		&:before {
			transition: all 0.3s ease;
		}
	}
	button.dropdown-toggle.active-toggle {
		&:before {
			-webkit-transform: rotate(135deg);
			transform: rotate(135deg);
			transition: all 0.3s ease;
		}
	}
}
.split.primary {
	background: #2086bf;
	color: $white;
	border-color: $color_191;
	&:active {
		background: #1b6eae;
	}
	&:hover {
		background: #59cde2;
		border-color: $color_199;
	}
}
.split.primary.dropdown-toggle {
	&:before {
		border-color: $white;
	}
}
.split.success {
	background: #60a917;
	color: $white;
	border-color: $color_185;
	&:active {
		background: #128023;
	}
	&:hover {
		background: #7ad61d;
		border-color: $color_211;
	}
}
.split.success.dropdown-toggle {
	&:before {
		border-color: $white;
	}
}
.split.danger {
	background: #ce352c;
	color: $white;
	border-color: $color_187;
	&:active {
		background: #9a1616;
	}
	&:hover {
		background: #da5a53;
		border-color: $color_210;
	}
}
.split.danger.dropdown-toggle {
	&:before {
		border-color: $white;
	}
}
.split.info {
	background: #59cde2;
	color: $white;
	border-color: $color_199;
	&:active {
		background: #1ba1e2;
	}
	&:hover {
		background: #4390df;
		border-color: $color_209;
	}
}
.split.info.dropdown-toggle {
	&:before {
		border-color: $white;
	}
}
.split.warning {
	background: #fa6800;
	color: $white;
	border-color: $color_212;
	&:active {
		background: #bf5a15;
	}
	&:hover {
		background: #ffc194;
		border-color: $color_208;
	}
}
.split.warning.dropdown-toggle {
	&:before {
		border-color: $white;
	}
}
.mini-button {
	line-height: 100%;
	font-size: .6rem;
	padding: .2rem .625rem;
	height: 1.4rem;
	line-height: 1.4rem;
}
.small-button {
	line-height: 100%;
	font-size: .7rem;
	padding: 0 .625rem;
	height: 1.7rem;
	line-height: 1.7rem;
}
.large-button {
	line-height: 100%;
	height: 2.55rem;
	font-size: 1.05rem;
	line-height: 2.55rem;
}
.big-button {
	line-height: 100%;
	line-height: 3.125rem;
	height: 3.125rem;
	font-size: 1.2rem;
}
.round-button.mini-button {
	width: 1.4rem;
	height: 1.4rem;
	font-size: .6rem;
	padding: 0;
	min-width: 0;
}
.cycle-button.mini-button {
	width: 1.4rem;
	height: 1.4rem;
	font-size: .6rem;
	padding: 0;
	min-width: 0;
}
.square-button.mini-button {
	width: 1.4rem;
	height: 1.4rem;
	font-size: .6rem;
	padding: 0;
	min-width: 0;
}
.round-button.small-button {
	width: 1.7rem;
	height: 1.7rem;
	font-size: .7rem;
	padding: 0;
	min-width: 0;
}
.cycle-button.small-button {
	width: 1.7rem;
	height: 1.7rem;
	font-size: .7rem;
	padding: 0;
	min-width: 0;
}
.square-button.small-button {
	width: 1.7rem;
	height: 1.7rem;
	font-size: .7rem;
	padding: 0;
	min-width: 0;
}
.round-button.large-button {
	font-size: 1.05rem;
	line-height: 1;
	width: 2.55rem;
	height: 2.55rem;
}
.cycle-button.large-button {
	font-size: 1.05rem;
	line-height: 1;
	width: 2.55rem;
	height: 2.55rem;
}
.square-button.large-button {
	font-size: 1.05rem;
	line-height: 1;
	width: 2.55rem;
	height: 2.55rem;
}
.round-button.big-button {
	font-size: 1.2rem;
	width: 3.125rem;
	height: 3.125rem;
}
.cycle-button.big-button {
	font-size: 1.2rem;
	width: 3.125rem;
	height: 3.125rem;
}
.square-button.big-button {
	font-size: 1.2rem;
	width: 3.125rem;
	height: 3.125rem;
}
.button.primary {
	background: #4073FF;
	color: $white;
	border-color: $color_3;
	&:active {
		background: #4073FF;
		color: $white;
	}
}
.button.success {
	background: #1ad271;
	color: $white;
	border-color: $color_207;
	&:active {
		background: #1ad271;
		color: $white;
	}
}
.button.danger {
	background: #ec2330;
	color: $white;
	border-color: $color_125;
	&:active {
		background: #ec2330;
		color: $white;
	}
}
.button.alert {
	background: #ec2330;
	color: $white;
	border-color: $color_125;
	&:active {
		background: #ec2330;
		color: $white;
	}
}
.button.info {
	background: #26b0ff;
	color: $white;
	border-color: $color_206;
	&:active {
		background: #26b0ff;
		color: $white;
	}
}
.button.warning {
	background: #ffbb44;
	color: $white;
	border-color: $color_88;
	&:active {
		background: #f28b21;
		color: $white;
	}
}
.button.link {
	background: $color_none;
	color: $color_191;
	border-color: $color_none;
	text-decoration: underline;
	&:hover {
		background: $color_none;
		color: $color_190;
		border-color: $color_none;
	}
	&:active {
		background: $color_none;
		color: $color_190;
		border-color: $color_none;
	}
}
span.button {
	padding-top: .53125rem;
}
div.button {
	padding-top: .53125rem;
}
span.round-button {
	padding-top: .53125rem;
}
div.round-button {
	padding-top: .53125rem;
}
a.cycle-button {
	padding-top: .53125rem;
}
span.cycle-button {
	padding-top: .53125rem;
}
div.cycle-button {
	padding-top: .53125rem;
}
span.square-button {
	padding-top: .53125rem;
}
div.square-button {
	padding-top: .53125rem;
}
a.button.big-button {
	padding-top: .78125rem;
}
span.button.big-button {
	padding-top: .78125rem;
}
div.button.big-button {
	padding-top: .78125rem;
}
a.round-button.big-button {
	padding-top: .78125rem;
}
span.round-button.big-button {
	padding-top: .78125rem;
}
div.round-button.big-button {
	padding-top: .78125rem;
}
a.cycle-button.big-button {
	padding-top: .78125rem;
}
span.cycle-button.big-button {
	padding-top: .78125rem;
}
div.cycle-button.big-button {
	padding-top: .78125rem;
}
a.square-button.big-button {
	padding-top: .78125rem;
}
span.square-button.big-button {
	padding-top: .78125rem;
}
div.square-button.big-button {
	padding-top: .78125rem;
}
.shortcut-button[data-hotkey] {
	&::after {
		position: $pos-abs;
		content: attr(data-hotkey);
		font-size: .625rem;
		bottom: 0;
		right: 0;
		color: $color_189;
	}
}
.shortcut-button[data-hotkey].no-hotkey-display {
	&::after {
		display: none;
	}
}
.toolbar {
	position: $pos-rel;
	&:before {
		display: table;
		content: "";
	}
	&:after {
		display: table;
		content: "";
		clear: both;
	}
	.toolbar-button {
		padding: 0 1rem;
		height: 2.125rem;
		background-color: $white;
		border: 1px #d9d9d9 solid;
		color: $color_193;
		cursor: pointer;
		display: inline-block;
		outline: none;
		margin: .15625rem 0;
		position: $pos-rel;
		width: 2.125rem;
		min-width: 2.125rem;
		padding: 0;
		border-radius: 50%;
		text-align: center;
		text-decoration: none;
		vertical-align: $v-align-middle;
		line-height: 1;
		border-radius: 0;
		line-height: 2.125rem;
		margin: 0;
		&:hover {
			border-color: $color_213;
		}
		&:active {
			background: #eeeeee;
			color: $color_193;
			box-shadow: none;
		}
		&:focus {
			outline: 0;
		}
		&:disabled {
			background-color: $color_202;
			color: $color_192;
			cursor: default;
			border-color: $color_none;
		}
		* {
			color: inherit;
			&:hover {
				color: inherit;
			}
		}
		>[class*=mif-] {
			vertical-align: $v-align-middle;
		}
		img {
			height: .875rem;
			vertical-align: $v-align-middle;
			margin: 0;
		}
	}
	.toolbar-button.default {
		background-color: $color_203;
		color: $white;
	}
	.toolbar-button.disabled {
		background-color: $color_202;
		color: $color_192;
		cursor: default;
		border-color: $color_none;
	}
	.toolbar-button.rounded {
		border-radius: .325rem;
	}
	.toolbar-button.loading-pulse {
		position: $pos-rel;
		padding: 0 1.325rem;
		&:before {
			position: $pos-abs;
			content: "";
			left: 0;
			top: 50%;
			margin-top: -10px;
			width: 20px;
			height: 20px;
			background-color: $color_43;
			border-radius: 100%;
			-webkit-animation: scaleout 1s infinite ease-in-out;
			animation: scaleout 1s infinite ease-in-out;
		}
	}
	.toolbar-button.loading-pulse.lighten {
		&:before {
			background-color: $white;
		}
	}
	.toolbar-button.loading-cube {
		position: $pos-rel;
		padding: 0 1.325rem;
		&:before {
			content: "";
			background-color: $color_43;
			width: 5px;
			height: 5px;
			position: $pos-abs;
			top: 50%;
			left: 3px;
			margin-top: -8px;
			-webkit-animation: cubemove 1.8s infinite ease-in-out;
			animation: cubemove 1.8s infinite ease-in-out;
		}
		&:after {
			content: "";
			background-color: $color_43;
			width: 5px;
			height: 5px;
			position: $pos-abs;
			top: 50%;
			left: 3px;
			margin-top: -8px;
			-webkit-animation: cubemove 1.8s infinite ease-in-out;
			animation: cubemove 1.8s infinite ease-in-out;
			-webkit-animation-delay: -0.9s;
			animation-delay: -0.9s;
		}
	}
	.toolbar-button.loading-cube.lighten {
		&:before {
			background-color: $white;
		}
		&:after {
			background-color: $white;
		}
	}
	.toolbar-button.dropdown-toggle {
		padding-right: 1.625rem;
	}
	.toolbar-button.dropdown-toggle.drop-marker-light {
		&:before {
			background-color: $white;
		}
		&:after {
			background-color: $white;
		}
	}
	.toolbar-button.primary {
		background: #2086bf;
		color: $white;
		border-color: $color_191;
		&:active {
			background: #1b6eae;
			color: $white;
		}
	}
	.toolbar-button.success {
		background: #60a917;
		color: $white;
		border-color: $color_185;
		&:active {
			background: #128023;
			color: $white;
		}
	}
	.toolbar-button.danger {
		background: #ce352c;
		color: $white;
		border-color: $color_187;
		&:active {
			background: #9a1616;
			color: $white;
		}
	}
	.toolbar-button.alert {
		background: #ce352c;
		color: $white;
		border-color: $color_187;
		&:active {
			background: #9a1616;
			color: $white;
		}
	}
	.toolbar-button.info {
		background: #59cde2;
		color: $white;
		border-color: $color_199;
		&:active {
			background: #1ba1e2;
			color: $white;
		}
	}
	.toolbar-button.warning {
		background: #fa6800;
		color: $white;
		border-color: $color_212;
		&:active {
			background: #bf5a15;
			color: $white;
		}
	}
	.toolbar-button.link {
		background: $color_none;
		color: $color_191;
		border-color: $color_none;
		text-decoration: underline;
		&:hover {
			background: $color_none;
			color: $color_190;
			border-color: $color_none;
		}
		&:active {
			background: $color_none;
			color: $color_190;
			border-color: $color_none;
		}
	}
	.toolbar-button.mini-button {
		width: 1.4rem;
		height: 1.4rem;
		font-size: .6rem;
		padding: 0;
		min-width: 0;
	}
	.toolbar-button.small-button {
		width: 1.7rem;
		height: 1.7rem;
		font-size: .7rem;
		padding: 0;
		min-width: 0;
	}
	.toolbar-button.large-button {
		font-size: 1.05rem;
		line-height: 1;
		width: 2.55rem;
		height: 2.55rem;
	}
	.toolbar-button.big-button {
		font-size: 1.2rem;
		width: 3.125rem;
		height: 3.125rem;
	}
}
.toolbar-section {
	position: $pos-rel;
	padding-left: .5725rem;
	margin: .125rem;
	float: left;
	width: auto;
	display: inline-block;
	&:before {
		position: $pos-abs;
		content: "";
		width: .325rem;
		height: 100%;
		left: 0;
		background-color: $color_200;
		cursor: move;
	}
}
.toolbar-section.no-divider {
	&:before {
		display: none;
	}
}
.toolbar-group {
	display: inline-block;
}
.toolbar-group.condensed {
	&:before {
		display: table;
		content: "";
	}
	&:after {
		display: table;
		content: "";
		clear: both;
	}
	.button {
		display: block;
		float: left;
	}
	.toolbar-button {
		display: block;
		float: left;
	}
}
.toolbar-section.condensed {
	&:before {
		display: table;
		content: "";
	}
	&:after {
		display: table;
		content: "";
		clear: both;
	}
	.button {
		display: block;
		float: left;
	}
	.toolbar-button {
		display: block;
		float: left;
	}
}
.toolbar-group-check {
	.toolbar-button.checked {
		background-color: $color_199;
		color: $white;
		border-color: $color_199;
	}
}
.toolbar-group-radio {
	.toolbar-button.checked {
		background-color: $color_199;
		color: $white;
		border-color: $color_199;
	}
}
.toolbar.rounded {
	>.toolbar-button {
		border-radius: .3125rem;
	}
	>.toolbar-section {
		.toolbar-button {
			border-radius: .3125rem;
		}
	}
	.toolbar-section {
		&:before {
			border-radius: .3125rem;
		}
	}
}
.v-toolbar {
	position: $pos-rel;
	float: left;
	&:before {
		display: table;
		content: "";
	}
	&:after {
		display: table;
		content: "";
		clear: both;
	}
	.toolbar-button {
		padding: 0 1rem;
		height: 2.125rem;
		background-color: $white;
		border: 1px #d9d9d9 solid;
		color: $color_193;
		cursor: pointer;
		display: inline-block;
		outline: none;
		font-size: .875rem;
		margin: .15625rem 0;
		position: $pos-rel;
		width: 2.125rem;
		min-width: 2.125rem;
		padding: 0;
		border-radius: 50%;
		text-align: center;
		text-decoration: none;
		vertical-align: $v-align-middle;
		line-height: 1;
		border-radius: 0;
		line-height: 2.125rem;
		margin: 0;
		display: block;
		margin-bottom: .25rem;
		&:hover {
			border-color: $color_213;
		}
		&:active {
			background: #eeeeee;
			color: $color_193;
			box-shadow: none;
		}
		&:focus {
			outline: 0;
		}
		&:disabled {
			background-color: $color_202;
			color: $color_192;
			cursor: default;
			border-color: $color_none;
		}
		* {
			color: inherit;
			&:hover {
				color: inherit;
			}
		}
		>[class*=mif-] {
			vertical-align: $v-align-middle;
		}
		img {
			height: .875rem;
			vertical-align: $v-align-middle;
			margin: 0;
		}
	}
	.toolbar-button.default {
		background-color: $color_203;
		color: $white;
	}
	.toolbar-button.disabled {
		background-color: $color_202;
		color: $color_192;
		cursor: default;
		border-color: $color_none;
	}
	.toolbar-button.rounded {
		border-radius: .325rem;
	}
	.toolbar-button.loading-pulse {
		position: $pos-rel;
		padding: 0 1.325rem;
		&:before {
			position: $pos-abs;
			content: "";
			left: 0;
			top: 50%;
			margin-top: -10px;
			width: 20px;
			height: 20px;
			background-color: $color_43;
			border-radius: 100%;
			-webkit-animation: scaleout 1s infinite ease-in-out;
			animation: scaleout 1s infinite ease-in-out;
		}
	}
	.toolbar-button.loading-pulse.lighten {
		&:before {
			background-color: $white;
		}
	}
	.toolbar-button.loading-cube {
		position: $pos-rel;
		padding: 0 1.325rem;
		&:before {
			content: "";
			background-color: $color_43;
			width: 5px;
			height: 5px;
			position: $pos-abs;
			top: 50%;
			left: 3px;
			margin-top: -8px;
			-webkit-animation: cubemove 1.8s infinite ease-in-out;
			animation: cubemove 1.8s infinite ease-in-out;
		}
		&:after {
			content: "";
			background-color: $color_43;
			width: 5px;
			height: 5px;
			position: $pos-abs;
			top: 50%;
			left: 3px;
			margin-top: -8px;
			-webkit-animation: cubemove 1.8s infinite ease-in-out;
			animation: cubemove 1.8s infinite ease-in-out;
			-webkit-animation-delay: -0.9s;
			animation-delay: -0.9s;
		}
	}
	.toolbar-button.loading-cube.lighten {
		&:before {
			background-color: $white;
		}
		&:after {
			background-color: $white;
		}
	}
	.toolbar-button.dropdown-toggle {
		padding-right: 1.625rem;
	}
	.toolbar-button.dropdown-toggle.drop-marker-light {
		&:before {
			background-color: $white;
		}
		&:after {
			background-color: $white;
		}
	}
	.toolbar-button.primary {
		background: #2086bf;
		color: $white;
		border-color: $color_191;
		&:active {
			background: #1b6eae;
			color: $white;
		}
	}
	.toolbar-button.success {
		background: #60a917;
		color: $white;
		border-color: $color_185;
		&:active {
			background: #128023;
			color: $white;
		}
	}
	.toolbar-button.danger {
		background: #ce352c;
		color: $white;
		border-color: $color_187;
		&:active {
			background: #9a1616;
			color: $white;
		}
	}
	.toolbar-button.alert {
		background: #ce352c;
		color: $white;
		border-color: $color_187;
		&:active {
			background: #9a1616;
			color: $white;
		}
	}
	.toolbar-button.info {
		background: #59cde2;
		color: $white;
		border-color: $color_199;
		&:active {
			background: #1ba1e2;
			color: $white;
		}
	}
	.toolbar-button.warning {
		background: #fa6800;
		color: $white;
		border-color: $color_212;
		&:active {
			background: #bf5a15;
			color: $white;
		}
	}
	.toolbar-button.link {
		background: $color_none;
		color: $color_191;
		border-color: $color_none;
		text-decoration: underline;
		&:hover {
			background: $color_none;
			color: $color_190;
			border-color: $color_none;
		}
		&:active {
			background: $color_none;
			color: $color_190;
			border-color: $color_none;
		}
	}
	.toolbar-button.mini-button {
		width: 1.4rem;
		height: 1.4rem;
		font-size: .6rem;
		padding: 0;
		min-width: 0;
	}
	.toolbar-button.small-button {
		width: 1.7rem;
		height: 1.7rem;
		font-size: .7rem;
		padding: 0;
		min-width: 0;
	}
	.toolbar-button.large-button {
		font-size: 1.05rem;
		line-height: 1;
		width: 2.55rem;
		height: 2.55rem;
	}
	.toolbar-button.big-button {
		font-size: 1.2rem;
		width: 3.125rem;
		height: 3.125rem;
	}
	.toolbar-section {
		padding-left: 0;
		padding-top: .5725rem;
		&:before {
			width: 100%;
			top: 0;
			height: .325rem;
		}
	}
}
.v-toolbar.rounded {
	>.toolbar-button {
		border-radius: .3125rem;
	}
	>.toolbar-section {
		.toolbar-button {
			border-radius: .3125rem;
		}
	}
	.toolbar-section {
		&:before {
			border-radius: .3125rem;
		}
	}
}
.v-toolbar.no-divider {
	.toolbar-section {
		&:before {
			display: none;
		}
	}
}
.input-control {
	display: inline-block;
	min-height: 2.125rem;
	height: 2.125rem;
	position: $pos-rel;
	vertical-align: $v-align-middle;
	margin: .325rem 0;
	line-height: 1;
	input {
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		position: $pos-rel;
		border: 1px #d9d9d9 solid;
		width: 100%;
		height: 100%;
		padding: .3125rem;
		z-index: 0;
		&:focus {
			outline: none;
			border-color: $color_213;
			&~.helper-button {
				visibility: visible;
			}
			&~.button-group {
				>.helper-button {
					visibility: visible;
				}
			}
		}
		&:disabled {
			background-color: $color_198;
			&~.helper-button {
				display: none;
			}
			&~.button-group {
				>.helper-button {
					display: none;
				}
			}
		}
		&:hover {
			border-color: $color_213;
		}
		&~.helper-button {
			&:active {
				visibility: visible;
			}
		}
		&~.button-group {
			>.helper-button {
				&:active {
					visibility: visible;
				}
			}
		}
	}
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		position: $pos-rel;
		border: 1px #d9d9d9 solid;
		width: 100%;
		height: 100%;
		padding: .3125rem;
		z-index: 0;
		position: $pos-rel;
		min-height: 6.25rem;
		font-family: $font_family_2;
		&:focus {
			outline: none;
			border-color: $color_213;
		}
		&:disabled {
			background-color: $color_198;
		}
		&:hover {
			border-color: $color_213;
		}
	}
	select {
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		position: $pos-rel;
		border: 1px #d9d9d9 solid;
		width: 100%;
		height: 100%;
		padding: .3125rem;
		z-index: 0;
		&:focus {
			outline: none;
			border-color: $color_213;
		}
		&:disabled {
			background-color: $color_198;
		}
		&:hover {
			border-color: $color_213;
		}
	}
	[class*=input-state-] {
		position: $pos-abs;
		display: none;
		top: 50%;
		right: 8px;
		z-index: 3;
		font-size: 1rem;
		margin-top: -0.5rem;
	}
	.button-group {
		position: $pos-abs;
		right: 0;
		top: 0;
		margin: 0;
		padding: 0;
		z-index: 2;
		&:before {
			display: table;
			content: "";
		}
		&:after {
			display: table;
			content: "";
			clear: both;
		}
		.button {
			position: $pos-rel;
			float: left;
			margin: 0;
		}
	}
	>.helper-button {
		visibility: hidden;
		margin: 0;
		border: 0;
		height: 1.875rem;
		padding: 0 .6rem;
		z-index: 100;
		font-size: .75rem;
	}
	>.button-group {
		>.helper-button {
			visibility: hidden;
			margin: 0;
			border: 0;
			height: 1.875rem;
			padding: 0 .6rem;
			z-index: 100;
			font-size: .75rem;
		}
		>.button.helper-button {
			margin: 2px 0;
			&:last-child {
				margin-right: 2px;
			}
		}
	}
	>.button.helper-button {
		margin: 2px 2px 0;
	}
}
.input-control[data-role=select] {
	height: auto;
}
.input-control.text {
	.button {
		position: $pos-abs;
		top: 0;
		right: 0;
		z-index: 2;
		margin: 0;
	}
	>label {
		position: $pos-abs;
		left: 0;
		top: -1rem;
	}
	>.label {
		position: $pos-abs;
		left: 0;
		top: -1rem;
	}
	>input {
		&:disabled {
			&+.button {
				display: none;
			}
		}
	}
	.prepend-icon {
		width: 24px;
		height: 24px;
		font-size: 24px;
		line-height: 1;
		position: $pos-abs;
		top: 50%;
		margin-top: -12px;
		left: 4px;
		z-index: 2;
		color: $color_189;
		&~input {
			padding-left: 30px;
		}
	}
}
.input-control.select {
	.button {
		position: $pos-abs;
		top: 0;
		right: 0;
		z-index: 2;
		margin: 0;
	}
	>label {
		position: $pos-abs;
		left: 0;
		top: -1rem;
	}
	>.label {
		position: $pos-abs;
		left: 0;
		top: -1rem;
	}
	>input {
		&:disabled {
			&+.button {
				display: none;
			}
		}
	}
	.prepend-icon {
		width: 24px;
		height: 24px;
		font-size: 24px;
		line-height: 1;
		position: $pos-abs;
		top: 50%;
		margin-top: -12px;
		left: 4px;
		z-index: 2;
		color: $color_189;
		&~input {
			padding-left: 30px;
		}
	}
	position: $pos-rel;
	select {
		padding-right: 20px;
		font-size: 14px;
	}
}
.input-control.file {
	.button {
		position: $pos-abs;
		top: 0;
		right: 0;
		z-index: 2;
		margin: 0;
	}
	>label {
		position: $pos-abs;
		left: 0;
		top: -1rem;
	}
	>.label {
		position: $pos-abs;
		left: 0;
		top: -1rem;
	}
	>input {
		&:disabled {
			&+.button {
				display: none;
			}
		}
	}
	.prepend-icon {
		width: 24px;
		height: 24px;
		font-size: 24px;
		line-height: 1;
		position: $pos-abs;
		top: 50%;
		margin-top: -12px;
		left: 4px;
		z-index: 2;
		color: $color_189;
		&~input {
			padding-left: 30px;
		}
	}
	input[type=file] {
		position: $pos-abs;
		opacity: 0;
		width: 0.0625rem;
		height: 0.0625rem;
		&:disabled {
			&~input[type=text] {
				background-color: $color_198;
			}
			&~.button {
				background-color: $color_198;
			}
		}
	}
	&:hover {
		input[type=text] {
			border-color: $color_213;
		}
		button {
			border-color: $color_213;
		}
	}
}
.input-control.password {
	.button {
		position: $pos-abs;
		top: 0;
		right: 0;
		z-index: 2;
		margin: 0;
	}
	>label {
		position: $pos-abs;
		left: 0;
		top: -1rem;
	}
	>.label {
		position: $pos-abs;
		left: 0;
		top: -1rem;
	}
	>input {
		&:disabled {
			&+.button {
				display: none;
			}
		}
	}
	.prepend-icon {
		width: 24px;
		height: 24px;
		font-size: 24px;
		line-height: 1;
		position: $pos-abs;
		top: 50%;
		margin-top: -12px;
		left: 4px;
		z-index: 2;
		color: $color_189;
		&~input {
			padding-left: 30px;
		}
	}
}
.input-control.number {
	.button {
		position: $pos-abs;
		top: 0;
		right: 0;
		z-index: 2;
		margin: 0;
	}
	>label {
		position: $pos-abs;
		left: 0;
		top: -1rem;
	}
	>.label {
		position: $pos-abs;
		left: 0;
		top: -1rem;
	}
	>input {
		&:disabled {
			&+.button {
				display: none;
			}
		}
	}
	.prepend-icon {
		width: 24px;
		height: 24px;
		font-size: 24px;
		line-height: 1;
		position: $pos-abs;
		top: 50%;
		margin-top: -12px;
		left: 4px;
		z-index: 2;
		color: $color_189;
		&~input {
			padding-left: 30px;
		}
	}
}
.input-control.email {
	.button {
		position: $pos-abs;
		top: 0;
		right: 0;
		z-index: 2;
		margin: 0;
	}
	>label {
		position: $pos-abs;
		left: 0;
		top: -1rem;
	}
	>.label {
		position: $pos-abs;
		left: 0;
		top: -1rem;
	}
	>input {
		&:disabled {
			&+.button {
				display: none;
			}
		}
	}
	.prepend-icon {
		width: 24px;
		height: 24px;
		font-size: 24px;
		line-height: 1;
		position: $pos-abs;
		top: 50%;
		margin-top: -12px;
		left: 4px;
		z-index: 2;
		color: $color_189;
		&~input {
			padding-left: 30px;
		}
	}
}
.input-control.tel {
	.button {
		position: $pos-abs;
		top: 0;
		right: 0;
		z-index: 2;
		margin: 0;
	}
	>label {
		position: $pos-abs;
		left: 0;
		top: -1rem;
	}
	>.label {
		position: $pos-abs;
		left: 0;
		top: -1rem;
	}
	>input {
		&:disabled {
			&+.button {
				display: none;
			}
		}
	}
	.prepend-icon {
		width: 24px;
		height: 24px;
		font-size: 24px;
		line-height: 1;
		position: $pos-abs;
		top: 50%;
		margin-top: -12px;
		left: 4px;
		z-index: 2;
		color: $color_189;
		&~input {
			padding-left: 30px;
		}
	}
}
.input-control.textarea {
	height: auto;
}
.input-control.rounded {
	input {
		border-radius: 0.3125rem;
	}
	textarea {
		border-radius: 0.3125rem;
	}
	select {
		border-radius: 0.3125rem;
	}
}
.input-control.big-input {
	height: 4.125rem;
	input {
		font-size: 1.875rem;
		padding-left: 1.25rem;
	}
	.button {
		height: 3.25rem;
		top: 50%;
		margin-top: -1.625rem;
		right: 0.3125rem;
		font-size: 1.125rem;
		font-weight: bold;
		padding-left: 1.875rem;
		padding-right: 1.875rem;
	}
}
.input-control.required {
	input {
		border: 1px dashed #1ba1e2;
	}
	textarea {
		border: 1px dashed #1ba1e2;
	}
	select {
		border: 1px dashed #1ba1e2;
	}
	.input-state-required {
		display: block;
		color: $color_188;
	}
}
.input-control.required.neon {
	input {
		box-shadow: 0 0 25px 0 rgba(89, 205, 226, 0.7);
	}
	textarea {
		box-shadow: 0 0 25px 0 rgba(89, 205, 226, 0.7);
	}
	select {
		box-shadow: 0 0 25px 0 rgba(89, 205, 226, 0.7);
	}
}
.input-control.error {
	input {
		border: 1px solid #ce352c;
	}
	textarea {
		border: 1px solid #ce352c;
	}
	select {
		border: 1px solid #ce352c;
	}
	.input-state-error {
		display: block;
		color: $color_187;
	}
}
.input-control.error.neon {
	input {
		box-shadow: 0 0 25px 0 rgba(128, 0, 0, 0.7);
	}
	textarea {
		box-shadow: 0 0 25px 0 rgba(128, 0, 0, 0.7);
	}
	select {
		box-shadow: 0 0 25px 0 rgba(128, 0, 0, 0.7);
	}
}
.input-control.warning {
	input {
		border: 1px solid #e3c800;
	}
	textarea {
		border: 1px solid #e3c800;
	}
	select {
		border: 1px solid #e3c800;
	}
	.input-state-warning {
		display: block;
		color: $color_186;
	}
}
.input-control.warning.neon {
	input {
		box-shadow: 0 0 25px 0 rgba(255, 165, 0, 0.7);
	}
	textarea {
		box-shadow: 0 0 25px 0 rgba(255, 165, 0, 0.7);
	}
	select {
		box-shadow: 0 0 25px 0 rgba(255, 165, 0, 0.7);
	}
}
.input-control.success {
	input {
		border: 1px solid #60a917;
	}
	textarea {
		border: 1px solid #60a917;
	}
	select {
		border: 1px solid #60a917;
	}
	.input-state-success {
		display: block;
		color: $color_185;
	}
}
.input-control.success.neon {
	input {
		box-shadow: 0 0 25px 0 rgba(0, 128, 0, 0.7);
	}
	textarea {
		box-shadow: 0 0 25px 0 rgba(0, 128, 0, 0.7);
	}
	select {
		box-shadow: 0 0 25px 0 rgba(0, 128, 0, 0.7);
	}
}
.input-control.info {
	input {
		border: 1px solid #1ba1e2;
	}
	textarea {
		border: 1px solid #1ba1e2;
	}
	select {
		border: 1px solid #1ba1e2;
	}
	.input-state-success {
		display: block;
		color: $color_188;
	}
}
.input-control.info.neon {
	input {
		box-shadow: 0 0 25px 0 rgba(89, 205, 226, 0.7);
	}
	textarea {
		box-shadow: 0 0 25px 0 rgba(89, 205, 226, 0.7);
	}
	select {
		box-shadow: 0 0 25px 0 rgba(89, 205, 226, 0.7);
	}
}
input.error {
	border: 1px solid #ce352c;
}
select.error {
	border: 1px solid #ce352c;
}
textarea.error {
	border: 1px solid #ce352c;
}
input.warning {
	border: 1px solid #e3c800;
}
select.warning {
	border: 1px solid #e3c800;
}
textarea.warning {
	border: 1px solid #e3c800;
}
input.info {
	border: 1px solid #1ba1e2;
}
select.info {
	border: 1px solid #1ba1e2;
}
textarea.info {
	border: 1px solid #1ba1e2;
}
input.success {
	border: 1px solid #60a917;
}
select.success {
	border: 1px solid #60a917;
}
textarea.success {
	border: 1px solid #60a917;
}
input.required {
	border: 1px dashed #1ba1e2;
}
select.required {
	border: 1px dashed #1ba1e2;
}
textarea.required {
	border: 1px dashed #1ba1e2;
}
.input-control.modern {
	position: $pos-rel;
	width: 12.25rem;
	height: 3rem;
	display: inline-block;
	margin: .625rem 0;
	input {
		position: $pos-abs;
		top: 1rem;
		left: 0;
		right: 0;
		bottom: .5rem;
		border: 0;
		border-bottom: 2px #DDDDDD solid;
		background-color: $color_none;
		outline: none;
		font-size: 1rem;
		padding-bottom: .5rem;
		padding-left: 0;
		width: 100%;
		z-index: 2;
		height: 1.75rem;
		&:focus {
			border-bottom-color: $color_76;
			&~.label {
				opacity: 1;
				-webkit-transform: translateY(-18px);
				transform: translateY(-18px);
				transition: all 0.3s linear;
			}
			&~.placeholder {
				opacity: 0;
				-webkit-transform: translateX(200px);
				transform: translateX(200px);
				transition: all 0.3s linear;
			}
			&~.informer {
				opacity: 1;
				color: $color_76;
				bottom: -0.75rem;
				transition: all 0.3s linear;
			}
			&~.icon {
				opacity: 1;
				transition: all 0.3s linear;
			}
		}
		&:disabled {
			border-bottom-style: dotted;
			color: $color_184;
		}
	}
	.label {
		position: $pos-abs;
		display: block;
		z-index: 1;
		color: $color_76;
		opacity: 0;
		top: 16px;
		left: 0;
		transition: all 0.3s linear;
	}
	.informer {
		position: $pos-abs;
		display: block;
		z-index: 1;
		color: $color_76;
		opacity: 0;
		bottom: .75rem;
		color: $color_326;
		font-size: .8rem;
		transition: all 0.3s linear;
	}
	.placeholder {
		font-size: 1rem;
		color: $color_326;
		position: $pos-abs;
		top: 1.2rem;
		left: 0;
		z-index: 1;
		opacity: 1;
		transition: all 0.3s linear;
	}
	.helper-button {
		top: 8px;
	}
}
.input-control.modern.iconic {
	margin-left: 32px;
	.icon {
		width: 24px;
		height: 24px;
		font-size: 24px;
		line-height: 1;
		position: $pos-abs;
		left: -28px;
		top: 50%;
		margin-top: -8px;
		display: block;
		opacity: .2;
		transition: all 0.3s linear;
		img {
			width: 100%;
			max-width: 100%;
			height: 100%;
			max-height: 100%;
		}
	}
}
.input-control.modern.iconic.full-size {
	width: calc(100% - 32px) !important;
}
.input-control.modern.error {
	input {
		border-bottom-color: $color_187;
	}
	.informer {
		color: $color_187;
	}
	.label {
		color: $color_187;
	}
}
.input-control.modern.success {
	input {
		border-bottom-color: $color_185;
	}
	.informer {
		color: $color_185;
	}
	.label {
		color: $color_185;
	}
}
.input-control.modern.warning {
	input {
		border-bottom-color: $color_186;
	}
	.informer {
		color: $color_186;
	}
	.label {
		color: $color_186;
	}
}
.input-control.modern.info {
	input {
		border-bottom-color: $color_188;
	}
	.informer {
		color: $color_188;
	}
	.label {
		color: $color_188;
	}
}
.input-control.checkbox {
	line-height: 1.875rem;
	min-width: 1rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	input[type="checkbox"] {
		position: $pos-abs;
		opacity: 0;
		width: 0.0625rem;
		height: 0.0625rem;
		&:checked {
			&~.check {
				&:before {
					border-color: $color_53;
					transition: all 0.2s linear;
				}
			}
		}
		&:disabled {
			&~.caption {
				color: $color_183;
				cursor: default;
			}
			&~.check {
				border-color: $color_none;
				cursor: default;
			}
			&:checked {
				&~.check {
					&:before {
						border-color: $color_183;
					}
				}
			}
		}
		&:indeterminate {
			&~.check {
				&:before {
					display: none;
				}
				&:after {
					position: $pos-abs;
					display: block;
					content: "";
					background-color: $color_53;
					height: .875rem;
					width: .875rem;
					left: 50%;
					top: 50%;
					margin-left: -0.4375rem;
					margin-top: -0.4375rem;
				}
			}
		}
	}
	input[type="radio"] {
		position: $pos-abs;
		opacity: 0;
		width: 0.0625rem;
		height: 0.0625rem;
		&:checked {
			&~.check {
				&:before {
					border-color: $color_53;
					transition: all 0.2s linear;
				}
			}
		}
		&:disabled {
			&~.caption {
				color: $color_183;
				cursor: default;
			}
			&~.check {
				border-color: $color_183;
				cursor: default;
			}
			&:checked {
				&~.check {
					&:before {
						background-color: $color_183;
					}
				}
			}
		}
	}
	.caption {
		margin: 0 .125rem;
		vertical-align: $v-align-middle;
	}
	.check {
		width: 1.625rem;
		height: 1.625rem;
		background-color: $white;
		border: 1px #c1c1c1 solid;
		padding: 0;
		position: $pos-rel;
		display: inline-block;
		vertical-align: $v-align-middle;
		&:focus {
			border-color: $color_205;
		}
		&:before {
			position: $pos-abs;
			vertical-align: $v-align-middle;
			color: $color_none;
			font-size: 0;
			content: "";
			height: .3125rem;
			width: .565rem;
			background-color: $color_none;
			border-left: .1875rem solid;
			border-bottom: .1875rem solid;
			border-color: $color_none;
			left: 50%;
			top: 50%;
			margin-left: -0.325rem;
			margin-top: -0.365rem;
			display: block;
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
			transition: all 0.2s linear;
		}
	}
	input[type=radio] {
		&~.check {
			&:before {
				border-color: $color_none;
			}
		}
	}
	input[data-show="indeterminate"] {
		&~.check {
			&:before {
				display: none;
			}
			&:after {
				position: $pos-abs;
				display: block;
				content: "";
				background-color: $color_53;
				height: .875rem;
				width: .875rem;
				left: 50%;
				top: 50%;
				margin-left: -0.4375rem;
				margin-top: -0.4375rem;
			}
		}
		&:checked {
			&~.check {
				&:before {
					display: none;
				}
				&:after {
					position: $pos-abs;
					display: block;
					content: "";
					background-color: $color_53;
					height: .875rem;
					width: .875rem;
					left: 50%;
					top: 50%;
					margin-left: -0.4375rem;
					margin-top: -0.4375rem;
				}
			}
		}
		&:not(:checked) {
			&~.check {
				&:after {
					background-color: $color_none;
				}
			}
		}
		&:disabled {
			&~.check {
				&:after {
					background-color: $color_183;
				}
			}
		}
	}
	input.indeterminate {
		&:checked {
			&~.check {
				&:before {
					display: none;
				}
				&:after {
					position: $pos-abs;
					display: block;
					content: "";
					background-color: $color_53;
					height: .875rem;
					width: .875rem;
					left: 50%;
					top: 50%;
					margin-left: -0.4375rem;
					margin-top: -0.4375rem;
				}
			}
		}
	}
}
.input-control.radio {
	line-height: 1.875rem;
	min-width: 1rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	input[type="checkbox"] {
		position: $pos-abs;
		opacity: 0;
		width: 0.0625rem;
		height: 0.0625rem;
		&:checked {
			&~.check {
				&:before {
					border-color: $color_53;
					transition: all 0.2s linear;
				}
			}
		}
		&:disabled {
			&~.caption {
				color: $color_183;
				cursor: default;
			}
			&~.check {
				border-color: $color_183;
				cursor: default;
			}
			&:checked {
				&~.check {
					&:before {
						border-color: $color_183;
					}
				}
			}
		}
		&:indeterminate {
			&~.check {
				&:before {
					display: none;
				}
				&:after {
					position: $pos-abs;
					display: block;
					content: "";
					background-color: $color_53;
					height: .875rem;
					width: .875rem;
					left: 50%;
					top: 50%;
					margin-left: -0.4375rem;
					margin-top: -0.4375rem;
				}
			}
		}
	}
	input[type="radio"] {
		position: $pos-abs;
		opacity: 0;
		width: 0.0625rem;
		height: 0.0625rem;
		&:checked {
			&~.check {
				&:before {
					border-color: $color_53;
					transition: all 0.2s linear;
					border-color: $color_none;
				}
			}
		}
		&:disabled {
			&~.caption {
				color: $color_183;
				cursor: default;
			}
			&~.check {
				border-color: $color_183;
				cursor: default;
				&:before {
					border-color: $color_none;
				}
			}
			&:checked {
				&~.check {
					&:before {
						background-color: $color_183;
					}
				}
			}
		}
		&:not(:checked) {
			&~.check {
				&:before {
					background-color: $color_none;
				}
			}
		}
	}
	.caption {
		margin: 0 .125rem;
		vertical-align: $v-align-middle;
	}
	.check {
		width: 1.625rem;
		height: 1.625rem;
		background-color: $white;
		border: 1px #c1c1c1 solid;
		padding: 0;
		position: $pos-rel;
		display: inline-block;
		vertical-align: $v-align-middle;
		border: 1px #999999 solid;
		border-radius: 50%;
		&:focus {
			border-color: $color_205;
		}
		&:before {
			position: $pos-abs;
			vertical-align: $v-align-middle;
			color: $color_none;
			font-size: 0;
			content: "";
			height: .3125rem;
			width: .565rem;
			background-color: $color_none;
			border-left: .1875rem solid;
			border-bottom: .1875rem solid;
			border-color: $color_none;
			left: 50%;
			top: 50%;
			margin-left: -0.325rem;
			margin-top: -0.365rem;
			display: block;
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
			transition: all 0.2s linear;
			position: $pos-abs;
			display: block;
			content: "";
			background-color: $color_53;
			height: .5624rem;
			width: .5624rem;
			left: 50%;
			top: 50%;
			margin-left: -0.375rem;
			margin-top: -0.375rem;
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
			border-radius: 50%;
		}
	}
	input[type=radio] {
		&~.check {
			&:before {
				border-color: $color_none;
			}
		}
	}
	input[data-show="indeterminate"] {
		&~.check {
			&:before {
				display: none;
			}
			&:after {
				position: $pos-abs;
				display: block;
				content: "";
				background-color: $color_53;
				height: .875rem;
				width: .875rem;
				left: 50%;
				top: 50%;
				margin-left: -0.4375rem;
				margin-top: -0.4375rem;
			}
		}
		&:checked {
			&~.check {
				&:before {
					display: none;
				}
				&:after {
					position: $pos-abs;
					display: block;
					content: "";
					background-color: $color_53;
					height: .875rem;
					width: .875rem;
					left: 50%;
					top: 50%;
					margin-left: -0.4375rem;
					margin-top: -0.4375rem;
				}
			}
		}
		&:not(:checked) {
			&~.check {
				&:after {
					background-color: $color_none;
				}
			}
		}
		&:disabled {
			&~.check {
				&:after {
					background-color: $color_183;
				}
			}
		}
	}
	input.indeterminate {
		&:checked {
			&~.check {
				&:before {
					display: none;
				}
				&:after {
					position: $pos-abs;
					display: block;
					content: "";
					background-color: $color_53;
					height: .875rem;
					width: .875rem;
					left: 50%;
					top: 50%;
					margin-left: -0.4375rem;
					margin-top: -0.4375rem;
				}
			}
		}
	}
}
.input-control.checkbox.text-left {
	.check {
		margin: 0 0 0 .3125rem;
	}
}
.input-control.radio.text-left {
	.check {
		margin: 0 0 0 .3125rem;
	}
}
.input-control.small-check {
	.check {
		width: 1rem;
		height: 1rem;
		&:before {
			width: 15px;
			height: 7px;
			margin-left: -7px;
			margin-top: -5px;
			border-width: 2px;
		}
	}
	input[data-show="indeterminate"] {
		&~.check {
			&:after {
				height: .375rem;
				width: .375rem;
				left: 50%;
				top: 50%;
				margin-left: -0.1875rem;
				margin-top: -0.1875rem;
			}
		}
		&:checked {
			&~.check {
				&:after {
					height: .375rem;
					width: .375rem;
					left: 50%;
					top: 50%;
					margin-left: -0.1875rem;
					margin-top: -0.1875rem;
				}
			}
		}
	}
	input.indeterminate {
		&:checked {
			&~.check {
				&:after {
					height: .375rem;
					width: .375rem;
					left: 50%;
					top: 50%;
					margin-left: -0.1875rem;
					margin-top: -0.1875rem;
				}
			}
		}
	}
	input[type="checkbox"] {
		&:indeterminate {
			&~.check {
				&:after {
					height: .375rem;
					width: .375rem;
					left: 50%;
					top: 50%;
					margin-left: -0.1875rem;
					margin-top: -0.1875rem;
				}
			}
		}
	}
}
.input-control.small-check.radio {
	.check {
		&:before {
			height: 7px;
			width: 7px;
			left: 47%;
			top: 47%;
			margin-left: -3px;
			margin-top: -3px;
		}
	}
}
input[type="button"] {
	padding: 0 1rem;
	height: 2.125rem;
	text-align: center;
	background-color: $white;
	border: 1px #d9d9d9 solid;
	color: $color_193;
	cursor: pointer;
	display: inline-block;
	outline: none;
	font-size: .875rem;
	margin: .15625rem 0;
	position: $pos-rel;
	vertical-align: $v-align-middle;
	&:hover {
		border-color: $color_213;
	}
	&:active {
		background: #eeeeee;
		color: $color_193;
		box-shadow: none;
	}
	&:focus {
		outline: 0;
	}
	&:disabled {
		background-color: $color_202;
		color: $color_192;
		cursor: default;
		border-color: $color_none;
	}
	* {
		color: inherit;
		&:hover {
			color: inherit;
		}
	}
	>[class*=mif-] {
		vertical-align: $v-align-middle;
	}
	img {
		height: .875rem;
		vertical-align: $v-align-middle;
		margin: 0;
	}
}
input[type="reset"] {
	padding: 0 1rem;
	height: 2.125rem;
	text-align: center;
	background-color: $white;
	border: 1px #d9d9d9 solid;
	color: $color_193;
	cursor: pointer;
	display: inline-block;
	outline: none;
	font-size: .875rem;
	margin: .15625rem 0;
	position: $pos-rel;
	vertical-align: $v-align-middle;
	&:hover {
		border-color: $color_213;
	}
	&:active {
		background: #eeeeee;
		color: $color_193;
		box-shadow: none;
	}
	&:focus {
		outline: 0;
	}
	&:disabled {
		background-color: $color_202;
		color: $color_192;
		cursor: default;
		border-color: $color_none;
	}
	* {
		color: inherit;
		&:hover {
			color: inherit;
		}
	}
	>[class*=mif-] {
		vertical-align: $v-align-middle;
	}
	img {
		height: .875rem;
		vertical-align: $v-align-middle;
		margin: 0;
	}
}
input[type="submit"] {
	padding: 0 1rem;
	height: 2.125rem;
	text-align: center;
	background-color: $white;
	border: 1px #d9d9d9 solid;
	color: $color_193;
	cursor: pointer;
	display: inline-block;
	outline: none;
	font-size: .875rem;
	margin: .15625rem 0;
	position: $pos-rel;
	vertical-align: $v-align-middle;
	&:hover {
		border-color: $color_213;
	}
	&:active {
		background: #eeeeee;
		color: $color_193;
		box-shadow: none;
	}
	&:focus {
		outline: 0;
	}
	&:disabled {
		background-color: $color_202;
		color: $color_192;
		cursor: default;
		border-color: $color_none;
	}
	* {
		color: inherit;
		&:hover {
			color: inherit;
		}
	}
	>[class*=mif-] {
		vertical-align: $v-align-middle;
	}
	img {
		height: .875rem;
		vertical-align: $v-align-middle;
		margin: 0;
	}
}
input[type="button"].default {
	background-color: $color_203;
	color: $white;
}
input[type="reset"].default {
	background-color: $color_203;
	color: $white;
}
input[type="submit"].default {
	background-color: $color_203;
	color: $white;
}
input[type="button"].disabled {
	background-color: $color_202;
	color: $color_192;
	cursor: default;
	border-color: $color_none;
}
input[type="reset"].disabled {
	background-color: $color_202;
	color: $color_192;
	cursor: default;
	border-color: $color_none;
}
input[type="submit"].disabled {
	background-color: $color_202;
	color: $color_192;
	cursor: default;
	border-color: $color_none;
}
input[type="button"].rounded {
	border-radius: .325rem;
}
input[type="reset"].rounded {
	border-radius: .325rem;
}
input[type="submit"].rounded {
	border-radius: .325rem;
}
input[type="button"].loading-pulse {
	position: $pos-rel;
	padding: 0 1.325rem;
	&:before {
		position: $pos-abs;
		content: "";
		left: 0;
		top: 50%;
		margin-top: -10px;
		width: 20px;
		height: 20px;
		background-color: $color_43;
		border-radius: 100%;
		-webkit-animation: scaleout 1s infinite ease-in-out;
		animation: scaleout 1s infinite ease-in-out;
	}
}
input[type="reset"].loading-pulse {
	position: $pos-rel;
	padding: 0 1.325rem;
	&:before {
		position: $pos-abs;
		content: "";
		left: 0;
		top: 50%;
		margin-top: -10px;
		width: 20px;
		height: 20px;
		background-color: $color_43;
		border-radius: 100%;
		-webkit-animation: scaleout 1s infinite ease-in-out;
		animation: scaleout 1s infinite ease-in-out;
	}
}
input[type="submit"].loading-pulse {
	position: $pos-rel;
	padding: 0 1.325rem;
	&:before {
		position: $pos-abs;
		content: "";
		left: 0;
		top: 50%;
		margin-top: -10px;
		width: 20px;
		height: 20px;
		background-color: $color_43;
		border-radius: 100%;
		-webkit-animation: scaleout 1s infinite ease-in-out;
		animation: scaleout 1s infinite ease-in-out;
	}
}
input[type="button"].loading-pulse.lighten {
	&:before {
		background-color: $white;
	}
}
input[type="reset"].loading-pulse.lighten {
	&:before {
		background-color: $white;
	}
}
input[type="submit"].loading-pulse.lighten {
	&:before {
		background-color: $white;
	}
}
input[type="button"].loading-cube {
	position: $pos-rel;
	padding: 0 1.325rem;
	&:before {
		content: "";
		background-color: $color_43;
		width: 5px;
		height: 5px;
		position: $pos-abs;
		top: 50%;
		left: 3px;
		margin-top: -8px;
		-webkit-animation: cubemove 1.8s infinite ease-in-out;
		animation: cubemove 1.8s infinite ease-in-out;
	}
	&:after {
		content: "";
		background-color: $color_43;
		width: 5px;
		height: 5px;
		position: $pos-abs;
		top: 50%;
		left: 3px;
		margin-top: -8px;
		-webkit-animation: cubemove 1.8s infinite ease-in-out;
		animation: cubemove 1.8s infinite ease-in-out;
		-webkit-animation-delay: -0.9s;
		animation-delay: -0.9s;
	}
}
input[type="reset"].loading-cube {
	position: $pos-rel;
	padding: 0 1.325rem;
	&:before {
		content: "";
		background-color: $color_43;
		width: 5px;
		height: 5px;
		position: $pos-abs;
		top: 50%;
		left: 3px;
		margin-top: -8px;
		-webkit-animation: cubemove 1.8s infinite ease-in-out;
		animation: cubemove 1.8s infinite ease-in-out;
	}
	&:after {
		content: "";
		background-color: $color_43;
		width: 5px;
		height: 5px;
		position: $pos-abs;
		top: 50%;
		left: 3px;
		margin-top: -8px;
		-webkit-animation: cubemove 1.8s infinite ease-in-out;
		animation: cubemove 1.8s infinite ease-in-out;
		-webkit-animation-delay: -0.9s;
		animation-delay: -0.9s;
	}
}
input[type="submit"].loading-cube {
	position: $pos-rel;
	padding: 0 1.325rem;
	&:before {
		content: "";
		background-color: $color_43;
		width: 5px;
		height: 5px;
		position: $pos-abs;
		top: 50%;
		left: 3px;
		margin-top: -8px;
		-webkit-animation: cubemove 1.8s infinite ease-in-out;
		animation: cubemove 1.8s infinite ease-in-out;
	}
	&:after {
		content: "";
		background-color: $color_43;
		width: 5px;
		height: 5px;
		position: $pos-abs;
		top: 50%;
		left: 3px;
		margin-top: -8px;
		-webkit-animation: cubemove 1.8s infinite ease-in-out;
		animation: cubemove 1.8s infinite ease-in-out;
		-webkit-animation-delay: -0.9s;
		animation-delay: -0.9s;
	}
}
input[type="button"].loading-cube.lighten {
	&:before {
		background-color: $white;
	}
	&:after {
		background-color: $white;
	}
}
input[type="reset"].loading-cube.lighten {
	&:before {
		background-color: $white;
	}
	&:after {
		background-color: $white;
	}
}
input[type="submit"].loading-cube.lighten {
	&:before {
		background-color: $white;
	}
	&:after {
		background-color: $white;
	}
}
input[type="button"].dropdown-toggle {
	padding-right: 1.625rem;
}
input[type="reset"].dropdown-toggle {
	padding-right: 1.625rem;
}
input[type="submit"].dropdown-toggle {
	padding-right: 1.625rem;
}
input[type="button"].dropdown-toggle.drop-marker-light {
	&:before {
		background-color: $white;
	}
	&:after {
		background-color: $white;
	}
}
input[type="reset"].dropdown-toggle.drop-marker-light {
	&:before {
		background-color: $white;
	}
	&:after {
		background-color: $white;
	}
}
input[type="submit"].dropdown-toggle.drop-marker-light {
	&:before {
		background-color: $white;
	}
	&:after {
		background-color: $white;
	}
}
input[type="button"].primary {
	background: #2086bf;
	color: $white;
	border-color: $color_191;
	&:active {
		background: #1b6eae;
		color: $white;
	}
}
input[type="reset"].primary {
	background: #2086bf;
	color: $white;
	border-color: $color_191;
	&:active {
		background: #1b6eae;
		color: $white;
	}
}
input[type="submit"].primary {
	background: #2086bf;
	color: $white;
	border-color: $color_191;
	&:active {
		background: #1b6eae;
		color: $white;
	}
}
input[type="button"].success {
	background: #60a917;
	color: $white;
	border-color: $color_185;
	&:active {
		background: #128023;
		color: $white;
	}
}
input[type="reset"].success {
	background: #60a917;
	color: $white;
	border-color: $color_185;
	&:active {
		background: #128023;
		color: $white;
	}
}
input[type="submit"].success {
	background: #60a917;
	color: $white;
	border-color: $color_185;
	&:active {
		background: #128023;
		color: $white;
	}
}
input[type="button"].danger {
	background: #ce352c;
	color: $white;
	border-color: $color_187;
	&:active {
		background: #9a1616;
		color: $white;
	}
}
input[type="reset"].danger {
	background: #ce352c;
	color: $white;
	border-color: $color_187;
	&:active {
		background: #9a1616;
		color: $white;
	}
}
input[type="submit"].danger {
	background: #ce352c;
	color: $white;
	border-color: $color_187;
	&:active {
		background: #9a1616;
		color: $white;
	}
}
input[type="button"].alert {
	background: #ce352c;
	color: $white;
	border-color: $color_187;
	&:active {
		background: #9a1616;
		color: $white;
	}
}
input[type="reset"].alert {
	background: #ce352c;
	color: $white;
	border-color: $color_187;
	&:active {
		background: #9a1616;
		color: $white;
	}
}
input[type="submit"].alert {
	background: #ce352c;
	color: $white;
	border-color: $color_187;
	&:active {
		background: #9a1616;
		color: $white;
	}
}
input[type="button"].info {
	background: #59cde2;
	color: $white;
	border-color: $color_199;
	&:active {
		background: #1ba1e2;
		color: $white;
	}
}
input[type="reset"].info {
	background: #59cde2;
	color: $white;
	border-color: $color_199;
	&:active {
		background: #1ba1e2;
		color: $white;
	}
}
input[type="submit"].info {
	background: #59cde2;
	color: $white;
	border-color: $color_199;
	&:active {
		background: #1ba1e2;
		color: $white;
	}
}
input[type="button"].warning {
	background: #fa6800;
	color: $white;
	border-color: $color_212;
	&:active {
		background: #bf5a15;
		color: $white;
	}
}
input[type="reset"].warning {
	background: #fa6800;
	color: $white;
	border-color: $color_212;
	&:active {
		background: #bf5a15;
		color: $white;
	}
}
input[type="submit"].warning {
	background: #fa6800;
	color: $white;
	border-color: $color_212;
	&:active {
		background: #bf5a15;
		color: $white;
	}
}
input[type="button"].link {
	background: $color_none;
	color: $color_191;
	border-color: $color_none;
	text-decoration: underline;
	&:hover {
		background: $color_none;
		color: $color_190;
		border-color: $color_none;
	}
	&:active {
		background: $color_none;
		color: $color_190;
		border-color: $color_none;
	}
}
input[type="reset"].link {
	background: $color_none;
	color: $color_191;
	border-color: $color_none;
	text-decoration: underline;
	&:hover {
		background: $color_none;
		color: $color_190;
		border-color: $color_none;
	}
	&:active {
		background: $color_none;
		color: $color_190;
		border-color: $color_none;
	}
}
input[type="submit"].link {
	background: $color_none;
	color: $color_191;
	border-color: $color_none;
	text-decoration: underline;
	&:hover {
		background: $color_none;
		color: $color_190;
		border-color: $color_none;
	}
	&:active {
		background: $color_none;
		color: $color_190;
		border-color: $color_none;
	}
}
.input-control.range {
	input[type=range] {
		border: 0;
		box-sizing: border-box;
		line-height: 1;
		background-color: $color_none;
		cursor: pointer;
		-webkit-appearance: none;
		width: 100%;
		&::-webkit-slider-thumb {
			-webkit-appearance: none;
			-webkit-appearance: none;
			width: 1em;
			height: 1em;
			margin-top: 0;
			background-color: $color_197;
			border: 2px solid #555555;
			cursor: pointer;
		}
		&:focus {
			outline: none;
		}
		&::-ms-track {
			width: 100%;
			cursor: pointer;
			background: $color_none;
			border-color: $color_none;
			color: $color_none;
			background: #00aba9;
			border-color: $color_none;
			color: $color_none;
			height: 1.25em;
		}
		&::-moz-range-thumb {
			width: 1em;
			height: 1em;
			margin-top: 0;
			background-color: $color_197;
			border: 2px solid #555555;
			cursor: pointer;
			border-radius: 0;
			margin: 0;
		}
		&::-ms-thumb {
			width: 1em;
			height: 1em;
			margin-top: 0;
			background-color: $color_197;
			border: 2px solid #555555;
			cursor: pointer;
		}
		&:hover {
			&::-webkit-slider-thumb {
				border-color: $color_204;
				background-color: $color_76;
			}
			&::-moz-range-thumb {
				border-color: $color_204;
				background-color: $color_76;
			}
			&::-ms-thumb {
				border-color: $color_204;
				background-color: $color_76;
			}
		}
		&:active {
			&::-webkit-slider-thumb {
				border-color: $color_204;
			}
			&::-moz-range-thumb {
				border-color: $color_204;
			}
			&::-ms-thumb {
				border-color: $color_204;
			}
		}
		&::-webkit-slider-runnable-track {
			width: 100%;
			cursor: pointer;
			height: 100%;
			background-color: $color_196;
			transition: background .3s ease;
		}
		&::-moz-range-track {
			width: 100%;
			cursor: pointer;
			height: 100%;
			background-color: $color_196;
			transition: background .3s ease;
			height: 1.25em;
		}
		&::-ms-fill-lower {
			background: #00aba9;
		}
		&::-ms-fill-upper {
			display: none;
		}
	}
}
.input-control.range.big-input {
	height: 2.125rem;
	input[type=range] {
		padding: 0;
		&::-moz-range-track {
			height: 1.2em;
		}
	}
}
.image-container {
	display: inline-block;
	position: $pos-rel;
	vertical-align: $v-align-middle;
	max-width: 100%;
	background-color: $color_none;
	.frame {
		background-color: $white;
		position: $pos-rel;
		width: 100%;
		height: 100%;
	}
	img {
		display: block;
		width: 100%;
		height: 100%;
	}
	.image-overlay {
		position: $pos-abs;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		opacity: 0;
		overflow: hidden;
		font-size: .875rem;
		line-height: 1rem;
		padding: 1em 1.5em;
		background-color: $color_195;
		color: $white;
		text-align: center;
		border-radius: inherit;
		transition: all 0.65s ease;
		&:hover {
			opacity: 1;
			&:before {
				opacity: 1;
				-webkit-transform: scale(1);
				transform: scale(1);
			}
			&:after {
				opacity: 1;
				-webkit-transform: scale(1);
				transform: scale(1);
			}
		}
		&:before {
			display: block;
			position: $pos-abs;
			content: "";
			border: 1px solid rgba(255, 255, 255, 0.7);
			top: 1em;
			bottom: 1em;
			left: 1em;
			right: 1em;
			opacity: 0;
			border-radius: inherit;
			-webkit-transform: scale(1.5);
			transform: scale(1.5);
			transition: all 0.65s ease;
			border-top: none;
			border-bottom: none;
			bottom: 1em;
			top: 1em;
		}
		&:after {
			display: block;
			position: $pos-abs;
			content: "";
			border: 1px solid rgba(255, 255, 255, 0.7);
			top: 1em;
			bottom: 1em;
			left: 1em;
			right: 1em;
			opacity: 0;
			border-radius: inherit;
			-webkit-transform: scale(1.5);
			transform: scale(1.5);
			transition: all 0.65s ease;
			border-left: none;
			border-right: none;
			bottom: 1em;
			top: 1em;
		}
	}
}
.image-container.image-format-cycle {
	.image-overlay {
		border-radius: 50%;
	}
}
.image-container.diamond {
	overflow: hidden;
	.frame {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		overflow: hidden;
		img {
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}
		.image-replacer {
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}
	}
}
.image-container.rounded {
	img {
		border-radius: 0.3125rem;
	}
}
.image-container.bordered {
	.frame {
		border: 1px #eeeeee solid;
		padding: .5rem;
	}
}
.image-container.polaroid {
	.frame {
		border: 1px #eeeeee solid;
		padding: .5rem .5rem 2rem;
	}
}
.image-container.handing {
	margin-top: 20px;
	.frame {
		border: 1px #eeeeee solid;
		position: $pos-rel;
		padding: .5rem;
		&:after {
			content: "";
			position: $pos-abs;
			width: .625rem;
			height: .625rem;
			background-color: $color_194;
			border-radius: 50%;
			top: -20%;
			left: 50%;
			margin-left: -0.3125rem;
			z-index: 3;
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
		}
	}
	&:after {
		position: $pos-abs;
		content: "";
		background-color: $color_none;
		border-top: 1px solid #eeeeee;
		-webkit-transform: rotate(-16deg);
		transform: rotate(-16deg);
		z-index: 2;
		top: 0;
		left: 0;
		width: 50%;
		height: 50%;
		-webkit-transform-origin: top left;
		transform-origin: top left;
	}
	&:before {
		position: $pos-abs;
		content: "";
		background-color: $color_none;
		border-top: 1px solid #eeeeee;
		-webkit-transform: rotate(16deg);
		transform: rotate(16deg);
		z-index: 2;
		top: 0;
		right: 0;
		width: 50%;
		height: 50%;
		-webkit-transform-origin: top right;
		transform-origin: top right;
	}
}
.image-container.handing.image-format-hd {
	.frame {
		&:after {
			top: -25%;
		}
	}
}
.image-container.handing.image-format-square {
	.frame {
		&:after {
			top: -15%;
		}
	}
}
.image-container.handing.ani {
	-webkit-transform-origin: 50% -25px;
	transform-origin: 50% -25px;
	-webkit-animation: swinging 10s ease-in-out 0s infinite;
	animation: swinging 10s ease-in-out 0s infinite;
}
.image-container.handing.ani-hover {
	&:hover {
		-webkit-transform-origin: 50% -25px;
		transform-origin: 50% -25px;
		-webkit-animation: swinging 5s ease-in-out 0s;
		animation: swinging 5s ease-in-out 0s;
	}
}
.ani-spin {
	-webkit-animation: ani-spin 1.5s linear infinite;
	animation: ani-spin 1.5s linear infinite;
}
.ani-hover-spin {
	&:hover {
		-webkit-animation: ani-spin 1.5s linear infinite;
		animation: ani-spin 1.5s linear infinite;
	}
}
.ani-spin.ani-fast {
	-webkit-animation: ani-spin 0.7s linear infinite;
	animation: ani-spin 0.7s linear infinite;
}
.ani-hover-spin.ani-fast {
	&:hover {
		-webkit-animation: ani-spin 0.7s linear infinite;
		animation: ani-spin 0.7s linear infinite;
	}
}
.ani-spin.ani-slow {
	-webkit-animation: ani-spin 2.2s linear infinite;
	animation: ani-spin 2.2s linear infinite;
}
.ani-hover-spin.ani-slow {
	&:hover {
		-webkit-animation: ani-spin 2.2s linear infinite;
		animation: ani-spin 2.2s linear infinite;
	}
}
.ani-pulse {
	-webkit-animation: ani-pulse 1.7s infinite;
	animation: ani-pulse 1.7s infinite;
}
.ani-hover-pulse {
	&:hover {
		-webkit-animation: ani-pulse 1.7s infinite;
		animation: ani-pulse 1.7s infinite;
	}
}
.ani-pulse.ani-fast {
	-webkit-animation: ani-pulse 1s infinite;
	animation: ani-pulse 1s infinite;
}
.ani-hover-pulse.ani-fast {
	&:hover {
		-webkit-animation: ani-pulse 1s infinite;
		animation: ani-pulse 1s infinite;
	}
}
.ani-pulse.ani-slow {
	-webkit-animation: ani-pulse 3s infinite;
	animation: ani-pulse 3s infinite;
}
.ani-hover-pulse.ani-slow {
	&:hover {
		-webkit-animation: ani-pulse 3s infinite;
		animation: ani-pulse 3s infinite;
	}
}
.ani-spanner {
	transform-origin-x: 90%;
	transform-origin-y: 35%;
	transform-origin-z: initial;
	-webkit-animation: ani-wrench 2.5s ease infinite;
	animation: ani-wrench 2.5s ease infinite;
}
.ani-hover-spanner {
	&:hover {
		transform-origin-x: 90%;
		transform-origin-y: 35%;
		transform-origin-z: initial;
		-webkit-animation: ani-wrench 2.5s ease infinite;
		animation: ani-wrench 2.5s ease infinite;
	}
}
.ani-spanner.ani-fast {
	-webkit-animation: ani-wrench 1.2s ease infinite;
	animation: ani-wrench 1.2s ease infinite;
}
.ani-hover-spanner.ani-fast {
	&:hover {
		-webkit-animation: ani-wrench 1.2s ease infinite;
		animation: ani-wrench 1.2s ease infinite;
	}
}
.ani-spanner.ani-slow {
	-webkit-animation: ani-wrench 3.7s ease infinite;
	animation: ani-wrench 3.7s ease infinite;
}
.ani-hover-spanner.ani-slow {
	&:hover {
		-webkit-animation: ani-wrench 3.7s ease infinite;
		animation: ani-wrench 3.7s ease infinite;
	}
}
.ani-ring {
	transform-origin-x: 50%;
	transform-origin-y: 0px;
	transform-origin-z: initial;
	-webkit-animation: ani-ring 2s ease infinite;
	animation: ani-ring 2s ease infinite;
}
.ani-hover-ring {
	&:hover {
		transform-origin-x: 50%;
		transform-origin-y: 0px;
		transform-origin-z: initial;
		-webkit-animation: ani-ring 2s ease infinite;
		animation: ani-ring 2s ease infinite;
	}
}
.ani-ring.ani-fast {
	-webkit-animation: ani-ring 1s ease infinite;
	animation: ani-ring 1s ease infinite;
}
.ani-hover-ring.ani-fast {
	&:hover {
		-webkit-animation: ani-ring 1s ease infinite;
		animation: ani-ring 1s ease infinite;
	}
}
.ani-ring.ani-slow {
	-webkit-animation: ani-ring 3s ease infinite;
	animation: ani-ring 3s ease infinite;
}
.ani-hover-ring.ani-slow {
	&:hover {
		-webkit-animation: ani-ring 3s ease infinite;
		animation: ani-ring 3s ease infinite;
	}
}
.ani-vertical {
	-webkit-animation: ani-vertical 2s ease infinite;
	animation: ani-vertical 2s ease infinite;
}
.ani-hover-vertical {
	&:hover {
		-webkit-animation: ani-vertical 2s ease infinite;
		animation: ani-vertical 2s ease infinite;
	}
}
.ani-vertical.ani-fast {
	-webkit-animation: ani-vertical 1s ease infinite;
	animation: ani-vertical 1s ease infinite;
	&:hover {
		-webkit-animation: ani-vertical 1s ease infinite;
		animation: ani-vertical 1s ease infinite;
	}
}
.ani-vertical.ani-slow {
	-webkit-animation: ani-vertical 4s ease infinite;
	animation: ani-vertical 4s ease infinite;
}
.ani-hover-vertical.ani-slow {
	&:hover {
		-webkit-animation: ani-vertical 4s ease infinite;
		animation: ani-vertical 4s ease infinite;
	}
}
.ani-horizontal {
	-webkit-animation: ani-horizontal 2s ease infinite;
	animation: ani-horizontal 2s ease infinite;
}
.ani-hover-horizontal {
	&:hover {
		-webkit-animation: ani-horizontal 2s ease infinite;
		animation: ani-horizontal 2s ease infinite;
	}
}
.ani-horizontal.ani-fast {
	-webkit-animation: ani-horizontal 1s ease infinite;
	animation: ani-horizontal 1s ease infinite;
	&:hover {
		-webkit-animation: ani-horizontal 1s ease infinite;
		animation: ani-horizontal 1s ease infinite;
	}
}
.ani-horizontal.ani-slow {
	-webkit-animation: ani-horizontal 3s ease infinite;
	animation: ani-horizontal 3s ease infinite;
	&:hover {
		-webkit-animation: ani-horizontal 3s ease infinite;
		animation: ani-horizontal 3s ease infinite;
	}
}
.ani-flash {
	-webkit-animation: ani-flash 2s ease infinite;
	animation: ani-flash 2s ease infinite;
}
.ani-hover-flash {
	&:hover {
		-webkit-animation: ani-flash 2s ease infinite;
		animation: ani-flash 2s ease infinite;
	}
}
.ani-flash.ani-fast {
	-webkit-animation: ani-flash 1s ease infinite;
	animation: ani-flash 1s ease infinite;
}
.ani-hover-flash.ani-fast {
	&:hover {
		-webkit-animation: ani-flash 1s ease infinite;
		animation: ani-flash 1s ease infinite;
	}
}
.ani-flash.ani-slow {
	-webkit-animation: ani-flash 3s ease infinite;
	animation: ani-flash 3s ease infinite;
}
.ani-hover-flash.ani-slow {
	&:hover {
		-webkit-animation: ani-flash 3s ease infinite;
		animation: ani-flash 3s ease infinite;
	}
}
.ani-bounce {
	-webkit-animation: ani-bounce 2s ease infinite;
	animation: ani-bounce 2s ease infinite;
}
.ani-hover-bounce {
	&:hover {
		-webkit-animation: ani-bounce 2s ease infinite;
		animation: ani-bounce 2s ease infinite;
	}
}
.ani-bounce.ani-fast {
	-webkit-animation: ani-bounce 1s ease infinite;
	animation: ani-bounce 1s ease infinite;
}
.ani-hover-bounce.ani-fast {
	&:hover {
		-webkit-animation: ani-bounce 1s ease infinite;
		animation: ani-bounce 1s ease infinite;
	}
}
.ani-bounce.ani-slow {
	-webkit-animation: ani-bounce 3s ease infinite;
	animation: ani-bounce 3s ease infinite;
}
.ani-hover-bounce.ani-slow {
	&:hover {
		-webkit-animation: ani-bounce 3s ease infinite;
		animation: ani-bounce 3s ease infinite;
	}
}
.ani-float {
	-webkit-animation: ani-float 2s linear infinite;
	animation: ani-float 2s linear infinite;
}
.ani-hover-float {
	&:hover {
		-webkit-animation: ani-float 2s linear infinite;
		animation: ani-float 2s linear infinite;
	}
}
.ani-float.ani-fast {
	-webkit-animation: ani-float 1s linear infinite;
	animation: ani-float 1s linear infinite;
}
.ani-hover-float.ani-fast {
	&:hover {
		-webkit-animation: ani-float 1s linear infinite;
		animation: ani-float 1s linear infinite;
	}
}
.ani-float.ani-slow {
	-webkit-animation: ani-float 3s linear infinite;
	animation: ani-float 3s linear infinite;
}
.ani-hover-float.ani-slow {
	&:hover {
		-webkit-animation: ani-float 3s linear infinite;
		animation: ani-float 3s linear infinite;
	}
}
.ani-heartbeat {
	-webkit-animation: ani-heartbeat 2s linear infinite;
	animation: ani-heartbeat 2s linear infinite;
}
.ani-hover-heartbeat {
	&:hover {
		-webkit-animation: ani-heartbeat 2s linear infinite;
		animation: ani-heartbeat 2s linear infinite;
	}
}
.ani-heartbeat.ani-fast {
	-webkit-animation: ani-heartbeat 1s linear infinite;
	animation: ani-heartbeat 1s linear infinite;
}
.ani-hover-heartbeat.ani-fast {
	&:hover {
		-webkit-animation: ani-heartbeat 1s linear infinite;
		animation: ani-heartbeat 1s linear infinite;
	}
}
.ani-heartbeat.ani-slow {
	-webkit-animation: ani-heartbeat 3s linear infinite;
	animation: ani-heartbeat 3s linear infinite;
}
.ani-hover-heartbeat.ani-slow {
	&:hover {
		-webkit-animation: ani-heartbeat 3s linear infinite;
		animation: ani-heartbeat 3s linear infinite;
	}
}
.ani-shake {
	-webkit-animation: ani-wrench 2.5s ease infinite;
	animation: ani-wrench 2.5s ease infinite;
}
.ani-hover-shake {
	&:hover {
		-webkit-animation: ani-wrench 2.5s ease infinite;
		animation: ani-wrench 2.5s ease infinite;
	}
}
.ani-shake.ani-fast {
	-webkit-animation: ani-wrench 1.2s ease infinite;
	animation: ani-wrench 1.2s ease infinite;
}
.ani-hover-shake.ani-fast {
	&:hover {
		-webkit-animation: ani-wrench 1.2s ease infinite;
		animation: ani-wrench 1.2s ease infinite;
	}
}
.ani-shake.ani-slow {
	-webkit-animation: ani-wrench 3.7s ease infinite;
	animation: ani-wrench 3.7s ease infinite;
}
.ani-hover-shake.ani-slow {
	&:hover {
		-webkit-animation: ani-wrench 3.7s ease infinite;
		animation: ani-wrench 3.7s ease infinite;
	}
}
.ani-shuttle {
	-webkit-animation: ani-shuttle 2s linear infinite;
	animation: ani-shuttle 2s linear infinite;
}
.ani-hover-shuttle {
	&:hover {
		-webkit-animation: ani-shuttle 2s linear infinite;
		animation: ani-shuttle 2s linear infinite;
	}
}
.ani-shuttle.ani-fast {
	-webkit-animation: ani-shuttle 1s linear infinite;
	animation: ani-shuttle 1s linear infinite;
}
.ani-hover-shuttle.ani-fast {
	&:hover {
		-webkit-animation: ani-shuttle 1s linear infinite;
		animation: ani-shuttle 1s linear infinite;
	}
}
.ani-shuttle.ani-slow {
	-webkit-animation: ani-shuttle 3s linear infinite;
	animation: ani-shuttle 3s linear infinite;
}
.ani-hover-shuttle.ani-slow {
	&:hover {
		-webkit-animation: ani-shuttle 3s linear infinite;
		animation: ani-shuttle 3s linear infinite;
	}
}
.ani-pass {
	-webkit-animation: ani-pass 2s linear infinite;
	animation: ani-pass 2s linear infinite;
}
.ani-hover-pass {
	&:hover {
		-webkit-animation: ani-pass 2s linear infinite;
		animation: ani-pass 2s linear infinite;
	}
}
.ani-pass.ani-fast {
	-webkit-animation: ani-pass 1s linear infinite;
	animation: ani-pass 1s linear infinite;
}
.ani-hover-pass.ani-fast {
	&:hover {
		-webkit-animation: ani-pass 1s linear infinite;
		animation: ani-pass 1s linear infinite;
	}
}
.ani-pass.ani-slow {
	-webkit-animation: ani-pass 3s linear infinite;
	animation: ani-pass 3s linear infinite;
}
.ani-hover-pass.ani-slow {
	&:hover {
		-webkit-animation: ani-pass 3s linear infinite;
		animation: ani-pass 3s linear infinite;
	}
}
.ani-ripple {
	-webkit-animation: ani-ripple 2s infinite linear;
	animation: ani-ripple 2s infinite linear;
}
.ani-hover-ripple {
	&:hover {
		-webkit-animation: ani-ripple 2s infinite linear;
		animation: ani-ripple 2s infinite linear;
	}
}
.ani-ripple.ani-fast {
	-webkit-animation: ani-ripple 1s infinite linear;
	animation: ani-ripple 1s infinite linear;
}
.ani-hover-ripple.ani-fast {
	&:hover {
		-webkit-animation: ani-ripple 1s infinite linear;
		animation: ani-ripple 1s infinite linear;
	}
}
.ani-ripple.ani-slow {
	-webkit-animation: ani-ripple 3s infinite linear;
	animation: ani-ripple 3s infinite linear;
}
.ani-hover-ripple.ani-slow {
	&:hover {
		-webkit-animation: ani-ripple 3s infinite linear;
		animation: ani-ripple 3s infinite linear;
	}
}
.calendar {
	min-width: 13.75rem;
	border: 1px #eeeeee solid;
	font-size: .75rem;
	padding: .3125rem;
	background-color: $white;
	.calendar-grid {
		margin: 0;
		padding: 0;
	}
	.calendar-row {
		margin: 0 0 .3125rem;
		width: 100%;
		&:before {
			display: table;
			content: "";
		}
		&:after {
			display: table;
			content: "";
			clear: both;
		}
		&:last-child {
			margin-bottom: 0;
		}
	}
	.calendar-cell {
		width: 12.46201429%;
		margin: 0 0 0 2.12765%;
		display: block;
		float: left;
		&:first-child {
			margin-left: 0;
		}
	}
	.calendar-cell.sel-month {
		width: 41.64134286%;
	}
	.calendar-cell.sel-year {
		width: 48.936175%;
	}
	.calendar-cell.sel-plus {
		width: 23.4042625%;
	}
	.calendar-cell.sel-minus {
		width: 23.4042625%;
	}
	.calendar-cell.month-cell {
		width: 23.4042625%;
	}
	.calendar-cell.year-cell {
		width: 23.4042625%;
	}
	.calendar-actions {
		.button {
			margin: .15625rem;
		}
		&:before {
			display: table;
			content: "";
		}
		&:after {
			display: table;
			content: "";
			clear: both;
		}
	}
	.day-of-week {
		padding: .3125rem;
		cursor: default;
	}
	a {
		display: block;
		padding: .3125rem 0;
		color: $color_43;
		&:hover {
			background-color: $color_206;
			color: $white;
			border-radius: inherit;
		}
	}
	.calendar-header {
		background-color: $color_3;
		color: $white;
		a {
			color: $white;
			padding: .325rem;
			&:hover {
				background-color: $color_206;
				color: $white;
			}
		}
	}
	.today {
		a {
			background-color: $color_207;
			color: $white;
			text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
		}
	}
	.day {
		border: 1px #bcd9e2 solid;
		text-align: center;
		a {
			display: block;
			position: $pos-rel;
			text-align: center;
		}
	}
	.month {
		border: 1px #e9ecef solid;
		border-radius: 4px;
		a {
			padding-top: 1.3125rem;
			padding-bottom: 1.3125rem;
		}
	}
	.year {
		border: 1px #e9ecef solid;
		border-radius: 4px;
		a {
			padding-top: 1.3125rem;
			padding-bottom: 1.3125rem;
		}
	}
	.empty {
		cursor: default;
	}
	.other-day {
		display: block;
		text-align: center;
		color: $color_146;
		padding: .325rem;
		background-color: $color_200;
		border: 1px #bcd9e2 solid;
	}
	.exclude {
		background-color: $color_187;
		a {
			cursor: not-allowed;
			background-color: $color_187;
			color: $white;
		}
	}
	.stored {
		background-color: $color_351;
		a {
			cursor: pointer;
			background-color: $color_351;
			color: $white;
		}
	}
	.selected {
		background-color: $color_199;
		a {
			background-color: $additional-color-11;
			color: $white !important;
		}
	}
}
.calendar.rounded {
	button {
		border-radius: 0.3125rem;
	}
	.day {
		border-radius: 0.3125rem;
	}
	.month {
		border-radius: 0.3125rem;
	}
	.year {
		border-radius: 0.3125rem;
	}
	.other-day {
		border-radius: 0.3125rem;
	}
	.today {
		border-radius: 0.3125rem;
		a {
			border-radius: 0.3125rem;
		}
	}
	.calendar-header {
		border-radius: 0.3125rem;
		a {
			&:hover {
				border-radius: 0.3125rem;
			}
		}
	}
	.selected {
		border-radius: 0.3125rem;
		a {
			border-radius: 0.3125rem;
		}
	}
	.exclude {
		a {
			border-radius: 0.3125rem;
		}
	}
}
.calendar.no-border {
	.day {
		border: 0;
	}
	.month {
		border: 0;
	}
	.year {
		border: 0;
	}
	.other-day {
		border: 0;
	}
	.today {
		border: 0;
		a {
			border: 0;
		}
	}
	.calendar-header {
		border: 0;
	}
}
.calendar-dropdown {
	border: 0;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}
.carousel {
	display: block;
	width: 100%;
	position: $pos-rel;
	min-height: 100px;
	overflow: hidden;
	.slide {
		top: 0;
		left: 0;
		position: $pos-abs;
		display: block;
		width: 100%;
		height: 100%;
		min-height: 100%;
		&:before {
			display: table;
			content: "";
		}
		&:after {
			display: table;
			content: "";
			clear: both;
		}
	}
	[class*="carousel-switch"] {
		position: $pos-abs;
		display: block;
		z-index: 999;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.carousel-bullets {
		position: $pos-abs;
		display: block;
		z-index: 999;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		left: 0;
		right: 0;
		bottom: .625rem;
		text-align: center;
		.carousel-bullet {
			display: inline-block;
			float: none;
			width: .625rem;
			height: .625rem;
			box-shadow: none;
			border-radius: 50%;
			margin-right: .625rem;
			cursor: pointer;
			border: 1px #ffffff solid;
			&:last-child {
				margin-right: 0;
			}
		}
		.carousel-bullet.bullet-on {
			background-color: $additional-color-5;
		}
	}
	.carousel-switch-next {
		width: auto;
		line-height: 4rem;
		height: 4rem;
		text-decoration: none;
		margin-top: -2rem;
		top: 50%;
		font-size: 1.5rem;
		font-weight: 300;
		color: $color_200;
		cursor: pointer;
		vertical-align: $v-align-middle;
		padding: 0;
		right: 0;
		left: auto;
		&:hover {
			color: $white;
			text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
		}
		img {
			max-width: 64px;
			max-height: 64px;
		}
	}
	.carousel-switch-prev {
		width: auto;
		line-height: 4rem;
		height: 4rem;
		text-decoration: none;
		margin-top: -2rem;
		top: 50%;
		font-size: 1.5rem;
		font-weight: 300;
		color: $color_200;
		cursor: pointer;
		vertical-align: $v-align-middle;
		padding: 0;
		left: 0;
		right: auto;
		&:hover {
			color: $white;
			text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
		}
		img {
			max-width: 64px;
			max-height: 64px;
		}
	}
}
.carousel.square-bullets {
	.carousel-bullet {
		border-radius: 0;
	}
}
.rating {
	cursor: pointer;
	display: inline-block;
	&:before {
		display: table;
		content: "";
	}
	&:after {
		display: table;
		content: "";
		clear: both;
	}
	.star {
		cursor: pointer;
		display: block;
		float: left;
		color: $color_48;
		font-size: 20px;
		z-index: 1;
		position: $pos-rel;
		width: 20px;
		height: 24px;
		vertical-align: $v-align-middle;
		line-height: 22px;
		&:before {
			position: $pos-abs;
			content: '\2605';
			display: block;
			z-index: 2;
			top: 0;
			left: 0;
			vertical-align: $v-align-middle;
		}
		&:after {
			position: $pos-abs;
			content: '\2605';
			display: block;
			z-index: 2;
			top: 0;
			left: 0;
			vertical-align: $v-align-middle;
		}
	}
	.star.on {
		color: $color_294;
	}
	.star.on.half {
		color: $color_48;
		&:after {
			color: $color_294;
		}
	}
	.star.half {
		&:after {
			z-index: 3;
			width: 8px;
			overflow: hidden;
		}
	}
	&:not(.static) {
		.star {
			&:hover {
				color: $color_294;
				&~.star {
					color: $gray;
					&:after {
						color: $gray;
					}
					&:after.half {
						color: $gray;
						&:after {
							color: $gray;
						}
					}
					&:after.on.half {
						color: $gray;
						&:after {
							color: $gray;
						}
					}
				}
				&~.star.half {
					color: $gray;
					&:after {
						color: $gray;
					}
				}
				&~.star.on.half {
					color: $gray;
					&:after {
						color: $gray;
					}
				}
			}
			&:hover.half {
				color: $color_294;
				&:after {
					color: $color_294;
				}
			}
			&:hover.on.half {
				color: $color_294;
				&:after {
					color: $color_294;
				}
			}
		}
		&:hover {
			>.star {
				color: $color_294;
				&:after {
					color: $color_294;
				}
				&:after.half {
					color: $color_294;
					&:after {
						color: $color_294;
					}
				}
				&:after.on.half {
					color: $color_294;
					&:after {
						color: $color_294;
					}
				}
			}
			>.star.half {
				color: $color_294;
				&:after {
					color: $color_294;
				}
			}
			>.star.on.half {
				color: $color_294;
				&:after {
					color: $color_294;
				}
			}
		}
	}
	.score {
		display: block;
		font-size: .8rem;
	}
}
.rating.poor {
	.star.on {
		color: $color_125;
	}
	.star.on.half {
		color: $color_197;
		&:after {
			color: $color_125;
		}
	}
}
.rating.regular {
	.star.on {
		color: $color_294;
	}
	.star.on.half {
		color: $color_197;
		&:after {
			color: $color_294;
		}
	}
}
.rating.good {
	.star.on {
		color: $color_207;
	}
	.star.on.half {
		color: $color_197;
		&:after {
			color: $color_207;
		}
	}
}
.rating.small {
	.star {
		width: 14px;
		height: 16px;
		font-size: 14px;
		line-height: 14px;
	}
	.star.half {
		&:after {
			width: 6px;
		}
	}
	.score {
		font-size: .6rem;
	}
}
.rating.large {
	.star {
		width: 28px;
		height: 30px;
		font-size: 32px;
		line-height: 24px;
	}
	.star.half {
		&:after {
			width: 13px;
		}
	}
	.score {
		font-size: 1rem;
	}
}
.slider {
	height: 2.125rem;
	line-height: 1;
	width: auto;
	position: $pos-rel;
	.marker {
		height: 1rem;
		width: 1rem;
		cursor: pointer;
		position: $pos-abs;
		top: 50%;
		margin-top: -0.5rem;
		border-radius: 2px;
		left: 0;
		background-color: $additional-color-7;
		z-index: 2;
		&:focus {
			border: 2px #24ccda solid;
		}
		&:active {
			border: 2px #24ccda solid;
		}
	}
	.markerhover {
		border: 2px #24ccda solid;
	}
	.slider-backside {
		height: .5rem;
		background: #e9ecef;
		width: 100%;
		line-height: 2.125rem;
		top: 50%;
		margin-top: -0.25rem;
		position: $pos-abs;
	}
	.complete {
		height: .5rem;
		background: #e9ecef;
		width: 100%;
		line-height: 2.125rem;
		top: 50%;
		margin-top: -0.25rem;
		position: $pos-abs;
		width: auto;
		background-color: $additional-color-2;
		z-index: 2;
		transition: background .3s ease;
		left: 0;
	}
	.buffer {
		height: 4px;
		width: auto;
		background-color: $additional-color-6;
		z-index: 1;
		transition: background .3s ease;
		position: $pos-abs;
		top: 50%;
		margin-top: -2px;
		left: 0;
	}
	.slider-hint {
		min-width: 1.8rem;
		width: auto;
		height: auto;
		position: $pos-abs;
		z-index: 3;
		border: 1px #f1f3f1 solid;
		padding: .25rem;
		top: -1.2rem;
		text-align: center;
		font-size: .625rem;
		display: none;
		background: #888ea8;
		color: $white;
		&:before {
			border: 1px #ccc solid;
			border-left: 0;
			border-top: 0;
			content: "";
			width: .25rem;
			height: .25rem;
			display: block;
			position: $pos-abs;
			background-color: inherit;
			margin-top: -0.125rem;
			margin-left: -0.15625rem;
			top: 100%;
			left: 50%;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
		}
	}
	&:hover {
		.complete {
			background-color: $additional-color-6;
		}
	}
	&:active {
		.complete {
			background-color: $additional-color-6;
		}
		&+.marker {
			&:active {
				.complete {
					background-color: $additional-color-6;
				}
			}
		}
	}
}
.slider.hint-bottom {
	.slider-hint {
		top: 100%;
		margin-top: -0.125rem;
		&:before {
			top: -0.0130rem;
			-webkit-transform: rotate(-135deg);
			transform: rotate(-135deg);
		}
	}
}
.slider.permanent-hint {
	>.slider-hint {
		display: block;
	}
}
.slider.place-left {
	margin-right: 20px;
}
.slider.place-right {
	margin-left: 20px;
}
.slider.ani {
	.complete {
		-webkit-animation: ani-bg-stripes 2s linear infinite;
		animation: ani-bg-stripes 2s linear infinite;
	}
}
.slider.vertical {
	min-height: 100px;
	width: 2.125rem;
	display: inline-block;
	.slider-backside {
		position: $pos-abs;
		height: 100%;
		width: .5rem;
		bottom: 0;
		left: 50%;
		margin-left: -0.25rem;
		top: auto;
	}
	.complete {
		position: $pos-abs;
		height: 100%;
		width: .5rem;
		bottom: 0;
		left: 50%;
		margin-left: -0.25rem;
		top: auto;
	}
	.marker {
		left: 50%;
		top: auto;
		margin-left: -0.5rem;
	}
	.buffer {
		position: $pos-abs;
		height: auto;
		width: 6px;
		bottom: 0;
		left: 50%;
		margin-left: -3px;
		top: auto;
	}
	.slider-hint {
		left: 100%;
		margin-top: 0;
		&:before {
			height: .25rem;
			width: .25rem;
			-webkit-transform: rotate(135deg);
			transform: rotate(135deg);
			left: -1px;
			top: 50%;
			margin-top: -0.125rem;
			margin-left: -0.135rem;
		}
	}
}
.slider.vertical.hint-left {
	.slider-hint {
		left: -100%;
		margin-left: .25rem;
		&:before {
			left: 100%;
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}
	}
}
.slider.cycle-marker {
	.marker {
		border-radius: 50%;
	}
}
.treeview {
	margin: 0;
	padding: 0;
	display: block;
	font-size: .75rem;
	ul {
		margin: 0;
		padding: 0;
		list-style: none;
		width: 100%;
		font-size: inherit;
		>li {
			>.leaf {
				&:hover {
					color: $color_76;
				}
			}
		}
	}
	li {
		font-size: 12px;
		padding: 2px 16px;
		cursor: pointer;
		position: $pos-rel;
		color: $color_197;
		vertical-align: $v-align-middle;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		.input-control {
			margin: 0 .3125rem 0 0;
			height: 1rem;
			line-height: .625rem;
			min-height: 0;
			.check {
				line-height: 1rem;
			}
		}
		&:hover {
			>.node-toggle {
				&:before {
					border-bottom-color: $color_53;
				}
			}
		}
	}
	li.active {
		>.leaf {
			font-weight: bold;
		}
	}
	li.disabled {
		cursor: default;
		color: $color_189;
		&:hover {
			>.leaf {
				color: $color_189;
			}
		}
	}
	.leaf {
		vertical-align: $v-align-middle;
		display: inline-block;
		color: inherit;
		.icon {
			width: 1rem;
			height: 1rem;
			text-align: center;
		}
	}
	.node-toggle {
		position: $pos-abs;
		left: 0;
		top: 8px;
		width: 8px;
		height: 8px;
		&:before {
			position: $pos-abs;
			display: block;
			left: 0;
			top: -3px;
			height: 0;
			content: '';
			width: 0;
			border-left: 7px solid $color_none;
			border-top: 7px solid $color_none;
			border-bottom: 7px #e95f2b solid;
		}
	}
	.node.collapsed {
		>.node-toggle {
			&:before {
				left: -4px;
				-webkit-transform: rotate(-45deg);
				transform: rotate(-45deg);
				border-bottom-color: $color_363;
			}
		}
		&:hover {
			>.node-toggle {
				&:before {
					border-bottom-color: $color_3;
				}
			}
		}
		>ul {
			display: none;
		}
	}
}
.listview {
	display: block;
	width: 100%;
	height: auto;
	&:before {
		display: table;
		content: "";
	}
	&:after {
		display: table;
		content: "";
		clear: both;
	}
	.list-group {
		display: block;
		width: 100%;
		height: auto;
		position: $pos-rel;
		&:before {
			display: table;
			content: "";
		}
		&:after {
			display: table;
			content: "";
			clear: both;
		}
		.list-group-toggle {
			display: block;
			padding-left: 16px;
			cursor: pointer;
			position: $pos-rel;
			margin-top: 10px;
			&:before {
				position: $pos-abs;
				display: block;
				left: 0;
				top: -3px;
				height: 0;
				content: '';
				width: 0;
				border-left: 7px solid $color_none;
				border-top: 7px solid $color_none;
				border-bottom: 7px #1ba1e2 solid;
			}
		}
		.list-group-content {
			display: block;
			width: 100%;
			height: auto;
			margin-top: 1rem;
			&:before {
				display: table;
				content: "";
			}
			&:after {
				display: table;
				content: "";
				clear: both;
			}
		}
	}
	.list-group.collapsed {
		>.list-group-toggle {
			&:before {
				left: -4px;
				-webkit-transform: rotate(-45deg);
				transform: rotate(-45deg);
				border-bottom-color: $color_189;
			}
		}
		&:hover {
			>.list-group-toggle {
				&:before {
					border-bottom-color: $color_214;
				}
			}
		}
	}
	.list {
		display: block;
		width: 100%;
		padding: 8px 8px 4px 48px;
		border: 1px $color_none solid;
		cursor: pointer;
		border-bottom-color: $color_200;
		position: $pos-rel;
		line-height: 30px;
		&:last-child {
			border-bottom-color: $color_none;
		}
		.list-icon {
			position: $pos-abs;
			left: 0;
			top: 0;
			margin: 8px;
			width: 32px;
			height: 32px;
			font-size: 32px;
			text-align: center;
		}
		.list-data {
			display: block;
			margin: 4px 0;
		}
		&:hover {
			background-color: $color_355;
			border-color: $color_364;
		}
	}
	.list.active {
		background-color: $color_354;
		border-color: $color_364;
	}
}
.listview.list-type-icons {
	.list {
		display: block;
		float: left;
		padding: 0;
		width: 105px;
		height: 116px;
		border-color: $color_none;
		margin: .625rem;
		text-align: center;
		.list-title {
			position: $pos-abs;
			left: 0;
			right: 0;
			bottom: 4px;
			height: auto;
			text-align: center;
		}
		.list-icon {
			width: 80px;
			height: 80px;
			font-size: 80px;
			text-align: center;
			left: 50%;
			margin-left: -40px;
		}
		.list-data {
			display: none;
		}
	}
}
.listview.list-type-tiles {
	.list {
		display: block;
		float: left;
		padding: 8px 8px 4px 48px;
		width: 250px;
		height: 52px;
		border-color: $color_none;
		margin: .625rem 0;
		.list-title {
			margin-top: 8px;
			display: block;
		}
		.list-icon {
			width: 48px;
			height: 48px;
			font-size: 48px;
			text-align: center;
			top: 0;
			left: 0;
			margin: 2px;
		}
		.list-data {
			display: none;
		}
	}
}
.listview.list-type-listing {
	.list {
		display: block;
		float: left;
		padding: 4px 2px 4px 24px;
		width: auto;
		height: auto;
		border-color: $color_none;
		margin: 1px;
		.list-title {
			display: block;
		}
		.list-icon {
			width: 20px;
			height: 20px;
			font-size: 20px;
			text-align: center;
			top: 0;
			left: 0;
			margin: 8px 1px;
		}
		.list-data {
			display: none;
		}
	}
}
.listview-outlook {
	display: block;
	width: 100%;
	height: auto;
	&:before {
		display: table;
		content: "";
	}
	&:after {
		display: table;
		content: "";
		clear: both;
	}
	.list {
		display: block;
		width: 100%;
		border: 0;
		border-bottom: 1px #eeeeee solid;
		padding: 2px 0;
		color: $color_197;
		margin-bottom: 0;
		background-color: $color_none;
		.list-content {
			margin: 2px 0;
			padding: 2px 20px;
			font-size: 1rem;
			color: inherit;
			border-left: 3px $color_none solid;
			.list-title {
				width: 100%;
				display: block;
				color: inherit;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
				line-height: 1.3;
			}
			.list-subtitle {
				width: 100%;
				display: block;
				color: inherit;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
				font-size: .75rem;
				line-height: 1.2;
				font-weight: 500;
				color: $color_327;
			}
			.list-remark {
				width: 100%;
				display: block;
				color: inherit;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
				font-weight: normal;
				line-height: 1.2;
				font-size: .625rem;
				color: $color_189;
			}
		}
		&:hover {
			background-color: $color_200;
			outline: none;
			.list-content {
				border-left: 3px $color_none solid;
			}
		}
		&:active {
			background-color: $color_356;
			outline: 1px #999999 dotted;
			color: $color_197;
		}
		&:focus {
			background-color: $color_356;
			outline: 1px #999999 dotted;
			color: $color_197;
		}
	}
	.list.marked {
		.list-content {
			border-left: 3px #4073FF solid;
		}
	}
	.list.active {
		background-color: $color_356;
		outline: 1px #999999 dotted;
		color: $color_197;
	}
	.list-group {
		display: block;
		position: $pos-rel;
		.list-group-toggle {
			display: block;
			margin-bottom: 2px;
			background-color: $color_357;
			padding: 4px 20px 4px 24px;
			font-size: .875rem;
			font-weight: 500;
			color: $color_43;
			cursor: pointer;
			&:before {
				position: $pos-abs;
				display: block;
				left: 10px;
				top: 6px;
				content: '';
				width: 0;
				height: 0;
				border-left: 7px solid $color_none;
				border-top: 7px solid $color_none;
				border-bottom: 7px solid black;
			}
			&:hover {
				&:before {
					border-bottom-color: $color_327;
				}
			}
		}
		.list-group-content {
			display: block;
		}
	}
	.list-group.collapsed {
		.list-group-toggle {
			&:before {
				-webkit-transform: rotate(-45deg);
				transform: rotate(-45deg);
				margin-left: -4px;
			}
		}
	}
}
.notify-container {
	position: fixed;
	top: 0;
	right: 0;
	width: auto;
	z-index: 1061;
	&:before {
		display: table;
		content: "";
	}
	&:after {
		display: table;
		content: "";
		clear: both;
	}
}
.notify-container.position-left {
	left: 0;
	right: auto;
}
.notify-container.position-top {
	left: 0;
	right: 0;
	top: 0;
	height: auto;
	.notify {
		float: left;
	}
}
.notify-container.position-bottom {
	left: 0;
	right: 0;
	bottom: 0;
	top: auto;
	height: auto;
	.notify {
		float: left;
	}
}
.notify {
	display: block;
	margin: .3125rem;
	padding: .625rem;
	min-width: 200px;
	cursor: default;
	max-width: 300px;
	position: $pos-rel;
	background-color: $color_355;
	color: $color_76;
	.notify-icon {
		width: 32px;
		height: 32px;
		font-size: 32px;
		text-align: center;
		position: $pos-abs;
		margin: -16px 10px;
		top: 50%;
		left: 0;
		&~.notify-title {
			position: $pos-rel;
			margin-left: 42px;
		}
		&~.notify-text {
			position: $pos-rel;
			margin-left: 42px;
		}
	}
	.notify-title {
		display: block;
		margin-right: 20px;
		font-weight: 500;
		font-size: 1rem;
	}
	.notify-text {
		display: block;
		margin-right: 20px;
		font-size: .875rem;
	}
	.notify-closer {
		position: $pos-abs;
		height: 1rem;
		width: 1rem;
		text-align: center;
		vertical-align: $v-align-middle;
		font-size: 1rem;
		font-weight: normal;
		padding: 0 0 .625rem 0;
		z-index: 3;
		outline: none;
		cursor: pointer;
		background-color: $white;
		color: $color_106;
		top: .25rem;
		right: .25rem;
		&:after {
			border-color: $color_106;
			content: '\D7';
			position: $pos-abs;
			left: 50%;
			top: 50%;
			margin-top: -0.65rem;
			margin-left: -0.35rem;
		}
		&:hover {
			background-color: $color_356;
			color: $white;
		}
		&:active {
			background-color: $color_358;
			color: $white;
		}
	}
}
.notify.success {
	background-color: $color_185;
	color: $white;
	.notify-closer {
		background-color: $color_185;
		color: $white;
		&:hover {
			background-color: $color_211;
		}
		&:active {
			background-color: $color_215;
		}
	}
}
.notify.alert {
	background-color: $color_125;
	color: $white;
	.notify-closer {
		background-color: $color_125;
		color: $white;
		&:hover {
			background-color: $color_315;
		}
		&:active {
			background-color: $color_216;
		}
	}
}
.notify.warning {
	background-color: $color_212;
	color: $white;
	.notify-closer {
		background-color: $color_212;
		color: $white;
		&:hover {
			background-color: $color_208;
		}
		&:active {
			background-color: $color_345;
		}
	}
}
.notify.info {
	background-color: $color_188;
	color: $white;
	.notify-closer {
		background-color: $color_188;
		color: $white;
		&:hover {
			background-color: $color_199;
		}
		&:active {
			background-color: $color_214;
		}
	}
}
p {
	[data-hint] {
		border-bottom: 1px #373737 dotted;
		white-space: nowrap;
	}
}
.hint {
	position: fixed;
	color: $color_76;
	padding: 10px;
	font-size: 12px;
	width: auto;
	max-width: 220px;
	margin-top: 10px;
	z-index: 1030;
	display: none;
	border: 1px #eee solid;
	.hint-title {
		color: inherit;
		text-align: left;
		font-size: 1.2em;
		font-weight: bold;
	}
	.hint-text {
		color: inherit;
		text-align: left;
	}
	&:before {
		content: '';
		position: $pos-abs;
		background-color: inherit;
		width: 10px;
		height: 10px;
		border: 1px #eee solid;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		z-index: 2;
	}
}
.hint.bottom {
	&:before {
		top: 1px;
		left: 5px;
		margin: -7px 0;
		border-bottom: none;
		border-right: none;
	}
}
.hint.top {
	&:before {
		top: 100%;
		margin-top: -5px;
		left: 5px;
		border-top: none;
		border-left: none;
	}
}
.hint.left {
	&:before {
		top: 5px;
		left: 100%;
		margin-left: -5px;
		border-bottom: none;
		border-left: none;
	}
}
.hint.right {
	&:before {
		top: 5px;
		left: -9px;
		margin: 1px 0 0 3px;
		border-top: none;
		border-right: none;
	}
}
.hint2 {
	position: fixed;
	color: $color_76;
	padding: 10px;
	font-size: 12px;
	width: auto;
	max-width: 220px;
	margin-top: 10px;
	z-index: 1030;
	display: none;
	border: 1px #eee solid;
	.hint-title {
		color: inherit;
		text-align: left;
		font-size: 1.2em;
		font-weight: bold;
	}
	.hint-text {
		color: inherit;
		text-align: left;
	}
	&:before {
		content: '';
		position: $pos-abs;
		background-color: inherit;
		width: 10px;
		height: 10px;
		border: 1px #eee solid;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		z-index: 2;
	}
}
.hint2.bottom {
	&:before {
		top: 1px;
		left: 5px;
		margin: -7px 0;
		border-bottom: none;
		border-right: none;
		top: 1px;
		left: 50%;
		margin: -7px 0 0 -5px;
		border-bottom: none;
		border-right: none;
	}
}
.hint2.top {
	&:before {
		top: 100%;
		margin-top: -5px;
		left: 5px;
		border-top: none;
		border-left: none;
		top: 100%;
		margin-top: -5px;
		left: 50%;
		margin-left: -5px;
		border-top: none;
		border-left: none;
	}
}
.hint2.left {
	&:before {
		top: 5px;
		left: 100%;
		margin-left: -5px;
		border-bottom: none;
		border-left: none;
		top: 50%;
		margin-top: -5px;
		left: 100%;
		margin-left: -5px;
		border-bottom: none;
		border-left: none;
	}
}
.hint2.right {
	&:before {
		top: 5px;
		left: -9px;
		margin: 1px 0 0 3px;
		border-top: none;
		border-right: none;
		top: 50%;
		margin: -5px 0 0 3px;
		left: -9px;
		border-top: none;
		border-right: none;
	}
}
.hint2.no-border {
	border: none;
	border: none;
	&:before {
		border: none;
		border: none;
	}
}
.hint2.no-border.right {
	&:before {
		left: -7px;
		left: -7px;
	}
}
.hint.no-border {
	border: none;
	&:before {
		border: none;
	}
}
.hint.no-border.right {
	&:before {
		left: -7px;
	}
}
.hint2.line {
	padding: 2px 4px;
	border: none;
	display: block;
	max-width: 100%;
	margin: -5px 0 4px 0;
	&:before {
		display: none;
	}
}
.keypad {
	position: $pos-rel;
	width: 106px;
	padding: 1px;
	border: 1px #eeeeee solid;
	vertical-align: $v-align-middle;
	background-color: $white;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	&:before {
		display: table;
		content: "";
	}
	&:after {
		display: table;
		content: "";
		clear: both;
	}
	.key {
		width: 32px;
		height: 32px;
		display: block;
		float: left;
		margin: 1px;
		border: 1px #eeeeee solid;
		vertical-align: $v-align-middle;
		text-align: center;
		cursor: pointer;
		font-size: .875rem;
		line-height: 32px;
		&:hover {
			background-color: $color_200;
		}
		&:active {
			background-color: $color_197;
			color: $white;
		}
	}
}
.keypad.shadow {
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}
.op-default {
	background-color: $color_195;
}
.fg-black {
	color: $black !important;
}
.bg-black {
	background-color: $black !important;
}
.fg-white {
	color: $white !important;
}
.bg-white {
	background-color: $white !important;
}
.fg-lime {
	color: $color_328 !important;
}
.bg-lime {
	background-color: $color_328 !important;
}
.fg-green {
	color: $color_185 !important;
}
.bg-green {
	background-color: $color_207 !important;
}
.fg-emerald {
	color: $color_329 !important;
}
.bg-emerald {
	background-color: $color_329 !important;
}
.fg-blue {
	color: $color_330 !important;
}
.bg-blue {
	background-color: $color_330 !important;
}
.fg-teal {
	color: $color_196 !important;
}
.bg-teal {
	background-color: $color_196 !important;
}
.fg-cyan {
	color: $color_188 !important;
}
.bg-cyan {
	background-color: $additional-color-3 !important;
	border: 2px solid #f8538d !important;
}
.fg-cobalt {
	color: $color_331 !important;
}
.bg-cobalt {
	background-color: $color_331 !important;
}
.fg-indigo {
	color: $color_332 !important;
}
.bg-indigo {
	background-color: $color_332 !important;
}
.fg-violet {
	color: $color_333 !important;
}
.bg-violet {
	background-color: $color_333 !important;
}
.fg-pink {
	color: $color_366 !important;
}
.bg-pink {
	background-color: $color_359 !important;
}
.fg-magenta {
	color: $color_334 !important;
}
.bg-magenta {
	background-color: $color_334 !important;
}
.fg-crimson {
	color: $color_335 !important;
}
.bg-crimson {
	background-color: $color_335 !important;
}
.fg-red {
	color: $color_187 !important;
}
.bg-red {
	background-color: $color_3 !important;
}
.fg-orange {
	color: $color_212 !important;
}
.bg-orange {
	background-color: $color_212 !important;
}
.fg-amber {
	color: $color_336 !important;
}
.bg-amber {
	background-color: $color_317 !important;
}
.fg-yellow {
	color: $color_186 !important;
}
.bg-yellow {
	background-color: $color_294 !important;
}
.fg-brown {
	color: $color_360 !important;
}
.bg-brown {
	background-color: $color_360 !important;
}
.fg-olive {
	color: $color_337 !important;
}
.bg-olive {
	background-color: $color_337 !important;
}
.fg-steel {
	color: $color_194 !important;
}
.bg-steel {
	background-color: $color_194 !important;
}
.fg-mauve {
	color: $color_338 !important;
}
.bg-mauve {
	background-color: $color_338 !important;
}
.fg-taupe {
	color: $color_339 !important;
}
.bg-taupe {
	background-color: $color_339 !important;
}
.fg-dark {
	color: $color_76 !important;
}
.bg-dark {
	background-color: $color_325 !important;
}
.fg-darkBrown {
	color: $color_361 !important;
}
.bg-darkBrown {
	background-color: $color_361 !important;
}
.fg-darkCrimson {
	color: $color_340 !important;
}
.bg-darkCrimson {
	background-color: $color_340 !important;
}
.fg-darkMagenta {
	color: $color_341 !important;
}
.bg-darkMagenta {
	background-color: $color_341 !important;
}
.fg-darkIndigo {
	color: $color_342 !important;
}
.bg-darkIndigo {
	background-color: $color_342 !important;
}
.fg-darkCyan {
	color: $color_214 !important;
}
.bg-darkCyan {
	background-color: $color_214 !important;
}
.fg-darkCobalt {
	color: $color_362 !important;
}
.bg-darkCobalt {
	background-color: $color_362 !important;
}
.fg-darkTeal {
	color: $color_343 !important;
}
.bg-darkTeal {
	background-color: $color_343 !important;
}
.fg-darkEmerald {
	color: $color_344 !important;
}
.bg-darkEmerald {
	background-color: $color_344 !important;
}
.fg-darkGreen {
	color: $color_215 !important;
}
.bg-darkGreen {
	background-color: $color_215 !important;
}
.fg-darkOrange {
	color: $color_345 !important;
}
.bg-darkOrange {
	background-color: $color_345 !important;
}
.fg-darkRed {
	color: $color_216 !important;
}
.bg-darkRed {
	background-color: $color_315 !important;
}
.fg-darkPink {
	color: $color_346 !important;
}
.bg-darkPink {
	background-color: $color_346 !important;
}
.fg-darkViolet {
	color: $color_347 !important;
}
.bg-darkViolet {
	background-color: $color_347 !important;
}
.fg-darkBlue {
	color: $color_348 !important;
}
.bg-darkBlue {
	background-color: $color_348 !important;
}
.fg-lightBlue {
	color: $color_209 !important;
}
.bg-lightBlue {
	background-color: $color_209 !important;
}
.fg-lighterBlue {
	color: $color_201 !important;
}
.bg-lighterBlue {
	background-color: $color_201 !important;
}
.fg-lightTeal {
	color: $color_349 !important;
}
.bg-lightTeal {
	background-color: $color_349 !important;
}
.fg-lightOlive {
	color: $color_350 !important;
}
.bg-lightOlive {
	background-color: $color_350 !important;
}
.fg-lightOrange {
	color: $color_208 !important;
}
.bg-lightOrange {
	background-color: $color_208 !important;
}
.fg-lightPink {
	color: $color_351 !important;
}
.bg-lightPink {
	background-color: $color_351 !important;
}
.fg-lightRed {
	color: $color_210 !important;
}
.bg-lightRed {
	background-color: $color_38 !important;
}
.fg-lightGreen {
	color: $color_211 !important;
}
.bg-lightGreen {
	background-color: $color_211 !important;
}
.fg-lightCyan {
	color: $color_199 !important;
}
.bg-lightCyan {
	background-color: $color_199 !important;
}
.fg-grayed {
	color: $color_352 !important;
}
.bg-grayed {
	background-color: $color_352 !important;
}
.fg-grayDarker {
	color: $color_353 !important;
}
.bg-grayDarker {
	background-color: $color_353 !important;
}
.fg-grayDark {
	color: $color_43 !important;
}
.bg-grayDark {
	background-color: $color_43 !important;
}
.fg-gray {
	color: $color_197 !important;
}
.bg-gray {
	background-color: $color_197 !important;
}
.fg-grayLight {
	color: $color_189 !important;
}
.bg-grayLight {
	background-color: $color_189 !important;
	color: $white;
}
.fg-grayLighter {
	color: $color_200 !important;
}
.bg-grayLighter {
	background-color: $color_6 !important;
}
.fg-lightGray {
	color: $color_189 !important;
}
.bg-lightGray {
	background-color: $color_189 !important;
}
.fg-lighterGray {
	color: $color_200 !important;
}
.bg-lighterGray {
	background-color: $color_200 !important;
}
.fg-darkGray {
	color: $color_43 !important;
}
.bg-darkGray {
	background-color: $color_43 !important;
}
.fg-darkerGray {
	color: $color_353 !important;
}
.bg-darkerGray {
	background-color: $color_353 !important;
}
.fg-darker {
	color: $color_353 !important;
}
.bg-darker {
	background-color: $color_353 !important;
}
.rotate45 {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.rotate90 {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.rotate135 {
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.rotate180 {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.rotate225 {
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
.rotate270 {
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
}
.rotate360 {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
.rotate-45 {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.rotate-90 {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.rotate-135 {
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.rotate-180 {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.rotate-225 {
	-webkit-transform: rotate(-225deg);
	transform: rotate(-225deg);
}
.rotate-270 {
	-webkit-transform: rotate(-270deg);
	transform: rotate(-270deg);
}
.rotate-360 {
	-webkit-transform: rotate(-360deg);
	transform: rotate(-360deg);
}
.rotateX45 {
	-webkit-transform: rotateX(45deg);
	transform: rotateX(45deg);
}
.rotateX90 {
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg);
}
.rotateX135 {
	-webkit-transform: rotateX(135deg);
	transform: rotateX(135deg);
}
.rotateX180 {
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
}
.rotateX225 {
	-webkit-transform: rotateX(225deg);
	transform: rotateX(225deg);
}
.rotateX270 {
	-webkit-transform: rotateX(270deg);
	transform: rotateX(270deg);
}
.rotateX360 {
	-webkit-transform: rotateX(360deg);
	transform: rotateX(360deg);
}
.rotateX-45 {
	-webkit-transform: rotateX(-45deg);
	transform: rotateX(-45deg);
}
.rotateX-90 {
	-webkit-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}
.rotateX-135 {
	-webkit-transform: rotateX(-135deg);
	transform: rotateX(-135deg);
}
.rotateX-180 {
	-webkit-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
}
.rotateX-225 {
	-webkit-transform: rotateX(-225deg);
	transform: rotateX(-225deg);
}
.rotateX-270 {
	-webkit-transform: rotateX(-270deg);
	transform: rotateX(-270deg);
}
.rotateX-360 {
	-webkit-transform: rotateX(-360deg);
	transform: rotateX(-360deg);
}
.rotateY45 {
	-webkit-transform: rotateY(45deg);
	transform: rotateY(45deg);
}
.rotateY90 {
	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg);
}
.rotateY135 {
	-webkit-transform: rotateY(135deg);
	transform: rotateY(135deg);
}
.rotateY180 {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
.rotateY225 {
	-webkit-transform: rotateY(225deg);
	transform: rotateY(225deg);
}
.rotateY270 {
	-webkit-transform: rotateY(270deg);
	transform: rotateY(270deg);
}
.rotateY360 {
	-webkit-transform: rotateY(360deg);
	transform: rotateY(360deg);
}
.rotateY-45 {
	-webkit-transform: rotateY(-45deg);
	transform: rotateY(-45deg);
}
.rotateY-90 {
	-webkit-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
}
.rotateY-135 {
	-webkit-transform: rotateY(-135deg);
	transform: rotateY(-135deg);
}
.rotateY-180 {
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}
.rotateY-225 {
	-webkit-transform: rotateY(-225deg);
	transform: rotateY(-225deg);
}
.rotateY-270 {
	-webkit-transform: rotateY(-270deg);
	transform: rotateY(-270deg);
}
.rotateY-360 {
	-webkit-transform: rotateY(-360deg);
	transform: rotateY(-360deg);
}
.page-content {
	padding-top: 48px;
}
.color-list {
	li {
		display: inline-block;
		padding: 10px;
		width: 14.2857%;
	}
}
.prettyprint {
	background-color: $color_200;
	border: 0 !important;
	border-width: 1px !important;
	border-color: $color_200 !important;
	border-left: 8px #555555 solid !important;
	overflow: hidden;
	overflow-x: scroll;
	ol {
		background-color: $color_none !important;
	}
	li {
		background-color: $white !important;
		list-style-type: decimal !important;
		padding-left: 1em;
		border-bottom: 1px #eee solid;
		&:last-child {
			border-bottom: 0;
		}
	}
	code {
		.tag {
			font-size: .7rem;
		}
	}
}
.demo-grid {
	.row {
		>.cell {
			padding: 10px;
			background-color: $color_365;
			color: $white;
			text-align: center;
			border: 1px #000 solid;
		}
	}
}
.thumb {
	background: white;
	padding: 4px;
	display: inline-block;
	height: 2.375rem;
	width: 2.375rem;
	border: 1px $color_none solid;
	cursor: pointer;
}
@media (max-width: 575px) {
	.listview.list-type-tiles {
		.list {
			width: 100%;
		}
	}
}
@media (max-width: 768px) {
	.button.loading-pulse {
		position: $pos-rel;
		padding: 0 1rem 0 1.9rem;
	}
	.button.loading-cube {
		position: $pos-rel;
		padding: 0 1rem 0 1.9rem;
	}
}
@media screen and (max-width: 800px) {
	.app-bar.fixed-top {
		position: $pos-rel !important;
	}
	.page-content {
		padding-top: 0 !important;
	}
}
@media screen and (max-width: 640px) {
	.page-content {
		padding-top: 32px;
	}
}