/**
 * Structure
 */
div.skeleton {
  width: 1060px;
  margin: 0 auto; }

#rad_sidebar {
  line-height: 1.4;
  position: fixed;
  bottom: 0;
  left: 0;
  height: 272px;
  background: #43464a;
  z-index: 5;
  width: 100%;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0; }

div.head-stub {
  background: #2f3236;
  border-bottom: 1px solid #0c1217;
  height: 20px;
  width: 100%; }

div.title-stub {
  background: #44474c;
  border-bottom: 1px solid #0c1217;
  padding: 25px 0;
  width: 100%;
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.5px; }

/**
 * Top bar Code
 */
#top-rad-bar {
  color: #fff;
  position: relative;
  z-index: 5; }

#top-rad-bar ul {
  margin: 0;
  padding: 0; }

#top-rad-bar ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  font-weight: 400; }

#top-rad-bar {
  background: #2d3034;
  border-top: 1px solid #060a0d;
  border-bottom: 1px solid #060a0d; }

.toggle-rad-sidebar {
  background: url(../i/rad_sprites/radsidebar-toggle-open.png) center center no-repeat;
  border-right: 1px solid #1f2123;
  box-shadow: 1px 0px 1px rgba(255, 255, 255, 0.06);
  position: relative;
  float: left;
  padding: 17px 19px; }

.toggle-rad-sidebar.closed {
  background: url(../i/rad_sprites/radsidebar-toggle.png) center center no-repeat; }

span.b-line {
  position: absolute;
  top: 0;
  height: 100%;
  width: 1px;
  right: 0;
  box-shadow: -1px 0px 1px rgba(255, 255, 255, 0.06); }

.close-rad-mode {
  color: #fff;
  background: url(../i/rad_sprites/preview-bg.png) repeat-x #3a3d40;
  text-decoration: none;
  font-weight: 700;
  border-right: 1px solid #1f2123;
  box-shadow: 1px 0px 1px rgba(255, 255, 255, 0.06);
  position: relative;
  float: left;
  font-size: 11px;
  padding: 10px 19px; }

#c-rad-tabs li {
  list-style: none;
  position: absolute;
  visibility: hidden; }

#rad-tabs {
  float: left;
  border-left: 1px solid #1f2123;
  box-shadow: -1px 0px 1px rgba(255, 255, 255, 0.04);
  margin: 0 0;
  padding: 0;
  position: relative;
  z-index: 10; }

#rad-tabs li {
  float: left;
  border-right: 1px solid #1f2123;
  box-shadow: 1px 0px 1px rgba(255, 255, 255, 0.04);
  list-style: none;
  margin: 0;
  padding: 0; }

#rad-tabs li a {
  position: relative;
  font-weight: 700;
  opacity: 0.5;
  color: #ffffff;
  text-decoration: none;
  letter-spacing: -0.5px;
  font-size: 12px;
  padding: 9px 18px 9px 18px;
  display: block; }

#rad-tabs li.ui-state-active a {
  opacity: 1;
  background: url(../i/rad_sprites/tab-active-bg.png) repeat-x #1f2124; }

#rad-tabs li a img {
  float: left;
  margin-right: 11px;
  margin-top: 2px; }

#rad-tabs li a span {
  float: left; }

#live-preview {
  float: right;
  background: url(../i/rad_sprites/preview-bg.png) repeat-x #3a3d40;
  border-left: 1px solid #1f2123;
  box-shadow: -1px 0px 1px rgba(255, 255, 255, 0.06);
  font-weight: 700;
  color: #ffffff;
  text-decoration: none;
  letter-spacing: -0.5px;
  font-size: 12px;
  padding: 8px 17px 9px 17px;
  font-weight: 600; }

#live-preview img {
  float: left;
  margin-right: 11px;
  margin-top: 1px;
  opacity: 0.5; }

#live-preview span {
  float: left;
  opacity: 0.5; }

#navigator {
  float: right;
  background: #4a96b9;
  font-size: 11px;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  padding: 10px 20px 11px 20px; }

.save-menu {
  float: right;
  position: relative;
  font-size: 11px;
  color: #ffffff;
  text-decoration: none; }

.save-menu > a {
  font-size: 11px;
  color: #ffffff;
  background: url(../i/rad_sprites/save-button-bg.png) repeat-x #1782c0;
  border-left: 1px solid #1f2123;
  text-decoration: none;
  float: left;
  padding: 10px 22px;
  font-weight: 600;
  letter-spacing: -0.5px; }

.save-menu a.save-toggle {
  background: url(../i/rad_sprites/save-toggle-icon.png) center center no-repeat #2991dd;
  float: left;
  padding: 17px 18px 18px 18px;
  border-left: 1px solid #267bbc; }

.save-toggle-wrap {
  float: left; }

.save-menu ul {
  position: absolute;
  top: 34px;
  display: none;
  left: -14px;
  width: 120px;
  padding: 0;
  z-index: 10;
  background: #2991dd; }

.save-menu ul li {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
  border-bottom: 1px solid #267bbc;
  float: none; }

.save-menu ul li a {
  color: #fff;
  font-size: 11px;
  text-transform: none;
  text-decoration: none;
  display: block;
  padding: 8px;
  font-weight: 600; }

div.save-template-lightbox {
  position: absolute;
  display: none;
  top: -103px;
  right: 0;
  width: 300px;
  padding: 20px;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); }

div.save-template-lightbox input[type=text] {
  padding: 8px;
  border: 1px solid #eee;
  border-radius: 3px;
  width: 148px;
  float: left;
  margin-right: 15px; }

div.save-template-lightbox a.close-icon {
  text-decoration: none;
  font-size: 13px;
  position: absolute;
  top: 7px;
  right: 12px; }

a.save-rad-template {
  font-size: 11px;
  color: #ffffff;
  background: url(../i/rad_sprites/save-button-bg.png) repeat-x #1782c0;
  border-radius: 3px;
  text-decoration: none;
  float: left;
  padding: 8px 22px;
  font-weight: 600;
  letter-spacing: -0.5px; }

div.import-template-lightbox {
  position: absolute;
  display: none;
  bottom: -137px;
  left: 0;
  width: 300px;
  padding: 20px;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); }

div.import-template-lightbox input[type=text] {
  padding: 8px;
  border: 1px solid #eee;
  border-radius: 3px;
  width: 148px;
  float: left;
  margin-right: 15px; }

div.import-template-lightbox a.close-icon {
  text-decoration: none;
  font-size: 13px;
  position: absolute;
  top: 7px;
  right: 12px; }

div.rad-content-area {
  position: relative;
  z-index: 4; }

div.rad-builder-area {
  min-height: 200px; }

/**
 * Builder Code
 */
div.builder-toolbar {
  position: relative;
  z-index: 4;
  box-shadow: 0px 1px 0px 0px #4d5053;
  background: #3b3e42;
  border-top: 1px solid #45484d;
  border-bottom: 1px solid #2d3034;
  padding: 5px; }

a.insta-library {
  margin-right: 6px;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  letter-spacing: -0.5px;
  background: url(../i/rad_sprites/insta-button-bg.png) repeat-x #e81d1d;
  float: left;
  border-radius: 4px;
  border: 1px solid #212326;
  padding: 2px 8px; }

a.toolbar-button {
  margin-right: 6px;
  box-shadow: 0px 1px 2px rgba(255, 255, 255, 0.08) inset;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  letter-spacing: -0.5px;
  background: url(../i/rad_sprites/toolbar-button-bg.png) repeat-x #2d3032;
  float: left;
  border-radius: 4px;
  border: 1px solid #212326;
  padding: 2px 8px; }

/**
 * Widgets Search Bar
 */
div.widgets-search-bar {
  background: #4a4e53;
  overflow: hidden;
  width: 40px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4) inset;
  padding: 0px 5px;
  border-radius: 30px;
  border: 1px solid #292b2e;
  float: right; }

div.inner-widgets-search-bar {
  width: 230px; }

div.widgets-search-bar input[type=text] {
  background: none;
  border: none;
  outline: none;
  color: #ddd;
  font-weight: 600;
  font-size: 11px;
  margin-top: 1px;
  padding: 3px 4px;
  width: 200px;
  float: left; }

div.widgets-search-bar a {
  float: left;
  margin: 0px 4px 0 4px; }

/**
 * Main Builder Pane
 */
div.builder-pane {
  background: #f6f6f6;
  border-right: 1px solid #1f2123;
  border-left: 1px solid #1f2123; }

div.rad-widgets {
  background: #f6f6f6;
  border-right: 1px solid #24272a;
  border-left: 1px solid #24272a; }

ul.rad-w-cats {
  padding: 0;
  margin: 0;
  float: left;
  width: 148px;
  height: 227px;
  background: #393c41;
  border-right: 1px solid #1b1d1f; }

ul.rad-w-cats li {
  list-style: none;
  padding: 0;
  margin: 0; }

ul.rad-w-cats li a {
  text-decoration: none;
  position: relative;
  background: url(../i/rad_sprites/rad-w-bg.png) repeat-x #2d3034;
  color: #fff;
  font-size: 12px;
  padding: 14px;
  text-align: right;
  display: block;
  font-weight: 600;
  letter-spacing: -0.5px;
  border-bottom: 1px solid #25272a; }

ul.rad-w-cats li.ui-state-active a {
  background: url(../i/rad_sprites/save-button-bg.png) repeat-x #1782c0; }

ul.rad-w-cats li a img {
  position: absolute;
  bottom: 15px;
  right: -1px;
  display: none; }

ul.rad-w-cats li.ui-state-active a img {
  display: block; }

div.rad-w-tab-content {
  float: left;
  width: 909px;
  overflow: auto;
  height: 200px; }

div.filter-wrap {
  padding: 12px 0px;
  margin: 0 14px;
  border-bottom: 1px solid #e1e1e1; }

div.filter-wrap span {
  font-size: 12px;
  color: #3b3e42;
  float: left;
  margin-top: 4px;
  font-weight: 600; }

div.filter-wrap ul {
  padding: 0;
  margin: 0;
  float: left; }

div.filter-wrap ul li {
  list-style: none;
  margin: 0 0 0 10px;
  padding: 0;
  float: left; }

div.filter-wrap ul li a {
  background: #fff;
  color: #9ca2a9;
  display: block;
  padding: 5px 9px;
  border-radius: 2px;
  border: 1px solid #dcdcdc;
  font-size: 10px;
  text-decoration: none; }

div.filter-wrap ul li.active a {
  color: #1d87c9;
  background: #e7e7e7; }

div.rad-thumb {
  cursor: move;
  width: 80px;
  height: 80px;
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  background: #fff;
  float: left;
  margin: 14px 0 0 14px;
  position: relative; }

div.rad-thumb span.label {
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  color: #3b3e42;
  letter-spacing: -0.5px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 5px 0; }

div.rad-thumb span.rad-icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 56px;
  background: #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

div.rad-builder-area {
  background: #fff; }

div.clonable {
  display: none; }

#rad-icon-rad-page-section {
  background: url(../i/rad_sprites/layout-icons.png) -5px -6px; }

#rad-icon-rad-page-container {
  background: url(../i/rad_sprites/layout-icons.png) -100px -6px; }

#rad-icon-rad-page-container-50 {
  background: url(../i/rad_sprites/layout-icons.png) -195px -6px; }

#rad-icon-rad-page-container-33 {
  background: url(../i/rad_sprites/layout-icons.png) -291px -6px; }

#rad-icon-rad-page-container-25 {
  background: url(../i/rad_sprites/layout-icons.png) -385px -6px; }

#rad-icon-rad-page-container-20 {
  background: url(../i/rad_sprites/layout-icons.png) -480px -6px; }

#rad-icon-rad-page-container-66 {
  background: url(../i/rad_sprites/layout-icons.png) -575px -6px; }

#rad-icon-rad-page-container-75 {
  background: url(../i/rad_sprites/layout-icons.png) -670px -6px; }

#rad-icon-rad-page-container-80 {
  background: url(../i/rad_sprites/layout-icons.png) -765px -6px; }

#rad-icon-rad-text-widget {
  background: url(../i/rad_sprites/widgets-icons.png) -2px -2px; }

#rad-icon-rad-gallery-widget {
  background: url(../i/rad_sprites/widgets-icons.png) -97px -2px; }

#rad-icon-rad-post-list-widget {
  background: url(../i/rad_sprites/widgets-icons.png) -194px -2px; }

#rad-icon-rad-post-slider-widget {
  background: url(../i/rad_sprites/widgets-icons.png) -291px -2px; }

#rad-icon-rad-post-grid-widget {
  background: url(../i/rad_sprites/widgets-icons.png) -385px -2px; }

#rad-icon-rad-intro-widget {
  background: url(../i/rad_sprites/widgets-icons.png) -479px -2px; }

#rad-icon-rad-cta-widget {
  background: url(../i/rad_sprites/widgets-icons.png) -575px -2px; }

#rad-icon-rad-tabs-widget {
  background: url(../i/rad_sprites/widgets-icons.png) -669px -2px; }

#rad-icon-rad-accordion-widget {
  background: url(../i/rad_sprites/widgets-icons.png) -766px -2px; }

#rad-icon-rad-prop-widget {
  background: url(../i/rad_sprites/widgets-icons.png) -859px -2px; }

#rad-icon-rad-image-widget {
  background: url(../i/rad_sprites/widgets-icons.png) -4px -95px; }

#rad-icon-rad-divider-widget {
  background: url(../i/rad_sprites/widgets-icons.png) -101px -95px; }

#rad-icon-rad-scrollable-widget {
  background: url(../i/rad_sprites/widgets-icons.png) -197px -95px; }

#rad-icon-rad-testimonials-widget {
  background: url(../i/rad_sprites/widgets-icons.png) -290px -95px; }

#rad-icon-rad-testimonial-widget {
  background: url(../i/rad_sprites/widgets-icons.png) -386px -95px; }

#rad-icon-rad-video-widget {
  background: url(../i/rad_sprites/widgets-icons.png) -481px -95px; }

#rad-icon-rad-piechart-widget {
  background: url(../i/rad_sprites/widgets-icons.png) -576px -95px; }

#rad-icon-rad-bargraph-widget {
  background: url(../i/rad_sprites/widgets-icons.png) -768px -95px; }

#rad-icon-rad-linegraph-widget {
  background: url(../i/rad_sprites/widgets-icons.png) -671px -95px; }

#rad-icon-rad-doughnut-widget {
  background: url(../i/rad_sprites/widgets-icons.png) -860px -99px; }

#rad-icon-rad-progressbar-widget {
  background: url(../i/rad_sprites/widgets-icons.png) -290px -191px; }

#rad-icon-rad-radial-widget {
  background: url(../i/rad_sprites/widgets-icons.png) -383px -191px; }

#rad-icon-rad-stackcircle-widget {
  background: url(../i/rad_sprites/widgets-icons.png) -103px -191px; }

#rad-icon-rad-teamwidget-widget {
  background: url(../i/rad_sprites/widgets-icons.png) -7px -191px; }

/**
 * Page Section Code
 */
div.super-wrapper div.rad-page-section {
  border-bottom: 1px dashed #dfdfdf;
  min-height: 100px;
  line-height: 1.4;
  background: #ffffff; }

div.super-wrapper div.rad-page-section div.section-toolbar {
  cursor: move;
  font-weight: 600;
  padding: 9px 0;
  background: url(../i/rad_sprites/section-tool-bg.png) repeat-x;
  text-transform: uppercase;
  color: #fff;
  font-size: 12px;
  text-align: center;
  position: relative; }

div.super-wrapper div.rad-page-section div.section-toolbar a {
  font-size: 12px;
  position: absolute;
  box-shadow: 1px 0px 1px rgba(255, 255, 255, 0.1);
  text-decoration: none;
  left: 0;
  top: 0;
  text-transform: none;
  color: #fff;
  padding: 8px 12px;
  border-right: 1px solid #7f8386; }

div.super-wrapper div.rad-page-section div.section-toolbar a.section-clone {
  left: 48px; }

div.super-wrapper div.rad-page-section div.section-toolbar a.section-delete {
  position: absolute;
  left: auto;
  right: 0;
  top: 0;
  width: 14px;
  height: 16px;
  box-shadow: -1px 0px 1px rgba(255, 255, 255, 0.1);
  border-left: 1px solid #7f8386;
  background: url(../i/rad_sprites/delete-icon.png) center center no-repeat; }

div.super-wrapper div.rad-page-section .save-data {
  display: none; }

div.section-content {
  padding: 13px 0;
  position: relative; }

div.rad-page-container {
  margin: 1.5%;
  float: left;
  width: 97%; }

div.container-content {
  border: 1px dashed #dfdfdf;
  border-top: none;
  background: #fff;
  padding: 22px 0;
  height: 200px;
  overflow: auto; }

div.rad-page-container.three_fourth {
  width: 72%; }

div.rad-page-container.four_fifth {
  width: 77%; }

div.rad-page-container.two_third {
  width: 63.7%; }

div.rad-page-container.one_half {
  width: 47%; }

div.rad-page-container.one_third {
  width: 30.3%; }

div.rad-page-container.one_fourth {
  width: 22%; }

div.rad-page-container.one_fifth {
  width: 17%; }

div.rad-page-container div.container-toolbar {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  cursor: move;
  font-weight: 600;
  padding: 8px 0 8px 14px;
  background: url(../i/rad_sprites/container-tool-bg.png) repeat-x;
  color: #fff;
  font-size: 12px;
  position: relative; }

div.rad-page-container div.container-toolbar a {
  font-size: 11px;
  box-shadow: -1px 0px 1px rgba(255, 255, 255, 0.1);
  text-decoration: none;
  text-transform: none;
  color: #fff;
  padding: 8px 12px;
  border-left: 1px solid #1f2123; }

a.container-delete {
  width: 14px;
  height: 16px;
  background: url(../i/rad_sprites/delete-icon.png) center center no-repeat; }

div.right-buttons {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100; }

div.right-buttons a {
  float: left; }

div.container-layout {
  float: left; }

div.container-layout div.ioa_select_wrap {
  overflow: hidden;
  height: 31px;
  width: 42px;
  background: url(../i/rad_sprites/container-layout-arrow.png) 91% 12px no-repeat;
  padding: 0px 17px 0px 0;
  outline: none;
  font-size: 12px; }

div.container-layout div.ioa_select_wrap select {
  -webkit-appearance: none;
  background: transparent !important;
  border: none;
  cursor: pointer;
  display: block;
  vertical-align: center;
  padding: 9px 0px 7px 4px;
  height: 31px;
  color: #fff;
  width: 90px;
  font-weight: 600;
  font-size: 11px; }

div.container-layout div.ioa_select_wrap select option {
  color: #8e8e8e; }

div.tooltip {
  display: none;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 2px;
  width: 159px; }

div.tooltip-wrap {
  position: absolute;
  top: -34px;
  right: 0;
  width: 159px;
  height: 40px; }

/**
 * Widget styling
 */
div.rad-page-widget {
  margin: 15px; }

div.widget-content {
  border: 1px dashed #dfdfdf;
  border-top: none;
  background: #fff;
  padding: 13px; }

div.rad-page-widget div.widget-toolbar {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  cursor: move;
  font-weight: 600;
  padding: 8px 0 8px 14px;
  background: url(../i/rad_sprites/widget-tool-bg.png) repeat-x;
  color: #fff;
  font-size: 12px;
  position: relative; }

div.rad-page-widget div.widget-toolbar a {
  font-size: 11px;
  box-shadow: -1px 0px 1px rgba(255, 255, 255, 0.1);
  text-decoration: none;
  text-transform: none;
  color: #fff;
  padding: 8px 12px;
  border-left: 1px solid #66686a; }

a.widget-delete {
  width: 14px;
  height: 16px;
  background: url(../i/rad_sprites/delete-icon.png) center center no-repeat; }

div.right-buttons {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100; }

div.right-buttons a {
  float: left; }

div.right-buttons div.tooltip-wrap a {
  border-left: 1px solid #1f2123; }

div.rad-page-widget div.right-buttons div.tooltip-wrap, div.rad-page-widget div.right-buttons div.tooltip {
  width: 100px; }

/**
 * RAD Lightbox
 */
.custom-id {
  font-size: 10px;
  background: #333;
  color: #fff;
  font-weight: 700;
  border-radius: 2px;
  float: right;
  margin-left: 5px;
  padding: 2px 4px; }

div.settings-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99991;
  opacity: 0.7;
  background: #000000; }

div.settings-body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: auto;
  bottom: 70px; }

div.settings-pane {
  display: none; }

div.rad-widget-settings {
  min-width: 750px;
  width: 70%;
  float: left;
  margin: 25px 0 25px 25px; }

div.settings-lightbox {
  display: none;
  position: fixed;
  top: 50px;
  left: 50px;
  bottom: 50px;
  right: 50px;
  background: #fff;
  border-radius: 2px;
  z-index: 99992; }

div.inner-settings-body h4 {
  margin: 0;
  padding: 0;
  font-size: 15px;
  color: #3b3e42; }

div.input-section-accordion {
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  margin-top: 20px;
  height: 100%; }

div.input-section-accordion h3 {
  margin: 0;
  cursor: pointer;
  padding: 14px;
  position: relative;
  color: #3b3e42;
  font-size: 14px;
  border-bottom: 1px solid #d3d3d3; }

div.input-section-accordion h3 a.section-reset {
  position: absolute;
  display: none;
  top: 6px;
  right: 6px;
  border-radius: 3px;
  font-size: 13px;
  color: #ffffff;
  background: url(../i/rad_sprites/reset-button-bg.png) repeat-x #e22f2f;
  text-decoration: none;
  padding: 8px 20px;
  font-weight: 600;
  letter-spacing: -0.5px; }

div.input-section-accordion h3.ui-accordion-header-active {
  background: #fafafa; }

div.input-section-accordion h3.ui-accordion-header-active a.section-reset {
  display: block; }

div.input-section-accordion h3:last-child {
  border-bottom: none; }

div.input-section-accordion > div {
  padding: 15px;
  border-bottom: 1px solid #d3d3d3; }

div.input-section-accordion div.ioa_input, div.scourge div.ioa_input {
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px; }

div.input-section-accordion div label, div.scourge label {
  font-size: 12px;
  color: #3b3e42;
  width: 150px;
  float: left;
  font-weight: 600;
  margin-top: 8px;
  margin-right: 15px; }

div.input-section-accordion div.ioa_input_holder, div.scourge div.ioa_input div.ioa_input_holder {
  float: left;
  width: 300px; }

div.input-section-accordion div.ioa_input_holder.editor, div.scourge div.ioa_input div.ioa_input_holder.editor {
  float: left;
  width: 700px; }

div.input-section-accordion input[type=text], div.scourge input[type=text] {
  width: 250px;
  border: 1px solid #dddddd;
  border-radius: 2px;
  box-shadow: 0px 1px 3px #ddd inset;
  padding: 8px 5px;
  color: #888888; }

div.input-section-accordion textarea {
  width: 250px;
  height: 170px;
  border: 1px solid #dddddd;
  border-radius: 2px;
  box-shadow: 0px 1px 3px #ddd inset;
  padding: 8px 5px;
  color: #888888; }

div.input-section-accordion input[type=text].slider-input {
  width: 82px; }

div.input-section-accordion input[type=text].posts_query {
  width: 155px; }

div.input-section-accordion input[type=text].tab_icon {
  width: 171px; }

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

div.groud-check-wrap input[type=checkbox] {
  float: right;
  margin-top: 9px; }

div.input-section-accordion div.ioa_input_holder div.ioa_select_wrap, div.scourge div.ioa_input_holder div.ioa_select_wrap {
  overflow: hidden;
  height: 31px;
  width: 250px;
  box-shadow: 0px 1px 3px #ddd inset;
  background: url(../i/rad_sprites/settings-arrow.png) 97% 8px no-repeat;
  border: 1px solid #dddddd;
  padding: 0px 17px 0px 0;
  outline: none;
  font-size: 12px; }

div.input-section-accordion div.ioa_input_holder div.ioa_select_wrap select, div.scourge div.ioa_input_holder div.ioa_select_wrap select {
  -webkit-appearance: none;
  background: transparent !important;
  border: none;
  cursor: pointer;
  display: block;
  vertical-align: center;
  padding: 9px 0px 7px 4px;
  height: 31px;
  color: #444;
  width: 300px;
  font-weight: 600;
  font-size: 11px; }

div.input-section-accordion div.ioa_input_holder div.ioa_select_wrap select option, div.scourge div.ioa_input_holder div.ioa_select_wrap select option {
  color: #8e8e8e; }

div.bottom-bar {
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 15px 0; }

div.bottom-bar a {
  margin: 0px 0px 0px 20px; }

div.bottom-bar a.cancel-settings {
  float: left;
  border-radius: 3px;
  font-size: 13px;
  color: #ffffff;
  background: url(../i/rad_sprites/rad-w-bg.png) repeat-x #2d3034;
  text-decoration: none;
  padding: 8px 20px;
  font-weight: 600;
  letter-spacing: -0.5px; }

div.bottom-bar a.save-settings {
  float: left;
  border-radius: 3px;
  font-size: 13px;
  color: #ffffff;
  background: url(../i/rad_sprites/save-button-bg.png) repeat-x #1782c0;
  text-decoration: none;
  padding: 8px 20px;
  font-weight: 600;
  letter-spacing: -0.5px; }

a.add-rad-icon {
  float: left;
  border-radius: 3px;
  font-size: 13px;
  color: #ffffff;
  background: url(../i/rad_sprites/rad-w-bg.png) repeat-x #2d3034;
  text-decoration: none;
  padding: 8px 20px;
  font-weight: 600;
  letter-spacing: -0.5px; }

#ioa-intro-trigger, .live-rad-edit-button, #ioa-custom-templates-toggle {
  display: none !important; }

/**
 * Upload 
 */
a.image_upload, a.video_upload {
  position: absolute;
  top: 0;
  right: 32px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  font-size: 11px;
  color: #ffffff;
  background: url(../i/rad_sprites/save-button-bg.png) repeat-x #1782c0;
  text-decoration: none;
  float: left;
  padding: 10px 22px 9px 22px;
  font-weight: 600;
  letter-spacing: -0.5px; }

/**
 * Colorpicker Stylings
 */
.ioa_input_holder {
  position: relative; }

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

span.minicolors {
  float: left; }

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

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

a.picker-delete {
  position: absolute;
  top: 2px;
  left: 3px;
  z-index: 10;
  display: block;
  width: 16px;
  height: 16px;
  background: url(../../backend/css/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;
  padding-left: 20px; }

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

.minicolors-swatch {
  position: relative;
  width: 34px;
  height: 33px;
  text-align: left;
  float: right;
  background: url(../../backend/css/i/color-picker-bg.png);
  margin: 0px 15px 0 -28px;
  vertical-align: middle;
  z-index: 10;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.minicolors-swatch SPAN {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  position: absolute;
  width: 100%;
  height: 100%;
  background: none;
  display: inline-block; }

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

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

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

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

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

.minicolors .minicolors-grid {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 150px;
  height: 150px;
  background: url(../../backend/css/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(../../backend/css/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(../../backend/css/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; }

/*
Lightbox Styling
 */
div.rad-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);
  display: none; }

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

div.rad-l-head h4 {
  margin: 0;
  padding: 0 00px 0; }

div.rad-l-body {
  height: 520px;
  background: #fafafa;
  overflow: auto; }

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

a#save-l-data, a#close-l {
  margin-top: 20px; }

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

/**
 * Shortcode Engine
 */
div.shortcode-lightbox a.save-ioa-module {
  display: block; }

div.shortcode-lightbox div.ioa_input_holder div.ioa_select_wrap {
  overflow: hidden;
  background: url(../../backend/css/i/dropdown.png) 100% 0px no-repeat white;
  border: 1px solid #c8d4d9;
  padding: 0px 17px 0px 0;
  outline: none;
  color: #354146;
  font-size: 13px; }

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

div.shortcode-lightbox {
  width: 700px;
  height: 650px;
  position: fixed;
  top: 100px;
  left: 100px;
  z-index: 99995;
  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: 585px;
  position: relative;
  background: url(../../backend/css/i/loader.gif) center center no-repeat; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

div.shortcodes-desc-area .add_shortcode {
  text-decoration: none;
  color: #fff;
  margin-top: 0px;
  margin-left: 10px;
  float: left;
  padding: 7px 12px;
  background: #22d3e3;
  font-weight: 600; }

div.shortcodes-desc-area .info_shortcode {
  text-decoration: none;
  color: #fff;
  margin-top: 0px;
  background: #ff8a00;
  float: left;
  font-weight: 600;
  padding: 7px 12px; }

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

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

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

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

#s-column-maker a {
  text-decoration: none;
  color: #fff;
  width: 12.33%;
  text-align: center;
  font-weight: 700;
  background: #444444;
  float: left;
  margin: 2px;
  padding: 4px; }

#s-column-maker a.last {
  background: #22d3e3; }

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

div.column-maker-area {
  padding: 0px 10px;
  background: #444;
  margin-top: 15px; }

div.column-maker-area .col {
  position: relative;
  margin-right: 1.2%;
  margin-bottom: 1%;
  margin-top: 1%;
  float: left;
  min-height: 70px;
  padding: 1%;
  background: white; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ex-shortcode-mods div.ioa_input_holder input[type=text] {
  width: 250px;
  border: 1px solid #dddddd;
  border-radius: 2px;
  box-shadow: 0px 1px 3px #ddd inset;
  padding: 8px 5px;
  color: #888888; }

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

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

ul.sicon-list li.active {
  box-shadow: 0px 0px 14px #ddd;
  z-index: 10; }

ul.sicon-list li.active i {
  color: #333; }

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

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: #01b1af;
  font-weight: 700; }

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

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

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

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

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

/**
* Scourge Icon Engine
*/
div.preview_pane h3 {
  cursor: pointer;
  margin: 0;
  padding: 12px;
  color: #3f404b;
  font-weight: 600;
  border: 1px solid #ddd;
  font-size: 12px;
  margin-top: -1px;
  position: relative;
  background: url(../i/rad_sprites/rad_options_head_bg.jpg) repeat-x; }

div.grouping {
  display: none; }

div.grouping div.ioa_input {
  padding: 10px; }

div.scourge {
  position: relative; }

div.scourge ul.icons-menu {
  background: #fafafa;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #eee;
  font-size: 12px; }

div.scourge ul.icons-menu li {
  text-align: center;
  color: #7d7d7d;
  float: left;
  padding: 0px;
  margin: 0;
  display: block; }

div.scourge ul.icons-menu li a {
  padding: 13px 21px;
  margin: 0;
  border-right: 1px solid #dfdfdf;
  display: block;
  color: #a3a3a3;
  text-decoration: none; }

div.scourge ul.icons-menu li:hover, div.subpanel > ul li.ui-state-active {
  background: #fff; }

div.sc-tabs {
  position: relative; }

ul.parent_dir {
  margin: 0;
  position: absolute;
  width: 180px;
  font-size: 11px;
  background: #4b595f;
  padding: 10px 0px 0px 10px;
  height: 470px;
  overflow: auto; }

ul.parent_dir li {
  padding: 8px;
  cursor: pointer;
  margin: 0;
  list-style: none;
  color: #fff; }

ul.parent_dir li ul {
  display: none; }

ul.parent_dir li img {
  float: left;
  max-width: 16px;
  margin-right: 10px; }

ul.parent_dir li span {
  float: left;
  font-size: 10px;
  color: #eee; }

ul.parent_dir li strong {
  background: url(../i/plus2-26.png) left center no-repeat;
  padding: 2px 2px 2px 20px;
  color: #fff; }

ul.parent_dir li.active strong {
  background: url(../i/minus2-26.png) left center no-repeat;
  padding: 2px 2px 2px 20px;
  color: #fff; }

ul.parent_dir ul.child_list {
  padding-left: 20px; }

div.preview_pane {
  float: left;
  width: 490px;
  margin-left: 190px; }

div.sticky-save-message {
  display: none;
  position: fixed;
  top: 40%;
  left: 40%;
  background: rgba(0, 0, 0, 0.8);
  padding: 20px 60px;
  font-weight: 700;
  border-radius: 3px;
  z-index: 999;
  color: #fff;
  font-size: 12px; }

div.preview_pane.image-icon-pane {
  float: none;
  width: 100%;
  margin-left: 0;
  overflow: visible; }

div.preview_pane h4 {
  margin: 10px; }

div.icon-canvas {
  margin: 10px;
  border: 1px dotted #ddd;
  padding: 10px; }

div.icon-canvas span.icon-wrap {
  max-width: 100%;
  margin: 0 auto;
  border-style: solid;
  border-color: transparent;
  border-width: 1px;
  display: inline-block; }

div.icon-canvas span.icon-wrap i {
  text-align: center;
  vertical-align: center;
  color: inherit;
  display: block; }

div.icon-canvas img {
  max-width: 100%;
  margin: 0 auto;
  display: block; }

div.icon-wrap span.icon-wrap img {
  max-width: 100%; }

div.icon-opts div.grouping div.hades_input {
  width: 135px;
  margin: 4px;
  padding-right: 0; }

div.icon-opts div.grouping div.hades_input div.hades_input_holder.small {
  width: 100%; }

div.icon-opts div.grouping div.hades_input div.hades_input_holder.small input[type=text] {
  width: 90px; }

div.icon-opts div.grouping div.hades_input div.hades_input_holder.small div.colorpicker-wrap {
  width: 200px; }

div.icon-opts div.grouping div.hades_input div.hades_input_holder.small div.colorpicker-wrap input[name=icon_bg-opacity] {
  width: 40px; }

div.icon-opts div.grouping div.hades_input div.hades_input_holder.small div.colorpicker-wrap input[name=icon_brcolor-opacity] {
  width: 40px; }

div.icon-opts div.grouping div.hades_input label {
  font-size: 10px;
  font-weight: 100;
  width: auto; }

div.icon-opts div.grouping.colorpicker-area div.hades_input {
  width: 215px;
  margin: 4px;
  padding-right: 0; }

#sc-icon-import {
  position: absolute;
  top: -39px;
  right: 14px;
  z-index: 10; }

ul.parent_dir li ul.child_list i {
  color: #fff;
  font-size: 28px;
  display: block;
  line-height: 18px;
  vertical-align: middle; }

#fonticons ul.parent_dir li ul.child_list {
  padding: 10px 0; }

#fonticons ul.parent_dir li ul.child_list li {
  float: left; }

.button-save, .button-hprimary {
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  background: #e68609;
  padding: 8px 12px;
  outline: none;
  border: none;
  text-shadow: none;
  color: #fff;
  font-weight: 600;
  margin: 3px 20px 20px 10px;
  font-size: 12px; }

a.button-default:hover, a.button-hprimary:hover, .button-hprimary:hover {
  text-decoration: none;
  color: #fff;
  opacity: 0.8; }

div.sticky-save-message {
  display: none;
  position: fixed;
  top: 40%;
  left: 40%;
  background: rgba(0, 0, 0, 0.8);
  padding: 20px 60px;
  font-weight: 700;
  border-radius: 3px;
  z-index: 999;
  color: #fff;
  font-size: 12px; }

.ui-draggable-dragging {
  position: fixed !important; }

/**
 * RAD Visual Panel
 */
div.rad-styler {
  float: right;
  width: 250px;
  height: 100%;
  background: #676f74; }

div.rad-styler h4 {
  color: #fff;
  padding: 15px 0 15px 15px;
  border-bottom: 2px solid #5d6468; }

div.rad-styler h3 {
  position: relative;
  color: #fff;
  font-weight: 100px;
  padding: 15px;
  cursor: pointer;
  border-bottom: 1px solid #5d6468;
  font-size: 12px; }

div.rad-styler h3 a.style-reset {
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
  border-radius: 3px;
  font-size: 13px;
  color: #ffffff;
  background: url(../i/rad_sprites/reset-button-bg.png) repeat-x #e22f2f;
  text-decoration: none;
  padding: 5px 15px;
  font-weight: 600;
  letter-spacing: -0.5px; }

div.rad-styler h3.ui-state-active a.style-reset {
  display: block; }

div.inner-visual-settings-panel > div {
  border-bottom: 1px solid #5d6468; }

div.rad-styler div.colorpicker-wrap {
  width: 230px; }

div.rad-styler div.ioa_input_holder.medium div.colorpicker-wrap input[type=text] {
  width: 150px; }

div.rad-styler label {
  font-size: 12px;
  color: #fff;
  width: 150px;
  font-weight: 600;
  display: block;
  padding: 10px 7px 10px 0; }

div.rad-styler div.ioa_input {
  margin: 0px 0px 8px 15px; }

div.rad-styler div.ioa_input input[type=text] {
  width: 150px;
  border: 1px solid #fff;
  border-radius: 2px;
  padding: 8px 5px;
  color: #888888; }

div.settings-pane {
  position: relative; }

div.sub-styler-section {
  padding: 10px 0;
  background: #545c61; }

/* == Slider behaviour ======================================== */
.slider-suffix {
  float: left;
  width: 10px;
  font-size: 12px;
  margin: 8px 0px 0px 5px;
  padding-top: 0;
  color: #fff; }

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

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

.ioa_input .ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 22px;
  height: 20px;
  cursor: pointer;
  background: url(../../backend/css/i/handle-rad.png) top left no-repeat;
  margin-top: 0px; }

.ioa_input .ui-slider .ui-slider-range {
  background: #b2bec5;
  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: 0px;
  bottom: 0px;
  height: 6px;
  border-radius: 5px; }

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

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

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

div.ioa_input_holder.small input[type=text].slider-input {
  width: 25px;
  float: left; }

/**
 * Import Template Stylings
 */
div.import-template-lightbox div.ioa_input {
  float: left; }

div.import-template-lightbox div.ioa_input_holder div.ioa_select_wrap {
  overflow: hidden;
  background: url(../../backend/css/i/dropdown.png) 100% 0px no-repeat white;
  border: 1px solid #c8d4d9;
  padding: 0px 17px 0px 0;
  outline: none;
  color: #354146;
  font-size: 13px; }

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

div.import-template-lightbox div.ioa_input_holder {
  width: 144px; }

div.import-template-lightbox div.ioa_input_holder div.ioa_select_wrap {
  width: 110px; }

div.import-template-lightbox div.ioa_input_holder div.ioa_select_wrap select {
  width: 145px; }

a.import-rad-template {
  font-size: 11px;
  color: #ffffff;
  background: url(../i/rad_sprites/save-button-bg.png) repeat-x #1782c0;
  border-radius: 3px;
  text-decoration: none;
  float: left;
  padding: 8px 18px;
  font-weight: 600;
  letter-spacing: -0.5px;
  margin-right: 8px; }

a.delete-rad-template {
  font-size: 11px;
  color: #ffffff;
  background: url(../i/rad_sprites/reset-button-bg.png) repeat-x #e22f2f;
  border-radius: 3px;
  text-decoration: none;
  float: left;
  padding: 8px 18px;
  font-weight: 600;
  letter-spacing: -0.5px; }

/**
 * Gallery Input Styligs
 */
a.width-correction {
  font-size: 11px;
  color: #ffffff;
  background: url(../i/rad_sprites/save-button-bg.png) repeat-x #1782c0;
  border-radius: 3px;
  text-decoration: none;
  position: absolute;
  top: 0;
  right: -99px;
  padding: 8px 18px;
  font-weight: 600;
  letter-spacing: -0.5px;
  margin-right: 8px; }

a.button-default {
  font-size: 11px;
  color: #ffffff;
  background: url(../i/rad_sprites/save-button-bg.png) repeat-x #1782c0;
  border-radius: 3px;
  text-decoration: none;
  float: left;
  padding: 8px 18px;
  font-weight: 600;
  letter-spacing: -0.5px;
  margin-right: 8px; }

ul.rad_gallery_thumbs {
  margin: 0;
  padding: 20px 0px;
  clear: both; }

ul.rad_gallery_thumbs li {
  float: left;
  position: relative;
  margin: 5px;
  width: 74px;
  height: 74px;
  list-style: none;
  overflow: hidden; }

ul.rad_gallery_thumbs li img {
  max-width: 100%;
  display: block;
  box-shadow: 0px 0px 4px #111; }

ul.rad_gallery_thumbs li a.close {
  background: url(../i/rad_sprites/cross.png);
  width: 16px;
  height: 16px;
  position: absolute;
  top: 1px;
  right: 1px;
  z-index: 3; }

.query_engine div.ioa_input {
  padding: 20px; }

.query_engine div.ioa_input label {
  width: 150px;
  float: left;
  color: #444;
  margin-right: 10px;
  font-weight: 700; }

.query_engine div.ioa_input .ioa_input_holder {
  width: 400px;
  float: left; }

.query_engine div.groud-check-wrap label {
  width: 96px;
  font-size: 11px;
  margin-top: 4px;
  color: #999; }

.query_engine div.groud-check-wrap {
  float: left;
  width: 120px;
  margin-top: 5px;
  margin-right: 10px; }

.query_engine div.ioa_input_holder div.ioa_select_wrap {
  overflow: hidden;
  height: 31px;
  width: 250px;
  box-shadow: 0px 1px 3px #ddd inset;
  background: url(../i/rad_sprites/settings-arrow.png) 97% 8px no-repeat;
  border: 1px solid #dddddd;
  padding: 0px 17px 0px 0;
  outline: none;
  font-size: 12px; }

.query_engine div.ioa_input_holder div.ioa_select_wrap select {
  -webkit-appearance: none;
  background: transparent !important;
  border: none;
  cursor: pointer;
  display: block;
  vertical-align: center;
  padding: 9px 0px 7px 4px;
  height: 31px;
  color: #444;
  width: 300px;
  font-weight: 600;
  font-size: 11px; }

.query_engine div.ioa_input_holder div.ioa_select_wrap select option {
  color: #8e8e8e; }

.query_engine input[type=text] {
  width: 250px;
  border: 1px solid #dddddd;
  border-radius: 2px;
  box-shadow: 0px 1px 3px #ddd inset;
  padding: 8px 5px;
  color: #888888; }

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

div.ioa_module_container_head {
  padding: 10px;
  background: #fafafa; }

div.ioa_module_container_head > a.button-default, div.ioa_module_container_head > a.button-save {
  margin: 3px 0 0 6px;
  float: right; }

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

div.module_head {
  color: #444;
  font-size: 11px;
  border-bottom: 1px solid #ddd;
  font-weight: 600;
  padding: 20px 10px 20px 40px;
  background: #e8e8e8;
  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 {
  width: 22px;
  height: 16px;
  background: url(i/edit-icon.png);
  display: block;
  position: absolute;
  top: 20px;
  left: 10px;
  z-index: 10; }

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

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

div.ioa_module.hide {
  display: none; }

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

/**
 * Feedback Module
 */
div.text-icon {
  float: left;
  width: 25%;
  margin-top: 15px;
  text-align: center; }

div.text-icon img {
  max-width: 100%;
  height: auto;
  margin: 0 auto; }

div.text-icon span, div.text-icon span i {
  display: block;
  text-align: center;
  margin: 0 auto; }

div.text-info {
  width: 75%;
  float: left; }

div.text-info h4 {
  font-size: 15px;
  margin-bottom: 0px; }

div.text-info h6 {
  font-size: 11px;
  font-weight: 100;
  margin-bottom: 10px; }

div.text-info .vtext {
  font-size: 12px;
  font-weight: 100; }

div.widget-content {
  overflow: hidden; }

.one_third div.text-icon, .one_fourth div.text-icon, .one_fifth div.text-icon {
  float: none;
  width: 100%; }

.one_third div.text-info, .one_fourth div.text-info, .one_fifth div.text-info {
  float: none;
  width: auto;
  padding: 15px; }

div.rad-gallery-widget div.widget-content {
  padding: 0;
  margin: 0; }

div.rad-gallery-info img {
  float: left;
  width: 80px;
  height: 80px;
  display: block; }

.one_fifth div.rad-gallery-info img {
  width: 64px;
  height: 64px; }

.one_fourth div.rad-gallery-info img {
  width: 33.33%;
  height: 66px; }

div.widget-content h4 {
  font-size: 15px;
  margin-bottom: 4px; }

div.widget-content span {
  font-weight: 700;
  font-style: italic; }

div.rad-intro-info h6 {
  font-size: 10px;
  font-weight: 100;
  margin-bottom: 3px; }

div.rad-intro-info h3 {
  font-size: 21px; }

div.rad-image-info img {
  max-width: 100%;
  height: auto;
  margin: 0 auto; }

div.rad-image-info span {
  font-size: 11px;
  font-weight: 100;
  margin: 0 auto; }

div.rad-person-info img {
  max-width: 100%;
  height: auto;
  margin: 0 auto; }

div.rad-person-info h4 {
  font-size: 13px;
  font-weight: 100;
  margin: 0 auto; }

/**
 * Helpers
 */
.rad-page-container.ui-sortable-placeholder {
  height: 280px;
  background: #e7e7e7;
  border-radius: 3px;
  visibility: visible !important; }

.rad-page-widget.ui-sortable-placeholder {
  min-height: 40px;
  background: #bdc3cc;
  border-radius: 3px;
  visibility: visible !important; }

.container-content.power-sort div.rad-page-widget {
  height: 30px; }

.container-content.power-sort div.rad-page-widget div.widget-toolbar {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.container-content.power-sort div.widget-content {
  display: none; }

.container-content.power-sort div.right-buttons {
  display: none; }

div.super-wrapper div.rad-page-section.rad-container-dropping, div.rad-container-dropping div.container-content {
  background: #fafafa; }