/* MINI COLOR */
.minicolors {
	position: relative;
}

.minicolors-swatch {
	position: absolute;
	vertical-align: middle;
	background: url(jquery.minicolors.png) -80px 0;
	
	cursor: text;
	padding: 0;
	margin: 0;
	display: inline-block;
}

.minicolors-swatch-color {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.minicolors input[type=hidden] + .minicolors-swatch {
	width: 28px;
	position: static;
	cursor: pointer;
}

/* Panel */
.minicolors-panel {
	position: absolute;
	width: 173px;
	height: 152px;
	background: white;
	border: solid 1px #CCC;
	box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	z-index: 99999;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	display: none;
}

.minicolors-panel.minicolors-visible {
	display: block;
}

/* Panel positioning */
.minicolors-position-top .minicolors-panel {
	top: -154px;
}

.minicolors-position-right .minicolors-panel {
	right: 0;
}

.minicolors-position-bottom .minicolors-panel {
	top: auto;
}

.minicolors-position-left .minicolors-panel {
	left: 0;
}

.minicolors-with-opacity .minicolors-panel {
	width: 194px;
}

.minicolors .minicolors-grid {
	position: absolute;
	top: 1px;
	left: 1px;
	width: 150px;
	height: 150px;
	background: url(jquery.minicolors.png) -120px 0;
	cursor: crosshair;
}

.minicolors .minicolors-grid-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: none;
}

.minicolors-slider-saturation .minicolors-grid {
	background-position: -420px 0;
}

.minicolors-slider-saturation .minicolors-grid-inner {
	background: url(jquery.minicolors.png) -270px 0;
}

.minicolors-slider-brightness .minicolors-grid {
	background-position: -570px 0;
}

.minicolors-slider-brightness .minicolors-grid-inner {
	background: black;
}

.minicolors-slider-wheel .minicolors-grid {
	background-position: -720px 0;
}

.minicolors-slider,
.minicolors-opacity-slider {
	position: absolute;
	top: 1px;
	left: 152px;
	width: 20px;
	height: 150px;
	background: white url(jquery.minicolors.png) 0 0;
	cursor: row-resize;
}

.minicolors-slider-saturation .minicolors-slider {
	background-position: -60px 0;
}

.minicolors-slider-brightness .minicolors-slider {
	background-position: -20px 0;
}

.minicolors-slider-wheel .minicolors-slider {
	background-position: -20px 0;
}

.minicolors-opacity-slider {
	left: 173px;
	background-position: -40px 0;
	display: none;
}

.minicolors-with-opacity .minicolors-opacity-slider {
	display: block;
}

/* Pickers */
.minicolors-grid .minicolors-picker {
	position: absolute;
	top: 70px;
	left: 70px;
	width: 12px;
	height: 12px;
	border: solid 1px black;
	border-radius: 10px;
	margin-top: -6px;
	margin-left: -6px;
	background: none;
}

.minicolors-grid .minicolors-picker > div {
	position: absolute;
	top: 0;
	left: 0;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	border: solid 2px white;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.minicolors-picker {
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 2px;
	background: white;
	border: solid 1px black;
	margin-top: -2px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

/* Inline controls */
.minicolors-inline {
	display: inline-block;
}

.minicolors-inline .minicolors-input {
	display: none !important;
}

.minicolors-inline .minicolors-panel {
	position: relative;
	top: auto;
	left: auto;
	box-shadow: none;
	z-index: auto;
	display: inline-block;
}

/* Default theme */
.minicolors-theme-default .minicolors-swatch {
	top: 5px;
	left: 5px;
	width: 18px;
	height: 18px;
}
.minicolors-theme-default.minicolors-position-right .minicolors-swatch {
	left: auto;
	right: 5px;
}
.minicolors-theme-default.minicolors {
	width: auto;
	display: inline-block;
}
.minicolors-theme-default .minicolors-input {
	height: 20px;
	width: auto;
	display: inline-block;
	padding-left: 26px;
}
.minicolors-theme-default.minicolors-position-right .minicolors-input {
	padding-right: 26px;
	padding-left: inherit;
}

/* Bootstrap theme */
.minicolors-theme-bootstrap .minicolors-swatch {
	top: 3px;
	left: 3px;
	width: 28px;
	height: 28px;
	border-radius: 3px;
}
.minicolors-theme-bootstrap .minicolors-swatch-color {
	border-radius: inherit;
}
.minicolors-theme-bootstrap.minicolors-position-right .minicolors-swatch {
	left: auto;
	right: 3px;
}
.minicolors-theme-bootstrap .minicolors-input {
	padding-left: 44px;
}
.minicolors-theme-bootstrap.minicolors-position-right .minicolors-input {
	padding-right: 44px;
	padding-left: 12px;
	height:34px;
	width:100%;
}
.minicolors-theme-bootstrap .minicolors-input.input-lg + .minicolors-swatch {
	top: 4px;
	left: 4px;
	width: 37px;
	height: 37px;
	border-radius: 5px;
}
.minicolors-theme-bootstrap .minicolors-input.input-sm + .minicolors-swatch {
	width: 24px;
	height: 24px;
}

/* DO NOT EDIT THIS FILE */
#live-editor{background:  #ffffff;left: -100%;position: fixed;top: 50px;padding:0 ;width: 245px;z-index: 1059;text-align:left;font-size:13px;direction:ltr;}
#live-editor_btn{position: fixed;width: 42px;height: 40px;left: 0px;top: 50px;padding: 10px;cursor: pointer;overflow: hidden;background: #666;z-index: 1059;border-radius:0 2px 2px 0; text-align:center;color:#fff;}
#live-editor_btn i {font-size: 20px;color: #fff;}
#live-editor .title{margin:0;padding: 9px 20px;color: #fff;font-size:14px;text-transform:uppercase;}
#live-editor .option {width:100% !important;}
#live-editor .option label {font-weight:normal;padding-bottom:5px;margin:0;font-size:13px;color:#666;}
#live-editor .option  select {height:35px;width:100%;border:solid 1px #d7d7d7;padding: 2px 10px;color:#666;}
#live-editor .option  option {padding:5px 10px;}
#editor-option {padding: 20px;border:solid 1px #ddd;border-top:none;border-left:none;}
#editor-option .option {margin-bottom:15px;}
#live-editor .option .layoutbox {position:relative;}
#live-editor .option .layoutbox:after {content:"\f0d7";font-family:Fontawesome;color:#666;display:block;height:33px;width:30px;line-height:30px;position:absolute;top:1px;right:1px;pointer-events:none;background:#fff;text-align:center;font-size:12px;}
.close-editor {position:absolute;top:0;right:-42px;width: 42px;height: 40px;padding: 10px;cursor: pointer;overflow: hidden;background: #666;z-index: 90;border-radius:0 3px 3px 0; text-align:center;color:#fff;font-size:18px;}
.nomargin{margin:0 !important;}
.notice {font-size: 11px;color: #999;margin: 5px 0;}
.minicolors-theme-bootstrap .minicolors-swatch {border-radius:0;}
.editor-option{margin: 20px 0 0; font-size: 11px;}
.editor-option.option {margin-bottom:10px;}
#live-editor  .buttons {margin:0 -20px -20px;padding: 20px;}
#live-editor  .buttons .btn{font-size:13px;border-radius:0;border:none; padding:7px 15px; margin:0 4%; width:40%;color:#fff;display:inline-block;background:#363636;}

/* Element Show FrontEnd */
.layout-boxed.pattern{background-image:none;}
.layout-boxed.patternnone {background-image:none;}
.layout-boxed.pattern1 {background-image: url("../../../patterns/1.png");}
.layout-boxed.pattern2 {background-image: url("../../../patterns/2.png");}
.layout-boxed.pattern3 {background-image: url("../../../patterns/3.png");}
.layout-boxed.pattern4 {background-image: url("../../../patterns/4.png");}
.layout-boxed.pattern5 {background-image: url("../../../patterns/5.png");}
.layout-boxed.pattern6 {background-image: url("../../../patterns/6.png");}
.layout-boxed.pattern7 {background-image: url("../../../patterns/7.png");}
.layout-boxed.pattern8 {background-image: url("../../../patterns/8.png");}
.layout-boxed.pattern9 {background-image: url("../../../patterns/9.png");}

.layout-full.pattern {background-image:none;}
.layout-full.patternnone {background-image:none;}
.layout-full.pattern1 {background-image: url("../../../patterns/1.png");}
.layout-full.pattern2 {background-image: url("../../../patterns/2.png");}
.layout-full.pattern3 {background-image: url("../../../patterns/3.png");}
.layout-full.pattern4 {background-image: url("../../../patterns/4.png");}
.layout-full.pattern5 {background-image: url("../../../patterns/5.png");}
.layout-full.pattern6 {background-image: url("../../../patterns/6.png");}
.layout-full.pattern7 {background-image: url("../../../patterns/7.png");}
.layout-full.pattern8 {background-image: url("../../../patterns/8.png");}
.layout-full.pattern9 {background-image: url("../../../patterns/9.png");}

div.img-pattern {display:inline-block;height:37px;width:37px;border:solid 1px #d7d7d7;padding:1px;background:#fff;cursor:pointer;margin-bottom:-2px;}
div.img-pattern span {background-repeat:no-repeat;background-position:center center;background-size:100% 100%;display:block;width:100%;height:100%;}
div.img-pattern.pattern_none span {background-image: none;}
div.img-pattern.pattern_1 span {background-image: url("../../../patterns/1.png");}
div.img-pattern.pattern_2 span {background-image: url("../../../patterns/2.png");}
div.img-pattern.pattern_3 span {background-image: url("../../../patterns/3.png");}
div.img-pattern.pattern_4 span {background-image: url("../../../patterns/4.png");}
div.img-pattern.pattern_5 span {background-image: url("../../../patterns/5.png");}
div.img-pattern.pattern_6 span {background-image: url("../../../patterns/6.png");}
div.img-pattern.pattern_7 span {background-image: url("../../../patterns/7.png");}
div.img-pattern.pattern_8 span {background-image: url("../../../patterns/8.png");}
div.img-pattern.pattern_9 span {background-image: url("../../../patterns/9.png");}



@media  (max-width: 1199px) {
	#live-editor label {pointer-events:none;}
	#live-editor label .fa {display:none;}
	.option.hidden-device {display:none;}
}