/*-------------------------------------------------------------------------------------------*/
/* A3rev Panel UI */
/*-------------------------------------------------------------------------------------------*/
@charset "UTF-8";

/* A3 Plugin Framework Font Icons */

/* GENERATE by Fontastic http://fontastic.me */
@font-face {
  font-family: "a3-plugin-framework";
  src:url("../fonts/a3-plugin-framework.eot");
  src:url("../fonts/a3-plugin-framework.eot?#iefix") format("embedded-opentype"),
    url("../fonts/a3-plugin-framework.woff") format("woff"),
    url("../fonts/a3-plugin-framework.ttf") format("truetype"),
    url("../fonts/a3-plugin-framework.svg#a3-plugin-framework") format("svg");
  font-weight: normal;
  font-style: normal;

}

@-webkit-keyframes progress-bar {
	from { background-position: 0 0;}
	to { background-position: 24px 40px;}
}
@keyframes progress-bar {
	from { background-position: 0 0;}
	to { background-position: 24px 40px;}
}

[class^="a3-plugin-ui-"]:before,
[class*=" a3-plugin-ui-"]:before {
  font-family: "a3-plugin-framework" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.a3-plugin-ui-a3-plugins-icon:before {
  content: "a";
}
.a3-plugin-ui-a3-rev-logo:before {
  content: "b";
}
.a3-plugin-ui-a3-thumb-icon:before {
  content: "c";
}
.a3-plugin-ui-delete-icon:before {
  content: "d";
}
.a3-plugin-ui-help-icon:before {
  content: "e";
}
.a3-plugin-ui-key-icon:before {
  content: "f";
}
.a3-plugin-ui-preview-icon:before {
  content: "g";
}
.a3-plugin-ui-refresh-icon:before {
  content: "h";
}
.a3-plugin-ui-loading-icon:before {
  content: "k";
}
.a3-plugin-ui-a3-plugins-icon-1:before {
  content: "i";
}
.a3-plugin-ui-a3-rev-logo-1:before {
  content: "j";
}

.a3rev_panel_container {
	visibility:hidden; 
	height:0; 
	overflow:hidden;
	margin-top:10px;
	float: left;
	width: 100%;
}
.a3rev_panel_container .a3rev_panel_row {
	display: table;
	width: 100%;
	table-layout: fixed;
	clear: both;
	position: relative;
}
.a3rev_panel_container .a3rev_panel_row:after {
	display: table;
	clear: both;
	content: '';
}
.a3rev_panel_container .a3rev_panel_column {
	display: table-cell;
	width: 50%;
	box-sizing: border-box;
	padding: 0 10px;
	position: relative;
	vertical-align: top;
}
.a3rev_panel_container .a3rev_panel_column:last-child {
	padding-right: 0;
}
.a3rev_panel_container .a3rev_panel_column:first-child {
	padding-left: 0;
	padding-right: 10px;
}
.a3rev_panel_container .a3rev_panel_box {
	position: relative;
	border: 1px solid #e5e5e5;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.06);
	box-shadow: 0 1px 1px rgba(0,0,0,0.06);
	background: #fff;
	margin-bottom: 20px;
	border-radius: 0px;
}
.a3rev_panel_container .a3rev_panel_box .a3rev_panel_box {
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.a3rev_panel_container .a3rev_panel_box_handle {
	padding: 8px 12px 8px 38px;
	position: relative;
}
.a3rev_panel_container .a3rev_panel_box_handle .pro_feature_top_message {
	text-align: left;
	margin: 5px 0 0;
}
.a3rev_panel_container .a3-plugin-ui-panel-box {
	cursor: pointer;
	margin: 0;
}
.a3rev_panel_container .a3-plugin-ui-panel-box:before {
	content: "j";
	color: #aaa;
	position: absolute;
	top: 7px;
	left: 10px;
	font-size: 20px;
}
.a3rev_panel_container .box_active .a3-plugin-ui-panel-box:before {
	color: #22ef00;
}
.a3rev_panel_container .a3-plugin-ui-panel-box.box_open:before {
	content: "m";
	color: #000;
}
.a3rev_panel_container .a3-plugin-ui-panel-box:hover:before {
	color: #000;
}
.a3rev_panel_container .a3rev_panel_box_handle h3 {
	margin: 0;
}
.a3rev_panel_container .a3rev_panel_box_handle p {
	font-size: 12px;
	margin: 5px 0;
}
.a3rev_panel_container .a3rev_panel_box_handle p:last-child {
	margin-bottom: 0;
}
.a3rev_panel_container .a3rev_panel_box_inside {
	overflow: hidden;
	height: 0;
	visibility: hidden;
	border-top: 1px solid #eee;
	padding: 0 12px;
}
.a3rev_panel_container .a3rev_panel_box_inside.box_open {
	overflow: inherit;
	height: auto;
	visibility: visible;
}
.a3rev_panel_container .a3rev_panel_box.pro_feature_fields .a3rev_panel_box_handle {
	background-color: #edfed0;
}
.a3rev_panel_container .a3rev_panel_box.pro_feature_fields .a3rev_panel_box_inside {
	border-color: #7ebd14;
}
.a3rev_panel_container .a3rev_panel_inner {
	clear:both;
	display:block;
	padding-bottom:10px;	
}
.a3rev_panel_container .a3rev_panel_inner h3 {
	margin-bottom:0;	
}
.a3rev_panel_container .a3rev_panel_inner .form-table {
	margin-bottom:0;	
}
.icon32-a3rev-ui-settings {
	background:url("../images/a3-plugins.png") no-repeat left top;
}

.a3_subsubsub_section {
	float: left;
	width: 100%;
} 

.a3rev_panel_container input[type="text"], .a3rev_panel_container input[type="email"] , .a3rev_panel_container input[type="number"], .a3rev_panel_container input[type="password"] { height:24px; }

/* Font Control */
.a3rev_panel_container .a3rev-ui-typography-size { width:80px; }
.a3rev_panel_container .a3rev-ui-typography-line_height { width:80px; }
.a3rev_panel_container .a3rev-ui-typography-face { width:160px; }
.a3rev_panel_container .a3rev-ui-typography-style { width:100px; }
.a3rev_panel_container .a3rev-ui-typography-preview { display:inline-block; }

.a3rev_panel_container .typography-preview-container .preview_remove { 
	background:#EEEEEE;
    border: 1px solid #DDDDDD;
    border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
    cursor: pointer;
    height: 10px;
    padding: 2px;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 10px;
	z-index: 99;
	text-decoration:none !important;
}
.a3rev_panel_container .a3rev-ui-typography-preview-button { float: left; margin: 0px; padding-top: 0px; height:24px; line-height:24px; }
.a3rev_panel_container .typography-preview-container { clear: both; position:relative; width:50%; margin-top:10px; }
.a3rev_panel_container .typography-preview { word-wrap: break-word; clear: both; padding: 20px; border: 1px solid #CCCCCC; background: #FDFDFD; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
/* Class is dynamically added to the "html" tag. */

/* Color Control */
.a3rev_panel_container .wp-picker-holder { position:absolute; z-index: 10000; }
.a3rev_panel_container input.wp-picker-default { height:24px !important; }
.a3rev_panel_container .wp-color-result { top:0px; }

/* Text Input Control */
.a3rev_panel_container .a3rev-ui-text { width:300px; max-width:70%; }

/* Email Input Control */
.a3rev_panel_container .a3rev-ui-email { width:300px; max-width:70%; }

/* Number Input Control */
.a3rev_panel_container .a3rev-ui-number { width:40px; max-width:70%; }

/* Password Input Control */
.a3rev_panel_container .a3rev-ui-password { width:300px; max-width:70%; }

/* Google API KEY Control */
.a3rev_panel_container .a3rev-ui-google_api_key,
.a3rev_panel_container .a3rev-ui-google_map_api_key { width:350px; max-width: 100%; }
.a3rev_panel_container .a3rev-ui-google-api-key-inside { margin-top: 10px; }
.a3rev_panel_container .a3rev-ui-google-valid-key-message,
.a3rev_panel_container .a3rev-ui-google-unvalid-key-message { display: none; }
.a3rev_panel_container .a3rev-ui-google-valid-key,
.a3rev_panel_container .a3rev-ui-google-unvalid-key { padding: 10px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
.a3rev_panel_container .a3rev-ui-google-valid-key { background-color: #dff0d8; border: 1px solid #468847; color: #468847; }
.a3rev_panel_container .a3rev-ui-google-unvalid-key { background-color: #ffebe8; border: 1px solid #dd3d36; color: #dd3d36; }
.a3rev_panel_container .a3rev-ui-google-valid-key .a3rev-ui-google-valid-key-message,
.a3rev_panel_container .a3rev-ui-google-unvalid-key .a3rev-ui-google-unvalid-key-message { display: block; }

/* Manual Check New Version Control */
.a3rev_panel_container .a3rev-ui-version-checking { display: none; margin-top: 6px; background-image: url('../images/loading-bottom.gif'); background-repeat: no-repeat; background-size: 100% auto; width: 16px; height: 16px; }
.a3rev_panel_container .a3rev-ui-check-version-message { font-size: 13px; }
.a3rev_panel_container .a3rev-ui-new-version-message,
.a3rev_panel_container .a3rev-ui-latest-version-message { padding: 8px 10px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); margin-top: 8px; }
.a3rev_panel_container .a3rev-ui-latest-version-message { background-color: #dff0d8; border: 1px solid #468847; color: #468847; }
.a3rev_panel_container .a3rev-ui-new-version-message { background-color: #ffebe8; border: 1px solid #dd3d36; color: #dd3d36; }

/* Ajax Submit Control */
.a3rev_panel_container .a3rev-ui-ajax_submit-control,
.a3rev_panel_container .a3rev-ui-ajax_multi_submit-control {
	margin-bottom: 6px;
	position: relative;
}
.a3rev_panel_container .a3rev-ui-ajax_submit-control .a3rev-ui-ajax_submit-button,
.a3rev_panel_container .a3rev-ui-ajax_multi_submit-control .a3rev-ui-ajax_multi_submit-button {
	border-radius: 5px;
	border: none;
	background: #2186fa;
	color: #fff;
	font-size: 16px;
	padding: 8px 15px;
	transition: all 0.5s ease 0.1s;
	cursor: pointer;
	height: 40px;
	box-sizing: border-box;
	margin-bottom: 5px;
}
.a3rev_panel_container .a3rev-ui-ajax_submit-control .a3rev-ui-ajax_submit-button:hover,
.a3rev_panel_container .a3rev-ui-ajax_multi_submit-control .a3rev-ui-ajax_multi_submit-button:hover {
	background: #f4741b;
}
.a3rev_panel_container .a3rev-ui-ajax_submit-control .a3rev-ui-ajax_submit-button.disabled,
.a3rev_panel_container .a3rev-ui-ajax_multi_submit-control .a3rev-ui-ajax_multi_submit-button.disabled {
	background: #999;
	cursor: default;
}
.a3rev_panel_container .a3rev-ui-ajax_submit-control .a3rev-ui-ajax_submit-successed,
.a3rev_panel_container .a3rev-ui-ajax_multi_submit-control .a3rev-ui-ajax_multi_submit-successed {
	display: none;
	color: #46b450;
	font-size: 14px;
	transition: all 1.5s ease 0.1s;
	height: 40px;
	box-sizing: border-box;
}
.a3rev_panel_container .a3rev-ui-ajax_submit-control .a3rev-ui-ajax_submit-errors,
.a3rev_panel_container .a3rev-ui-ajax_multi_submit-control .a3rev-ui-ajax_multi_submit-errors {
	display: none;
	color: #dc3232;
	font-size: 14px;
	transition: all 1.5s ease 0.1s;
}
.a3rev_panel_container .a3rev-ui-progress-bar-wrap {
	background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    border-radius: 6px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6) inset;
    display: none;
    padding: 3px;
    width: 100%;
    max-width: 600px;
    position: relative;
}
.a3rev_panel_container .a3rev-ui-progress-notice {
	display: none;
	position: absolute;
	text-align: center;
	top: -25px;
	width: 100%;
	color: #f00;
}
.a3rev_panel_container .a3rev-ui-progress-inner {
	animation: progress-bar 1s infinite linear;
    -ms-animation: progress-bar 1s infinite linear;
    -moz-animation: progress-bar 1s infinite linear;
    -webkit-animation: progress-bar 1s infinite linear;
    background: rgba(0, 0, 0, 0) repeating-linear-gradient(-45deg, #0077ff, #0077ff 10px, #c3defd 10px, #c3defd 24px) repeat scroll 0 0 / 68px 68px;
    border-radius: 4px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
    height: 34px;
    overflow: hidden;
    transition: width 2s ease 0.1s;
    width: 0px;
}
.a3rev_panel_container .a3rev-ui-progressing-text,
.a3rev_panel_container .a3rev-ui-completed-text {
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-size: 16px;
    left: 0;
    top: 0;
    padding: 0px 10px;
    position: absolute;
    text-align: center;
    text-shadow: 0px 0px 2px #000;
    width: 100%;
    height: 100%;
    line-height: 40px;
    z-index: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.a3rev_panel_container .a3rev-ui-completed-text {
	display: none;
}

/* Ajax Multi Submit Control */
.a3rev_panel_container .a3rev-ui-ajax_multi_submit-control .a3rev-ui-ajax_multi_submit-button {
	margin-bottom: 0px;
}
.a3rev_panel_container .a3rev-ui-statistics-wrap {
	float: left;
	width: 100%;
	max-width: 600px;
	margin-top: 20px;
}
.a3rev_panel_container .a3rev-ui-statistic-item {
	float: left;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 30px;
}
.a3rev_panel_container .a3rev-ui-pie-wrap {
	height: 80px;
	width: 80px;
	margin: 0 auto 5px auto;
	position: relative;
}
.a3rev_panel_container .a3rev-ui-pie-shadow {
	border: 10px solid #ddd;
	border-radius: 100%;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
}
.a3rev_panel_container .a3rev-ui-pie {
	clip: rect(0px, 80px, 80px, 40px);
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.a3rev_panel_container .a3rev-ui-pie.pie-more-50 {
	clip: rect(auto, auto, auto, auto);
}
.a3rev_panel_container .a3rev-ui-pie-half-circle {
	clip: rect(0px, 40px, 80px, 0px);
	border: 10px solid #3498db;
	border-radius: 100%;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
}
.a3rev_panel_container .a3rev-ui-statistic-text {
	text-align: center;
	text-transform: uppercase;
	color: #777;
}
.a3rev_panel_container .a3rev-ui-statistic-separate,
.a3rev_panel_container .a3rev-ui-statistic-current-item,
.a3rev_panel_container .a3rev-ui-statistic-total-item {
	color: #000;
	font-size: 25px;
	margin: 0px;
}

/* Textarea Control */
.a3rev_panel_container .a3rev-ui-textarea { width:600px; max-width:70%; }

/* Select Control */
.a3rev_panel_container .a3rev-ui-select { width:160px; max-width:70%; }

/* Multiselect Control */
.a3rev_panel_container .a3rev-ui-multiselect { width:300px; max-width:70%; }

/* Radio Control */
.a3rev_panel_container .forminp-radio ul { margin:0; }

/* Image Size Control */
.a3rev_panel_container .a3rev-ui-image_size-width { width:40px; }
.a3rev_panel_container .a3rev-ui-image_size-height { width:40px; }
.a3rev_panel_container .a3rev-ui-image_size-crop { }

/* Single Select Page Control */
.a3rev_panel_container .a3rev-ui-single_select_page { width:300px; max-width:70%; }

/* Settings Preview */
.a3rev_panel_container .a3rev-ui-settings-preview { display:inline-block; }
.a3rev_panel_container .settings-apply-preview { padding:10px;  background:#FF0; }
.a3rev_panel_container .settings-preview-container .preview_remove { 
	background:#EEEEEE;
    border: 1px solid #DDDDDD;
    border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
    cursor: pointer;
    height: 10px;
    padding: 2px;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 10px;
	z-index: 99;
	text-decoration:none !important;
}
.a3rev_panel_container .a3rev-ui-settings-preview-button { float: left; margin: 0px; padding-top: 0px; height:24px; line-height:24px; }
.a3rev_panel_container .settings-preview-container { clear: both; position:relative; margin-top:12px; width:50%; }
.a3rev_panel_container .settings-preview { word-wrap: break-word; clear: both; padding: 30px; border: 1px solid #CCCCCC; background: #FDFDFD; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

/* Border Styles Control */
.a3rev_panel_container .a3rev-ui-border_styles-width { width:80px; }
.a3rev_panel_container .a3rev-ui-border_styles-style { width:80px; }

/* Border Rounded Corner Control */
.a3rev_panel_container .forminp-border_corner .desc { margin-bottom:10px !important; }
.a3rev_panel_container .forminp-border_corner .iPhoneCheckContainer { margin-right:30px; }
.a3rev_panel_container .a3rev-ui-border-corner-value-container { float:left; width:100%; }
.a3rev_panel_container .a3rev-ui-border_corner-top_left, .a3rev_panel_container .a3rev-ui-border_corner-top_right, .a3rev_panel_container .a3rev-ui-border_corner-bottom_left, .a3rev_panel_container .a3rev-ui-border_corner-bottom_right { float:left; width:100%; clear:both; padding-top:5px; }
.a3rev_panel_container .a3rev-ui-border_corner-span { float:left; width:140px; margin-bottom:8px; }
.a3rev_panel_container .a3rev-ui-border_corner-px { float:left; margin-right:10px; }
.a3rev_panel_container .forminp-border_corner .settings-apply-preview { border:1px solid #515151; }
.a3rev_panel_container .forminp-border_corner .iPhoneCheckContainer .iPhoneCheckLabelOff, .a3rev_panel_container .forminp-border_corner .iOSCheckContainer .iOSCheckLabelOff {
	background: #569aef;
	background: -moz-linear-gradient(top,#468be0 20%,#569aef 50%,#6aa7f6 52%,#82b3f5 100%); 
	background: -webkit-gradient(linear,0 0,0 100%,color-stop(20%,#468be0),color-stop(50%,#569aef),color-stop(52%,#6aa7f6),color-stop(100%,#82b3f5));
	background: -webkit-linear-gradient(top,#468be0 20%,#569aef 50%,#6aa7f6 52%,#82b3f5 100%);
	background: -o-linear-gradient(top,#468be0 20%,#569aef 50%,#6aa7f6 52%,#82b3f5 100%); 
	background: -ms-linear-gradient(top,#468be0 20%,#569aef 50%,#6aa7f6 52%,#82b3f5 100%);
	background: linear-gradient(#468be0 20%, #569aef 50%, #6aa7f6 52%, #82b3f5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468be0',endColorstr='#82b3f5',GradientType=0);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5) inset, 0 1px 0 0 rgba(250, 250, 250, 0.5);
	-webkit-box-shadow:  0 1px 2px 0 rgba(0, 0, 0, 0.5) inset, 0 1px 0 0 rgba(250, 250, 250, 0.5);
	border: 1px solid #666666;
	border-radius: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	
	color: #FFFFFF;
  	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
}

/* Background Color Control */
.a3rev_panel_container .a3rev-ui-bg_color-enable-container { margin-top:10px; }

/* Box Shadow Control */
.a3rev_panel_container .a3rev-ui-box_shadow-h_shadow { width:80px; }
.a3rev_panel_container .a3rev-ui-box_shadow-v_shadow { width:80px; }
.a3rev_panel_container .a3rev-ui-box_shadow-blur { width:80px; }
.a3rev_panel_container .a3rev-ui-box_shadow-spread { width:80px; }
.a3rev_panel_container .a3rev-ui-box_shadow-enable-container { margin-top:10px; }
.a3rev_panel_container .forminp-box_shadow .a3rev-ui-settings-control .iPhoneCheckContainer, .a3rev_panel_container .forminp-box_shadow .a3rev-ui-settings-control .iOSCheckContainer { float:none; display:inline-block; margin-top:0; top:-12px; margin-right:0px; }
.a3rev_panel_container .forminp-box_shadow .a3rev-ui-settings-control .iPhoneCheckContainer .iPhoneCheckLabelOff, .a3rev_panel_container .forminp-box_shadow .a3rev-ui-settings-control .iOSCheckContainer .iOSCheckLabelOff {
	background: #569aef;
	background: -moz-linear-gradient(top,#468be0 20%,#569aef 50%,#6aa7f6 52%,#82b3f5 100%); 
	background: -webkit-gradient(linear,0 0,0 100%,color-stop(20%,#468be0),color-stop(50%,#569aef),color-stop(52%,#6aa7f6),color-stop(100%,#82b3f5));
	background: -webkit-linear-gradient(top,#468be0 20%,#569aef 50%,#6aa7f6 52%,#82b3f5 100%);
	background: -o-linear-gradient(top,#468be0 20%,#569aef 50%,#6aa7f6 52%,#82b3f5 100%); 
	background: -ms-linear-gradient(top,#468be0 20%,#569aef 50%,#6aa7f6 52%,#82b3f5 100%);
	background: linear-gradient(#468be0 20%, #569aef 50%, #6aa7f6 52%, #82b3f5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468be0',endColorstr='#82b3f5',GradientType=0);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5) inset, 0 1px 0 0 rgba(250, 250, 250, 0.5);
	-webkit-box-shadow:  0 1px 2px 0 rgba(0, 0, 0, 0.5) inset, 0 1px 0 0 rgba(250, 250, 250, 0.5);
	border: 1px solid #666666;
	border-radius: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	
	color: #FFFFFF;
  	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
}

/* Uploader Control */
.a3rev_panel_container .a3rev-ui-upload { width:300px; height:24px; }

/* SLIDER Control */
.a3rev_panel_container .a3rev-ui-slide-container {
	white-space:nowrap;
	float:left;
}
.a3rev_panel_container .a3rev-ui-slide-container-start {
	padding-left:12px;
	margin-bottom:15px;
	margin-right:20px;
	float:left;
}
.a3rev_panel_container .a3rev-ui-slide-result-container {
	float:left;
	white-space:nowrap;	
}
.a3rev_panel_container .a3rev-ui-slide {
    background: #ededed;
	background: -moz-linear-gradient(top,#dcdcdc 20%,#ededed 50%,#f7f6f6 52%,#ffffff 100%); 
	background: -webkit-gradient(linear,0 0,0 100%,color-stop(20%,#ededed),color-stop(50%,#ededed),color-stop(52%,#f7f6f6),color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,#dcdcdc 20%,#ededed 50%,#f7f6f6 52%,#ffffff 100%);
	background: -o-linear-gradient(top,#dcdcdc 20%,#ededed 50%,#f7f6f6 52%,#ffffff 100%); 
	background: -ms-linear-gradient(top,#dcdcdc 20%,#ededed 50%,#f7f6f6 52%,#ffffff 100%);
	background: linear-gradient(#dcdcdc 20%, #ededed 50%, #f7f6f6 52%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc',endColorstr='#ffffff',GradientType=0);
	border: 1px solid #d0d0d9;
	border-radius: 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	
    height: 10px;
    width: 220px;
	position:relative;
	float:left;
	margin-top:4px;
}
.a3rev_panel_container .a3rev-ui-slide .ui-slider-handle {
	background: #569aef;
	background: -moz-linear-gradient(top,#bcbcbc 20%,#d5d5d5 50%,#d8d8d8 52%,#efefef 100%); 
	background: -webkit-gradient(linear,0 0,0 100%,color-stop(20%,#bcbcbc),color-stop(50%,#d5d5d5),color-stop(52%,#d8d8d8),color-stop(100%,#efefef));
	background: -webkit-linear-gradient(top,#bcbcbc 20%,#d5d5d5 50%,#d8d8d8 52%,#efefef 100%);
	background: -o-linear-gradient(top,#bcbcbc 20%,#d5d5d5 50%,#d8d8d8 52%,#efefef 100%); 
	background: -ms-linear-gradient(top,#bcbcbc 20%,#d5d5d5 50%,#d8d8d8 52%,#efefef 100%);
	background: linear-gradient(#bcbcbc 20%, #d5d5d5 50%, #d8d8d8 52%, #efefef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bcbcbc',endColorstr='#efefef',GradientType=0);
	box-shadow: 0 1px 0px 0px #FFFFFF inset;
	-webkit-box-shadow:  0 1px 0px 0px #FFFFFF inset;
	border: 1px solid #999999;
	border-radius: 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	
	position: absolute;
	z-index: 2;
	width: 22px;
	height: 23px;
	cursor: pointer;
	font-weight: bold;
	color: #1C94C4;
	outline: none;
	top: -8px;
	margin-left: -11px;
}
.a3rev_panel_container .a3rev-ui-slide .ui-slider-range {
	background: #569aef;
	background: -moz-linear-gradient(top,#468be0 20%,#569aef 50%,#6aa7f6 52%,#82b3f5 100%); 
	background: -webkit-gradient(linear,0 0,0 100%,color-stop(20%,#468be0),color-stop(50%,#569aef),color-stop(52%,#6aa7f6),color-stop(100%,#82b3f5));
	background: -webkit-linear-gradient(top,#468be0 20%,#569aef 50%,#6aa7f6 52%,#82b3f5 100%);
	background: -o-linear-gradient(top,#468be0 20%,#569aef 50%,#6aa7f6 52%,#82b3f5 100%); 
	background: -ms-linear-gradient(top,#468be0 20%,#569aef 50%,#6aa7f6 52%,#82b3f5 100%);
	background: linear-gradient(#468be0 20%, #569aef 50%, #6aa7f6 52%, #82b3f5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468be0',endColorstr='#82b3f5',GradientType=0);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5) inset, 0 1px 0 0 rgba(250, 250, 250, 0.5);
	-webkit-box-shadow:  0 1px 2px 0 rgba(0, 0, 0, 0.5) inset, 0 1px 0 0 rgba(250, 250, 250, 0.5);
	border: 1px solid #255399;
	border-radius: 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	
	position: absolute;
	top: -1px;
	height: 100%;
}
.a3rev_panel_container .a3rev-ui-slider  { float:left; width: 50px; padding:3px; margin-top:-1px;}

/* Array TextFields Control */
.a3rev_panel_container .a3rev-ui-array_textfields { width:40px; }

/* OnOff Radio Control */
.a3rev_panel_container .forminp-onoff_radio ul {
	float:left;
	width:100%;
	margin:0;
}
.a3rev_panel_container .forminp-onoff_radio li {
	float:left;
	width:100%;
	padding-top:10px;	
}
.a3rev_panel_container .forminp-onoff_radio .iPhoneCheckDisabled , .a3rev_panel_container .forminp-onoff_radio .iOSCheckDisabled {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

/* OnOff Checkbox & Radio Control */
.a3rev_panel_container .iPhoneCheckContainer, .a3rev_panel_container .iOSCheckContainer {
	position: relative;
	height: 25px;
	cursor: pointer;
	margin-right:10px;
	float:left;
	margin-top:-3px;
}
.a3rev_panel_container .iPhoneCheckContainer input, .a3rev_panel_container .iOSCheckContainer input {
	display: none;
}
.a3rev_panel_container .iPhoneCheckContainer label, .a3rev_panel_container .iOSCheckContainer label {
	white-space: nowrap;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    cursor: pointer;
    display: block;
    position: absolute;
    width: auto;
    top: 0;
    overflow: hidden;
	user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
}
.a3rev_panel_container label.iPhoneCheckLabelOff, .a3rev_panel_container label.iOSCheckLabelOff {
	background: #ededed;
	background: -moz-linear-gradient(top,#dcdcdc 20%,#ededed 50%,#f7f6f6 52%,#ffffff 100%); 
	background: -webkit-gradient(linear,0 0,0 100%,color-stop(20%,#ededed),color-stop(50%,#ededed),color-stop(52%,#f7f6f6),color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,#dcdcdc 20%,#ededed 50%,#f7f6f6 52%,#ffffff 100%);
	background: -o-linear-gradient(top,#dcdcdc 20%,#ededed 50%,#f7f6f6 52%,#ffffff 100%); 
	background: -ms-linear-gradient(top,#dcdcdc 20%,#ededed 50%,#f7f6f6 52%,#ffffff 100%);
	background: linear-gradient(#dcdcdc 20%, #ededed 50%, #f7f6f6 52%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc',endColorstr='#ffffff',GradientType=0);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5) inset, 0 1px 0 0 rgba(250, 250, 250, 0.5);
	-webkit-box-shadow:  0 1px 2px 0 rgba(0, 0, 0, 0.5) inset, 0 1px 0 0 rgba(250, 250, 250, 0.5);
	border: 1px solid #999999;
	border-radius: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	
    height: 23px;
	color: #8b8b8b;
	text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.6);
	text-align: right;
	right: 0;
}
.a3rev_panel_container label.iPhoneCheckLabelOff span, .a3rev_panel_container label.iOSCheckLabelOff span {
	padding-right: 10px;
	padding-left: 0px;
	display: inline-block;
	text-transform:uppercase;
}
.a3rev_panel_container label.iPhoneCheckLabelOn, .a3rev_panel_container label.iOSCheckLabelOn {
	background: #569aef;
	background: -moz-linear-gradient(top,#468be0 20%,#569aef 50%,#6aa7f6 52%,#82b3f5 100%); 
	background: -webkit-gradient(linear,0 0,0 100%,color-stop(20%,#468be0),color-stop(50%,#569aef),color-stop(52%,#6aa7f6),color-stop(100%,#82b3f5));
	background: -webkit-linear-gradient(top,#468be0 20%,#569aef 50%,#6aa7f6 52%,#82b3f5 100%);
	background: -o-linear-gradient(top,#468be0 20%,#569aef 50%,#6aa7f6 52%,#82b3f5 100%); 
	background: -ms-linear-gradient(top,#468be0 20%,#569aef 50%,#6aa7f6 52%,#82b3f5 100%);
	background: linear-gradient(#468be0 20%, #569aef 50%, #6aa7f6 52%, #82b3f5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468be0',endColorstr='#82b3f5',GradientType=0);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5) inset, 0 1px 0 0 rgba(250, 250, 250, 0.5);
	-webkit-box-shadow:  0 1px 2px 0 rgba(0, 0, 0, 0.5) inset, 0 1px 0 0 rgba(250, 250, 250, 0.5);
	border: 1px solid #999999;
	border-radius: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	
    height: 23px;
	text-align:left;
	color: #FFFFFF;
  	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
  	left: 0;
}
.a3rev_panel_container label.iPhoneCheckLabelOn span, .a3rev_panel_container label.iOSCheckLabelOn span {
	padding-left:10px;
	display: inline-block;
	text-transform:uppercase;
}
.a3rev_panel_container .iPhoneCheckHandle, .a3rev_panel_container .iOSCheckHandle {
	background: #569aef;
	background: -moz-linear-gradient(top,#bcbcbc 20%,#d5d5d5 50%,#d8d8d8 52%,#efefef 100%); 
	background: -webkit-gradient(linear,0 0,0 100%,color-stop(20%,#bcbcbc),color-stop(50%,#d5d5d5),color-stop(52%,#d8d8d8),color-stop(100%,#efefef));
	background: -webkit-linear-gradient(top,#bcbcbc 20%,#d5d5d5 50%,#d8d8d8 52%,#efefef 100%);
	background: -o-linear-gradient(top,#bcbcbc 20%,#d5d5d5 50%,#d8d8d8 52%,#efefef 100%); 
	background: -ms-linear-gradient(top,#bcbcbc 20%,#d5d5d5 50%,#d8d8d8 52%,#efefef 100%);
	background: linear-gradient(#bcbcbc 20%, #d5d5d5 50%, #d8d8d8 52%, #efefef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bcbcbc',endColorstr='#efefef',GradientType=0);
	box-shadow: 0 1px 0px 0px #FFFFFF inset;
	-webkit-box-shadow:  0 1px 0px 0px #FFFFFF inset;
	border: 1px solid #999999;
	border-radius: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	
	display: block;
	cursor: pointer;
	position: absolute;
	top: 0px;
	left: -1px;
	width: 35px;
	height:23px;
}

.a3rev_panel_container .iPhoneCheckDisabled , .a3rev_panel_container .iOSCheckDisabled {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.5;
}
/* Switcher Checkbox Control */
.a3rev_panel_container .forminp-switcher_checkbox .iPhoneCheckContainer .iPhoneCheckLabelOff, .a3rev_panel_container .forminp-switcher_checkbox .iOSCheckContainer .iOSCheckLabelOff {
	background: #569aef;
	background: -moz-linear-gradient(top,#468be0 20%,#569aef 50%,#6aa7f6 52%,#82b3f5 100%); 
	background: -webkit-gradient(linear,0 0,0 100%,color-stop(20%,#468be0),color-stop(50%,#569aef),color-stop(52%,#6aa7f6),color-stop(100%,#82b3f5));
	background: -webkit-linear-gradient(top,#468be0 20%,#569aef 50%,#6aa7f6 52%,#82b3f5 100%);
	background: -o-linear-gradient(top,#468be0 20%,#569aef 50%,#6aa7f6 52%,#82b3f5 100%); 
	background: -ms-linear-gradient(top,#468be0 20%,#569aef 50%,#6aa7f6 52%,#82b3f5 100%);
	background: linear-gradient(#468be0 20%, #569aef 50%, #6aa7f6 52%, #82b3f5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468be0',endColorstr='#82b3f5',GradientType=0);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5) inset, 0 1px 0 0 rgba(250, 250, 250, 0.5);
	-webkit-box-shadow:  0 1px 2px 0 rgba(0, 0, 0, 0.5) inset, 0 1px 0 0 rgba(250, 250, 250, 0.5);
	border: 1px solid #666666;
	border-radius: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	
	color: #FFFFFF;
  	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
}

/* Time Picker Control */
.a3rev_panel_container .a3rev-ui-time_picker { width: 76px; text-align: center; cursor: pointer; }

/* Help Tip */
.a3rev_panel_container table.form-table th img.help_tip {
    float: right;
    margin: 0 -12px 0 0;
}
.a3rev_panel_container table.form-table img.help_tip {
    cursor: help;
    line-height: 1;
    margin: -4px 0 0 5px;
    padding: 0;
    vertical-align: middle;
}

/* Sub tab ui */
.subsubsub { white-space:normal; }
.subsubsub li { white-space:nowrap ;}

/* View Doc button */
.a3-view-docs-button { background-color: #FFFFE0 !important; border: 1px solid #E6DB55 !important; display: inline-block !important; font-weight: normal !important; margin: 5px 10px 0 !important; text-shadow: none !important; }

/* Style for Premium Video Box */
#a3_plugin_premium_video_container { margin-top: 10px; }
#a3_plugin_premium_video_container .a3rev_panel_box { margin-bottom: 0px; }
#a3_plugin_premium_video_container .a3-plugin-ui-panel-box { color: #006799; cursor: default; }
#a3_plugin_premium_video_container .a3-plugin-ui-panel-box::before {
    color: #006799;
    content: "f";
}
#a3_plugin_premium_video_container .a3rev_panel_video_box {
	border-top: 1px solid #eee;
    overflow: hidden;
    padding: 0;
    position: relative;
}
#a3_plugin_premium_video_container .a3rev_panel_box_left_inside,
#a3_plugin_premium_video_container .a3rev_panel_box_right_inside {
	width: calc( 50% - 1px );
	padding: 12px 12px 30px 12px;
	box-sizing: border-box;
	float: left;
}
#a3_plugin_premium_video_container .a3rev_panel_box_separate {
	width: 1px;
	height: 100%;
	background-color: #eee;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -2px;
}
#a3_plugin_premium_video_container .a3-plugin-premium-image {
	position: relative;
	float: left;
	width: 50%;
	margin-right: 15px;
}
#a3_plugin_premium_video_container .a3-plugin-premium-image img {
	height: auto;
	width: 100%;
	float: left;
}
#a3_plugin_premium_video_container .a3-plugin-premium-video-play {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/play_video.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 80px auto;
	background-color: rgba(0, 0, 0, 0.2);
}
#a3_plugin_premium_video_container .a3-plugin-video-play:hover {
	background-color: rgba(0, 0, 0, 0.6);
}

/* Style for yellow box about Pro or Ultimate version */
#a3_plugin_panel_container { position:relative; margin-top:10px; float: left; width: 100%; }
#a3_plugin_panel_fields { padding-right: 280px; }
#a3_plugin_panel_upgrade_area { float: right; padding-left:20px; width: 260px; margin-top: 10px; }
#a3_plugin_panel_extensions .a3_plugin_panel_extension_box { border:1px solid #E6DB55; color: #555555; margin-bottom: 17px; padding: 5px 10px; background:#fff; }
#a3_plugin_panel_extensions img { width:auto; max-width:100%; }
.pro_feature_top_message { font-size:11px; text-align:center; margin:10px 0; }
.pro_feature_fields { position: relative; border:2px solid #E6DB55;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px; border-radius: 10px;  }
.pro_feature_hidden { display: none !important; }

/* Style for Blue message box */
.a3rev_blue_message_box {
	margin:0 !important;
	background-color: #F0F8FF;
    border-color: #CEE1EF;
	padding:5px 10px;
	border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
}
.a3rev_blue_message_box a {
	color:#F00;
}

/* Chosen Style */
.a3rev_panel_container .chosen-container {
	margin-bottom:5px;
	margin-right:2px;	
}
.chzn-select-ajaxify ~ .chosen-container .no-results span {
	display: none;
}

/* Custom for each element web icons font */
.a3-plugin-ui-delete-icon:before {
  vertical-align:top;
}
.a3-plugin-ui-icon {
	color:#46719d;
	overflow:hidden;
}
.a3-plugin-ui-a3-rev-logo {
	font-size: 170px;
    height: 125px;
    margin-top: -30px;
}
.a3-plugin-ui-help-icon {
	color:#777;
	float:right;
	margin-right:-15px;
	width:14px;
	height:14px;
	cursor:pointer;
	font-size:12px;
	margin-top:5px;
}
.a3-plugin-ui-preview-icon {
	color: #000;
	display: block; 
	width: 14px; 
	height: 16px;
}
.a3rev_panel_container .a3rev-ui-typography-preview-button span:before, .a3rev_panel_container .a3rev-ui-settings-preview-button span:before {
  font-family: "a3-plugin-framework" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  
  content: "g";
  width: 14px; 
  height: 16px;
  font-size:12px;
}
.a3rev_panel_container .a3rev-ui-typography-preview-button span.refresh:before, .a3rev_panel_container .a3rev-ui-settings-preview-button span.refresh:before {
  content: "h" !important;
}
.wf-loading .a3rev_panel_container .typography-preview.current:before, .wf-loading .a3rev_panel_container .settings-preview.current:before {
  content: "k" !important;
}
.a3-plugin-ui-delete-icon {
	font-size:10px;
	color:#C00;	
}

/* END A3 Plugin Framework Font Icons */

@media screen and ( max-width: 1100px ) {
	.a3rev_panel_column .form-table th,
	.a3rev_panel_column .form-table td {
	    display: block;
	    vertical-align: middle;
	    width: auto;
	}
	.a3rev_panel_column .form-table th {
		border-bottom: 0;
		padding-bottom: 0;
		padding-top: 10px;
	}
	.a3rev_panel_column .form-table td {
		margin-bottom: 0;
		padding-bottom: 6px;
		padding-left: 0;
		padding-top: 4px;
	}
}

@media screen and ( min-width: 783px ) {
	.a3rev_panel_container .chosen-container-multi {
		min-width:300px;
	}
}

@media screen and ( max-width: 782px ) {
	#a3_plugin_panel_fields {
		width: 100%;	
	}
	#a3_plugin_panel_upgrade_area {
		display:none;	
	}
	.a3rev_panel_container .pro_feature_fields {
		margin-right: 0px;
	}
	.a3rev_panel_container input[type="text"], .a3rev_panel_container input[type="email"], .a3rev_panel_container input[type="number"], .a3rev_panel_container input[type="password"] {
		min-width:50px;
		width:100%;
	}
	.a3rev_panel_container .a3rev-ui-text {
		max-width:none;
		width:100%;
	}
	.a3rev_panel_container .a3rev-ui-textarea {
		max-width:none !important;
		width:100% !important;
	}
	.a3rev_panel_container .a3rev-ui-slider {
		width:50px !important;
	}
	.a3rev_panel_container .typography-preview-container, .a3rev_panel_container .settings-preview-container {
		width:90%;	
	}
	.a3rev_panel_container .a3rev-ui-typography-preview-button:active, .a3rev_panel_container .a3rev-ui-settings-preview-button:active {
		padding-top:inherit !important;	
	}
	.a3rev_panel_container .wp-picker-container input.wp-color-picker[type="text"] {
		width:75px !important;
		padding:3px 10px !important;
	}
	.wp-core-ui .button.wp-picker-default {
		padding:0 8px 1px;	
	}
	.a3rev_panel_container input.a3rev-color-picker { margin-top: 1px !important;}
	.a3rev_panel_container input.wp-picker-default { margin-top: 1px !important; padding:2px 8px !important; }
	
	.a3rev_panel_container .chosen-container-multi {
		width: 100% !important;	
	}
	.a3rev_blue_message_box_container {
		width:100% !important;
	}
	.a3-plugin-ui-help-icon {
		margin-right:0px;	
	}
	.a3rev_panel_container .a3rev-ui-statistic-item {
		width: 100% !important;
	}
}

@media screen and ( max-width: 640px ) {
	.a3rev_panel_container .a3rev_panel_row {
		display: block;
	}
	.a3rev_panel_container .a3rev_panel_column {
		display: block;
		width: 100%;
		padding: 0;
	}
	.a3rev_panel_container .a3rev_panel_column:first-child,
	.a3rev_panel_container .a3rev_panel_column:last-child {
		padding: 0;
	}
}

@media screen and ( max-width: 600px ) {
	#a3_plugin_premium_video_container .a3rev_panel_box_left_inside,
	#a3_plugin_premium_video_container .a3rev_panel_box_right_inside {
		width: 100%;
		float: left;
	}
	#a3_plugin_premium_video_container .a3rev_panel_box_separate {
		width: 100%;
		height: 1px;
		position: relative;
		margin-left: 0;
		float: left;
		left: auto;
		top: auto;
	}
}

@media screen and ( max-width: 480px ) {
	.a3rev_panel_container .a3rev-ui-slide-container-start {
		margin-top:5px;	
	}
	.a3_subsubsub_section .subsubsub {
		text-align:left;	
	}
	.a3rev_panel_container .chosen-container-single {
		max-width: 300px !important;
	}
	#a3_plugin_premium_video_container .a3-plugin-premium-image {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 10px;
	}
}
