#mfn-wrapper,
#mfn-wrapper .code { font-family:'Open Sans', Arial, sans-serif; }
#mfn-wrapper * { outline:none !important;}

.inside #mfn-wrapper { padding:0 5px; margin-bottom:20px;}
#mfn-form-wrapper { margin:20px 20px 0 0;}

#mfn-wrapper a { color:#1ABC9C;}
#mfn-wrapper a:hover { color:#16A085;}

#mfn-wrapper a:focus {
    box-shadow: 0 0 0 transparent;
    color: inherit;
}

/* ------------------------- #mfn-aside -------------------------- */
#mfn-aside { width:230px; float:left;}

#mfn-wrapper .mfn-logo { background:#16a085 url(../img/logo.png) no-repeat center; height:75px; width:230px; text-indent:-9999px;}

#mfn-wrapper ul.mfn-menu { width:100%; margin:0; padding:0; background:#34495e;}
#mfn-wrapper ul.mfn-menu li { list-style:none; padding:0; margin:0; }
#mfn-wrapper ul.mfn-menu > li.active { }

#mfn-wrapper ul.mfn-menu li a { color:#fff; text-decoration:none; display:block;}
#mfn-wrapper ul.mfn-menu > li > a { font-size:14px; font-weight:400; line-height:44px; }
#mfn-wrapper ul.mfn-menu > li.active > a,
#mfn-wrapper ul.mfn-menu > li > a:hover { background: #2f4052;}

#mfn-wrapper ul.mfn-menu > li > a > .icon { display:block; width:20px; height:20px; margin:12px 14px 12px 18px; float:left; background:url(../img/ico-nav.png); }

#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-global > a > .icon { background-position: 0 0; }
#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-global > a:hover > .icon,
#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-global.active > a > .icon { background-position: -20px 0; }

#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-header-subheader > a > .icon { background-position: 0 -20px; }
#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-header-subheader > a:hover > .icon,
#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-header-subheader.active > a > .icon { background-position: -20px -20px; }

#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-mab > a > .icon { background-position: 0 -40px; }
#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-mab > a:hover > .icon,
#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-mab.active > a > .icon { background-position: -20px -40px; }

#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-sidebars > a > .icon { background-position: 0 -60px; }
#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-sidebars > a:hover > .icon,
#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-sidebars.active > a > .icon { background-position: -20px -60px; }

#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-bps > a > .icon { background-position: 0 -80px; }
#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-bps > a:hover > .icon,
#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-bps.active > a > .icon { background-position: -20px -80px; }

#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-pages > a > .icon { background-position: 0 -100px; }
#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-pages > a:hover > .icon,
#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-pages.active > a > .icon { background-position: -20px -100px; }

#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-footer > a > .icon { background-position: 0 -120px; }
#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-footer > a:hover > .icon,
#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-footer.active > a > .icon { background-position: -20px -120px; }

#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-responsive > a > .icon { background-position: 0 -140px; }
#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-responsive > a:hover > .icon,
#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-responsive.active > a > .icon { background-position: -20px -140px; }

#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-seo > a > .icon { background-position: 0 -160px; }
#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-seo > a:hover > .icon,
#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-seo.active > a > .icon { background-position: -20px -160px; }

#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-social > a > .icon { background-position: 0 -180px; }
#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-social > a:hover > .icon,
#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-social.active > a > .icon { background-position: -20px -180px; }

#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-addons-plugins > a > .icon { background-position: 0 -200px; }
#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-addons-plugins > a:hover > .icon,
#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-addons-plugins.active > a > .icon { background-position: -20px -200px; }

#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-colors > a > .icon { background-position: 0 -220px; }
#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-colors > a:hover > .icon,
#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-colors.active > a > .icon { background-position: -20px -220px; }

#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-font > a > .icon { background-position: 0 -240px; }
#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-font > a:hover > .icon,
#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-font.active > a > .icon { background-position: -20px -240px; }

#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-translate > a > .icon { background-position: 0 -260px; }
#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-translate > a:hover > .icon,
#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-translate.active > a > .icon { background-position: -20px -260px; }

#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-custom > a > .icon { background-position: 0 -280px; }
#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-custom > a:hover > .icon,
#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-custom.active > a > .icon { background-position: -20px -280px; }

#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-import > a > .icon { background-position: 0 -300px; }
#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-import > a:hover > .icon,
#mfn-wrapper ul.mfn-menu > li.mfn-menu-li-import.active > a > .icon { background-position: -20px -300px; }

#mfn-wrapper ul.mfn-menu li ul.mfn-submenu { display:none; padding:0 0 10px; background:#2f4052;}

#mfn-wrapper ul.mfn-menu li ul.mfn-submenu li a { font-size:14px; line-height:32px; color:#b8c8d9; border-left:5px solid transparent; padding:0 20px 0 47px; background:url(../img/ico-sub.png) 190px center no-repeat;}
#mfn-wrapper ul.mfn-menu li ul.mfn-submenu li.active a,
#mfn-wrapper ul.mfn-menu li ul.mfn-submenu li:hover a { color:#1abc9c; position:relative; border-left:5px solid #a9cdf1; background-image:url(../img/ico-sub-active.png);}

#mfn-wrapper ul.mfn-menu li ul.mfn-submenu li a span { display:block; border-bottom:1px solid #445364; }
#mfn-wrapper ul.mfn-menu li ul.mfn-submenu li.last a span { border-bottom:0;}


/* ------------------------- .mfn-buttons -------------------------- */
#mfn-wrapper a.btn-blue,
#mfn-wrapper a.mfn-opts-upload { font-size:13px; height:33px; line-height:33px; color:#787878; border:2px solid #ebecec; text-decoration:none; background: #fff; padding: 0 17px; font-weight:600;}
#mfn-wrapper a.btn-blue:hover,
#mfn-wrapper a.mfn-opts-upload:hover { background:#f0f5f5;}

#mfn-wrapper a.btn-green { color:#fff; border-color: #5fd0ba; background: #1ABC9C;}
#mfn-wrapper a.btn-green:hover { background:#1CAA8E;}

.mfn-popup-save { display: block; cursor:pointer; font-size: 14px; text-decoration: none; font-weight: 600; color:#fff !important; padding: 0 17px; border: 2px solid #5fd0ba; background:#1ABC9C; height:37px; line-height:33px;}
#mfn-popup .mfn-popup-save { height:33px;}
.mfn-popup-save:hover { background:#1CAA8E;}

/*
.mfn-popup-reset { display: block; cursor:pointer; font-size: 14px; text-decoration: none; font-weight: 600; color:#787878 !important; padding: 0 17px; border: 2px solid #ebecec; background:#fff; height:37px; line-height:33px; float:left;}
.mfn-popup-reset:hover { background:#f0f5f5;}
*/

#mfn-wrapper a.mfn-btn-close { display: block; width: 37px; height:37px;  text-indent: -9999px; background: #2f4052 url(../img/ico-delete.png) no-repeat center;}
#mfn-wrapper a.mfn-btn-close:hover { background-color: #FB5656;}


/* ------------------------- #mfn-main -------------------------- */
#mfn-main { margin-left:230px;}

.mfn-header { height:75px; background:#1abc9c;}
.mfn-header .mfn-popup-save { float:right; margin:19px 20px 0 0;}

.mfn-header .mfn-buttons { float:right; border-left:1px solid #48c9b0; height:100%; padding:0 10px; position:relative;}
.mfn-header .mfn-buttons a { display:block; width:20px; height:20px; background:url(../img/ico-buttons.png) no-repeat; float:left; margin:17px 0; border:10px solid #1ABC9C; position:relative;}
.mfn-header .mfn-buttons a:hover { background-color:#1caa8e; border-color:#1caa8e;}
.mfn-header .mfn-buttons a span { display:none; background:#1caa8e; color:#fff; padding:5px; position:absolute; z-index:2; top:-40px; left:-10px; font-size:14px; }
.mfn-header .mfn-buttons a:hover span { display:block;}

.mfn-header .mfn-buttons-more { position:absolute; width:120px; background:#1ABC9C; padding:0 20px 0 91px; top:0; right:0; display:none;}
.mfn-header .mfn-buttons:hover .mfn-buttons-more { display:block;}

.mfn-header .mfn-buttons a.mfn-btn-more	{ background-position:0 0;}
.mfn-header .mfn-buttons a.mfn-btn-xml	{ background-position:0 -20px;}
.mfn-header .mfn-buttons a.mfn-btn-doc	{ background-position:0 -40px;}
.mfn-header .mfn-buttons a.mfn-btn-demo { background-position:0 -60px;}

.mfn-sections { min-height:474px; background:#f8f9f9;}

.mfn-section { display:none; padding:20px 20px 10px; position:relative;}
#mfn-wrapper .mfn-section h2,
#mfn-wrapper .mfn-section h3 { font-size:30px; color:#fff; position:absolute; top:-47px; left:20px; margin:0; font-weight:300;}
.mfn-sections-footer { padding: 19px 0 14px; overflow:hidden;}
.mfn-sections-footer .mfn-popup-save { float:right;}

.mfn-theme-version { text-align:center; margin-top:10px; color:#777;}


/* ------------------------- .form-table -------------------------- */
#mfn-wrapper .form-table { margin:0; clear:none;}
#mfn-wrapper .form-table .mfn-opts-section-desc { padding:15px 0; border-bottom: 1px solid #e5e5e5;}

#mfn-wrapper .form-table tr { border-bottom: 1px solid #ebecec;}

#mfn-wrapper .form-table tr th { font-size:14px; color:#39464e; font-weight:bold; padding:15px 10px 15px 0;}
#mfn-wrapper .form-table tr td { padding:15px 0 15px 10px;}

#mfn-wrapper .form-table tr th span.description,
#mfn-wrapper .form-table tr td span.description { display:block; font-weight:normal; font-style:normal; color:#858585; }

#mfn-wrapper .form-table tr th span.description { margin-top:8px; text-shadow:none !important; }
#mfn-wrapper .form-table tr td span.description { margin-top:3px; font-size:11px; line-height:14px; }

#mfn-wrapper .form-table tr th span.description b,
#mfn-wrapper .form-table tr th span.description strong,
#mfn-wrapper .form-table tr td span.description b,
#mfn-wrapper .form-table tr td span.description strong { color:#39464e; }

#mfn-wrapper .form-table tr td span.btn-desc { float:left; }


/* Field | Info ---------------------------------------- */
#mfn-wrapper .form-table tr.mfn-info { background: #dce7f7; border-bottom-color: transparent !important; position:relative; top:-1px;}
#mfn-wrapper .form-table tr.mfn-info.desc { background: #fff; top:-2px;}
#mfn-wrapper .form-table tr.mfn-info td { box-shadow: -3px 0 0 0 #b9cbe4; color: #516676; font-size: 13px; font-weight: 400; padding: 15px 20px; letter-spacing: 2px; text-transform: uppercase; position:relative; left:-207px;}
#mfn-wrapper .form-table tr.mfn-info td span { font-size: 10px; margin-left: 10px; opacity: 0.9;}

#mfn-wrapper .form-table tr.deprecated th,
#mfn-wrapper .form-table tr.deprecated input,
#mfn-wrapper .form-table tr.deprecated .switch { opacity:.33;}


/* -------------- input, textarea, select, checkbox --------------- */
#mfn-wrapper .form-table input[type="number"],
#mfn-wrapper .form-table input[type="text"],
#mfn-wrapper .form-table textarea, 
#mfn-wrapper .form-table select { font-family: Arial, sans-serif; padding:10px; color:#666666; font-size:12px; line-height:16px; height:36px; width:100%; max-width:339px; border-color: #edeeee; background: #fff; border-radius:0;}
#mfn-wrapper .form-table input[type="number"] { padding:10px 5px 10px 10px;}
#mfn-wrapper .form-table input[type="text"],
#mfn-wrapper .form-table textarea, 
#mfn-wrapper .form-table select { box-shadow: 0 0 0 0 transparent;}
#mfn-wrapper .form-table input.small-text { width:160px; float:left; margin-right:15px;}
#mfn-wrapper .form-table textarea { height:156px;}
#mfn-wrapper .form-table select { height: 33px; padding: 7px 6px;}


/* -------------- .color-picker -------------- */
#mfn-wrapper input.popup-colorpicker { float:left; width:75px !important; background:none; filter:none;}
#mfn-wrapper .color-prev { background: url("../img/colorpicker.png"); float: left; height: 37px; width: 37px; cursor:pointer; margin:0 15px 0 5px;}
#mfn-wrapper .farb-popup-wrapper fieldset { width:130px; float:left;}

.farb-popup-wrapper { position: relative; display: block;}
.farb-popup { position: absolute; left: 122px; top: 0; background-color: #fff; border: 2px solid #EBECEC; padding: 5px; z-index:100;}


/* -------------- .mfn-multi-text-field -------------- */

.mfn-multi-text-field {}

#mfn-wrapper .mfn-sections input.multi-text-add { margin-right:1px; width:223px;}

#mfn-wrapper .mfn-sections .multi-text-btn { float:left; position:relative; top:1px;}
#mfn-wrapper .mfn-sections .multi-text-desc { float:left;}

#mfn-wrapper .mfn-sections .multi-text-ul { float:left; margin:0; clear:both;}
#mfn-wrapper .mfn-sections .multi-text-ul li { display:block; width: 338px; height:37px; color:#fff; position:relative; margin:8px 0 5px 0; background: #34495e;}
#mfn-wrapper .mfn-sections .multi-text-ul li.multi-text-default { display:none;}
#mfn-wrapper .mfn-sections .multi-text-ul li a.multi-text-remove { display:block; position:absolute; top:0; right:0; width: 37px; height:37px; overflow: hidden; text-indent: -9999px; color:#34495e; background: #2f4052;	}
#mfn-wrapper .mfn-sections .multi-text-ul li a.multi-text-remove em { width: 37px; height:37px; display: block; overflow: hidden; background:url(../img/ico-delete.png) no-repeat center center;}
#mfn-wrapper .mfn-sections .multi-text-ul li a:hover.multi-text-remove { background: #FB5656;}
#mfn-wrapper .mfn-sections .multi-text-ul li span { color:#fff; line-height:37px; padding:0 17px; font-size:14px; margin:0;}

#mfn-wrapper .mfn-multi-text-field .multi-text-desc { clear:both; margin:5px 0 !important;}


/* -------------- .mfnf-checkbox -------------- */
#mfn-wrapper .form-table .mfnf-checkbox ul { margin-top:0; }
#mfn-wrapper .form-table .mfnf-checkbox.float-left ul li { float:left; width:200px;}
#mfn-wrapper .form-table .mfnf-checkbox .description { clear:both;}
#mfn-wrapper .form-table tr td .label span { display:block; font-size:11px; color:#858585; }


/* -------------- .tabs -------------- */
#mfn-wrapper .form-table .mfn-add-tab { float:left; margin-bottom:5px;}
#mfn-wrapper .form-table .tabs-ul { margin:0 0 10px; overflow:hidden;}
#mfn-wrapper .form-table .tabs-ul li { float:left; padding:10px; margin:10px 1% 0 0; width:49%; border:1px solid #DFDFDF; background:#F9F9F9; position:relative; box-sizing:border-box;}
#mfn-wrapper .form-table .tabs-ul li.tabs-default { display:none;}
#mfn-wrapper .form-table .tabs-ul li input,
#mfn-wrapper .form-table .tabs-ul li textarea { max-width:100%;}
#mfn-wrapper .form-table .tabs-ul li .mfn-remove-tab { position:absolute; top:10px; right:10px; height:16px; width:16px;}
#mfn-wrapper .form-table .tabs-ul li .mfn-remove-tab em { height:16px; width:16px;}


/* -------------- .mfn-upload-field --------------- */
.mfn-upload-field input.image { float:left;}

#mfn-wrapper a.mfn-opts-upload { padding: 0 17px 0 42px; display:inline-block; position:relative; margin-bottom:5px; top:1px;}
#mfn-wrapper a.mfn-opts-upload span { display: block; width: 16px; height: 16px; overflow: hidden; position: absolute; left: 14px; top:8px; background:url('../img/ico-upload.png') no-repeat;}
#mfn-wrapper a.mfn-opts-upload:hover {}
#mfn-wrapper a.mfn-opts-upload-remove {	background:url('../img/ico-cross.png') no-repeat left center; padding-left: 18px; line-height: 38px; text-decoration: none; display:inline-block; margin-left:10px;}
#mfn-wrapper a.mfn-opts-upload-remove:hover { text-decoration: underline;}
#mfn-wrapper img.mfn-opts-screenshot { max-width: 339px; max-height:339px; display: block; margin-top: 5px; clear:both; }
#mfn-wrapper img.mfn-opts-screenshot.video { display:none !important;}


/* -------------- .mfn-opts-ajax --------------- */
#mfn-wrapper a.mfn-opts-ajax { padding: 0 17px; display: inline-block;}
#mfn-wrapper a.mfn-opts-ajax:hover {}


/* -------------- .mfn-custom-field --------------- */
#mfn-wrapper .mfn-custom-field p { font-size:90%; margin:0 0 10px;}
#mfn-wrapper .mfn-custom-field a.btn-blue { display: inline-block;}


/* -------------- .mfn-radio-img --------------- */
.mfn-radio-item .mfn-radio-img input[type='radio']{ display:none;}

.mfn-radio-item { float: left; text-align: center; margin: 0 5px 5px; width: 65px; }
.mfn-radio-item .mfn-radio-img { margin:5px 0 2px !important; display:inline-block; width: 59px; height: 59px; line-height: 59px !important; text-align: center; background: #f0f5f5; border:3px solid transparent; opacity:.9;}
.mfn-radio-item:hover .mfn-radio-img { opacity:1;}
.mfn-radio-item .mfn-radio-img-selected { border-color: #1ABC9C; opacity:1;}
.mfn-radio-item .mfn-radio-img img { vertical-align: middle;}

.wide .mfn-radio-item { width:160px; height:180px;}
.wide .mfn-radio-item .mfn-radio-img { width:auto; height:auto; line-height:normal !important; border-width:5px; background:none;}
.wide.short .mfn-radio-item { height:110px;}


/* -------------- .mfn-icon-field --------------- */
.mfn-icon-field .mfn-icon-header { overflow:hidden;}
.mfn-icon-field .mfn-icon-select { margin-top:10px;}
.mfn-icon-field .mfn-icon { float:left; display:block; position:relative; width:26px; height:26px; cursor:pointer;}
.mfn-icon-field .mfn-icon > i { color: #3e3e3e; font-size: 20px; position:absolute; left:0; top:0;}
.mfn-icon-field .mfn-icon.active > i,
.mfn-icon-field .mfn-icon > i:hover { background: rgba(218, 236, 255, 0.9); border: 1px solid #eee; display: block; font-size: 30px; height: 30px; line-height:30px; width: 40px; padding: 10px; left: -17px; top: -15px; text-align: center; z-index: 2;}
.mfn-icon-field .mfn-icon > i:hover { z-index: 3;}
.mfn-icon-field .mfn-icon.active > i:before,
.mfn-icon-field .mfn-icon > i:hover:before { display:inline; margin:0; }


/* -------------- Field | Typography --------------- */
.mfn-field-typography .typography-wrapper { float:left; margin-right:40px; height:65px; }
.mfn-field-typography .typography-wrapper label { font-size:13px; color:#666; display:block; cursor:default;}
.mfn-field-typography .typography-wrapper input { width:80px !important; text-align:center; float:left;}
.mfn-field-typography .typography-wrapper select { text-align:center; float:left;}
.mfn-field-typography .typography-wrapper .desc-right { float:left; font-size:12px; color:#999; margin:11px 0 0 2px;}
.mfn-field-typography .description { margin-top:0 !important;}


/* -------------- .mfn-switch-field --------------- */
.mfn-switch-field .description { margin-top:7px !important;}

.has-switch { float:left; margin-right:15px; border-radius:30px; display:inline-block; cursor:pointer; overflow:hidden; position:relative; text-align:left; width:80px; z-index:1;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none
}
.has-switch > div { width:162%; position:relative; top:0}
.has-switch > div.switch-animate {
	-webkit-transition:left .25s ease-out;
	-moz-transition:left .25s ease-out;
	-o-transition:left .25s ease-out;
	transition:left .25s ease-out;
	-webkit-backface-visibility:hidden;
}
.has-switch > div.switch-off { left:-63%; }
.has-switch > div.switch-off label { background-color:#999; border-color:#bbb;
	-webkit-box-shadow:-1px 0 0 rgba(255,255,255,0.5);
	-moz-box-shadow:-1px 0 0 rgba(255,255,255,0.5);
	box-shadow:-1px 0 0 rgba(255,255,255,0.5);
}
.has-switch > div.switch-on{ left:0}
.has-switch > div.switch-on label{ background-color:#1ABC9C}
.has-switch input[type=checkbox]{ display:none}

.has-switch span { cursor:pointer; font-size:14px !important; font-weight:600 !important; float:left; height:29px; line-height:19px !important; padding-bottom:6px; padding-top:5px; position:relative; text-align:center; width:50%; z-index:1; margin:0 !important; color:#fff !important;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:.25s ease-out;
	-moz-transition:.25s ease-out;
	-o-transition:.25s ease-out;
	transition:.25s ease-out;
	-webkit-backface-visibility:hidden;
}
.has-switch span.switch-left { border-radius:30px 0 0 30px; background-color:#2F4052;  border-left:1px solid transparent}
.has-switch span.switch-right { border-radius:0 30px 30px 0;background-color:#bbb;color:#fff;text-indent:7px}
.has-switch span.switch-right [class*=fui-]{ text-indent:0}
.has-switch label { border:4px solid #2F4052;border-radius:50%;float:left;height:21px;position:relative;vertical-align:middle;width:21px;z-index:100; margin:0 -15px 0 -14px; padding:0;
	-webkit-transition:.25s ease-out;
	-moz-transition:.25s ease-out;
	-o-transition:.25s ease-out;
	transition:.25s ease-out;
	-webkit-backface-visibility:hidden;
}

/* -------------- #css-mfn-section --------------- */
#css-mfn-section .form-table tr th,
#css-mfn-section .form-table tr td { display:block; width:100%; box-sizing:border-box;}
#css-mfn-section .form-table tr td { padding: 0 0 15px;}
#css-mfn-section .form-table textarea { max-width:100%; box-sizing:border-box; height:400px;}

/* -------------- #js-mfn-section --------------- */
#js-mfn-section .form-table tr th,
#js-mfn-section .form-table tr td { display:block; width:100%; box-sizing:border-box;}
#js-mfn-section .form-table tr td { padding: 0 0 15px;}
#js-mfn-section .form-table textarea { max-width:100%; box-sizing:border-box; height:400px;}


/* -------------- jQuery UI -------------- */

/* .ui-slider */
.ui-slider { position: relative; text-align: left; background: #ebedef; z-index: 1; width:150px; float:left; margin:14px 14px 0 0;}
.ui-slider .ui-slider-handle { background:#16a085; position: absolute; z-index: 2; width: 18px; height: 18px; cursor: default; border: none; outline: none; border-radius:9px;}
.ui-slider .ui-state-hover, .ui-slider .ui-state-active { background:#0F8C75;; }
.ui-slider .ui-slider-range { background: #1abc9c; position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: 12px; border-radius:6px;}
.ui-slider-horizontal .ui-slider-handle { top: -3px; margin-left: -13px; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; border-radius:6px;}
.ui-slider-horizontal .ui-slider-range-max { right: 0; }


.mfn-slider-field { position:relative;}
.mfn-slider-field .range { bottom: -8px; font-size: 12px; left: 0; position: absolute; text-align: right; width: 150px; color:#666;}
.mfn-slider-field.range-error .range { color:#F95656;}

.mfn-slider-field .sliderbar_input { width:65px !important; float:left; margin-right:15px;}  
.mfn-slider-field.range-error .sliderbar_input { box-shadow: 0 0 2px 1px #ff0000;}  
.mfn-slider-field .desc { float:left; margin-top:12px;}


/* -------------- .mfn-import-wrapper --------------- */
.mfn-import-wrapper .mfn-import-box { border-bottom: 1px solid #E5E5E5; padding-bottom:10px;}
.mfn-import-wrapper .mfn-import-box .description { font-style:normal; font-size:12px;}
.mfn-import-wrapper h4 { font-size:14px; margin:15px 0;}

.mfn-import-wrapper .mfn-import-imp-action span { margin-left:10px; color:#E54848; font-size:95%;}

.mfn-import-wrapper .mfn-import-exp { padding-bottom:20px;}

.mfn-import-wrapper .mfn-import-imp-code-wrapper,
.mfn-import-wrapper .mfn-import-imp-link-wrapper,
.mfn-import-wrapper .mfn-import-exp-code,
.mfn-import-wrapper .mfn-import-exp-link { display:none;}

.mfn-import-wrapper .mfn-btn { display:inline-block; font-size:13px; line-height:30px; color:#787878 !important; border:2px solid #ebecec; text-decoration:none; background: #fff; padding: 0 17px; font-weight:bold; cursor:pointer;}
.mfn-import-wrapper .mfn-btn:hover { background:#f0f5f5;}

.mfn-import-wrapper .mfn-btn-primary { background:#1ABC9C; color:#fff !important; border-color:#5FD0BA;}
.mfn-import-wrapper .mfn-btn-primary:hover { background:#1CAA8E;}


/* -------------- White Label -------------- */
.white-label #mfn-wrapper .mfn-logo { background-image:none;}
.white-label .mfn-header .mfn-buttons { display:none;}


/* ------------------------- Responsive -------------------------- */
@media only screen and (max-width: 782px){
	#mfn-wrapper .form-table tr th { padding: 15px 0 0 0;}
	#mfn-wrapper .form-table tr td { padding: 15px 0; overflow: hidden;}
	#mfn-wrapper .form-table tr.mfn-info th { padding:0;}
	#mfn-wrapper .form-table tr.mfn-info td { left:0;}
}

@media only screen and (max-width: 650px){
	#mfn-main { float: left; width:100%; margin: 10px 0;}
}
