/*
|--------------------------------------------------------------------------
| Table of Contents
|--------------------------------------------------------------------------
|
| #0. Zero
|     #0
|
| #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
|     #1.9.3 Sticky
|     #1.10 Comment Metabox
|
| #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, 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
|     #2.44 Field number
|     #2.45 Field map
|
| #3. Plugins
|     #3.1 Chosen JS
|
| #4. Helpers
|     #4.1 Notes
|     #4.2 Tooltip inline
| #5. Modal
|     #5.1 Icon
|     #5.2 Shortcode
|     #5.3 Gutenberg
|     #5.4 General
|
| #6. Responsive
| #7. Vertical mode (options)
| #8. Taxonomy options
| #9. Profile
*/

/* #0. Zero */
/* #1 Core */
.pf *{
  box-sizing: border-box
}
.pf-clear{
  clear:both;
}
.pf-overflow{
  overflow: hidden;
}
.pf-no-overflow, .pf-no-overflow .pf-fieldset{
  overflow: none;
}

/* #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;
}
.pf-buttons .button:focus {
  outline: none !important;
  box-shadow: none !important;
}


/* #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: 30px;
  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: #f7f7f7;
}
.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: 28px;
  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: #f7f7f7;
}
.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-restore-wrapper {
  text-align: right;
  padding: 10px;
  border-top: 1px solid #eee;
  background-color: #fafafa;
}
.pf-restore-wrapper .pf-button-cancel,
.pf-restore-wrapper input {
  display: none;
}
.pf-restore-wrapper span {
  -webkit-user-select: none;
  user-select: none;
}
.pf-restore-wrapper input:checked ~ .pf-button-restore {
  display: none;
}
.pf-restore-wrapper 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 {
  display: block;
  font-size: 13px;
  line-height: 1;
  font-weight: 600;
  color: inherit;
}
.control-section .pf-field .pf-fieldset {
  margin-left: 0;
}
.control-section .pf-help {
  top: -5px;
  right: -5px;
}
.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;
  float: none;
}
/* .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--selects {
  flex-direction: column;
}
.control-section .pf-field-spacing input {
  width: 90px;
}
.control-section .pf-field-border .pf--input {
  flex: 1 50%;
}
.control-section .pf-field-border input,
.control-section .pf-field-border 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;
}

/* #1.9.3 Sticky */
.pf-sticky .pf-header-inner {
  position: fixed;
  z-index: 20;
  top: 32px;
  -moz-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.125);
  -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.125);
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.125);
}

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

/* #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-sections .pf-field .pf-field{
  border-top: 1px solid #f3f3f3;
}
.pf-sections .pf-field .pf-field:first-child{
  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: 50%;
  max-width: 100%;
  margin: 0;
}

/* #2.3 Field Textarea */
.pf-field-textarea textarea {
  width: 100%;
  max-width: 100%;
  min-height: 125px;
}
.pf-field-textarea .pf-shortcode-button {
  margin-bottom: 10px;
  margin-right: 5px;
}

/* #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: 500999;
  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, radio */
.pf-field-checkbox ul,
.pf-field-radio ul{
  margin: 0;
  padding: 0 1px;
  list-style-type: none;
  overflow-y: auto;
  max-height: 305px;
}
.pf-field-checkbox .pf--inline-list li,
.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-checkbox .pf-checker,
.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 #ccd0d4;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
.pf-field-group .pf-cloneable-title {
  display: block;
  cursor: pointer;
  position: relative;
  user-select: none;
  margin: 0;
  padding: 15px 65px 15px 10px;
  min-height: 0;
  font-size: 100%;
  border: 1px solid #ccd0d4;
  background-color: #fafafa;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  transition: border-color .15s;
}
.pf-field-group .pf-cloneable-title:active, .pf-field-group .pf-cloneable-title:hover, .pf-field-group .pf-cloneable-title:focus {
  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;
  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;
}
.pf-field-group .pf-cloneable-content > .pf-field {
  padding: 15px;
}


/* #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 #ccd0d4;
  background-color: #fafafa;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  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 {
  outline: none;
  border-color: #999;
}
.pf-field-accordion .pf-accordion-icon {
  color: #aaa;
  width: 14px;
  text-align: center;
}
.pf-field-accordion .pf--icon {
  width: 20px;
  text-align: center;
}
.pf-field-accordion .pf-accordion-content {
  display: none;
  padding: 0;
  border: 1px solid #ccd0d4;
  border-top: none;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
.pf-field-accordion .pf-accordion-open {
  display: block;
}
.pf-field-accordion .pf-accordion-content > .pf-field {
  padding: 15px;
}

/* #2.11 Field Tab */
.pf-field-tab .pf-tab-section {
  border: 1px solid #ccd0d4;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
.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 #ccd0d4;
  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;
}
.pf-field-tab .pf-tab-section > .pf-field {
  padding: 15px;
}
.pf-field-tab .pf-tab-section > .pf-field:first-child{
  border-top: 0;
}

/* #2.12 Field Fieldset */
.pf-field-fieldset .pf-fieldset-content {
  border: 1px solid #ccd0d4;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
.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;
}
.pf-field-fieldset .pf-fieldset-content > .pf-field {
  padding: 15px;
}
.pf-field-fieldset .pf-field-subheading {
  font-size: 13px;
}

/* #2.13 Field Upload */
.pf-field-upload input {
  width: 100%;
  margin: 0;
}
.pf-field-upload .pf--wrap {
  display: flex;
}
.pf-field-upload .pf--button {
  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%;
  margin: 0;
}
.pf-field-media .button {
  margin-left: 5px;
}
.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 */
/**
 * Minified by jsDelivr using clean-css v4.2.1.
 * Original file: /npm/codemirror@5.41.0/lib/codemirror.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
.CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor-mark{background-color:rgba(20,255,20,.5);-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite}.cm-animate-fat-cursor{width:auto;border:0;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:-20px;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error{color:red}.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:0;position:relative}.CodeMirror-sizer{position:relative;border-right:30px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-30px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:0 0}
 /*# sourceMappingURL=/sm/f53fb66838d04a4c11f84532d4217409d70721c4af6012d321c1346c87c646f8.map */

.pf-field-code_editor .CodeMirror {
  width: 100%;
  height: 400px;
}
.pf-field-code_editor .cm-s-default {
  border: 1px solid #ccd0d4;
}
.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;
}
.pf .wp-switch-editor{
  height: 30px;
}

/* #2.18 Color */
.pf-field-color > input {
  opacity: 0.75;
  width: 115px;
  max-width: 100%;
}
.pf-field-color .button.wp-picker-clear {
  margin-left: 6px;
  padding: 2px 8px;
}

/* #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: #777;
  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 .pf-field {
  border: 0 !important;
  padding: 0;
  margin-bottom: 6px;
  margin-right: 6px;
}
.pf-field-background .pf--blocks {
  display: flex;
}
.pf-field-background .pf--title {
  color: #777;
  font-size: 12px;
}
.pf-field-background .pf--background-colors {
  display: flex;
}
.pf-field-background .pf--selects {
  display: flex;
  flex-wrap: wrap;
}
.pf-field-background .pf--selects select {
  min-width: 100%;
  margin: 0;
}
.pf-field-background .pf--selects .pf-field {
  flex: 1;
}
.pf-field-background .wp-color-result.button {
  margin-bottom: 0;
}
.pf-field-background .pf--media {
  width: 100%;
  padding-right: 10px;
}
.pf-field-background .pf--media .pf-field {
  width: 100%;
}
.pf-field-background .pf--background-attributes {
  display: flex;
  flex-wrap: wrap;
}
.pf-field-background .pf--background-attributes select {
  min-width: 100%;
  margin: 0;
}
.pf-field-background .pf--background-attributes .pf-field {
  flex: 1;
}
.pf-field-background .pf--attributes-hidden {
  display: none;
}

/* #2.23 Field border, spacing, dimensions */
.pf-field-border .pf--inputs,
.pf-field-spacing .pf--inputs,
.pf-field-dimensions .pf--inputs {
  float: left;
  display: flex;
  flex-wrap: wrap;
}
.pf-field-border .pf--input,
.pf-field-spacing .pf--input,
.pf-field-dimensions .pf--input {
  display: flex;
  padding-right: 6px;
  padding-bottom: 4px;
  box-sizing: border-box;
}
.pf-field-border .pf--input select,
.pf-field-spacing .pf--input select,
.pf-field-dimensions .pf--input select {
  margin: 0;
}
.pf-field-border .pf--input input,
.pf-field-spacing .pf--input input,
.pf-field-dimensions .pf--input input {
  position: relative;
  z-index: 1;
  margin: 0;
  width: 65px;
  max-width: 100%;
  text-align: center;
}
.pf-field-border .pf--color,
.pf-field-spacing .pf--color,
.pf-field-dimensions .pf--color {
  float: left;
}
.pf-field-border .pf--label,
.pf-field-spacing .pf--label,
.pf-field-dimensions .pf--label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  user-select: none;
  min-width: 30px;
  max-width: 100%;
  width: 100%;
  padding: 0 4px;
  font-size: 12px;
  text-align: center;
  color: #555;
  border: 1px solid #7B776C;
  background-color: #f5f5f5;
}
.pf-field-border .pf--icon,
.pf-field-spacing .pf--icon,
.pf-field-dimensions .pf--icon {
  border-right: 0;
  border-radius: 4px 0 0 4px;
}
.pf-field-border .pf--icon + input,
.pf-field-spacing .pf--icon + input,
.pf-field-dimensions .pf--icon + input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.pf-field-border .pf--unit,
.pf-field-spacing .pf--unit,
.pf-field-dimensions .pf--unit {
  border-left: 0;
  border-radius: 0 4px 4px 0;
  width: unset;
}
.pf-field-border .pf--is-unit,
.pf-field-spacing .pf--is-unit,
.pf-field-dimensions .pf--is-unit {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* #2.24 Field typography */
.pf-field-typography textarea,
.pf-field-typography select {
  min-width: 100%;
  margin: 0;
}
.pf-field-typography .pf--title {
  color: #777;
  margin: 0 0 2px 0;
  font-size: 12px;
}
.pf-field-typography .pf--title small {
  vertical-align: top;
}
.pf-field-typography .pf--blocks {
  display: flex;
  flex-wrap: wrap;
}
.pf-field-typography .pf--block {
  flex: 1;
  padding-right: 6px;
  padding-bottom: 6px;
}
.pf-field-typography .pf--input {
  margin: 0;
  min-width: 100%;
}
.pf-field-typography .pf--input-wrap {
  position: relative;
}
.pf-field-typography .pf--unit {
  position: absolute;
  z-index: 1;
  right: 4px;
  top: 4px;
  bottom: 4px;
  padding: 2px 6px;
  color: #666;
  font-size: 11px;
  line-height: 1;
  border-radius: 2px;
  background: #eee;
  user-select: none;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.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 {
  display: flex;
}
.pf-field-spinner .ui-spinner {
  display: flex;
}
.pf-field-spinner .ui-button-text-only {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  min-width: 30px;
  padding: 0 4px;
  color: #555;
  border: 1px solid #7e8993;
  background-color: #f5f5f5;
}
.pf-field-spinner .ui-button {
  cursor: pointer;
}
.pf-field-spinner .ui-button:hover {
  background-color: #e7e7e7;
}
.pf-field-spinner .ui-button:active {
  background-color: #ddd;
}
.pf-field-spinner .ui-button:before {
  font-family: FontAwesome;
  font-size: 14px;
}
.pf-field-spinner .ui-spinner-down {
  order: 1;
  border-right: 0;
  border-radius: 4px 0 0 4px;
}
.pf-field-spinner .ui-spinner-down:before {
  content: "\f0d9";
}
.pf-field-spinner .ui-spinner-input {
  order: 2;
}
.pf-field-spinner .pf--unit {
  order: 3;
  border-left: 0;
  user-select: none;
}
.pf-field-spinner .ui-spinner-up {
  order: 4;
  border-left: 0;
  border-radius: 0 4px 4px 0;
}
.pf-field-spinner .ui-spinner-up:before {
  content: "\f0da";
}
.pf-field-spinner input {
  position: relative;
  z-index: 1;
  width: 50px;
  text-align: center;
  margin: 0;
  padding: 0 8px;
  border-radius: 0;
}
.pf-field-spinner .ui-button-text {
  display: none;
}


/* #2.26 Field slider */
.pf-field-slider .pf--wrap {
  display: flex;
  align-items: center;
}
.pf-field-slider .pf--input {
  display: flex;
}
.pf-field-slider .ui-slider {
  position: relative;
  width: 100%;
  height: 4px;
  border: none;
  background: #ddd;
  border-radius: 2px;
}
.pf-field-slider .pf--unit {
  display: flex;
  justify-content: center;
  flex-direction: column;
  user-select: none;
  padding: 0 6px;
  font-size: 11px;
  line-height: 1;
  border-radius: 0 4px 4px 0;
  color: #555;
  border: 1px solid #7e8993;
  border-left: 0;
  background-color: #f5f5f5;
}
.pf-field-slider .pf--is-unit {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.pf-field-slider input[type=number] {
  position: relative;
  z-index: 1;
  width: 50px;
  margin: 0 0 0 15px;
  text-align: center;
}
.pf-field-slider .ui-slider {
  position: relative;
  width: 100%;
  height: 3px;
  border: none;
  background: #ddd;
  border-radius: 2px;
}
.pf-field-slider .ui-slider-range {
  height: 3px;
  border: none;
  background: #333;
  border-radius: 2px;
}
.pf-field-slider .ui-slider-handle {
  position: absolute;
  width: 16px;
  height: 16px;
  top: -7px;
  margin-left: -8px;
  border: none;
  background: #333;
  border-radius: 2px;
}
.pf-field-slider .ui-state-active,
.pf-field-slider .ui-slider-handle:hover {
  cursor: pointer;
  background: #111;
}


/* #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: 28px;
  line-height: 28px;
  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 input {
  margin: 0;
}
.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: 0;
  border-radius: 0;
  box-shadow: 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;
}
.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 .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";
  display: inline-block;
  padding-top: 3px;
}
.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-multi .chosen-choices li.search-choice-placeholder {
  border: 1px dashed #aaa;
  margin: 3px 5px 3px 0;
}
.pf-field .chosen-container-multi .ui-sortable li.search-choice span {
  cursor: move;
}
.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 .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 .wp-picker-active .pf--transparent-wrap {
  display: block;
}
.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 {
  cursor: pointer;
  user-select: none;
  margin-top: 10px;
  font-size: 11px;
  text-align: center;
  border-radius: 2px;
  padding: 3px 7px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  letter-spacing: 0.2px;
  color: #777;
  border: 1px solid #ccc;
  background-color: #f7f7f7;
  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: 135%;
  background-position: center left;
  background-color: transparent !important;
}
.pf-field .pf--transparent-active .pf--transparent-button {
  color: #fff;
  border-color: #3ea032;
  background-color: #4fb845;
}
.pf-field .pf--transparent-active .fa:before {
  content: "\f205";
}

/* #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 #f1f1f1;
  position: absolute;
  left: 50%;
  bottom: -5px;
  content: "";
  transform: translateX(-50%);
}
.pf-field-styling .pf--styling__tab{
  list-style: none;
  background: #f1f1f1;
  /* 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: #ffffff;
  border-color: #e0e0e0;
  /* color: #fff; */
  position: relative;
}
.pf-field-styling .pf--styling__tab li.active:after{
  border: 5px solid transparent;
  border-top: 5px solid #f1f1f1;
  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: #ffffff;
  padding: 0 15px;
  box-shadow: 0px 3px 7px #f3ebeb;
}
.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);
}

/* #2.44 Field number */
.pf-field-number input {
  width: 100%;
  margin: 0;
}
.pf-field-number .pf--wrap {
  position: relative;
  float: left;
  width: 100px;
}
.pf-field-number .pf--unit {
  position: absolute;
  z-index: 1;
  right: 4px;
  top: 4px;
  bottom: 4px;
  padding: 2px 6px;
  color: #666;
  font-size: 11px;
  line-height: 1;
  border-radius: 2px;
  background: #eee;
  user-select: none;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

/* #2.45 Field map */
.pf-field-map input {
  width: 100%;
}
.pf-field-map input[type="text"].ui-autocomplete-loading {
  background-position-x: calc(100% - 5px);
}
.pf-field-map .pf--map-search + .pf--map-osm-wrap {
  margin-top: 10px;
}
.pf-field-map .pf--map-osm-wrap {
  position: relative;
  padding: 5px;
  border: 1px solid #eee;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
.pf-field-map .pf--map-osm {
  position: relative;
  z-index: 1;
  min-height: 250px;
}
.pf-field-map .pf--map-inputs {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}
.pf-field-map .pf--map-input {
  flex: 1;
}
.pf-field-map .pf--map-input:last-child {
  padding-left: 10px;
}
.pf-field-map label {
  display: block;
  color: #777;
  font-size: 12px;
  margin: 0 0 2px 0;
}

.pf-map-ui-autocomplate {
  z-index: 999999;
  border-radius: 4px;
  overflow: hidden;
}


/* #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;
  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;
  height: 25px;
  min-height: 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";
  display: inline-block;
  padding-top: 1px;
}
.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;
  float: left;
  clear: both;
  width: 100%;
}
.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: #dc3545 !important;
  background: #dc3545 !important;
}
.pf-warning-primary:hover, .pf-warning-primary:focus {
  border-color: #bd2130 !important;
  background: #bd2130 !important;
}
.pf-warning-primary:focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #bd2130 !important;
}
.pf-warning-primary:active {
  border-color: #bd2130 !important;
  background: #bd2130 !important;
}
.pf-form-result {
  display: none;
  float: left;
  padding: 0 8px;
  margin-right: 4px;
  font-size: 11px;
  line-height: 28px;
  user-select: none;
  border-radius: 2px;
}
.pf-form-show {
  display: block;
}
.pf-form-error {
  border-left-color: #dc3232;
}
.pf-form-success {
  color: #fff;
  background-color: #46b450;
}
.pf-form-warning {
  color: #8a6d3b;
  background-color: #faebcc;
}
.pf-form-info {
  border-left-color: #00a0d2;
}
.pf-label-error {
  position: relative;
  top: -2px;
  display: inline-block;
  font-size: 10px;
  line-height: 10px;
  height: 10px;
  width: 10px;
  padding: 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;
}
.pf-input-number {
  -moz-appearance: textfield;
}

.pf-input-number::-webkit-inner-spin-button,
.pf-input-number::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* #4.1 Notes */
.pf-note{
  background: #F9FAFB;
  padding: 10px 15px;
  border: 1px solid #E8EBEE;
}

/* #4.2 Tooltip inline */
.pf-tooltip-inline {
  position: relative;
  display: inline-block;
}
.pf-tooltip-inline .tiptext {
  font-size: 12px;
  padding: 10px;
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  padding: 6px 0;
  position: absolute;
  z-index: 6;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  padding-top: 0;
}
.pf-tooltip-inline .tiptext::after {
  content: "";
  position: absolute;
  border-width: 5px;
  border-style: solid;
}
.pf-tooltip-inline:hover .tiptext {
  visibility: visible;
}
.pf-tooltip-inline.top .tiptext {
  margin-left: -100px;
  bottom: 150%;
  left: 50%;
}
.pf-tooltip-inline.top .tiptext::after {
  margin-left: -5px;
  top: 100%;
  left: 50%;
  border-color: #000 transparent transparent transparent;
}
.pf-tooltip-inline.bottom .tiptext {
  margin-left: -60px;
  top: 150%;
  left: 50%;
}
.pf-tooltip-inline.bottom .tiptext::after {
  margin-left: -5px;
  bottom: 100%;
  left: 50%;
  border-color: transparent transparent #2E2E2E transparent;
}
.pf-tooltip-inline.left .tiptext {
  top: -10px;
  right: 110%;
}
.pf-tooltip-inline.left .tiptext::after {
  margin-top: -5px;
  top: 50%;
  left: 100%;
  border-color: transparent transparent transparent #2E2E2E;
}
.pf-tooltip-inline.right .tiptext {
  top: -5px;
  left: 110%;
}
.pf-tooltip-inline.right .tiptext::after {
  margin-top: -5px;
  top: 50%;
  right: 100%;
  border-color: transparent #2E2E2E transparent transparent;
}


/* #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: 595px;
}
.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: 14px 0;
  background-color: #f5f5f5;
  border-bottom: 1px solid #eee;
}
.pf-modal-header select {
  display: block;
  width: 250px;
  margin: 0 auto;
  font-size: 13px;
  line-height: 1;
  height: 30px;
  min-height: 30px;
  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: 15px 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);
  }
}

/* #5.2 Shortcode */
.pf--repeatable {
  padding: 15px 15px 0 15px;
}

.pf--repeat-button-block {
  text-align: center;
  padding-bottom: 15px;
}
.pf--repeat-shortcode .pf-fields .pf-field:first-child {
  border-top: 0;
}
.pf--repeat-shortcode {
  position: relative;
  margin-bottom: 15px;
  border: 1px dashed #ddd;
}
.pf--repeat-shortcode:first-child .pf-repeat-remove {
  display: none;
}
.pf--repeat-shortcode .pf-repeat-remove {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 10;
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  border-radius: 2px;
  color: #fff;
  background-color: #e14d43;
  opacity: 0.5;
}
.pf--repeat-shortcode .pf-repeat-remove:hover {
  opacity: 1;
}

.pf-shortcode-single .pf-modal-inner {
  height: 750px;
}
.pf-shortcode-single .pf-modal-content {
  height: 652px;
}

.elementor-editor-active .pf-shortcode-button {
  margin-left: 5px;
}
.elementor-editor-active .pf-modal .hidden {
  display: none !important;
}

/* #5.3 Gutenberg */
.pf-shortcode-block {
  text-align: center;
  padding: 14px;
  font-size: 13px;
  background-color: #f5f5f5;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

.pf-shortcode-block .button {
  margin: 10px 0;
}

/* #5.4 General */
.pf-popup-overload{
  background: rgba(0,0,0,.6);
  z-index   : 9998;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.pf-popup-overload.active{
  display: block;
}
.pf-popup{
  background: #fff;
  z-index: 9999;
  display: none;
  min-height: 300px;
  transform: translate(-50% -50%);
  min-width: 620px;
  top: 50%;
  max-width: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pf-popup.active{
  position: fixed;
  display: block;
}
.pf-popup .pf-popup-header{
  border-bottom: #eeeeee solid 1px;
  background: #fbfbfb;
  padding: 15px 20px;
  position: relative;
}
.pf-popup .pf-popup-header h3{
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: bold;
  color: #cacaca;
  text-shadow: 1px 1px 1px #fff;
  letter-spacing: 0.6px;
  -webkit-font-smoothing: antialiased;
}
.pf-popup .pf-popup-content{
  box-sizing: border-box;
  padding: 20px;
}
.pf-popup .pf-popup-content h3{
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}
.pf-popup .pf-popup-footer{
  padding: 20px;
  border-top: 1px solid #eee;
  overflow: hidden;
}


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

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

  .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;
  background-color: #E2E2E2;
}
.pf-vertical .pf-wrapper .pf-content{
  width: calc(100% - 200px);
  background: #fff;
}
.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: 0;
  padding-left: 25px;
}
.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';
}

/* #8. Taxonomy options */
.pf-taxonomy > .pf-field {
  border-top: none !important;
}
.pf-taxonomy > .pf-field-heading {
  font-size: 1.1em;
  padding: 20px !important;
  border: 1px solid #ddd;
}
.pf-taxonomy > .pf-field-subheading {
  font-size: 12px;
  padding: 15px !important;
  border: 1px solid #ddd;
}
.pf-taxonomy > .pf-field-submessage .pf-submessage {
  padding: 15px;
  border-left-width: 1px;
  border-left-style: solid;
  border-right-width: 1px;
  border-right-style: solid;
}
.pf-taxonomy > .pf-field-notice {
  background-color: transparent;
}
.pf-taxonomy .pf-section-title {
  display: block;
  padding: 15px;
  background-color: #f9f9f9;
  border: 1px solid #e5e5e5;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}

.pf-taxonomy-add-fields > .pf-field {
  padding: 8px 0;
}
.pf-taxonomy-add-fields > .pf-field > .pf-title {
  float: none;
  width: 100%;
  padding: 2px 2px 4px 0;
}
.pf-taxonomy-add-fields > .pf-field > .pf-title h4 {
  font-size: 12px;
  font-weight: normal;
}
.pf-taxonomy-add-fields > .pf-field > .pf-fieldset {
  margin-left: 0;
}
.pf-taxonomy-add-fields > .pf-field > .pf-fieldset > .pf-help {
  right: -5px;
}
.pf-taxonomy-add-fields + p.submit {
  margin-top: 0;
}

.pf-taxonomy-edit-fields > .pf-field {
  padding: 20px 0;
}
.pf-taxonomy-edit-fields > .pf-field > .pf-title {
  width: 225px;
}
.pf-taxonomy-edit-fields > .pf-field > .pf-title h4 {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  display: inline-block;
  vertical-align: middle;
}
.pf-taxonomy-edit-fields > .pf-field > .pf-fieldset {
  margin-left: 225px;
}
.pf-taxonomy-edit-fields > .pf-field > .pf-fieldset > .pf-help {
  top: -5px;
  right: -5px;
}
.pf-taxonomy-edit-fields > .pf-field-submessage {
  margin: 20px 0;
}
.pf-taxonomy-edit-fields > .pf-field-subheading,
.pf-taxonomy-edit-fields > .pf-field-heading {
  margin: 20px 0;
  border: 1px solid #ddd;
}

/* #9. Profile */
.pf-profile > h2 > .fa {
  padding-right: 7px;
}
.pf-profile > .pf-field {
  padding: 15px 0;
  border-top: none !important;
}
.pf-profile > .pf-field > .pf-title {
  width: 220px;
}
.pf-profile > .pf-field > .pf-title h4 {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  display: inline-block;
  vertical-align: middle;
}
.pf-profile > .pf-field > .pf-fieldset {
  margin-left: 220px;
}
.pf-profile > .pf-field > .pf-fieldset > .pf-help {
  top: -15px;
  right: -5px;
}
.pf-profile > .pf-field-heading {
  font-size: 1.1em;
}
.pf-profile > .pf-field-subheading {
  font-size: 12px;
}
.pf-profile > .pf-field-subheading,
.pf-profile > .pf-field-heading {
  margin: 10px 0;
  padding: 15px !important;
  border: 1px solid #ddd;
}
.pf-profile > .pf-field-submessage {
  margin: 20px 0;
}
.pf-profile > .pf-field-submessage .pf-submessage {
  padding: 10px;
  border-left-width: 1px;
  border-left-style: solid;
  border-right-width: 1px;
  border-right-style: solid;
}
.pf-profile > .pf-field-notice {
  background-color: transparent;
}