/*
|--------------------------------------------------------------------------
| Table of Contents
|--------------------------------------------------------------------------
|
| #1. Core
|     #1.1 Header
|     #1.2 Header Buttons
|     #1.3 Wrapper Options
|     #1.4 Navegation Nivel 1
|     #1.5 Footer
|     #1.6 Section
|     #1.7 Navegation Nivel 2
|     #1.8 Show All Options
|     #1.9 Search Input
|     #1.9.1 Metabox
|     #1.9.2 Widget
|
| #2. Fields
|     #2.1 Field
|     #2.2 Field Text
|     #2.3 Field Textarea
|     #2.4 Field Select
|     #2.5 Field Notice
|     #2.6 Field Checkbox
|     #2.7 Field Radio
|     #2.8 Field Repeater
|     #2.9 Field Group
|     #2.10 Field Accordion
|     #2.11 Field Tab
|     #2.12 Field Fieldset
|     #2.13 Field Upload
|     #2.14 Field Media
|     #2.15 Field Gallery
|     #2.16 Code Editor
|     #2.17 WP Editor
|     #2.18 Color
|     #2.19 Color Group
|     #2.20 Field Link Color
|     #2.21 Field Palette color
|     #2.22 Field Background
|     #2.23 Field typography
|     #2.24 Field border, spacing, dimensions
|     #2.25 Field spinner
|     #2.26 Field slider
|     #2.27 Field sorter
|     #2.28 Field sortable
|     #2.29 Field switcher
|     #2.30 Field Icon
|     #2.31 Field Date
|     #2.32 Field Image Select
|     #2.33 Field Button Set
|     #2.34 Field Backup
|     #2.35 Field heading
|     #2.36 Field subheading
|     #2.37 Field submessage
|     #2.38 Field others
|     #2.39 Field Taxonomies hierarchical
|     #2.40 Field Tag
|     #2.41 Field Search post
|     #2.42 Field Styling
|     #2.43 Tooltip
|
| #3. Plugins
|     #3.1 Chosen JS
|
| #4. Helpers
|     #4.1 Notes
| #5. Modal
|     #5.1 Icon
|
| #6. Responsive
| #7. Vertical mode (options)
*/

/* #1 Core */
.pf *{
  box-sizing: border-box
}
.pf-clear{
  clear:both;
}
.pf-overflow{
  overflow: hidden;
}

/* #1.1 Header */
.pf-options .pf-header{
  position: relative;
}
.pf-options .pf-header .pf-header-inner{
  background:#e2e2e2;
  padding: 25px;

  /* Check these 2 properties */
  float: left;
  width: 100%;
}
.pf-options .pf-header-left{
  float: left;
}
.pf-options .pf-header-right{
  float: right;
}
/* #1.2 Header Buttons */
.pf-options .pf-buttons{
  float: right;
}
.pf-options .pf-search{
  float: left;
}
.pf-options .pf-buttons .button{
  margin: 0 2px;
  line-height: 26px;
}
.pf-header {
  position: relative;
}
.pf-header-inner {
  padding: 25px;
}
.pf-header-inner h1 {
  float: left;
  font-size: 1.5em;
  line-height: 26px;
  font-weight: 400;
  margin: 0;
}
.pf-header-inner h1 small {
  font-size: 11px;
  font-weight: 500;
}


/* #1.3 Wrapper Options */
.pf-options{
  margin-top  : 20px;
  margin-right: 20px;
}
.pf .pf-wrapper.pf-show-all .pf-section.section-child,
.pf .pf-wrapper.pf-search-all .pf-section.section-child{
  margin-top: 0;
}

/* #1.4 Navegation Nivel 1 */
.pf-options .nav-tab-wrapper > li{
  margin-bottom: 0;
}
.nav-tab-wrapper > li:first-child .nav-tab{
  margin-left: 0;
}
.nav-tab-wrapper > li .nav-tab{
  margin-left: .3em;
}
.nav-tab-wrapper .nav-tab i{
  padding-right: 5px;
  color: gray;
  transition: 200ms ease-in all;
}
.nav-tab-wrapper a.nav-tab-active i,
.nav-tab-wrapper a.nav-tab:hover i{
  color: #000;
}

/* #1.5 Footer */
.pf-footer{
  padding: 20px;
  font-size: 11px;
  background: #E2E2E2;
}

/* #1.6 Section */
.pf .pf-sections .pf-section{
  display: none;
}
.pf .pf-sections .pf-section.section-child{
  margin-top: 45px;
}

/* #1.7 Navegation Nivel 2 */
.nav-tab-wrapper{
  position: relative;
}
.nav-tab-wrapper .pf-tab-depth-0 ul{
  position: absolute;
  top: 130%;
  left: 0;
  display: flex;
  flex-wrap: wrap;
}
.nav-tab-wrapper .pf-tab-depth-0 > ul > li > a{
  border-bottom: none;
  margin-left: .5em;
  padding: 5px 10px;
  /* background: #e5e5e5; */
  text-decoration: none;
  font-weight: 600;
  border-bottom: 1px dotted;
  display: none;
}
.nav-tab-wrapper .pf-tab-depth-1{
  position: relative;
}
.nav-tab-wrapper .pf-tab-depth-0.nav-tab-parent-active > ul > li > a{
  display: block;
}
.nav-tab-wrapper .pf-tab-depth-0 ul li a.nav-tab-active{
  border-bottom: 0;
}
.nav-tab-wrapper .pf-tab-depth-0 ul li a.nav-tab-active::before {
  content: '';
  position: absolute;
  left: 49%;
  top: 60%;
}
.nav-tab-wrapper .pf-tab-depth-0.nav-tab-parent-active > ul > li > a > i{
  padding-right: 10px;
}

/* #1.8 Show All Options */
.pf-search-all .pf-nav-background,
.pf-search-all .pf-nav,
.pf-show-all .pf-nav-background,
.pf-show-all .pf-nav {
  display: none;
}
.pf-search-all .pf-content,
.pf-show-all .pf-content {
  margin-left: 0;
}
.pf-search-all .pf-section-title,
.pf-search-all .pf-section,
.pf-show-all .pf-section-title,
.pf-show-all .pf-section {
  display: block !important;
}
.pf-search-all .pf-section-title {
  display: none !important;
}
.pf-expand-all {
  float: left;
  padding: 0 8px;
  margin-right: 4px;
  z-index: 1;
  font-size: 14px;
  line-height: 29px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;

  color: #9a9a9a;
  background-color: #eaeaea;
}
.pf-expand-all span {
  font-size: 11px;
  vertical-align: middle;
}

/* #1.9 Search Input */
.pf-search {
  float: left;
}
.pf-search input {
  margin: 0 2px 0 0;
  border: none;
  font-size: 12px;
  line-height: 29px;
  text-align: inherit;
  padding: 0 10px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;

  color: #9a9a9a;
  background-color: #eaeaea;
}
.pf-search input:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.pf-saving .pf-buttons,
.pf-saving .pf-content {
  cursor: default;
  pointer-events: none;
  opacity: 0.75;
}



/* #1.9.1 Metabox */
.pf-metabox {
  margin: -6px -12px -12px -12px;
}
.pf-metabox .pf-section-title {
  padding: 20px;
}

.block-editor-page .pf-metabox {
  margin: -6px -14px -12px -14px;
}
.pf-nav-metabox{
  background-color: #fafafa;
}
.pf-metabox-restore {
  text-align: right;
  padding: 10px;
  border-top: 1px solid #eee;
  background-color: #fafafa;
}
.pf-metabox-restore .pf-button-cancel,
.pf-metabox-restore input {
  display: none;
}
.pf-metabox-restore span {
  -webkit-user-select: none;
  user-select: none;
}
.pf-metabox-restore input:checked ~ .pf-button-restore {
  display: none;
}
.pf-metabox-restore input:checked ~ .pf-button-cancel {
  display: inline-block;
}

#side-sortables .pf-section-title {
  padding: 12px;
}
#side-sortables .pf-field {
  padding: 12px;
}
#side-sortables .pf-field .pf-title {
  float: none;
  width: 100%;
  margin-bottom: 10px;
}
#side-sortables .pf-field .pf-fieldset {
  margin-left: 0;
}
#side-sortables .pf-notice {
  padding: 12px;
}
.pf-nav-metabox .nav-tab-wrapper{
  padding-top: 25px;
  border-bottom: 1px solid #eaeaea;
}
.pf-nav-metabox .nav-tab-wrapper > li{
  margin-bottom:0;
}
.pf-nav-metabox .nav-tab-wrapper > li:first-child > a{
  margin-left: 30px;
}
.pf-nav-metabox .nav-tab-wrapper > li > a{
  font-size: 14px;
  font-weight: 600;
  position: relative;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 7px;
  padding: 8px 16px 6px 12px;
  white-space: nowrap;
  text-decoration: none;
  color: #555;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  outline: none;
  background: #f5f5f5;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.pf-nav-metabox .nav-tab-wrapper a.pf-section-active{
  bottom: -1px;
  /*margin-top: -1px;*/
  color: #040404;
  border-top-color: #000000;
  background: #fff;
}
.pf-nav-metabox .nav-tab-wrapper > li > a span,
.pf-nav-metabox .nav-tab-wrapper > li > a i{
  margin-right: 5px;
}

/* #1.9.2 Widget */
.pf-widgets > .pf-field:first-child{
  border-top: 0;
}
.pf-widgets > .pf-field {
  position: relative;
  top: -1px;
  margin-right: -15px;
  margin-left: -15px;
  padding: 12px 15px;
}
.pf-widgets > .pf-field .pf-field {
  margin-left: 0;
  margin-right: 0;
}
.pf-widgets > .pf-field .pf-title {
  float: none;
  width: 100%;
  margin-bottom: 5px;
}
.pf-widgets > .pf-field .pf-fieldset {
  margin-left: 0;
}
.pf-widgets .pf-field-text input {
  width: 100%;
}
.pf-widgets .pf-field-notice .pf-notice {
  padding: 15px;
}
.control-section .pf-widgets > .pf-field {
  margin-right: -10px;
  margin-left: -10px;
  padding: 10px 12px;
}

.control-section .pf-field {
  padding: 0;
}
.control-section .pf-field .pf-title {
  float: none;
  width: 100%;
  margin-bottom: 10px;
}
.control-section .pf-field .pf-title h4 {
  font-size: 14px;
  font-weight: 600;
  color: inherit;
}
.control-section .pf-field .pf-fieldset {
  margin-left: 0;
}
.control-section .pf-field-select select {
  width: 100%;
}
.control-section .pf-field-heading {
  color: inherit;
  font-size: 14px;
  line-height: 1em;
  margin-right: -15px;
  margin-left: -15px;
  padding: 15px;
}
.control-section .pf-field-subheading {
  color: inherit;
  font-size: 11px;
  margin-right: -15px;
  margin-left: -15px;
  padding: 10px 15px;
}
.control-section .pf-text-subtitle {
  margin-top: 4px;
  font-size: 12px;
}
.control-section .pf-field-content,
.control-section .pf-field-submessage .pf-submessage {
  margin-right: -15px;
  margin-left: -15px;
  padding: 15px;
}
.control-section .pf-fieldset .pf-field-submessage .pf-submessage,
.control-section .pf-fieldset .pf-field-heading,
.control-section .pf-fieldset .pf-field-subheading {
  margin-left: 0;
  margin-right: 0;
}
.control-section .pf-field-date .pf--to {
  margin-left: 0;
}
.control-section .pf-field-sorter ul li {
  padding: 5px;
}
.control-section .pf-field-sorter .pf-modules {
  float: none;
  width: 100%;
}
.control-section .pf-field-sorter .pf-modules:first-child {
  padding-right: 0;
  padding-bottom: 15px;
}
.control-section .pf-field-background .pf--select {
  width: 100%;
}
.control-section .pf-field-border select,
.control-section .pf-field-spacing select,
.control-section .pf-field-dimensions select {
  width: auto;
}
.control-section .pf-field-spinner input {
  width: 50px;
}
.control-section .pf-field-backup .pf-export-data {
  display: none;
}
.control-section .pf-field-fieldset .pf-fieldset-content {
  border-color: #e5e5e5;
}
.control-section .pf-field-fieldset .pf-field {
  padding: 10px;
}
.control-section .pf-field-fieldset .pf-field .pf-title {
  margin-bottom: 5px;
}
.control-section .pf-field-fieldset .pf-field h4 {
  font-size: 12px;
}
.control-section .pf-field-group .pf-field,
.control-section .pf-field-tabbed .pf-field,
.control-section .pf-field-sortable .pf-field,
.control-section .pf-field-repeater .pf-field,
.control-section .pf-field-accordion .pf-field {
  padding: 10px;
}
.control-section .pf-field-group .pf-field .pf-title,
.control-section .pf-field-tabbed .pf-field .pf-title,
.control-section .pf-field-sortable .pf-field .pf-title,
.control-section .pf-field-repeater .pf-field .pf-title,
.control-section .pf-field-accordion .pf-field .pf-title {
  margin-bottom: 5px;
}
.control-section .pf-field-group .pf-field h4,
.control-section .pf-field-tabbed .pf-field h4,
.control-section .pf-field-sortable .pf-field h4,
.control-section .pf-field-repeater .pf-field h4,
.control-section .pf-field-accordion .pf-field h4 {
  font-size: 12px;
}
.control-section .pf-dependency-control.hidden {
  display: none !important;
}



/* #2.1 Field */
.pf-field{
  position: relative;
  padding : 30px;
}
.pf-field .pf-title {
  position: relative;
  width   : 20%;
  float   : left;
}
.pf-field .pf-title h4 {
  margin: 0;
  color: #23282d;
}
.pf-field .pf-fieldset {
  margin-left: 25%;
}
.pf-field:not(.hidden) {
  border-top: 1px solid #f3f3f3;
}
.pf-sections .pf-field:first-child,
.pf-sections .pf-field:nth-child(2) {
  border-top: 0;
}
.pf-section-title{
  display         : none;
  padding         : 20px 30px;
  background-color: #f5f5f5;
  border-top      : 1px solid #eee;
  border-bottom   : 1px solid #eee;
}
.pf-field p:first-child{
  margin-top: 0;
}
.pf-text-desc, .pf-text-subtitle {
  font-weight: 400;
  margin-top : 10px;
  color      : #999;
}
.pf-field.no-border-top {
  border-top: 0px;
}

/* #2.2 Field Text */
.pf-field-text input{
  width: 320px;
  max-width: 100%;
}

/* #2.3 Field Texarea */
.pf-field-textarea textarea {
  width: 100%;
  max-width: 100%;
  min-height: 125px;
}

/* #2.4 Field Select */
.pf-fieldset select{
  min-width: 175px;
  max-width: 100%;
}
.pf-fieldset .chosen-container{
  min-width: 200px;
  position: relative;
}
.widgets-php .pf-field-select select{
  width: 100%;
}
/* select2 */
/*
Version: 3.5.4 Timestamp: Sun Aug 30 13:30:32 EDT 2015
*/
.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
/*
  Force border-box so that % widths fit the parent
  container without overlap because of margin/padding.
  More Info : http://www.quirksmode.org/css/box.html
*/
-webkit-box-sizing: border-box; /* webkit */
   -moz-box-sizing: border-box; /* firefox */
        box-sizing: border-box; /* css3 */
}

.select2-container .select2-choice {
  display: block;
  height: 26px;
  padding: 0 0 0 8px;
  overflow: hidden;
  position: relative;

  border: 1px solid #aaa;
  white-space: nowrap;
  line-height: 26px;
  color: #444;
  text-decoration: none;

  border-radius: 4px;

  background-clip: padding-box;

  -webkit-touch-callout: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

  background-color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
  background-image: linear-gradient(to top, #eee 0%, #fff 50%);
}

html[dir="rtl"] .select2-container .select2-choice {
  padding: 0 8px 0 0;
}

.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #aaa;

  border-radius: 0 0 4px 4px;

  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen {
  margin-right: 26px;
  display: block;
  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;
  float: none;
  width: auto;
}

html[dir="rtl"] .select2-container .select2-choice > .select2-chosen {
  margin-left: 26px;
  margin-right: 0;
}

.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 8px;

  font-size: 1px;
  text-decoration: none;

  border: 0;
  background: url('../images/select2.png') right top no-repeat;
  cursor: pointer;
  outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block;
}

.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer;
}

.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 9998;
  /* styles required for IE to work */
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-drop {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 9999;
  top: 100%;

  background: #fff;
  color: #000;
  border: 1px solid #aaa;
  border-top: 0;

  border-radius: 0 0 4px 4px;

  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
          box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #aaa;
  border-bottom: 0;

  border-radius: 4px 4px 0 0;

  -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
          box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.select2-drop-active {
  border: 1px solid #5897fb;
  border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #5897fb;
}

.select2-drop-auto-width {
  border-top: 1px solid #aaa;
  width: auto;
}

.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;

  border-left: 1px solid #aaa;
  border-radius: 0 4px 4px 0;

  background-clip: padding-box;

  background: #ccc;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
  background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
  background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
  left: 0;
  right: auto;

  border-left: none;
  border-right: 1px solid #aaa;
  border-radius: 4px 0 0 4px;
}

.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('../images/select2.png') no-repeat 0 1px;
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow b {
  background-position: 2px 1px;
}

.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding: 4px 4px 0 4px;

  position: relative;
  z-index: 10000;

  white-space: nowrap;
}

.select2-search input {
  width: 100%;
  height: auto !important;
  min-height: 26px;
  padding: 4px 20px 4px 5px;
  margin: 0;

  outline: 0;
  font-family: sans-serif;
  font-size: 1em;

  border: 1px solid #aaa;
  border-radius: 0;

  -webkit-box-shadow: none;
          box-shadow: none;

  background: #fff url('../images/select2.png') no-repeat 100% -22px;
  background: url('../images/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url('../images/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url('../images/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url('../images/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

html[dir="rtl"] .select2-search input {
  padding: 4px 5px 4px 20px;

  background: #fff url('../images/select2.png') no-repeat -37px -22px;
  background: url('../images/select2.png') no-repeat -37px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url('../images/select2.png') no-repeat -37px -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url('../images/select2.png') no-repeat -37px -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url('../images/select2.png') no-repeat -37px -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-search input.select2-active {
  background: #fff url('../images/select2-spinner.gif') no-repeat 100%;
  background: url('../images/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url('../images/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url('../images/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url('../images/select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;

  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
          box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent;
  -webkit-box-shadow: 0 1px 0 #fff inset;
          box-shadow: 0 1px 0 #fff inset;

  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;

  background-color: #eee;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
  background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
  background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(to top, #fff 0%, #eee 50%);
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #5897fb;
  border-top-color: transparent;

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
  background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
  background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
}

.select2-dropdown-open .select2-choice .select2-arrow {
  background: transparent;
  border-left: none;
  filter: none;
}
html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {
  border-right: none;
}

.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -18px 1px;
}

html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -16px 1px;
}

.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* results */
.select2-results {
  max-height: 200px;
  padding: 0 0 0 4px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html[dir="rtl"] .select2-results {
  padding: 0 4px 0 0;
  margin: 4px 0 4px 4px;
}

.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0;
}

.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold;
}

.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;

  min-height: 1em;

  -webkit-touch-callout: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.select2-results-dept-1 .select2-result-label { padding-left: 20px }
.select2-results-dept-2 .select2-result-label { padding-left: 40px }
.select2-results-dept-3 .select2-result-label { padding-left: 60px }
.select2-results-dept-4 .select2-result-label { padding-left: 80px }
.select2-results-dept-5 .select2-result-label { padding-left: 100px }
.select2-results-dept-6 .select2-result-label { padding-left: 110px }
.select2-results-dept-7 .select2-result-label { padding-left: 120px }

.select2-results .select2-highlighted {
  background: #3875d7;
  color: #fff;
}

.select2-results li em {
  background: #feffde;
  font-style: normal;
}

.select2-results .select2-highlighted em {
  background: transparent;
}

.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000;
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-ajax-error,
.select2-results .select2-selection-limit {
  background: #f4f4f4;
  display: list-item;
  padding-left: 5px;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}
.select2-results .select2-disabled {
background: #f4f4f4;
display: list-item;
cursor: default;
}

.select2-results .select2-selected {
  display: none;
}

.select2-more-results.select2-active {
  background: #f4f4f4 url('../images/select2-spinner.gif') no-repeat 100%;
}

.select2-results .select2-ajax-error {
  background: rgba(255, 50, 50, .2);
}

.select2-more-results {
  background: #f4f4f4;
  display: list-item;
}

/* disabled styles */

.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}


/* multiselect */

.select2-container-multi .select2-choices {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 0 5px 0 0;
  position: relative;

  border: 1px solid #aaa;
  cursor: text;
  overflow: hidden;

  background-color: #fff;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
  background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
}

html[dir="rtl"] .select2-container-multi .select2-choices {
  padding: 0 0 0 5px;
}

.select2-locked {
padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
  min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;

  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
          box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.select2-container-multi .select2-choices li {
  float: left;
  list-style: none;
}
html[dir="rtl"] .select2-container-multi .select2-choices li
{
  float: right;
}
.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
  padding: 5px;
  margin: 1px 0;

  font-family: sans-serif;
  font-size: 100%;
  color: #666;
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: #fff url('../images/select2-spinner.gif') no-repeat 100% !important;
}

.select2-default {
  color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 18px;
  margin: 3px 0 3px 5px;
  position: relative;

  line-height: 13px;
  color: #333;
  cursor: default;
  border: 1px solid #aaaaaa;

  border-radius: 3px;

  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);

  background-clip: padding-box;

  -webkit-touch-callout: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice
{
  margin: 3px 5px 3px 0;
  padding: 3px 18px 3px 5px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #d4d4d4;
}

.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 4px;

  font-size: 1px;
  outline: none;
  background: url('../images/select2.png') right top no-repeat;
}
html[dir="rtl"] .select2-search-choice-close {
  right: auto;
  left: 3px;
}

.select2-container-multi .select2-search-choice-close {
  left: 3px;
}

html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
  left: auto;
  right: 2px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #ddd;
  background-image: none;
  background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;
  background: none;
}
/* end multiselect */


.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}

.select2-display-none {
  display: none;
}

.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}

/* Retina-ize icons */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx)  {
  .select2-search input,
  .select2-search-choice-close,
  .select2-container .select2-choice abbr,
  .select2-container .select2-choice .select2-arrow b {
      background-image: url('../images/select2x2.png') !important;
      background-repeat: no-repeat !important;
      background-size: 60px 40px !important;
  }

  .select2-search input {
      background-position: 100% -21px !important;
  }
}


/* #2.5 Field Notice */
.pf-field-notice {
  background-color: #f7f7f7;
}
.pf-notice {
  padding: 12px;
  background-color: #fff;
  border-left-style: solid;
  border-left-width: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.pf-notice-success {
  border-color: #46b450;
}
.pf-notice-info {
  border-color: #339fd4;
}
.pf-notice-warning {
  border-color: #ffbc00;
}
.pf-notice-danger {
  border-color: #dc3232;
}
.pf-notice-normal {
  border-color: #222;
}

/* #2.6 Field Checkbox */
.pf-field-checkbox ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
  overflow-y: auto;
  max-height: 305px;
}
.pf-field-checkbox .pf--inline-list li{
  display: inline-block;
  margin-right: 15px;
}
.pf-field-checkbox input[type="radio"]:checked:before{
  line-height: 10px;
}
.pf-field-checkbox .pf-checker{
  cursor: pointer;
}

/* #2.7 Field Radio */
.pf-field-radio ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  overflow-y: auto;
  max-height: 305px;
}
.pf-field-radio .pf--inline-list li {
  display: inline-block;
  margin-right: 15px;
}
.pf-field-checkbox input[type="radio"]:checked:before,
.pf-field-radio input[type="radio"]:checked:before {
  line-height: 10px;
}
.pf-field-radio .pf-checker {
  cursor: pointer;
}

/* #2.8 Field Repeater */
.pf-field-repeater .pf-field {
  padding: 10px;
}
.pf-field-repeater .pf-field-text input {
  width: 100%;
}
.pf-field-repeater .pf-repeater-hidden {
  display: none !important;
}
.pf-field-repeater .pf-repeater-wrapper .pf-repeater-item {
  display: table;
  width: 100%;
  margin-bottom: 5px;
  border: 1px solid #eee;
}
.pf-field-repeater .pf-repeater-wrapper .pf-repeater-item h4 {
  font-size: 1em;
}
.pf-field-repeater .pf-repeater-content {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  background-color: #ffffffb8;
}
.pf-field-repeater .pf-repeater-helper {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  line-height: 1em;
  border-left: 1px solid #eee;
  background-color: #f7f7f7;
}
.pf-field-repeater .pf-repeater-helper i {
  display: inline-block;
  cursor: pointer;
  color: #999;
  padding: 5px;
}
.pf-field-repeater .pf-repeater-helper i:hover {
  color: #555;
}
.pf-field-repeater .pf-repeater-helper-inner {
  width: 75px;
}
.pf-field-repeater .pf-repeater-alert {
  display: none;
  margin-bottom: 5px;
  padding: 10px 20px;
  color: #a94442;
  border: 1px solid #ebccd1;
  background-color: #f2dede;
}
.pf-field-repeater .widget-placeholder {
  height: 50px;
  margin-bottom: 3px;
  border: 1px dashed #f1c40f;
  background-color: #fffae4;
}
.pf-field-repeater .ui-sortable-helper {
  height: 50px !important;
  overflow: hidden !important;
  border-color: #ccc !important;
  background-color: #eee !important;
  opacity: 0.5;
}
.pf-field-repeater .ui-sortable-helper .pf-repeater-helper,
.pf-field-repeater .ui-sortable-helper .pf-repeater-content {
  display: none;
}

/* #2.9 Field Group */
.pf-field-group .pf-field {
  padding: 20px;
}
.pf-field-group .pf-cloneable-hidden {
  display: none !important;
}
.pf-field-group .pf-cloneable-wrapper {
  position: relative;
}
.pf-field-group .pf-cloneable-item {
  display: none;
  position: relative;
  margin-bottom: 5px;
}
.pf-field-group .pf-cloneable-item h4 {
  font-size: 1em;
}
.pf-field-group .ui-accordion .pf-cloneable-item {
  display: block;
}
.pf-field-group .pf-cloneable-content {
  border: 1px solid #e5e5e5;
  background: #fff;
}
.pf-field-group .pf-cloneable-title {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 15px 65px 15px 10px;
  min-height: 0;
  font-size: 100%;
  border: 1px solid #e5e5e5;
  background: #fafafa;
  -webkit-user-select: none;
  user-select: none;
  -moz-transition: border-color 0.15s;
  -o-transition: border-color 0.15s;
  -webkit-transition: border-color 0.15s;
  transition: border-color 0.15s;
}
.pf-field-group .pf-cloneable-title:active, .pf-field-group .pf-cloneable-title:hover, .pf-field-group .pf-cloneable-title:focus {
  border: 1px solid #bbb;
  background: #fafafa;
  outline: none;
}
.pf-field-group .pf-cloneable-helper {
  position: absolute;
  top: 12px;
  right: 10px;
  z-index: 1;
  font-size: 14px;
  line-height: 1em;
}
.pf-field-group .pf-cloneable-helper i {
  display: inline-block;
  cursor: pointer;
  padding: 5px;
  color: #999;
}
.pf-field-group .pf-cloneable-helper i:hover {
  color: #555;
}
.pf-field-group .pf-cloneable-content {
  padding: 0;
  border-top: 0;
}
.pf-field-group .pf-cloneable-title-prefix,
.pf-field-group .pf-cloneable-title-number {
  margin-right: 5px;
}
.pf-field-group .pf-cloneable-alert {
  display: none;
  margin-bottom: 5px;
  padding: 10px 20px;
  color: #a94442;
  border: 1px solid #ebccd1;
  background-color: #f2dede;
}
.pf-field-group .widget-placeholder {
  margin-bottom: 10px;
  border: 1px dashed #f1c40f;
  background-color: #fffae4;
}
.pf-field-group .pf-cloneable-header-icon {
  display: inline-block;
  text-align: center;
  font-size: 14px;
  width: 17px;
  color: #aaa;
  text-indent: 0;
  vertical-align: text-top;
}
.pf-field-group .pf-cloneable-placeholder {
  background-color: #ddd;
  margin-top: 4px;
  width: 100px;
  height: 10px;
  font-size: 10px;
  line-height: 10px;
  display: inline-block;
  vertical-align: top;
  border-radius: 2px;
}


/* #2.10 Field Accordion */
.pf-field-accordion .pf-field {
  padding: 20px;
}
.pf-field-accordion .pf-accordion-item {
  position: relative;
  margin-bottom: 5px;
}
.pf-field-accordion .pf-accordion-item h4 {
  font-size: 1em;
}
.pf-field-accordion .pf-accordion-title {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 15px;
  min-height: 0;
  font-size: 100%;
  -webkit-user-select: none;
  user-select: none;
  border: 1px solid #e5e5e5;
  background-color: #fafafa;
  -moz-transition: border-color 0.15s;
  -o-transition: border-color 0.15s;
  -webkit-transition: border-color 0.15s;
  transition: border-color 0.15s;
}
.pf-field-accordion .pf-accordion-title:active, .pf-field-accordion .pf-accordion-title:hover, .pf-field-accordion .pf-accordion-title:focus {
  border: 1px solid #bbb;
  background-color: #fafafa;
  outline: none;
}
.pf-field-accordion .pf-accordion-icon {
  color: #aaa;
  width: 14px;
  text-align: center;
}
.pf-field-accordion .pf--icon {
  width: 18px;
  text-shadow: center;
}
.pf-field-accordion .pf-accordion-content {
  display: none;
  padding: 0;
  border: 1px solid #e5e5e5;
  border-top: none;
  background-color: #fff;
}
.pf-field-accordion .pf-accordion-open {
  display: block;
}

/* #2.11 Field Tab */
.pf-field-tab .pf-tab-section {
  border: 1px solid #eee;
  background: #fff;
}
.pf-field-tab .pf-tab-nav .pf--icon {
  padding-right: 5px;
}
.pf-field-tab .pf-tab-nav a {
  display: inline-block;
  padding: 12px 15px;
  margin-top: 1px;
  margin-right: 5px;
  margin-bottom: -1px;
  position: relative;
  text-decoration: none;
  color: #444;
  font-weight: 600;
  background-color: #f3f3f3;
  border: 1px solid #eee;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.pf-field-tab .pf-tab-nav a:hover {
  background-color: #f9f9f9;
}
.pf-field-tab .pf-tab-nav a.pf-tab-active {
  background-color: #fff;
  border-bottom-color: #fff;
}
.pf-field-tab .pf-tab-nav a:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* #2.12 Field Fieldset */
.pf-field-fieldset .pf-fieldset-content {
  border: 1px solid #eee;
  background-color: #fff;
}
.pf-field-fieldset .pf-field {
  padding: 20px;
}
.pf-field-fieldset .pf-fieldset-content.inline-fields{
  border: 0;
  width: 100%;
  display: inline-block;
}
.pf-field-fieldset .pf-fieldset-content.inline-fields .pf-field{
  float: left;
  display: inline-block;
  padding: 5px;
  border-top:0;
}
.pf-field-fieldset .pf-fieldset-content.inline-fields .pf-field .pf-title,
.pf-field-fieldset .pf-fieldset-content.inline-fields .pf-field .pf-fieldset{
  margin-left: 0;
  width: 100%;
}
.pf-field-fieldset .pf-fieldset-content.pf-2columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

/* #2.13 Field Upload */
.pf-field-upload input {
  width: 100%;
}
.pf-field-upload .pf--wrap {
  display: flex;
}
.pf-field-upload .pf--buttons {
  display: flex;
  margin-left: 5px;
}
.pf-field-upload .pf--remove {
  margin-left: 5px;
}


/* #2.14 Field Media */
.pf-field-media .pf--placeholder {
  margin-bottom: 10px;
  display: flex;
}
.pf-field-media .pf--placeholder input {
  width: 100%;
}
.pf-field-media .button {
  margin-left: 7px;
}
.pf-field-media .pf--preview {
  position: relative;
}
.pf-field-media .pf--preview .fa-times {
  position: absolute;
  z-index: 1;
  right: 4px;
  top: 4px;
  font-size: 14px;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background-color: #dd3333;
  opacity: 0.8;
  transition: all .2s;
}
.pf-field-media .pf--preview .fa-times:hover {
  opacity: 1;
}
.pf-field-media .pf--preview .fa-times:focus {
  box-shadow: none;
}

/* #2.15 Field Gallery */
.pf-field-gallery input {
  display: none;
}
.pf-field-gallery ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.pf-field-gallery ul li {
  display: inline-block;
  position: relative;
  padding: 4px;
  margin: 0 5px 10px 0;
  border: 1px solid #ccc;
  background-color: #f9f9f9;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
}
.pf-field-gallery ul li img {
  max-height: 60px;
  display: inline-block;
  vertical-align: middle;
}
.pf-field-gallery .button {
  margin-right: 5px;
  margin-bottom: 5px;
}

/* #2.16 Code Editor */
.pf-field-code_editor .CodeMirror {
  width: 100%;
  height: 400px;
  border: 1px solid #eee;
}
.pf-field-code_editor textarea {
  width: 100%;
  height: 400px;
}

/* #2.17 WP Editor */
.pf-field-wp_editor .pf-wp-editor {
  float: left;
  width: 100%;
}
.pf-field-wp_editor .mce-toolbar-grp {
  border: none;
}
.pf-field-wp_editor .mce-btn.mce-active button,
.pf-field-wp_editor .mce-btn.mce-active:hover button,
.pf-field-wp_editor .mce-btn.mce-active i,
.pf-field-wp_editor .mce-btn.mce-active:hover i {
  color: #23282d;
}
.pf-field-wp_editor .wp-media-buttons {
  position: relative;
  z-index: 2;
}
.pf-field-wp_editor .wp-editor-tabs {
  position: relative;
  z-index: 1;
}
.pf-field-wp_editor .pf-no-tinymce {
  border: 1px solid #e5e5e5;
}
.pf-field-wp_editor .pf-no-quicktags .wp-media-buttons {
  float: none;
  display: block;
}
.pf-field-wp_editor .pf-no-quicktags .mce-tinymce {
  box-shadow: none;
  border: 1px solid #e5e5e5;
}
.pf-field-wp_editor textarea {
  width: 100%;
  max-width: 100%;
  margin: 0;
  box-shadow: none;
}

/* #2.18 Color */
.pf-field-color > input {
  opacity: 0.75;
  width: 115px;
  max-width: 100%;
}

/* #2.19 Color Group */
.pf-field-color_group .pf--left {
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
}
.pf-field-color_group .pf--title {
  color: #999;
  margin-bottom: 5px;
}

/* #2.20 Field Link Color */
.pf-field-link_color .pf--left {
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
}
.pf-field-link_color .pf--title {
  color: #999;
  margin-bottom: 5px;
}

/* #2.21 Field Palette color */
.pf-field-palette .pf--palette {
  position: relative;
  display: inline-block;
  cursor: pointer;
  border: 2px solid #ddd;
  margin-right: 10px;
  margin-bottom: 10px;
  user-select: none;
  -webkit-user-select: none;
  transition: all .2s;
}
.pf-field-palette .pf--palette span {
  vertical-align: middle;
  display: inline-block;
  width: 22px;
  height: 60px;
  line-height: 60px;
  overflow: hidden;
  text-indent: -999px;
}
.pf-field-palette .pf--palette:before {
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: center;
  font-size: 11px;
  font-family: FontAwesome;
  content: "\f00c";
  width: 15px;
  height: 15px;
  line-height: 15px;
  opacity: 0;
  color: #fff;
  background-color: #222;
  transition: opacity .2s;
}
.pf-field-palette .pf--active {
  border-color: #222;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.pf-field-palette .pf--active:before {
  opacity: 1;
}
.pf-field-palette input {
  display: none;
}

/* #2.22 Field Background */
.pf-field-background select {
  width: 100%;
}
.pf-field-background .pf-field {
  float: left;
  padding: 0;
  border: 0;
}
.pf-field-background .pf--block {
  float: left;
  margin-bottom: 15px;
  box-sizing: border-box;
}
.pf-field-background .pf--title {
  float: left;
  color: #999;
  margin-top: 3px;
  margin-right: 5px;
}
.pf-field-background .pf--select {
  width: 25%;
  padding-right: 10px;
  box-sizing: border-box;
}
.pf-field-background .pf--select .pf-field {
  width: 100%;
}
.pf-field-background .pf--media {
  width: 100%;
  padding-right: 10px;
}
.pf-field-background .pf--media .pf-field {
  width: 100%;
}

/* #2.23 Field border, spacing, dimensions */
.pf-field-border .pf--left,
.pf-field-spacing .pf--left,
.pf-field-dimensions .pf--left {
  float: left;
}
.pf-field-border .pf--input,
.pf-field-spacing .pf--input,
.pf-field-dimensions .pf--input {
  float: left;
  margin-right: 10px;
  margin-bottom: 7px;
}
.pf-field-border .pf--input select,
.pf-field-spacing .pf--input select,
.pf-field-dimensions .pf--input select {
  margin: 0;
  line-height: 26px;
}
.pf-field-border .pf--input input,
.pf-field-spacing .pf--input input,
.pf-field-dimensions .pf--input input {
  line-height: 26px;
  float: left;
  margin: 0;
  padding: 0;
  width: 65px;
  max-width: 100%;
  text-align: center;
}
.pf-field-border .pf--label,
.pf-field-spacing .pf--label,
.pf-field-dimensions .pf--label {
  float: left;
  max-width: 100%;
  font-size: 12px;
  line-height: 26px;
  vertical-align: top;
  text-align: center;
  color: #555;
  border: 1px solid #ddd;
  background-color: #eee;
  padding: 0 6px;
}
.pf-field-border .pf--label-icon,
.pf-field-spacing .pf--label-icon,
.pf-field-dimensions .pf--label-icon {
  min-width: 20px;
  border-right: 0;
  border-radius: 2px 0 0 2px;
}
.pf-field-border .pf--label-unit,
.pf-field-spacing .pf--label-unit,
.pf-field-dimensions .pf--label-unit {
  color: #999;
  border-left: 0;
  border-radius: 0 2px 2px 0;
}

/* #2.24 Field typography */
.pf-field-typography textarea,
.pf-field-typography select {
  margin: 0;
  width: 100%;
}
.pf-field-typography .pf--title {
  color: #999;
  margin: 0 0 2px 0;
}
.pf-field-typography .pf--title small {
  vertical-align: top;
}
.pf-field-typography .pf--blocks {
  display: flex;
  flex-wrap: wrap;
}
.pf-field-typography .pf--block {
  padding-right: 5px;
  padding-bottom: 10px;
  box-sizing: border-box;
}
.pf-field-typography .pf--block .pf--block {
  padding-right: 0;
  padding-bottom: 0;
}
.pf-field-typography .pf--blocks-selects .pf--block {
  flex: 1 33.3%;
}
.pf-field-typography .pf--blocks-inputs .pf--block {
  flex: 1 25%;
}
.pf-field-typography .pf--blocks-inputs .pf--block .pf--block {
  flex: 1;
}
.pf-field-typography .pf--input {
  margin: 0;
  width: 100%;
  padding: 5px 5px;
}
.pf-field-typography .pf--unit {
  min-width: 40px;
  max-width: 40px;
  padding: 4px 0;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  color: #777;
  border: 1px solid #ddd;
  background-color: #eee;
  border-radius: 0 2px 2px 0;
  border-left: 0;
}
.pf-field-typography .pf--preview {
  font-size: 16px;
  line-height: 20px;
  padding: 20px;
  color: #222;
  border: 1px solid #eee;
  background-color: #fff;
  border-radius: 2.5px;
  user-select: none;
  -webkit-user-select: none;
  transition: background-color .2s, border-color .2s;
}
.pf-field-typography .pf--block-preview {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  margin-top: 10px;
  max-width: 100%;
}
.pf-field-typography .pf--black-background {
  border-color: #000;
  background-color: #000;
}
.pf-field-typography .pf--toggle {
  position: absolute;
  top: 5px;
  right: 10px;
  color: #999;
}
.pf-field-typography .pf--block-extra-styles {
  margin-top: 5px;
}

/* #2.25 Field spinner */
.pf-field-spinner .pf--spin {
  float: left;
}
.pf-field-spinner .pf--unit {
  float: right;
  height: 30px;
  line-height: 26px;
  text-align: center;
  border-left: none;
  color: #999;
  border: 1px solid #ddd;
  border-left: 0;
  background-color: #eee;
  padding: 0 6px;
  margin: 0;
  box-sizing: border-box;
}
.pf-field-spinner .ui-spinner-button {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #ddd;
  color: #555;
  background-color: #eee;
  box-sizing: border-box;
}
.pf-field-spinner .ui-spinner-button:hover {
  background-color: #e7e7e7;
}
.pf-field-spinner .ui-spinner-button:active {
  background-color: #ddd;
}
.pf-field-spinner .ui-spinner-button:before {
  font-family: FontAwesome;
  font-size: 16px;
  line-height: 16px;
}
.pf-field-spinner .ui-spinner-down {
  float: left;
  border-right: 0;
  border-radius: 2px 0 0 2px;
}
.pf-field-spinner .ui-spinner-down:before {
  content: "\f0d9";
}
.pf-field-spinner .ui-spinner-up {
  float: right;
  border-left: 0;
  border-radius: 0 2px 2px 0;
}
.pf-field-spinner .ui-spinner-up:before {
  content: "\f0da";
}
.pf-field-spinner input {
  width: 50px;
  text-align: center;
  margin: 0;
  padding: 0 8px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #ddd;
}
.pf-field-spinner input:focus {
  outline: none;
}
.pf-field-spinner .ui-button-text {
  display: none;
}


/* #2.26 Field slider */
.pf-field-slider em {
  padding-left: 5px;
  color: #aaa;
}
.pf-field-slider input[type="text"] {
  width: 45px;
  margin-left: 15px;
  text-align: center;
}
.pf-field-slider .ui-slider {
  position: relative;
  width: 100%;
  height: 4px;
  border: none;
  background: #ddd;
  border-radius: 2px;
}
.pf-field-slider .ui-slider-range {
  height: 4px;
  border: none;
  background: #222;
  border-radius: 2px;
}
.pf-field-slider .ui-slider-handle {
  position: absolute;
  width: 18px;
  height: 18px;
  top: -7px;
  margin-left: -8px;
  border: none;
  background: #222;
  border-radius: 2px;
}
.pf-field-slider .ui-state-active,
.pf-field-slider .ui-slider-handle:hover {
  cursor: pointer;
  background: #444;
}


/* #2.27 Field sorter */
.pf-field-sorter .ui-sortable-placeholder {
  height: 20px;
  border: 1px dashed #f1c40f;
  background-color: #fffae4;
}
.pf-field-sorter .pf-modules {
  float: left;
  width: 50%;
  box-sizing: border-box;
}
.pf-field-sorter .pf-modules:first-child {
  padding-right: 15px;
}
.pf-field-sorter .pf-modules:last-child {
  padding-left: 15px;
}
.pf-field-sorter .pf-disabled,
.pf-field-sorter .pf-enabled {
  padding: 5px 15px;
  border: 1px dashed #ddd;
  background-color: #fff;
}
.pf-field-sorter .pf-disabled li {
  -moz-transition: opacity 0.15s;
  -o-transition: opacity 0.15s;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
  opacity: 0.5;
}
.pf-field-sorter .pf-disabled .ui-sortable-helper {
  opacity: 1;
}
.pf-field-sorter .pf-sorter-title {
  font-size: 13px;
  font-weight: 600;
  padding: 10px;
  text-align: center;
  border: 1px dashed #ddd;
  border-bottom: none;
  background-color: #f8f8f8;
  text-transform: uppercase;
}
.pf-field-sorter ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  min-height: 62px;
}
.pf-field-sorter ul li {
  margin: 10px 0;
  padding: 10px 15px;
  cursor: move;
  font-weight: bold;
  text-align: center;
  border: 1px solid #e5e5e5;
  background-color: #fafafa;
  -moz-transition: border-color 0.15s;
  -o-transition: border-color 0.15s;
  -webkit-transition: border-color 0.15s;
  transition: border-color 0.15s;
}
.pf-field-sorter ul li:hover {
  border-color: #bbb;
}

/* #2.28 Field sortable */
.pf-field-sortable .pf-field {
  padding: 10px;
}
.pf-field-sortable .pf-field-text input {
  width: 100%;
  max-width: 100%;
}
.pf-field-sortable .pf--sortable .pf--sortable-item {
  display: table;
  width: 100%;
  margin-bottom: 5px;
  border: 1px solid #eee;
}
.pf-field-sortable .pf--sortable .pf--sortable-item h4 {
  font-size: 1em;
}
.pf-field-sortable .pf--sortable-content {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  background-color: #fff;
}
.pf-field-sortable .pf--sortable-helper {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  line-height: 1em;
  border-left: 1px solid #eee;
  background-color: #f7f7f7;
}
.pf-field-sortable .pf--sortable-helper .fa {
  display: inline-block;
  cursor: pointer;
  width: 50px;
  color: #555;
}
.pf-field-sortable .pf--sortable-helper .fa:hover {
  opacity: 0.5;
}
.pf-field-sortable .widget-placeholder {
  height: 50px;
  margin-bottom: 3px;
  border: 1px dashed #f1c40f;
  background-color: #fffae4;
}
.pf-field-sortable .ui-sortable-helper {
  height: 50px !important;
  overflow: hidden !important;
  border-color: #ccc !important;
  background-color: #eee !important;
  opacity: 0.5;
}
.pf-field-sortable .ui-sortable-helper .pf--sortable-helper,
.pf-field-sortable .ui-sortable-helper .pf--sortable-content {
  display: none;
}

/* #2.29 Field switcher */
.pf-field-switcher .pf--switcher {
  float: left;
  cursor: pointer;
  position: relative;
  width: 60px;
  height: 26px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  border-radius: 4px;
  background-color: #ed6f6f;
  user-select: none;
  -webkit-user-select: none;
}
.pf-field-switcher .pf--ball {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 24px;
  height: 18px;
  background-color: #fff;
  border-radius: 4px;
  transition: all .1s;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}
.pf-field-switcher .pf--on,
.pf-field-switcher .pf--off {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 11px;
  line-height: 26px;
  font-weight: 500;
  font-style: normal;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  padding-right: 28px;
  opacity: 0;
  transition: all .1s;
}
.pf-field-switcher .pf--off {
  padding-right: 0;
  padding-left: 28px;
  opacity: 1;
}
.pf-field-switcher .pf--active {
  background: #4fb845;
}
.pf-field-switcher .pf--active .pf--on {
  opacity: 1;
}
.pf-field-switcher .pf--active .pf--off {
  opacity: 0;
}
.pf-field-switcher .pf--active .pf--ball {
  left: 100%;
  margin-left: -28px;
}
.pf-field-switcher .pf--label {
  float: left;
  margin-top: 4px;
  margin-left: 8px;
  font-weight: 400;
  color: #999;
}
.pf-field-switcher input {
  display: none;
}
.pf-field-switcher.pf-field-switcher-disabled .pf--switcher{
  background-color: #c5c5c5!important;
}

/* #2.30 Field Icon */
.pf-field-icon input {
  display: none;
}
.pf-field-icon .button {
  margin-right: 5px;
}
.pf-field-icon .pf-icon-preview i {
  display: inline-block;
  font-size: 14px;
  width: 30px;
  height: 26px;
  line-height: 26px;
  margin-right: 5px;
  text-align: center;
  vertical-align: top;
  color: #555;
  border: 1px solid #ccc;
  background-color: #f7f7f7;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
}

/* #2.31 Field Date */
.pf-field-date .pf--to {
  margin-left: 7px;
}
.pf-datepicker-wrapper {
  margin-top: 5px;
  width: auto;
  background-color: #fff;
  z-index: 9999999 !important;
  -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
}
.pf-datepicker-wrapper * {
  float: none;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  border: none;
  background: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-border-radius: none;
  -webkit-border-radius: none;
  border-radius: none;
}
.pf-datepicker-wrapper .ui-widget-header,
.pf-datepicker-wrapper .ui-datepicker-header {
  color: #fff;
  background: #00a0d2;
}
.pf-datepicker-wrapper .ui-datepicker-header .ui-state-hover {
  cursor: pointer;
}
.pf-datepicker-wrapper .ui-datepicker-title {
  font-size: 14px;
  line-height: 40px;
  text-align: center;
}
.pf-datepicker-wrapper .ui-datepicker-prev,
.pf-datepicker-wrapper .ui-datepicker-next {
  position: static;
  top: auto;
  left: auto;
  right: auto;
  font-family: "FontAwesome";
  font-size: 12px;
  text-align: center;
  width: 41px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pf-datepicker-wrapper .ui-datepicker-next span,
.pf-datepicker-wrapper .ui-datepicker-prev span {
  display: none;
}
.pf-datepicker-wrapper .ui-datepicker-prev {
  float: left;
}
.pf-datepicker-wrapper .ui-datepicker-next {
  float: right;
}
.pf-datepicker-wrapper .ui-datepicker-prev:before {
  content: '\f053';
}
.pf-datepicker-wrapper .ui-datepicker-next:before {
  content: '\f054';
}
.pf-datepicker-wrapper .ui-datepicker-prev-hover,
.pf-datepicker-wrapper .ui-datepicker-next-hover {
  opacity: 0.75;
}
.pf-datepicker-wrapper tbody .ui-datepicker-week-col {
  background-color: #f7f7f7;
}
.pf-datepicker-wrapper .ui-datepicker-buttonpane {
  padding: 10px;
  text-align: center;
  background-color: #f7f7f7;
}
.pf-datepicker-wrapper .ui-datepicker-buttonpane button {
  cursor: pointer;
  margin: 0 5px;
  padding: 7px 14px;
  border: 1px solid #eee;
  background-color: #fff;
}
.pf-datepicker-wrapper select {
  margin: 0 4px;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.pf-datepicker-wrapper select option {
  color: #555;
}
.pf-datepicker-wrapper table {
  font-size: 13px;
  border-collapse: collapse;
  width: 100%;
}
.pf-datepicker-wrapper thead {
  color: #fff;
  background: #32373c;
}
.pf-datepicker-wrapper th {
  text-align: center;
  padding: 7px;
  border: 1px solid #444;
}
.pf-datepicker-wrapper td {
  text-align: center;
  border: 1px solid #f4f4f4;
}
.pf-datepicker-wrapper td.ui-datepicker-other-month {
  border: transparent;
}
.pf-datepicker-wrapper td .ui-state-default {
  color: #555;
  width: auto;
  display: block;
  padding: 6px 12px;
}
.pf-datepicker-wrapper td .ui-state-active,
.pf-datepicker-wrapper td .ui-state-hover {
  color: #fff;
  background-color: #0073aa;
}
.pf-datepicker-wrapper td.ui-state-disabled .ui-state-default {
  opacity: 0.5;
}

/* #2.32 Field Image Select */
.pf-field-image_select .pf--image-group{
  margin-bottom: 10px;
}
.pf-field-image_select .pf--image {
  cursor: pointer;
  position: relative;
  display: inline-block;
  max-width: 100%;
  margin: 0 5px 5px 0;
  vertical-align: bottom;
  border: 2px solid transparent;
  background-color: #fff;
  user-select: none;
  -webkit-user-select: none;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.pf-field-image_select .pf--image:before {
  position: absolute;
  bottom: 0px;
  right: 0;
  text-align: center;
  font-size: 9px;
  padding-left: 2px;
  font-family: FontAwesome;
  content: "\f00c";
  width: 15px;
  height: 15px;
  line-height: 15px;
  opacity: 0;
  color: #fff;
  background-color: #222;
  transition: opacity .2s;
}
.pf-field-image_select .pf--image label{
  position: absolute;
  bottom: -20px;
  width: 100%;
  text-align: center;
}
.pf-field-image_select .pf--active {
  border-color: #222;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.pf-field-image_select .pf--active:before {
  opacity: 1;
}
.pf-field-image_select img {
  vertical-align: top;
}
.pf-field-image_select input {
  display: none;
}

/* #2.33 Field Button Set */
.pf-field-button_set .pf--buttons {
  display: inline-block;
}
.pf-field-button_set .pf--button {
  position: relative;
  z-index: 1;
  float: left;
  cursor: pointer;
  padding: 7px 14px;
  min-width: 40px;
  text-align: center;
  color: #555;
  border: 1px solid #cccccc;
  background-color: #f7f7f7;
  user-select: none;
  -webkit-user-select: none;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pf-field-button_set .pf--button:first-child {
  border-radius: 4px 0 0 4px;
}
.pf-field-button_set .pf--button:last-child {
  border-radius: 0 4px 4px 0;
}
.pf-field-button_set .pf--button:not(:first-child) {
  margin-left: -1px;
}
.pf-field-button_set .pf--button:hover {
  background-color: #eee;
}
.pf-field-button_set .pf--active:hover,
.pf-field-button_set .pf--active {
  z-index: 2;
  color: #fff;
  border-color: #006799;
  background-color: #0085ba;
}
.pf-field-button_set input {
  display: none;
}

/* #2.34 Field Backup */
.pf-field-backup textarea {
  width: 100%;
  min-height: 200px;
  margin-bottom: 5px;
}
.pf-field-backup small {
  display: inline-block;
  margin: 5px;
}
.pf-field-backup hr {
  margin: 20px 0;
  border: none;
  border-bottom: 1px solid #e5e5e5;
}

/* #2.35 Field heading */
.pf-field-heading {
  font-size: 1.5em;
  font-weight: bold;
  color: #23282d;
  background-color: #f5f5f5;
}
.pf-field-heading .pf-text-subtitle{
	margin: 0;
}
.pf-field-heading .pf-title{
  width: 100%;
}

/* #2.36 Field subheading */
.pf-field-subheading {
  font-size: 14px;
  font-weight: bold;
  padding-top: 17px;
  padding-bottom: 17px;
  color: #23282d;
  background-color: #f7f7f7;
}
.pf-field-subheading .pf-text-subtitle{
	margin: 0;
}
.pf-field-subheading .pf-title{
  width: 100%;
}

/* #2.37 Field submessage */
.pf-field-submessage {
  padding: 0 !important;
  border: 0 !important;
}
.pf-field-submessage + .pf-field {
  border-top: 0 !important;
}
.pf-submessage {
  font-size: 12px;
  padding: 17px 30px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.pf-submessage-success {
  color: #3c763d;
  border-color: #d6e9c6;
  background-color: #dff0d8;
}
.pf-submessage-info {
  color: #31708f;
  border-color: #bce8f1;
  background-color: #d9edf7;
}
.pf-submessage-warning {
  color: #8a6d3b;
  border-color: #faebcc;
  background-color: #fcf8e3;
}
.pf-submessage-danger {
  color: #a94442;
  border-color: #ebccd1;
  background-color: #f2dede;
}
.pf-submessage-normal {
  color: #23282d;
  border-color: #eee;
  background-color: #f7f7f7;
}

/* #2.38 Field others */
.pf .pf-help {
  cursor: help;
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  font-size: 14px;
  color: #aaa;
}
.pf .pf-help .pf-help-text {
  display: none;
}
.pf .pf-help {
  cursor: help;
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  font-size: 14px;
  color: #aaa;
}
.pf-image-preview {
  display: inline-block;
  position: relative;
  padding: 4px;
  min-width: 44px;
  min-height: 22px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  background-color: #f9f9f9;
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
}
.pf-image-preview img {
  max-height: 90px;
  display: inline-block;
  vertical-align: middle;
}
.pf-field .wp-picker-container {
  display: inline-block;
}
.pf-field .pf--transparent-wrap {
  display: none;
  position: relative;
  top: -1px;
  width: 100%;
  padding: 9px 10px;
  border: 1px solid #dfdfdf;
  border-top: none;
  background-color: #fff;
}
.pf-field .pf--transparent-slider {
  position: absolute;
  width: 190px;
  margin-left: 2px;
  height: 18px;
}
.pf-field .pf--transparent-slider .ui-slider-handle {
  position: absolute;
  top: -3px;
  bottom: -3px;
  z-index: 5;
  border-color: #aaa;
  border-style: solid;
  border-width: 4px 3px;
  width: 12px;
  height: 24px;
  margin: 0 -5px;
  background: none;
  cursor: ew-resize;
  opacity: 0.9;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.pf-field .pf--transparent-slider .ui-slider-handle:before {
  content: " ";
  position: absolute;
  left: -2px;
  right: -2px;
  top: -3px;
  bottom: -3px;
  border: 2px solid #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.pf-field .pf--transparent-offset {
  height: 18px;
  width: 200px;
  background: url(../images/checkerboard.png) repeat-y center left scroll #fff;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4) inset;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4) inset;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4) inset;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.pf-field .pf--transparent-text {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  color: #999;
}
.pf-field .pf--transparent-button {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  margin-top: 10px;
  user-select: none;
  -webkit-user-select: none;
  color: #999;
  transition: background-color .2s, border-color .2s, color .2s;
}
.pf-field .pf--transparent-active .wp-color-result {
  background-image: url(../images/checkerboard.png);
  background-size: 130%;
  background-position: center left;
  background-color: transparent !important;
}
.pf-field .pf--transparent-active .pf--transparent-button {
  color: #fff;
  border-color: #4fb845;
  background-color: #4fb845;
}

/* #2.39 Field Taxonomies hierarchical */
.pf-field-taxonomies .pf_taxonomies_separate_wrap{
  display: inline-block;
}
.pf-field-taxonomies .pf_taxonomies_separate_wrap .pf_taxonomies_separate:not(:first-child){
  display: inline-block;
  margin-left: 20px;
}
.pf-field-taxonomies .pf-taxonomy-wrap{
  float: left;
  width: 100%;
  background: transparent;
}
.pf-field-taxonomies .pf-taxonomy-wrap .pf-taxonomy-wrap-nav{
  clear: both;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #E4E4E4;
  margin-bottom: -5px;
  margin-top: 0;
  background: transparent;
}
.pf-field-taxonomies .pf-taxonomy-wrap .pf-taxonomy-nav{
  list-style: none;
  float: left;
  margin-bottom: 0;
}
.pf-field-taxonomies .pf-taxonomy-wrap .pf-taxonomy-nav-tab{
  cursor: pointer;
  display: inline-block;
  padding: 7px;
  border: 1px solid #E4E4E4;
  border-bottom: 0;
  margin-right: 7px;
  text-decoration: none;
}
.pf-field-taxonomies .pf-taxonomy-wrap .pf-taxonomy-content{
  padding: 5px;
  /* border-top: 1px solid; */
  border: 1px solid #E4E4E4;
  border-top: 0;
  /* display: inline*/
  background: #FDFDFD;
  padding-top: 0;
  margin-bottom: 10px;
}
.pf-field-taxonomies .pf-taxonomy-content-tab{
  clear: both;
  padding: 15px 10px 5px;
  position: relative;
}
.pf-field-taxonomies .pf-taxonomy-content-hierarchical .pf-taxonomy-content-tab{
  overflow-y: scroll;
  max-height: 250px;
}
.pf-field-taxonomies .pf-taxonomy-content-hierarchical .pf-taxonomy-selected-all.pf-field{
  overflow: hidden;
  padding: 0;
  margin-bottom: 0;
}
.pf-field-taxonomies .pf-taxonomy-content-tab .pf-taxonomy-collapse{
  /*margin-top: 15px;*/
}
.pf-field-taxonomies .pf-taxonomy-content-tab .btn-select-all{
  position: absolute;
  right: 8px;
}
.pf-field-taxonomies .pf-taxonomy-content-tab .pf-taxonomy-wrap-group{
  padding: 5px 0 5px 0;
}
.pf-field-taxonomies .pf-taxonomy-wrap .pf-taxonomy-nav{
  text-decoration: none;
}
.pf-field-taxonomies .pf-taxonomy-wrap .pf-taxonomy-nav-active a {
  position: relative;
  bottom: -1px;
  z-index: 2;
  background: #FDFDFD;
  border-bottom: 0;
  outline: 0;
  box-shadow: 0;
  text-decoration: none;
}
.pf-field-taxonomies .pf-taxonomy-wrap .pf-taxonomy-nav a:focus,
.pf-field-taxonomies .pf-taxonomy-wrap .pf-taxonomy-nav a:active{
  outline: 0;
  box-shadow: none;
}

/* #2.40 Field Tag */
/* surrounding tag container */
.pf-field-tag .tag-editor {
  list-style-type: none; padding: 0 5px 0 0; margin: 0; overflow: hidden; border: 1px solid #eee; cursor: text;
  font: normal 14px sans-serif; color: #555; background: #fff; line-height: 20px;
}
/* core styles usually need no change */
.pf-field-tag .tag-editor li { display: block; float: left; overflow: hidden; margin: 3px 0;background: transparent;  }
.pf-field-tag .tag-editor div { float: left; padding: 0 4px; }
.pf-field-tag .tag-editor .placeholder { padding: 0 8px; color: #bbb; }
.pf-field-tag .tag-editor-spacer { padding: 0 !important; width: 8px; overflow: hidden; color: transparent; background: none; }
.pf-field-tag .tag-editor input {
  vertical-align: inherit; border: 0; outline: none; padding: 0; margin: 0; cursor: text;
  font-family: inherit; font-weight: inherit; font-size: inherit; font-style: inherit;
  box-shadow: none; background: none; color: #444;
}
/* hide original input field or textarea visually to allow tab navigation */
.pf-field-tag .tag-editor-hidden-src { position: absolute !important; left: -99999px; }
/* hide IE10 "clear field" X */
.pf-field-tag .tag-editor ::-ms-clear { display: none; }
/* tag style */
.pf-field-tag .tag-editor{
  color: #626263; background: #ffffff; white-space: nowrap;
  overflow: hidden; cursor: pointer; border-radius: 2px 0 0 2px;
}
/* delete icon */
.pf-field-tag .tag-editor-delete { background: #efefef; cursor: pointer; border-radius: 0 2px 2px 0; padding-left: 3px; padding-right: 4px; }
.pf-field-tag .tag-editor-delete i { line-height: 20px; display: inline-block; }
.pf-field-tag .tag-editor-delete i:before { font-size: 16px; color: #8ba7ba; content: "×"; font-style: normal; }
.pf-field-tag .tag-editor-delete:hover i:before { color: #d65454; }
.pf-field-tag .tag-editor-tag{ background:#efefef;  }
.pf-field-tag .tag-editor-tag.active+.pf-field-tag .tag-editor-delete, .pf-field-tag .tag-editor-tag.active+.pf-field-tag .tag-editor-delete i { visibility: hidden; cursor: text; }
.pf-field-tag .tag-editor-tag.active { background: none !important; }
/* jQuery UI autocomplete - code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css */
.pf-field-tag .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; font-size: 14px; }
.pf-field-tag .ui-front { z-index: 9999; }
.pf-field-tag .ui-menu { list-style: none; padding: 1px; margin: 0; display: block; outline: none; }
.pf-field-tag .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.4; min-height: 0; /* support: IE7 */ }
.pf-field-tag .ui-widget-content { border: 1px solid #bbb; background: #fff; color: #555; }
.pf-field-tag .ui-widget-content a { color: #46799b; }
.pf-field-tag .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #e0eaf1; }
.pf-field-tag .ui-helper-hidden-accessible { display: none; }

/* #2.41 Field Search post */
.pf-field-search_post .pf-search-post-inputs-wrap input,
.pf-field-search_post .pf-search-post-inputs-wrap select{
  float: left;
  margin-left: 10px;
}
.pf-field-search_post .pf-search-post-inputs-wrap input{
  margin-left: 0px;
  width: 35%;
}
.pf-field-search_post .pf-search-post-inputs-wrap select{
  min-width: 120px;
}
.pf-field-search_post .pf-search-post-inputs-wrap .pf-search-post-custom-result-wrap{
  position: relative;
}
.pf-field-search_post .pf-search-post-inputs-wrap .pf-search-post-custom-result-wrap{
  top: auto !important;
}
.pf-field-search_post .pf-search-post-results{
  width: 100%;
  clear: both;
  margin-top: 5px;
  float: left;
  padding: 0 10px;
  padding-left: 0px;
  margin-left: 0;
  padding-bottom: 0;
  position: relative;
  margin-bottom: 0;
}
.pf-field-search_post .widget-placeholder {
  height: 70px;
  margin-bottom: 3px;
  border: 1px dashed #f1c40f;
  background-color: #fffae4;
}
.pf-field-search_post .pf-search-post-results li{
  clear: both;
  overflow: hidden;
}
.pf-field-search_post .pf-search-post-results li:last-child{
  margin-bottom: 0;
}
.pf-field-search_post .pf-search-post-results li .pf-search-post-item-index-img{
  float: left;
  margin-right: 15px;
}
.pf-field-search_post .pf-search-post-results li .pf-search-post-item-index-img img{
  width: 50px;
  border: 1px solid #e4e4e4;
  height: 50px;
}
.pf-field-search_post .pf-search-post-results li .pf-autocomplete-item-content{
  float: left;
  display: inline-block;
  font-size: 15px;
}
.pf-field-search_post .pf-search-post-results li .pf-autocomplete-item-content p{
  font-size: 15px;
  max-width: 290px;
  margin: 0;
}
.pf-field-search_post .pf-search-post-button{
  margin-left: 10px;
}
.pf-field-search_post li{
  display: block;
  /*cursor: pointer;*/
  position: relative;
  margin: 0;
  margin-bottom: 5px;
  padding: 15px;
  min-height: 0;
  font-size: 100%;
  border: 1px solid #e5e5e5;
  background: #fafafa;
  -webkit-user-select: none;
  user-select: none;
  -moz-transition: border-color 0.15s;
  -o-transition: border-color 0.15s;
  -webkit-transition: border-color 0.15s;
  transition: border-color 0.15s;
}
.pf-field-search_post .pf-search-post-helper {
  position: absolute;
  top: 12px;
  right: 10px;
  z-index: 1;
  font-size: 14px;
  line-height: 1em;
  top: calc( 58% - 17px);
  height: 25px;
}
.pf-field-search_post .pf-search-post-helper i {
  display: inline-block;
  cursor: pointer;
  padding: 5px;
  color: #999;
}
.pf-field-search_post .pf-search-post-helper i:hover {
  color: #555;
}
.pf-autocomplete-item{
  overflow: hidden;
  max-height: 500px;
  overflow-y: scroll;
}
.pf-autocomplete-item .pf-autocomplete-item-img{
  width: 15%;
  float: left;
  margin-right: 15px;
}
.pf-autocomplete-item .pf-autocomplete-item-img img{
  max-width: 100%;
  max-height: 50px;
}
.pf-autocomplete-item .pf-autocomplete-item-content{
  float: left;
  width: 75%;
}
.pf-autocomplete-item .pf-autocomplete-item-content p{
  margin: 0;
  font-size: 15px;
}
.pf-autocomplete-item  li{
  padding: 10px;
  padding-bottom: 5px;
  overflow: hidden;
  white-space: normal;
}

/* #2.42 Field Styling */
.pf-field-styling .pf--styling{
  width: 60%;
}
.pf-field-styling .pf--styling__nav,
.pf-field-styling .pf--styling__tab{
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: right;
}
.pf-field-styling .pf--styling__nav li{
  display: inline-block;
  width: 30px;
  text-align: center;
  margin: 0px;
  cursor: pointer;
  color: #ccc;
  font-size: 13px;
  position: relative;
}
.pf-field-styling .pf--styling__nav li:hover,
.pf-field-styling .pf--styling__nav li.active{
  color: #444;
  position: relative;
}
.pf-field-styling .pf--styling__nav li.active:after{
  border: 5px solid transparent;
  border-bottom: 5px solid #d4d4d4;
  position: absolute;
  left: 50%;
  bottom: -5px;
  content: "";
  transform: translateX(-50%);
}
.pf-field-styling .pf--styling__tab{
  list-style: none;
  background: #d4d4d4;
  /* margin-top: -5px; */
  display: inline-block;
  width: 100%;
  margin: 0px 0px 15px -15px;
  float: left;
  width: calc(100% + 30px);
  /* background: #e5e5e5; */
  padding: 0px;
  color: #fff;
  position: relative;
  max-width: initial;
}
.pf-field-styling .pf--styling__tab li{
  text-align: center;
  margin: 0px;
  cursor: pointer;
  position: relative;
  padding: 1px 15px 2px;
  cursor: pointer;
  transition: all 250ms;
  position: relative;
  min-width: 15px;
  float: left;
  margin-bottom: 0px;
  color: #a5a5a5;
  height: 38px;
  line-height: 38px;
  border-right: 1px solid rgba(255,255,255,0.5);
  text-transform: capitalize;
}
.pf-field-styling .pf--styling__tab li.active{
  background: #0073aa;
  border-color: #0073aa;
  color: #fff;
  position: relative;
}
.pf-field-styling .pf--styling__tab li.active:after{
  border: 5px solid transparent;
  border-top: 5px solid #0073aa;
  position: absolute;
  left: 50%;
  bottom: -10px;
  content: "";
  transform: translateX(-50%);
}
.pf-field-styling .pf--styling__content{
  background: #fafafa;
  padding: 0 15px 1px 15px;
  margin-top: 5px;
}
.pf-field-styling .pf--block{
  background: #fafafa;
  padding: 0 15px;
}
.pf-field-styling .pf--block .pf--title{
  font-weight: 500;
}
.pf-field-styling .pf--block .pf--fields input{
  width: 100%;
}
.pf-field-styling .pf--block .pf--fields{
  clear: both;
  padding: 0 0 10px 0;
  width: 100%;
  display: inline-block;
}
.pf-field-styling .pf--block .pf--fields_fontsize input{
  width: 45px;
  vertical-align: middle
}
.pf-field-styling .pf--block .pf--fields_fontsize select{
  min-width: 128px;
}
.pf-field-styling .pf--block .pf--label{
  float: left;
  max-width: 100%;
  font-size: 12px;
  line-height: 26px;
  vertical-align: top;
  text-align: center;
  color: #555;
  border: 1px solid #ddd;
  background-color: #eee;
  padding: 0 6px;
}
.pf-field-styling .pf--block .pf--label-icon{
  min-width: 20px;
  border-right: 0;
  border-radius: 2px 0 0 2px;
  border-top: 1;
  line-height: 26px;
}
.pf-field-styling .pf--block .pf--input{
  float: left;
  margin-right: 5px;
  margin-bottom: 7px;
}
.pf-field-styling .pf--block .pf--input input{
  width: 55px;
  margin-left: 0;
  vertical-align: middle;
  height: 28px;
  float: left;
  margin: 0;
}
.pf-field-styling .pf--block .pf--fields_four select{
  min-width: 45px;
}
.pf-field-styling .pf--block textarea{
  width: 100%;
}
/* #2.43 Tooltip */
.pf-tooltip {
  position: absolute;
  z-index: 5000001;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  padding: 6px 12px;
  max-width: 200px;
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  transition: 5s visibility ease;
}
.pf-tooltip.show{
  opacity: 1;
}
.pf-tooltip::after{
  content: '';
  right: 47%;
  bottom: -5px;
  position: absolute;
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid rgba(0, 0, 0, 0.85);
}

/* #3 Plugins */
/* #3.1 Chosen JS */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  user-select: none;
}
.chosen-container * {
  box-sizing: border-box;
}
.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  z-index: 1010;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  clip: rect(0, 0, 0, 0);
  clip-path: inset(100% 100%);
}
.chosen-container.chosen-with-drop .chosen-drop {
  clip: auto;
  clip-path: none;
}
.chosen-container a {
  cursor: pointer;
}
.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999;
}
.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 25px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}
.chosen-container-single .chosen-default {
  color: #999;
}
.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  font-size: 1px;
}
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}
.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
}
.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(100% 100%);
}
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
}
.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  cursor: text;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
  width: 25px;
}
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eeeeee;
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}
.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
  box-shadow: 0 1px 0 #fff inset;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}
.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important;
}
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}
.chosen-rtl {
  text-align: right;
}
.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}
.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}
.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}
.chosen-rtl .chosen-choices li {
  float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}
.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  direction: rtl;
}
/* custom */
.pf-field .chosen-container-single .chosen-single {
  height: 28px;
  line-height: 26px;
}
.pf-field .chosen-container-single .chosen-single abbr {
  top: 0;
  right: 20px;
  font-family: FontAwesome;
  font-size: 12px;
  height: 100%;
  width: 18px;
  color: #aaa;
  text-align: center;
  background: none;
}
.pf-field .chosen-container-single .chosen-single abbr:before {
  content: "\f00d";
}
.pf-field .chosen-container-single .chosen-single abbr:hover {
  color: #555;
}
.pf-field .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  font-family: FontAwesome;
  font-size: 12px;
  height: 100%;
  width: 18px;
  color: #aaa;
  text-align: center;
  background: none;
}
.pf-field .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
  content: "\f00d";
}
.pf-field .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  color: #555;
}
.pf-field .chosen-container-single .chosen-single div b {
  font-family: FontAwesome;
  font-size: 14px;
  color: #aaa;
  background: none;
}
.pf-field .chosen-container-single .chosen-single div b:before {
  content: "\f107";
}
.pf-field .chosen-container-single .chosen-single div b:hover {
  color: #555;
}
.pf-field .chosen-container-active.chosen-with-drop .chosen-single div b:before {
  content: "\f106";
}
.pf-field .chosen-container-single .chosen-single-with-deselect span {
  margin-right: 40px;
}
.pf-field .chosen-container-single .chosen-search input[type="text"] {
  background: none;
}
.pf-field .chosen-container-single .chosen-search:before {
  font-family: FontAwesome;
  position: absolute;
  content: "\f002";
  font-size: 11px;
  right: 10px;
  top: 7px;
  color: #aaa;
}
.pf-field .chosen-container .chosen-drop{
  top:auto;
}




/* #4. Helpers */
.pf-text-desc,
.pf-text-subtitle {
  font-weight: 400;
  margin-top: 10px;
  color: #999;
}
.pf-text-success {
  color: #2b542c;
}
.pf-text-error {
  color: #d02c21;
}
.pf-text-info {
  color: #31708f;
}
.pf-text-warning {
  color: #ffb900;
}
.pf-text-muted {
  color: #aaa;
}
.pf-text-left {
  text-align: left;
}
.pf-text-center {
  text-align: center;
}
.pf-text-right {
  text-align: right;
}
.pf-block-left {
  float: left;
}
.pf-block-right {
  float: right;
}
.pf-full-width {
  width: 100%;
}
.pf-full-half {
  width: 50%;
}
.pf-table {
  width: 100%;
  display: table;
}
.pf-table-cell {
  display: table-cell;
  vertical-align: middle;
}
.pf-table-expanded {
  width: 100%;
}
.pf-nowrap {
  white-space: nowrap;
}
.pf-text-highlight {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.pf-text-highlight-gray {
  padding: 2px 4px;
  font-size: 90%;
  background-color: #f0f0f0;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.pf-hidden {
  display: none;
}
.pf-hide {
  display: none !important;
}
.pf-show {
  display: block !important;
}
.pf-opacity {
  opacity: 0.5;
}
.pf-warning-primary {
  color: #fff !important;
  border-color: #d02c21 #ba281e #ba281e !important;
  background: #e14d43 !important;
  -moz-box-shadow: 0 1px 0 #ba281e !important;
  -webkit-box-shadow: 0 1px 0 #ba281e !important;
  box-shadow: 0 1px 0 #ba281e !important;
  text-shadow: 0 -1px 1px #ba281e, 1px 0 1px #ba281e, 0 1px 1px #ba281e, -1px 0 1px !important;
  text-shadow: 0 -1px 1px #ba281e, 1px 0 1px #ba281e, 0 1px 1px #ba281e, -1px 0 1px #ba281e !important;
}
.pf-warning-primary:hover, .pf-warning-primary:focus {
  border-color: #ba281e !important;
  background: #e35950 !important;
  -moz-box-shadow: 0 1px 0 #ba281e !important;
  -webkit-box-shadow: 0 1px 0 #ba281e !important;
  box-shadow: 0 1px 0 #ba281e !important;
}
.pf-warning-primary:active {
  border-color: #ba281e !important;
  background: #d02c21 !important;
  -moz-box-shadow: inset 0 2px 0 #ba281e !important;
  -webkit-box-shadow: inset 0 2px 0 #ba281e !important;
  box-shadow: inset 0 2px 0 #ba281e !important;
}
.pf-form-result {
  display: none;
  padding: 12px;
  margin: 0 0 15px 0;
  background-color: #fff;
  border-left: 4px solid #555;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.pf-form-show {
  display: block;
}
.pf-form-error {
  border-left-color: #dc3232;
}
.pf-form-success {
  border-left-color: #46b450;
}
.pf-form-warning {
  border-left-color: #ffb900;
}
.pf-form-info {
  border-left-color: #00a0d2;
}
.pf-label-error {
  position: relative;
  top: -1px;
  display: inline-block;
  font-size: 11px;
  line-height: 10px;
  height: 15px;
  width: 15px;
  padding: 2px 1px;
  margin-left: 1px;
  font-style: normal;
  text-align: center;
  color: #fff;
  vertical-align: middle;
  background-color: #e10000;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.pf-no-option {
  padding: 30px;
}
/* #4.1 Notes */
.pf-note{
  background: #F9FAFB;
  padding: 10px 15px;
  border: 1px solid #E8EBEE;
}


/* #5. Modal */
.pf-modal {
  display: none;
  position: fixed;
  z-index: 100101;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pf-modal-icon {
  z-index: 100102;
}

.pf-modal-table {
  display: table;
  width: 100%;
  height: 100%;
}

.pf-modal-table-cell {
  display: table-cell;
  vertical-align: middle;
  margin: 100px 0;
}

.pf-modal-inner {
  position: relative;
  z-index: 10;
  width: 760px;
  height: 750px;
  margin: 0 auto;
  background-color: #fff;
}

.pf-modal-content {
  position: relative;
  overflow: hidden;
  overflow-y: auto;
  height: 592px;
}
.pf-modal-content .pf-shortcode-button {
  display: none;
}
.pf-modal-content .pf-fieldset {
  margin-left: 25%;
}
.pf-modal-content .pf-title {
  width: 20%;
}
.pf-modal-content .pf-field {
  padding: 15px 30px 15px 15px;
}
.pf-modal-content a:active, .pf-modal-content a:focus {
  outline: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.pf-modal-content h4 {
  font-size: 13px;
}
.pf-modal-content h4 small {
  font-style: italic;
  font-weight: 400;
  color: #aaa;
}

.pf-modal-title {
  position: relative;
  background-color: #fcfcfc;
  border-bottom: 1px solid #ddd;
  height: 36px;
  font-size: 16px;
  font-weight: 600;
  line-height: 36px;
  margin: 0;
  padding: 0 36px 0 16px;
}

.pf-modal-header {
  width: 100%;
  padding: 16px 0;
  background-color: #f5f5f5;
  border-bottom: 1px solid #eee;
}
.pf-modal-header select {
  display: block;
  width: 250px;
  margin: 0 auto;
  background-color: #fff;
}

.pf-modal-close {
  color: #666;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  height: 36px;
  text-align: center;
  background: none;
  border: none;
  cursor: pointer;
}
.pf-modal-close:before {
  font: normal 20px/36px dashicons;
  content: "\f158";
  vertical-align: top;
  width: 36px;
  height: 36px;
}
.pf-modal-close:hover {
  opacity: 0.5;
}

.pf-modal-insert-wrapper {
  text-align: center;
  width: 100%;
  padding: 16px 0;
  background-color: #f5f5f5;
  border-top: 1px solid #eee;
}

.pf-modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
}

/* #5.1 Icon Modal */
.pf-modal-icon .pf-icon-title {
  padding: 15px 0;
  margin: 4px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  border: 1px solid #eee;
  background-color: #f7f7f7;
}
.pf-modal-icon .pf-icon-search {
  width: 250px;
  height: 40px;
  line-height: 40px;
}
.pf-modal-icon a {
  display: inline-block;
  padding: 4px;
  cursor: pointer;
}
.pf-modal-icon a .pf-icon {
  position: relative;
  padding: 4px;
  display: inline-block;
  font-size: 14px;
  width: 30px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  vertical-align: top;
  color: #555;
  border: 1px solid #ccc;
  background-color: #f7f7f7;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
}
.pf-modal-icon a:hover .pf-icon {
  color: #fff;
  border-color: #222;
  background-color: #222;
}
.pf-modal-icon .pf-modal-content {
  padding: 10px;
  height: 618px;
}
.pf-modal-icon .pf-text-error {
  padding: 10px;
}

.pf-modal-loading {
  display: none;
  position: absolute;
  left: 15px;
  top: 15px;
}

.pf-loading {
  position: relative;
  width: 20px;
  height: 20px;
  background: #ccc;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);
}
.pf-loading:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  content: "";
  margin-top: -2px;
  margin-left: -2px;
  background-color: white;
  -moz-animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -moz-animation-name: pfLoader;
  -webkit-animation-name: pfLoader;
  animation-name: pfLoader;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

@-moz-keyframes pfLoader {
  0% {
    -moz-transform: rotate(0deg) translateX(-6px) rotate(0deg);
    transform: rotate(0deg) translateX(-6px) rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg) translateX(-6px) rotate(-360deg);
    transform: rotate(360deg) translateX(-6px) rotate(-360deg);
  }
}
@-webkit-keyframes pfLoader {
  0% {
    -webkit-transform: rotate(0deg) translateX(-6px) rotate(0deg);
    transform: rotate(0deg) translateX(-6px) rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg) translateX(-6px) rotate(-360deg);
    transform: rotate(360deg) translateX(-6px) rotate(-360deg);
  }
}
@keyframes pfLoader {
  0% {
    -moz-transform: rotate(0deg) translateX(-6px) rotate(0deg);
    -ms-transform: rotate(0deg) translateX(-6px) rotate(0deg);
    -webkit-transform: rotate(0deg) translateX(-6px) rotate(0deg);
    transform: rotate(0deg) translateX(-6px) rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg) translateX(-6px) rotate(-360deg);
    -ms-transform: rotate(360deg) translateX(-6px) rotate(-360deg);
    -webkit-transform: rotate(360deg) translateX(-6px) rotate(-360deg);
    transform: rotate(360deg) translateX(-6px) rotate(-360deg);
  }
}





/* #6. Responsive */
@media only screen and (max-width: 1200px) {
  .pf-metabox .pf-field .pf-title {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
  .pf-metabox .pf-field .pf-fieldset {
    margin-left: 0;
  }
}
@media only screen and (max-width: 782px) {
  .pf-header-inner {
    text-align: center;
  }
  .pf-header-inner h1 {
    width: 100%;
    margin-bottom: 10px;
  }

  .pf-search,
  .pf-header-right,
  .pf-header-left {
    width: 100%;
  }

  .pf-search {
    text-align: center;
    margin-bottom: 15px;
  }

  .pf-footer {
    text-align: center;
  }

  .pf-buttons {
    float: none;
  }

  .pf-copyright {
    float: none;
    margin-top: 10px;
  }

  .pf-nav,
  .pf-expand-all,
  .pf-reset-section,
  .pf-nav-background {
    display: none !important;
  }

  .pf-content {
    margin-left: 0;
  }

  .pf-section-title,
  .pf-section {
    display: block !important;
    padding-left: 5px;
  }

  .pf-field .pf-title {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
  .pf-field .pf-fieldset {
    margin-left: 0;
  }

  .pf-modal-inner {
    width: 350px;
    height: 380px;
  }

  .pf-modal-content {
    height: 282px;
  }

  .pf-icon-dialog .pf-modal-inner {
    width: 305px;
    height: 380px;
  }
  .pf-icon-dialog .pf-modal-content {
    height: 267px;
  }
  .pf-field{
    padding: 8px;
  }
}

/* #7. Vertical mode (options) */
.pf-vertical .pf-wrapper{
  display: flex;
  flex-wrap:wrap;
  width: 100%;
}
.pf-vertical .pf-wrapper .pf-nav{
  width: 200px;
}
.pf-vertical .pf-wrapper .pf-content{
  width: calc(100% - 200px);
}
.pf-vertical .pf-wrapper .pf-nav .nav-tab-wrapper{
  display: flex;
  flex-direction: column;
  padding-top: 0;
}
.pf-vertical .pf-wrapper .pf-nav .nav-tab-wrapper .pf-tab-depth-0{
  display: flex;
  flex-direction: column;
}
.pf-vertical .pf-wrapper .pf-nav .nav-tab-wrapper .pf-tab-depth-0 ul{
  top: auto;
  position: initial;
  left: auto;
  display: flex;
  flex-direction: column;
  flex-wrap:nowrap;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.pf-vertical .pf-wrapper .pf-sections .pf-section.section-child{
  margin-top: 0;
}
.pf-vertical .pf-nav-options .nav-tab{
  margin-left: 0;
  transition: all ease-out 200ms;
}
.pf-vertical .pf-nav-options .nav-tab:hover{
  background: #efefef;
}
.pf-vertical .pf-nav-options .pf-tab-depth-0 > ul{
  height: 0;
}
.pf-vertical .pf-nav-options .pf-tab-depth-0 > a.nav-tab-active{
  background: #e8e8e8;
}
.pf-vertical .pf-nav-options .pf-tab-depth-0.nav-tab-parent-active > ul{
  height: auto;
}
.pf-vertical .nav-tab-wrapper .pf-tab-depth-0 ul li a{
  border-bottom: 0px!important;
}
.pf-vertical .nav-tab-wrapper .pf-tab-depth-0 ul li a.nav-tab-active{
  border-bottom: 0px!important;
  margin-bottom: 0px!important;
}
.pf-vertical .nav-tab-wrapper .pf-tab-depth-0 > ul > li > a{
  margin-left: 1.5em;
}
.pf-vertical .pf-tab-with-subtabs > a::before{
  content: '\f196';
  font-family: "Fontawesome";
  position: absolute;
  right: 10px;
  color: #6b6b6b;
  font-size: 10px;
}
.pf-vertical .pf-tab-with-subtabs > a.pf-section-active{}
.pf-vertical .pf-tab-with-subtabs > a.pf-section-active::before{
  content: '\f147';
}