/** 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; clear: none; }

.relative { position: relative; }

.builder-area .clearfix { clear: none; }

.rad_toolbox .clearfix { clear: none; }

.ioa-canvas .clearfix { clear: none; }

.settings-lightbox .clearfix { clear: none; }

.ioa-below-title-area .clearfix { clear: none; }

#ioa_custom_code .clearfix { clear: none; }

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

.ioa_wrap .hide { display: none; }

.widget .ioa-query-box a.button-default { padding: 4px 12px; }

.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; }

a.input-val-delete { font-size: 10px; color: #222; position: absolute; top: 4px; left: 4px; z-index: 10; padding: 0 !important; }

a.input-val-delete.slider-delete { right: 20px; left: auto; }

/** 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; width: 400px; }

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: #33383e; font-size: 13px; 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: 36px; right: 30px; margin: -15px 0 0 0; }

.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; transition: all 0.2s ease-in-out; border-radius: 100% !important; padding: 0px !important; width: 24px; height: 24px; vertical-align: middle; font-size: 12px; font-weight: 500 !important; color: #33383e; }

.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 div.ioatoggle_wrap label { width: auto; }

#side-sortables div.colorpicker-wrap { width: 100%; }

#side-sortables div.ioa_input_holder { width: 100%; }

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

#side-sortables div.ioa_input_holder div.ioa_select_wrap { width: 90%; }

#side-sortables div.ioa_input_holder.medium div.image_upload_wrap input[type=text] { width: 162px; }

#side-sortables div.ioa_input_holder.medium div.colorpicker-wrap input[type=text] { width: 162px; }

#side-sortables div.ioa_input.has-input-button div.ioa_input_holder input[type=text] { width: 130px; }

#side-sortables div.ioa_input label { padding-right: 0px; width: 100%; }

#side-sortables div.ioa_input { padding-bottom: 0px; }

#side-sortables div.ioa_input input[type=text] { 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; }

div.ioa_input_holder input[type=text] { border: 1px solid #D3D6DB; border-radius: 3px; padding: 8px 10px; outline: none; color: #33383e; font-size: 13px; width: 383px; -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15); box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15); }

div.ioa_input_holder input[type=text]:focus { box-shadow: none; }

div.ioa_input.has-input-button div.ioa_input_holder input[type=text] { width: 271px; }

div.two-button-set div.ioa_input_holder input[type=text] { width: 130px; }

div.two-button-set a.button-default { margin-top: 2px; }

/** TEXTAREA input styling with 3 widths , small , medium and long. */
div.ioa_input_holder textarea { height: 200px; border: 1px solid #D3D6DB; border-radius: 3px; padding: 8px 10px; outline: none; color: #33383e; font-size: 13px; width: 383px; -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15); box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15); }

div.ioa_input_holder textarea:focus { box-shadow: none; }

/** SELECT input styling with 3 widths , small , medium and long. */
div.ioa_input_holder div.ioa_select_wrap { overflow: hidden; background: white; background: -moz-linear-gradient(top, white 0%, #f7f8f9 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(100%, #f7f8f9)); background: -webkit-linear-gradient(top, white 0%, #f7f8f9 100%); background: -o-linear-gradient(top, white 0%, #f7f8f9 100%); background: -ms-linear-gradient(top, white 0%, #f7f8f9 100%); background: linear-gradient(to bottom, #ffffff 0%, #f7f8f9 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f8f9', GradientType=0 ); border: 1px solid #D3D6DB; padding: 0px 2px 0px 0; outline: none; color: #33383e; font-size: 13px; width: 378px; border-radius: 3px; }

.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: url(i/dropdown.png) 90% 0px no-repeat; border: none; cursor: pointer; display: block; vertical-align: center; padding: 1px 0px 7px 5px; height: 32px; width: 410px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); }

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

/** 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: 4px; 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; padding: 3px; 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; border: 1px solid #076bb3; background: #54a3e8; background: -moz-linear-gradient(top, #54a3e8 0%, #2180c0 50%, #1e84c8 50%, #0080db 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #54a3e8), color-stop(50%, #2180c0), color-stop(50%, #1e84c8), color-stop(100%, #0080db)); background: -webkit-linear-gradient(top, #54a3e8 0%, #2180c0 50%, #1e84c8 50%, #0080db 100%); background: -o-linear-gradient(top, #54a3e8 0%, #2180c0 50%, #1e84c8 50%, #0080db 100%); background: -ms-linear-gradient(top, #54a3e8 0%, #2180c0 50%, #1e84c8 50%, #0080db 100%); background: linear-gradient(to bottom, #54a3e8 0%, #2180c0 50%, #1e84c8 50%, #0080db 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#54a3e8', endColorstr='#0080db', GradientType=0 ); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0px 1px 1px rgba(255, 255, 255, 0.4); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0px 1px 1px rgba(255, 255, 255, 0.4); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0px 1px 1px rgba(255, 255, 255, 0.4); border-radius: 100%; margin-top: 2px; transition: opacity 0.2s ease-in-out; }

.ioa_input .ui-slider:hover .ui-slider-handle { opacity: 0.95; }

.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: 4px; bottom: 1px; height: 4px; border-radius: 3px; border: 1px solid #076bb3; background: #54a3e8; background: -moz-linear-gradient(top, #54a3e8 0%, #2180c0 50%, #1e84c8 50%, #0080db 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #54a3e8), color-stop(50%, #2180c0), color-stop(50%, #1e84c8), color-stop(100%, #0080db)); background: -webkit-linear-gradient(top, #54a3e8 0%, #2180c0 50%, #1e84c8 50%, #0080db 100%); background: -o-linear-gradient(top, #54a3e8 0%, #2180c0 50%, #1e84c8 50%, #0080db 100%); background: -ms-linear-gradient(top, #54a3e8 0%, #2180c0 50%, #1e84c8 50%, #0080db 100%); background: linear-gradient(to bottom, #54a3e8 0%, #2180c0 50%, #1e84c8 50%, #0080db 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#54a3e8', endColorstr='#0080db', GradientType=0 ); margin-left: 3px; }

.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 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: 6px 10px; }

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 { margin-bottom: 4px; }

div.ioa_module_container { margin-right: 0px; border-radius: 6px; }

div.ioa_module_container_head { padding: 20px; 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 img { position: absolute; top: 0; height: 58px; left: 120px; max-width: 100%; }

div.module_head { font-size: 11px; font-weight: 600; padding: 20px 10px 20px 200px; background: #fff; border-top-left-radius: 6px; border-top-right-radius: 6px; border: 1px solid #e7e7e7; 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: #555; border-right: 1px solid #e7e7e7; display: block; position: absolute; padding: 24px 24px 23px 24px; top: 0px; left: 0px; z-index: 10; }

div.module_head a.clone-mod { color: #555; border-right: 1px solid #e7e7e7; display: block; position: absolute; padding: 24px 24px 23px 24px; top: 0px; left: 60px; z-index: 10; }

div.module_head > a { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

div.module_head > a:hover { background: #1a83d1; }

@-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; border: 1px solid #e7e7e7; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; border-top: 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 div.colorpicker-wrap input[type=text] { width: 250px; float: left; color: #6b6b6b; margin-right: 10px; }

div.ioa_input_holder 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: 34px; 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-radius: 3px; }

.minicolors-swatch SPAN { position: absolute; width: 100%; height: 100%; background: none; border-radius: 6px; 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: 260px; }

.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; }

.widget .ioa-query-box a.button-default { padding: 4px 12px; }

.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; }

#wp-admin-bar-trigger-post-update { display: none; background: #54a3e8 !important; color: white !important; }

.ioa-message { box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); border-radius: 6px; width: 330px; padding: 0; background: rgba(0, 0, 0, 0.88); position: fixed; z-index: 99999; 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: #33383e; margin: 20px; border-radius: 3px; 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 { background: white; background: -moz-linear-gradient(top, white 0%, #f7f9fa 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(100%, #f7f9fa)); background: -webkit-linear-gradient(top, white 0%, #f7f9fa 100%); background: -o-linear-gradient(top, white 0%, #f7f9fa 100%); background: -ms-linear-gradient(top, white 0%, #f7f9fa 100%); background: linear-gradient(to bottom, #ffffff 0%, #f7f9fa 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f9fa', GradientType=0 ); border: 1px solid #CDCED0; border-radius: 3px; color: #33383e; text-decoration: none; outline: none; text-shadow: none; font-weight: 600; -webkit-border-radius: 3px; -webkit-font-smoothing: antialiased; padding: 7px 16px; margin: 0px 0 0 10px; }

a.button-error { cursor: pointer; display: inline-block; background: #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; }

#ioa_thumb { width: 80px; }

td.ioa_thumb img { width: 50px; height: 50px; }

td.ioa_thumb i { padding: 30px; background: #fff; border: 1px solid #fafafa; }

.button-save, .button-hprimary { cursor: pointer; text-decoration: none; display: inline-block; outline: none; text-shadow: none; color: #fff; font-weight: 600; font-size: 12px; border: 1px solid #076bb3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #54a3e8; background: -moz-linear-gradient(top, #54a3e8 0%, #2180c0 50%, #1e84c8 50%, #0080db 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #54a3e8), color-stop(50%, #2180c0), color-stop(50%, #1e84c8), color-stop(100%, #0080db)); background: -webkit-linear-gradient(top, #54a3e8 0%, #2180c0 50%, #1e84c8 50%, #0080db 100%); background: -o-linear-gradient(top, #54a3e8 0%, #2180c0 50%, #1e84c8 50%, #0080db 100%); background: -ms-linear-gradient(top, #54a3e8 0%, #2180c0 50%, #1e84c8 50%, #0080db 100%); background: linear-gradient(to bottom, #54a3e8 0%, #2180c0 50%, #1e84c8 50%, #0080db 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#54a3e8', endColorstr='#0080db', GradientType=0 ); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0px 1px 1px rgba(255, 255, 255, 0.4); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0px 1px 1px rgba(255, 255, 255, 0.4); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0px 1px 1px rgba(255, 255, 255, 0.4); webkit-font-smoothing: subpixel-antialiased; padding: 8px 15px; }

.button-save:hover, .button-save:active, .button-save:focus { background: #3190e3; background: -moz-linear-gradient(top, #3190e3 0%, #1c70a8 50%, #1a72ad 50%, #006ebd 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #3190e3), color-stop(50%, #1c70a8), color-stop(50%, #1a72ad), color-stop(100%, #006ebd)); background: -webkit-linear-gradient(top, #3190e3 0%, #1c70a8 50%, #1a72ad 50%, #006ebd 100%); background: -o-linear-gradient(top, #3190e3 0%, #1c70a8 50%, #1a72ad 50%, #006ebd 100%); background: -ms-linear-gradient(top, #3190e3 0%, #1c70a8 50%, #1a72ad 50%, #006ebd 100%); background: linear-gradient(to bottom, #3190e3 0%, #1c70a8 50%, #1a72ad 50%, #006ebd 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3190e3', endColorstr='#006ebd', GradientType=0 ); border: 1px solid #0d5080; color: #fff; }

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

a.button-default:hover, a.button-hprimary:hover, .button-hprimary:hover { text-decoration: none; color: #fff; background: #1a83d1; border: 1px solid #0077cc; -webkit-font-smoothing: subpixel-antialiased; }

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: #1a83d1; display: inline-block; padding: 3px 9px; color: #fff; }

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

div.ioa-image-area { margin-top: 40px; }

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

span.waiting { background: url(i/loader.gif) center center no-repeat black; border-radius: 6px; opacity: 0.88; width: 35px; height: 35px; position: fixed; top: 50%; left: 50%; margin: -20px 0 0 -20px; z-index: 900; padding: 10px; display: none; }

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

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

#cbrand_text { display: block; font-size: 15px; font-weight: 700; letter-spacing: -1px; margin: 0; }

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

div.ioa_panel_wrap { position: relative; z-index: 3; background: #fff; border: 1px solid #DFE0E4; -webkit-border-radius: 3px; }

div.ioa-admin-menu-wrap { float: right; margin: 7px 5px 0 0px; position: relative; padding-bottom: 13px; padding-left: 5px; }

div.ioa-admin-menu-wrap a { color: #33383e; font-size: 14px; padding-left: 5px; padding-right: 5px; }

div.ioa-admin-menu-wrap ul { margin: 0; width: 155px; background: #33383e; display: none; border-radius: 3px; padding: 5px 0px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); position: absolute; top: 28px; right: 0; }

div.ioa-admin-menu-wrap ul li { padding: 1px 5px; margin: 0; }

div.ioa-admin-menu-wrap ul li a { color: #fff; padding: 5px 12px; margin: 0; font-size: 12px; display: block; border-radius: 3px; text-decoration: none; }

div.ioa-admin-menu-wrap ul li:hover a { background: #1a83d1; color: #fff; }

div.ioa-sidebar-quickadd { padding: 20px; background: #fff; border: 1px solid #eee; margin: 10px 0 15px 0; }

div.ioa-sidebar-quickadd h4 { margin: 0; padding-bottom: 15px; }

div.ioa-sidebar-quickadd input { border: 1px solid #D3D6DB; border-radius: 3px; padding: 8px 10px; outline: none; color: #33383e; font-size: 13px; width: 383px; -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15); box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15); float: left; }

div.ioa-sidebar-quickadd a { float: left; }

/*
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: white; }

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

div.rad-l-body { height: 90%; overflow: auto; position: relative; z-index: 10; }

a.close-ioa-import-lightbox { position: absolute; bottom: 15px; left: 15px; z-index: 100; }

div.ioa-import-lightbox { display: none; }

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

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

div.rad-l-footer a.button-default { padding: 8px 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; }

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%; }

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

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

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

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

.installer-meta-info { margin: 20px; background: #e31515; 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: 20px; padding: 15px 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: #1a83d1; }

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; }

/**
*
* Column Builder
*
**/
#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; float: left; }

#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; margin-bottom: 15px; }

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; }

div.rad-shortcode-list { padding: 30px; }

div.rad-shortcode-list div.rad-thumb { cursor: pointer; }

div.rad-shortcode-list div.rad-thumb:hover { border: 1px solid #ddd; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.09); z-index: 10; }

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; }

a.insert-rad-shortcode { display: none; padding: 10px 20px; float: left; }

/** Shortcode Engine */
#text_data_Shortcodes { display: none; }

div.shortcode-lightbox { width: 700px; height: 650px; position: fixed; top: 100px; left: 100px; z-index: 99999; 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 #1a83d1; }

.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: #333; color: white !important; 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; }

.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; }

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: #1a83d1; }

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: #1a83d1; font-weight: 700; }

div.post-meta-panel { clear: both; padding: 15px; background: white; 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; }

/** 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: #1a83d1; }

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; }

.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; }

.sc-tabbed-area > ul { margin: 0; padding: 0; background: #eee; border-top: 1px solid #eee; }

.sc-tabbed-area > ul li { margin: 0; padding: 0; float: left; }

.sc-tabbed-area > ul li a { margin: 0; padding: 12px 25px; display: block; text-decoration: none; color: #666; }

.sc-tabbed-area > ul li.ui-state-active a { margin: 0; display: block; text-decoration: none; color: #666; background: #fff; }

#sc-icon-import { float: left; margin: 10px; }

#foldericons div.preview_pane { clear: both; }

div.preview_pane h4 { margin-top: 20px; color: #444; margin-left: 20px; }

div.icon-canvas { padding: 20px; border: 1px solid #eee; margin: 0 20px; }

div.icon-opts { padding: 0; margin: 20px; }

div.icon-opts h3 { color: #444; font-size: 13px; background: #fafafa; border: 1px solid #eee; margin: 0; padding: 15px; cursor: pointer; }

div.icon-opts .grouping { display: none; }

ul.parent_dir { width: 250px; height: 400px; overflow: auto; float: left; }

ul.parent_dir 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.parent_dir ul li:hover { z-index: 10; box-shadow: 0px 0px 20px #eee; }

ul.parent_dir ul li:hover i { color: #1a83d1; }

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

ul.parent_dir > li { padding: 0; }

#fonticons div.preview_pane { width: 400px; float: left; margin-left: 20px; }

/** Main Panel */
div.panel-top-bar { margin: -20px 0 40px  -20px; }

div.panel-top-bar ul { margin: 0; padding: 0; background: #fafafa; border-bottom: 1px solid #eee; }

div.panel-top-bar ul li { float: left; margin: 0; }

div.panel-top-bar ul li:hover a { background: #3190e3; background: -moz-linear-gradient(top, #3190e3 0%, #1c70a8 50%, #1a72ad 50%, #006ebd 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #3190e3), color-stop(50%, #1c70a8), color-stop(50%, #1a72ad), color-stop(100%, #006ebd)); background: -webkit-linear-gradient(top, #3190e3 0%, #1c70a8 50%, #1a72ad 50%, #006ebd 100%); background: -o-linear-gradient(top, #3190e3 0%, #1c70a8 50%, #1a72ad 50%, #006ebd 100%); background: -ms-linear-gradient(top, #3190e3 0%, #1c70a8 50%, #1a72ad 50%, #006ebd 100%); background: linear-gradient(to bottom, #3190e3 0%, #1c70a8 50%, #1a72ad 50%, #006ebd 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3190e3', endColorstr='#006ebd', GradientType=0 ); color: #fff; }

div.panel-top-bar ul li.active a { background: #54a3e8; background: -moz-linear-gradient(top, #54a3e8 0%, #2180c0 50%, #1e84c8 50%, #0080db 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #54a3e8), color-stop(50%, #2180c0), color-stop(50%, #1e84c8), color-stop(100%, #0080db)); background: -webkit-linear-gradient(top, #54a3e8 0%, #2180c0 50%, #1e84c8 50%, #0080db 100%); background: -o-linear-gradient(top, #54a3e8 0%, #2180c0 50%, #1e84c8 50%, #0080db 100%); background: -ms-linear-gradient(top, #54a3e8 0%, #2180c0 50%, #1e84c8 50%, #0080db 100%); background: linear-gradient(to bottom, #54a3e8 0%, #2180c0 50%, #1e84c8 50%, #0080db 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#54a3e8', endColorstr='#0080db', GradientType=0 ); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0px 1px 1px rgba(255, 255, 255, 0.4); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0px 1px 1px rgba(255, 255, 255, 0.4); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0px 1px 1px rgba(255, 255, 255, 0.4); webkit-font-smoothing: subpixel-antialiased; color: #fff; border-color: #0d5080; }

div.panel-top-bar ul li a { text-decoration: none; padding: 16px 28px; display: block; color: #222; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: -0.5px; border-right: 1px solid #eee; }

div.ioa_admin_panel { width: 923px; margin: 0px; background: #fff; border-radius: 6px; }

/* ========================================================================================================= */
/* == Options Panels ======================================================================================= */
/* ========================================================================================================= */
div.option-panel-top-bar { position: relative; z-index: 10; box-shadow: 0px -1px 0px 0px #e6e9ed inset; background: -webkit-gradient(linear, center top, center bottom, from(white), to(#f7f7f7)); background: -webkit-linear-gradient(to bottom, white 0%, #f7f7f7 100%); background: #f6f7f8; }

div.option-panel-right-area .button-panel { float: right; margin: 15px 15px 0 0; }

div.option-panel-right-area .button-panel input { float: left; }

div.option-panel-right-area .button-panel div.ioa-admin-menu-wrap { float: left; background: white; background: -moz-linear-gradient(top, white 0%, #f7f9fa 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(100%, #f7f9fa)); background: -webkit-linear-gradient(top, white 0%, #f7f9fa 100%); background: -o-linear-gradient(top, white 0%, #f7f9fa 100%); background: -ms-linear-gradient(top, white 0%, #f7f9fa 100%); background: linear-gradient(to bottom, #ffffff 0%, #f7f9fa 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f9fa', GradientType=0 ); border: 1px solid #CDCED0; border-radius: 3px; color: #33383e; text-decoration: none; outline: none; text-shadow: none; font-weight: 600; -webkit-border-radius: 3px; -webkit-font-smoothing: antialiased; padding: 7px 16px; margin: 0px 0 0 10px; }

div.ioa_branding_text { float: left; width: 155px; padding: 5px 15px; margin: 15px 0; border-right: 1px solid #e7e7e7; }

div.option-panel-right-area { float: left; width: 735px; position: relative; }

.ioa-panel-search-start #HeadArea, .ioa-panel-search-start #VisualStyler, .ioa-panel-search-start #Installer { display: none !important; }

/* ============================================================ */
/* == Side Menu =============================================== */
/* ============================================================ */
#option-panel-tabs { position: relative; z-index: 1; }

.ioa_sidenav_wrap { width: 185px; opacity: 0.95; min-height: 700px; position: absolute; top: 0; left: 0; height: 100%; border-right: 1px solid #dfdfdf; }

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

.options-search-bar { border: none; margin: 15px 20px 10px 20px; float: left; position: relative; }

.options-search-bar input { float: left; width: 300px; background: none; padding: 7px 5px 7px 30px; color: #33383e; font-size: 12px; border: 1px solid #D3D6DB; box-shadow: none; background: #fff; margin-top: -1px; border-radius: 3px; }

.options-search-bar input:focus { -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2); border: 1px solid #D3D6DB; }

.options-search-bar i { position: absolute; top: 7px; left: 10px; color: #D3D6DB; font-size: 15px; }

.search-close-wrap { position: absolute; top: 20px; left: 30px; font-size: 15px; display: none; }

.search-close-wrap a { color: #777777; }

.ioa_sidenav li { display: block; margin: 0; position: relative; border-bottom: 1px solid #e6e9ed; }

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

.ioa_sidenav li a { margin-left: 30px; text-decoration: none; color: #33383e; display: block; margin: 2px 4px; padding: 13px 7px; font-size: 13px; margin: 0; font-weight: 600; -webkit-transition: all 1s ease-in-out; transition: all 0.2s ease-in-out; border-radius: 6px; }

.ioa_sidenav li.ui-state-active, .ioa_sidenav li:hover { color: #0077cc; background: -webkit-gradient(linear, center top, center bottom, from(white), to(#f7f7f7)); background: -webkit-linear-gradient(to bottom, white 0%, #f7f7f7 100%); background: #f6f7f8; text-shadow: none; }

.ioa_sidenav li.ui-state-active a, .ioa_sidenav li:hover a { color: #0077cc; }

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

/** Sub Tabbed Menu */
div.subpanel > ul { margin: 0; height: 44px; border-bottom: 1px solid #222; background: #5b5f62; background: -moz-linear-gradient(top, #5b5f62 0%, #3b4044 50%, #2e3238 50%, #2e3238 71%, #3f444b 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #5b5f62), color-stop(50%, #3b4044), color-stop(50%, #2e3238), color-stop(71%, #2e3238), color-stop(100%, #3f444b)); background: -webkit-linear-gradient(top, #5b5f62 0%, #3b4044 50%, #2e3238 50%, #2e3238 71%, #3f444b 100%); background: -o-linear-gradient(top, #5b5f62 0%, #3b4044 50%, #2e3238 50%, #2e3238 71%, #3f444b 100%); background: -ms-linear-gradient(top, #5b5f62 0%, #3b4044 50%, #2e3238 50%, #2e3238 71%, #3f444b 100%); background: linear-gradient(to bottom, #5b5f62 0%, #3b4044 50%, #2e3238 50%, #2e3238 71%, #3f444b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b5f62', endColorstr='#3f444b', GradientType=0 ); position: relative; z-index: 2; }

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

div.subpanel > ul li a { line-height: 42px; padding: 0px 16px; font-size: 12px; text-decoration: none; color: #fff; border-left: 1px solid rgba(0, 0, 0, 0.18); border-right: 1px solid rgba(0, 0, 0, 0.18); -webkit-box-shadow: rgba(255, 255, 255, 0.08) 1px 0 0 0px inset, rgba(255, 255, 255, 0.08) -1px 0 0 0px inset; -moz-box-shadow: rgba(255, 255, 255, 0.08) 1px 0 0 0px inset, rgba(255, 255, 255, 0.08) -1px 0 0 0px inset; box-shadow: rgba(255, 255, 255, 0.08) 1px 0 0 0px inset, rgba(255, 255, 255, 0.08) -1px 0 0 0px inset; margin-right: -1px; text-shadow: none; display: block; }

div.subpanel > ul li a:hover, div.subpanel > ul li.ui-state-active a { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #222529), color-stop(100%, #33383e)); background-image: -webkit-linear-gradient(#222529, #33383e); background-image: -moz-linear-gradient(#222529, #33383e); background-image: -o-linear-gradient(#222529, #33383e); background-image: linear-gradient(#222529, #33383e); -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 2px 6px 0 inset; -moz-box-shadow: rgba(0, 0, 0, 0.9) 0 2px 6px 0 inset; box-shadow: rgba(0, 0, 0, 0.9) 0 2px 6px 0 inset; position: relative; color: #fff; }

div.subpanel > ul li.ui-state-active span.tip { display: block; background: url(i/tabs-arrow-bg.png) no-repeat; width: 16px; height: 8px; position: absolute; bottom: -5px; left: 45%; }

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: 735px; position: relative; z-index: 3; margin: 0px 0 0px 186px; background: #fff; }

#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 { min-height: 500px; position: relative; z-index: 3; }

div.ioa_subpanel .ioa_input { border-bottom: 1px solid #E9EAED; border-top: 1px solid #fff; background-color: #fdfdfd; background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#fcfcfc)); background-image: -webkit-linear-gradient(top, white, #fcfcfc); background-image: -moz-linear-gradient(top, white, #fcfcfc); background-image: -o-linear-gradient(top, white, #fcfcfc); background-image: -ms-linear-gradient(top, white, #fcfcfc); background-image: linear-gradient(top, #ffffff, #fcfcfc); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#fcfcfc'); }

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

/** 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: 0px; padding: 7px 20px 8px; }

div.sidebar-tag { float: left; width: 25%; padding: 12px; margin: 0px; border: 1px solid #f1f1f1; border-top: none; border-left: none; position: relative; color: #444; font-size: 12px; -webkit-transition: all 1s ease-in-out; transition: all 0.2s ease-in-out; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

div.sidebar-tag i.remove-c-sidebar:hover { color: #1a83d1; }

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

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

.ioa-top-panel input[type=submit] { 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; opacity: 0.3; float: left; position: relative; }

.post-layout li:hover, .page-layout li:hover, .post-layout li.active, .page-layout li.active { opacity: 1; }

.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: -10px; left: 24px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6); background: #33383e; border-radius: 3px; padding: 2px 6px; color: #fff; font-size: 10px; font-weight: 600; }

.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; opacity: 0.3; }

.footer-layout li a:hover, .footer-layout li.active a { box-shadow: 0px 1px 3px 0px #eee; opacity: 1; }

.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: -15px; left: 12px; background: #33383e; border-radius: 2px; padding: 2px 6px; color: #fff; font-size: 10px; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5); }

.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; }

.preview-font iframe { width: 100%; height: 106px; }

/** 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 { float: right; margin: 20px 0px 0px 0px; }

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

div.ioa-import-lightbox { position: fixed; top: 100px; left: 200px; right: 200px; bottom: 100px; background: #fff; z-index: 901; border-radius: 6px; border-radius: 6px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); }

div.ioa-import-lightbox div.ioa_input_holder { width: 95%; }

div.ioa-import-lightbox div.ioa_input_holder textarea { width: 90%; }

a.import-options-panel-settings { clear: both; margin: 15px 0 0 0; }

.pow-tab-layout ul.ui-tabs-nav { padding: 5px 5px 0px 5px; margin: 0; }

.pow-tab-layout ul.ui-tabs-nav li { margin: 0 4px 0 0; float: left; border: 1px solid #eee; border-bottom: none; text-align: center; width: 48%; }

.pow-tab-layout ul.ui-tabs-nav li a { color: #444; position: relative; display: block; text-decoration: none; padding: 18px 0px; background: #fafafa; border-top-left-radius: 3px; border-top-right-radius: 3px; }

.pow-tab-layout ul li.ui-state-active a { background: #fff; bottom: -1px; }

.pow-tab-layout .ioa-tabs > div.ui-tabs-panel { border: 1px solid #eee; border-radius: 3px; border-top-right-radius: 0; margin: 0px 5px; padding: 20px; }

.power-title-input { padding: 8px 15px; width: 443px; border-radius: 3px; border: 1px solid #ddd; float: left; margin-right: 15px; }

.power-dummy-input { padding: 8px 15px; width: 414px; border-radius: 3px; border: 1px solid #ddd; float: left; margin-right: 15px; }

.power-title-input.power-dummy-val { width: 400px; }

.power-title-input.power-tax-nos { width: 412px; }

.power-title-input.power-tax-val { width: 340px; }

select.pow-dummy-tax-type, select.pow-dummy-post-type, select.pow-post-type, select.pow-tax-type { padding: 4px 15px; height: 37px; width: 150px; border-radius: 3px; border: 1px solid #ddd; float: left; margin-right: 15px; }

select.pow-dummy-featured-type { padding: 4px 15px; height: 37px; width: 262px; border-radius: 3px; border: 1px solid #ddd; float: left; margin-right: 15px; }

.pow-tab-layout a.button-save, .pow-tab-layout a.button-default { float: left; margin-top: 1px; }

div.pow-term-lists { border: 1px solid #eee; padding: 15px; margin-top: 20px; display: none; }

div.pow-term-lists h4 { margin: 0px 0px 20px 0; padding: 0; }

div.pow-term-lists ul { padding: 15px; margin: 0; background: #fafafa; }

div.pow-term-lists ul li { cursor: pointer; float: left; margin: 5px; padding: 8px 25px; border-radius: 3px; background: #eee; border: 1px solid #ddd; }

div.pow-page-table { padding: 15px 5px; }

ul.pow-page-table-head { border: 1px solid #ddd; background: #eee; margin: 0; padding: 0; }

ul.pow-page-table-head li { margin: 0; padding: 0; width: 36%; float: left; }

ul.pow-page-table-head li.pow-head-opts { width: 12%; }

ul.pow-page-table-head li.pow-head-title { width: 35%; }

ul.pow-page-table-head li.pow-head-status { width: 17%; }

ul.pow-page-table-head li:last-child { border-right: none; }

ul.pow-page-table-head li span { display: block; padding: 15px; border-right: 1px solid #ddd; }

ul.pow-page-row-head { border: 1px solid #ddd; border-top: none; margin: 0; padding: 0; }

ul.pow-page-row-head li { margin: 0; padding: 0; width: 36%; float: left; }

ul.pow-page-row-head li:last-child { border-right: none; }

ul.pow-page-row-head li.pow-thumb img { display: block; margin: 15px; width: 40px; height: 40px; float: left; }

ul.pow-page-row-head li.pow-thumb a { float: left; margin: 17px 0px 0px 10px; }

ul.pow-page-row-head li.pow-title { width: 35%; }

ul.pow-page-row-head li.pow-options { width: 12%; }

ul.pow-page-row-head li.pow-status { width: 17%; }

ul.pow-page-row-head li.pow-status a.button-default { margin: 17px 15px 0px 10px; text-align: center; display: block; }

ul.pow-page-row-head li.pow-title h3 { margin: 24px 0px 0px 15px; font-size: 15px; }

ul.pow-page-row-head li.pow-options a { float: left; margin-top: 23px; margin-left: 15px; color: #888; font-size: 15px; text-decoration: none; }

div.pow-page-row-body { border: 1px solid #ddd; border-top: none; display: none; }

div.pow-toolset label { float: left; font-size: 10px; margin-right: 10px; margin-top: 15px; }

div.pow-toolset label input { display: inline-block; margin-left: 5px; }

div.pow-tax-table { padding: 20px; }

div.tax-item { padding: 8px 25px; background: #fafafa; border: 1px solid #ddd; border-radius: 3px; float: left; margin: 5px; position: relative; }

div.tax-item i { cursor: pointer; font-size: 10px; position: absolute; top: 2px; right: 2px; }

div.adp-module { border-bottom: 1px solid #eee; }

div.adp-module:nth-child(2n+1) { background: #fafafa; }

div.adp-area { padding: 15px; float: right; }

div.adp-module h4 { margin: 8px 0 0 0; padding: 15px; float: left; }

div.adp-area select { padding: 4px 15px; height: 37px; width: 150px; border-radius: 3px; border: 1px solid #ddd; float: left; margin-right: 15px; }

div.adp-area a.button-save, div.adp-area a.button-default { float: left; margin-top: 0px; padding: 8px 20px; }

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

.ioa_wrap .hide { display: none; }

.widget .ioa-query-box a.button-default { padding: 4px 12px; }

.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; outline: none; text-shadow: none; color: #fff; font-weight: 600; font-size: 12px; border: 1px solid #076bb3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #54a3e8; background: -moz-linear-gradient(top, #54a3e8 0%, #2180c0 50%, #1e84c8 50%, #0080db 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #54a3e8), color-stop(50%, #2180c0), color-stop(50%, #1e84c8), color-stop(100%, #0080db)); background: -webkit-linear-gradient(top, #54a3e8 0%, #2180c0 50%, #1e84c8 50%, #0080db 100%); background: -o-linear-gradient(top, #54a3e8 0%, #2180c0 50%, #1e84c8 50%, #0080db 100%); background: -ms-linear-gradient(top, #54a3e8 0%, #2180c0 50%, #1e84c8 50%, #0080db 100%); background: linear-gradient(to bottom, #54a3e8 0%, #2180c0 50%, #1e84c8 50%, #0080db 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#54a3e8', endColorstr='#0080db', GradientType=0 ); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0px 1px 1px rgba(255, 255, 255, 0.4); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0px 1px 1px rgba(255, 255, 255, 0.4); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0px 1px 1px rgba(255, 255, 255, 0.4); webkit-font-smoothing: subpixel-antialiased; padding: 8px 15px; float: left; padding: 13px 24px; margin: 0px 20px 0px 10px; }

a.delete-header-data { cursor: pointer; text-decoration: none; display: inline-block; outline: none; text-shadow: none; color: #fff; font-weight: 600; font-size: 12px; border: 1px solid #076bb3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #54a3e8; background: -moz-linear-gradient(top, #54a3e8 0%, #2180c0 50%, #1e84c8 50%, #0080db 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #54a3e8), color-stop(50%, #2180c0), color-stop(50%, #1e84c8), color-stop(100%, #0080db)); background: -webkit-linear-gradient(top, #54a3e8 0%, #2180c0 50%, #1e84c8 50%, #0080db 100%); background: -o-linear-gradient(top, #54a3e8 0%, #2180c0 50%, #1e84c8 50%, #0080db 100%); background: -ms-linear-gradient(top, #54a3e8 0%, #2180c0 50%, #1e84c8 50%, #0080db 100%); background: linear-gradient(to bottom, #54a3e8 0%, #2180c0 50%, #1e84c8 50%, #0080db 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#54a3e8', endColorstr='#0080db', GradientType=0 ); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0px 1px 1px rgba(255, 255, 255, 0.4); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0px 1px 1px rgba(255, 255, 255, 0.4); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0px 1px 1px rgba(255, 255, 255, 0.4); webkit-font-smoothing: subpixel-antialiased; padding: 8px 15px; float: right; padding: 10px 16px; margin: 5px 0px 0px 10px; background: #d71023; border: 1px solid #d71023; }

.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; }

div.hcon-toolbar { margin: 15px; }

div.hcon-toolbar ul { padding: 0; margin: 0; float: left; background: #fcfcfc; border: 1px solid #eee; box-shadow: 0px 0px 2px 2px #fafafa; }

div.hcon-toolbar ul li { float: left; margin: 0; }

div.hcon-toolbar ul li div.ioa_input { padding: 9px 10px; }

div.hcon-toolbar ul li div.ioa_input label { width: auto; padding-top: 9px; }

#header_constructor { margin-top: 20px; border-top: 1px solid #e8e8e8; }

.hcon-head { height: 41px; border-bottom: 1px solid #e8e8e8; }

.hcon-head .sidebar-head { height: 41px; }

.hcon-head .sidebar-head h6 { margin: 0; padding: 13px 0 0  0; display: block; text-align: center; text-transform: uppercase; font-size: 10px; font-weight: 600; }

.hcon-head .main-head { height: 41px; float: left; position: relative; }

.hcon-head .main-head > a { float: left; text-shadow: 1px 1px 0px #fff; border-radius: 15px; margin: 20px 10px 10px 10px; background: url(i/button-bg.png) repeat-x; height: auto; line-height: 1; padding: 9px 25px; text-decoration: none; color: #444; border: 1px solid #000; font-size: 11px; font-weight: 700; }

.hcon-sidebar { border-bottom: 1px solid #eee; background: #fafafa; position: relative; z-index: 32; }

.hcon-sidebar div.info { background: #fff; text-align: center; border: 1px solid #a6906e; color: #575757; font-size: 11px; padding: 14px; font-style: italic; font-weight: 600; margin: 15px; }

.hcon-sidebar ul { padding: 0px; margin: 0; }

.hcon-sidebar ul li { width: 95px; float: left; font-size: 11px; text-transform: uppercase; font-weight: 700; cursor: move; background: #fafafa; padding: 40px 0; margin: 1px; border: 1px solid #ddd; text-align: center; }

.hcon-sidebar ul li a, .hcon-sidebar ul li .delete-hcon { display: none; }

.hcon-sidebar ul#hcon-comps.adding { background: rgba(0, 0, 0, 0.1); }

.hcon-sidebar ul li.ui-draggable-dragging { opacity: 1; }

div.hcon-widget { position: relative; margin: 10px; }

div.hcon-widget span.label { font-weight: 500; text-transform: uppercase; color: #40444d; font-size: 10px; float: left; margin-top: 5px; }

div.hcon-widget span.height { font-weight: 500; text-transform: uppercase; color: #40444d; font-size: 10px; float: right; }

div.hcon-widget span.height input { width: 35px; font-size: 11px; border-radius: 0; margin: 0px 2px 4px 0px; }

div.hcon-widget span.height input.error { border: 1px solid #f1081e; box-shadow: 0px 0px 9px #fdb7bd; }

div.hcon-widget div.hcon-widget-body { min-height: 70px; background: #fafafa; position: relative; }

div.hcon-widget.main-menu div.hcon-widget-body { min-height: 90px; }

div.hcon-widget.home-media div.hcon-widget-body { min-height: 250px; }

div.hcon-widget div.hcon-widget-body a.pin { color: #ddd; position: absolute; top: -15px; left: 52%; font-size: 13px; width: 16px; height: 15px; }

div.hcon-widget div.hcon-widget-body a.eye { color: #ddd; position: absolute; top: -15px; left: 44%; font-size: 13px; width: 16px; height: 15px; }

div.hcon-widget div.hcon-widget-body a.eye:hover, div.hcon-widget div.hcon-widget-body a.pin:hover { color: #aaa; }

div.hcon-widget div.hcon-widget-body a.pin.active { color: #4f545b; font-size: 13px; }

div.hcon-widget div.hcon-widget-body a.eye.active { color: #4f545b; font-size: 13px; }

div.hcon-widget div.one_third { width: 33.33%; float: left; min-height: 40px; position: relative; }

div.hcon-widget div.full-area { width: 100%; clear: both; min-height: 40px; position: relative; }

div.hcon-widget div.one_third > div.visual-ui, div.hcon-widget div.full-area > div.visual-ui { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; min-height: 40px; background: #fafafa; text-align: center; color: #2a2d33; font-weight: 700; padding-top: 10px; opacity: 0; font-size: 9px; }

div.hcon-widget div.container { position: relative; z-index: 2; top: 0; left: 0; width: 100%; min-height: 80px; }

div.hcon-block { font-family: "Open Sans"; width: 100%; height: 10px; position: relative; background: #f3f3f3; padding: 10px 0px 20px 0px; text-align: center; font-weight: 700; color: #2a2d33; text-transform: uppercase; font-size: 10px; }

div.hcon-block a { position: absolute; top: 5px; right: 5px; font-size: 24px; height: 20px; width: 20px; display: block; }

div.hcon-block a.hcon-edit { font-size: 11px; color: #888; }

div.hcon-block .delete-hcon { font-size: 11px; color: #222; cursor: pointer; }

div.social-links > div { display: none; }

div.ioahead-delete-message { max-width: 400px; margin: 10px auto; text-align: center; background: #eee; padding: 20px; display: none; }

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

div.ioahead-delete-message > a.button-save { margin-bottom: 0; }

div.component-opts .hide { display: none; }

div.create-slider-section { background: #eee; 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: #f6f7f8; 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: #555; background: #eee; 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: #1a83d1; color: #eee; }

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

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

div.slider-item h6 { padding: 18px 0 0 20px; font-size: 13px; color: #67778a; 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: #1a83d1; 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: #eee; padding: 15px; margin: 0px 0px; }

#slider_slides .toolbox > a, #slider_options .toolbox > a { margin: 0 4px 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 22px; 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: #1a83d1; 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 { color: #777; font-size: 18px; padding: 31px 0; height: 14px; width: 75px; text-align: center; opacity: 0.8; background: white; 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%; }

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

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; }

.widget .ioa-query-box a.button-default { padding: 4px 12px; }

.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: #eee; 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) white; color: #fff; font-size: 10px; }

div.filter-media-list ul li a { text-decoration: none; color: #333; 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) #1a83d1; box-shadow: none; }

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

div.cp-list > div { background: #eee; 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: #888; background: #ddd; 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: #1a83d1; color: #fff; }

div.cp-item a.close { position: absolute; top: 1px; right: 1px; color: #333; 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: #333; 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: #eee; padding: 15px; margin: 0px 0px; }

#cp_slides .toolbox > a, #cp_options .toolbox > a { margin: 0 15px 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 div.ioa_select_wrap { width: 333px; }

div.cp-slide { position: relative; }

div.cp-slide-head { background: #eee; 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: #333; font-size: 16px; display: block; line-height: 1; }

div.cp-slide-head > a.mcp-edit { background: #ddd; color: #888; 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: #1a83d1; color: #444; }

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

div.cp-slide-head > span { float: left; margin-top: 18px; margin-left: 21px; font-weight: 700; color: #777; }

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: #444; 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) #1a83d1; color: #fff; }

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

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

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

div.ioa-below-title-area { margin-top: 30px; }

/** Title Lightbox Settings */
.close-title-lightbox { position: absolute; top: 15px; right: 15px; }

.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; border-radius: 6px; background: #fff; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); }

.ioa-title-lightbox-head { padding: 15px; border-bottom: 1px solid #dfdfdf; }

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

.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: 87%; }

.ioa-title-lightbox-tabs ul { margin: 0; padding: 0 7px; border-bottom: 1px solid #dfdfdf; display: block; }

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

.ioa-title-lightbox-tabs ul li a { margin: 8px 5px; padding: 5px 20px; display: block; border-radius: 6px; color: #666; text-decoration: none; font-size: 12px; font-weight: 600; transition: all 0.2s ease-in-out; }

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

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

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

#subtitle { display: block; width: 95%; padding: 8px; margin-top: 5px; }

/** Page Lightbox Settings */
#ioa_page_styling .inside { margin: 0; padding: 0; }

.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; border-radius: 6px; background: #fff; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); }

.ioa-page-lightbox-head { padding: 15px; border-bottom: 1px solid #dfdfdf; }

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

.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: 87%; }

.ioa-page-lightbox-tabs ul { margin: 0; padding: 15px 25px 25px 25px; display: block; border: none; background: none; width: 20%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-right: 1px solid #eee; }

.ioa-page-lightbox-tabs .ioa-page-mod-section { padding: 0px 0px 15px 15px; width: 80%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #eee; margin-left: -1px; }

.ioa-page-lightbox-tabs ul li.ui-state-default { margin: 0; padding: 0; background: none; border: none; text-align: right; }

.ioa-page-lightbox-tabs ul li a { margin: 10px 5px 0px 0px !important; padding: 8px 17px; border: 1px solid transparent; display: block; border-radius: 3px; color: #666; text-decoration: none; font-size: 12px; font-weight: 600; }

div.ioa-page-lightbox-tabs { padding: 0; margin: 0; background: none; border: none; }

div.ioa-page-lightbox-tabs ul li:hover, .ioa-page-lightbox-tabs ul li.ui-state-active { border: none; background: none; }

.ioa-page-lightbox-tabs ul li.ui-state-active a, .ioa-page-lightbox-tabs ul li:hover a { background: white; background: -moz-linear-gradient(top, white 0%, #f7f9fa 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(100%, #f7f9fa)); background: -webkit-linear-gradient(top, white 0%, #f7f9fa 100%); background: -o-linear-gradient(top, white 0%, #f7f9fa 100%); background: -ms-linear-gradient(top, white 0%, #f7f9fa 100%); background: linear-gradient(to bottom, #ffffff 0%, #f7f9fa 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f9fa', GradientType=0 ); border: 1px solid #CDCED0; border-radius: 3px; color: #33383e; text-decoration: none; outline: none; text-shadow: none; font-weight: 600; -webkit-border-radius: 3px; -webkit-font-smoothing: antialiased; padding: 7px 16px; margin: 0px 0 0 10px; padding: 8px 17px; }

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

.ioa-page-mod-section .ioa-information-p { margin: 20px 20px 0px 0px; }

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

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

.pt-filter { display: none; }

.bt-filter { display: none; }

#ioa_page_settings div.ioa-input:first-child { padding-top: 0; }

/** Context Bar Settings */
ul.ioa-context-bar { float: left; margin: 0 20px 10px 0; }

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

ul.ioa-context-bar li a { display: block; text-decoration: none; font-size: 11px; margin: 0; cursor: pointer; text-decoration: none; display: inline-block; outline: none; text-shadow: none; color: #fff; font-weight: 600; font-size: 12px; border: 1px solid #076bb3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #54a3e8; background: -moz-linear-gradient(top, #54a3e8 0%, #2180c0 50%, #1e84c8 50%, #0080db 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #54a3e8), color-stop(50%, #2180c0), color-stop(50%, #1e84c8), color-stop(100%, #0080db)); background: -webkit-linear-gradient(top, #54a3e8 0%, #2180c0 50%, #1e84c8 50%, #0080db 100%); background: -o-linear-gradient(top, #54a3e8 0%, #2180c0 50%, #1e84c8 50%, #0080db 100%); background: -ms-linear-gradient(top, #54a3e8 0%, #2180c0 50%, #1e84c8 50%, #0080db 100%); background: linear-gradient(to bottom, #54a3e8 0%, #2180c0 50%, #1e84c8 50%, #0080db 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#54a3e8', endColorstr='#0080db', GradientType=0 ); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0px 1px 1px rgba(255, 255, 255, 0.4); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0px 1px 1px rgba(255, 255, 255, 0.4); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0px 1px 1px rgba(255, 255, 255, 0.4); webkit-font-smoothing: subpixel-antialiased; padding: 8px 15px; }

ul.ioa-context-bar li:first-child a { margin-right: 10px; }

ul.ioa-context-bar li:hover a { background: #3190e3; background: -moz-linear-gradient(top, #3190e3 0%, #1c70a8 50%, #1a72ad 50%, #006ebd 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #3190e3), color-stop(50%, #1c70a8), color-stop(50%, #1a72ad), color-stop(100%, #006ebd)); background: -webkit-linear-gradient(top, #3190e3 0%, #1c70a8 50%, #1a72ad 50%, #006ebd 100%); background: -o-linear-gradient(top, #3190e3 0%, #1c70a8 50%, #1a72ad 50%, #006ebd 100%); background: -ms-linear-gradient(top, #3190e3 0%, #1c70a8 50%, #1a72ad 50%, #006ebd 100%); background: linear-gradient(to bottom, #3190e3 0%, #1c70a8 50%, #1a72ad 50%, #006ebd 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3190e3', endColorstr='#006ebd', GradientType=0 ); border: 1px solid #0d5080; color: #fff; }

/** 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) white; 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 span { color: #444; margin: 7px 15px 0px 15px; display: block; }

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: #1a83d1; }

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 #1a83d1; 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; } }

/** 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: white; font-size: 12px; border-radius: 3px; 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: #1a83d1; 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; }

ul.layout-list { margin: 0; padding: 30px 0 5px 0; }

ul.layout-list li { float: left; list-style: none; margin: 10px; cursor: pointer; }

ul.layout-list li { border: 1px solid transparent; border-radius: 3px; }

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

ul.layout-list li.full { width: 90px; height: 135px; background: url(i/page_layout_sprites.png) -7px 0px !important; }

ul.layout-list li.left-sidebar { width: 90px; height: 135px; background: url(i/page_layout_sprites.png) -109px 0px no-repeat; }

ul.layout-list li.right-sidebar { width: 90px; height: 135px; background: url(i/page_layout_sprites.png) -211px 0px no-repeat; }

ul.layout-list li.sticky-right-sidebar { width: 90px; height: 135px; background: url(i/page_layout_sprites.png) -420px 0px no-repeat; }

ul.layout-list li.sticky-left-sidebar { width: 90px; height: 135px; background: url(i/page_layout_sprites.png) -319px 0px no-repeat; }

ul.layout-list li.below-title { width: 90px; height: 135px; background: url(i/page_layout_sprites.png) -524px 0px no-repeat; }

ul.layout-list li.above-footer { width: 90px; height: 135px; background: url(i/page_layout_sprites.png) -624px 0px no-repeat; }

div.ioa-gallery-item { float: left; margin: 0px 1px 1px 0px; position: relative; cursor: move; }

div.ioa-gallery-item a { background: #ff0000; color: #fff; position: absolute; top: 0px; right: 0; display: block; padding: 14px; font-size: 12px; }

#ioa_custom_code #ioa_images { padding: 20px; }

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

#ioa_custom_panel .inside { margin: 0; padding: 0; }

#ioa_custom_code > ul { margin: 0; padding: 15px 25px 25px 25px; display: block; border: none; background: none; width: 20%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-right: 1px solid #eee; }

#ioa_custom_code div.ui-tabs-panel { padding: 0px 0px 15px 0px; width: 80%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #eee; margin-left: -1px; }

#ioa_custom_code ul li.ui-state-default { margin: 0; padding: 0; background: none; border: none; text-align: right; }

#ioa_custom_code ul li a { margin: 10px 5px 0px 0px !important; padding: 8px 17px; border: 1px solid transparent; display: block; border-radius: 3px; color: #666; text-decoration: none; font-size: 12px; font-weight: 600; }

#ioa_custom_code { padding: 0; margin: 0; background: none; border: none; }

#ioa_custom_code > ul li:hover, .ioa-page-lightbox-tabs ul li.ui-state-active { border: none; background: none; }

#ioa_custom_code ul li.ui-state-active a, #ioa_custom_code ul li:hover a { background: white; background: -moz-linear-gradient(top, white 0%, #f7f9fa 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(100%, #f7f9fa)); background: -webkit-linear-gradient(top, white 0%, #f7f9fa 100%); background: -o-linear-gradient(top, white 0%, #f7f9fa 100%); background: -ms-linear-gradient(top, white 0%, #f7f9fa 100%); background: linear-gradient(to bottom, #ffffff 0%, #f7f9fa 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f9fa', GradientType=0 ); border: 1px solid #CDCED0; border-radius: 3px; color: #33383e; text-decoration: none; outline: none; text-shadow: none; font-weight: 600; -webkit-border-radius: 3px; -webkit-font-smoothing: antialiased; padding: 7px 16px; margin: 0px 0 0 10px; padding: 8px 17px; }

#ioa_custom_code > ul li a:hover, #ioa_custom_code ul li a:focus { color: #333; }

#ioa_custom_panel h3.ioa_panel_heading { padding: 15px; background: #fafafa; border-bottom: 1px solid #eee; cursor: pointer; }

/** Single Portfolio Images */
a.thumbnail-ioa-images-generator { float: left; clear: both; }

#ioa_portfolio_images .ioa-image-area, #ioa_thumbnail_management .ioa-image-area { padding: 10px; clear: both; }

#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: #1a83d1; 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; }