| Current File : /home/pacjaorg/wpt.pacja.org/wp-content/themes/pacja.../muffin-options/css/options.css |
#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; clear: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-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-wrapper .mfn-theme-version{text-align:center;margin-top:10px;color:#777}
#mfn-wrapper .mfn-link{text-align:center}
#mfn-wrapper .mfn-link a{color:#0073aa}
#mfn-wrapper .mfn-link a:hover{color:#00a0d2}
/* ------------------------- .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{float:none;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 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.mfn-info.desc{background:#fff;top:-2px}
#mfn-wrapper .form-table tr.mfn-info.desc td{letter-spacing:0.5px;text-transform:none;}
#mfn-wrapper .form-table tr.mfn-info.info { background: none; top:0; border-bottom-color:#ebecec !important;}
#mfn-wrapper .form-table tr.mfn-info.info td { box-shadow: -3px 0 0 0 #e5e5e5; color:#555; letter-spacing:0.5px; text-transform:none;}
#mfn-wrapper .form-table tr.deprecated{opacity:.5}
/* -------------- 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;}
/* -------------- .mfn-field-color -------------- */
.mfn-field-color{position:relative}
.mfn-field-color input.has-colorpicker{float:left;width:140px!important;margin-top:-4px!important;background:none;filter:none;}
.mfn-field-color .wp-picker-container:before{content:"";position:absolute;left:0;top:0;width:63px;height:28px;background:url(../img/transparent.png) repeat left top;-webkit-border-radius:4px;border-radius:4px}
.mfn-field-color .wp-color-result{height:26px;padding-left:40px;background:transparent}
.mfn-field-color .wp-color-result:after{line-height:26px;font-size:12px;padding:0 10px;color:#777;-webkit-border-radius:0 1.5px 1.5px 0;border-radius:0 1.5px 1.5px 0}
.mfn-field-color .wp-picker-holder{position:absolute;left:-10px;z-index:10}
.mfn-field-color .wp-color-result.wp-picker-open::after{content:""}
.mfn-field-color .wp-picker-clear{margin-top:1px}
/* -------------- .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{float:left;}
#mfn-wrapper .form-table .mfnf-checkbox ul{margin:0}
#mfn-wrapper .form-table .mfnf-checkbox li:last-of-type{margin-bottom: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;}
/* -------------- .mfnf-upload.multi -------------- */
#mfn-wrapper .mfnf-upload.multi .upload-input{visibility:hidden;width:1px;margin:0 -7px 0 0;padding:0}
#mfn-wrapper .mfnf-upload.multi .upload-add{padding:0 17px 0 42px;display:inline-block;position:relative;margin-bottom:5px;top:1px}
#mfn-wrapper .mfnf-upload.multi .upload-add 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 .mfnf-upload.multi .upload-remove.all{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 .mfnf-upload.multi .upload-remove.all:hover{text-decoration:underline}
#mfn-wrapper .mfnf-upload.multi .gallery-container{margin-top:20px}
#mfn-wrapper .mfnf-upload.multi .image-container{position:relative;float:left;width:100px;height:100px;line-height:100px;margin:0 20px 20px 0;cursor:move}
#mfn-wrapper .mfnf-upload.multi .image-container img{display:inline-block;vertical-align:middle;max-width:100px;max-height:100px}
#mfn-wrapper .mfnf-upload.multi .image-container .upload-remove.single{position:absolute;top:-3px;right:-3px;color:red;padding:2px;background:#fff;box-shadow: 0 0 1px 0 rgba(0,0,0,.33);opacity:0;}
#mfn-wrapper .mfnf-upload.multi .image-container:hover .upload-remove.single{opacity:.85;}
#mfn-wrapper .mfnf-upload.multi .image-container .upload-remove.single:hover{opacity:1;}
#mfn-wrapper .mfnf-upload.multi .image-container .upload-remove.single{transition:opacity .2s ease-in-out;}
/* -------------- .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 ul{float:left;width:32%;font-size:12px;margin:0 1% 10px 0;}
#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:auto;margin-bottom:20px;}
/* -------------- .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 */
.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 red}
.mfn-slider-field .desc{float:left;margin-top:12px}
.mfn-slider-field .ui-slider{position:relative;text-align:left;background:#ebedef;border-width:0;z-index:1;width:150px;float:left;margin:14px 14px 0 0}
.mfn-slider-field .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}
.mfn-slider-field .ui-slider .ui-state-hover,
.mfn-slider-field .ui-slider .ui-state-active{background:#0F8C75}
.mfn-slider-field .ui-slider .ui-slider-range{background:#1abc9c;position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}
.mfn-slider-field .ui-slider-horizontal{height:12px;border-radius:6px}
.mfn-slider-field .ui-slider-horizontal .ui-slider-handle{top:-3px;margin-left:-13px}
.mfn-slider-field .ui-slider-horizontal .ui-slider-range{top:0;height:100%}
.mfn-slider-field .ui-slider-horizontal .ui-slider-range-min{left:0;border-radius:6px}
.mfn-slider-field .ui-slider-horizontal .ui-slider-range-max{right:0}
/* -------------- .mfn-import-wrapper --------------- */
.mfn-import-wrapper .mfn-import-box { border-bottom: 1px solid #E5E5E5; padding-bottom:10px;overflow:hidden;}
.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;}
.mfn-import-wrapper .mfn-import-res .reset-security-code{width:100px;margin:0 10px;}
.mfn-import-wrapper .mfn-import-res .step-2{display:none;}
/* -------------- 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;}
}