/* FONTAWSEOME ================================================= */
.mzfa::before {
	font: normal normal normal 14px FontAwesome;
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
	display: inline-block;
	text-rendering: auto;
}
	
/* FLEX ======================================================= */
.mz-space-around {
	justify-content: space-around;
	flex-direction: row;
	display: flex;
}
.mz-col {
	flex-direction: column;
	display: flex;
}
.mz-flex {
	flex: 1;
}

/* MIEZ FLEX ================================================== */
.mz-row {
	flex-direction: row;
	flex-wrap: wrap;
	display: flex;
	width: 100%;
}
/* FIELD ROWS AND COLS */
.mz-field-row {
	justify-content: flex-start;
	margin: 0.25em 0;/*-0.25em;*/
	align-items: flex-end;
	flex-direction: row;
	flex-wrap: wrap;
	display: flex;
	width: 100%;
	/*width: calc(100% + 0.5em);*/
}

.mz-row.mz-gap-25 { margin: 0.25em -0.25em; width: calc(100% + 0.5em); }
.mz-row.mz-gap-5 { margin: 0.5 -0.5em; width: calc(100% + 1em); }
.mz-field-row > .mz-col-1,.mz-field-row > .mz-col-2,.mz-field-row > .mz-col-3,
.mz-field-row > .mz-col-4,.mz-field-row > .mz-col-5,.mz-field-row > .mz-col-6,
.mz-field-row > .mz-col-7,.mz-field-row > .mz-col-8,.mz-field-row > .mz-col-9,
.mz-field-row > .mz-col-10,.mz-field-row > .mz-col-11,.mz-field-row > .mz-col-12,
.mz-field-row > .mz-col
{ padding: 0.25em; }

.mz-row.mz-gap-25 > .mz-col-1,.mz-row.mz-gap-25 > .mz-col-2,.mz-row.mz-gap-25 > .mz-col-3,
.mz-row.mz-gap-25 > .mz-col-4,.mz-row.mz-gap-25 > .mz-col-5,.mz-row.mz-gap-25 > .mz-col-6,
.mz-row.mz-gap-25 > .mz-col-7,.mz-row.mz-gap-25 > .mz-col-8,.mz-row.mz-gap-25 > .mz-col-9,
.mz-row.mz-gap-25 > .mz-col-10,.mz-row.mz-gap-25 > .mz-col-11,.mz-row.mz-gap-25 > .mz-col-12,
.mz-row.mz-gap-25 > .mz-col
{ padding: 0.25em; }

.mz-row.mz-gap-5 > .mz-col-1,.mz-row.mz-gap-5 > .mz-col-2,.mz-row.mz-gap-5 > .mz-col-3,
.mz-row.mz-gap-5 > .mz-col-4,.mz-row.mz-gap-5 > .mz-col-5,.mz-row.mz-gap-5 > .mz-col-6,
.mz-row.mz-gap-5 > .mz-col-7,.mz-row.mz-gap-5 > .mz-col-8,.mz-row.mz-gap-5 > .mz-col-9,
.mz-row.mz-gap-5 > .mz-col-10,.mz-row.mz-gap-5 > .mz-col-11,.mz-row.mz-gap-5 > .mz-col-12,
.mz-row.mz-gap-5 > .mz-col
{ padding: 5em; }

.mz-field-row > .mz-col-1  { min-width: 4em;  }
.mz-field-row > .mz-col-2  { min-width: 6em;  }
.mz-field-row > .mz-col-3  { min-width: 8em;  }
.mz-field-row > .mz-col-4  { min-width: 10em; }
.mz-field-row > .mz-col-5  { min-width: 12em; }
.mz-field-row > .mz-col-6  { min-width: 14em; }
.mz-field-row > .mz-col-7  { min-width: 16em; }
.mz-field-row > .mz-col-8  { min-width: 18em; }
.mz-field-row > .mz-col-9  { min-width: 20em; }
.mz-field-row > .mz-col-10 { min-width: 22em; }
.mz-field-row > .mz-col-11 { min-width: 24em; }
.mz-field-row > .mz-col-12 { min-width: 26em; }

/*.mz-col-1,.mz-col-2,.mz-col-3,.mz-col-4,.mz-col-5,.mz-col-6,.mz-col-7,.mz-col-8,.mz-col-9,.mz-col-10,.mz-col-11,.mz-col-12 {}*/
.mz-col-1 {  flex-basis:   8.3333%; flex-grow: 1; max-width: 100%; }
.mz-col-2 {  flex-basis:  16.6667%; flex-grow: 1; max-width: 100%; }
.mz-col-3 {  flex-basis:  25.0000%; flex-grow: 1; max-width: 100%; }
.mz-col-4 {  flex-basis:  33.3333%; flex-grow: 1; max-width: 100%; }
.mz-col-5 {  flex-basis:  41.6667%; flex-grow: 1; max-width: 100%; }
.mz-col-6 {  flex-basis:  50.0000%; flex-grow: 1; max-width: 100%; }
.mz-col-7 {  flex-basis:  58.3333%; flex-grow: 1; max-width: 100%; }
.mz-col-8 {  flex-basis:  66.6667%; flex-grow: 1; max-width: 100%; }
.mz-col-9 {  flex-basis:  75.0000%; flex-grow: 1; max-width: 100%; }
.mz-col-10 { flex-basis:  83.3333%; flex-grow: 1; max-width: 100%; }
.mz-col-11 { flex-basis:  91.6667%; flex-grow: 1; max-width: 100%; }
.mz-col-12 { flex-basis: 100.0000%; flex-grow: 1; max-width: 100%; }

/* 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;
}
.absfill-force {
	position: absolute !important;
	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%;
}
.mz-relative, .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;
}

/* 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;
}
.mz-functional-hide {
	position: fixed;
	opacity: 0;
	left: 110%;
	top: 110%;
	height: 0;
	width: 0;
}
.mz-filtered {
	display: none !important;
}
/* FAKE TEXTNODES */
em.mz-text-node {
	text-decoration: inherit;
	font-style: inherit;
	color: inherit;
}

/* 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;
}

/* LAZY LOADING =============================================== */
img.mz-lazy {
	transition: opacity 0.5s ease-in-out;
	opacity: 0 !important;
}
img.mz-lazy.mz-lazy-loaded {
	opacity: 1 !important;
}


/* 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);*/
	/*background: rgba(217, 217, 217, 0.5);*/
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	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: 64px;
	width: 64px;
	opacity: 0.3;
	-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);
	}
}

/* SHAKING */
@keyframes mz-shake {
	10%, 90% { transform: translateX(-1px); }
	20%, 80% { transform: translateX(2px); }
	30%, 50%, 70% { transform: translateX(-4px); }
	40%, 60% { transform: translateX(4px); }
}

/* FADE IN */
.mz-fadein {
	-webkit-animation: mz-fadein 0.3s linear !important;
	   -moz-animation: mz-fadein 0.3s linear !important;
	    -ms-animation: mz-fadein 0.3s linear !important;
	     -o-animation: mz-fadein 0.3s linear !important;
			animation: mz-fadein 0.3s linear !important;
			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 !important;
	   -moz-animation: mz-fadeout 0.3s linear !important;
	    -ms-animation: mz-fadeout 0.3s linear !important;
	     -o-animation: mz-fadeout 0.3s linear !important;
			animation: mz-fadeout 0.3s linear !important;
	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: 50;
	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.info .mz-tooltip-text::after { color: #ffffff; }
.mz-tooltip.info .mz-tooltip-text { background-color: #03a0e7; color: #ffffff; }
.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;
	margin: 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;
}
ul.mz-autocomplete li.mz-autoc-hide {
	display: none;
}
ul.mz-autocomplete.mz-autoc-show-all li.mz-autoc-hide {
	display: list-item;
	color: #aaaaaa;
}
ul.mz-autocomplete li.mz-autocomplete-del {
	padding-right: 1.5em;
	position: relative;
}
li.mz-autocomplete-del div {
	position: absolute;
	cursor: pointer;
	width: 2em;
	bottom: 0;
	right: 0;
	top: 0;
}
li.mz-autocomplete-del div::before {
	font: normal normal normal 1.1em/1 FontAwesome;
	transform: translateX(-50%) translateY(-50%);
	text-rendering: auto;
	position: absolute;
	font-size: 1.2em;
	line-height: 1em;
	content: "\f00d";
	display: block;
	color: #cc7373;
	left: 50%;
	top: 50%;
}
li.mz-autocomplete-del div:hover {
	background-color: #ffe5e5;
}
li.mz-autocomplete-del div:hover::before {
	transform: translateX(-50%) translateY(-50%) scale(1.2);
}

/* CHECKABLE ================================================== */
.mz-checkable {
	position: relative;
	padding-left: 2em;
}
.mz-checkable::before {
	font: normal normal normal 1em/1 FontAwesome;
	padding: 0.72em 0 0 0;
	text-rendering: auto;
	line-height: 1.4em;
	position: absolute;
	font-size: 1.43em;
	content: "\f096";
	display: block;
	color: #1880c9;
	padding: 0;
	left: 0;
	top: 0;
}
.mz-checkable.checked::before {
	content: "\f046";
}

/* CHECKABLE ================================================== */
.mz-radios > div {
	/* NO SELECT */
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
.mz-radios label {
	padding: 0.25em 0 0.25em 2em;
	position: relative;
	cursor: pointer;
	display: block;
}
.mz-radios label::before {
	font: normal normal normal 1em/1 FontAwesome;
	transform: translateY(-50%);
	padding: 0.72em 0 0 0;
	text-rendering: auto;
	line-height: 1.4em;
	position: absolute;
	font-size: 1.43em;
	content: "\f1db";
	display: block;
	color: #1880c9;
	padding: 0;
	top: 50%;
	left: 0;
}
.mz-radios input:checked + label::before {
	content: "\f058";
}
.mz-radios input {
	position: fixed;
	opacity: 0;
	left: 100%;
	top: 100%;
}

/* CENTERCHECK ================================================ */
.mz-centercheck {
	position: relative;
}
.mz-centercheck::before {
	transform: translateX(-50%) translateY(-50%);
	font: normal normal normal 1em/1 FontAwesome;
	text-rendering: auto;
	position: absolute;
	content: "\f096";
	display: block;
	color: #1880c9;
	padding: 0;
	left: 50%;
	top: 50%;
}
.mz-centercheck.checked::before {
	content: "\f14a";
}

/* INFO TABLE ================================================= */
table.mz-infotable {
  border: 2px solid #000000;
  border-collapse: collapse;
  text-align: left;
  width: 100%;
}
table.mz-infotable td, table.mz-infotable th {
  border: 1px solid #000000;
  padding: 5px 4px;
}
table.mz-infotable tbody td {
  font-size: 13px;
}
table.mz-infotable thead {
  border-bottom: 3px solid #000000;
  background: #D0E7FF;
}
table.mz-infotable thead th {
  font-weight: bold;
  text-align: left;
  font-size: 15px;
}
table.mz-infotable tfoot {
  border-top: 3px solid #000000;
  font-weight: bold;
  font-size: 14px;
}
table.mz-infotable tfoot td {
  font-size: 14px;
}

/* CONFIRMATIONS */
.mz-confirmation-err {
	text-align: center;
	font-weight: bold;
	font-size: 0.8em;
	margin-top: 1em;
	color: #d00000;
	display: none;
	width: 100%;
}
.confirmation-err .mz-confirmation-err {
	display: block;
}
.confirmation-err .mz-input {
	background-color: #ffbaba;
}

.mz-overscroll-parent::-webkit-scrollbar {
	background: transparent;
	height: 0;
	width: 0;
}
.mz-overscroll-parent::-webkit-scrollbar-thumb {
	background: transparent;
}
.mz-overscroll-parent {
	-webkit-overflow-scrolling: none;
	overscroll-behavior: none;
	-ms-overflow-style: none;
	scrollbar-width: none;
	overflow: auto;
}
.mz-overscroll {
	-webkit-overflow-scrolling: none;
	overscroll-behavior: none;
	-ms-overflow-style: none;
}

/* THIN SCROLLBARS ================== */
.mz-thin-scroll {
	scrollbar-color: #3baeda #dddcdc;
	scrollbar-width: thin;
}
.mz-thin-scroll::-webkit-scrollbar {
	background-color: #dddcdc;
	height: 18px;
	width: 18px;
}
.mz-thin-scroll::-webkit-scrollbar:hover {
	background-color: #edecec;
}
.mz-thin-scroll::-webkit-scrollbar-thumb {
	background-color: #3baeda;
	cursor: pointer;
	height: 12px;
	width: 12px;
}
.mz-thin-scroll::-webkit-scrollbar-thumb:hover {
	background-color: #4bbeea;
}

/* EVENT STOPPER */
.mz-no-events {
	pointer-events: none !important;
}

/* INTERFACE HELPERS ============================================== */
/* CARD */
.mz-idcard {
	padding: 0.5em 0;
	display: block;
	width: 100%;
}
.mz-idcard-head {
	border-right: 1px solid #78c8e6;
	border-left: 1px solid #78c8e6;
	border-top: 1px solid #78c8e6;
	justify-content: flex-start;
	border-radius: 1em 1em 0 0;
	background-color: #78c8e6;
	flex-direction: row;
	align-items: center;
	position: relative;
	padding: 0.5em 1em;
	cursor: pointer;
	display: flex;
	color: white;
	/* NO SELECT */
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
.mz-off > .mz-idcard-head { border-radius: 1em; border-bottom: 3px solid #78c8e6; }
.mz-idcard-head::after {
	transform: translateX(-50%) translateY(-50%);
	font: normal normal normal 1em FontAwesome;
	position: absolute;
	display: block;
	content: "\f068";
	right: 1em;
	top: 50%;
}
.mz-off > .mz-idcard-head::after { content: "\f067"; }
.mz-idcard-head:hover::after { transform: translateX(-50%) translateY(-50%) scale(1.1); }

.mz-off > .mz-idcard-body { display: none; }
.mz-idcard-body {
	container-type: inline-size;
	border-radius: 0 0 1em 1em;
	border: 1px solid #78c8e6;
	align-items: stretch;
	flex-direction: row;
	display: flex;
	width: 100%;
}
.mz-idcard-icon {
	justify-content: center;
	flex-direction: row;
	align-items: center;
	max-width: 1.4em;
	font-size: 5em;
	color: #cacaca;
	display: flex;
	padding: 1rem;
	width: 1.4em;
}
.mz-idcard-icon > .fa { font-size: inherit!important; }
.mz-idcard-data {
	justify-content: space-evenly;
	flex-direction: column;
	padding: 1em 1.5em;
	min-height: 3em;
	min-width: 3em;
	display: flex;
	flex: 1;
}
@media screen and (max-width: 700px) {
	.mz-idcard-data {
		padding: 0.5vmin 2vmin;
	}
	.mz-idcard-icon {
		display: none;
	}
}

@container (max-width: 20em) { .mz-idcard-icon { font-size: 2em; } }
@container (min-width: 20em) and (max-width: 30em) { .mz-idcard-icon { font-size: 3em; } }
@container (min-width: 30em) and (max-width: 40em) { .mz-idcard-icon { font-size: 4em; } }

/* TABS */
.mz-tabs {
	padding: 1em 0 0.5em 0;
	display: block;
	width: 100%;
}
.mz-tabs-head {
	flex-direction: row;
	margin: 0 -0.25em;
	flex-wrap: wrap;
	display: flex;
	/* NO SELECT */
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
}
.mz-tabs-head .mz-counter {
	font-weight: bold;
}
.mz-tabs-head .mz-counter span {
	color: #5d8fbb;
}
.mz-tabs-head .mz-on .mz-counter span {
	color: #fffb00;
}
.mz-tabs-head > div {
	margin: 0 0.25em 0.25em 0.25em;
	border: 1px solid #78c8e6;
	border-radius: 1em;
	padding: 0.5em 1em;
	text-align: center;
	cursor: pointer;
	min-width: 6em;
	color: #78c8e6;
}
.mz-tabs-head > div.mz-on {
	background-color: #78c8e6;
	color: #ffffff;
}
.mz-tabs-head > div:hover {
	
}
.mz-tabs-head > div.mz-on {
	
}
.mz-tabs-tabs {
	width: 100%;
}
.mz-tabs-tabs > div {
	border: 1px solid #78c8e6;
	border-radius: 1em;
	padding: 0.5em 1em;
	min-height: 4em;
	display: none;
}
@media screen and (max-width: 700px) {
	.mz-idcard-data {
		padding: 0.5vmin 2vmin;
	}
}
.mz-tabs-tabs > div.mz-on {
	display: block;
}

/* PROGRESS CIRLCE ========================================= */
.mz-pr-bg {
	background-color: rgba(255, 255, 255, 0.7);
	overflow: hidden;
	position: fixed;
	height: 110%;
	width: 110%;
	left: -10%;
	top: -10%;
	
	animation: mz-pr-bg-fadein 0.3s normal forwards ease-in-out;
	opacity: 0;
}
@keyframes mz-pr-bg-fadein {
	from { opacity: 0; }
	to { opacity: 1; }
}
.mz-pr-bg > .mz-pr-box {
	transform: translateX(-50%) translateY(-50%);
	position: fixed;
	left: 50%;
	top: 50%;
}
.mz-pr-box {
	position: relative;
	max-height: 90vmin;
	max-width: 90vmin;
	height: 500px;
	width: 500px;
}
.mz-pr-circle-bg,
.mz-pr-circle {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}
.mz-pr-circle-bg {
	animation: mz-prog-spin 5s linear infinite;
	opacity: 0.6;
	z-index: 1;
}
.mz-pr-circle { z-index: 2; }
@keyframes mz-prog-spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}
.mz-pr-info {
	transform: translateX(-50%) translateY(-50%);
	position: absolute;
	z-index: 3;
	left: 50%;
	top: 50%;
}
.mz-pr-info-percent {
	font-weight: bold;
	font-size: 6em;
}
.mz-pr-info-top,
.mz-pr-info-bottom {
	justify-content: center;
	align-items: center;
	min-height: 2em;
	display: flex;
	width: 100%;
}


/* TOGGLE HELPERS */
.mz-toggle-body.mz-off {
	display: none !important;
}

/* DIALOGUE MINITOGGLE */
.mz-error-toggle {
	position: relative;
	font-weight: bold;
	padding: 0.5em 0;
	cursor: pointer;
	width: 100%;
}
.mz-error-toggle.mz-on {
	border-bottom: 1px solid #cacaca;
}
.mz-error-toggle::after {
	transform: translateX(-50%) translateY(-50%);
	font: normal normal normal 1em FontAwesome;
	position: absolute;
	display: block;
	content: "\f0d7";
	right: 1em;
	top: 50%;
}
.mz-error-toggle.mz-off::after { content: "\f0da"; }
.mz-error-list {
	padding: 0;
}

/* FRAMES */
.mz-lightframe {
	padding: 1em 0;
	width: 100%;
}
.mz-lightframe-head {
	align-items: flex-end;
	display: flex;
	width: 100%;
}
.mz-lightframe-head::before {
	border-top: 1px solid #dadada;
	border-radius: 1em 0 0 0;
	display: block;
	content: " ";
	height: 1em;
	width: 2em;
}
.mz-lightframe-head::after {
	border-top: 1px solid #dadada;
	border-radius: 0 1em 0 0;
	display: block;
	content: " ";
	flex-grow: 1;
	height: 1em;
	width: 2em;
}
.mz-lightframe-head div {
	padding: 0 1em 0.2em 1em;
	font-weight: bold;
	font-size: 1.1em;
	display: block;
	flex-grow: 0;
}
.mz-lightframe-body {
	border-bottom: 1px solid #dadada;
	border-right: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-radius: 0 0 1em 1em;
	padding: 1em;
}