input.of-slider-value {
  width: 40px;
  border: 0;
  /* font-weight: bold; */
  margin-left: 10px;
}
.of-slider {
  width: 200px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 4px;
}
/* Component containers
----------------------------------*/
.of-slider.ui-widget {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
}
.of-slider.ui-widget .ui-widget {
  font-size: 1em;
}
.of-slider.ui-widget input,
.of-slider.ui-widget select,
.of-slider.ui-widget textarea,
.of-slider.ui-widget button {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
}
.of-slider.ui-widget-content {
  border: 1px solid #aaaaaa;
  background: #ffffff;
  color: #222222;
}
.of-slider.ui-widget-content a {
  color: #222222;
}
.of-slider .ui-widget-header {
  border: 1px solid #aaaaaa;
  background: #cccccc;
  color: #222222;
  font-weight: bold;
}
.of-slider .ui-widget-header a {
  color: #222222;
}
/* Interaction states
----------------------------------*/
.of-slider .ui-state-default,
.of-slider.ui-widget-content .ui-state-default,
.of-slider .ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background: #e6e6e6;
  font-weight: normal;
  color: #555555;
}
.of-slider .ui-state-default a,
.of-slider .ui-state-default a:link,
.of-slider .ui-state-default a:visited {
  color: #555555;
  text-decoration: none;
}
.of-slider .ui-state-hover,
.of-slider.ui-widget-content .ui-state-hover,
.of-slider .ui-widget-header .ui-state-hover,
.of-slider .ui-state-focus,
.of-slider.ui-widget-content .ui-state-focus,
.of-slider .ui-widget-header .ui-state-focus {
  border: 1px solid #999999;
  background: #dadada;
  font-weight: normal;
  color: #212121;
}
.of-slider .ui-state-hover a,
.of-slider .ui-state-hover a:hover {
  color: #212121;
  text-decoration: none;
}
.of-slider .ui-state-active,
.of-slider.ui-widget-content .ui-state-active,
.of-slider .ui-widget-header .ui-state-active {
  border: 1px solid #aaaaaa;
  background: #ffffff;
  font-weight: normal;
  color: #212121;
}
.of-slider .ui-state-active a,
.of-slider .ui-state-active a:link,
.of-slider .ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
}
.of-slider.ui-widget :active {
  outline: none;
}
/* Corner radius */
.of-slider.ui-corner-all,
.of-slider .ui-corner-all {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -khtml-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -khtml-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -khtml-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -khtml-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* Slider */
.of-slider.ui-slider {
  position: relative;
  text-align: left;
}
.of-slider.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
}
.of-slider.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
.of-slider.ui-slider-horizontal {
  height: .8em;
}
.of-slider.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.of-slider.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.of-slider.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.of-slider.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.of-slider.ui-slider-vertical {
  width: .8em;
  height: 100px;
}
.of-slider.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.of-slider.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.of-slider.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.of-slider.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
/**
 * Alpha Color Picker CSS
 */
.alpha-color-picker-wrap .wp-picker-container .iris-picker {
  border-bottom: none;
}
.alpha-color-picker-wrap .wp-picker-container input[type=text].wp-color-picker {
  width: 195px;
}
.wp-picker-container .wp-picker-open ~ .wp-picker-holder .alpha-color-picker-container {
  display: block;
  width: 233px;
}
.alpha-color-picker-container {
  border: 1px solid #dfdfdf;
  border-top: none;
  display: none;
  background: #FFF;
  padding: 0 11px 10px;
  position: relative;
}
.alpha-color-picker-container .ui-widget-content,
.alpha-color-picker-container .ui-widget-header,
.alpha-color-picker-wrap .ui-state-focus {
  background: transparent;
  border: none;
}
.alpha-color-picker-wrap a.iris-square-value:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.alpha-color-picker-container .ui-slider {
  position: relative;
  z-index: 1;
  height: 24px;
  text-align: center;
  margin: 0 auto;
  width: 88%;
  width: calc(100% - 28px);
}
.alpha-color-picker-container .ui-slider-handle,
.alpha-color-picker-container .ui-widget-content .ui-state-default {
  color: #777;
  background: #FFF;
  text-shadow: 0 1px 0 #FFF;
  text-decoration: none;
  position: absolute;
  z-index: 2;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border: 1px solid #aaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-top: -2px;
  top: 0;
  height: 26px;
  width: 26px;
  cursor: ew-resize;
  font-size: 0;
  padding: 0;
  line-height: 27px;
  margin-left: -14px;
}
.alpha-color-picker-container .ui-slider-handle.show-opacity {
  font-size: 12px;
}
.alpha-color-picker-container .click-zone {
  width: 14px;
  height: 24px;
  display: block;
  position: absolute;
  left: 10px;
}
.alpha-color-picker-container .max-click-zone {
  right: 10px;
  left: auto;
}
.alpha-color-picker-container .transparency {
  height: 24px;
  width: 100%;
  background-color: #FFF;
  background-image: url("../images/options/fields/transparency-grid.png");
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4) inset;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 0;
  margin-top: -24px;
}
@media (max-width: 782px) {
  .alpha-color-picker-wrap .wp-picker-container input[type=text].wp-color-picker {
    width: 173px;
  }
}
.gradientPicker-preview {
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.gradientPicker-ctrlPt {
  width: 8px;
  height: 8px;
  border: 2px solid gray;
  position: absolute;
  display: inline-block;
}
.gradientPicker-ctrlPts {
  position: relative;
  height: 10px;
  width: 100%;
}
.gradientPicker-ptConfig {
  position: absolute;
  z-index: 9999;
  margin-top: 12px;
  background-color: white;
  background: #fff;
  border: 1px solid #dfdfdf;
  padding: 0;
}
.gradientPicker-close {
  position: absolute;
  top: -4px;
  right: -4px;
  width: 16px;
  height: 16px;
  background-image: url("../images/options/fields/circle_remove.png");
}
.gradientPicker-ctrlPointsLocked .gradientPicker-close {
  display: none;
}
.gradientPicker-ptConfig .color-chooser {
  float: left;
}
/* Alpha color picker styles */
.gradientPicker-ptConfig .button.wp-color-result {
  display: none;
}
.gradientPicker-ptConfig .alpha-color-picker-wrap {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}
.gradientPicker-ptConfig .wp-picker-input-wrap.wp-picker-position {
  display: inline-block;
  vertical-align: middle;
  float: right;
  margin-right: 9px;
}
.gradientPicker-ptConfig .wp-picker-input-wrap.wp-picker-position label {
  vertical-align: middle;
}
.gradientPicker-ptConfig .wp-picker-input-wrap.wp-picker-position input.point-position {
  margin-right: 5px;
  width: auto;
}
.gradientPicker-ptConfig .wp-picker-input-wrap {
  margin: 6px 0 6px 9px;
}
.grad_ex {
  float: left;
  width: 260px;
  margin-right: 15px;
}
.grad_ex.hide-angle .of-slider,
.grad_ex.hide-angle .of-slider-value {
  display: none !important;
}
.grad_ex.hide-angle .gradientPicker-preview {
  margin-top: 0 !important;
}
.grad_ex input.of-gradient_picker-angle {
  width: 40px;
  margin-left: 10px !important;
}
/* Fix for wp <= 4.8.x */
.grad_ex a.wp-color-result.wp-picker-open {
  vertical-align: top;
}
.grad_ex .wp-picker-container:not(.wp-picker-active) .wp-picker-input-wrap {
  display: none;
}
.grad_ex .wp-picker-container .wp-picker-clear,
.grad_ex .wp-color-result:after,
.grad_ex .wp-color-result-text {
  display: none;
}
.grad_ex .wp-picker-container .iris-picker {
  margin-top: 0;
}
.grad_ex .wp-picker-container .alpha-color-picker-container,
.grad_ex .wp-picker-container .iris-picker {
  border: none;
}
.grad_ex .controls .wp-picker-active {
  width: 257px;
}
.grad_ex .gradientPicker-preview {
  margin-top: 10px;
}
.grad_ex .wp-color-picker {
  width: 154px;
}
.of-gradient_picker-preview-box {
  display: inline-block;
  width: 80px;
  height: 80px;
}
/*-------------------------------------------------------------------------------------------*/
/* OptionsFramework Admin Styles */
/*-------------------------------------------------------------------------------------------*/
/* Options search */
.the7-options-search-ui-menu {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}
.the7-options-search-ui-menu a,
.the7-options-search-ui-menu span {
  display: block;
  padding: 4px 10px;
}
.the7-options-search-ui-menu .ui-menu-item {
  padding: 0;
}
.the7-options-search-ui-menu .ui-menu-item.ui-state-focus {
  border: none;
  background: #dadada;
}
.optionsframework-search {
  margin: 22px 0 10px 0;
}
.optionsframework-search .spinner {
  float: none;
  vertical-align: top;
  margin: 4px 5px 0;
}
/* Marked element */
.section {
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
}
.section.marked,
#optionsframework .section .section.marked:hover .option {
  background-color: #deffdd;
}
/* Main optionsframework style */
#wpbody-content #optionsframework-metabox.metabox-holder {
  padding-top: 20px;
}
#optionsframework {
  position: relative;
  z-index: 0;
  max-width: 840px;
}
#optionsframework-wrap h2 {
  font-size: 23px;
  font-weight: normal;
}
#optionsframework-wrap h2 .nav-tab {
  font-size: 18px;
  font-weight: normal;
}
#optionsframework h3 {
  font-size: 18px;
  font-weight: normal;
  cursor: default;
  padding: 10px 15px;
  background-color: #F9F9F9;
}
#optionsframework h4 {
  font-size: 12px;
  line-height: 16px;
  margin: 16px 0;
  font-weight: bold;
  text-transform: uppercase;
}
#optionsframework p {
  margin-bottom: 0;
  padding-bottom: 10px;
}
#optionsframework .section .section {
  padding: 0px;
}
#optionsframework .section .option {
  padding: 15px;
}
#optionsframework .section .section:hover .option {
  background-color: #fbfbfb;
}
#optionsframework .of-element {
  padding-bottom: 10px;
}
#optionsframework .of-element .section {
  padding: 0px 10px 10px 10px;
}
#optionsframework .of-title {
  padding: 0 15px;
  overflow: hidden;
}
/*
#optionsframework h4 {
	display: none;
}
*/
#optionsframework .section .heading {
  font-size: 1.13em;
  margin: 5px 0 40px 0;
}
#optionsframework .divider {
  border-top: 1px dotted #E5E5E5;
  height: 0;
  margin: 10px 0px;
}
#optionsframework .section .controls {
  float: left;
  width: 71%;
}
#optionsframework .section .name {
  width: 27%;
  padding-right: 2%;
  float: left;
  line-height: 16px;
}
#optionsframework .section-fields_generator .explain,
#section-of-preset .explain {
  display: none;
}
#optionsframework .section-fields_generator .controls,
#optionsframework .section .controls.controls-fullwidth,
#section-of-preset .explain {
  width: 100%;
}
#optionsframework .skins .section.section-images .controls {
  width: 100%;
}
#optionsframework .section-images.small .of-radio-img-inner-container {
  width: 100px;
  margin: 0px 2px 10px 0px;
}
#optionsframework #section-header_navigation.section-images.small .of-radio-img-inner-container {
  margin: 0px 45px 10px 0px;
}
/*
#optionsframework .section-images .explain {
	max-width:75px !important;
}
#optionsframework .section-checkbox .controls {
	min-width:25px;
	width:25px
}
#optionsframework .section-checkbox .explain {
	max-width:93%;
}
#optionsframework .section-color .controls {
	min-width:125px;
	width:125px
}
*/
#optionsframework .section-text.wide .of-input {
  border-spacing: 0;
  width: 100%;
  clear: both;
  margin: 0;
}
/* #optionsframework .controls input.of-input[type="text"], */
#optionsframework .section-fields_generator input,
#optionsframework .controls select,
#optionsframework .controls textarea {
  margin-top: 5px;
  width: 100%;
}
.nav-menus-php input[type="checkbox"],
.of_fields_gen_controls input[type="checkbox"] {
  width: auto !important;
  /* margin-left: 10px; */
}
.nav-menus-php label,
.of_fields_gen_controls label {
  display: block;
}
#optionsframework .section-radio label,
#optionsframework .section-multicheck label {
  margin-right: 10px;
}
#optionsframework input.checkbox,
#optionsframework input.of-radio {
  /* width: auto; */
  clear: both;
}
#optionsframework .section-radio .controls-input-wrap.inline-input-wrap {
  display: inline-block;
}
#optionsframework .section-radio .controls-input-wrap {
  margin: 3px 0px 13px 0px;
  vertical-align: top;
}
#optionsframework .controls .of-color {
  float: left;
  width: 80px;
  margin-left: 5px;
  margin-right: 5px;
}
#optionsframework .controls .dt-square-size {
  width: 20%;
}
#optionsframework .section-square_size .controls span {
  margin-right: 3px;
}
#optionsframework .controls .of-typography-size {
  width: 80px;
  margin-left: 5px;
  float: left;
}
#optionsframework .controls .of-typography-unit {
  width: 50px;
  margin-left: 5px;
  float: left;
}
#optionsframework .controls .of-typography-face {
  width: 100px;
  margin-left: 5px;
  float: left;
}
#optionsframework .controls .of-typography-style {
  width: 80px;
  margin-left: 5px;
  margin-right: 5px;
  float: left;
}
#optionsframework .of-background-properties {
  clear: both;
  margin-top: 18px;
}
#optionsframework .controls .of-background-repeat {
  width: 125px;
  margin-right: 5px;
  float: left;
}
#optionsframework .controls .of-background-position {
  width: 125px;
  margin-right: 5px;
  float: left;
}
#optionsframework .controls .of-background-attachment {
  width: 125px;
  margin-right: 5px;
  float: left;
}
#optionsframework div.section-background .controls input.upload {
  width: 47%;
}
#optionsframework .controls .of-radio-img-inner-container {
  display: inline-block;
  float: left;
  max-width: 173px;
  margin: 0 5px 10px 0;
  border-width: 0px;
  text-align: center;
}
#optionsframework .controls .of-radio-img-inner-container .of-radio-img-label {
  margin: 0px;
  padding: 2px 3px 7px 3px;
  cursor: pointer;
}
#optionsframework .controls .of-radio-img-img {
  border: 3px solid #fcfcfc;
  display: none;
  cursor: pointer;
}
#optionsframework .controls .of-radio-img-selected {
  border: 3px solid #5ea1ed;
}
#optionsframework .controls .of-radio-img-img:hover {
  opacity: .8;
}
/** Skins **/
#optionsframework-wrap:not(.of-debug-show) .section-skins .of-radio-img-label {
  display: none;
}
#optionsframework .controls .of-border-width {
  width: 80px;
  float: left;
}
#optionsframework .controls .of-border-style {
  width: 120px;
  float: left;
}
#optionsframework .hide {
  display: none;
}
#optionsframework .of-option-image {
  max-width: 340px;
  margin: 3px 0 18px 0;
}
#optionsframework .mini .controls select,
#optionsframework .section .mini .controls {
  width: 140px;
}
#optionsframework .mini .controls input,
#optionsframework .mini .controls {
  min-width: 140px;
  width: 140px;
}
#optionsframework .middle .controls input,
#optionsframework .middle .controls,
#optionsframework .section.middle .controls.controls-fullwidth {
  min-width: 50%;
  width: 50%;
}
#optionsframework .mini .explain {
  max-width: 74%;
}
/* Image Uploader */
#optionsframework .controls input.upload {
  width: 80%;
}
#optionsframework .controls input.upload-button,
#optionsframework .controls input.remove-file {
  float: right;
  width: 70px;
  cursor: pointer;
}
#optionsframework .controls input.upload-button:hover,
#optionsframework .controls input.remove-file:hover {
  border-color: #666666;
}
#optionsframework .screenshot {
  float: left;
  margin-left: 1px;
  position: relative;
  width: 344px;
  margin-top: 3px;
}
#optionsframework .screenshot img {
  background: #FAFAFA;
  border-color: #ccc #eee #eee #ccc;
  border-style: solid;
  border-width: 1px;
  float: left;
  max-width: 334px;
  padding: 4px;
  margin-bottom: 10px;
}
#optionsframework .screenshot .remove-image {
  background: url("../images/options/fields/ico-delete.png") no-repeat;
  border: medium none;
  bottom: 4px;
  display: block;
  float: left;
  height: 16px;
  padding: 0;
  position: absolute;
  left: -4px;
  text-indent: -9999px;
  width: 16px;
  cursor: pointer;
}
#optionsframework .screenshot .no_image .file_link {
  margin-left: 20px;
}
#optionsframework .screenshot .no_image .remove-image {
  bottom: 0px;
}
#optionsframework .reset-button {
  float: left;
  cursor: pointer;
  margin-right: 10px;
}
/* Bottom Section */
#submit-wrap,
.submit-wrap {
  position: absolute;
  bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 840px;
  margin-right: 20px;
}
#optionsframework-submit,
.optionsframework-submit {
  padding: 10px;
  background-color: #fff;
  border: 1px solid #E5E5E5;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
#submit-wrap.flow {
  position: fixed;
  z-index: 9999;
  margin-right: auto;
  opacity: 0.9;
}
#submit-wrap.flow:hover {
  opacity: 1;
}
#submit-wrap.flow #optionsframework-submit {
  float: right;
  border-bottom: none;
  -webkit-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.04);
  -ms-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.04);
  -o-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.04);
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.04);
}
#optionsframework .button-primary {
  float: right;
}
/* fields_generator */
#optionsframework .nav-menus-php {
  margin: 0 0 13px 0;
}
#optionsframework .nav-menus-php.fgens-add-new {
  text-align: center;
  cursor: pointer;
  width: auto;
  line-height: normal;
  padding-top: 5px;
}
#optionsframework .controls div.of_fields_gen_title {
  width: auto;
  padding: 10px 22px 10px 10px;
  line-height: normal;
  font-weight: bold;
  position: relative;
}
#optionsframework .controls .of_fields_gen_title a.of_fields_gen_del {
  float: right;
}
#optionsframework .controls .of_fields_gen_data {
  width: auto;
  margin-top: -2px;
  position: relative;
  padding: 10px;
}
#optionsframework .section-fields_generator label {
  font-style: italic;
  margin-top: 10px;
}
#optionsframework .section-fields_generator label:first-child {
  margin-top: 0px;
}
#optionsframework .controls .of_fields_gen_controls {
  width: 40%;
  display: inline-block;
  vertical-align: top;
  float: right;
}
#optionsframework .section-fields_generator .of_fields_gen_add {
  margin-top: 10px;
}
#optionsframework .section-fields_generator .name {
  width: 100%;
  padding: 0 0 1.1em 0;
  font-size: 18px;
  display: block;
}
#optionsframework .controls .of_fields_gen_list {
  width: 40%;
  display: block;
  vertical-align: top;
  padding: 0;
  float: left;
  margin: 0;
}
#optionsframework .dt-hidden-desc {
  display: none;
}
#optionsframework .info-mobile {
  float: right;
  padding-right: 10px;
}
#optionsframework .info-single {
  float: right;
  padding-right: 10px;
}
#optionsframework .section-fields_generator .of_fields_gen_list li.act .of_fields_gen_title {
  border-color: green;
}
/* slider section */
#optionsframework input.of-slider-value {
  width: 40px;
  border: 0;
  /* font-weight: bold; */
  margin-left: 10px;
}
#optionsframework .of-slider {
  width: 200px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 4px;
}
/* info */
#optionsframework .dt-option-info {
  padding-left: 25px;
}
#optionsframework .section-info .info-block {
  margin: 0px 0px 15px 0px;
  min-height: 0px;
  border: 1px solid #e5e5e5;
  background-color: #fff;
}
#optionsframework .postbox .section-info .info-block {
  margin: 15px;
  min-height: 0px;
  border: 4px solid #f1f1f1;
  background-color: #f9f9f9;
}
#optionsframework .section-info.blue-border .info-block {
  border: 4px solid #ffc4c2;
  background-color: #fed3d1;
}
#optionsframework .section-info.red-border .info-block {
  border: 4px solid #ffc4c2;
  background-color: #fed3d1;
}
#optionsframework .section-info.green-border .info-block {
  border: 4px solid #aeffaa;
  background-color: #cefacc;
}
#optionsframework .section-info.big-desc .info-description p {
  font-size: 1.2em;
}
#optionsframework .section-info .info-description {
  margin-bottom: 1em;
  padding: 0px 20px;
}
#optionsframework .section-info .info-description p {
  padding: 0;
}
/* radio */
#optionsframework .controls .of-input.of-radio {
  margin-right: 5px;
}
div.dt-web-fonts-preview {
  padding: 10px;
  text-align: center;
  background-color: #f1f1f1;
}
div.dt-web-fonts-preview span {
  font-size: 15px;
}
/* Social buttons */
#optionsframework .section.section-social_buttons .controls {
  width: 100%;
}
#optionsframework .section-social_buttons .connectedSortable {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 43px;
  margin: 0 0 0 0;
  padding: 5px 2% 0 5px;
  width: 68%;
  border-color: #DFDFDF;
  border-width: 2px;
  border-style: solid;
  float: left;
  list-style-type: none;
}
#optionsframework .section-social_buttons .connectedSortable.tools-palette {
  width: 30%;
  border-color: #DFDFDF;
  border-width: 2px;
  border-style: dashed;
  float: right;
}
#optionsframework .section-social_buttons .connectedSortable li {
  cursor: default;
  margin: 0 5px 5px 5px;
  padding: 5px;
  font-size: 1.2em;
  width: 70px;
}
#optionsframework .section-social_buttons .content-holder li {
  float: left;
  border-color: #DFDFDF;
  border-width: 2px;
  border-style: solid;
  background-color: #fcfcfc;
}
#optionsframework .section-social_buttons .of-socbuttons-highlight {
  height: 14px;
  width: 70px;
  border-color: #DFDFDF;
  border-width: 2px;
  border-style: dashed;
}
#optionsframework .section-social_buttons .ui-dt-sb-hidden {
  display: none;
  height: 10px;
  width: 70px;
  border-color: #DFDFDF;
  border-width: 2px;
  border-style: dashed;
  float: left;
}
/* sortable */
#optionsframework .section.section-sortable .controls {
  width: 100%;
}
#optionsframework .section-sortable .connectedSortable {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 60px;
  margin: 0 0 10px 0;
  padding: 10px;
  list-style-type: none;
  background-color: #e1e1e2;
  float: left;
  width: 100%;
}
#optionsframework .section-sortable .connectedSortable li {
  cursor: move;
  margin: 5px;
  padding: 5px;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  width: 115px;
  background-color: rgba(255, 255, 255, 0.6);
  float: left;
  color: #3e3e3e;
  /*display: inline-block;*/
}
#optionsframework .section-sortable .sortConfigIcon {
  float: right;
  width: 20px;
  height: 20px;
  cursor: pointer;
  text-align: center;
}
#optionsframework .section-sortable .sortConfigIcon:after {
  width: 16px;
  height: 16px;
  font-size: 16px;
  color: #3e3e3e;
  opacity: 0.75;
}
#optionsframework .section-sortable .sortConfigIcon:hover:after {
  opacity: 1;
}
#optionsframework .section-sortable .connectedSortable li.of-socbuttons-highlight {
  height: 20px;
  width: 115px;
  background-color: rgba(255, 255, 255, 0.2);
}
#optionsframework .section-sortable .connectedSortable li.ui-dt-sb-hidden {
  display: none;
}
#optionsframework .section-sortable .sortable-fields-holder {
  width: 435px;
  vertical-align: top;
  float: left;
}
#optionsframework .section-sortable .sortable-items-holder {
  float: right;
  width: 291px;
  vertical-align: top;
  margin-left: 32px;
}
@media screen and (max-width: 875px) {
  #optionsframework .section-sortable .sortable-fields-holder {
    width: auto;
    float: none;
  }
  #optionsframework .section-sortable .sortable-items-holder {
    float: none;
    width: auto;
    margin-left: 0px;
  }
}
#optionsframework .section-sortable .sortable-items-holder .sortable-palette-title,
#optionsframework .section-sortable .sortable-fields-holder .sortable-field-title {
  padding: 10px 0px;
}
/* import / export */
#optionsframework .section-import_export_options .explain {
  display: none;
}
#optionsframework .section-import_export_options .controls {
  width: 100%;
}
#optionsframework .explain {
  color: #c0c0c0;
}
/* Hide default widgetareas delete button */
#section-widgetareas .nav-menu-index-1 .submitdelete,
#section-widgetareas .nav-menu-index-2 .submitdelete {
  display: none;
}
.theme-options_page_of-importexport-menu .reset-button,
.theme-options_page_of-skins-menu .reset-button {
  display: none;
}
/* header layouts info */
#optionsframework .section-info.header-layout-info {
  background-color: inherit;
}
#optionsframework .section-info .info-image-holder {
  text-align: center;
}
/* header layout sortable */
#optionsframework .section-sortable .field-red {
  background-color: #fed3d1;
}
#optionsframework .section-sortable .field-green {
  background-color: #cefacc;
}
#optionsframework .section-sortable .field-blue {
  background-color: #bee7ff;
}
#optionsframework .section-sortable .field-purple {
  background-color: #b475e5;
}
#optionsframework .section-sortable .field-yellow {
  background-color: #fff2c6;
}
/* custom css for header layout */
#optionsframework .section-images.option-header-layout .of-radio-img-inner-container {
  max-width: 106px;
  margin: 0px 45px 10px 0px;
}
/* debug */
#optionsframework-wrap:not(.of-debug-show) .of-debug-fields {
  display: none;
}
#optionsframework .section .of-debug-fields {
  padding-top: 10px;
  opacity: .3;
}
#optionsframework .section .of-debug-fields code {
  padding: 5px;
}
#optionsframework .section .section:hover .of-debug-fields {
  opacity: 1;
}
#optionsframework .section .of-debug-fields code {
  padding: 5px;
}
#optionsframework .section .of-debug-field {
  padding: 7px;
}
#optionsframework .section .of-debug-option-id code {
  color: #269edc;
  background: rgba(38, 158, 220, 0.15);
}
#optionsframework .section .of-debug-option-std code {
  color: #51bd4c;
  background: rgba(81, 189, 76, 0.15);
}
#optionsframework {
  min-height: 90px;
}
#optionsframework-metabox:not(.optionsframework-ready) #optionsframework {
  display: none;
}
#optionsframework-metabox:not(.optionsframework-ready):before {
  display: block;
  content: " Loading...";
}
#optionsframework .group {
  display: none;
}
#optionsframework-wrap .nav-tab:not(.nav-tab-active) {
  margin-bottom: 0px;
  border-bottom: none;
}
#optionsframework-wrap h2.nav-tab-wrapper {
  padding-top: 20px;
}
@media screen and (max-width: 1200px) {
  #optionsframework-wrap h2.nav-tab-wrapper {
    padding-left: 0;
    border-bottom: none;
  }
  #optionsframework-wrap h2 {
    line-height: 42px;
  }
  #optionsframework-wrap h2 .nav-tab {
    border: solid 1px #ccc !important;
    margin: .25em .5em .25em 0 !important;
  }
  #optionsframework-wrap h2 .nav-tab.nav-tab-active {
    background: #fff;
  }
}
/* disabled blocks */
#optionsframework-wrap .block-disabled {
  display: none;
}
#optionsframework-wrap.of-debug .block-disabled {
  display: block;
  opacity: 0.5;
}
#optionsframework-wrap.of-debug .nav-tab.block-disabled {
  display: inline-block;
  opacity: 0.5;
}
/* select2 */
#optionsframework .select2-selection .spinner {
  margin: 3px;
}
/* microwidget popup */
#TB_window.presscore-microwidget-modal {
  overflow: hidden;
}
#TB_window.presscore-microwidget-modal #TB_title {
  height: auto;
}
#TB_window.presscore-microwidget-modal #TB_ajaxWindowTitle {
  font-size: 18px;
  font-weight: normal;
  cursor: default;
  padding: 10px 45px 10px 15px;
  background-color: #464646;
  color: #FFFFFF;
  float: none;
  width: auto;
  line-height: 1.4;
}
#TB_window.presscore-microwidget-modal #TB_closeWindowButton {
  display: none !important;
}
#TB_window.presscore-microwidget-modal #TB_ajaxContent {
  overflow: hidden;
  padding: 0px 0px 15px 0px;
}
.presscore-microwidget-modal .postbox {
  border-top: 0px;
  border-bottom: 0px;
  margin-bottom: 0px;
  box-shadow: none;
}
.presscore-microwidget-modal .button-primary {
  float: right;
}
.of-info-block {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  margin: 15px 0 0 0;
  padding: 10px 20px;
  min-height: 0;
  max-width: 800px;
}
/* Tooltip container */
.of-tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}
/* Tooltip text */
.of-tooltip .tooltiptext {
  visibility: hidden;
  width: 200px;
  bottom: 100%;
  left: 50%;
  margin-left: -100px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s;
  font-size: 11px;
}
.of-tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%;
  /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}
/* Show the tooltip text when you mouse over the tooltip container */
.of-tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
/* Responsive columns property */
.controls .responsive_columns-column {
  display: inline-block;
  width: 25%;
  padding-right: 20px;
  box-sizing: border-box;
  vertical-align: top;
}
.controls .responsive_columns-units-wrap {
  margin-bottom: 5px;
}
.controls .responsive_columns-column input {
  width: 100%;
}
.of-6-col .controls .responsive_columns-column {
  width: 16%;
}
/* Spacing property */
.controls .dt_spacing-space {
  display: inline-block;
  margin-right: 20px;
}
.the7-customizer .controls .dt_spacing-space:nth-child(1n+3) {
  margin-top: 15px;
}
.controls .dt_spacing-units-wrap {
  display: inline-block;
  margin: 1px;
}
.controls .dt_spacing-units-wrap.select {
  vertical-align: top;
}
#optionsframework .controls .dt_spacing-units {
  margin: 0;
}
.controls .dt_spacing-space input {
  max-width: 60px;
  margin-right: 10px;
}
.controls .vc_description {
  color: #999;
  display: block;
  font-style: italic;
  line-height: 20px;
  margin-top: 8px;
  clear: both;
}
/* Number */
.section-number input {
  max-width: 60px;
  margin-right: 10px;
}
/* The7 Customizer */
.the7-customizer #wpfooter {
  display: none;
}
.the7-customizer .of-6-col .controls .responsive_columns-column {
  width: 33.333%;
}
.the7-customizer #optionsframework-wrap {
  position: fixed;
  top: 32px;
  left: 20px;
  width: 330px;
  height: calc(100vh - 32px);
  overflow: hidden;
  overflow-y: auto;
  margin: 0;
  padding-right: 20px;
}
.the7-customizer.hide-controls #optionsframework-wrap {
  display: none;
}
.the7-customizer #the7-customizer-preview {
  position: fixed;
  top: 32px;
  left: 370px;
  width: calc(100vw - 370px);
  height: calc(100vh - 32px);
}
.the7-customizer.hide-controls #the7-customizer-preview {
  left: 0;
  width: 100vw;
}
.the7-customizer #the7-customizer-preview.mobile-view {
  top: calc(50vh - 317px);
  left: calc(50vw - 3px);
  width: 375px;
  height: 667px;
}
.the7-customizer.hide-controls #the7-customizer-preview.mobile-view {
  left: calc(50vw - 187px);
}
@media screen and (max-height: 704px) {
  .the7-customizer #the7-customizer-preview.mobile-view {
    top: 32px;
    height: calc(100vh - 32px);
  }
}
@media screen and (max-width: 748px) {
  .the7-customizer:not(.hide-controls) #the7-customizer-preview.mobile-view {
    left: 370px;
    width: calc(100vw - 370px);
  }
}
.the7-customizer #the7-customizer-preview.tablet-view {
  top: calc(50vh - 496px);
  left: calc(50vw - 200px);
  width: 768px;
  height: 1024px;
}
.the7-customizer.hide-controls #the7-customizer-preview.tablet-view {
  left: calc(50vw - 384px);
}
@media screen and (max-height: 1056px) {
  .the7-customizer #the7-customizer-preview.tablet-view {
    top: 32px;
    height: calc(100vh - 32px);
  }
}
@media screen and (max-width: 1142px) {
  .the7-customizer:not(.hide-controls) #the7-customizer-preview.tablet-view {
    left: 370px;
    width: calc(100vw - 370px);
  }
}
@media screen and (max-width: 782px) {
  .the7-customizer #optionsframework-wrap,
  .the7-customizer #the7-customizer-preview,
  .the7-customizer #the7-customizer-preview.mobile-view,
  .the7-customizer #the7-customizer-preview.tablet-view {
    top: 46px;
    height: calc(100vh - 46px);
  }
}
.the7-customizer #wpbody-content {
  visibility: hidden;
}
.the7-customizer #optionsframework-wrap,
.the7-customizer #the7-customizer-preview {
  visibility: visible;
}
.the7-customizer #submit-wrap #optionsframework-submit {
  float: none;
}
.the7-customizer #optionsframework-wrap .option .name,
.the7-customizer #optionsframework-wrap .option .controls {
  float: none;
  width: 100%;
}
.the7-customizer #optionsframework-wrap .option .name {
  margin-bottom: 10px;
  font-size: 15px;
}
.the7-customizer #optionsframework-wrap #optionsframework .controls input.upload {
  width: calc(100% - 80px);
}
.the7-customizer .optionsframework-search {
  margin-top: 20px;
}
.the7-customizer #optionsframework-wrap h2.nav-tab-wrapper {
  padding-top: 5px;
  padding-left: 0;
  border-bottom: none;
}
.the7-customizer #optionsframework-wrap h2 {
  line-height: 42px;
}
.the7-customizer #optionsframework-wrap h2 .nav-tab {
  border: solid 1px #ccc !important;
  margin: .25em .5em .25em 0 !important;
}
.the7-customizer #optionsframework-wrap h2 .nav-tab.nav-tab-active {
  background: #fff;
}
.the7-customizer #optionsframework .section-images .controls {
  display: grid;
  grid-template-columns: 50% 50%;
  justify-items: center;
}
.the7-customizer #optionsframework #section-preset.section-images .controls {
  grid-template-columns: 33.33% 33.33% 33.33%;
}
.the7-customizer #optionsframework .section-images .of-radio-img-inner-container {
  margin: 10px 0 0 0;
}
.the7-customizer #optionsframework .section-sortable .sortable-fields-holder {
  width: auto;
}
.the7-customizer #optionsframework .screenshot,
.the7-customizer #optionsframework .screenshot img {
  box-sizing: border-box;
  max-width: 100%;
  height: auto;
}
.the7-customizer #optionsframework .section-social_buttons .connectedSortable.content-holder,
.the7-customizer #optionsframework .section-social_buttons .connectedSortable.tools-palette {
  float: none;
  width: auto;
  clear: none;
  overflow: hidden;
  padding-bottom: 5px;
}
.the7-customizer #optionsframework .section-social_buttons .connectedSortable.content-holder {
  margin-bottom: 20px;
  border-color: rgba(0, 128, 0, 0.75);
}
.the7-customizer #optionsframework .section-social_buttons .connectedSortable.content-holder:before,
.the7-customizer #optionsframework .section-social_buttons .connectedSortable.tools-palette:before {
  display: block;
  clear: both;
  padding-bottom: 10px;
}
.the7-customizer #optionsframework .section-social_buttons .connectedSortable.content-holder:before {
  content: "active";
  color: green;
}
.the7-customizer #optionsframework .section-social_buttons .connectedSortable.tools-palette:before {
  content: "inactive";
  color: grey;
}
.the7-customizer #optionsframework h4 {
  font-size: 15px;
}
.the7-customizer #optionsframework .controls .of_fields_gen_list,
.the7-customizer #optionsframework .controls .of_fields_gen_controls {
  clear: none;
  width: 100%;
}
.the7-customizer #optionsframework .controls .of_fields_gen_list {
  padding-bottom: 20px;
}
.the7-customizer #optionsframework #submit-wrap {
  width: 330px;
  margin-right: 0;
}
.the7-customizer #optionsframework #submit-wrap.flow {
  width: 315px;
}
.the7-customizer #optionsframework #submit-wrap.atBottom {
  opacity: 1;
}
.the7-customizer .the7-wizard-notice .button-secondary {
  margin-bottom: 10px;
}
.options-show,
.options-hide {
  display: none;
}
#wp-admin-bar-view-controls.panel-hidden .options-show {
  display: inline-block;
}
#wp-admin-bar-view-controls.panel-shown .options-hide {
  display: inline-block;
}
/** Thick box styles */
.presscore-modal-content {
  background-color: #FCFCFC;
  overflow: auto;
}