body{

*,:after,:before{box-sizing:border-box}
.pull-left{float:left}
.pull-right{float:right}
.clearfix:after,.clearfix:before{content:'';display:table}
.clearfix:after{clear:both;display:block}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#ddd}
::-webkit-scrollbar-thumb{background:#ccc}
::-webkit-scrollbar-thumb:hover{background:#aaa}
.block{display:block}
.inline-block{display:inline-block}
.select,
.button,
.textarea{
	color:#777;
	padding:5px;
	min-width:122px;
	font-weight:bold;
	margin-bottom:15px;
	border:2px solid #888;
}
.button{
	color:#fff;
	padding:10px 15px;
	background:rgba(0,0,0,.5);
	text-transform:uppercase;
	transition:all .4s ease-in-out 0s;
}
.button:hover{
	background:rgba(0,0,0,.8)
}
.textarea{
	width:100%;
	resize:none;
	resize:none;
	min-height:140px;
}
.preview{
	padding:15px;
	background:#fff;
	min-height:140px;
	margin-bottom:15px;
}
.alert-msg{
	font-size:13px;
	font-weight:400;
	padding:4px 8px;
	border-radius:2px;
	font-style:normal;
	background:#f9edbe;
	border:2px solid #f0c36d;
}


.mk-tl-row-title{margin-bottom:15px}
.mk-tl-htm,.mk-tl-htm>body,.mk-tl-wrp,.mk-tl-row-content{height:100%}
.mk-tl-col{
	width:50%;
	float:left;
	height:100%;
	padding:15px;
	overflow-y:auto;
}
.mk-tl-row-header{
	top:0;
	left:0;
	right:0;
	height:50px;
	position:fixed;
	-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.16),0 2px 5px 0 rgba(0,0,0,.26);
	box-shadow:0 2px 10px 0 rgba(0,0,0,.16),0 2px 5px 0 rgba(0,0,0,.26);
}
.mk-tl-row-header .mk-tl-col{
	text-align:center;
}
.mk-tl-row-content{
	padding-top:50px;
}
.mk-tl-row-content .block{margin-top:15px;margin-bottom:10px}

.colors>.color{
	width:40px;
	height:40px;
	cursor:pointer;
	overflow:hidden;
	position:relative;
	margin:0 10px 5px 0;
	display:inline-block;
}
.colors>.color:before,
.colors>.color:after{
	content:'';
	position:absolute;
	-webkit-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
	transition:all .3s ease-in-out 0s;
}
.colors>.color:before{
	top:5px;
	z-index:1;
	right:5px;
	color:#fff;
	content:'\2714 ';
	text-shadow:none;
}
.colors>.color:after{
	width:0;
	height:0;
	border:20px solid transparent;
	border-top:20px solid rgba(0,0,0,.4);
	border-right:20px solid rgba(0,0,0,.4);
	transition-duration:.1s;
}
.colors>.color.active{
	cursor:default;
}
.colors>.color.active:before,
.colors>.color.active:after{
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
}