/* = Template Menu
-------------------------------------------------------------- */
.template_menu_icon{

	float: left;
  	height: 34px;
	padding-top:7px;
  	width: 36px;
	margin:2px 5px 0px 4px;
	background:transparent url('img/chameleon-icon.png') no-repeat center !important;
	
}
/* = Style Generator
-------------------------------------------------------------- */
.ui-dialog .ui-dialog-titlebar-close {background-color:red !important;}
	
.wp-editor-area {
	white-space: normal !important;
/*	background-color:red !important;*/
}

.style-generator-title {
	width:150px !important;
}

.field_wrap {
	float:left;
	margin:5px 5px 5px 5px;
	padding:5px 10px 5px 10px;	
	background:#f4f4f4;
	min-height:68px;	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #ebebeb;
}
.field_wrap:hover {
	background:#f0f0f0;	
	border:1px solid #d7d7d7;
}

.field_wrap label{
	float:left;
	width:100%;
	padding:2px 0px 2px 0px;
	border:0px solid red;
	
}
.field_wrap table, .field_wrap table th, .field_wrap table td {
	border:0px;
	padding:2px 5px 2px 1px;
}

.field_wrap h4.title {
	font-size:15px;
	padding:4px 0px 0px 0px;
}
.style-generator-content-title h4 {
	padding:0px;
	margin:0px;
}

/* = img 
-------------------------------------------------------------- */
.field-image {}
.field-image-img {	
	border:1px solid #dedede;
	padding:4px;
	background-color:#fff;
}
.my_field_image_input {}

img.prew-image {float:left; width:60px; height:60px; margin:4px 5px 0px 0px; border:1px solid #ebebeb;	-webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px;}
img.prew-image:hover {border:1px solid #d7d7d7;}
/* = radio  
-------------------------------------------------------------- */
.field_wrap-radio img {
	border:2px solid transparent;
	}
.field_wrap-radio img:hover, .field_wrap-radio table td.current img {	
	border:2px solid #c6c6c6;
}
/* = theme_wrap 
-------------------------------------------------------------- */
.theme_wrap {
	float:left; 
	width:250px; 
	height:350px; 
	border:1px solid #ebebeb;
	background:#f4f4f4;
	margin:0px 10px 10px 0px;	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
	}
.theme_wrap img{	
	background-color:#fff; }

.theme_wrap:hover {
	background:#ececec;	
	border:1px solid #d7d7d7;
}
.theme_wrap-inner {
	padding:10px;	
}

.theme_wrap-current {
	background-color:#d2ebf6;
	border:1px solid #aacdde;	
}

.theme-title {
	margin:7px 0px 5px 0px;
}

.theme-desc{
	height:62px;
	font-size:11px;
	color:#959595;
	border:0px solid red;
}
.theme-desc p {font-size:11px !important; 
color:#959595;}
/* = Style Fieldset
-------------------------------------------------------------- */
fieldset {}
fieldset.toggle legend {cursor:pointer;}
fieldset.toggle legend:hover {	color:#000;}
fieldset ul {margin-left:30px;}


fieldset.default_fieldset, fieldset.main fieldset.default_fieldset{	
	margin:10px;
	padding:5px 10px 10px 10px;
	border:1px solid #d7d7d7;
	background-color:#fff;	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
fieldset.default_fieldset legend, fieldset.main fieldset.default_fieldset legend{ 
	margin:0px 0px 0px 10px;
	padding:5px 12px 4px 12px;
	background:#f0f0f0;
	color:#555555;
		border:1px solid #d7d7d7;
	font-weight:bold;	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

fieldset.main {
	margin:10px;
	padding:5px 10px 10px 10px;
	border:1px solid #969696;
	background-color:#ececec;	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
fieldset.main legend{ 
	background:#777777;	
	color:#f0f0f0;
		border:1px solid #969696;
}

p.fieldset_desc{
	color:#666666; 
	font-style:italic !important; 
	padding-left:25px;
	}	
/* = style_option_description 
-------------------------------------------------------------- */
.style_option_description {
	padding:5px 14px 3px 14px;
	color:#898989;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}	
.style_option_description img {
	float:left;
	margin:0px 5px 3px 0px;
}	

/* = Radio
-------------------------------------------------------------- */ 
ul.field-radio {
	float:left;	width:90%;
}
ul.field-radio li {
	height:22px;
}
ul.field-radio li input.radio{ 
	float:left;
	width:24px;
	margin:3px 0px 0px 0px;
}
ul.field-radio li label {
	float:left;	
}

/* = ADMIN field desc
-------------------------------------------------------------- */ 
.field-desc-inner {
	padding:4px 0px 0px 1px;
	color:#d1d1d1;
} 
.colorpiker-wrap{
	float:left;
	width: 32px;
	height: 32px;
	margin:0px 7px 0px 5px;
	background:transparent url(img/colorpiker-empty.png) no-repeat center ;	
	border:1px solid #d7d7d7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
}	
.colorpiker-wrap:hover{	border:1px solid #c3c3c3; }
	
.colorpiker {
	float:left;
	width: 32px;
	height: 32px;
	padding:0px;
/*	margin:0px 0px 0px 5px;*/
	border:0px solid #eaeaea;

	background:transparent url(img/colorpiker.png) no-repeat center;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


.color-box {

	float:left;
 	width:70px; 
	height:30px;
	margin:0px 5px 5px 5px; 
	border:1px solid #d7d7d7; 
}
.color-box:hover { 	
	border:1px solid #252525;
	cursor:pointer;
}

span.color-code {float:left;  font-size:11px; color:#959595 !important;}

/* = Widths 
-------------------------------------------------------------- */
.w5{width:5%;}.w6{width:6%;}.w7{width:7%;}.w8{width:8%;}.w9{width:9%;}.w10{width:10%;}.w11{width:11%;}.w12{width:12%;}.w13{width:13%;}.w14{width:14%;}.w15{width:15%;}.w16{width:16%;}.w17{width:17%;}.w18{width:18%;}.w19{width:19%;}.w20{width:20%;}.w21{width:21%;}.w22{width:22%;}.w23{width:23%;}.w24{width:24%;}.w25{width:25%;}.w26{width:26%;}.w27{width:27%;}.w28{width:28%;}.w29{width:29%;}.w30{width:30%;}.w31{width:31%;}.w32{width:32%;}.w33{width:33%;}.w333{width:32.7%;}.w34{width:34%;}.w35{width:35%;}.w36{width:36%;}.w37{width:37%;}.w38{width:38%;}.w39{width:39%;}.w40{width:40%;}.w41{width:41%;}.w42{width:42%;}.w43{width:43%;}.w44{width:44%;}.w45{width:45%;}.w46{width:46%;}.w47{width:47%;}.w48{width:48%;}.w49{width:49%;}.w50{width:50%;}.w51{width:51%;}.w52{width:52%;}.w53{width:53%;}.w54{width:54%;}.w55{width:55%;}.w56{width:56%;}.w57{width:57%;}.w58{width:58%;}.w59{width:59%;}.w60{width:60%;}.w61{width:61%;}.w62{width:62%;}.w63{width:63%;}.w64{width:64%;}.w65{width:65%;}.w66{width:66%;}.w67{width:67%;}.w68{width:68%;}.w69{width:69%;}.w70{width:70%;}.w71{width:71%;}.w72{width:72%;}.w73{width:73%;}.w74{width:74%;}.w75{width:75%;}.w76{width:76%;}.w77{width:77%;}.w78{width:78%;}.w79{width:79%;}.w80{width:80%;}.w81{width:81%;}.w82{width:82%;}.w83{width:83%;}.w84{width:84%;}.w85{width:85%;}.w86{width:86%;}.w87{width:87%;}.w88{width:88%;}.w89{width:89%;}.w90{width:90%;}.w91{width:91%;}.w92{width:92%;}.w93{width:93%;}.w94{width:94%;}.w95{width:95%;}.w96{width:96%;}.w97{width:97%;}.w98{width:98%;}.w99{width:99%;}.w100{width:100%;}

.w20px{width:20px;}.w30px{width:30px;}
.w40px{width:40px;}
.w43px{width:43px;} 
.w45px{width:45px;} 
.w50px{width:50px;}
.w60px{width:60px;}
.w70px{width:70px;}
.w80px{width:80px;}
.w90px{width:90px;}
.w100px{width:100px;}
.w150px{width:150px;}
.w200px{width:200px;}
.w250px{width:250px;}
.w300px{width:300px;}
.w335px{width:335px;}
.w340px{width:340px;}
.w350px{width:350px;}
.w400px{width:400px;}
.w450px{width:450px;}


/* = Height 
-------------------------------------------------------------- */
.h5{height:5px;}.h10{height:10px;}.h15{height:15px;}.h20{height:20px;}.h25{height:25px;}.h30{height:30px;}.h35{height:35px;}.h40{height:40px;}.h45{height:45px;}.h50{height:50px;}.h55{height:55px;}.h60{height:60px;}.h65{height:65px;}.h70{height:70px;}.h75{height:75px;}.h80{height:80px;}.h85{height:85px;}.h90{height:90px;}.h95{height:95px;}.h100{height:100px;}
/* = Height 10 by 10
-------------------------------------------------------------- */
.h110{height:110px;}.h120{height:120px;}.h130{height:130px;}.h140{height:140px;}.h150{height:150px;}.h160{height:160px;}.h170{height:170px;}.h180{height:180px;}.h190{height:190px;}.h200{height:200px;}
/* = Height 50 by 50
-------------------------------------------------------------- */
.h250{height:250px;}.h300{height:300px;}.h350{height:350px;}.h400{height:400px;}.h450{height:450px;}.h500{height:500px;}.h550{height:550px;}.h600{height:600px;}.h650{height:650px;}.h700{height:700px;}.h750{height:750px;}.h800{height:800px;}.h850{height:850px;}.h900{height:900px;}.h950{height:950px;}.h1000{height:1000px;}

/* = inner
-------------------------------------------------------------- */
.inner   { padding:0px; margin:0px; border:none;}
/* = divider
-------------------------------------------------------------- */
.divider { float:left; width:100%; height:1px;}

/* = colones 
-------------------------------------------------------------- */
.col5{ float:left; width:5%;}.col6{ float:left; width:6%;}.col7{ float:left; width:7%;}.col8{ float:left; width:8%;}.col9{ float:left; width:9%;}.col10{ float:left; width:10%;}.col11{ float:left; width:11%;}.col12{ float:left; width:12%;}.col13{ float:left; width:13%;}.col14{ float:left; width:14%;}.col15{ float:left; width:15%;}.col16{ float:left; width:16%;}.col17{ float:left; width:17%;}.col18{ float:left; width:18%;}.col19{ float:left; width:19%;}.col20{ float:left; width:20%;}.col21{ float:left; width:21%;}.col22{ float:left; width:22%;}.col23{ float:left; width:23%;}.col24{ float:left; width:24%;}.col25{ float:left; width:25%;}.col26{ float:left; width:26%;}.col27{ float:left; width:27%;}.col28{ float:left; width:28%;}.col29{ float:left; width:29%;}.col30{ float:left; width:30%;}.col31{ float:left; width:31%;}.col32{ float:left; width:32%;}.col33{ float:left; width:33%;}.col34{ float:left; width:34%;}.col35{ float:left; width:35%;}.col36{ float:left; width:36%;}.col37{ float:left; width:37%;}.col38{ float:left; width:38%;}.col39{ float:left; width:39%;}.col40{ float:left; width:40%;}.col41{ float:left; width:41%;}.col42{ float:left; width:42%;}.col43{ float:left; width:43%;}.col44{ float:left; width:44%;}.col45{ float:left; width:45%;}.col46{ float:left; width:46%;}.col47{ float:left; width:47%;}.col48{ float:left; width:48%;}.col49{ float:left; width:49%;}.col50{ float:left; width:50%;}.col51{ float:left; width:51%;}.col52{ float:left; width:52%;}.col53{ float:left; width:53%;}.col54{ float:left; width:54%;}.col55{ float:left; width:55%;}.col56{ float:left; width:56%;}.col57{ float:left; width:57%;}.col58{ float:left; width:58%;}.col59{ float:left; width:59%;}.col60{ float:left; width:60%;}.col61{ float:left; width:61%;}.col62{ float:left; width:62%;}.col63{ float:left; width:63%;}.col64{ float:left; width:64%;}.col65{ float:left; width:65%;}.col66{ float:left; width:66%;}.col67{ float:left; width:67%;}.col68{ float:left; width:68%;}.col69{ float:left; width:69%;}.col70{ float:left; width:70%;}.col71{ float:left; width:71%;}.col72{ float:left; width:72%;}.col73{ float:left; width:73%;}.col74{ float:left; width:74%;}.col75{ float:left; width:75%;}.col76{ float:left; width:76%;}.col77{ float:left; width:77%;}.col78{ float:left; width:78%;}.col79{ float:left; width:79%;}.col80{ float:left; width:80%;}.col81{ float:left; width:81%;}.col82{ float:left; width:82%;}.col83{ float:left; width:83%;}.col84{ float:left; width:84%;}.col85{ float:left; width:85%;}.col86{ float:left; width:86%;}.col87{ float:left; width:87%;}.col88{ float:left; width:88%;}.col89{ float:left; width:89%;}.col90{ float:left; width:90%;}.col91{ float:left; width:91%;}.col92{ float:left; width:92%;}.col93{ float:left; width:93%;}.col94{ float:left; width:94%;}.col95{ float:left; width:95%;}.col96{ float:left; width:96%;}.col97{ float:left; width:97%;}.col98{ float:left; width:98%;}.col99{ float:left; width:99%;}.col100{ float:left; width:100%;}
.col333 { float:left; width:33.3%;}.col666{ float:left; width:66.36%;}

/* = text align 
-------------------------------------------------------------- */
.text-left {text-align:left;} .text-center {text-align:center;}.text-right {text-align:right !important;}

/* = floats 
-------------------------------------------------------------- */
.left {float:left;}.center {float:none !important; margin-left:auto; margin-right:auto; }.right {float:right;}.both {	clear: both;}

/* = display 
-------------------------------------------------------------- */
.hidden {display:none;}	
.show { display:block;}


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float:left;
    margin: 5px 20px 20px 0 ;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}

/* = ADMIN span option_id 
-------------------------------------------------------------- */
span.option_id {
	float:right;
	color:#959595;
}

th.slick-toggle {
	cursor:pointer;
}

/* = STYLE google font api 
-------------------------------------------------------------- */
.google_fonts_font_list {
	float:left;
	width:100%;
	margin-bottom:10px;
}
.google_fonts_font_list input {
	margin-top:-1px;
	margin-right:6px;
}

.google_fonts_font_variant {
	margin-left:22px;
}
/* = ADMIN hndle hack
-------------------------------------------------------------- */
.hndle {
	padding:10px 10px 10px 10px;
}

/* = ADMIN theme documentation 
-------------------------------------------------------------- */
table.theme_docs,  table.theme_docs td {
	border:0px;
}
table.theme_docs th {
	border-bottom:1px solid #d6d6d6;
}
table.theme_docs th h4 {
	margin:0px 0px 0px 0px !important;
}
table.theme_docs td {
	line-height:20px;
}
table.theme_docs td.theme_option_desc { 
/*	color:#b7b7b7;*/
	color:#666666; font-style:italic; 
}


/* =  MESSAGES 
-------------------------------------------------------------- */
.message {font-family: Verdana,sans-serif; margin:5px 0px 5px 0px; color:#3d3333;font-size:11px;padding:7px 10px 7px 55px;line-height: 16px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.message h6{ margin:0px;}
.message p{}
.message .inner { background-position:-10px -10px; background-repeat: no-repeat; margin-bottom:-9px; padding-bottom:9px;}
.message.error {border:#d99d9d 1px solid;background: #FFe5e5 url(../../css/img/error.png) no-repeat left center;}
.message.success {border:#9bdea8 1px solid; background: #e9ffe5 url(../../css/img/success.png) no-repeat left center;}
.message.notice {border:#e8e657 1px solid;background: #FFFee5 url(../../css/img/notice.png) no-repeat left center;}
.message.info {border:#aacdde 1px solid;background: #d2ebf6 url(../../css/img/info.png) no-repeat left center;	}



@media (max-width: 949px) {
.help-box {display:none;}
.options-box {width:100% !important;}	

}
@media (max-width: 750px) {
.docs-img {width:100%;}	
	
}