/* FONTAWSEOME ================================================= */
.mzfa::before {
	font: normal normal normal 14px FontAwesome;
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
	display: inline-block;
	text-rendering: auto;
}
	

/* FLEX ======================================================= */
/* CONTAINERS */
.fx-vr {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
}
.fx-hz {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-around;
}
.fx-hz.fx-wrap, .fx-vr.fx-wrap {
	flex-wrap: wrap;
}
.fx-hz.fx-stretch, .fx-vr.fx-stretch{
	align-items: stretch;
	align-content: stretch;
}
/* FX FLIP */
@media (orientation: portrait) {
	.fx-vr.fx-flip, .fx-hz.fx-flip {
		display: block;
	}
}
/* ELEMENTS */
.fx  { -ms-flex: 1; flex: 1; }
.fx2 { -ms-flex: 2; flex: 2; }
.fx3 { -ms-flex: 3; flex: 3; }
.fx4 { -ms-flex: 4; flex: 4; }

/* POSITIONING ================================================ */
.absfill {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}
.abscenter {
	transform: translateX(-50%) translateY(-50%);
	position: absolute;
	left: 50%;
	top: 50%;
}
.fixedfill {
	position: fixed;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}
.fixedcenter {
	transform: translateX(-50%) translateY(-50%);
	position: fixed;
	left: 50%;
	top: 50%;
}
.mz-ctw {
	text-align: center;
	width: 100%;
}
.rel {
	position: relative;
}
.fill {
	width: 100%;
}
.mz-scrolly {
	overflow-y: auto;
}
.mz-noscroll {
	overflow-y: hidden !important;
	overflow-x: hidden !important;
}


/* BUTTONS ==================================================== */
.mzbut, .mzbut3d {
	/* COLORING */
	background-color:#79bbff;
	color: white;
	/* BORDER / SHADOW */
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	/* BOX */
	border: 1px solid rgba(0,0,0,0.2);
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	overflow: hidden;
	padding: 0 10px;
	min-width: 60px;
	cursor:pointer;
	/* FONT */
	text-decoration: none;
	text-align: center;
	line-height: 1.6em;
	font-size: 1em;
	margin:2px;
	/* NO SELECT */
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
/* 3D BUTTON */
.mzbut3d {
	text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
.mzbut3d::before {
	border-bottom: 2px solid black;
	border-right: 2px solid black;
	border-left: 2px solid white;
	border-top: 2px solid white;

	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;

	box-sizing: border-box;
	position: absolute;
	opacity: 0.4;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;

	content: '';
	z-index: 0;
}

/* CLICK & HOVER */
.mzbut:link, .mzbut3d:link {}
.mzbut:visited, .mzbut3d:visited {}
.mzbut:hover, .mzbut3d:hover {
	-webkit-box-shadow:inset 100vw 100vw 0px 0px rgba(255,255,255,0.3);
	-moz-box-shadow:inset 100vw 100vw 0px 0px rgba(255,255,255,0.3);
	box-shadow:inset 100vw 100vw 0px 0px rgba(255,255,255,0.3);
}
.mzbut:active, .mzbut3d:active {
	top:1px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.mzbut3d:active::before {
	border-bottom-color: white;
	border-right-color: white;
	border-left-color: black;
	border-top-color: black;
}

/*
.mzbut::after {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background-color: black;
	position: absolute;
	opacity: 0;
	height: 100%;
	width: 100%;
	content: '';
	z-index: -1;
	left: 2px;
	top: 2px;
}
.mzbut:active::after {
	opacity: 0;
}
*/

/* GENERIC ==================================================== */
.mz-dragging * {
	cursor: move!important;
}
.mz-box {
	box-sizing: border-box;
}
.mz-noborder {
	border: none;
}
.mz-rounded {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.mz-rounded::before {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.mz-no-select {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.mz-hide {
	display: none !important;
}

/* FILTERS AND EFFECTS ======================================== */
#mz-content { transition: filter 0.1s linear; }
#mz-header  { transition: filter 0.1s linear; }
#mz-footer  { transition: filter 0.1s linear; }
.mz-blur {
	filter: blur(5px);
}

/* CLICKABLE CONTENT ========================================== */
.mz-click {
	cursor: pointer;
	transition-duration: 0.1s;
}
.mz-click:hover {
	transform: scale(1.08);
}
.mz-click:active {
	transform: scale(1.04);
}

/* POINTER CURSOR ============================================= */
.mz-point {
	cursor: pointer!important;
}

/* ICONS ====================================================== */
.mz-ico {
	position: relative;
}
.mz-ico::before {
	font: normal normal normal 14px FontAwesome;
	transform: translateX(-50%) translateY(-50%);
	display: inline-block;
	text-rendering: auto;
	position: absolute;
	left: 50%;
	top: 50%;
}

/* COLORING =================================================== */
.red {
	background-color: #be1333;
	color: white;
}
.blue {
	background-color: #35a7e1;
	color: white;
}
.green {
	background-color: #71c448;
	color: white;
}
.silver {
	background-color: #f0f0f0;
	color: black;
}
.orange {
	background-color: orange;
	color: white;
}

/* CONTEXT MENU =============================================== */
.mz-context {
	position: absolute;
	display: none;
}

/* CONTEXT MENU =============================================== */
.mz-context-bg {
	-webkit-box-shadow: 6px 6px 6px 2px rgba(0,0,0,0.2);
	   -moz-box-shadow: 6px 6px 6px 2px rgba(0,0,0,0.2);
	        box-shadow: 6px 6px 6px 2px rgba(0,0,0,0.2);
	border: 1px solid #dbdbdb;
	background-color: white;
	display: block;
	padding: 10px;
}
ul.mz-context-bg {
	list-style-type: none;
	overflow: hidden;
	width: 200px;
	padding: 0;
}
ul.mz-context-bg li {
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	border-bottom: 1px solid #dbdbdb;
	padding: 5px 10px;
	cursor: pointer;
	margin: 0;
	color: black;
	width: 100%;
}
ul.mz-context-bg li:hover {
	background-color: #edf1f5;
}
ul.mz-context-bg li:active {
	position: relative;
	top: 1px;
}

/* LOADING OVERLAY ============================================ */
body .mz-spinner {
	background: rgba(179, 179, 179, 0.3);
	z-index: 999999999;
	position: fixed;
	display: none;
	color: white;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}
body.mz-first-load .mz-spinner {
	background: rgba(238, 241, 245, 1);
}
body.mz-loading .mz-spinner, body.mz-first-load .mz-spinner {
	display: block;
}
.mz-spinner div {
	z-index: 9999999999;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}
.mz-spinner div img {
	height: 36px;
	width: 36px;
	-webkit-animation: mz-spinning-anim 1s linear infinite;
	   -moz-animation: mz-spinning-anim 1s linear infinite;
	    -ms-animation: mz-spinning-anim 1s linear infinite;
	     -o-animation: mz-spinning-anim 1s linear infinite;
			animation: mz-spinning-anim 1s linear infinite;
}

/* ANIMATIONS ================================================= */

/* SPINNING */
@keyframes mz-spinning-anim {
	from {
		-webkit-transform: rotate(0deg);
		     -o-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		     -o-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}

/* FADE IN */
.mz-fadein {   animation: mz-fadein 0.3s linear;
	-webkit-animation: mz-fadein 0.3s linear;
	   -moz-animation: mz-fadein 0.3s linear;
	    -ms-animation: mz-fadein 0.3s linear;
	     -o-animation: mz-fadein 0.3s linear;
			opacity: 1; }
@-webkit-keyframes mz-fadein { from { opacity: 0; } to { opacity: 1; } }
@-moz-keyframes mz-fadein {    from { opacity: 0; } to { opacity: 1; } }
@-ms-keyframes mz-fadein {     from { opacity: 0; } to { opacity: 1; } }
@-o-keyframes mz-fadein {      from { opacity: 0; } to { opacity: 1; } }
@keyframes mz-fadein {         from { opacity: 0; } to { opacity: 1; } }

/* FADE OUT */
.mz-fadeout {
	-webkit-animation: mz-fadeout 0.3s linear;
	   -moz-animation: mz-fadeout 0.3s linear;
	    -ms-animation: mz-fadeout 0.3s linear;
	     -o-animation: mz-fadeout 0.3s linear;
			animation: mz-fadeout 0.3s linear;
	opacity: 0; }
@-webkit-keyframes mz-fadeout { from { opacity: 1; } to { opacity: 0; } }
@-moz-keyframes mz-fadeout {    from { opacity: 1; } to { opacity: 0; } }
@-ms-keyframes mz-fadeout {     from { opacity: 1; } to { opacity: 0; } }
@-o-keyframes mz-fadeout {      from { opacity: 1; } to { opacity: 0; } }
@keyframes mz-fadeout {         from { opacity: 1; } to { opacity: 0; } }

/* POP IN */
.mz-pop-in {
	-webkit-animation: mz-pop-in 300ms normal ease-in;
	   -moz-animation: mz-pop-in 300ms normal ease-in;
	    -ms-animation: mz-pop-in 300ms normal ease-in;
	     -o-animation: mz-pop-in 300ms normal ease-in;
	        animation: mz-pop-in 300ms normal ease-in;
}
@-webkit-keyframes mz-pop-in { from { opacity: 0; transform:scale(1.1);} to { } }
@-moz-keyframes mz-pop-in {    from { opacity: 0; transform:scale(1.1);} to { } }
@-ms-keyframes mz-pop-in {     from { opacity: 0; transform:scale(1.1);} to { } }
@-o-keyframes mz-pop-in {      from { opacity: 0; transform:scale(1.1);} to { } }
@keyframes mz-pop-in {         from { opacity: 0; transform:scale(1.1);} to { } }

/* GROW IN */
.mz-grow-in {
	-webkit-animation: mz-grow-in 300ms normal ease-in;
	   -moz-animation: mz-grow-in 300ms normal ease-in;
	    -ms-animation: mz-grow-in 300ms normal ease-in;
	     -o-animation: mz-grow-in 300ms normal ease-in;
	        animation: mz-grow-in 300ms normal ease-in;
}
@-webkit-keyframes mz-grow-in { from { opacity: 0; transform:scale(0.1);} to { } }
@-moz-keyframes mz-grow-in {    from { opacity: 0; transform:scale(0.1);} to { } }
@-ms-keyframes mz-grow-in {     from { opacity: 0; transform:scale(0.1);} to { } }
@-o-keyframes mz-grow-in {      from { opacity: 0; transform:scale(0.1);} to { } }
@keyframes mz-grow-in {         from { opacity: 0; transform:scale(0.1);} to { } }

/* GROW IN CENTERED */
.mz-grow-in-centered {
	-webkit-animation: mz-grow-in-centered 300ms normal ease-in;
	   -moz-animation: mz-grow-in-centered 300ms normal ease-in;
	    -ms-animation: mz-grow-in-centered 300ms normal ease-in;
	     -o-animation: mz-grow-in-centered 300ms normal ease-in;
	        animation: mz-grow-in-centered 300ms normal ease-in;
}
@-webkit-keyframes mz-grow-in-centered { from { transform:translateX(-50%) translateY(-50%) scale(0.01);} to { } }
@-moz-keyframes mz-grow-in-centered {    from { transform:translateX(-50%) translateY(-50%) scale(0.01);} to { } }
@-ms-keyframes mz-grow-in-centered {     from { transform:translateX(-50%) translateY(-50%) scale(0.01);} to { } }
@-o-keyframes mz-grow-in-centered {      from { transform:translateX(-50%) translateY(-50%) scale(0.01);} to { } }
@keyframes mz-grow-in-centered {         from { transform:translateX(-50%) translateY(-50%) scale(0.01);} to { } }

/* FUNCTIONALITY */
.mz-copy {
	cursor: pointer !important;
}
.mz-copy:hover {
	text-decoration: underline !important;
}

/* INPUTS*/
.mz-input-replaced {
	background-color: transparent !important;
	background: transparent !important;
	color: transparent !important;
	visibility: none !important;
	border: none !important;
	opacity: 0 !important;
	z-index: 0 !important;
}

/* GLUE ======================================================= */
.mz-glue-container {
	overflow: hidden;
	position: fixed;
	z-index: 1;
	left: 100%;
	top: 100%;
	height: 0;
	width: 0;
}
.mz-shadow {
	-webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.27); 
	box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.27);
}
.mz-shadow.mz-glue-t {
	-webkit-box-shadow: 0px -4px 4px 0px rgba(0,0,0,0.27); 
	box-shadow: 0px -4px 4px 0px rgba(0,0,0,0.27);
}
.mz-shadow.mz-glue-r {
	-webkit-box-shadow: 4px 0px 4px 0px rgba(0,0,0,0.27); 
	box-shadow: 4px 0px 4px 0px rgba(0,0,0,0.27);
}
.mz-shadow.mz-glue-b {
	-webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.27); 
	box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.27);
}
.mz-shadow.mz-glue-l {
	-webkit-box-shadow: -4px 0px 4px 0px rgba(0,0,0,0.27); 
	box-shadow: -4px 0px 4px 0px rgba(0,0,0,0.27);
}
/* TOOLTIPS =================================================== */
.mz-tooltip {
	transition: opacity 0.3s ease-in-out;
	position: relative;
	padding: 10px;
	opacity: 0;
	font-size: 0.9rem;
}
.mz-tooltip.show {
	position: fixed;
	opacity: 1;
}
.mz-tooltip-text {
	background-color: #393946;
	border-radius: 4px;
	text-align: center;
	position: relative;
	padding: 5px 15px;
	min-height: 20px;
	min-width: 100px;
	color: #fff;
}
.mz-tooltip-text::after { /* ARROW */
	border-style: solid;
	position: absolute;
	border-width: 5px;
	color: #393946;
	content: " ";
}
.mz-tooltip.mz-glue-t .mz-tooltip-text::after { /* BTM ARROW */
	top: 100%; /* At the bottom of the tooltip */
	left: 50%;
	transform: translateX(-50%);
	border-color: #393946 transparent transparent transparent;
}
.mz-tooltip.mz-glue-b .mz-tooltip-text::after { /* TOP ARROW */
	bottom: 100%;	/* At the top of the tooltip */
	left: 50%;
	transform: translateX(-50%);
	border-color: transparent transparent #393946 transparent;
}
.mz-tooltip.mz-glue-r .mz-tooltip-text::after { /* LEFT ARROW */
	top: 50%;
	right: 100%; /* To the left of the tooltip */
	transform: translateY(-50%);
	border-color: transparent #393946 transparent transparent;
}
.mz-tooltip.mz-glue-l .mz-tooltip-text::after { /* RIGHT ARROW */
	top: 50%;
	left: 100%; /* To the right of the tooltip */
	transform: translateY(-50%);
	border-color: transparent transparent transparent #393946;
}
/* TOOLTIP VARIATIONS */
.mz-tooltip.white .mz-tooltip-text::after { color: #e6e6e6; }
.mz-tooltip.white .mz-tooltip-text { background-color: #e6e6e6; color: black; }
.mz-tooltip.white.mz-glue-t .mz-tooltip-text::after { border-top-color: #e6e6e6; }
.mz-tooltip.white.mz-glue-b .mz-tooltip-text::after { border-bottom-color: #e6e6e6; }
.mz-tooltip.white.mz-glue-r .mz-tooltip-text::after { border-right-color: #e6e6e6; }
.mz-tooltip.white.mz-glue-l .mz-tooltip-text::after { border-left-color: #e6e6e6; }

/* AUTOCOMPLETE =============================================== */
ul.mz-autocomplete {
	-webkit-box-shadow: 6px 6px 6px 2px rgba(0,0,0,0.2);
	   -moz-box-shadow: 6px 6px 6px 2px rgba(0,0,0,0.2);
	        box-shadow: 6px 6px 6px 2px rgba(0,0,0,0.2);
	transition: opacity 0.25s linear;
	border: 1px solid #dbdbdb;
	background-color: white;
	list-style-type: none;
	position: absolute;
	max-height: 200px;
	overflow-y: auto;
	display: block;
	padding: 10px;
	width: 200px;
	opacity: 0;
	padding: 0;
}
ul.mz-autocomplete.show {
	opacity: 1;
}
ul.mz-autocomplete li {
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	border-bottom: 1px solid #dbdbdb;
	padding: 5px 10px;
	cursor: pointer;
	color: black;
	width: 100%;
	margin: 0;
}
ul.mz-autocomplete li:hover {
	background-color: #edf1f5;
}
ul.mz-autocomplete li:active {
	position: relative;
	top: 1px;
}


/* STANDARD POPS */
.mz-pop-error {
	
}
.mz-pop-info {
	
}
.mz-pop-confirm {
	
}
.mz-pop-info .mz-pop-head,
.mz-pop-error .mz-pop-head {
	text-align: left;
}
.mz-pop-info .mz-pop-head .fa {
	margin-right: 7px;
	color: #91c4d3;
}
.mz-pop-error .mz-pop-head .fa {
	margin-right: 7px;
	color: #d76565;
}
.mz-pop-info .mz-pop,
.mz-pop-error .mz-pop {
	cursor: pointer;
}
.mz-pop-info .mz-pop-kill,
.mz-pop-error .mz-pop-kill {
	display: none;
}
.mz-pop-confirm .mz-pop-head {
	border-bottom: none;
}
.mz-pop-info .mz-pop-foot,
.mz-pop-error .mz-pop-foot,
.mz-pop-confirm .mz-pop-foot {
	border-top: none;
}
.mz-pop-info .mz-pop-body,
.mz-pop-error .mz-pop-body,
.mz-pop-confirm .mz-pop-body {
	min-height: 1px;
}

/* POP CONTAINER */
.mz-pop-bg {
	background-color: rgba(217, 217, 217, 0.5);
	transition: opacity 0.5s ease-in-out;
	cursor: pointer;
	position: fixed;
	overflow: auto;
	height: 100%;
	width: 100%;
	opacity: 0;
	left: 0;
	top: 0;
}
.mz-pop-bg.show {
	opacity: 1;
}
.mz-pop {
	transition: top 0.7s ease-in-out;
	transition: top 0.7s cubic-bezier(.75,.6,.71,1.11);
	transform: translateX(-50%) translateY(-50%);
	padding: 1.5rem 1.25rem 1rem 1.25rem;
	background-color: white;
	box-sizing: border-box;
	flex-direction: column;
	position: absolute;
	max-height: 90vh;
	max-width: 90vw;
	cursor: default;
	display: flex;
	width: 600px;
	top: -100%;
	left: 50%;
}
.mz-pop-info .mz-pop,
.mz-pop-error .mz-pop {
	top: 50%;
}
.mz-pop-bg.show .mz-pop {
	top: 50%;
}
.mz-pop-head {
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 5px;
	margin-bottom: 5px;
	text-align: center;
	font-size: 1.2rem;
	flex-shrink: 0;
	flex-grow: 0;
	width: 100%;
}
.mz-pop-body {
	min-height: 50px;
	overflow: auto;
	flex-shrink: 1;
	padding: 10px;
	flex-grow: 1;
	ms-flex: 1;
	flex: 1;
}
.mz-pop-foot {
	border-top: 1px solid #e3e3e3;
	text-align: center;
	padding-top: 5px;
	margin-top: 5px;
	flex-shrink: 0;
	flex-grow: 0;
	width: 100%;
}
.mz-pop-kill {
	background-color: #a1abb5;
	position: absolute;
	text-align: center;
	border-radius: 2px;
	line-height: 8px;
	font-weight: bold;
	cursor: pointer;
	padding: 5px;
	color: white;
	right: 10px;
	top: 10px;
}
.mz-pop-kill:hover {
	background-color: #bbc6d0;
}
.mz-pop-kill::before {
	content: 'X';
}
.mz-pop-bg.mz-pop-noclose { cursor: default; }
.mz-pop-noclose .mz-pop-kill { display:none; }