/** IOA Framework Backend Stylings Version  :   V2 Design   :   Proactive */
@import url("../../sprites/fonts/_ioa_front.css");
* html .clearfix { height: 1%; }

/* Hides from IE-mac \*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { display: inline-block; *zoom: 1; }

.clearfix { display: block; }

.relative { position: relative; }

input.sticky-save.button-save::-moz-focus-inner { border: 0; padding: 0; margin: 0; }

.ioa_wrap .hide { display: none; }

.ioa-query-box input[type=text] { float: left; width: 120px; }

.ioa-query-box a.button-default { float: left; margin: 1px 0px 0px 14px; font-size: 11px; padding: 11px; }

a.button-default:focus { color: #fff; }

/** Tooltip */
.ioa-tooltip { position: absolute; padding: 0px; background: #000; background: rgba(0, 0, 0, 0.8); color: #fff; text-align: center; width: 250px; font-size: 11px; left: -50%; bottom: 45px; border-radius: 3px; margin-left: -88px; display: none; }

.ioa-tooltip h4 { padding: 10px; font-size: 13px; font-weight: 400; margin: 0; background: rgba(255, 255, 255, 0.2); }

.ioa-tooltip p { margin: 0; padding: 20px; font-size: 12px; }

.ioa-tooltip i { color: #000; position: absolute; left: 50%; bottom: -10px; font-size: 14px; opacity: 0.8; margin-left: -10px; }

/** Input Wrapper with LABEL -> INPUT -> TOOLTIP , format */
div.ioa_input { padding: 20px 20px; position: relative; }

div.ioa_input.hidden-field { padding: 0 !important; }

div.ioa_input_holder { margin: 0; position: relative; float: left; }

div.ioa_input_description { position: absolute; right: 10px; top: 30px; width: 250px; font-size: 11px; color: #787878; }

div.ioa_input_description > div { padding: 0px 15px; }

div.ioa_input label { width: 180px; float: left; color: #333; font-size: 11px; padding: 2px 40px 10px 0px; font-weight: 600; }

div.ioa_input_holder input, div.ioa_input_holder a { float: left; }

.ioa-desc-tooltip { position: absolute; top: 0px; right: 30px; }

.ioa-desc-tooltip > div { width: 200px; position: absolute; bottom: 26px; left: -100px; text-align: center; color: #fff; background: rgba(0, 0, 0, 0.75); padding: 15px; font-size: 12px; border-radius: 2px; display: none; }

.ioa-desc-tooltip span { cursor: help; background: #4bbce8; opacity: 0.4; transition: all 0.2s ease-in-out; border-radius: 100%; padding: 7px; font-size: 11px; color: #fff; }

.ioa-desc-tooltip:hover > span { opacity: 1; }

.clear-switch { font-size: 11px; color: #d10f21; position: absolute; top: 2px; left: 2px; cursor: pointer; }

#side-sortables div.ioa_input_holder.small { width: 215px; }

#side-sortables div.ioa_input_holder.small input[type=text] { width: 126px; }

#side-sortables div.input-image-preview { width: 100%; }

/** TEXT input styling with 3 widths , small , medium and long. */
a.add-rad-icon.button-default, a.width-correction.button-default, a.query-maker.button-default, a.button-default.icon-maker { margin: 1px 10px 0px 5px; padding: 11px 18px; }

div.ioa_input_holder input[type=text] { border: 1px solid #c8d4d9; padding: 10px 13px; outline: none; color: #6b6b6b; font-size: 13px; border-radius: 0; }

div.ioa_input_holder.small { width: 184px; }

div.ioa_input_holder.small input[type=text] { width: 130px; }

div.ioa_input_holder.medium { width: 384px; }

div.ioa_input_holder.medium input[type=text] { width: 350px; }

div.ioa_input_holder.long { width: 585px; }

div.ioa_input_holder.long input[type=text] { width: 450px; }

/** TEXTAREA input styling with 3 widths , small , medium and long. */
div.ioa_input_holder textarea { border: 1px solid #c8d4d9; padding: 13px; outline: none; color: #6b6b6b; font-size: 13px; height: 200px; overflow: auto; border-radius: 0; float: left; }

div.ioa_input_holder.small { width: 184px; }

div.ioa_input_holder.small textarea { width: 150px; }

div.ioa_input_holder.medium { width: 350px; }

div.ioa_input_holder.medium textarea { width: 320px; }

div.ioa_input_holder.long textarea { width: 450px; }

/** SELECT input styling with 3 widths , small , medium and long. */
div.ioa_input_holder div.ioa_select_wrap { overflow: hidden; background: url(i/dropdown.png) 100% 0px no-repeat white; border: 1px solid #c8d4d9; padding: 0px 17px 0px 0; outline: none; color: #354146; font-size: 13px; }

.rtl div.ioa_input_holder div.ioa_select_wrap { background: url(i/dropdown.png) 0% 0px no-repeat white; }

.rtl div.ioa_input_holder div.ioa_select_wrap select { padding-right: 7px; }

div.ioa_input_holder div.ioa_select_wrap select { -webkit-appearance: none; background: transparent !important; border: none; cursor: pointer; display: block; vertical-align: center; padding: 3px 0px 7px 5px; height: 36px; }

@-moz-document url-prefix() { div.ioa_input_holder div.ioa_select_wrap select { padding: 7px 0px 7px 5px; } }

div.ioa_input_holder.small { width: 184px; }

div.ioa_input_holder.small div.ioa_select_wrap { width: 150px; }

div.ioa_input_holder.small div.ioa_select_wrap select { width: 185px; }

div.ioa_input_holder.medium { width: auto; }

div.ioa_input_holder.medium div.ioa_select_wrap { width: 350px; }

div.ioa_input_holder.medium div.ioa_select_wrap select { width: 385px; }

div.ioa_input_holder.long div.ioa_select_wrap { width: 450px; }

div.ioa_input_holder.long div.ioa_select_wrap select { width: 485px; }

/** Checkbox styling */
div.ioa_input_holder div.ioa_checkbox_wrap input[type=checkbox] { float: left; margin: 5px 10px 0 5px; }

div.ioa_input_holder div.ioa_checkbox_wrap label { padding-left: 0; font-weight: 200; width: 100px; }

/** Radio styling */
div.ioa_input_holder div.ioa_radio_wrap input[type=radio] { float: left; margin: 3px 10px 0 5px; }

div.ioa_input_holder div.ioa_radio_wrap label { padding-left: 0; font-weight: 200; width: 100px; }

div.groud-check-wrap { width: 200px; float: left; }

/** Toggle styling */
div.ioa_input_holder div.ioatoggle_wrap input[type=radio] { float: left; margin: 4px 10px 0 5px; }

div.ioa_input_holder div.ioatoggle_wrap label { width: auto; padding-left: 0; font-weight: 200; margin-right: 15px; }

/** Slider Input Stylings */
/* == Slider behaviour ======================================== */
.slider-suffix { float: left; width: 10px; font-size: 11px; margin: 9px 0px 0px 10px; padding-top: 0; color: #999; }

.ioa_input .ui-slider { float: left; }

.ioa_input .ui-slider { position: relative; top: 10px; text-align: left; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2) inset; border-radius: 5px; background: #fafafa; margin-top: 9px; width: 227px; margin-left: 5px; margin-right: 20px; }

#side-sortables .ioa_input .ui-slider { width: 150px; margin-right: 24px; }

.ioa_input .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 20px; height: 20px; cursor: pointer; background: url(i/button-gloss.png) #bbbbbb; border-radius: 100%; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; transition-property: background-color; transition-duration: 200ms, 200ms; transition-delay: 0s; margin-top: 0px; }

.ioa_input .ui-slider:hover .ui-slider-handle { background-color: #4bbce8; }

.ioa_input .ui-slider .ui-slider-range { background: #bbb; position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ioa_input .ui-slider-horizontal { height: 6px; }

.ioa_input .ui-slider-horizontal .ui-slider-handle { top: -7px; margin-left: -8px; }

.ioa_input .ui-slider-horizontal .ui-slider-range { top: 2px; bottom: 1px; height: 2px; border-radius: 5px; }

.ioa_input .ui-slider-horizontal .ui-slider-range-min { left: 0; }

.ioa_input .ui-slider-horizontal .ui-slider-range-max { right: 0; }

div.ioa_input_holder.medium input[type=text].slider-input { width: 70px; }

/** Upload Input stylings */
.image_upload_wrap { clear: left; }

div.image_upload_wrap a.button-default { float: left; margin: 2px 10px 0 0; padding: 10px 16px; }

div.ioa_input_holder.medium div.image_upload_wrap input[type=text] { width: 235px; clear: right; }

input.sticky-save.button-save { position: absolute; top: 51px; right: -5px; padding: 11px 15px; margin: 0; }

div.input-image-preview { clear: left; width: 327px; position: relative; margin-top: 20px; }

div.input-image-preview img { max-width: 100%; display: block; margin: 0px auto 0 auto; }

div.input-image-preview span.himage-remove { cursor: pointer; width: 16px; height: 16px; background: url(i/cross.png); display: block; position: absolute; top: 0; right: 0; z-index: 10; }

/** Module Stylings */
div.ioa_module_container { margin-right: 0px; }

div.ioa_module_container_head { padding: 20px; border-bottom: 1px solid #eee; position: relative; }

div.ioa_module_container_head .ioa_module_button_panel { margin: 0; position: absolute; top: 8px; right: 0; }

div.ioa_module_button_panel > a.button-default, div.ioa_module_button_panel > a.button-save { background-size: cover; margin: 0 0 0 4px; padding: 12px 15px; float: left; }

div.ioa_module_container_head span { color: #555; font-size: 13px; float: left; margin: 0px; }

div.module_head { color: #fff; font-size: 11px; font-weight: 600; padding: 20px 10px 20px 131px; background: #555; position: relative; }

div.module_head a.delete-mod { width: 16px; height: 16px; background: url(i/cross.png); display: block; position: absolute; top: 0; right: 0; z-index: 10; }

div.module_head a.edit-mod { color: #fff; display: block; position: absolute; padding: 24px 24px 23px 24px; background: #888888; top: 0px; left: 0px; z-index: 10; }

div.module_head a.clone-mod { color: #fff; display: block; position: absolute; padding: 24px 24px 23px 24px; background: #888888; top: 0px; left: 60px; z-index: 10; }

div.module_head > a { -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; transition-property: background-color; transition-duration: 200ms, 200ms; transition-delay: 0s; }

div.module_head > a:hover { background: #4bbce8; }

@-moz-document url-prefix() { div.module_head a.edit-mod, div.module_head a.clone-mod { padding: 24px 24px 23px 24px; } }

div.module_head > a.delete-mod { background: url(i/cross.png); }

div.module_body { padding: 10px 0; display: none; }

div.module_body div.ioa_input { border: none; padding: 5px 15px; margin: 0; }

div.ioa_module.hide { display: none; }

a.save-ioa-module { float: right; }

/** Colorpicker Stylings */
div.colorpicker-wrap { float: left; width: 400px; position: relative; }

span.minicolors { float: left; }

div.ioa_input_holder.medium div.colorpicker-wrap input[type=text] { width: 250px; float: left; color: #6b6b6b; border-right: none; }

div.ioa_input_holder.medium div.colorpicker-wrap input[type=text].opacity { width: 80px; color: #6b6b6b; }

a.picker-delete { position: absolute; top: 2px; left: 2px; z-index: 10; display: block; width: 16px; height: 16px; background: url(i/cross.png); }

.minicolors { position: relative; display: inline-block; z-index: 1; }

.minicolors-focus { z-index: 12; }

.minicolors-focus a.picker-delete { z-index: 34; }

.minicolors-theme-default.minicolors .minicolors-input { vertical-align: middle; outline: none; }

.minicolors-theme-default.minicolors-swatch-left .minicolors-input { margin-right: auto; }

.minicolors-hidden { position: absolute; left: -9999em; }

.minicolors-swatch { position: relative; width: 36px; height: 38px; text-align: left; float: right; background: url(i/color-picker-bg.png); margin: 1px 0px 0 0; vertical-align: middle; display: inline-block; border: 1px solid #C8D4D9; border-left: none; border-top-right-radius: 2px; border-bottom-right-radius: 2px; }

.minicolors-swatch SPAN { position: absolute; width: 100%; height: 100%; background: none; display: inline-block; }

/* Panel */
.minicolors-panel { position: absolute; top: 55px; left: 56px; width: 173px; height: 152px; background: white; border: solid 1px #CCC; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); display: none; }

.minicolors-position-top .minicolors-panel { top: -156px; }

.minicolors-position-left .minicolors-panel { left: -83px; }

.minicolors-position-left.minicolors-with-opacity .minicolors-panel { left: -104px; }

.minicolors-with-opacity .minicolors-panel { width: 194px; }

.minicolors .minicolors-grid { position: absolute; top: 1px; left: 1px; width: 150px; height: 150px; background: url(i/jquery.minicolors.png) -120px 0; cursor: crosshair; }

.minicolors .minicolors-grid-inner { position: absolute; top: 0; left: 0; width: 150px; height: 150px; background: none; }

.minicolors-slider-saturation .minicolors-grid { background-position: -420px 0; }

.minicolors-slider-saturation .minicolors-grid-inner { background: url(i/jquery.minicolors.png) -270px 0; }

.minicolors-slider-brightness .minicolors-grid { background-position: -570px 0; }

.minicolors-slider-brightness .minicolors-grid-inner { background: black; }

.minicolors-slider-wheel .minicolors-grid { background-position: -720px 0; }

.minicolors-slider, .minicolors-opacity-slider { position: absolute; top: 1px; left: 152px; width: 20px; height: 150px; background: white url(i/jquery.minicolors.png) 0 0; cursor: crosshair; }

.minicolors-slider-saturation .minicolors-slider { background-position: -60px 0; }

.minicolors-slider-brightness .minicolors-slider { background-position: -20px 0; }

.minicolors-slider-wheel .minicolors-slider { background-position: -20px 0; }

.minicolors-opacity-slider { left: 173px; background-position: -40px 0; display: none; }

.minicolors-with-opacity .minicolors-opacity-slider { display: block; }

/* Pickers */
.minicolors-grid .minicolors-picker { position: absolute; top: 70px; left: 70px; width: 10px; height: 10px; border: solid 1px black; border-radius: 10px; margin-top: -6px; margin-left: -6px; background: none; }

.minicolors-grid .minicolors-picker SPAN { position: absolute; top: 0; left: 0; width: 6px; height: 6px; border-radius: 6px; border: solid 2px white; }

.minicolors-picker { position: absolute; top: 0; left: 0; width: 18px; height: 2px; background: white; border: solid 1px black; margin-top: -2px; }

/* Inline controls */
.minicolors-inline .minicolors-input, .minicolors-inline .minicolors-swatch { display: none; }

.minicolors-inline .minicolors-panel { position: relative; top: auto; left: auto; display: inline-block; }

/** Notification Stylings */
input.sticky-save.button-save::-moz-focus-inner { border: 0; padding: 0; margin: 0; }

.ioa_wrap .hide { display: none; }

.ioa-query-box input[type=text] { float: left; width: 120px; }

.ioa-query-box a.button-default { float: left; margin: 1px 0px 0px 14px; font-size: 11px; padding: 11px; }

a.button-default:focus { color: #fff; }

.ioa-message { box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); border-radius: 2px; width: 330px; padding: 0; background: #404b57; border: 1px solid #38414b; position: fixed; z-index: 999; top: 45px; left: 45%; display: none; }

.ioa-message .ioa-message-head { padding: 8px 5px; margin: 0; text-transform: uppercase; font-weight: bold; position: relative; font-size: 15px; }

.ioa-message .ioa-message-body { color: #fff; font-size: 12px; line-height: 1.6; padding: 0px; }

.ioa-icon-area { float: left; text-align: center; box-shadow: -1px 0px 1px rgba(255, 255, 255, 0.06) inset; padding: 16px 20px; color: #fff; font-size: 32px; border-right: 1px solid #38414b; }

.ioa-message.ioa-success .ioa-icon-area { color: #79bd2f; }

.ioa-message.ioa-information .ioa-icon-area { color: #2fa7bd; }

.ioa-message.ioa-warning .ioa-icon-area { color: #db4e17; }

.ioa-message.ioa-error .ioa-icon-area { color: #db1717; }

.ioa-information-p { background: #555; margin: 0 30px 20px 30px; padding: 20px; color: #fff; text-align: center; }

.ioa-info-area { float: left; width: 255px; }

.ioa-info-area h3 { color: #fff; font-size: 15px; margin: 10px 0 0  0; padding: 0px 0px 0px 20px; }

.ioa-info-area p { color: #fff; font-size: 11px; margin: 0; padding: 4px 20px 0px 20px; }

.hades-custom input { border: 1px solid #e7e7e7; }

.widget-inside .ioa_module_container { margin-bottom: 30px; }

.widget-inside div.module_head a.edit-mod, .widget-inside div.module_head a.clone-mod { padding: 23px 23px 22px 23px; }

.widget-inside div.module_head a.clone-mod { left: 58px; }

div.ioa_input.has-two-buttons div.ioa_input_holder.medium input[type=text] { width: 142px; }

div.ioa_input.has-two-buttons div.ioa_input_holder a { margin: 0px 1px; padding: 12px 14px; }

a.button-default, input.button-hdefault { cursor: pointer; display: inline-block; background: url(i/button-gloss.png) #777777; padding: 8px 15px; font-size: 11px; text-transform: uppercase; color: #fff; font-weight: 600; margin: 3px 10px 0px 10px; text-decoration: none; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; transition-property: background-color; transition-duration: 200ms, 200ms; transition-delay: 0s; }

a.button-error { cursor: pointer; display: inline-block; background: url(i/button-gloss.png) #d10f21; padding: 8px 15px; font-size: 11px; text-transform: uppercase; color: #fff; font-weight: 600; margin: 3px 10px 0px 10px; text-decoration: none; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; transition-property: background-color; transition-duration: 200ms, 200ms; transition-delay: 0s; }

.button-save, .button-hprimary { cursor: pointer; text-decoration: none; display: inline-block; background: url(i/button-gloss.png) #16b99c; padding: 10px 12px; outline: none; border: none; text-shadow: none; color: #fff; font-weight: 600; margin: 3px 20px 20px 10px; text-transform: uppercase; font-size: 11px; }

.button-save:hover, .button-save:active, .button-save:focus { color: inherit; }

a.button-error:focus { color: #fff; }

a.button-default:hover, a.button-hprimary:hover, .button-hprimary:hover { text-decoration: none; color: #fff; background: #4bbce8; }

a.button-error:hover { color: #fff; }

.en_gloss { background: url(i/gloss.png) no-repeat; width: 100%; z-index: 90; top: 0; left: 0; opacity: 0.3; position: absolute; width: 100%; height: 100%; }

.ioa-upload-field input[type=text] { width: 82.5%; }

a.button-default.sass-parser { margin: 30px; display: block; float: none; text-align: center; padding: 20px 0; background-image: none; }

th#ioa_template { width: 200px; }

.ioa-highlight { background: #4bbce8; display: inline-block; padding: 3px 9px; color: #fff; }

a.post-ioa-images-generator.button-default { margin: 0px 0px 15px 0px; }

.ioa-quick-tour { float: left; z-index: 10; margin: 0; padding: 13px 21px; }

span.waiting { background: url(i/loader.gif) center center no-repeat; border-radius: 3px; opacity: 0; transform: scale(0, 0); width: 25px; height: 25px; display: block; margin: 12px 10px; z-index: 10; }

div.ioa_wrap { position: relative; margin: 0px 0px 0px -20px; border-bottom: 1px solid #ddd; }

#cbrand_logo { display: block; margin: 20px auto 10px auto; }

#cbrand_text { text-align: center; display: block; margin: 0px 0px 20px 0; color: #fff; font-size: 11px; padding: 0; }

#wpbody-content { padding-bottom: 45px; }

div.ioa_panel_wrap { position: relative; z-index: 3; }

div.panel-top-bar { background: #4bbce8; border-bottom: 4px solid #34b4e5; position: relative; z-index: 10; }

div.notify-area { float: left; width: 140px; background: #4bbce8; position: relative; padding: 14px 30px; color: #fff; font-weight: 700; }

div.notify-area span.version-tag { font-size: 10px; font-style: italic; }

ul.main-menu { float: left; padding: 0; margin: 0 0; }
ul.main-menu li { float: left; list-style: none; position: relative; margin: 0; border-bottom: none; }
ul.main-menu li a { color: #fff; font-size: 11px; text-transform: uppercase; text-decoration: none; padding: 14px 20px 15px 20px; position: relative; float: left; border-top: 3px solid transparent; font-weight: 700; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; transition-property: border; transition-duration: 200ms, 200ms; transition-delay: 0s; }
ul.main-menu li.active a, ul.main-menu li:hover a { border-top: 3px solid #fff; background: rgba(0, 0, 0, 0.05); }

/*
Lightbox Styling */
div.rad-lightbox { position: fixed; top: 100px; left: 100px; bottom: 100px; right: 100px; z-index: 99999; background: #fff; box-shadow: 0 0 60px rgba(0, 0, 0, 0.3); display: none; }

div.rad-l-head { padding: 20px; cursor: move; background: #708093; }

div.rad-l-head h4 { margin: 0; padding: 0 0 0px 0; color: #fff; }

div.rad-l-body { height: 90%; background: #fff; overflow: auto; }

div.rad-l-footer { position: absolute; top: 7px; right: 0px; z-index: 20; }

div.rad-l-footer a { float: left; }

div.rad-l-footer a.button-default { padding: 10px 15px; }

div.rad-l-footer a.button-save { margin-right: 0px; }

div.preivew_pane h3 { margin: 0; padding: 0px 0px 10px 20px; font-size: 14px; color: #777; }

div.padding10 { padding: 10px; }

div.padding20 { padding: 20px; }

div.padding40 { padding: 40px; }

div.ioa-tour-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; opacity: 0.7; background: #fff; }

div.ioa-tour-lightbox { font-family: "Open Sans"; background: #fff; z-index: 10000; border-radius: 4px; box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.03); width: 875px; height: 620px; position: fixed; top: 25%; left: 20%; }

div.ioa-tour-lightbox a.ioa-front-icon { position: absolute; top: -20px; left: -20px; border-radius: 100%; color: #fff; font-size: 13px; background: #4bb5c1; text-align: center; display: block; padding: 14px; }

div.ioa-tour-lightbox div.heading-area { padding: 30px 15px 10px 30px; }

div.ioa-tour-lightbox div.heading-area h2 { margin: 0; font-weight: 100; color: #2b2c30; font-size: 32px; margin-bottom: 12px; }

div.ioa-tour-lightbox div.heading-area p { margin: 0; font-size: 13px; color: #949494; }

div.ioa-tour-lightbox div.heading-area p strong { color: #709b18; font-style: italic; }

div.ioa-tour-lightbox ul.ioa-tour-feature-list { margin: 0; padding: 10px 30px 10px 30px; }

div.ioa-tour-lightbox ul.ioa-tour-feature-list li strong { display: inline-block; padding: 0px 3px; text-shadow: none; line-height: 1.4; border-radius: 2px; color: #ca4e2d; background: #fff; }

div.ioa-tour-lightbox ul.ioa-tour-feature-list li.documentation-panel strong { color: #83b51e; }

div.ioa-tour-lightbox ul.ioa-tour-feature-list li.plugins-panel strong { color: #47abb6; }

div.ioa-tour-lightbox ul.ioa-tour-feature-list li.tour-panel strong { color: #1ac4c6; }

div.ioa-tour-lightbox ul.ioa-tour-feature-list li span { float: left; color: #222; background: #fff; padding: 0 20px; font-size: 28px; font-weight: 700; border-radius: 100%; margin-right: 25px; }

div.ioa-tour-lightbox ul.ioa-tour-feature-list li { line-height: 2; position: relative; background: #ca4e2d; margin-bottom: 30px; font-size: 13px; color: #fff; padding: 30px; text-shadow: 0px 1px 2px #953820; }

div.ioa-tour-lightbox ul.ioa-tour-feature-list li.push-right { margin-right: 30px; }

div.ioa-tour-lightbox ul.ioa-tour-feature-list li a.more-link { text-shadow: none; float: right; display: block; padding: 8px 17px; color: #fff; background: #7bac18; font-size: 12px; text-decoration: none; font-weight: 600; margin-top: 15px; }

div.ioa-tour-lightbox ul.ioa-tour-feature-list li.documentation-panel { background: #83b51e; color: #fff; text-shadow: 0px 1px 2px #749c23; }

div.ioa-tour-lightbox ul.ioa-tour-feature-list li.documentation-panel a.main-link { display: block; text-align: center; color: #fff; font-style: italic; font-size: 15px; margin-top: 10px; }

div.ioa-tour-lightbox ul.ioa-tour-feature-list li.plugins-panel { background: #47abb6; color: #fff; text-shadow: 0px 1px 2px #3a8d96; }

div.ioa-tour-lightbox ul.ioa-tour-feature-list li.tour-panel { background: #1ac4c6; color: #fff; text-shadow: 0px 1px 2px #3a8d96; }

div.welcome-panel { display: none; }

/** Shortcode Engine */
div.shortcode-lightbox { width: 700px; height: 650px; position: fixed; top: 100px; left: 100px; z-index: 99997; background: #fff; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); font-family: "Open Sans"; display: none; }

div.shortcode-l-head { cursor: move; padding: 20px; background: #333; position: relative; }

div.shortcode-l-head a { position: absolute; top: 0; right: 0; font-size: 13px; text-decoration: none; background: #555; color: #fff; padding: 20px 28px; }

div.shortcode-l-head h4 { margin: 0; padding: 0 0 0px 0; color: #fff; font-weight: 600; }

div.shortcode-l-head span.loader { background: url(i/sh-loader.gif); width: 24px; height: 24px; right: 60px; position: absolute; top: 15px; display: none; }

div.shortcode-l-body { overflow: auto; height: 590px; position: relative; background: url(i/loader.gif) center center no-repeat; }

.top-shortcodes-menu { margin: 0px; border-bottom: 1px solid #f4f4f4; padding: 0px; }

.top-shortcodes-menu li { float: left; cursor: pointer; padding: 0px; margin: 0; list-style: none; width: 16.66%; text-align: center; }

.top-shortcodes-menu li span.icon-label { border-bottom: 2px solid transparent; padding: 15px; }

.top-shortcodes-menu li.active span.icon-label { border-bottom: 2px solid #22d3e3; }

.top-shortcodes-menu li span { font-size: 10px; color: #777; font-weight: 600; display: block; }

div.shortcode-l-body h6 { padding: 15px; text-align: center; background: #0dc2dd; color: #fff; position: relative; font-size: 10px; margin: 12px 0 12px 0; }

div.shortcodes-desc-area { padding: 0px 20px 0px 20px; }

div.shortcode-button { float: left; background: #d6e6e7; margin: 0px 8px 8px 0; color: #616572; font-size: 11px; font-weight: 600; }

div.shortcode-button div.desc-area { display: none; }

div.shortcode-help-desk > div { margin: 20px; padding: 15px; border: 1px solid #eee; font-size: 12px; display: none; }

div.shortcode-help-desk > div ul li a { color: #fff; }

div.shortcode-help-desk > div ul { margin-left: 0px; }

div.shortcode-help-desk > div ul li { margin-bottom: 6px; }

div.shortcode-help-desk > div ul li strong { width: 120px; float: left; }

div.shortcode-help-desk > div ul li span { float: left; width: 400px; }

div.shortcode-help-desk > div ul li ul strong { width: 80px; }

div.shortcode-help-desk > div ul li ul li p { margin: 0px 0 2px 0; float: left; width: 250px; }

div.shortcode-help-desk > div ul li ul { margin: 0px; font-size: 11px; width: 400px; float: left; }

div.shortcodes-desc-area > div { display: none; padding: 25px 0 15px 0; }

div.shortcodes-desc-area > div:first-child { display: block; }

div.shortcodes-desc-area select { width: 300px; float: left; margin-right: 15px; }

div.shortcodes-desc-area a { float: left; margin-right: 15px; }

div.shortcodes-desc-area .info_shortcode { margin-left: 20px; }

.shortcodes-desc-area label { display: none; }

.shortcodes-desc-area div.ioa_input { padding: 0; float: left; }

div.ioa_input.parent_val { margin-bottom: 15px; }

#s-column-maker h6 { padding: 15px; margin: 0; font-size: 12px; text-align: center; color: #888; border-bottom: 1px solid #e7e7e7; margin-bottom: 20px; }

#s-column-maker .top-bar { padding: 15px; margin-bottom: 7px; }

#s-column-maker .top-bar a { margin: 2px; min-width: 60px; text-align: center; }

#s-column-maker #column-maker-insert { clear: both; background: #f00828; color: #fff; width: auto; padding: 8px 12px; }

div.column-maker-area { padding: 20px; background: #fafafa; border: 1px solid #e7e7e7; margin: 15px; }

div.column-maker-area .col { position: relative; margin-right: 1.2%; text-align: center; float: left; min-height: 45px; padding: 1%; background: #ffffff; box-shadow: 0px 0px 0px 1px #e7e7e7; }

div.column-maker-area .full { width: 98%; min-height: 1px; padding: 1%; background: white; }

div.column-maker-area .one_half { width: 47.9%; }

div.column-maker-area .one_third { width: 30.8%; }

div.column-maker-area .one_fourth { width: 22.3%; }

div.column-maker-area .two_third { width: 64.7%; }

div.column-maker-area .three_fourth { width: 73.2%; }

div.column-maker-area .one_fifth { width: 17.2%; }

div.column-maker-area .four_fifth { width: 78.3%; }

div.column-maker-area .one_sixth { width: 13.55%; }

div.column-maker-area .five_sixth { width: 80.9%; }

div.column-maker-area i { position: absolute; cursor: pointer; top: 2px; right: 2px; color: #c41111; font-size: 12px; }

div.column-maker-area .last { padding-right: 0; clear: right; margin-right: 0; }

.shortcode-help-desk > div { display: none; }

.ex-shortcode-mods { display: none; margin: 0px 20px 10px 20px; padding: 15px 0; font-size: 12px; position: relative; }

.ex-shortcode-mods div.ioa_input { padding: 3px 0; }

.ex-shortcode-mods div.ioa_input label { width: 170px; }

.ex-shortcode-mods div.ioa_input_holder { float: left; clear: none; }

.ex-shortcode-mods label { margin-top: 4px; margin-right: 10px; }

.ex-shortcode-mods a.add-mod-shortcode, #pricingtable-insert { z-index: 10; text-decoration: none; background: #f00828; color: #fff; text-align: center; margin-bottom: 10px; display: inline-block; padding: 8px 12px; font-weight: 700; }

.ex-shortcode-mods div.ioa_input_holder.medium { width: 320px; }

.ex-shortcode-mods div.ioa_input_holder.small { width: 256px; }

.ex-shortcode-mods div.ioa_input_holder.medium div.image_upload_wrap input[type=text] { width: 231px; }

.ex-shortcode-mods div.ioa_input_holder.medium input[type=text] { width: 368px; }

ul.sicon-list { padding: 20px; }

ul.sicon-list li { cursor: pointer; margin: 0; padding: 0; float: left; text-align: center; padding: 22px 12px; width: 38px; border: 1px solid #eee; border-right: none; border-bottom: none; box-shadow: 1px 1px 0px #eee; }

ul.sicon-list li.active, ul.sicon-list li:hover { z-index: 10; box-shadow: 0px 0px 20px #eee; }

ul.sicon-list li.active i, ul.sicon-list li:hover i { color: #4bbce8; }

ul.sicon-list li i { color: #333; font-size: 16px; }

div.feature-column-body { display: none; }

h4.feature-column-head { margin: 30px 0 10px 0; padding: 15px; background: #fff; border: 1px solid #f3f3f3; cursor: pointer; color: #666; }

.temp-overlay { background: #fff; top: 0; left: 0; z-index: 9991px; display: none; position: fixed; width: 100%; height: 100%; }

.shortcode-extra-insert { font-size: 10px; color: #4bbce8; font-weight: 700; }

div.post-meta-panel { clear: both; padding: 15px; background: #708093; display: none; }

div.post-meta-panel > div { float: left; padding: 4px 14px; background: #fff; color: #444; font-size: 11px; text-decoration: none; margin: 2px; }

div.error-google-speed { font-size: 12px; }

/** Installer */
#installer-wrapper { background: #fff; min-height: 600px; }

div.installer-info { background: #05cbdd; padding: 15px; text-align: center; color: #fff; }

.installer-meta-info { margin: 15px; background: #a92026; padding: 15px 15px; border-radius: 3px; color: #fff; }

.installer-meta-info i { float: left; font-size: 20px; margin: 8px 20px 20px 0; }

.installer-meta-info li { margin-bottom: 15px; padding: 0; }

#installer-wrapper .success { padding: 20px; margin: 20px; color: #fff; text-align: center; background: #79bd2f; }

.installer-heading { background: #333; padding: 20px; color: #fff; }

.run-installer.button-default { float: none; display: block; margin: 10px; padding: 14px 26px; text-align: center; }

.installer-selection label { margin-top: 5px; }

#installer_help p { padding: 15px; color: #777; margin: 0; }

#installer_help h4 { padding: 15px 15px 0 15px; color: #333; margin: 0; font-size: 18px; }

/** Visualizer code */
.vlist, .bg-image-area { padding: 25px; margin: 20px; }

.vlist-item { border: 1px solid #eee; margin-bottom: 20px; padding: 20px; }

.bg-image-area .vimage { float: left; width: 50px; position: relative; }

.vdelete { background: url(i/cross.png); display: block; position: absolute; top: 2px; right: 2px; z-index: 10; width: 16px; height: 16px; }

.bg-image-area .vimage img { max-width: 100%; }

/** Scourge Icon API */
.sc-icon-list-wrap { margin: 0; padding: 0; width: 245px; float: left; border-right: 1px solid #eee; overflow: auto; }

.sc-icon-list-wrap .icon-search-panel { border-bottom: none; }

.sc-icon-list-wrap .icon-search-panel input { width: 99%; }

.sc-icon-list-wrap h4 { margin: 0; padding: 15px 20px; background: #fafafa; text-align: center; }

.sc-icon-list { margin: 0; padding: 0; }

ul.sc-icon-list li { cursor: pointer; margin: 0; padding: 0; float: left; text-align: center; padding: 11px 12px; border: 1px solid #eee; border-right: none; border-bottom: none; box-shadow: 1px 1px 0px #eee; }

ul.sc-icon-list li.active, ul.sc-icon-list li:hover { z-index: 10; box-shadow: 0px 0px 20px #eee; }

ul.sc-icon-list li.active i, ul.sc-icon-list li:hover i { color: #4bbce8; }

ul.sc-icon-list li i { color: #333; font-size: 13px; }

.main-icon-area { float: left; width: 779px; }

.icon-preview-pane { padding: 20px; text-align: center; border: 1px solid #eee; margin: 0px 15px 15px 15px; }

.icon-preview-pane i, .vf-icon i { display: inline-block; font-size: 16px; }

.icon-preview-pane i.border-style, .vf-icon i.border-style { border: 2px solid #333; padding: 15px; }

.icon-preview-pane i.border-style-circ, .vf-icon i.border-style-circ { border: 2px solid #333; padding: 15px; border-radius: 100%; }

.icon-preview-pane i.background-style, .vf-icon i.background-style { background: #333; color: #fff; padding: 15px; }

.icon-preview-pane i.background-style-circ, .vf-icon i.background-style-circ { background: #333; color: #fff; padding: 15px; border-radius: 100%; }

.icon-preview-pane i.longshadow-style, .vf-icon i.longshadow-style { background: #888; color: #fff; padding: 15px; overflow: hidden; text-shadow: #555 1px 1px, #555 2px 2px, #555 3px 3px, #555 4px 4px, #555 5px 5px, #555 6px 6px, #555 7px 7px, #555 8px 8px, #555 9px 9px, #555 10px 10px, #555 11px 11px, #555 12px 12px, #555 13px 13px, #555 14px 14px, #555 15px 15px, #555 16px 16px, #555 17px 17px, #555 18px 18px, #555 19px 19px, #555 20px 20px, #555 21px 21px; }

.icon-preview-pane i.longshadow-style-circ, .vf-icon i.longshadow-style-circ { background: #888; color: #fff; padding: 15px; overflow: hidden; text-shadow: #555 1px 1px,#555 2px 2px,#555 3px 3px,#555 4px 4px,#555 5px 5px, #555 6px 6px,#555 7px 7px,#555 8px 8px,#555 9px 9px,#555 10px 10px,#555 11px 11px,#555 12px 12px,#555 13px 13px,#555 14px 14px,#555 15px 15px,#555 16px 16px,#555 17px 17px,#555 18px 18px,#555 19px 19px,#555 20px 20px,#555 21px 21px; border-radius: 100%; }

.main-icon-area h4 { margin: 0; padding: 15px; }

.sc-icon-listener { display: none; }

.icon-search-panel { border-bottom: 1px solid #e7e7e7; position: relative; }

.icon-search-panel i { position: absolute; top: 18px; left: 20px; color: #999; }

.icon-search-panel input { display: block; width: 80%; padding: 15px 15px 15px 45px; border: none; box-shadow: none; }

.icon-search-panel input:focus { border: none; box-shadow: none; }

#installer_data div.ioa-information-p { margin-top: 20px; }

/** Main Panel */
div.ioa_admin_panel { width: 923px; margin: 0px 0 0 0px; }

/* ========================================================================================================= */
/* == Options Panels ======================================================================================= */
/* ========================================================================================================= */
/* ============================================================ */
/* == Side Menu =============================================== */
/* ============================================================ */
.ioa_sidenav_wrap { width: 200px; opacity: 0.95; min-height: 700px; position: absolute; top: 0; left: 0; height: 100%; background: #404b57; border-right: 1px solid #404b57; }

ul.ioa_sidenav { clear: left; position: relative; z-index: 99; padding: 0; margin: 0; }

.options-search-bar-wrap { padding: 0 0 10px 0; margin-bottom: 20px; border-bottom: 1px solid #3c444e; }

.options-search-bar { background: #3c444e; margin: 20px 20px 10px 20px; border-radius: 5px; }

.options-search-bar input { float: left; width: 137px; background: none; padding: 8px 5px; color: #91a5be; font-size: 11px; border: none; box-shadow: none; }

.options-search-bar i { float: left; color: #91a5be; padding: 10px 0 0 0; }

.button-default.close-options-search { float: none; display: block; margin: 0; }

.search-close-wrap { margin: 10px 20px 10px 20px; display: none; }

.ioa_sidenav li { display: block; padding: 0; margin: 0 0; padding: 0; position: relative; }

.ioa_sidenav li:last-child { background: none; }

.ioa_sidenav li a { margin-left: 30px; text-decoration: none; text-transform: uppercase; color: #ffffff; display: block; padding: 15px 5px 15px 5px; font-size: 10px; margin: 0; font-weight: 700; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; transition-property: background; transition-duration: 200ms, 200ms; transition-delay: 0s; }

.ioa_sidenav li.ui-state-active a, .ioa_sidenav li:hover a { color: #ffffff; background: #4bbce8; text-shadow: none; }

.ioa_sidenav li span { display: block; margin-left: 10px; }

/** Sub Tabbed Menu */
div.subpanel > ul { margin: 0; padding: 0; background: #404b57; }

div.subpanel > ul li { float: left; text-align: center; color: #7d7d7d; padding: 0px; margin: 0; position: relative; }

div.subpanel > ul li a { padding: 13px 13px; margin: 0; font-size: 12px; display: block; text-shadow: none; color: #fff; text-decoration: none; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; transition-property: background; transition-duration: 200ms, 200ms; transition-delay: 0s; }

div.subpanel > ul li a:hover, div.subpanel > ul li.ui-state-active a { background: #4bbce8; color: #fff; }

div.subpanel > ul li.ui-state-active span.tip { display: block; }

input.sticky-save.button-save { right: 0; padding: 14px 28px 15px 28px; top: 0px; }

@-moz-document url-prefix() { input.sticky-save.button-save { padding: 14px 28px 14px 28px; } }

/* ============================================================ */
/* == Main Tabbed Pane ======================================== */
/* ============================================================ */
#panel-wrapper { float: left; width: 690px; position: relative; z-index: 3; margin: 0px 0 0px 201px; background: #fff; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }

#panel-wrapper.normalize { float: none; width: auto; margin: 0; }

#panel-wrapper > h2 { padding: 13px 20px; border-bottom: 1px solid #eee; margin-bottom: 20px; margin-top: 0; display: none; }

div.ioa_subpanel { padding-top: 30px; min-height: 500px; }

div.ioa_subpanel .ioa_input { padding-left: 50px; }

div.ioa_options div.ioa_input_holder.medium { width: 350px; }

/** Custom Sidebars Options Panel */
#sidebar_manager div.ioa_input label { width: 90%; }

#sidebar_manager div.ioa_input_holder.medium { width: 100%; clear: both; float: none; }

#sidebar_manager div.ioa_input_holder.medium input[type=text] { width: 471px; }

#sidebar_manager a.button-default { margin-top: 2px; padding: 10px 20px; }

div.custom-sidebar-area { margin: 10px; padding: 20px; border: 1px solid #f4f4f4; }

div.sidebar-tag { background: #555; float: left; width: 174px; padding: 12px; margin: 0px 10px 10px 0; position: relative; color: #fff; font-size: 12px; font-style: italic; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; transition-property: background; transition-duration: 200ms, 200ms; transition-delay: 0s; }

div.sidebar-tag:hover { background: #4bbce8; }

div.sidebar-tag i.remove-c-sidebar { color: #fff; position: absolute; top: 1px; right: 1px; font-size: 15px; cursor: pointer; }

/* Panel Title Heading == */
.ioa-top-panel { position: relative; width: 100%; }

.ioa-top-panel input[type=submit] { margin-left: 20px; float: left; }

.ioa-top-panel span { float: left; }

.subtitle-heading:first-child { margin-top: 0px; }

.subtitle-heading { padding: 20px 20px 20px !important; margin: -1px 0 0 0; display: block; background: url(i/plus.png) 97% 20px no-repeat #f2f2f2; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; }

h3.subtitle-heading.minus { background: url(i/panle-minus.png) 97% 20px no-repeat #f2f2f2; }

.subtitle-heading a { font-size: 15px; text-decoration: none; font-weight: 400; color: #443333; padding-left: 0px; display: block; text-shadow: 1px 1px 1px #fff; box-shadow: none !important; }

.subtitle-heading a:hover { color: #217CBE; text-decoration: none; text-shadow: 1px 1px 1px #fff; box-shadow: none !important; }

.subtitle-heading a:focus, .subtitle-heading a:active, .ui-state-active a, .ui-state-active { color: #217CBE; text-decoration: none; text-shadow: 1px 1px 1px #fff; box-shadow: none !important; outline: none !important; }

/* == Information ==== */
div.ioa_options .information { padding-bottom: 25px; }

div.ioa_options .information p { padding: 5px 15px; font-size: 12px; color: #777; line-height: 1.6; }

div.ioa_options .information h2 { padding: 5px 15px; font-size: 16px; color: #777; }

div.ioa_options .information ul { padding: 0 15px; }

div.ioa_options .information img { margin: 0 15px 15px; }

/* == ADMIN sidebar metabox UI ======================== */
.ioa-layout { margin: 10px; }

.ioa-layout li { float: left; margin: 4px; }

.ioa-layout li input[type=radio] { visibility: hidden; }

.ioa-layout li label { width: 61px; height: 61px; display: block; }

.ioa-layout li.active label { border: 1px solid #ddd; }

.ioa-layout li.full-width label { background: url(i/layout-sprites.jpg) -10px -10px no-repeat; }

.ioa-layout li.hasLeftSidebar label { background: url(i/layout-sprites.jpg) -110px -10px no-repeat; }

.ioa-layout li.hasRightSidebar label { background: url(i/layout-sprites.jpg) -210px -10px no-repeat; }

.ioa-layout li.hasDoubleLeftSidebar label { background: url(i/layout-sprites.jpg) -510px -10px no-repeat; }

.ioa-layout li.hasDoubleRightSidebar label { background: url(i/layout-sprites.jpg) -410px -10px no-repeat; }

.ioa-layout li.hasDoubleSidebar label { background: url(i/layout-sprites.jpg) -310px -10px no-repeat; }

/* ============================================================ */
/* == Iconable ================================================ */
/* ============================================================ */
.home-layout { margin: 10px; }

.home-layout li { float: left; margin: 4px; }

.home-layout li a { width: 61px; height: 61px; display: block; }

.home-layout li.active a { border: 1px solid #ddd; }

.home-layout li.full-width a { background: url(i/layout-sprites.jpg) -10px -10px no-repeat; }

.home-layout li.hasLeftSidebar a { background: url(i/layout-sprites.jpg) -110px -10px no-repeat; }

.home-layout li.hasRightSidebar a { background: url(i/layout-sprites.jpg) -210px -10px no-repeat; }

.post-layout, .page-layout { margin: 10px; }

.post-layout li, .page-layout li { cursor: pointer; border: 1px solid transparent; float: left; position: relative; }

.post-layout li:hover, .page-layout li:hover, .post-layout li.active, .page-layout li.active { border: 1px solid #ddd; box-shadow: 0px 0px 2px 1px #eee; }

.post-layout li.full, .page-layout li.full { width: 90px; height: 112px; background: url(i/page_layout_sprites.png) -3px 0px; }

.post-layout li.left-sidebar, .page-layout li.left-sidebar { width: 90px; height: 112px; background: url(i/page_layout_sprites.png) -106px 0px no-repeat; }

.post-layout li.right-sidebar, .page-layout li.right-sidebar { width: 90px; height: 112px; background: url(i/page_layout_sprites.png) -213px 0px no-repeat; }

.post-layout li span, .page-layout li span { display: none; position: absolute; bottom: -35px; left: 24px; background: #4bbce8; border-radius: 2px; padding: 4px 9px; color: #fff; font-size: 10px; }

.post-layout li.active span, .page-layout li.active span { display: block; }

.footer-layout { margin: 10px; display: block; width: 500px; float: left; }

.footer-layout li { float: left; margin: 4px; position: relative; }

.footer-layout li a { width: 61px; height: 61px; display: block; border: 1px solid transparent; }

.footer-layout li a:hover, .footer-layout li.active a { border: 1px solid #bbb; box-shadow: 0px 0px 2px 1px #eee; }

.footer-layout li.two-col a { background: url(i/layout-sprites.jpg) -610px -10px no-repeat; }

.footer-layout li.three-col a { background: url(i/layout-sprites.jpg) -710px -10px no-repeat; }

.footer-layout li.four-col a { background: url(i/layout-sprites.jpg) -10px -110px no-repeat; }

.footer-layout li.five-col a { background: url(i/layout-sprites.jpg) -110px -110px no-repeat; }

.footer-layout li.six-col a { background: url(i/layout-sprites.jpg) -210px -110px no-repeat; }

.footer-layout li.one-third a { background: url(i/layout-sprites.jpg) -310px -110px no-repeat; }

.footer-layout li.one-fourth a { background: url(i/layout-sprites.jpg) -410px -110px no-repeat; }

.footer-layout li.one-fifth a { background: url(i/layout-sprites.jpg) -510px -110px no-repeat; }

.footer-layout li span { display: none; position: absolute; bottom: -32px; left: 10px; background: #4bbce8; border-radius: 2px; padding: 4px 9px; color: #fff; font-size: 10px; }

.footer-layout li.active span { display: block; }

.custom-layout-area { border: 1px solid #ddd; border-radius: 4px; margin: 5px 20px; background: #fff; }

.custom-layout-area .custom_canvas { width: 500px; margin: 60px auto; border: 1px solid #ddd; padding: 0; }

.custom-layout-area .custom_canvas h5 { display: block; color: #333; font-size: 13px; text-align: center; }

.custom-layout-area .custom_canvas span { display: block; color: #888; font-size: 12px; text-align: center; }

.custom-layout-area .custom_canvas .main-area { width: 300px; float: left; margin: 0; padding: 0; height: 200px; position: relative; }

.custom-layout-area .custom_canvas .sidebar { width: 200px; float: left; margin: 0; padding: 0; height: 200px; }

.ui-resizable { position: relative; }

.ui-resizable-handle { position: absolute; top: 0; right: 0; width: 5px; background: #cbe3ff; height: 200px; border-left: 1px dotted #738ba9; border-right: 1px dotted #738ba9; z-index: 99999; display: block; }

.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }

.preview-font { margin: 20px; background: #fafafa; border: 1px solid #E6E6E6; padding: 30px; -webkit-border-radius: 3px; border-radius: 3px; border-width: 1px; border-style: solid; }

/** Search code */
.ioa-search-mode div.subpanel > ul, .ioa-search-mode .ioa_sidenav, .ioa-search-mode .ioa-information-p, .ioa-search-mode .ioa_input, .ioa-search-mode .ioa-top-panel, .ioa-search-mode .custom-sidebar-area, .ioa-search-mode #misc .button-save { display: none; }

.ioa-search-mode div.ioa_subpanel { height: auto; overflow: visible; padding-top: 0; min-height: 0; }

.ioa-search-mode #GeneralSettings { padding-top: 0px; }

.ioa-search-mode .sticky-save { display: none; }

.ioa-search-mode #GeneralSettings .sticky-save { display: block; }

.ioa-search-mode #panel-wrapper > h2 { display: block; }

a.button-default.import-options-panel-settings { margin: 20px 0px 0px 0px; }

a.button-default.export-options-panel-settings { margin-left: 0; }

/** Header Construction Stylings */
input.sticky-save.button-save::-moz-focus-inner { border: 0; padding: 0; margin: 0; }

.ioa_wrap .hide { display: none; }

.ioa-query-box input[type=text] { float: left; width: 120px; }

.ioa-query-box a.button-default { float: left; margin: 1px 0px 0px 14px; font-size: 11px; padding: 11px; }

a.button-default:focus { color: #fff; }

a.save-header-data { cursor: pointer; text-decoration: none; display: inline-block; background: url(i/button-gloss.png) #16b99c; padding: 10px 12px; outline: none; border: none; text-shadow: none; color: #fff; font-weight: 600; margin: 3px 20px 20px 10px; text-transform: uppercase; font-size: 11px; float: left; padding: 13px 24px; margin: 0px 0px 0px 0px; }

a.delete-header-data { cursor: pointer; text-decoration: none; display: inline-block; background: url(i/button-gloss.png) #16b99c; padding: 10px 12px; outline: none; border: none; text-shadow: none; color: #fff; font-weight: 600; margin: 3px 20px 20px 10px; text-transform: uppercase; font-size: 11px; float: right; padding: 10px 16px; margin: 3px 3px 0px 0px; background: #d10f21; }

a.header-reset-settings { float: right; padding: 10px 15px; }

.ioa_panel_wrap a.delete-header-data { float: right; }

a.save-header-data:hover, a.save-header-data:focus { color: #fff; }

a.delete-header-data:hover, a.delete-header-data:focus { color: #fff; }

#hcon_layout .toolbox { background: #49535f; padding: 0px; margin: 0px 0px; }

#hcon_layout .toolbox > a { margin: 0 1px 0 0; float: left; padding: 14px 15px; }

#hcon_layout .toolbox > a.button-error { float: right; margin-right: 0; }

#hcon_layout .subpanel { border-bottom: 1px solid #e7e7e7; margin-bottom: 20px; }

#hcon_layout .subpanel .ioa_input { float: left; }

#hcon_layout .subpanel .ioa_input label { padding-top: 9px; width: 94px; }

div.hcon-widget { padding: 10px 20px; float: left; cursor: move; background: #888; color: #fff; margin: 5px; width: 122px; position: relative; }

div.hcon-widget span { display: block; text-align: center; }

div.hcon-widget .save-data { display: none; }

.hcon-lightbox { position: fixed; top: 100px; left: 200px; bottom: 100px; right: 100px; z-index: 99999; background: #fff; box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.3); display: none; }

.hcon-lightbox h4 { padding: 20px; margin: 0; background: #708093; color: #fff; position: relative; }

div.hcon-body { height: 90%; background: #fff; overflow: auto; }

div.hcon-body .inner-hcon-wrap { padding: 20px; }

.hcon-body a.save-ioa-module { display: none; }

a.close-hcon.button-default { position: absolute; top: 13px; right: 13px; margin: 0 0 0px 0; }

.hcon-widget a.edit-hcon-widget, .hcon-widget a.delete-hcon-widget, .hcon-widget a.clone-hcon-widget { display: none; }

.placeholder .opts-panel { position: absolute; top: -32px; right: 0; display: none; }

.placeholder .opts-panel > a { float: left; }

.placeholder .hcon-widget a.edit-hcon-widget { background: url(i/button-gloss.png) #444444; color: #fff; display: block; padding: 10px; }

.placeholder .hcon-widget a.delete-hcon-widget { background: url(i/button-gloss.png) #d10f21; color: #fff; display: block; padding: 10px; }

.placeholder .hcon-widget a.clone-hcon-widget { background: url(i/button-gloss.png) #444444; color: #fff; display: block; padding: 10px; }

.inner-holder { border: 1px solid #ddd; margin: 10px 20px; clear: both; }

.hcon-holder .hcon-section-name { float: left; font-size: 11px; margin-left: 20px; margin-top: 4px; }

.hcon-holder > div.ioa_input { padding: 0; float: right; }

.hcon-holder > div.ioa_input label { width: auto; padding: 4px; }

.hcon-holder > div.ioa_input div.ioa_input_holder.medium { width: 99px; }

.hcon-holder > div.ioa_input div.ioa_input_holder.medium div.ioa_select_wrap { width: 60px; background: url("i/dropdown.png") no-repeat scroll 122% -8px white; }

.hcon-holder > div.ioa_input div.ioa_input_holder.medium div.ioa_select_wrap select { width: 97px; height: 18px; padding: 1px 2px; font-size: 11px; line-height: 1; }

.left-area { float: left; margin: 5px; border: 2px dashed #eee; min-height: 80px; min-width: 150px; position: relative; }

.right-area { float: right; margin: 5px; border: 2px dashed #eee; min-height: 80px; min-width: 150px; position: relative; }

.left-area > span, .right-area > span { position: absolute; display: block; width: 100%; text-align: center; top: 40%; font-size: 11px; color: #ccc; }

.hcon-widgets { position: relative; z-index: 10; padding: 0 15px; }

.hcon-container-dropping { border-color: #333; }

.left-area .hcon-widget, .right-area .hcon-widget { position: relative; z-index: 5; padding: 26px 20px; background: #4bbce8; font-size: 11px; font-weight: bold; }

.hcon-panel { padding: 15px; border-bottom: 1px solid #eee; margin-bottom: 15px; display: none; }

.hcon-panel input { padding: 7px 15px; }

div.create-slider-section { background: #49535f; padding: 20px; margin: 0px 0px 20px 0px; }

div.create-slider-section input[type=text] { border: none; outline: none; background: #fff; float: left; color: #666; font-size: 16px; border-radius: 0; padding: 10px 9px; width: 483px; }

div.create-slider-section a.button-default { margin: 1px 0px 0px 15px; float: left; padding: 13px 35px; }

div.create-slider-section a.button-default:focus { color: #fff; }

div.slider-title-area { margin: 0px 20px 20px 20px; }

div.slider-title-area h4 { float: left; border-bottom: 1px solid #eee; color: #7f8389; font-size: 17px; font-weight: 300; padding-bottom: 7px; }

div.filter-media-list { float: right; padding-top: 20px; }

div.slider-list { margin: 20px; }

div.slider-list > div { background: #708093; position: relative; margin-bottom: 4px; }

div.slider-item a, div.slider-item h6 { float: left; margin: 0; padding: 0; color: #fff; }

div.slider-item a.edit-icon { padding: 19px; color: #fff; background: #67778a; font-size: 18px; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; transition-property: background-color; transition-duration: 200ms, 200ms; transition-delay: 0s; }

div.slider-item a.edit-icon:hover { background: #4bbce8; }

div.slider-item a.close { position: absolute; top: 1px; right: 1px; color: #fff; font-size: 14px; }

div.slider-item span.shortcode { float: right; padding: 2px 4px; font-size: 10px; font-weight: 600; color: #fff; margin-top: 18px; margin-right: 20px; }

div.slider-item h6 { padding: 18px 0 0 20px; font-size: 13px; color: #fff; font-weight: 700; }

div.preview-pane-wrap { height: 300px; margin: 20px 15px 20px 15px; position: relative; }

div.preview-pane { height: 300px; background: url(i/ps_neutral.png); position: absolute; top: 0; left: 0; width: 100%; box-shadow: 0px 0px 10px #eee inset; }

div.preview-pane img { max-width: 100%; }

#slider_slides p.note { padding: 20px; margin: 15px; background: #2fa7bd; color: #fff; text-align: center; }

#slider_slides .toolbox > a#add_media_slides, #slider_slides .toolbox > a#add_media_quantum { float: right; }

#slider_slides .toolbox > a#add_media_quantum { margin-right: 0; }

#slider_slides .toolbox, #slider_options .toolbox { background: #49535f; padding: 0px; margin: 0px 0px; }

#slider_slides .toolbox > a, #slider_options .toolbox > a { margin: 0 1px 0 0; float: left; padding: 14px 15px; }

#slider_slides .toolbox > a.button-error { float: right; margin-right: 0; }

.inner-slide-body-wrap { padding: 0px; }

/**
*   Tab
*/
.slider-component-tab { position: relative; }

.slider-component-tab div.inner-slide-body-wrap > ul { margin: 0px; padding: 0; background: #fff; border-bottom: 1px solid #ddd; }

.slider-component-tab div.inner-slide-body-wrap > ul li { float: left; text-align: center; color: #7d7d7d; padding: 0px; margin: 0px; position: relative; list-style: none; }

.slider-component-tab div.inner-slide-body-wrap > ul li a { border-top: 1px solid transparent; padding: 13px 25px; margin: 0; display: block; color: #a7a7a7; text-decoration: none; font-size: 11px; border-top: 1px solid transparent; text-shadow: none; }

.slider-component-tab div.inner-slide-body-wrap > ul li a:hover, .slider-component-tab div.inner-slide-body-wrap > ul li.ui-state-active a { background: #4bbce8; color: #fff; }

.slider-component-tab div.ui-tabs-panel { padding: 0px 15px 0px 15px; }

#panel-wrapper { position: relative; z-index: 999; }

div.media-slide.ui-sortable-placeholder { width: 150px; }

div.media-slide div.inner-body-wrap { padding: 20px; }

div.media-slide div.slider-component-tab { z-index: 100; display: none; background: #fff; }

div.media-slide { border: 1px solid #eee; margin-bottom: 4px; position: relative; background: #fff; }

div.media-slide-head { background: #fff; box-shadow: 0px -1px 0px #eee inset; position: relative; cursor: move; z-index: 2; }

div.media-slide-head > img { height: 75px; width: 75px; display: block; float: left; }

div.media-slide-head > span.mm-filler { height: 75px; width: 75px; display: block; float: left; background: #444; }

div.media-slide-head > a { position: absolute; text-decoration: none; display: none; }

div.media-slide-head > a { color: #fff; }

div.media-slide-head > a.mslide-edit { padding: 31px 0; height: 14px; width: 75px; text-align: center; opacity: 0.8; background: #708093; bottom: 0px; left: 0; right: 0; }

div.media-slide-head > a.mslide-delete { color: #dc1427; top: 0px; right: -20px; display: block; }

div.media-slide-head h6 { float: left; color: #333; font-size: 14px; margin: 27px 0px 0px 20px; }

div.media-slide div.ioa_input { padding: 7px; }

div.media-slide div.ioa_input_holder.medium { float: none; width: 90%; }

div.media-slide label { float: none; width: 90%; }

div.media-slide div.ioa_input_holder.medium div.image_upload_wrap input[type=text] { width: 263px; }

div.media-slide div.ioa_input_holder.medium div.ioa_select_wrap { width: 333px; }

div.media-slide div.ioa_input_holder.medium textarea { width: 352px; }

a.close-media-body { font-size: 21px; position: absolute; top: 10px; right: 10px; color: #4bbce8; }

div.title-stub, div.caption-stub { position: absolute; z-index: 10; }

div.title-stub { left: 15px; top: 30%; }

div.caption-stub { left: 15px; top: 40%; }

div.title-stub { color: #3b4048; background: rgba(255, 255, 255, 0.9); font-size: 17px; padding: 7px 14px; }

div.caption-stub { color: #3b4048; background: rgba(255, 255, 255, 0.9); font-size: 13px; padding: 7px 14px; max-width: 50%; }

.mm-bg-listener { display: none; }

.slides-area-wrap { padding: 20px; }

#slider_slides .toolbox > a#add_media_video { margin-left: 1px; }

.slide-pos-grid { width: 100%; border: 1px solid #eee; }

.slide-pos-grid div { float: left; cursor: pointer; width: 33.33%; box-shadow: 1px 1px 0px #eee; height: 20px; text-align: center; padding: 30px 0; }

.slide-pos-grid div.active { background: #eee; }

input.sticky-save.button-save::-moz-focus-inner { border: 0; padding: 0; margin: 0; }

.ioa_wrap .hide { display: none; }

.ioa-query-box input[type=text] { float: left; width: 120px; }

.ioa-query-box a.button-default { float: left; margin: 1px 0px 0px 14px; font-size: 11px; padding: 11px; }

a.button-default:focus { color: #fff; }

div.create-cp-section { background: #49535f; padding: 20px; margin: 0px 0px 20px 0px; }

div.create-cp-section input[type=text] { border: none; outline: none; background: #fff; float: left; color: #666; font-size: 16px; border-radius: 0; padding: 10px 9px; width: 483px; }

div.create-cp-section a.button-default { margin: 1px 0px 0px 15px; float: left; padding: 13px 15px; }

div.create-cp-section a.button-default:focus { color: #fff; }

div.cp-title-area { margin: 0px 20px 20px 20px; }

div.cp-title-area h4 { float: left; border-bottom: 1px solid #eee; color: #7f8389; font-size: 17px; font-weight: 300; padding-bottom: 7px; }

div.filter-media-list { float: right; padding-top: 20px; }

div.filter-media-list span { float: left; color: #58656b; padding-top: 5px; margin-right: 20px; }

div.filter-media-list ul { float: left; margin: 0; padding: 0; border-radius: 4px; border: 1px solid #d3e1e7; }

div.filter-media-list ul li { float: left; margin: 0; padding: 0; background: url(i/button-gloss.png) #708093; color: #fff; font-size: 10px; }

div.filter-media-list ul li a { text-decoration: none; color: #fff; padding: 5px 18px; display: block; }

div.filter-media-list ul li:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

div.filter-media-list ul li:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

div.filter-media-list ul li.active { background: url(i/button-gloss.png) #4bbce8; box-shadow: none; }

div.cp-list { margin: 20px; }

div.cp-list > div { background: #708093; position: relative; margin-bottom: 4px; }

div.cp-item a, div.cp-item h6 { float: left; margin: 0; padding: 0; color: #fff; }

div.cp-item a.edit-icon { padding: 19px; color: #fff; background: #67778a; font-size: 18px; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; transition-property: background-color; transition-duration: 200ms, 200ms; transition-delay: 0s; }

div.cp-item a.edit-icon:hover { background: #4bbce8; }

div.cp-item a.close { position: absolute; top: 1px; right: 1px; color: #fff; font-size: 14px; }

div.cp-item span.shortcode-helper { float: right; background: #6d8088; padding: 2px 4px; font-size: 10px; font-weight: 600; border-radius: 3px; color: #fff; margin-top: 18px; margin-right: 2px; display: none; }

div.cp-item span.shortcode { float: right; background: #ef901f; padding: 2px 4px; font-size: 10px; font-weight: 600; border-radius: 3px; color: #fff; margin-top: 18px; margin-right: 20px; }

div.cp-item h6 { padding: 18px 0 0 20px; font-size: 13px; color: #fff; font-weight: 700; }

#cp_slides .toolbox > a#add_media_slides, #cp_slides .toolbox > a#add_media_quantum { float: right; }

#cp_slides .toolbox > a#add_media_quantum { margin-right: 0; }

#cp_slides .toolbox, #cp_options .toolbox { background: #49535f; padding: 0px; margin: 0px 0px; }

#cp_slides .toolbox > a, #cp_options .toolbox > a { margin: 0 1px 0 0; float: left; padding: 14px 15px; }

#cp_slides .toolbox > a.button-error { float: right; margin-right: 0; }

#cp_options .information { padding: 20px; background: #2fa7bd; margin: 0; color: #fff; text-align: center; }

.metaboxes-list { margin: 15px; }

#cp_options .information p { color: #fff; }

div.preview-pane-wrap { height: 300px; margin: 20px 15px 20px 15px; position: relative; }

div.preview-pane { overflow: hidden; height: 300px; background: url(i/ps_neutral.png); position: absolute; top: 0; left: 0; width: 100%; box-shadow: 0px 0px 10px #eee inset; }

div.preview-pane img { max-width: 100%; }

/**
*   Tab
*/
.cp-component-tab { position: relative; }

.cp-component-tab div.inner-slide-body-wrap > ul { margin: 0px; padding: 0; }

.cp-component-tab div.inner-slide-body-wrap > ul li { float: left; text-align: center; color: #7d7d7d; padding: 0px; margin: 14px 0px 0 0px; position: relative; list-style: none; }

.cp-component-tab div.inner-slide-body-wrap > ul li a { border-top: 1px solid transparent; padding: 13px 25px; margin: 0; display: block; color: #a7a7a7; text-decoration: none; font-size: 11px; border-top: 1px solid transparent; }

.cp-component-tab div.inner-slide-body-wrap > ul li a:hover, .cp-component-tab div.inner-slide-body-wrap > ul li.ui-state-active a { border-top: 1px solid #18c0e4; border-top-left-radius: 2px; border-top-right-radius: 2px; box-shadow: 0px -4px 5px #eee; background: #fff; color: #444444; }

.cp-component-tab div.ui-tabs-panel { padding: 0px 15px 0px 15px; }

div.cp-slide div.CP-component-tab { display: none; }

div.cp-slide div.inner-slide-body-wrap { padding: 10px 0; }

div.custompostsmanager { background: #fff; margin: 15px; }

.CP-component-body { padding: 30px; }

.CP-component-body div.ioa_input_holder.medium { width: 350px; }

.CP-component-body div.ioa_input_holder.medium div.ioa_select_wrap { width: 333px; }

div.cp-slide { position: relative; }

div.cp-slide-head { background: #708093; position: relative; z-index: 2; }

div.cp-slide-head > a { text-decoration: none; float: left; padding: 18px; }

div.cp-slide-head > a i { color: #637d8e; color: #fff; font-size: 16px; display: block; line-height: 1; }

div.cp-slide-head > a.mcp-edit { background: #67778a; transition: all 1s ease-in-out; transition-property: background-color; transition-duration: 200ms, 200ms; transition-delay: 0s; }

div.cp-slide-head > a.mcp-edit:hover { background: #4bbce8; }

div.cp-slide-head > a.mcp-delete { color: #fff; position: absolute; top: 1px; right: 1px; color: #fff; font-size: 14px; padding: 0; }

div.cp-slide-head > span { float: left; margin-top: 14px; margin-left: 10px; font-weight: 700; color: #fff; }

div.cp-slide-head > span.use { float: right; margin-right: 20px; font-weight: 400; padding: 0px; font-size: 10px; }

div.cp-slide div.input-image-preview { display: none; }

div.cp-slide div.ioa_input { padding: 7px; }

div.ioac-delete-message { margin: 20px; text-align: center; background: #eee; padding: 20px; display: none; border-radius: 2px; }

div.ioac-delete-message p { margin-top: 0; }

div.ioac-delete-message > a.button-default { margin-bottom: 0; }

div.custom_post_input.ioa_input label { width: auto; }

div.custom_post_input { background: #fafafa; border-bottom: 1px solid #eee; }

div.custom_post_input div.ioa_input_holder.long, div.custom_post_input div.ioa_input_holder.long input[type=text] { width: 100%; }

/* =============================================================== */
/* == Backgend Mega Menu Styling ================================= */
/* =============================================================== */
.h-megamenu .admin-button { margin: 4px 0px 6px 0px; padding: 4px 8px; }

.h-megamenu p label { float: left; width: 120px; }

.h-megamenu p input[type=checkbox] { float: left; }

.ioa_megamenu_box input[type=checkbox] { margin: 10px; float: left; clear: right; }

.ioa_megamenu_box select { float: left; margin-top: 7px; margin-left: 10px; }

.ioa_megamenu_box label { float: left; margin-top: 8px; }

.ioa_megamenu_box textarea { display: none; clear: both; }

.item-type-hmenu { position: absolute; top: 0; left: -80px; width: 80px; }

.item-type-h-column { position: absolute; top: 0; left: -55px; width: 55px; }

.item-type-h-column, .item-type-h-widget, .item-type-hmenu, .ioa_megamenu_row_box { display: none; }

.hmenu_info { font-size: 10px; font-style: inherit; color: #333333; display: block; margin: 2px; background: #eee; }

.menu-item-settings a.button-default { margin: 0; }

textarea.hyper-menu-top-text-holder, textarea.textbox { display: block; width: 97%; height: 100px; }

textarea.hyper-menu-top-text-holder { margin: 10px 0px 10px 5px; }

.icon-field { width: 70px; }

.menu-icon-area { position: relative; z-index: 10; }

.ioa-custom-menu-settings { clear: both; padding: 10px; border: 1px solid #eee; margin: 10px 10px 10px 0; display: none; }

.ioa-custom-menu-settings p.description { display: block; float: none; margin: 5px; width: 95%; height: auto; }

.ioa-test-deletion { color: #555; font-size: 11px; left: -21px; padding: 6px; top: 9px; opacity: 0.2; }

.ioa-test-deletion:hover { color: #d10f21; }

.menu-item-handle:hover .ioa-test-deletion { opacity: 1; }

.menu-item-depth-1 .ioa_megamenu_box { display: none; }

.menu-item-depth-0 .ioa_megamenu_sidebar_box { display: none; }

#post-body-content { position: relative; }

.ioa-title-edit-wrap { position: absolute; top: 0px; right: 0; }

.ioa-title-settings-trigger { background: url(i/button-gloss.png) #708093; border-top-right-radius: 2px; border-bottom-right-radius: 2px; color: #fff; padding: 12px 13px 13px; }

.ioa-title-settings-trigger:focus, .ioa-title-settings-trigger:hover { background: url(i/button-gloss.png) #4bbce8; color: #fff; }

.rtl .ioa-title-edit-wrap { left: 0; right: auto; }

.rtl .ioa-title-settings-trigger { border-radius: 0; }

.ioa-custom-templates { display: none; }

/** Title Lightbox Settings */
.ioa-title-overlay { position: fixed; top: 0; left: 0; z-index: 9990; bottom: 0; right: 0; background: #000; opacity: 0.7; display: none; }

.ioa-title-lightbox { overflow: hidden; display: none; position: fixed; top: 70px; left: 40px; bottom: 40px; right: 40px; z-index: 9999; background: #fff; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); }

.ioa-title-lightbox-head { padding: 15px; background: #708093; border-bottom: 1px solid #3c444e; }

.ioa-title-lightbox-head h3 { padding: 0px; margin: 0; color: #fff; }

.ioa-title-lightbox-head .ioa-front-icon { font-size: 18px; position: absolute; top: 10px; right: 10px; color: #fff; }

.ioa-title-lightbox-body { overflow: auto; height: 92%; }

.ioa-title-lightbox-tabs ul { margin: 0; padding: 0; background: #49535f; display: block; }

.ioa-title-lightbox-tabs ul li { float: left; margin: 0; padding: 0; }

.ioa-title-lightbox-tabs ul li a { margin: 0; padding: 15px 20px; display: block; color: #fff; text-decoration: none; font-size: 12px; font-weight: 600; transition: all 1s ease-in-out; transition-property: background; transition-duration: 200ms, 200ms; transition-delay: 0s; }

.ioa-title-lightbox-tabs ul li.ui-state-active a, .ioa-title-lightbox-tabs ul li:hover a { background: #4bbce8; color: #fff; text-shadow: none; }

.ioa-title-lightbox-tabs ul li a:hover, .ioa-title-lightbox-tabs ul li a:focus { color: #fff; }

.ioa-title-mod-section { padding: 20px; }

.ioa-title-filter { display: none; }

/** Custom Posts Lightbox Settings */
.ioa-custom_post-overlay { position: fixed; top: 0; left: 0; z-index: 9990; bottom: 0; right: 0; background: #000; opacity: 0.7; display: none; }

.ioa-custom_post-lightbox { overflow: hidden; display: none; position: fixed; top: 70px; left: 40px; bottom: 40px; right: 40px; z-index: 9999; background: #fff; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); }

.ioa-custom_post-lightbox-head { padding: 15px; background: #708093; border-bottom: 1px solid #3c444e; }

.ioa-custom_post-lightbox-head h3 { padding: 0px; margin: 0; color: #fff; }

.ioa-custom_post-lightbox-head .ioa-front-icon { font-size: 18px; position: absolute; top: 10px; right: 10px; color: #fff; }

.rtl .ioa-custom_post-lightbox-head .ioa-front-icon { left: 10px; right: auto; }

.ioa-custom_post-lightbox-body { overflow: auto; height: 92%; }

.ioa-custom_post-lightbox-tabs ul { margin: 0; padding: 0; background: #49535f; display: block; }

.ioa-custom_post-lightbox-tabs ul li { float: left; margin: 0; padding: 0; }

.ioa-custom_post-lightbox-tabs ul li a { margin: 0; padding: 15px 20px; display: block; color: #fff; text-decoration: none; font-size: 12px; font-weight: 600; transition: all 1s ease-in-out; transition-property: background; transition-duration: 200ms, 200ms; transition-delay: 0s; }

.ioa-custom_post-lightbox-tabs ul li.ui-state-disabled { opacity: 0; display: none; }

.ioa-custom_post-lightbox-tabs ul li.ui-state-active a, .ioa-custom_post-lightbox-tabs ul li:hover a { background: #4bbce8; color: #fff; text-shadow: none; }

.ioa-custom_post-lightbox-tabs ul li a:hover, .ioa-custom_post-lightbox-tabs ul li a:focus { color: #fff; }

.ioa-custom_post-mod-section { padding: 20px; }

/** Page Lightbox Settings */
.ioa-page-overlay { position: fixed; top: 0; left: 0; z-index: 9990; bottom: 0; right: 0; background: #000; opacity: 0.7; display: none; }

.ioa-page-lightbox { overflow: hidden; display: none; position: fixed; top: 70px; left: 40px; bottom: 40px; right: 40px; z-index: 9999; background: #fff; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); }

.ioa-page-lightbox-head { padding: 15px; background: #708093; border-bottom: 1px solid #3c444e; }

.ioa-page-lightbox-head h3 { padding: 0px; margin: 0; color: #fff; }

.ioa-page-lightbox-head .ioa-front-icon { font-size: 18px; position: absolute; top: 10px; right: 10px; color: #fff; }

.ioa-page-lightbox-body { overflow: auto; height: 92%; }

.rtl .ioa-page-lightbox-head .ioa-front-icon { left: 10px; right: auto; }

.ioa-page-lightbox-tabs ul { margin: 0; padding: 0; background: #49535f; display: block; }

.ioa-page-lightbox-tabs ul li { float: left; margin: 0; padding: 0; }

.ioa-page-lightbox-tabs ul li a { margin: 0; padding: 15px 20px; display: block; color: #fff; text-decoration: none; font-size: 12px; font-weight: 600; transition: all 1s ease-in-out; transition-property: background; transition-duration: 200ms, 200ms; transition-delay: 0s; }

.ioa-page-lightbox-tabs ul li.ui-state-active a, .ioa-page-lightbox-tabs ul li:hover a { background: #4bbce8; color: #fff; text-shadow: none; }

.ioa-page-lightbox-tabs ul li a:hover, .ioa-page-lightbox-tabs ul li a:focus { color: #fff; }

.ioa-page-mod-section { padding: 20px; }

.rad-widget-settings #excerpt { height: 36px !important; }

.pt-filter { display: none; }

.bt-filter { display: none; }

/** Context Bar Settings */
ul.ioa-context-bar { background: url(i/button-gloss.png) #708093; border-radius: 2px; float: left; margin: 0 20px 10px 0; }

ul.ioa-context-bar li { float: left; margin: 0; }

ul.ioa-context-bar li a { display: block; color: #fff; text-decoration: none; font-weight: 700; font-size: 11px; padding: 7px 15px; margin: 0; border-left: 1px solid #606e7f; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; transition-property: border; transition-duration: 200ms, 200ms; transition-delay: 0s; }

ul.ioa-context-bar li:first-child a { border-left: none; border-top-left-radius: 2px; border-bottom-left-radius: 2px; }

ul.ioa-context-bar li:hover a { background-color: #4bbce8; }

/** Template Bar Settings */
.ioa-page-settings-wrap { position: relative; }

.custom-template-wrap { width: 200px; position: relative; }

.custom-template-wrap .ioa-tooltip { margin-left: 0; bottom: 32px; }

.ioa-page-settings-wrap .ioa-tooltip { margin-left: 0; bottom: 32px; }

ul.ioa-template-bar { background: url(i/button-gloss.png) #708093; border-radius: 2px; float: right; margin: 0 0px 10px 0; }

ul.ioa-template-bar li { float: left; margin: 0; color: #fff; font-size: 11px; }

ul.ioa-template-bar li a { display: block; color: #fff; text-decoration: none; font-weight: 700; font-size: 11px; box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3); padding: 7px 20px; margin: 0; border-left: 1px solid #606e7f; transition: all 1s ease-in-out; transition-property: border; transition-duration: 200ms, 200ms; transition-delay: 0s; }

ul.ioa-template-bar li:first-child a { border-left: none; }

ul.ioa-template-bar li p { margin: 0; padding: 7px 15px; font-size: 11px; }

ul.ioa-template-bar li:hover a { background-color: #4bbce8; }

ul.ioa-template-bar li a.set-template { border-top-left-radius: 2px; border-bottom-left-radius: 2px; }

ul.ioa-template-bar li a.set-template-settings { border-top-right-radius: 2px; border-bottom-right-radius: 2px; }

.set-template-settings-wrap { display: none; }

div.custom-template-select-wrap { overflow: hidden; background: url(i/dropdown-custom.png) 96% 12px no-repeat; padding: 0px 17px 0px 0; outline: none; color: #fff; font-size: 12px; }

div.custom-template-select-wrap select { -webkit-appearance: none; background: transparent !important; border: none; cursor: pointer; display: block; vertical-align: center; padding: 0px 0px 7px 5px; height: 30px; width: 120%; color: #fff; font-size: 12px; }

div.custom-template-select-wrap select option { background: #fff; color: #444; padding: 2px; }

@-moz-document url-prefix() { div.custom-template-select-wrap select { padding: 5px 0px 7px 5px; } }

/** Page Builder */
#rad_backend_buider { display: none; }

/** Featured Media */
#ioa_featured_media div.ioa_input { padding: 10px 0; }

#ioa_featured_media div.ioa_input_holder.medium { width: 100%; }

#ioa_featured_media div.ioa_input_holder div.ioa_select_wrap { width: 100%; padding: 0; }

#ioa_featured_media div.ioa_input_holder.medium div.ioa_select_wrap select { max-width: none; width: 120%; }

#ioa_featured_media div.ioa_input_holder.medium input[type=text] { width: 100%; }

#ioa_featured_media div.ioa_input_holder.medium div.image_upload_wrap input[type=text] { width: 58%; }

#ioa_featured_media .ioa_input .ui-slider { width: 135px; margin-right: 10px; }

#ioa_featured_media div.ioa_input_holder.medium input[type=text].slider-input { width: 18%; padding: 10px 6px; }

#ioa_images .ioa-information { background: #708093; font-size: 12px; color: #fff; text-align: center; padding: 10px; }

#ioa_featured_media .ioa-gallery-item { float: left; width: 50px; height: 50px; position: relative; cursor: move; }

#ioa_featured_media .ioa-gallery-item a { position: absolute; text-align: center; color: #fff; background: #4bbce8; top: 0; left: 0; width: 15px; padding: 1px 0; display: none; }

#ioa_featured_media .ioa-gallery-item img { max-width: 100%; height: auto; display: block; }

/** Single Portfolio Images */
#ioa_portfolio_images .ioa-image-area, #ioa_thumbnail_management .ioa-image-area { padding: 10px; }

#ioa_portfolio_images .ioa-gallery-item, #ioa_thumbnail_management .ioa-gallery-item { float: left; width: 75px; height: 75px; position: relative; cursor: move; }

#ioa_portfolio_images .ioa-gallery-item a, #ioa_thumbnail_management .ioa-gallery-item a { position: absolute; text-align: center; color: #fff; background: #4bbce8; top: 0; left: 0; width: 15px; padding: 1px 0; display: none; }

#ioa_portfolio_images .ioa-gallery-item img, #ioa_thumbnail_management .ioa-gallery-item img { max-width: 100%; height: auto; display: block; }

input.sticky-save.button-save::-moz-focus-inner { border: 0; padding: 0; margin: 0; }

.ioa_wrap .hide { display: none; }

.ioa-query-box input[type=text] { float: left; width: 120px; }

.ioa-query-box a.button-default { float: left; margin: 1px 0px 0px 14px; font-size: 11px; padding: 11px; }

a.button-default:focus { color: #fff; }

.customize-settings h4 { margin: 0; position: relative; padding: 0px; font-weight: 100; font-size: 16px; border-bottom: 1px solid #e4e4e4; }

.inbuilt-styles h4, .predefined-schemes h4 { margin: 0; position: relative; padding: 15px; font-weight: 100; font-size: 16px; border-bottom: 1px solid #e4e4e4; }

.predefined-schemes div.scheme-override { border-bottom: 1px solid #e4e4e4; display: none; }

.predefined-schemes div.scheme-override label { padding-top: 8px; }

.customize-settings h4 span { float: left; margin: 13px 0 0 15px; }

.customize-settings h4 a.button-error { margin: 0; float: right; padding: 14px; }

.customize-settings h4 a.button-default { margin: 0; float: right; padding: 14px; }

.predefined-schemes h4 a.adv-opts { font-size: 11px; color: #333; position: absolute; top: 15px; right: 15px; }

.inbuilt-styles-body { padding: 5px; border-bottom: 1px solid #e4e4e4; height: 270px; overflow: auto; }

.inbuilt-styles-body .skin-item { float: left; margin: 15px; width: 135px; cursor: pointer; }

.inbuilt-styles-body .preview-skin { border: 1px solid #e4e4e4; padding: 5px; position: relative; }

.inbuilt-styles-body .preview-skin img { max-width: 100%; height: auto; }

.inbuilt-styles-body span.label { text-align: center; display: block; font-size: 11px; margin-top: 4px; }

.inbuilt-styles-body .skin-item .preview-skin .hover { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #4bbce8; opacity: 0.9; }

.inbuilt-styles-body .skin-item .preview-skin .hover i { background: #fff; color: #4bbce8; display: inline-block; padding: 6px 12px; font-size: 12px; text-decoration: none; margin: 78px 0 0 32px; font-style: normal; }

.inbuilt-styles-body .skin-item .preview-skin .skin-tick { position: absolute; bottom: -15px; right: -15px; color: #fff; background: #4bbce8; border-radius: 100%; display: block; width: 30px; text-align: center; padding: 9px 0; z-index: 10; display: none; }

.inbuilt-styles-body .skin-item.active .preview-skin .ioa-front-icon { display: block; }

.default-skin { display: block; text-align: center; padding: 78px 0; font-size: 20px; width: 100%; }

.predefined-schemes { border-bottom: 1px solid #e4e4e4; }

.predefined-schemes ul { padding: 20px; }

.predefined-schemes ul li { height: 70px; float: left; position: relative; cursor: pointer; margin-right: 10px; }

i.delete-scheme { position: absolute; background: #444; color: #fff; padding: 3px; z-index: 3; cursor: pointer; font-size: 10px; border-radius: 100%; right: -4px; top: -16px; }

.predefined-schemes ul li p { padding: 0; margin: 0; }

.predefined-schemes ul li span { float: left; width: 50px; height: 50px; }

.predefined-schemes ul li small { color: #444; display: block; clear: both; text-align: center; }

.customize-settings-body { padding: 0px; }

.customize-settings-body > ul { margin: 0 0 20px 0; padding: 0; border-bottom: 1px solid #e4e4e4; }

.customize-settings-body > ul li { float: left; margin: 0; }

.customize-settings-body > ul li a { display: block; padding: 15px 11px; font-size: 11px; color: #888; text-decoration: none; text-shadow: none; }

.customize-settings-body > ul li a:hover, .customize-settings-body > ul li.ui-state-active a { background: #4bbce8; color: #fff; }

.customize-settings-body > div { padding: 0 20px 20px 20px; }

.export-skin-panel, .import-skin-panel, .export-scheme-panel { border-bottom: 1px solid #eee; padding: 20px 0; display: none; }

.export-skin-panel div.ioa_input_holder.medium input[type=text] { width: 250px; }

.export-scheme-panel div.ioa_input_holder.medium input[type=text] { width: 250px; }

.import-skin-panel div.ioa_input_holder.medium textarea { width: 250px; }

.customize-list { border: 1px solid #e4e4e4; border-bottom: none; }

.customize-list { margin: 0; }

.customize-list li { margin: 0; box-shadow: 0px 1px 0px #e4e4e4; }

.customize-list li:first-child { background: #eee; }

.customize-list li div.title-area { float: left; }

.customize-list li div.title-area span { display: block; margin: 15px 0 0 15px; }

.customize-list label { display: none; }

.customize-list div.ioa_input { padding: 0; float: right; border-left: 1px solid #e4e4e4; }

.customize-list div.ioa_input div.ioa_input_holder.medium div.colorpicker-wrap input[type=text] { padding: 14px; border: none; box-shadow: none; background: none; width: 90px; }

.customize-list div.ioa_input div.colorpicker-wrap { width: auto; float: none; }

.customize-list .minicolors-swatch { border-radius: 0; border: none; margin: 0 0; width: 50px; height: 50px; cursor: pointer; float: none; }

.customize-list .minicolors-panel { left: 0; }

.help-icon { float: right; border: 1px solid #b9b9b9; color: #b9b9b9; font-size: 11px; border-radius: 100%; padding: 2px 8px; font-weight: 700; margin: 13px 13px 0 0; position: relative; }

.help-icon p { position: absolute; bottom: 0; right: 20px; width: 300px; border-radius: 3px; background: rgba(0, 0, 0, 0.9); color: #fff; padding: 10px; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; transition-property: opacity; transition-duration: 200ms, 200ms; transition-delay: 0s; opacity: 0; display: none; }

.help-icon:hover p { display: block; opacity: 1; }

div.concave-wrap div.component-opts div.ioa_input { padding: 0; }

div.concave-wrap div.component-opts label { display: none; }

div.concave-wrap div.component-opts div.ioa_input_holder { width: 100%; }

div.concave-wrap div.component-opts div.ioa_input_holder.small textarea { width: 100%; height: 420px; }

div.visual_styler .toolbox { background: #333333; padding: 0px; margin: 0px 0px; }

div.visual_styler .toolbox > a { margin: 0; }

div.visual_styler .toolbox h4 { float: left; margin: 15px 0 15px 10px; color: #fff; }

div.visual_styler .toolbox > a.button-save { padding: 15px 15px; float: right; }

.ceditor { min-height: 600px; }

/** Typography */
#eni_typo .button-save { position: absolute; top: -3px; right: -20px; z-index: 10; padding: 13px 16px; }

#eni_typo .button-error { position: absolute; top: -3px; right: 49px; z-index: 10; padding: 13px 16px; }

.enig-font-slab { margin: 15px; }

.enig-font-slab .enig-font-head { color: #fff; background: #67778a; padding: 15px; margin: 0; }

.enig-font-body { border: 1px solid #e4e4e4; border-top: none; }

.enig-typo-filter { display: none; }

.enig-font-body div.groud-check-wrap { width: 116px; }

.enig-font-body div.ioa_input_holder div.ioa_checkbox_wrap label { width: 83px; padding: 5px 0 0 0; }

.enig-font-body .adv-google-settings { display: none; }

.enig-font-body a.google-advance-settings { margin: 10px 0 20px 20px; }

.enig-font-body .ioa-information { padding: 15px; text-align: center; color: #fff; background: #67778a; margin: 15px; }

.custom-typo-item { background-color: #67778a; padding: 15px; position: relative; }

.custom-typo-item h4 { color: #fff; margin: 0; padding: 0; }

.custom-typo-item a { position: absolute; top: 1px; right: 1px; color: #fff; font-size: 14px; }

.custom-typo-list { padding: 15px; }

.sub-styler-section { display: none; }

#eni_boxed .save-visual-settings { margin: 0; position: absolute; top: 0; right: 0; padding: 13px 15px; }

/** Code Mirror */
/* BASICS */
.CodeMirror { /* Set height, width, borders, and global font properties here */ font-family: monospace; height: 300px; }

.CodeMirror-scroll { /* Set scrolling behaviour here */ overflow: auto; }

/* PADDING */
.CodeMirror-lines { padding: 4px 0; /* Vertical padding around content */ }

.CodeMirror pre { padding: 0 4px; /* Horizontal padding of content */ }

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { background-color: white; /* The little square between H and V scrollbars */ }

/* GUTTER */
.CodeMirror-gutters { border-right: 1px solid #ddd; background-color: #f7f7f7; white-space: nowrap; }

.CodeMirror-linenumber { padding: 0 3px 0 5px; min-width: 20px; text-align: right; color: #999; }

/* CURSOR */
.CodeMirror div.CodeMirror-cursor { border-left: 1px solid black; z-index: 3; }

/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor { border-left: 1px solid silver; }

.CodeMirror.cm-keymap-fat-cursor div.CodeMirror-cursor { width: auto; border: 0; background: #7e7; z-index: 1; }

/* Can style cursor different in overwrite (non-insert) mode */
.cm-tab { display: inline-block; }

/* DEFAULT THEME */
.cm-s-default .cm-keyword { color: #708; }

.cm-s-default .cm-atom { color: #219; }

.cm-s-default .cm-number { color: #164; }

.cm-s-default .cm-def { color: #00f; }

.cm-s-default .cm-variable { color: black; }

.cm-s-default .cm-variable-2 { color: #05a; }

.cm-s-default .cm-variable-3 { color: #085; }

.cm-s-default .cm-property { color: black; }

.cm-s-default .cm-operator { color: black; }

.cm-s-default .cm-comment { color: #a50; }

.cm-s-default .cm-string { color: #a11; }

.cm-s-default .cm-string-2 { color: #f50; }

.cm-s-default .cm-meta { color: #555; }

.cm-s-default .cm-error { color: #f00; }

.cm-s-default .cm-qualifier { color: #555; }

.cm-s-default .cm-builtin { color: #30a; }

.cm-s-default .cm-bracket { color: #997; }

.cm-s-default .cm-tag { color: #170; }

.cm-s-default .cm-attribute { color: #00c; }

.cm-s-default .cm-header { color: blue; }

.cm-s-default .cm-quote { color: #090; }

.cm-s-default .cm-hr { color: #999; }

.cm-s-default .cm-link { color: #00c; }

.cm-negative { color: #d44; }

.cm-positive { color: #292; }

.cm-header, .cm-strong { font-weight: bold; }

.cm-em { font-style: italic; }

.cm-link { text-decoration: underline; }

.cm-invalidchar { color: #f00; }

div.CodeMirror span.CodeMirror-matchingbracket { color: #0f0; }

div.CodeMirror span.CodeMirror-nonmatchingbracket { color: #f22; }

.CodeMirror-activeline-background { background: #e8f2ff; }

/* STOP */
/* The rest of this file contains styles related to the mechanics of the editor. You probably shouldn't touch them. */
.CodeMirror { line-height: 1; position: relative; overflow: hidden; background: white; color: black; }

.CodeMirror-scroll { /* 30px is the magic margin used to hide the element's real scrollbars */ /* See overflow: hidden in .CodeMirror */ margin-bottom: -30px; margin-right: -30px; padding-bottom: 30px; padding-right: 30px; height: 100%; outline: none; /* Prevent dragging from highlighting the element */ position: relative; }

.CodeMirror-sizer { position: relative; }

/* The fake, visible scrollbars. Used to force redraw during scrolling before actuall scrolling happens, thus preventing shaking and flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { position: absolute; z-index: 6; display: none; }

.CodeMirror-vscrollbar { right: 0; top: 0; overflow-x: hidden; overflow-y: scroll; }

.CodeMirror-hscrollbar { bottom: 0; left: 0; overflow-y: hidden; overflow-x: scroll; }

.CodeMirror-scrollbar-filler { right: 0; bottom: 0; }

.CodeMirror-gutter-filler { left: 0; bottom: 0; }

.CodeMirror-gutters { position: absolute; left: 0; top: 0; padding-bottom: 30px; z-index: 3; }

.CodeMirror-gutter { white-space: normal; height: 100%; padding-bottom: 30px; margin-bottom: -32px; display: inline-block; /* Hack to make IE7 behave */ *zoom: 1; *display: inline; }

.CodeMirror-gutter-elt { position: absolute; cursor: default; z-index: 4; }

.CodeMirror-lines { cursor: text; }

.CodeMirror pre { /* Reset some styles that the rest of the page might have set */ -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border-width: 0; background: transparent; font-family: inherit; font-size: inherit; margin: 0; white-space: pre; word-wrap: normal; line-height: inherit; color: inherit; z-index: 2; position: relative; overflow: visible; }

.CodeMirror-wrap pre { word-wrap: break-word; white-space: pre-wrap; word-break: normal; }

.CodeMirror-code pre { border-right: 30px solid transparent; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }

.CodeMirror-wrap .CodeMirror-code pre { border-right: none; width: auto; }

.CodeMirror-linebackground { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; }

.CodeMirror-linewidget { position: relative; z-index: 2; overflow: auto; }

.CodeMirror-wrap .CodeMirror-scroll { overflow-x: hidden; }

.CodeMirror-measure { position: absolute; width: 100%; height: 0px; overflow: hidden; visibility: hidden; }

.CodeMirror-measure pre { position: static; }

.CodeMirror div.CodeMirror-cursor { position: absolute; visibility: hidden; border-right: none; width: 0; }

.CodeMirror-focused div.CodeMirror-cursor { visibility: visible; }

.CodeMirror-selected { background: #d9d9d9; }

.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }

.cm-searching { background: #ffa; background: rgba(255, 255, 0, 0.4); }

/* IE7 hack to prevent it from returning funny offsetTops on the spans */
.CodeMirror span { *vertical-align: text-bottom; }

@media print { /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursor { visibility: hidden; } }
/** Font face */
#eni_font_face .ioa-information { padding: 15px; text-align: center; color: #fff; background: #67778a; margin: 15px; display: none; }

.fontface-item.hide { display: none; }

.fontface-list { padding: 15px; }

.fontface-item { padding: 30px 0; font-size: 10px; text-align: center; color: #fff; font-size: 14px; position: relative; margin: 15px 0; background: #67778a; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; transition-property: background-color; transition-duration: 200ms, 200ms; transition-delay: 0s; }

.fontface-item:hover { background-color: #4bbce8; }

.fontface-item span { margin: 0px 15px; font-size: 10px; text-align: center; display: block; }

.fontface-item .ioa-front-icon { position: absolute; top: 5px; right: 5px; color: #fff; }

.fontface-item .ioa-front-icon:focus { color: #fff; }