#jdesign {
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */      

	margin-top: 30px;
	max-width: 800px;
	height: 500px;
	margin-left: auto;
	margin-right: auto;

}
.btn {
	margin-top:5px;
}
.btn-group .btn {
	margin-top:0;
}
.minicolors-swatch {
	width:20px !important;
	height:20px !important;

}
input.minicolors-input {
	padding-left:30px !important;
}
#fontselector a {
	display:block;
	color:#555;
	text-decoration: none;
}
#fontselector a b.caret {
	float:right;
	margin-top:9px;
}
#fontselector a:hover {
	text-decoration: none;
}
#jdesign #jdesign-inner {
	height: 100%;
	width: 100%;
}

#jdesign #jdesign-menu {
	background: #2E6CA2;
	border: 1px solid #2E6CA2;
	height: 45px;
	width: 100%;
	vertical-align: middle;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

#jdesign #jdesign-menu .spinner {
	color: #fff;
	padding: 0 10px;
}

#jdesign #jdesign-menu #spinner-save {
	display:none;
}

#jdesign .jheader {
	font-size:18px;
}
#jdesign .jheader i {
	color: #2E6CA2;
	margin-right:10px;
}

#jdesign #jdesign-left {
	background: red;
	overflow: hidden;
	height: 100%;
	background-color: #ececec;
	border-left: 1px solid #2E6CA2;
	border-bottom: 1px solid #2E6CA2;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
}

#jdesign #jdesign-right {
	background: #f8f8f8;
	border: 1px solid #2E6CA2;
	border-top: none;
	float: right;
	width: 250px;
	height: 100%;
	padding:5px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
}
#fontselector {
	white-space:nowrap;
}

#jdesign #jdesign-canvas {
	width: 100%;
	height: 100%;
}

#jdesign #jdesign-canvas-alt {
	width: 100%;
	height: 100%;
}

#jdesign #jdesign-menu .jmenu-item {
	margin-left: 3px;
	margin-top: 3px;
	border: 1px solid #205fa6;
	min-width: 36px;
	height: 36px;
	display: inline-block;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
}

.jmenu-item-text {
	padding-left: 7px;
	padding-right: 10px;
}

#jdesign #jdesign-menu .jmenu-item i {
	padding-left: 10px;
	padding-top: 10px;
}

#jdesign #jdesign-menu .jmenu-item:hover {
	background: #3b6ead;
	color: #fff;
	border-color: #fff;
}

#jdesign #jdesign-menu .jmenu-item .active {
	background: #3b6ead;
	color: #fff;
}

#jDesignImages {
	display: none;
}

#jdesign-first {
	/*position: absolute;*/
	left:0;
	margin-top:25px;
	width:100%;
	text-align: center;
	z-index: 100;
}

#jdesign-first img{
	width: 200px;
	margin-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
}

#jdesign-first img.select_type:hover{
	cursor: pointer;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
}

.jdesign-first-header {
	font-size: 40px;
}

#jdesign #type {
	display: none;
}
#jmenu-price {
	color:#fff;
	float:right;
	font-size: 30px;
	padding-right:10px;
	font-weight: bold;
}

#jdesign-error {/*
	display: none;
	padding: 5px;
	font-size: 15px;
	text-shadow: 0 0 1px #000;
	-moz-text-shadow: 0 0 1px #000;
	-webkit-text-shadow: 0 0 1px #000;
	color: red;

	*/
}

#jdesign-error {
	color: orange;
	padding-top:8px;
	padding-right:20px;
	float:right;
	font-size:30px;
}


#jdesign .jcolor,.jcolortext {
	display: inline-block;
	height: 30px;
	width: 30px;
	border: 1px solid #000;
	margin-left: 3px;
	margin-right: 3px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
}

#jdesign .jcolor:hover,.jcolortext:hover {
	cursor: pointer;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
}

.select_type_name {
	font-size: 30px;
	margin-left: -200px;
	width: 200px;
	text-align: center;
	display: inline-block;	
	top: 120px;
	position: relative;
	
}

.select_type {
}

.tooltip-arrow {
	border-top-color: #2E6CA2 !important;
}

.tooltip-inner {
	background-color: #2E6CA2;
}

@media (max-width:767px) {
	#jdesign #jdesign-right {
		width: 160px;
	}
}

@media (max-width: 480px) {
	#jdesign #jdesign-menu {
		height: 90px;
	}
}

#jdesign-special {
	max-width:800px;
	margin: 0 auto;
}

#jdesign-special > div {
}