:root {
	--frkgraph-font: #222;
}

/* GENERAL */
.clear {
	clear: both;
}

/* TOOLTIP */
.mcui-tooltip {
	background: #FFFFFF;
	border: 1px solid #ddd;
	border-radius: 10px;
	box-shadow: 3px 3px 3px #ddd;
	font-family: Helvetica;
	font-size: 11px;
	max-width: 200px;
	padding: 10px;
}

/* SCROLLER */
.scrollzone {
	width: 8px;
	background: #BBB;
	left: auto !important;
	right: 0px;
}

.scrollzone .dragger {
	width: 8px;
	background: #444;
	cursor: N-resize;
}

/* FORM */
.mcui-form {}

.mcui-form .field {
	margin-bottom: 10px;
}

.mcui-msg {
	display: none;
	margin-top: 5px;
	font-size: 13px;
}

.mcui-form_mulcontrol {
	width: 24px;
	height: 24px;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 8px;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	vertical-align: middle;
}

.mcui-form_mulcontrol.upnode {
	background-image: url(../common/images/mcui/mcui-upnode.png);
}

.mcui-form_mulcontrol.downnode {
	background-image: url(../common/images/mcui/mcui-downnode.png);
}

.mcui-form_mulrem {
	width: 24px;
	height: 24px;
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 8px;
	background: url(../common/images/mcui/mcui-chk-false.png) center center no-repeat;
	cursor: pointer;
	vertical-align: middle;
}

.mcui-form_saver {
	width: 24px;
	height: 24px;
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
	margin-bottom: 8px;
}

.mcui-form_saver.textarea {
	margin-left: -40px;
	margin-top: -35px;
}

.mcui-form_saver.mlist {
	margin-left: 168px;
	margin-top: -35px;
	display: block;
	float: left;
}

.mcui-form_saver>div {
	background: url(../common/images/frm-saver.gif) no-repeat top left;
	width: 24px;
	height: 24px;
	display: none;
}

.mcui-datecontrol {
	cursor: pointer;
	display: inline-block;
	height: 26px;
	margin: 0px 0px 0px 5px;
	vertical-align: top;
	width: 26px;
}

.mcui-datecontrol.date {
	background: url(../common/images/mcui/mcui-cal.png);
}

.mcui-datecontrol.date:hover {
	background: url(../common/images/mcui/mcui-cal-over.png);
}

.mcui-datecontrol.datetime {
	background: url(../common/images/mcui/mcui-cal.png);
}

.mcui-datecontrol.datetime:hover {
	background: url(../common/images/mcui/mcui-cal-over.png);
}

.mcui-datecontrol.time {
	background: url(../common/images/mcui/mcui-cal.png);
}

.mcui-datecontrol.time:hover {
	background: url(../common/images/mcui/mcui-cal-over.png);
}

.mcui-msg.error {
	color: #AA0000;
}

.mcui-form label {
	color: #333;
	display: block;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0px 0px 5px 0px;
}

.mcui-form label .req {
	margin-left: 5px;
	color: #AAAAAA;
	font-weight: normal;
}

.mcui-form input[type="text"]:not(.formarTextZone),
.mcui-form input[type="password"]:not(.formarTextZone),
.mcui-form textarea:not(.formarTextZone),
.mcui-input,
.mcui-text {
	background: #FFF;
	border: 1px solid #bbb;
	border-radius: 3px;
	padding: 5px;
}

.mcui-form input[type="text"]:not(.formarTextZone):not(.sml):not(.micro),
.mcui-form input[type="password"]:not(.formarTextZone):not(.sml):not(.micro),
.mcui-form textarea:not(.formarTextZone),
.mcui-input:not(.sml):not(.micro),
.mcui-text {
	min-width: 200px;
}

.mcui-form input[type="text"]:not(.formarTextZone)::placeholder,
.mcui-form textarea:not(.formarTextZone)::placeholder,
.mcui-input::placeholder,
.mcui-text::placeholder {
	color: #BBB;
	font-weight: 300;
}

.mcui-form input[type="text"]:not(.formarTextZone):hover,
.mcui-form input[type="password"]:not(.formarTextZone):hover,
.mcui-form textarea:not(.formarTextZone):hover,
.mcui-input:hover,
.mcui-text:hover {
	-moz-box-shadow: inset 0 0 5px #BBB;
	-webkit-box-shadow: inset 0 0 5px #BBB;
	box-shadow: inset 0 0 5px #BBB;
}

.mcui-form input[type="text"]:not(.formarTextZone).focused,
.mcui-form input[type="password"]:not(.formarTextZone).focused,
.mcui-form textarea:not(.formarTextZone).focused,
.mcui-input.focused,
.mcui-text.focused {
	border: 1px solid #56b4ef;
	-webkit-box-shadow: 0px 0px 4px 0px #56b4ef;
	box-shadow: 0px 0px 4px 0px #56b4ef;
}

.mcui-form input[type="text"]:not(.formarTextZone).error,
.mcui-form input[type="password"]:not(.formarTextZone).error,
.mcui-form textarea:not(.formarTextZone).error,
.mcui-input.error,
.mcui-text.error,
.mcui-file.error input {
	background: rgb(255, 201, 193);
	background: -moz-linear-gradient(top, rgba(255, 201, 193, 1) 0%, rgba(229, 162, 162, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 201, 193, 1)), color-stop(100%, rgba(229, 162, 162, 1)));
	background: -webkit-linear-gradient(top, rgba(255, 201, 193, 1) 0%, rgba(229, 162, 162, 1) 100%);
	background: -o-linear-gradient(top, rgba(255, 201, 193, 1) 0%, rgba(229, 162, 162, 1) 100%);
	background: -ms-linear-gradient(top, rgba(255, 201, 193, 1) 0%, rgba(229, 162, 162, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 201, 193, 1) 0%, rgba(229, 162, 162, 1) 100%);
	border: 1px solid #AA3333;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc9c1', endColorstr='#e5a2a2', GradientType=0);
}

.mcui-form input[type="text"]:not(.formarTextZone).error:hover,
.mcui-form input[type="password"]:not(.formarTextZone).error:hover,
.mcui-form textarea:not(.formarTextZone).error:hover,
.mcui-input.error:hover,
.mcui-text.error:hover {
	-moz-box-shadow: inset 0 0 5px #FF6666;
	-webkit-box-shadow: inset 0 0 5px #FF6666;
	box-shadow: inset 0 0 5px #FF6666;
}

.mcui-form .field.full input {
	width: 100%;
}

/* AUTO COMPLETE */
.ac-result {
	background: #F5F5F5;
	border-radius: 3px;
	border: 1px solid #bbb;
	display: none;
	height: 130px;
	overflow: hidden;
	position: absolute;
	z-index: 9999;
}

.ac-choice {
	border-bottom: 1px dashed #bbb;
	cursor: pointer;
	font-size: 12px;
	padding: 3px 7px 3px 7px;
}

.ac-choice:last-child {
	border-bottom: 0px
}

.ac-choice:hover {
	background: #EEE;
}

/* TEXTAREAS */
.mcui-form textarea,
.mcui-text {
	height: 100px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.rteloader {
	height: 100px;
	background: #EEE;
	border-radius: 10px;
	text-align: center;
}

.rteloader .loader {
	background: url(../common/images/ajax-loader.gif) top left no-repeat;
	height: 66px;
	width: 66px;
	display: inline-block;
	top: 50%;
	margin-top: -33px;
}

.advrte-chooser,
.advrte-curtain {
	display: none;
}

.advrte-chooser {
	background: #FFF;
	border-radius: 20px;
	height: 75px;
	overflow: hidden;
	position: absolute;
	width: 750px;
	z-index: 10001;
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.31);
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.31);
}

.advrte-curtain {
	background-color: rgba(0, 0, 0, 0.4);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10000;
}

.advrte-chooser .content {
	padding: 20px;
}

#advrte-options {
	min-height: 220px;
}

#advrte-options label {
	font-weight: bold;
	font-size: 13px;
	height: 24px;
	line-height: 24px;
}

#advrte-options .col {
	width: 33%;
	float: left;
}

.advrte-block {
	background: #EEE;
	padding: 10px;
	border-radius: 3px;
	margin-right: 10px;
}

#advrte-imgprev {
	background: #EEE;
	height: 120px;
	overflow: hidden;
	position: relative;
	border-radius: 3px;
}

#advrte-imgprev .diapimg {
	cursor: pointer;
	margin: 10px 5px 5px 5px;
	display: inline-block;
	background: #DDD;
	border-radius: 3px;
	height: 100px;
	position: relative;
	width: 100px;
	opacity: 0.8;
	overflow: hidden;
	-moz-box-shadow: inset 0 0 5px #BBB;
	-webkit-box-shadow: inset 0 0 5px #BBB;
	box-shadow: inset 0 0 5px #BBB;
}

#advrte-imgprev .diapimg:hover {
	opacity: 1;
}

#advrte-imgprev .diapimg.sel {
	opacity: 1;
	background: #666;
	-moz-box-shadow: inset 0 0 5px #333;
	-webkit-box-shadow: inset 0 0 5px #333;
	box-shadow: inset 0 0 5px #333;
}

#advrte-imgprev .diapimg img {
	position: absolute;
}

#advrte-imgprev .diapimg .hid,
#advrte-imgprev .diapimg .fname,
#advrte-imgprev .diapimg .iwidth,
#advrte-imgprev .diapimg .iheight {
	display: none;
}

.tt_advrte_diapo .iname {
	text-align: center;
	font-weight: bold;
}

.tt_advrte_diapo .icapt {
	padding-top: 5px;
}

#collapse-val-div {
	display: none;
}

/* BUTTONS */
.mcui-form input[type="button"],
.mcui-button {
	background: #ccc;
	background: -moz-linear-gradient(top, #eee 0%, #ccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #ccc));
	background: -webkit-linear-gradient(top, #eee 0%, #ccc 100%);
	background: -o-linear-gradient(top, #eee 0%, #ccc 100%);
	background: -ms-linear-gradient(top, #eee 0%, #ccc 100%);
	border: 1px solid #999;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.31);
	box-shadow: inset 0 1px 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.31);
	color: #444;
	cursor: pointer;
	display: inline-block;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
	font-size: 16px;
	font-weight: bold;
	height: 36px;
	line-height: 36px;
	margin-bottom: 20px;
	position: relative;
	text-shadow: 0 1px 1px #fff;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 0px 10px;
}

.mcui-form input[type="button"].block,
.mcui-button.block {
	display: block;
	text-align: center;
}

.mcui-form input[type="button"].disabled,
.mcui-button.disabled {
	cursor: default;
}

.mcui-form input[type="button"]:hover,
.mcui-button:hover {
	background: #ccc;
	background: -moz-linear-gradient(top, #fff 0%, #ddd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #ddd));
	background: -webkit-linear-gradient(top, #fff 0%, #ddd 100%);
	background: -o-linear-gradient(top, #fff 0%, #ddd 100%);
	background: -ms-linear-gradient(top, #fff 0%, #ddd 100%);
	background: linear-gradient(top, #fff 0%, #ddd 100%);
	-webkit-box-shadow: inset 0 1px 1px #fff;
	box-shadow: inset 0 1px 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.31);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0);
}

.mcui-form input[type="button"]:active,
.mcui-button:active {
	background: #ccc;
	background: -moz-linear-gradient(top, #ddd 0%, #fff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ddd), color-stop(100%, #fff));
	background: -webkit-linear-gradient(top, #ddd 0%, #fff 100%);
	background: -o-linear-gradient(top, #ddd 0%, #fff 100%);
	background: -ms-linear-gradient(top, #ddd 0%, #fff 100%);
	background: linear-gradient(top, #ddd 0%, #fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#ffffff', GradientType=0);
}

.mcui-form input[type="button"].disabled:hover,
.mcui-button.disabled:hover,
.mcui-form input[type="button"].disabled:active,
.mcui-button.disabled:active {
	background: #ccc;
	background: -moz-linear-gradient(top, #eee 0%, #ccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #ccc));
	background: -webkit-linear-gradient(top, #eee 0%, #ccc 100%);
	background: -o-linear-gradient(top, #eee 0%, #ccc 100%);
	background: -ms-linear-gradient(top, #eee 0%, #ccc 100%);
	-webkit-box-shadow: inset 0 1px 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.31);
	box-shadow: inset 0 1px 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.31);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
}

.mcui-form input[type="button"].red,
.mcui-button.red {
	background: #c54224;
	background: -moz-linear-gradient(top, #ef6638 0%, #b62918 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ef6638), color-stop(100%, #b62918));
	background: -webkit-linear-gradient(top, #ef6638 0%, #b62918 100%);
	background: -o-linear-gradient(top, #ef6638 0%, #b62918 100%);
	background: -ms-linear-gradient(top, #ef6638 0%, #b62918 100%);
	background: linear-gradient(top, #ef6638 0%, #b62918 100%);
	border: 1px solid #7d180a;
	-webkit-box-shadow: inset 0 1px 1px #fb926a, 0 1px 2px rgba(0, 0, 0, 0.61);
	box-shadow: inset 0 1px 1px #fb926a, 0 1px 2px rgba(0, 0, 0, 0.61);
	color: #fff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef6638', endColorstr='#b62918', GradientType=0);
	text-shadow: 0 1px 2px #6f1c0e, 0 1px 0 #6f1c0e;
}

.mcui-form input[type="button"].red:hover,
.mcui-button.red:hover {
	background: #ed754e;
	background: -moz-linear-gradient(top, #ed754e 0%, #c93e23 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ed754e), color-stop(100%, #c93e23));
	background: -webkit-linear-gradient(top, #ed754e 0%, #c93e23 100%);
	background: -o-linear-gradient(top, #ed754e 0%, #c93e23 100%);
	background: -ms-linear-gradient(top, #ed754e 0%, #c93e23 100%);
	background: linear-gradient(top, #ed754e 0%, #c93e23 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed754e', endColorstr='#c93e23', GradientType=0);
}

.mcui-form input[type="button"].red:active,
.mcui-button.red:active {
	background: #ed754e;
	background: -moz-linear-gradient(top, #c93e23 0%, #ed754e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c93e23), color-stop(100%, #ed754e));
	background: -webkit-linear-gradient(top, #c93e23 0%, #ed754e 100%);
	background: -o-linear-gradient(top, #c93e23 0%, #ed754e 100%);
	background: -ms-linear-gradient(top, #c93e23 0%, #ed754e 100%);
	background: linear-gradient(top, #c93e23 0%, #ed754e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c93e23', endColorstr='#ed754e', GradientType=0);
}

.mcui-form input[type="button"].green,
.mcui-button.green {
	background: #5dbb73;
	background: -moz-linear-gradient(top, #5dbb73 0%, #2d9047 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5dbb73), color-stop(100%, #2d9047));
	background: -webkit-linear-gradient(top, #5dbb73 0%, #2d9047 100%);
	background: -o-linear-gradient(top, #5dbb73 0%, #2d9047 100%);
	background: -ms-linear-gradient(top, #5dbb73 0%, #2d9047 100%);
	background: linear-gradient(top, #5dbb73 0%, #2d9047 100%);
	border-color: #1d692d;
	-webkit-box-shadow: inset 0 1px 1px #94dda6, 0 1px 2px rgba(0, 0, 0, 0.61);
	-moz-box-shadow: inset 0 1px 1px #94dda6, 0 1px 2px rgba(0, 0, 0, 0.61);
	box-shadow: inset 0 1px 1px #94dda6, 0 1px 2px rgba(0, 0, 0, 0.61);
	color: #fff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5dbb73', endColorstr='#2d9047', GradientType=0);
	text-shadow: 0 1px 2px #6f1c0e, 0 1px 0 #6f1c0e;
}

.mcui-form input[type="button"].green:hover,
.mcui-button.green:hover {
	background: #68ce80;
	background: -moz-linear-gradient(top, #68ce80 0%, #3cae5a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #68ce80), color-stop(100%, #3cae5a));
	background: -webkit-linear-gradient(top, #68ce80 0%, #3cae5a 100%);
	background: -o-linear-gradient(top, #68ce80 0%, #3cae5a 100%);
	background: -ms-linear-gradient(top, #68ce80 0%, #3cae5a 100%);
	background: linear-gradient(top, #68ce80 0%, #3cae5a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#68ce80', endColorstr='#3cae5a', GradientType=0);
}

.mcui-form input[type="button"].green:active,
.mcui-button.green:active {
	background: #68ce80;
	background: -moz-linear-gradient(top, #3cae5a 0%, #68ce80 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3cae5a), color-stop(100%, #68ce80));
	background: -webkit-linear-gradient(top, #3cae5a 0%, #68ce80 100%);
	background: -o-linear-gradient(top, #3cae5a 0%, #68ce80 100%);
	background: -ms-linear-gradient(top, #3cae5a 0%, #68ce80 100%);
	background: linear-gradient(top, #3cae5a 0%, #68ce80 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3cae5a', endColorstr='#68ce80', GradientType=0);
}

.mcui-form input[type="button"].yellow,
.mcui-button.yellow {
	background: rgb(239, 232, 158);
	background: -moz-linear-gradient(top, rgba(239, 232, 158, 1) 0%, rgba(252, 199, 121, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(239, 232, 158, 1)), color-stop(100%, rgba(252, 199, 121, 1)));
	background: -webkit-linear-gradient(top, rgba(239, 232, 158, 1) 0%, rgba(252, 199, 121, 1) 100%);
	background: -o-linear-gradient(top, rgba(239, 232, 158, 1) 0%, rgba(252, 199, 121, 1) 100%);
	background: -ms-linear-gradient(top, rgba(239, 232, 158, 1) 0%, rgba(252, 199, 121, 1) 100%);
	background: linear-gradient(to bottom, rgba(239, 232, 158, 1) 0%, rgba(252, 199, 121, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efe89e', endColorstr='#fcc779', GradientType=0);
	border: 1px solid #90701b;
	-webkit-box-shadow: inset 0 1px 1px #e6b15f, 0 1px 2px rgba(0, 0, 0, 0.61);
	box-shadow: inset 0 1px 1px #e6b15f, 0 1px 2px rgba(0, 0, 0, 0.61);
	color: #fff;
	text-shadow: 0 1px 2px #6f550e, 0 1px 0 #6f550e;
}

.mcui-form input[type="button"].yellow:hover,
.mcui-button.yellow:hover {
	background: rgb(237, 231, 182);
	background: -moz-linear-gradient(top, rgba(237, 231, 182, 1) 0%, rgba(249, 206, 144, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(237, 231, 182, 1)), color-stop(100%, rgba(249, 206, 144, 1)));
	background: -webkit-linear-gradient(top, rgba(237, 231, 182, 1) 0%, rgba(249, 206, 144, 1) 100%);
	background: -o-linear-gradient(top, rgba(237, 231, 182, 1) 0%, rgba(249, 206, 144, 1) 100%);
	background: -ms-linear-gradient(top, rgba(237, 231, 182, 1) 0%, rgba(249, 206, 144, 1) 100%);
	background: linear-gradient(to bottom, rgba(237, 231, 182, 1) 0%, rgba(249, 206, 144, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ede7b6', endColorstr='#f9ce90', GradientType=0);
}

.mcui-form input[type="button"].yellow:active,
.mcui-button.yellow:active {
	background: rgb(253, 197, 105);
	background: -moz-linear-gradient(top, rgba(253, 197, 105, 1) 0%, rgba(244, 232, 129, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253, 197, 105, 1)), color-stop(100%, rgba(244, 232, 129, 1)));
	background: -webkit-linear-gradient(top, rgba(253, 197, 105, 1) 0%, rgba(244, 232, 129, 1) 100%);
	background: -o-linear-gradient(top, rgba(253, 197, 105, 1) 0%, rgba(244, 232, 129, 1) 100%);
	background: -ms-linear-gradient(top, rgba(253, 197, 105, 1) 0%, rgba(244, 232, 129, 1) 100%);
	background: linear-gradient(to bottom, rgba(253, 197, 105, 1) 0%, rgba(244, 232, 129, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdc569', endColorstr='#f4e881', GradientType=0);
}

.mcui-form input[type="button"].oval,
.mcui-button.oval {
	-moz-border-radius: 1000px;
	-webkit-border-radius: 1000px;
	border-radius: 1000px;
}

.mcui-form input[type="button"].disabled,
.mcui-button.disabled {
	opacity: 0.5;
}

.mcui-button.medium {
	padding: 0px 10px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
}

.mcui-button.small {
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	padding: 0px 5px;
}

.mcui-button .icon.frk.btnicn {
	fill: #666;
	vertical-align: text-top;
}

/* CHECKBOX */
.mcui-checkbox .holder {
	border-radius: 3px;
	cursor: pointer;
	float: left;
	height: 30px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mcui-checkbox.ischecked .holder:hover {
	-moz-box-shadow: inset 0 0 5px #BBB;
	-webkit-box-shadow: inset 0 0 5px #BBB;
	box-shadow: inset 0 0 5px #BBB;
}

.mcui-checkbox.unchecked .holder:hover {
	-moz-box-shadow: inset 0 0 5px #888;
	-webkit-box-shadow: inset 0 0 5px #888;
	box-shadow: inset 0 0 5px #888;
}

.mcui-checkbox .holder:active {}

.mcui-checkbox.ischecked .holder {
	background: rgb(245, 245, 245);
	background: -moz-linear-gradient(top, rgba(245, 245, 245, 1) 0%, rgba(204, 204, 204, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(245, 245, 245, 1)), color-stop(100%, rgba(204, 204, 204, 1)));
	background: -webkit-linear-gradient(top, rgba(245, 245, 245, 1) 0%, rgba(204, 204, 204, 1) 100%);
	background: -o-linear-gradient(top, rgba(245, 245, 245, 1) 0%, rgba(204, 204, 204, 1) 100%);
	background: -ms-linear-gradient(top, rgba(245, 245, 245, 1) 0%, rgba(204, 204, 204, 1) 100%);
	background: linear-gradient(to bottom, rgba(245, 245, 245, 1) 0%, rgba(204, 204, 204, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#cccccc', GradientType=0);
	border: 1px solid #bbb;
}

.mcui-checkbox.unchecked .holder {
	background: rgb(187, 187, 187);
	background: -moz-linear-gradient(top, rgba(187, 187, 187, 1) 0%, rgba(119, 119, 119, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(187, 187, 187, 1)), color-stop(100%, rgba(119, 119, 119, 1)));
	background: -webkit-linear-gradient(top, rgba(187, 187, 187, 1) 0%, rgba(119, 119, 119, 1) 100%);
	background: -o-linear-gradient(top, rgba(187, 187, 187, 1) 0%, rgba(119, 119, 119, 1) 100%);
	background: -ms-linear-gradient(top, rgba(187, 187, 187, 1) 0%, rgba(119, 119, 119, 1) 100%);
	background: linear-gradient(to bottom, rgba(187, 187, 187, 1) 0%, rgba(119, 119, 119, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#777777', GradientType=0);
	border: 1px solid #666;
}

.mcui-checkbox div .label {
	font-size: 12px;
	font-weight: bold;
	margin-left: 33px;
	margin-right: 10px;
	line-height: 28px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mcui-checkbox.ischecked .label {
	color: #444;
	text-shadow: 0 1px 1px #FFF;
}

.mcui-checkbox.unchecked .label {
	color: #FFF;
	text-shadow: 0 1px 1px #444;
}

.mcui-checkbox .holder:active .label {
	margin-right: 9px;
	line-height: 30px;
	margin-left: 34px;
}

.mcui-checkbox .image {
	height: 25px;
}

.mcui-checkbox.ischecked .image {
	background: url('../common/images/mcui/mcui-chk-true.png') 5px 5px no-repeat;
}

.mcui-checkbox.unchecked .image {
	background: url('../common/images/mcui/mcui-chk-false.png') 5px 5px no-repeat;
}

.mcui-checkbox.ischecked .holder:active .image {
	background-position: 6px 6px;
}

.mcui-checkbox.unchecked .holder:active .image {
	background-position: 6px 6px;
}

/* RADIO BUTTON */
.mcui-radio {}

.mcui-radio .choice {
	background: rgb(245, 245, 245);
	background: -moz-linear-gradient(top, rgba(245, 245, 245, 1) 0%, rgba(204, 204, 204, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(245, 245, 245, 1)), color-stop(100%, rgba(204, 204, 204, 1)));
	background: -webkit-linear-gradient(top, rgba(245, 245, 245, 1) 0%, rgba(204, 204, 204, 1) 100%);
	background: -o-linear-gradient(top, rgba(245, 245, 245, 1) 0%, rgba(204, 204, 204, 1) 100%);
	background: -ms-linear-gradient(top, rgba(245, 245, 245, 1) 0%, rgba(204, 204, 204, 1) 100%);
	background: linear-gradient(to bottom, rgba(245, 245, 245, 1) 0%, rgba(204, 204, 204, 1) 100%);
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #bbb;
	color: #444;
	text-shadow: 0 1px 1px #FFF;
	cursor: pointer;
	float: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 28px;
	height: 30px;
	padding: 0px 10px 0px 10px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mcui-radio .choice:active {
	line-height: 30px;
}

.mcui-radio .choice.selected:active {
	line-height: 28px;
}

.mcui-radio .choice:first-child {
	border-left: 1px solid #bbb;
	border-radius: 3px 0px 0px 5px;
}

.mcui-radio .choice.selected:first-child,
.mcui-radio .choice.track:first-child {
	border-left: 1px solid #666;
}

.mcui-radio .choice:nth-last-child(2),
.mcui-radio .choice.last {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.mcui-radio .choice:hover {
	-moz-box-shadow: inset 0 0 5px #888;
	-webkit-box-shadow: inset 0 0 5px #888;
	box-shadow: inset 0 0 5px #888;
}

.mcui-radio .choice.selected:hover,
.mcui-radio .choice.track:hover {
	-moz-box-shadow: inset 0 0 0px #888;
	-webkit-box-shadow: inset 0 0 0px #888;
	box-shadow: inset 0 0 0px #888;
}

.mcui-radio .choice.selected,
.mcui-radio .choice.track {
	background: rgb(119, 119, 119);
	background: -moz-linear-gradient(top, rgba(119, 119, 119, 1) 0%, rgba(70, 70, 70, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(119, 119, 119, 1)), color-stop(100%, rgba(70, 70, 70, 1)));
	background: -webkit-linear-gradient(top, rgba(119, 119, 119, 1) 0%, rgba(70, 70, 70, 1) 100%);
	background: -o-linear-gradient(top, rgba(119, 119, 119, 1) 0%, rgba(70, 70, 70, 1) 100%);
	background: -ms-linear-gradient(top, rgba(119, 119, 119, 1) 0%, rgba(70, 70, 70, 1) 100%);
	background: linear-gradient(to bottom, rgba(119, 119, 119, 1) 0%, rgba(70, 70, 70, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#777777', GradientType=0);
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	color: #FFF;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#cccccc', GradientType=0);
	text-shadow: 0 1px 1px #444;
}

.mcui-radio .choice.selected {
	cursor: default;
}

.mcui-radio.unselectable .choice.selected {
	cursor: pointer;
}

.mcui-radio.error .choice {
	background: rgb(193, 122, 122);
	background: -moz-linear-gradient(top, rgba(193, 122, 122, 1) 0%, rgba(201, 60, 60, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(193, 122, 122, 1)), color-stop(100%, rgba(201, 60, 60, 1)));
	background: -webkit-linear-gradient(top, rgba(193, 122, 122, 1) 0%, rgba(201, 60, 60, 1) 100%);
	background: -o-linear-gradient(top, rgba(193, 122, 122, 1) 0%, rgba(201, 60, 60, 1) 100%);
	background: -ms-linear-gradient(top, rgba(193, 122, 122, 1) 0%, rgba(201, 60, 60, 1) 100%);
	background: linear-gradient(to bottom, rgba(193, 122, 122, 1) 0%, rgba(201, 60, 60, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c17a7a', endColorstr='#c93c3c', GradientType=0);
	border-top: 1px solid #AA3333;
	border-bottom: 1px solid #AA3333;
	border-right: 1px solid #AA3333;
}

.mcui-radio.error .choice:first-child {
	border-left: 1px solid #AA3333;
}

.mcui-radio .choice .value {
	display: none;
}

/* SELECT */

.mcui-select {
	min-height: 30px;
}

.mcui-select .myContent {
	width: 100% !important;
}

.mcui-select .choice {
	display: none;
}

.mcui-select .value,
.mcui-clone .value,
.mcui-foptions .value {
	display: none;
}

.mcui-select .holder {
	background: url("../common/images/mcui/mcui-sel.gif") top right no-repeat #F5F5F5;
	border: 1px solid #bbb;
	border-radius: 3px;
	cursor: pointer;
	float: left;
	height: 30px;
}

.mcui-select:not(.disabled) .holder:hover {
	background: url("../common/images/mcui/mcui-sel-over.gif") top right no-repeat #F5F5F5;
	-moz-box-shadow: inset 0 0 5px #BBB;
	-webkit-box-shadow: inset 0 0 5px #BBB;
	box-shadow: inset 0 0 5px #BBB;
}

.mcui-select .holder .selected {
	text-align: left;
	color: #444;
	font-size: 12px;
	padding: 7px;
	height: 30px;
	overflow: hidden;
	white-space: nowrap;
}

.mcui-select .holder .selected.base {
	color: #888;
}

.mcui-select.disabled .holder .selected {
	color: #999;
}

.mcui-select.error .holder {
	background-color: rgb(255, 201, 193);
	background-color: -moz-linear-gradient(top, rgba(255, 201, 193, 1) 0%, rgba(229, 162, 162, 1) 100%);
	background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 201, 193, 1)), color-stop(100%, rgba(229, 162, 162, 1)));
	background-color: -webkit-linear-gradient(top, rgba(255, 201, 193, 1) 0%, rgba(229, 162, 162, 1) 100%);
	background-color: -o-linear-gradient(top, rgba(255, 201, 193, 1) 0%, rgba(229, 162, 162, 1) 100%);
	background-color: -ms-linear-gradient(top, rgba(255, 201, 193, 1) 0%, rgba(229, 162, 162, 1) 100%);
	background-color: linear-gradient(to bottom, rgba(255, 201, 193, 1) 0%, rgba(229, 162, 162, 1) 100%);
	border: 1px solid #AA3333;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc9c1', endColorstr='#e5a2a2', GradientType=0);
}

.mcui-select.error .holder:hover {
	-moz-box-shadow: inset 0 0 5px #FF6666;
	-webkit-box-shadow: inset 0 0 5px #FF6666;
	box-shadow: inset 0 0 5px #FF6666;
}

.mcui-select.error .holder .selected {
	color: #AA3333;
}

.mcui-foptions {
	cursor: pointer;
}

.mcui-select .holder .options,
.mcui-clone.options,
.mcui-foptions {
	background: #F5F5F5;
	border: 1px solid #bbb;
	border-radius: 3px;
	-moz-box-shadow: inset 0 0 5px #BBB;
	-webkit-box-shadow: inset 0 0 5px #BBB;
	box-shadow: inset 0 0 5px #BBB;
	display: none;
	height: 200px;
	overflow: hidden;
	position: absolute;
	z-index: 8888;
}

.mcui-select.noscroll .holder .options {
	height: auto;
}

.mcui-select .holder .options .option,
.mcui-clone.options .option,
.mcui-foptions .option {
	text-align: left;
	border-top: 1px dashed #bbb;
	color: #444;
	display: block;
	font-size: 12px;
	padding: 7px;
}

.mcui-select .holder .options .option:first-child,
.mcui-clone.options .option:first-child,
.mcui-foptions .option:first-child {
	border-top: 0px;
}

.mcui-select .holder .options .option:hover,
.mcui-foptions .option:hover {
	background: #DDD;
	-moz-box-shadow: inset 0 0 5px #BBB;
	-webkit-box-shadow: inset 0 0 5px #BBB;
	box-shadow: inset 0 0 5px #BBB;
}

.mcui-select .holder .options .lselected,
.mcui-foptions .option .lselected {
	background: #444;
	color: #FFF;
}

.mcui-select .holder .options .lselected:hover,
.mcui-foptions .option .lselected:hover {
	background: #444;
	-moz-box-shadow: inset 0 0 0px #BBB;
	-webkit-box-shadow: inset 0 0 0px #BBB;
	box-shadow: inset 0 0 0px #BBB;
}

.mcui-searcher-holder {
	position: relative;
}

.mcui-searcher-holder div.rem {
	position: absolute;
	top: 4px;
	right: 4px;
	height: 16px;
	width: 16px;
	text-align: center;
	line-height: 16px;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}

.mcui-select .holder .options .scrollzone,
.mcui-foptions .scrollzone {
	width: 12px;
	background: #BBB;
}

.mcui-select .holder .options .scrollzone .dragger,
.mcui-foptions .scrollzone .dragger {
	width: 12px;
	border-radius: 1000px;
}

.mcui-searcher {
	box-sizing: border-box;
	width: 202px;
	margin-bottom: 5px;
}

.mcui-searcher.init {
	color: #BBB;
}

/* MLIST */

.mcui-mlist {}

.mcui-mlist .value {
	display: none;
}

.mcui-mlist {
	background: #F5F5F5;
	border: 1px solid #bbb;
	border-radius: 3px;
	cursor: pointer;
	height: 179px;
	overflow-y: hidden;
	position: relative;
	width: 200px;
}

.mcui-mlist:hover {
	-moz-box-shadow: inset 0 0 5px #BBB;
	-webkit-box-shadow: inset 0 0 5px #BBB;
	box-shadow: inset 0 0 5px #BBB;
}

.mcui-mlist .choice {
	border-top: 1px dashed #bbb;
	color: #444;
	display: block;
	font-size: 12px;
	padding: 7px;
}

.mcui-mlist .choice:first-child {
	border-top: 0px;
}

.mcui-mlist .choice:hover {
	background: #DDD;
	-moz-box-shadow: inset 0 0 5px #BBB;
	-webkit-box-shadow: inset 0 0 5px #BBB;
	box-shadow: inset 0 0 5px #BBB;
}

.mcui-mlist.error .choice {
	color: #AA3333;
}

.mcui-mlist .choice.lselected {
	background: #444;
	color: #FFF;
}

.mcui-mlist .choice.lselected:hover {
	background: #444;
	-moz-box-shadow: inset 0 0 5px #BBB;
	-webkit-box-shadow: inset 0 0 5px #BBB;
	box-shadow: inset 0 0 5px #BBB;
}

.mcui-mlist.error {
	background-color: rgb(255, 201, 193);
	background-color: -moz-linear-gradient(top, rgba(255, 201, 193, 1) 0%, rgba(229, 162, 162, 1) 100%);
	background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 201, 193, 1)), color-stop(100%, rgba(229, 162, 162, 1)));
	background-color: -webkit-linear-gradient(top, rgba(255, 201, 193, 1) 0%, rgba(229, 162, 162, 1) 100%);
	background-color: -o-linear-gradient(top, rgba(255, 201, 193, 1) 0%, rgba(229, 162, 162, 1) 100%);
	background-color: -ms-linear-gradient(top, rgba(255, 201, 193, 1) 0%, rgba(229, 162, 162, 1) 100%);
	background-color: linear-gradient(to bottom, rgba(255, 201, 193, 1) 0%, rgba(229, 162, 162, 1) 100%);
	border: 1px solid #AA3333;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc9c1', endColorstr='#e5a2a2', GradientType=0);
}

.mcui-mlist.error:hover {
	-moz-box-shadow: inset 0 0 5px #FF6666;
	-webkit-box-shadow: inset 0 0 5px #FF6666;
	box-shadow: inset 0 0 5px #FF6666;
}

.mcui-mlist .scrollzone {
	width: 10px;
	background: #BBB;
}

.mcui-mlist .scrollzone .dragger {
	width: 10px;
	border-radius: 1000px;
}

.mcui-mlist div.choice>svg {
	display: none;
}

/* DATE PICKER */
.mcui-dtpicker {
	background: #F5F5F5;
	border-radius: 5px;
	border: 0px solid #bbb;
	-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.25);
	display: none;
	position: fixed;
	width: 248px;
	padding: 5px;
	z-index: 999999;
}

.mcui-dtpicker .padding {}

.mcui-dtpicker .padding .month {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	position: relative;
	text-align: center;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mcui-dtpicker .padding .month .month_selector {
	display: inline-block;
	margin: 0px 3px;
	cursor: pointer;
}

.yearzone,
.monthzone {

	height: 200px;
	overflow: hidden;
}

.monthzone {
	scrollbar-width: none;
	/* for Firefox */
	-ms-overflow-style: none;
	overflow-y: scroll;
}

.monthzone::-webkit-scrollbar {
	display: none;
	/* for Chrome, Safari, and Opera */
}

.month_selector:hover,
.year_selector:hover,
.month_selector_sel,
.year_selector_sel {
	color: #4692fe;
}

.monthpick {
	text-align: center;
	padding: 10px 10px;
	border-radius: 5px;
	margin: 5px 2px;
}

.yearpick {
	overflow: hidden;
	padding: 5px;
	text-align: center;
	font-size: 18px;
	border-radius: 5px;
}

.ySelected,
.mSelected {
	background: #4692fe;

}

.yearpick:hover,
.monthpick:hover {
	cursor: pointer;
	background: #adcffa;
}

.mcui-dtpicker .padding .month .year_selector {
	display: inline-block;
	margin: 0px 2px;
	cursor: pointer;
}

.mcui-dtpicker .padding .month .month_selector {
	cursor: pointer;
}

.mcui-dtpicker .padding .month .nav {
	cursor: pointer;
	height: 15px;
	opacity: 0.75;
	position: absolute;
	top: 4px;
	width: 15px;
}

.mcui-dtpicker .padding .month .nav:hover {
	opacity: 1;
	border-color: var(--highlight);
}

.mcui-dtpicker .padding .month .prev {
	border: solid #333;
	border-width: 0 4px 4px 0;
	display: inline-block;
	padding: 3px;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	left: 18px;
	top: 13px;
}

.mcui-dtpicker .padding .month .next {
	border: solid #333;
	border-width: 0 4px 4px 0;
	display: inline-block;
	padding: 3px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	right: 18px;
	top: 13px;
}

.mcui-dtpicker .padding .header {}

.mcui-dtpicker .padding .header div {
	border-right: 1px solid transparent;
	float: left;
	font-weight: bold;
	color: #BBB;
	height: 20px;
	line-height: 20px;
	text-align: center;
	margin: 2px;
	width: 30px;
}

.mcui-dtpicker .padding .header div:last-child {
	border-right: 0px;
}

.mcui-dtpicker .padding .days {}

.mcui-dtpicker .padding .days .week {}

.mcui-dtpicker .padding .days .week .date {
	background: #FFFFFF;
	border-right: 1px solid #bbb;
	cursor: pointer;
	float: left;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 30px;
	border-radius: 5px;
	margin: 2px;
	border-bottom: 1px solid #bbb;
}

.mcui-dtpicker .padding .days .week .date.out_of_bounds {
	opacity: 0.5;
	cursor: default;
}

.mcui-dtpicker .padding .days .week .date.current {
	background: var(--highlight);
	color: #FFF;
}

.mcui-dtpicker .padding .days .week .date:hover:not(.current):not(.out_of_bounds):not(.nodate) {
	background: var(--highlight-hover);
	color: #FFF;
}

.mcui-dtpicker .padding .days .week .date:last-child {
	border-right: 0px;
}

.mcui-dtpicker .padding .days .week .date.nodate {
	cursor: default;
	background: #EEE;
}

.mcui-dtpicker .padding .days .week .date.nodate:hover {
	background: #EEE;
}

.mcui-dtpicker .padding .days .week .date.nodate:last-child {
	border-right: 0px;
}

.mcui-dtpicker .padding .timer {
	text-align: center;
	margin: 10px 0px 5px 0px;
}

.mcui-dtpicker .padding .timer .txttime {
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: bold;
}

.mcui-dtpicker .padding .timer .mcui-button {
	margin: 5px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	font-size: 12px;
	height: 30px;
	line-height: 3px;
}

.mcui-dtpicker .padding .timer .mcui-button:hover {
	line-height: 3px;
}

.mcui-dtpicker .padding .timer .mcui-button:active {
	line-height: 3px;
	height: 28px;
	margin-bottom: 2px;
}

/* TAB */
.mcui-tab {}

.selected.tab-title {
	background: #ccc;
	background: -moz-linear-gradient(top, #eee 0%, #ccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #ccc));
	background: -webkit-linear-gradient(top, #eee 0%, #ccc 100%);
	background: -o-linear-gradient(top, #eee 0%, #ccc 100%);
	background: -ms-linear-gradient(top, #eee 0%, #ccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
	color: #444;
	cursor: default;
	text-shadow: 0px 1px 1px #fff;
}

.tab-title:hover {
	-moz-box-shadow: inset 0 0 5px #888;
	-webkit-box-shadow: inset 0 0 5px #888;
	box-shadow: inset 0 0 5px #888;
}

.selected.tab-title:hover {
	-moz-box-shadow: inset 0 0 0px #BBB;
	-webkit-box-shadow: inset 0 0 0px #BBB;
	box-shadow: inset 0 0 0px #BBB;
}

.tab-title:active {
	line-height: 30px;
}

.selected.tab-title:active {
	line-height: 28px;
}

.tab-title {
	background: rgb(187, 187, 187);
	background: -moz-linear-gradient(top, rgba(187, 187, 187, 1) 0%, rgba(119, 119, 119, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(187, 187, 187, 1)), color-stop(100%, rgba(119, 119, 119, 1)));
	background: -webkit-linear-gradient(top, rgba(187, 187, 187, 1) 0%, rgba(119, 119, 119, 1) 100%);
	background: -o-linear-gradient(top, rgba(187, 187, 187, 1) 0%, rgba(119, 119, 119, 1) 100%);
	background: -ms-linear-gradient(top, rgba(187, 187, 187, 1) 0%, rgba(119, 119, 119, 1) 100%);
	background: linear-gradient(to bottom, rgba(187, 187, 187, 1) 0%, rgba(119, 119, 119, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#777777', GradientType=0);
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-top-left-radius: 5px;
	border-top-right-radius: 15px;
	color: #fff;
	cursor: pointer;
	float: left;
	font-size: 12px;
	font-weight: bold;
	height: 30px;
	line-height: 28px;
	margin-right: 5px;
	padding: 0px 15px 0px 10px;
	position: relative;
	text-shadow: 0 1px 1px #444;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.tab-core {
	background: #FFFFFF;
	border: 1px solid #999;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.31);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.31);
	display: none;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
	margin-bottom: 0px;
	padding: 10px;
}

.selected.tab-core {
	display: block;
}

/* NOTICE */
.mcui-notice {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	z-index: 1000000;
}

.noticeWindow {
	max-width: 400px;
	background: rgb(239, 232, 158);
	background: -moz-linear-gradient(top, rgba(239, 232, 158, 1) 0%, rgba(252, 199, 121, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(239, 232, 158, 1)), color-stop(100%, rgba(252, 199, 121, 1)));
	background: -webkit-linear-gradient(top, rgba(239, 232, 158, 1) 0%, rgba(252, 199, 121, 1) 100%);
	background: -o-linear-gradient(top, rgba(239, 232, 158, 1) 0%, rgba(252, 199, 121, 1) 100%);
	background: -ms-linear-gradient(top, rgba(239, 232, 158, 1) 0%, rgba(252, 199, 121, 1) 100%);
	background: linear-gradient(to bottom, rgba(239, 232, 158, 1) 0%, rgba(252, 199, 121, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efe89e', endColorstr='#fcc779', GradientType=0);
	position: fixed;
	border-radius: 10px;
	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.31);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.31);
	z-index: 1000001;
}

.noticeWindow .msg {
	background: url(../common/images/mcui/mcui-notice.png) center 20px no-repeat;
	color: #444;
	font-size: 12px;
	padding: 110px 20px 20px 20px;
	text-shadow: 0 1px 1px white;
}

.noticeWindow .msg .recinfo {
	text-align: center;
	padding: 10px 0px 0px 0px;
	font-weight: bold;
	font-size: 14px;
}

.noticeWindow .buttons {
	text-align: center;
}

.noticeWindow .buttons .mcui-button {
	display: inline-block;
	margin: 0px 0px 20px 0px;
	width: 100px;
}

.noticeWindow .buttons .mcui-button.green {
	margin-right: 20px;
	margin-top: 15px;
}

.noticeWindow .buttons .mcui-button.ok {
	margin-top: 15px;
}

.noticeWindow div.msg div {
	color: #444;
}

/* SLIDER */
.mcui-slider {
	display: inline-block;
	position: relative;
}

.mcui-slider .sliderzone {
	position: absolute;
	border-radius: 3px;
	background: #888888;
}

.mcui-slider .sliderdrag {
	border-radius: 3px;
	border: 1px solid #888888;
	cursor: pointer;
	background: #DDDDDD;
	position: absolute;
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.31);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.31);
}

.mcui-slider .sliderdrag:hover {
	background: #F5F5F5;
}

.slider_lock_scrolling {
	overflow: hidden !important;
}

/* MOUSE SCROLL */
.mcui-mscroll {}

.mcui-mscroll .myContent {
	position: absolute;
	top: 0px;
	left: 0px;
	white-space: nowrap;
}

.mcui-mscroll>.arrow {
	opacity: 0.85;
	position: absolute;
	top: 50%;
	margin-top: -20px;
	width: 0px !important;
	height: 0px !important;
	cursor: pointer;
}

.mcui-mscroll>.arrow.left {
	left: 20px;
}

.mcui-mscroll>.arrow.right {
	right: 20px;
}

.mcui-mscroll>.arrow:after,
.mcui-mscroll>.arrow:before {
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	top: 0px;
	content: '';
	position: absolute;
}

.mcui-mscroll>.arrow.left:after,
.mcui-mscroll>.arrow.left:before {
	left: 50%;
}

.mcui-mscroll>.arrow.right:after,
.mcui-mscroll>.arrow.right:before {
	right: 50%;
}

.mcui-mscroll>.arrow:before {
	border-top: 23px solid transparent;
	border-bottom: 23px solid transparent;
	top: -3px;
}

.mcui-mscroll>.arrow.left:after {
	border-right: 20px solid #FFF;
}

.mcui-mscroll>.arrow.left:before {
	border-right: 23px solid #333;
	margin-top: 4px;
}

.mcui-mscroll>.arrow.right:after {
	border-left: 20px solid #FFF;
}

.mcui-mscroll>.arrow.right:before {
	border-left: 23px solid #333;
	margin-top: 4px;
}

.mcui-mscroll>.arrow:hover {
	opacity: 1;
}

/* MULTEXT */
.multext_add {
	height: 20px;
	line-height: 20px;
	margin: 5px 0px 5px 58px;
	padding: 0px;
	min-width: 210px;
	text-align: center;
}

/* MCHECK */
.mcui-mcheck {}

.mcui-mcheck>div.choice {
	padding: 5px 10px 5px 30px;
	box-sizing: border-box;
}

.mcui-mcheck>div.choice:not(.other) {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center left 5px;
	background-image: url(../common/images/ffront_abad.png);
	cursor: pointer;
	border: 1px solid #BBB;
	background-color: #DDD;
	border-radius: 3px;
	margin: 0px 5px 5px 0px;
	text-shadow: 1px 1px #FFF;
}

.mcui-mcheck>div.choice:not(.other):hover {
	background-color: #CCC;
}

.mcui-mcheck>div.choice.checked {
	background-image: url(../common/images/ffront_agood.png);
}

.mcui-mcheck>div.choice.other {
	padding-left: 0px;
}

.mcui-mcheck>div.choice.other>input {}

.mcui-mcheck>div.choice>div.value {
	display: none;
}

.mcui-mcheck.error {
	background: #FFDDDD;
}

/* TINYMCE */
.mce-fullscreen {
	z-index: 99999 !important;
}

/*********/
/* SMALL */
/*********/
.mcsml .mcui-datecontrol {
	height: 22px;
	width: 22px;
}

.mcsml .mcui-datecontrol.date {
	background: url(../common/images/mcui/small/mcui-cal.png);
}

.mcsml .mcui-datecontrol.date:hover {
	background: url(../common/images/mcui/small/mcui-cal-over.png);
}

.mcsml label {
	font-size: 11px;
}

.mcsml input[type="text"],
.mcsml input[type="password"],
.mcsml textarea,
.mcsml .mcui-input,
.mcsml .mcui-text {
	border-radius: 3px;
	font-size: 12px;
	padding: 3px;
}

.mcsml .mcui-checkbox .holder {
	border-radius: 3px;
	height: 22px;
}

.mcsml .mcui-checkbox div .label {
	font-size: 11px;
	margin-left: 25px;
	line-height: 21px;
}

.mcsml .mcui-checkbox .holder:active .label {
	line-height: 22px;
	margin-left: 26px;
}

.mcsml .mcui-checkbox.ischecked .image {
	background: url('../common/images/mcui/small/mcui-chk-true.png') 5px 3px no-repeat;
}

.mcsml .mcui-checkbox.unchecked .image {
	background: url('../common/images/mcui/small/mcui-chk-false.png') 5px 3px no-repeat;
}

.mcsml .mcui-checkbox.ischecked .holder:active .image {
	background-position: 6px 4px;
}

.mcsml .mcui-checkbox.unchecked .holder:active .image {
	background-position: 6px 4px;
}

.mcsml .mcui-radio .choice {
	font-size: 11px;
	line-height: 21px;
	height: 22px;
	padding: 0px 7px 0px 7px;
}

.mcsml .mcui-radio .choice:active {
	line-height: 23px;
}

.mcsml .mcui-radio .choice.selected:active {
	line-height: 23px;
}

.mcsml .mcui-radio .choice:first-child {
	border-radius: 3px 0px 0px 3px;
}

.mcsml .mcui-radio .choice:nth-last-child(2) {
	border-radius: 0px 3px 3px 0px;
}

.mcsml .tab-title:active {
	line-height: 24px;
}

.mcsml .selected.tab-title:active {
	line-height: 22px;
}

.mcsml .tab-title {
	border-top-left-radius: 3px;
	border-top-right-radius: 10px;
	font-size: 11px;
	height: 24px;
	line-height: 22px;
}


.mcsml .mcui-select {
	min-height: 24px;
}

.mcsml .mcui-select .holder {
	background: url("../common/images/mcui/small/mcui-sel.gif") top right no-repeat #F5F5F5;
}

.mcsml .mcui-select .holder:hover {
	background: url("../common/images/mcui/small/mcui-sel-over.gif") top right no-repeat #F5F5F5;
}


.mcsml .mcui-select .holder {
	height: 20px;
}

.mcsml .mcui-select .holder .selected {
	height: 20px;
	padding: 3px 5px 3px 5px;
}

.mcsml .mcui-select .holder .options .option,
.mcsml .mcui-clone.options .option {
	padding: 3px 5px 3px 5px;
}

#tnmceImageController {
	border-width: 1px;
	z-index: 65535;
	display: none;
	width: auto;
	margin-top: -16px;
	margin-left: -92px;
}

#tnmceImageController>div,
#tnmceImageController>div>div,
#tnmceImageController>div>div>div {
	height: 30px;
	width: 183px;
}

.mce-ico.mce-i-imgedit {
	background: url("../common/images/mcui/img-edit.gif") center center no-repeat;
}

.mce-ico.mce-i-imgleft {
	background: url("../common/images/mcui/img-left.gif") center center no-repeat;
}

.mce-ico.mce-i-imgright {
	background: url("../common/images/mcui/img-right.gif") center center no-repeat;
}

.mce-ico.mce-i-imginline {
	background: url("../common/images/mcui/img-inline.gif") center center no-repeat;
}

.sp-container {
	-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.25);
}

/* MATRIX */
.mcui-matrix.select>div>div:not(.label),
.mcui-matrix.float>div>div:not(.label),
.mcui-matrix.integer>div>div:not(.label) {
	text-align: center;
}

.mcui-matrix.select div.cholder {
	cursor: pointer;
}

.mcui-matrix.select div.cholder svg {
	height: 16px;
	width: 16px;
	margin: 1px 0px 0px 0px;
}

.mcui-matrix.select div.cholder svg.true {
	display: none;
}

.mcui-matrix.select div.cholder.check_true svg.true {
	display: inline-block;
}

.mcui-matrix.select div.cholder.check_true svg.false {
	display: none;
}

.mcui-matrix.select div.cholder:hover svg {
	fill: #333 !important;
}

.mcui-matrix.float input,
.mcui-matrix.integer input {
	max-width: 100px;
	text-align: center;
}

.mcui-matrix input.minput {
	padding: 5px 7px !important;
}

/* OTHER */
.mcui-other-holder {
	padding: 15px 0px 0px 0px;
}

/* DISABLED */
.mcui-form input[type="text"]:not(.formarTextZone).disabled {
	cursor: not-allowed;
	color: #999;
}

.mcui-form textarea.disabled,
.mcui-text.disabled,
.mcui-form input[type="button"].disabled,
.mcui-button.disabled,
.mcui-checkbox.disabled .holder,
.mcui-radio.disabled,
.mcui-select.disabled,
.mcui-mlist.disabled {
	cursor: not-allowed;
}

/* FORMAR */
.mcui-form.formar label span.req {
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
}

.mcui-form.formar label {
	text-transform: none;
	font-size: 16px;
	font-weight: normal;
	line-height: 16px;
	color: var(--highlight);
	padding-bottom: 10px;
}

.mcui-form.formar .mcui-other-holder label {
	font-size: 14px;
}

.mcui-radio>div.choice svg.icon.frk {
	display: none;
}

.mcui-form.formar .mcui-radio>div.choice {
	display: block;
	float: none;
	background: transparent;
	border: 0px;
	padding: 7px 12px;
	height: auto;
	line-height: 20px;
	font-weight: normal;
	font-size: 14px;
	border-radius: 5px;
	color: #666;
	border: 2px solid transparent;
}

.mcui-form.formar .fman_zone .mcui-radio>div.choice {
	display: inline-block;
	background: #FFF;
	margin-right: 3px;
}

.mcui-form.formar .fman_zone .mcui-radio>div.choice:last-child {
	margin-right: 0px;
}

.mcui-form.formar .mcui-radio>div.choice:hover {
	box-shadow: none;
	background-color: #F9F9F9;
	color: var(--highlight);
}

.mcui-form.formar .mcui-radio>div.choice:hover:not(.selected) svg.icon.frk {
	fill: var(--highlight);
	opacity: 0.5;
}

.mcui-form.formar .mcui-radio>div.choice svg.icon.frk {
	display: inline-block;
	fill: #EEE;
	width: 20px;
	height: 20px;
}

.mcui-form.formar .mcui-radio>div.choice svg.icon.frk.y {
	display: none;
}

.mcui-form.formar .mcui-radio>div.choice:hover svg.icon.frk.n {
	display: none;
}

.mcui-form.formar .mcui-radio>div.choice:hover svg.icon.frk.y {
	display: inline-block;
}

.mcui-form.formar .mcui-radio>div.choice.selected svg.icon.frk {
	fill: #FFF;
}

.mcui-form.formar .mcui-radio>div.choice.selected {
	text-shadow: none;
	background: var(--highlight) !important;
	color: #FFF !important;
}

.mcui-form.formar .mcui-radio>div.choice.selected svg.icon.frk.n {
	display: none;
}

.mcui-form.formar .mcui-radio>div.choice.selected svg.icon.frk.y {
	display: inline-block;
}

.mcui-form.formar .mcui-radio.error div.choice {
	color: #FF0000;
}

.mcui-form.formar .mcui-radio.error div.choice svg.icon.frk {
	fill: #FF0000;
	opacity: 0.5;
}

.mcui-form.formar .mcui-radio.small>div.choice {
	padding: 3px 5px;
	line-height: 16px;
}

.mcui-checkbox svg.icon.frk {
	display: none;
}

.mcui-form.formar .mcui-checkbox .holder {
	background: transparent;
	display: block;
	float: none;
	height: auto;
	border-radius: 5px;
	border: 2px solid transparent;
	opacity: 0.8;
}

.mcui-form.formar .mcui-checkbox .holder:hover {
	box-shadow: none;
	opacity: 1;
}

.mcui-form.formar .mcui-checkbox .image {
	background: transparent;
	height: auto;
}

.mcui-form.formar .mcui-checkbox .label {
	color: #666;
	text-shadow: none;
	line-height: 20px;
	font-weight: normal;
	font-size: 14px;
	padding: 9px 12px;
	margin: 0px;
}

.mcui-form.formar .mcui-checkbox svg.icon.frk {
	display: inline-block;
	fill: #EEE;
	width: 20px;
	height: 20px;
}

.mcui-form.formar .mcui-checkbox svg.icon.frk.n {
	fill: #ce6880;
}

.mcui-form.formar .mcui-checkbox svg.icon.frk.y {
	fill: #68ce80;
	display: none;
}

.mcui-form.formar .mcui-checkbox.unchecked .holder {
	border-color: #ce6880;
	background: #FFEEEE;
}

.mcui-form.formar .mcui-checkbox.ischecked .holder {
	border-color: #68ce80;
	background: #EEFFEE;
}

.mcui-form.formar .mcui-checkbox.ischecked svg.icon.n {
	display: none;
}

.mcui-form.formar .mcui-checkbox.ischecked svg.icon.y {
	display: inline-block;
}

.mcui-form.formar .mcui-checkbox.unchecked .label {
	color: #660000;
}

.mcui-form.formar .mcui-checkbox.ischecked .label {
	color: #006600;
}

.mcui-form.formar .mcsml .mcui-checkbox .holder:active .label {
	margin-left: 0px;
	line-height: 20px;
}

.mcui-form.formar .mcui-select {}

.mcui-form.formar .mcui-select>div.holder {
	width: 100% !important;
	min-width: 200px;
	box-sizing: border;
	background: #EEE;
	border: 1px solid #BBB;
	border-radius: 5px;
	height: auto;
}

.mcui-form.formar .fman_zone .mcui-select>div.holder {
	background: #FFF;
}

.mcui-form.formar .mcui-select>div.holder>div.selected {
	position: relative;
	width: 100% !important;
	min-width: 200px;
	box-sizing: border;
	height: auto;
	padding: 10px 35px 10px 12px;
	font-size: 14px;
	line-height: 20px;
	white-space: break-spaces;
}

.mcui-select>div.holder>div.selected svg {
	display: none;
}

.mcui-form.formar .mcui-select>div.holder>div.selected svg {
	position: absolute;
	top: 50%;
	right: 0px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	display: block;
	fill: #BBB;
}

.mcui-form.formar .mcui-select>div.holder>div.selected svg.close {
	display: none;
}

.mcui-form.formar .mcui-select.formar>div.holder {
	position: relative;
}

.mcui-form.formar .mcui-select.formar>div.holder>div.options {
	width: calc(100% + 2px) !important;
	left: 0px !important;
	margin-left: -1px;
	margin-top: -1px;
}

.mcui-form.formar .mcui-select.formar>div.holder>div.options:not(.no_top_important) {
	top: 0px !important;
}

.mcui-form.formar .mcui-select>div.holder>div.options {
	border-radius: 5px;
	-webkit-box-shadow: 2px 2px 3px 0px rgb(0 0 0 / 25%);
	-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 2px 2px 3px 0px rgb(0 0 0 / 25%);
}

.mcui-form.formar .mcui-select>div.holder>div.options div.option,
.mcui-form.formar div.options.mcui-clone div.option {
	border-top: 0px;
	padding: 7px 12px;
	line-height: 20px;
	font-size: 14px;
	color: #666;
}

.mcui-form.formar .mcui-select>div.holder>div.options div.option:hover {
	box-shadow: none;
	background-color: rgba(0, 0, 0, 0.0.5);
	color: var(--highlight);
}

.mcui-form.formar .mcui-select>div.holder>div.options div.option.lselected {
	text-shadow: none;
	background: var(--highlight) !important;
	color: #FFF !important;
}

.mcui-form.formar .mcui-select>div.holder:hover {
	box-shadow: none;
	border-color: var(--highlight);
}

.mcui-form.formar .mcui-select>div.holder:hover>div.selected svg {
	fill: var(--highlight);
}

.mcui-form.formar .mcui-mlist {
	border: 1px solid #BBB;
	border-radius: 5px;
	min-width: 200px;
	width: 100% !important;
	box-sizing: border;
	background: #EEE;
	height: 151px;
}

.mcui-form.formar .mcui-mlist div.choice {
	font-size: 12px;
	padding: 6px 9px;
	border-top: 1px solid #DDD;
}

.mcui-form.formar .mcui-mlist div.choice:first-child {
	border-top: 0px;
}

.mcui-form.formar .mcui-mlist:hover {
	border-color: var(--highlight);
	box-shadow: none;
}

.mcui-form.formar .mcui-mlist div.choice.lselected {
	background: transparent;
	font-weight: bold;
	color: var(--highlight);
}

.mcui-form.formar .mcui-mlist div.choice.lselected>svg {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 5px;
	margin-top: 1px;
	fill: var(--highlight);
}

.mcui-form.formar .mcui-mlist div.choice:hover {
	background: #F5F5F5;
	color: var(--highlight);
}

.mcui-form.formar input[type="text"]:not(.formarTextZone),
.mcui-form.formar input[type="password"]:not(.formarTextZone),
.mcui-form.formar textarea:not(.formarTextZone),
.mcui-form.formar .mcui-input,
.mcui-form.formar .mcui-text {
	min-width: auto;
	width: 100%;
	box-sizing: border-box;
	border-radius: 5px;
	border: 0px;
	background: #EEE;
	font-size: 14px;
	padding: 10px 12px;
	line-height: 20px;
	border: 1px solid #BBB;
}

.mcui-form.formar .fman_zone input[type="text"]:not(.formarTextZone),
.mcui-form.formar .fman_zone input[type="password"]:not(.formarTextZone),
.mcui-form.formar .fman_zone textarea:not(.formarTextZone),
.mcui-form.formar .fman_zone .mcui-input,
.mcui-form.formar .fman_zone .mcui-text,
.mcui-form.formar .fman_zone .mcui-mlist {
	background: #FFF;
}

.mcui-form.formar input[type="text"]:not(.formarTextZone):hover,
.mcui-form.formar input[type="password"]:not(.formarTextZone):hover,
.mcui-form.formar textarea:not(.formarTextZone):hover,
.mcui-form.formar .mcui-input:hover,
.mcui-form.formar .mcui-text:hover {
	box-shadow: none;
	border-color: var(--highlight);
}

.mcui-form.formar input[type="text"]:not(.formarTextZone):active,
.mcui-form.formar input[type="password"]:not(.formarTextZone):active,
.mcui-form.formar textarea:not(.formarTextZone):active,
.mcui-form.formar .mcui-input:active,
.mcui-form.formar .mcui-text:active {
	box-shadow: none;
}

.mcui-form.formar input[type="text"]:not(.formarTextZone).error,
.mcui-form.formar input[type="password"]:not(.formarTextZone).error,
.mcui-form.formar textarea:not(.formarTextZone).error,
.mcui-form.formar .mcui-input.error,
.mcui-form.formar .mcui-text.error {
	background: rgb(255, 201, 193);
	background: -moz-linear-gradient(top, rgba(255, 201, 193, 1) 0%, rgba(229, 162, 162, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 201, 193, 1)), color-stop(100%, rgba(229, 162, 162, 1)));
	background: -webkit-linear-gradient(top, rgba(255, 201, 193, 1) 0%, rgba(229, 162, 162, 1) 100%);
	background: -o-linear-gradient(top, rgba(255, 201, 193, 1) 0%, rgba(229, 162, 162, 1) 100%);
	background: -ms-linear-gradient(top, rgba(255, 201, 193, 1) 0%, rgba(229, 162, 162, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 201, 193, 1) 0%, rgba(229, 162, 162, 1) 100%);
	border-color: #AA3333;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc9c1', endColorstr='#e5a2a2', GradientType=0);
}

.mcui-form.formar textarea:not(.formarTextZone):focus-visible {
	outline: none;
}

.mcui-form.formar div.field {
	position: relative;
}

.mcui-form.formar div.mcui-datecontrol {
	margin-left: -34px;
	margin-top: 7px;
}

.mcui-form.formar input.date:not(.formarTextZone),
.mcui-form.formar input.datetime:not(.formarTextZone),
.mcui-form.formar input.time:not(.formarTextZone),
.mcui-form.formar input.stime:not(.formarTextZone),
.mcui-form.formar input.datestime:not(.formarTextZone) {
	padding-right: 40px;
}

.formar .mcui-button {
	height: auto;
	appearance: button;
	background: #BBB;
	border: solid transparent;
	border-radius: 10px;
	border-width: 0 0 4px;
	box-shadow: none;
	box-sizing: border-box;
	color: #333;
	cursor: pointer;
	display: inline-block;
	font-family: din-round, sans-serif;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .8px;
	line-height: 20px;
	margin: 0;
	outline: none;
	overflow: visible;
	padding: 13px 16px 10px 16px !important;
	text-align: center;
	text-shadow: none;
	text-transform: uppercase;
	touch-action: manipulation;
	transform: translateZ(0);
	transition: filter .2s;
	user-select: none;
	-webkit-user-select: none;
	vertical-align: middle;
	white-space: nowrap;
}

.formar .mcui-button:after {
	background-clip: padding-box;
	background-color: #DDD;
	border: solid transparent;
	border-radius: 10px;
	border-width: 0 0 4px;
	bottom: -4px;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}

.formar .mcui-button:main,
.formar .mcui-button:focus {
	user-select: auto;
}

.formar .mcui-button:hover:not(:disabled) {
	filter: brightness(1.05);
	-webkit-filter: brightness(1.05);
	background: #BBB;
	line-height: 18px;
	padding-bottom: 12px !important;
}

.formar .mcui-button:hover:not(:disabled):after {
	bottom: -3px;
}

.formar .mcui-button:active:not(:disabled) {
	top: 2px;
	padding-bottom: 10px !important;
	line-height: 18px;
}

.formar .mcui-button:active:not(:disabled):after {
	bottom: -5px;
}

.formar .mcui-button:disabled {
	cursor: auto;
}

.formar .mcui-button.medium {
	font-size: 13px;
	padding: 9px 13px 6px 13px !important;
	letter-spacing: 0.4px;
}

.formar .mcui-button.medium:hover:not(:disabled) {
	padding-bottom: 8px !important;
}

.formar .mcui-button.medium:active:not(:disabled) {
	padding-bottom: 6px !important;
}

.formar .mcui-button.small {
	font-size: 11px;
	padding: 5px 10px 2px 10px !important;
	letter-spacing: 0.2px;
}

.formar .mcui-button.small:hover:not(:disabled) {
	padding-bottom: 4px !important;
}

.formar .mcui-button.small:active:not(:disabled) {
	padding-bottom: 2px !important;
}

.formar .mcui-button.mini {
	font-size: 11px;
	line-height: 16px;
	padding: 3px 8px 0px 8px !important;
	letter-spacing: 0.2px;
}

.formar .mcui-button.mini:hover:not(:disabled) {
	padding-bottom: 2px !important;
	line-height: 14px;
}

.formar .mcui-button.mini:active:not(:disabled) {
	padding-bottom: 0px !important;
	line-height: 14px;
}

.formar .mcui-button.green,
.formar .mcui-button.green:hover:not(:disabled) {
	color: #FFF;
	background: #1d692d;
}

.formar .mcui-button.green:after {
	background-color: #3cae5a;
}

.formar .mcui-button.red,
.formar .mcui-button.red:hover:not(:disabled) {
	color: #FFF;
	background: #AA3333;
}

.formar .mcui-button.red:after {
	background-color: #FF6666;
}

.formar .mcui-button.yellow,
.formar .mcui-button.yellow:hover:not(:disabled) {
	color: #FFF !important;
	text-shadow: none !important;
	background: #9e712d;
}

.formar .mcui-button.yellow:after {
	background-color: #e6b15f;
}

.formar .mcui-button.blue,
.formar .mcui-button.blue:hover:not(:disabled) {
	color: #FFF !important;
	text-shadow: none !important;
	background: #2980b9;
}

.formar .mcui-button.blue:after {
	background-color: #3498db;
}

.formar div.gen_tab {
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.formar div.gen_tab>div.tab.first {
	border-left: 1px solid #CCC;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.formar div.gen_tab>div.tab:last-child {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.formar div.gen_tab>div.tab {
	height: 42px;
	line-height: 40px;
	background: #F5F5F5;
	position: relative;
	margin-right: 0px;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	box-sizing: border-box;
	text-transform: none;
	text-shadow: none;
	color: #999;
	transition: background-color 0.25s;
	overflow: hidden;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.15);
}

.formar div.gen_tab>div.tab:hover {
	background: #FFF !important;
	color: #666;
}

.formar div.gen_tab>div.tab:not(.selected):hover::after {
	content: "";
	position: absolute;
	top: -1px;
	left: 0px;
	width: 100%;
	height: 3px;
	background: var(--highlight);
	opacity: 0.5;
}

.formar div.gen_tab>div.tab.selected {
	background-image: none;
	background: #FFF;
	color: #333;
	text-shadow: none;
	background: #FFF !important;
	color: var(--highlight);
	transition: none;
}

.formar div.gen_tab>div.tab.selected::after {
	content: "";
	position: absolute;
	top: -1px;
	left: 0px;
	width: 100%;
	height: 3px;
	background: var(--highlight);
}

.formar div.gen_tab>div.label {
	color: var(--highlight);
}

.formar .mcui-searcher-holder div.rem {
	padding: 0px 10px !important;
	width: auto;
	top: 5px;
	right: 5px;
	height: 30px;
	line-height: 30px;
	border-radius: 5px;
}

.formar .mcui-searcher-holder div.rem:after {
	border-radius: 5px;
}

.formar .mcui-searcher-holder div.rem:hover {
	line-height: 30px;
}

.formar .mcui-searcher-holder div.rem:active {
	top: 7px;
	height: 28px;
}