/**

 *

 * ---------------------------------------------------------

 * CGPS FRAMEWORK CSS MAP

 * ---------------------------------------------------------

 *

 * 01. Base

 *     01. 01. Header

 *     01. 02. Sticky

 *     01. 03. Header Buttons

 *     01. 04. Navigation

 *     01. 05. Wrapper

 *     01. 06. Content

 *     01. 07. Section

 *     01. 08. Footer

 *     01. 09. Copyright

 *     01. 10. Show All Settings

 *     01. 11. Search Input

 *     01. 12. Metabox

 *     01. 13. Comment Metabox

 *     01. 14. Help Tooltip

 * 02. Themes

 *     02. 01. Theme Dark

 *     02. 02. Theme Light

 * 03. Fields

 *     03. 01. Field

 *     03. 02. Field: accordion

 *     03. 03. Field: background

 *     03. 04. Field: backup

 *     03. 05. Field: border, spacing, dimensions

 *     03. 06. Field: button_set

 *     03. 07. Field: checkbox, radio

 *     03. 08. Field: code_editor

 *     03. 09. Field: color

 *     03. 10. Field: color_group

 *     03. 11. Field: fieldset

 *     03. 12. Field: date

 *     03. 13. Field: datetime

 *     03. 14. Field: gallery

 *     03. 15. Field: group

 *     03. 16. Field: icon

 *     03. 17. Field: image_select

 *     03. 18. Field: link_color

 *     03. 19. Field: map

 *     03. 20. Field: media

 *     03. 21. Field: palette

 *     03. 22. Field: repeater

 *     03. 23. Field: select

 *     03. 24. Field: slider

 *     03. 25. Field: sortable

 *     03. 26. Field: sorter

 *     03. 27. Field: spinner

 *     03. 28. Field: switcher

 *     03. 29. Field: tabbed

 *     03. 30. Field: text

 *     03. 31. Field: textarea

 *     03. 32. Field: typography

 *     03. 33. Field: upload

 *     03. 34. Field: wp_editor

 *     03. 35. Field: heading

 *     03. 36. Field: subheading

 *     03. 37. Field: submessage

 *     03. 38. Field: notice

 *     03. 39. Field: number

 *     03. 40. Field: link

 *     03. 41. Field: others

 * 04. Widget

 * 05. Customizer

 * 06. Taxonomy

 * 07. Profile

 * 08. Nav Menu

 * 09. Modal

 *     09. 01. Shortcode Modal

 *     09. 02. Gutenberg Modal

 *     09. 03. Icon Modal

 * 10. Helper

 * 11. Welcome Page

 * 12. Responsive

 * 13. Others

 *

 * ---------------------------------------------------------

 *

 */

/**

 * 01. Base

 */

.cgps {

  position: relative;

}

.cgps label {

  padding: 0;

  margin: 0;

  display: inline-block;

}



.cgps-ab-icon {

  top: 2px;

}



#screen-meta-links + .cgps-options {

  margin-top: 40px;

}



.cgps-options {

  margin-top: 20px;

  margin-right: 20px;

}



/**

 * 01. 01. Header

 */

.cgps-header {

  position: relative;

}



.cgps-header-inner {

  padding: 25px;

  transition: box-shadow 0.3s ease;

}

.cgps-header-inner h1 {

  float: left;

  font-size: 1.5em;

  line-height: 26px;

  font-weight: 400;

  margin: 0;

}

.cgps-header-inner h1 small {

  font-size: 11px;

  font-weight: 500;

}



/**

 * 01. 02. Sticky

 */

.cgps-sticky .cgps-header-inner {

  position: fixed;

  z-index: 99;

  top: 32px;

  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);

}



/**

 * 01. 03. Header Buttons

 */

.cgps-buttons {

  float: right;

}

.cgps-buttons .button {

  margin: 0 2px;

  line-height: 26px;

}

.cgps-buttons .button:focus {

  outline: none !important;

  box-shadow: none !important;

}

.cgps-buttons .cgps-save {

  min-width: 72px;

}



.cgps-header-left {

  float: left;

}



.cgps-header-right {

  float: right;

}



/**

 * 01. 04. Navigation

 */

.cgps-nav {

  display: block;

  position: relative;

  z-index: 10;

  float: left;

}

.cgps-nav ul {

  clear: left;

  margin: 0;

  list-style-type: none;

}

.cgps-nav ul li {

  margin-bottom: 0;

}

.cgps-nav ul li a {

  font-size: 13px;

  position: relative;

  display: block;

  padding: 14px 12px;

  text-decoration: none;

  transition-property: color, background;

  transition-duration: 0.2s;

  transition-timing-function: ease;

}

.cgps-nav ul li a:focus {

  outline: none;

  box-shadow: none;

}

.cgps-nav ul li .cgps-arrow:after {

  content: "\f054";

  display: inline-block;

  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome";

  font-weight: 900;

  font-size: 9px;

  line-height: 1;

  position: absolute;

  right: 10px;

  top: 50%;

  margin-top: -4px;

}

.cgps-nav ul li.cgps-tab-expanded .cgps-arrow:after {

  transform: rotate(90deg);

}

.cgps-nav ul li.cgps-tab-expanded ul {

  display: block;

}

.cgps-nav ul ul {

  display: none;

  position: relative;

}

.cgps-nav ul ul li a {

  font-size: 12px;

  padding: 12px 14px 12px 24px;

}

.cgps-nav .cgps-tab-icon {

  width: 20px;

  margin-right: 5px;

  font-size: 13px;

  text-align: center;

}

.cgps-nav .cgps-label-error {

  margin-left: 4px;

  vertical-align: top;

}



.cgps-nav-normal {

  width: 225px;

}

.cgps-nav-normal + .cgps-content {

  margin-left: 225px;

}



.cgps-nav-inline {

  width: 100%;

}

.cgps-nav-inline ul li {

  display: inline-block;

  vertical-align: top;

}



.cgps-nav-background {

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  z-index: 9;

  width: 225px;

}



/**

 * 01. 05. Wrapper

 */

.cgps-wrapper {

  position: relative;

}



/**

 * 01. 06. Content

 */

.cgps-content {

  position: relative;

  background-color: #fff;

}



/**

 * 01. 07. Section

 */

.cgps-sections {

  float: left;

  width: 100%;

}



.cgps-section-title {

  display: none;

  padding: 20px 30px;

  background-color: #f5f5f5;

  border-top: 1px solid #eee;

  border-bottom: 1px solid #eee;

}

.cgps-section-title h3 {

  margin: 0;

  padding: 0;

  font-size: 13px;

  font-weight: bold;

  text-transform: uppercase;

}

.cgps-section-title .cgps-section-icon {

  margin-right: 5px;

}



/**

 * 01. 08. Footer

 */

.cgps-footer {

  padding: 20px;

  font-size: 11px;

}



/**

 * 01. 09. Copyright

 */

.cgps-copyright {

  float: left;

  margin-top: 5px;

}



/**

 * 01. 10. Show All Settings

 */

.cgps-search-all .cgps-nav-background,

.cgps-search-all .cgps-nav,

.cgps-show-all .cgps-nav-background,

.cgps-show-all .cgps-nav {

  display: none;

}

.cgps-search-all .cgps-content,

.cgps-show-all .cgps-content {

  margin-left: 0;

}

.cgps-search-all .cgps-section-title,

.cgps-search-all .cgps-section,

.cgps-show-all .cgps-section-title,

.cgps-show-all .cgps-section {

  display: block !important;

}



.cgps-search-all .cgps-section-title {

  display: none !important;

}



.cgps-expand-all {

  float: left;

  padding: 0 8px;

  margin-right: 4px;

  z-index: 1;

  font-size: 13px;

  line-height: 30px;

  cursor: pointer;

  user-select: none;

  border-radius: 2px;

  transition: all 0.2s;

}

.cgps-expand-all span {

  font-size: 11px;

  vertical-align: middle;

}



/**

 * 01. 11. Search Input

 */

.cgps-search {

  float: left;

}

.cgps-search input {

  margin: 0 2px 0 0;

  border: none;

  font-size: 12px;

  line-height: 30px;

  min-height: 30px;

  text-align: inherit;

  padding: 0 10px;

  border-radius: 2px;

  box-shadow: none;

}

.cgps-search input:focus {

  box-shadow: none;

}



.cgps-saving .cgps-buttons,

.cgps-saving .cgps-content {

  cursor: default;

  pointer-events: none;

  opacity: 0.5;

}



/**

 * 01. 12. Metabox

 */

.cgps-metabox {

  margin: -6px -12px -12px -12px;

}

.cgps-metabox .cgps-field {

  padding: 20px;

}

.cgps-metabox .cgps-section-title {

  padding: 20px;

}



.block-editor-page .cgps-metabox {

  margin: -6px -14px -14px -14px;

}



.block-editor-editor-skeleton__content .cgps-metabox {

  border-left: 1px solid #e2e4e7;

  border-right: 1px solid #e2e4e7;

}



.cgps-sections-reset {

  float: left;

  width: 100%;

  text-align: right;

  border-top: 1px solid #eee;

}

.cgps-sections-reset .cgps-button-cancel,

.cgps-sections-reset input {

  display: none;

}

.cgps-sections-reset label {

  padding: 10px;

}

.cgps-sections-reset span {

  -webkit-user-select: none;

  user-select: none;

}

.cgps-sections-reset input:checked ~ .cgps-button-reset {

  display: none;

}

.cgps-sections-reset input:checked ~ .cgps-button-cancel {

  display: inline-block;

}



#side-sortables .cgps-section-title {

  padding: 12px;

}

#side-sortables .cgps-field {

  padding: 10px 15px;

}

#side-sortables .cgps-field .cgps-title {

  float: none;

  width: 100%;

  margin-bottom: 6px;

}

#side-sortables .cgps-field .cgps-fieldset {

  float: none;

  width: 100%;

}

#side-sortables .cgps-field-text input {

  width: 100%;

}

#side-sortables .cgps-notice {

  padding: 10px 15px;

}



/**

 * 01. 13. Comment Metabox

 */

.cgps-comment-metabox {

  margin: -6px -12px -12px -12px;

}

.cgps-comment-metabox .cgps-field {

  padding: 20px;

}

.cgps-comment-metabox .cgps-section-title {

  padding: 20px;

}



/**

 * 01. 14. Help Tooltip

 */

.cgps-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);

  border-radius: 4px;

}



/**

 * 02. Themes

 */

/**

 * 02. 01. Theme Dark

 */

.cgps-theme-dark .cgps-header-inner {

  background-color: #050505;

}

.cgps-theme-dark .cgps-header-inner h1 {

  color: #fff;

}

.cgps-theme-dark .cgps-header-inner h1 small {

  color: #555;

}

.cgps-theme-dark .cgps-expand-all {

  color: #999;

  background-color: #222;

}

.cgps-theme-dark .cgps-expand-all:hover {

  color: #fff;

  background-color: #333;

}

.cgps-theme-dark .cgps-search input {

  color: #fff;

  background-color: #222;

}

.cgps-theme-dark .cgps-search:focus {

  background-color: #444;

}

.cgps-theme-dark .cgps-search::-webkit-input-placeholder {

  color: #666;

}

.cgps-theme-dark .cgps-nav ul li a {

  color: #999;

  border-color: #2f2f2f;

  background-color: #222;

}

.cgps-theme-dark .cgps-nav ul li a:hover {

  color: #fff;

}

.cgps-theme-dark .cgps-nav ul li .cgps-active {

  color: #fff;

  background-color: #111;

}

.cgps-theme-dark .cgps-nav ul ul li a {

  border-color: #2f2f2f;

  background-color: #191919;

}

.cgps-theme-dark .cgps-nav ul ul li .cgps-active {

  background-color: #101010;

}

.cgps-theme-dark .cgps-nav ul ul:before {

  background-color: rgba(34, 34, 34, 0.75);

}

.cgps-theme-dark .cgps-nav > ul > li:last-child > a {

  border: none;

}

.cgps-theme-dark .cgps-nav-normal ul li a {

  border-bottom-width: 1px;

  border-bottom-style: solid;

}

.cgps-theme-dark .cgps-nav-normal ul li .cgps-active:after {

  content: " ";

  position: absolute;

  right: 0;

  top: 50%;

  height: 0;

  width: 0;

  pointer-events: none;

  border: solid transparent;

  border-right-color: #fff;

  border-width: 4px;

  margin-top: -4px;

}

.cgps-theme-dark .cgps-nav-inline {

  background-color: #222;

}

.cgps-theme-dark .cgps-nav-inline ul li a {

  text-align: center;

  border-right-width: 1px;

  border-right-style: solid;

}

.cgps-theme-dark .cgps-nav-inline ul li .cgps-active:after {

  content: " ";

  position: absolute;

  left: 50%;

  bottom: 0;

  height: 0;

  width: 0;

  pointer-events: none;

  border: solid transparent;

  border-bottom-color: #fff;

  border-width: 4px;

  margin-left: -4px;

}

.cgps-theme-dark .cgps-nav-background {

  background-color: #222;

}

.cgps-theme-dark .cgps-footer {

  color: #555;

  background-color: #050505;

}



/**

 * 02. 02. Theme Light

 */

.cgps-theme-light .cgps-container {

  border: 1px solid #ccd0d4;

  box-shadow: 0 0 15 rgba(0, 0, 0, 0.04);

}

.cgps-theme-light .cgps-header-inner {

  border-bottom: 1px solid #ccd0d4;

  background-color: #f5f5f5;

  background: linear-gradient(#fefefe, #f5f5f5);

}

.cgps-theme-light .cgps-header-inner h1 small {

  color: #999;

}

.cgps-theme-light .cgps-expand-all {

  color: #999;

  background-color: #eee;

}

.cgps-theme-light .cgps-expand-all:hover {

  color: #555;

}

.cgps-theme-light .cgps-search input {

  color: #555;

  background-color: #eee;

}

.cgps-theme-light .cgps-search input::-webkit-input-placeholder {

  color: #999;

}

.cgps-theme-light .cgps-nav ul li a {

  font-weight: 500;

  color: #444;

  background-color: #f5f5f5;

}

.cgps-theme-light .cgps-nav ul li a:hover {

  color: #111;

  background-color: #fff;

}

.cgps-theme-light .cgps-nav ul li .cgps-active {

  color: #111;

  background-color: #fff;

}

.cgps-theme-light .cgps-nav ul ul li a {

  background-color: #eee;

}

.cgps-theme-light .cgps-nav-normal > ul {

  margin-right: -1px;

  margin-bottom: -1px;

}

.cgps-theme-light .cgps-nav-normal > ul li a {

  border-bottom: 1px solid #ccd0d4;

  border-right: 1px solid #ccd0d4;

}

.cgps-theme-light .cgps-nav-normal > ul li .cgps-active {

  border-right-color: #fff;

}

.cgps-theme-light .cgps-nav-inline {

  background-color: #f5f5f5;

  border-bottom: 1px solid #ccd0d4;

}

.cgps-theme-light .cgps-nav-inline > ul {

  margin-bottom: -1px;

}

.cgps-theme-light .cgps-nav-inline > ul li a {

  text-align: center;

  border-right: 1px solid #ccd0d4;

  border-bottom: 1px solid #ccd0d4;

}

.cgps-theme-light .cgps-nav-inline > ul li .cgps-active {

  border-bottom-color: #fff;

}

.cgps-theme-light .cgps-nav-inline > ul ul {

  display: none !important;

}

.cgps-theme-light .cgps-nav-inline .cgps-arrow:after {

  display: none;

}

.cgps-theme-light .cgps-nav-background {

  background-color: #f5f5f5;

  border-right: 1px solid #ccd0d4;

}

.cgps-theme-light .cgps-footer {

  color: #555;

  border-top: 1px solid #ccd0d4;

  background-color: #f5f5f5;

  background: linear-gradient(#fafafa, #f5f5f5);

}



/**

 * 03. Fields

 */

.cgps-field {

  position: relative;

  padding: 30px;

}

.cgps-field + .cgps-field {

  border-top: 1px solid #eee;

}

.cgps-field p:first-child {

  margin-top: 0;

}

.cgps-field p:last-child {

  margin-bottom: 0;

}

.cgps-field:after, .cgps-field:before {

  content: " ";

  display: table;

}

.cgps-field:after {

  clear: both;

}

.cgps-field h4 {

  margin-top: 0;

}

.cgps-field .cgps-title {

  position: relative;

  width: 20%;

  float: left;

}

.cgps-field .cgps-title h4 {

  margin: 0;

  color: #23282d;

}

.cgps-field .cgps-fieldset {

  float: right;

  width: calc(80% - 20px);

}



.cgps-pseudo-field {

  padding: 0 5px 0 0 !important;

  display: inline-block;

}

.cgps-pseudo-field + .cgps-pseudo-field {

  border: 0;

}

.cgps-pseudo-field pre {

  display: none;

}



/**

 * 03. 02. Field: accordion

 */

.cgps-field-accordion .cgps-accordion-item {

  position: relative;

  margin-bottom: 5px;

}

.cgps-field-accordion .cgps-accordion-item:last-child {

  margin-bottom: 0;

}

.cgps-field-accordion .cgps-accordion-item h4 {

  font-size: 1em;

}

.cgps-field-accordion .cgps-accordion-title {

  display: block;

  cursor: pointer;

  position: relative;

  margin: 0;

  padding: 15px;

  min-height: 0;

  font-size: 100%;

  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;

}

.cgps-field-accordion .cgps-accordion-title:active, .cgps-field-accordion .cgps-accordion-title:hover, .cgps-field-accordion .cgps-accordion-title:focus {

  outline: none;

  border-color: #999;

}

.cgps-field-accordion .cgps-accordion-title .cgps--icon {

  width: 20px;

  text-align: center;

  margin-right: 2px;

}

.cgps-field-accordion .cgps-accordion-icon {

  width: 16px;

  text-align: center;

}

.cgps-field-accordion .cgps-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);

}

.cgps-field-accordion .cgps-accordion-content > .cgps-field {

  padding: 15px;

}

.cgps-field-accordion .cgps-accordion-open {

  display: block;

}



/**

 * 03. 03. Field: background

 */

.cgps-field-background .cgps-field {

  border: 0 !important;

  padding: 0;

  margin-bottom: 6px;

  margin-right: 6px;

}

.cgps-field-background .cgps--title {

  color: #777;

  font-size: 12px;

}

.cgps-field-background .cgps--background-colors {

  display: flex;

  flex-wrap: wrap;

}

.cgps-field-background .cgps--background-attributes {

  display: flex;

  flex-wrap: wrap;

}

.cgps-field-background .cgps--background-attributes select {

  min-width: 100%;

  margin: 0;

}

.cgps-field-background .cgps--background-attributes .cgps-field {

  flex: 1;

}

.cgps-field-background .cgps--attributes-hidden {

  display: none;

}



/**

 * 03. 04. Field: backup

 */

.cgps-field-backup textarea {

  width: 100%;

  min-height: 200px;

  margin-bottom: 5px;

}

.cgps-field-backup small {

  display: inline-block;

  margin: 5px;

}

.cgps-field-backup hr {

  margin: 20px 0;

  border: none;

  border-bottom: 1px solid #e5e5e5;

}



/**

 * 03. 05. Field: border, spacing, dimensions

 */

.cgps-field-border .cgps--inputs,

.cgps-field-spacing .cgps--inputs,

.cgps-field-dimensions .cgps--inputs {

  float: left;

  display: flex;

  flex-wrap: wrap;

}

.cgps-field-border .cgps--input,

.cgps-field-spacing .cgps--input,

.cgps-field-dimensions .cgps--input {

  display: flex;

  padding-right: 6px;

  padding-bottom: 4px;

  box-sizing: border-box;

}

.cgps-field-border .cgps--input select,

.cgps-field-spacing .cgps--input select,

.cgps-field-dimensions .cgps--input select {

  margin: 0;

}

.cgps-field-border .cgps--input input,

.cgps-field-spacing .cgps--input input,

.cgps-field-dimensions .cgps--input input {

  position: relative;

  z-index: 1;

  margin: 0;

  width: 65px;

  max-width: 100%;

  text-align: center;

}

.cgps-field-border .cgps--color,

.cgps-field-spacing .cgps--color,

.cgps-field-dimensions .cgps--color {

  float: left;

}

.cgps-field-border .cgps--label,

.cgps-field-spacing .cgps--label,

.cgps-field-dimensions .cgps--label {

  display: flex;

  flex-direction: column;

  justify-content: center;

  user-select: none;

  min-width: 20px;

  max-width: 100%;

  padding: 0 4px;

  font-size: 12px;

  text-align: center;

  color: #555;

  border: 1px solid #7B776C;

  background-color: #f5f5f5;

}

.cgps-field-border .cgps--icon,

.cgps-field-spacing .cgps--icon,

.cgps-field-dimensions .cgps--icon {

  border-right: 0;

  border-radius: 4px 0 0 4px;

}

.cgps-field-border .cgps--icon + input,

.cgps-field-spacing .cgps--icon + input,

.cgps-field-dimensions .cgps--icon + input {

  border-top-left-radius: 0 !important;

  border-bottom-left-radius: 0 !important;

}

.cgps-field-border .cgps--unit,

.cgps-field-spacing .cgps--unit,

.cgps-field-dimensions .cgps--unit {

  border-left: 0;

  border-radius: 0 4px 4px 0;

}

.cgps-field-border .cgps--is-unit,

.cgps-field-spacing .cgps--is-unit,

.cgps-field-dimensions .cgps--is-unit {

  border-top-right-radius: 0 !important;

  border-bottom-right-radius: 0 !important;

}



/**

 * 03. 06. Field: button_set

 */

.cgps-field-button_set .cgps--buttons {

  display: inline-block;

}

.cgps-field-button_set .cgps--button {

  position: relative;

  z-index: 1;

  float: left;

  cursor: pointer;

  padding: 7px 14px;

  min-width: 16px;

  text-align: center;

  color: #555;

  border: 1px solid #cccccc;

  background-color: #f7f7f7;

  user-select: none;

  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);

}

.cgps-field-button_set .cgps--button:first-child {

  border-radius: 4px 0 0 4px;

}

.cgps-field-button_set .cgps--button:last-child {

  border-radius: 0 4px 4px 0;

}

.cgps-field-button_set .cgps--button:not(:first-child) {

  margin-left: -1px;

}

.cgps-field-button_set .cgps--button:hover {

  background-color: #eee;

}

.cgps-field-button_set .cgps--active:hover,

.cgps-field-button_set .cgps--active {

  z-index: 2;

  color: #fff;

  border-color: #006799;

  background-color: #0085ba;

}

.cgps-field-button_set input {

  display: none;

}



/**

 * 03. 07. Field: checkbox, radio

 */

.cgps-field-checkbox ul,

.cgps-field-radio ul {

  margin: 0;

  padding: 0;

  list-style-type: none;

  overflow-y: auto;

  max-height: 305px;

}

.cgps-field-checkbox ul li,

.cgps-field-radio ul li {

  margin-bottom: 6px;

}

.cgps-field-checkbox ul ul,

.cgps-field-radio ul ul {

  max-height: none;

}

.cgps-field-checkbox ul ul li,

.cgps-field-radio ul ul li {

  margin-left: 8px;

}

.cgps-field-checkbox ul ul li:first-child,

.cgps-field-radio ul ul li:first-child {

  margin-left: 0;

}

.cgps-field-checkbox input,

.cgps-field-radio input {

  margin: 0 1px;

}

.cgps-field-checkbox .cgps--inline-list li,

.cgps-field-radio .cgps--inline-list li {

  display: inline-block;

  margin-right: 15px;

}

.cgps-field-checkbox .cgps--text,

.cgps-field-radio .cgps--text {

  margin-left: 5px;

  vertical-align: middle;

}

.cgps-field-checkbox .cgps-checker,

.cgps-field-radio .cgps-checker {

  cursor: pointer;

}

.cgps-field-checkbox .cgps-checkbox-all,

.cgps-field-radio .cgps-checkbox-all {

  user-select: none;

  cursor: pointer;

  margin-top: 5px;

  font-weight: 500;

  text-decoration: none;

}



/**

 * 03. 08. Field: code_editor

 */

.cgps-field-code_editor .CodeMirror {

  width: 100%;

  height: 400px;

}

.cgps-field-code_editor .cm-s-default {

  border: 1px solid #ccd0d4;

}

.cgps-field-code_editor textarea {

  width: 100%;

  height: 400px;

}



/**

 * 03. 09. Field: color

 */

.cgps-field-color > input {

  opacity: 0.75;

  width: 115px;

  max-width: 100%;

}

.cgps-field-color .button.wp-picker-clear {

  padding: 0 8px;

  margin-left: 6px;

  line-height: 2.54545455;

  min-height: 30px;

}



/**

 * 03. 10. Field: color_group

 */

.cgps-field-color_group .cgps--left {

  float: left;

  margin-right: 10px;

  margin-bottom: 5px;

}

.cgps-field-color_group .cgps--title {

  color: #999;

  margin-bottom: 5px;

}



/**

 * 03. 11. Field: fieldset

 */

.cgps-field-fieldset .cgps-fieldset-content {

  border: 1px solid #ccd0d4;

  background-color: #fff;

  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);

}

.cgps-field-fieldset .cgps-fieldset-content > .cgps-field {

  padding: 15px;

}

.cgps-field-fieldset .cgps-field-subheading {

  font-size: 13px;

}



/**

 * 03. 12. Field: date

 */

.cgps-field-date input {

  margin: 0;

}

.cgps-field-date .cgps--to {

  margin-left: 7px;

}



.cgps-datepicker-wrapper {

  margin-top: 5px;

  width: auto;

  background-color: #fff;

  z-index: 9999999 !important;

  box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);

}

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

}

.cgps-datepicker-wrapper .ui-widget-header,

.cgps-datepicker-wrapper .ui-datepicker-header {

  color: #fff;

  background: #00a0d2;

}

.cgps-datepicker-wrapper .ui-datepicker-header .ui-state-hover {

  cursor: pointer;

}

.cgps-datepicker-wrapper .ui-datepicker-title {

  font-size: 14px;

  line-height: 40px;

  text-align: center;

}

.cgps-datepicker-wrapper .ui-datepicker-prev,

.cgps-datepicker-wrapper .ui-datepicker-next {

  position: static;

  top: auto;

  left: auto;

  right: auto;

  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome";

  font-weight: 900;

  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;

}

.cgps-datepicker-wrapper .ui-datepicker-next span,

.cgps-datepicker-wrapper .ui-datepicker-prev span {

  display: none;

}

.cgps-datepicker-wrapper .ui-datepicker-prev {

  float: left;

}

.cgps-datepicker-wrapper .ui-datepicker-next {

  float: right;

}

.cgps-datepicker-wrapper .ui-datepicker-prev:before {

  content: "\f053";

}

.cgps-datepicker-wrapper .ui-datepicker-next:before {

  content: "\f054";

}

.cgps-datepicker-wrapper .ui-datepicker-prev-hover,

.cgps-datepicker-wrapper .ui-datepicker-next-hover {

  opacity: 0.75;

}

.cgps-datepicker-wrapper tbody .ui-datepicker-week-col {

  background-color: #f7f7f7;

}

.cgps-datepicker-wrapper .ui-datepicker-buttonpane {

  padding: 10px;

  text-align: center;

  background-color: #f7f7f7;

}

.cgps-datepicker-wrapper .ui-datepicker-buttonpane button {

  cursor: pointer;

  margin: 0 5px;

  padding: 7px 14px;

  border: 1px solid #eee;

  background-color: #fff;

}

.cgps-datepicker-wrapper select {

  margin: 0 4px;

}

.cgps-datepicker-wrapper select option {

  color: #555;

}

.cgps-datepicker-wrapper table {

  font-size: 13px;

  border-collapse: collapse;

  width: 100%;

}

.cgps-datepicker-wrapper thead {

  color: #fff;

  background: #32373c;

}

.cgps-datepicker-wrapper th {

  text-align: center;

  padding: 7px;

  border: 1px solid #444;

}

.cgps-datepicker-wrapper td {

  text-align: center;

  border: 1px solid #f4f4f4;

}

.cgps-datepicker-wrapper td.ui-datepicker-other-month {

  border: transparent;

}

.cgps-datepicker-wrapper td .ui-state-default {

  color: #555;

  width: auto;

  display: block;

  padding: 6px 12px;

}

.cgps-datepicker-wrapper td .ui-state-active,

.cgps-datepicker-wrapper td .ui-state-hover {

  color: #fff;

  background-color: #0073aa;

}

.cgps-datepicker-wrapper td.ui-state-disabled .ui-state-default {

  opacity: 0.5;

}



/**

 * 03. 13. Field: datetime

 */

.cgps-field-datetime input {

  margin: 0;

}

.cgps-field-datetime .cgps--to {

  margin-left: 7px;

}



.cgps-flatpickr select,

.cgps-flatpickr input {

  min-height: auto;

}

.cgps-flatpickr select:focus,

.cgps-flatpickr input:focus {

  box-shadow: none;

}

.cgps-flatpickr.open {

  z-index: 9999999 !important;

}



/**

 * 03. 14. Field: gallery

 */

.cgps-field-gallery ul {

  margin: 0;

  padding: 0;

  list-style-type: none;

}

.cgps-field-gallery ul li {

  display: inline-block;

  position: relative;

  padding: 4px;

  margin: 0 5px 10px 0;

  border: 1px solid #ccc;

  background-color: #f9f9f9;

  border-radius: 2px;

  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);

}

.cgps-field-gallery ul li img {

  max-height: 60px;

  display: inline-block;

  vertical-align: middle;

}

.cgps-field-gallery .button {

  margin-right: 5px;

  margin-bottom: 5px;

}



/**

 * 03. 15. Field: group

 */

.cgps-field-group .cgps-cloneable-hidden {

  display: none !important;

}

.cgps-field-group .cgps-cloneable-wrapper {

  position: relative;

}

.cgps-field-group .cgps-cloneable-item {

  display: none;

  position: relative;

  margin-bottom: 5px;

}

.cgps-field-group .cgps-cloneable-item h4 {

  font-size: 1em;

}

.cgps-field-group .ui-accordion .cgps-cloneable-item {

  display: block;

}

.cgps-field-group .cgps-cloneable-content {

  border: 1px solid #ccd0d4;

  background-color: #fff;

  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);

}

.cgps-field-group .cgps-cloneable-content > .cgps-field {

  padding: 15px;

}

.cgps-field-group .cgps-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 0.15s;

}

.cgps-field-group .cgps-cloneable-title:active, .cgps-field-group .cgps-cloneable-title:hover, .cgps-field-group .cgps-cloneable-title:focus {

  border-color: #999;

  outline: none;

}

.cgps-field-group .cgps-cloneable-helper {

  position: absolute;

  top: 12px;

  right: 10px;

  z-index: 1;

  font-size: 14px;

  line-height: 1em;

}

.cgps-field-group .cgps-cloneable-helper i {

  display: inline-block;

  cursor: pointer;

  padding: 5px;

  color: #999;

}

.cgps-field-group .cgps-cloneable-helper i:hover {

  color: #555;

}

.cgps-field-group .cgps-cloneable-content {

  padding: 0;

  border-top: 0;

}

.cgps-field-group .cgps-cloneable-title-prefix,

.cgps-field-group .cgps-cloneable-title-number {

  margin-right: 5px;

}

.cgps-field-group .cgps-cloneable-alert {

  display: none;

  margin-bottom: 5px;

  padding: 10px 20px;

  color: #a94442;

  border: 1px solid #ebccd1;

  background-color: #f2dede;

}

.cgps-field-group .widget-placeholder {

  margin-bottom: 10px;

  border: 1px dashed #f1c40f;

  background-color: #fffae4;

}

.cgps-field-group .cgps-cloneable-header-icon {

  display: inline-block;

  text-align: center;

  font-size: 14px;

  width: 17px;

  text-indent: 0;

  vertical-align: text-top;

}

.cgps-field-group .cgps-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;

}



/**

 * 03. 16. Field: icon

 */

.cgps-field-icon .cgps-icon-select {

  display: flex;

  grid-gap: 5px;

}

.cgps-field-icon .cgps-icon-preview:not(.hidden) {

  display: flex;

}

.cgps-field-icon .cgps-icon-preview i {

  display: flex;

  justify-content: center;

  align-items: center;

  width: 30px;

  font-size: 14px;

  text-align: center;

  vertical-align: top;

  color: #555;

  border: 1px solid #ccc;

  background-color: #f7f7f7;

  border-radius: 3px;

  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);

}



/**

 * 03. 17. Field: image_select

 */

.cgps-field-image_select .cgps--image {

  display: inline-block;

  margin: 0 5px 5px 0;

}

.cgps-field-image_select .cgps--inline-list .cgps--image {

  display: block;

}

.cgps-field-image_select figure {

  cursor: pointer;

  position: relative;

  display: inline-block;

  max-width: 100%;

  margin: 0;

  vertical-align: bottom;

  border: 2px solid transparent;

  background-color: #fff;

  user-select: none;

  transition: all 0.2s;

}

.cgps-field-image_select figure:before {

  position: absolute;

  top: 0;

  left: 0;

  text-align: center;

  font-size: 10px;

  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome";

  font-weight: 900;

  content: "\f00c";

  width: 16px;

  height: 16px;

  line-height: 14px;

  opacity: 0;

  color: #fff;

  background-color: #222;

  transition: opacity 0.2s;

}

.cgps-field-image_select .cgps--active figure {

  border-color: #222;

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

}

.cgps-field-image_select .cgps--active figure:before {

  opacity: 1;

}

.cgps-field-image_select img {

  max-width: 100%;

  height: auto;

  vertical-align: top;

}

.cgps-field-image_select input {

  display: none;

}



/**

 * 03. 18. Field: link_color

 */

.cgps-field-link_color .cgps--left {

  float: left;

  margin-right: 10px;

  margin-bottom: 5px;

}

.cgps-field-link_color .cgps--title {

  color: #777;

  margin-bottom: 5px;

}



/**

 * 03. 19. Field: map

 */

.cgps-field-map input {

  width: 100%;

}

.cgps-field-map input[type=text].ui-autocomplete-loading {

  background-position-x: calc(100% - 5px);

}

.cgps-field-map .cgps--map-search + .cgps--map-osm-wrap {

  margin-top: 10px;

}

.cgps-field-map .cgps--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);

}

.cgps-field-map .cgps--map-osm {

  position: relative;

  z-index: 1;

  min-height: 250px;

}

.cgps-field-map .cgps--map-inputs {

  margin-top: 10px;

  display: flex;

  justify-content: space-between;

}

.cgps-field-map .cgps--map-input {

  flex: 1;

}

.cgps-field-map .cgps--map-input:last-child {

  padding-left: 10px;

}

.cgps-field-map label {

  display: block;

  color: #777;

  font-size: 12px;

  margin: 0 0 2px 0;

}



.cgps-map-ui-autocomplate {

  z-index: 999999;

  border-radius: 4px;

  overflow: hidden;

}



/**

 * 03. 20. Field: media

 */

.cgps-field-media .cgps--placeholder {

  display: flex;

  align-items: flex-start;

}

.cgps-field-media .cgps--placeholder input {

  width: 100%;

  margin: 0;

}

.cgps-field-media .button {

  margin-left: 5px;

}

.cgps-field-media .hidden + .button {

  margin-left: 0;

}

.cgps-field-media .cgps--preview {

  position: relative;

}



/**

 * 03. 21. Field: palette

 */

.cgps-field-palette .cgps--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 0.2s;

}

.cgps-field-palette .cgps--palette span {

  vertical-align: middle;

  display: inline-block;

  width: 22px;

  height: 60px;

  line-height: 60px;

  overflow: hidden;

  text-indent: -999px;

}

.cgps-field-palette .cgps--palette:before {

  position: absolute;

  top: 0;

  left: 0;

  text-align: center;

  font-size: 10px;

  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome";

  font-weight: 900;

  content: "\f00c";

  width: 16px;

  height: 16px;

  line-height: 14px;

  opacity: 0;

  color: #fff;

  background-color: #222;

  transition: opacity 0.2s;

}

.cgps-field-palette .cgps--active {

  border-color: #222;

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

}

.cgps-field-palette .cgps--active:before {

  opacity: 1;

}

.cgps-field-palette input {

  display: none;

}



/**

 * 03. 22. Field: repeater

 */

.cgps-field-repeater .cgps-field-text input {

  width: 100%;

}

.cgps-field-repeater .cgps-repeater-hidden {

  display: none !important;

}

.cgps-field-repeater .cgps-repeater-wrapper .cgps-repeater-item {

  display: table;

  width: 100%;

  margin-bottom: 5px;

  border: 1px solid #eee;

}

.cgps-field-repeater .cgps-repeater-wrapper .cgps-repeater-item h4 {

  font-size: 1em;

}

.cgps-field-repeater .cgps-repeater-content {

  width: 100%;

  display: table-cell;

  vertical-align: middle;

  background-color: #fff;

}

.cgps-field-repeater .cgps-repeater-content > .cgps-field {

  padding: 15px;

}

.cgps-field-repeater .cgps-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;

}

.cgps-field-repeater .cgps-repeater-helper i {

  display: inline-block;

  cursor: pointer;

  color: #999;

  padding: 5px;

}

.cgps-field-repeater .cgps-repeater-helper i:hover {

  color: #555;

}

.cgps-field-repeater .cgps-repeater-helper-inner {

  width: 75px;

}

.cgps-field-repeater .cgps-repeater-alert {

  display: none;

  margin-bottom: 5px;

  padding: 10px 20px;

  color: #a94442;

  border: 1px solid #ebccd1;

  background-color: #f2dede;

}

.cgps-field-repeater .widget-placeholder {

  height: 50px;

  margin-bottom: 3px;

  border: 1px dashed #f1c40f;

  background-color: #fffae4;

}

.cgps-field-repeater .ui-sortable-helper {

  height: 50px !important;

  overflow: hidden !important;

  border-color: #ccc !important;

  background-color: #eee !important;

  opacity: 0.5;

}

.cgps-field-repeater .ui-sortable-helper .cgps-repeater-helper,

.cgps-field-repeater .ui-sortable-helper .cgps-repeater-content {

  display: none;

}



/**

 * 03. 23. Field: select

 */

.cgps-field-select .cgps-fieldset {

  min-height: 30px;

}

.cgps-field-select .cgps-chosen {

  display: none;

}

.cgps-field-select select {

  max-width: 100%;

  margin: 0;

}

.cgps-field-select .cgps-hide-select {

  display: none !important;

}



/**

 * 03. 24. Field: slider

 */

.cgps-field-slider .cgps--wrap {

  display: flex;

  align-items: center;

}

.cgps-field-slider .cgps--input {

  display: flex;

}

.cgps-field-slider .cgps--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;

}

.cgps-field-slider .cgps-slider-ui {

  margin-right: 15px;

}

.cgps-field-slider input[type=number] {

  position: relative;

  z-index: 1;

  margin: 0;

  width: 50px;

  text-align: center;

}

.cgps-field-slider .cgps--is-unit {

  border-top-right-radius: 0 !important;

  border-bottom-right-radius: 0 !important;

}

.cgps-field-slider .ui-slider {

  position: relative;

  width: 100%;

  height: 3px;

  border: none;

  background: #ddd;

  border-radius: 2px;

}

.cgps-field-slider .ui-slider-range {

  height: 3px;

  border: none;

  background: #333;

  border-radius: 2px;

}

.cgps-field-slider .ui-slider-handle {

  position: absolute;

  width: 16px;

  height: 16px;

  top: -7px;

  margin-left: -8px;

  border: none;

  background: #333;

  border-radius: 2px;

}

.cgps-field-slider .ui-state-active,

.cgps-field-slider .ui-slider-handle:hover {

  cursor: pointer;

  background: #111;

}



/**

 * 03. 25. Field: sortable

 */

.cgps-field-sortable .cgps-field-text input {

  width: 100%;

  max-width: 100%;

}

.cgps-field-sortable .cgps-sortable .cgps-sortable-item {

  display: table;

  width: 100%;

  margin-bottom: 5px;

  border: 1px solid #eee;

}

.cgps-field-sortable .cgps-sortable .cgps-sortable-item h4 {

  font-size: 1em;

}

.cgps-field-sortable .cgps-sortable-content {

  width: 100%;

  display: table-cell;

  vertical-align: middle;

  background-color: #fff;

}

.cgps-field-sortable .cgps-sortable-content > .cgps-field {

  padding: 15px;

}

.cgps-field-sortable .cgps-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;

}

.cgps-field-sortable .cgps-sortable-helper i {

  display: inline-block;

  cursor: pointer;

  width: 50px;

  color: #555;

}

.cgps-field-sortable .cgps-sortable-helper i:hover {

  opacity: 0.5;

}

.cgps-field-sortable .widget-placeholder {

  height: 50px;

  margin-bottom: 3px;

  border: 1px dashed #f1c40f;

  background-color: #fffae4;

}

.cgps-field-sortable .ui-sortable-helper {

  height: 50px !important;

  overflow: hidden !important;

  border-color: #ccc !important;

  background-color: #eee !important;

  opacity: 0.5;

}

.cgps-field-sortable .ui-sortable-helper .cgps-sortable-helper,

.cgps-field-sortable .ui-sortable-helper .cgps-sortable-content {

  display: none;

}



/**

 * 03. 26. Field: sorter

 */

.cgps-field-sorter .ui-sortable-placeholder {

  height: 20px;

  border: 1px dashed #f1c40f;

  background-color: #fffae4;

}

.cgps-field-sorter .cgps-modules {

  float: left;

  width: 50%;

  box-sizing: border-box;

}

.cgps-field-sorter .cgps-modules:first-child {

  padding-right: 15px;

}

.cgps-field-sorter .cgps-modules:last-child {

  padding-left: 15px;

}

.cgps-field-sorter .cgps-disabled,

.cgps-field-sorter .cgps-enabled {

  padding: 5px 15px;

  border: 1px dashed #ddd;

  background-color: #fff;

}

.cgps-field-sorter .cgps-disabled li {

  opacity: 0.5;

  transition: opacity 0.15s;

}

.cgps-field-sorter .cgps-disabled .ui-sortable-helper {

  opacity: 1;

}

.cgps-field-sorter .cgps-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;

}

.cgps-field-sorter ul {

  list-style-type: none;

  margin: 0;

  padding: 0;

  min-height: 62px;

}

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

  transition: border-color 0.15s;

}

.cgps-field-sorter ul li:hover {

  border-color: #bbb;

}



/**

 * 03. 27. Field: spinner

 */

.cgps-field-spinner .cgps--spin {

  display: flex;

}

.cgps-field-spinner .ui-widget {

  font-family: inherit;

}

.cgps-field-spinner .ui-spinner {

  display: flex;

  align-items: stretch;

  overflow: unset;

  border: none;

  background: none;

  border-radius: 0;

}

.cgps-field-spinner .ui-spinner .ui-button {

  display: flex;

  flex-direction: column;

  justify-content: center;

  text-align: center;

  min-width: 20px;

  padding: 0 4px;

  margin: 0;

  color: #555;

  background-color: #f5f5f5;

  border: 1px solid #7e8993;

}

.cgps-field-spinner .ui-spinner .ui-spinner-button {

  position: relative;

  cursor: pointer;

  height: auto;

}

.cgps-field-spinner .ui-spinner .ui-spinner-button:hover {

  background-color: #e7e7e7;

}

.cgps-field-spinner .ui-spinner .ui-spinner-button:active {

  background-color: #ddd;

}

.cgps-field-spinner .ui-spinner .ui-spinner-button:before {

  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome";

  font-weight: 900;

  font-size: 14px;

  line-height: 14px;

}

.cgps-field-spinner .ui-spinner .ui-spinner-down {

  border-right: 0;

  border-radius: 4px 0 0 4px;

}

.cgps-field-spinner .ui-spinner .ui-spinner-down:before {

  content: "\f0d9";

}

.cgps-field-spinner .ui-spinner .ui-spinner-up {

  border-left: 0;

  border-radius: 0 4px 4px 0;

}

.cgps-field-spinner .ui-spinner .ui-spinner-up:before {

  content: "\f0da";

}

.cgps-field-spinner .ui-spinner .cgps--unit {

  border-left: 0;

  user-select: none;

}

.cgps-field-spinner .ui-spinner .ui-button-text,

.cgps-field-spinner .ui-spinner .ui-button-icon,

.cgps-field-spinner .ui-spinner .ui-button-icon-space {

  display: none;

}

.cgps-field-spinner .ui-spinner input {

  font-family: inherit;

  font-size: inherit;

  position: relative;

  z-index: 1;

  width: 50px;

  text-align: center;

  margin: 0;

  padding: 0 8px;

  border-radius: 0;

}

.cgps-field-spinner .ui-spinner-down {

  order: 1;

}

.cgps-field-spinner .ui-spinner-input {

  order: 2;

}

.cgps-field-spinner .cgps--unit {

  order: 3;

}

.cgps-field-spinner .ui-spinner-up {

  order: 4;

}



/**

 * 03. 28. Field: switcher

 */

.cgps-field-switcher .cgps--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;

}

.cgps-field-switcher .cgps--ball {

  position: absolute;

  top: 4px;

  left: 4px;

  width: 24px;

  height: 18px;

  background-color: #fff;

  border-radius: 4px;

  transition: all 0.1s;

  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);

}

.cgps-field-switcher .cgps--on,

.cgps-field-switcher .cgps--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 0.1s;

}

.cgps-field-switcher .cgps--off {

  padding-right: 0;

  padding-left: 28px;

  opacity: 1;

}

.cgps-field-switcher .cgps--active {

  background: #4fb845;

}

.cgps-field-switcher .cgps--active .cgps--on {

  opacity: 1;

}

.cgps-field-switcher .cgps--active .cgps--off {

  opacity: 0;

}

.cgps-field-switcher .cgps--active .cgps--ball {

  left: 100%;

  margin-left: -28px;

}

.cgps-field-switcher .cgps--label {

  float: left;

  margin-top: 4px;

  margin-left: 8px;

  font-weight: 400;

  color: #999;

}



/**

 * 03. 29. Field: tabbed

 */

.cgps-field-tabbed .cgps-tabbed-content {

  border: 1px solid #ccd0d4;

  background-color: #fff;

  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);

}

.cgps-field-tabbed .cgps-tabbed-content > .cgps-field {

  padding: 15px;

}

.cgps-field-tabbed .cgps-tabbed-nav .cgps--icon {

  padding-right: 5px;

}

.cgps-field-tabbed .cgps-tabbed-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;

  border: 1px solid #ccd0d4;

  background-color: #f3f3f3;

  transition: all 0.2s;

}

.cgps-field-tabbed .cgps-tabbed-nav a:hover {

  background-color: #f9f9f9;

}

.cgps-field-tabbed .cgps-tabbed-nav a.cgps-tabbed-active {

  background-color: #fff;

  border-bottom-color: #fff;

}

.cgps-field-tabbed .cgps-tabbed-nav a:focus {

  outline: none;

  box-shadow: none;

}



/**

 * 03. 30. Field: text

 */

.cgps-field-text input {

  width: 50%;

  max-width: 100%;

  margin: 0;

}



/**

 * 03. 31. Field: textarea

 */

.cgps-field-textarea textarea {

  width: 100%;

  max-width: 100%;

  min-height: 125px;

}

.cgps-field-textarea .cgps-shortcode-button {

  margin-bottom: 10px;

  margin-right: 5px;

}



/**

 * 03. 32. Field: typography

 */

.cgps-field-typography textarea,

.cgps-field-typography select {

  margin: 0;

  min-width: 100%;

  max-width: 100%;

}

.cgps-field-typography .cgps--title {

  color: #777;

  margin: 0 0 2px 0;

  font-size: 12px;

}

.cgps-field-typography .cgps--title small {

  vertical-align: top;

}

.cgps-field-typography .cgps--blocks {

  display: flex;

  flex-wrap: wrap;

}

.cgps-field-typography .cgps--block {

  flex: 1;

  max-width: 100%;

  padding-right: 6px;

  padding-bottom: 6px;

}

.cgps-field-typography .cgps--input {

  margin: 0;

  min-width: 100%;

}

.cgps-field-typography .cgps--input-wrap {

  position: relative;

}

.cgps-field-typography .cgps--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;

}

.cgps-field-typography .cgps--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 0.2s, border-color 0.2s;

}

.cgps-field-typography .cgps--block-preview {

  cursor: pointer;

  position: relative;

  overflow: hidden;

  margin-top: 10px;

  max-width: 100%;

}

.cgps-field-typography .cgps--black-background {

  border-color: #000;

  background-color: #000;

}

.cgps-field-typography .cgps--toggle {

  position: absolute;

  top: 5px;

  right: 10px;

  color: #999;

}

.cgps-field-typography .cgps--block-extra-styles {

  margin-top: 5px;

}



/**

 * 03. 33. Field: upload

 */

.cgps-field-upload input {

  width: 100%;

  margin: 0;

}

.cgps-field-upload .cgps--wrap {

  display: flex;

  align-items: flex-start;

}

.cgps-field-upload .button {

  margin-left: 5px;

}

.cgps-field-upload .cgps--preview {

  position: relative;

}



/**

 * 03. 34. Field: wp_editor

 */

.cgps-field-wp_editor .cgps-wp-editor {

  float: left;

  width: 100%;

}

.cgps-field-wp_editor .mce-toolbar-grp {

  border: none;

}

.cgps-field-wp_editor .mce-btn.mce-active button,

.cgps-field-wp_editor .mce-btn.mce-active:hover button,

.cgps-field-wp_editor .mce-btn.mce-active i,

.cgps-field-wp_editor .mce-btn.mce-active:hover i {

  color: #23282d;

}

.cgps-field-wp_editor .wp-media-buttons {

  position: relative;

  z-index: 2;

}

.cgps-field-wp_editor .wp-editor-tabs {

  position: relative;

  z-index: 1;

}

.cgps-field-wp_editor .cgps-no-tinymce {

  border: 1px solid #e5e5e5;

}

.cgps-field-wp_editor .cgps-no-quicktags .wp-media-buttons {

  float: none;

  display: block;

}

.cgps-field-wp_editor .cgps-no-quicktags .mce-tinymce {

  box-shadow: none;

  border: 1px solid #e5e5e5;

}

.cgps-field-wp_editor textarea {

  width: 100%;

  max-width: 100%;

  margin: 0;

  box-shadow: none;

}



/**

 * 03. 35. Field: heading

 */

.cgps-field-heading {

  font-size: 1.5em;

  font-weight: bold;

  color: #23282d;

  background-color: #f5f5f5;

}



/**

 * 03. 36. Field: subheading

 */

.cgps-field-subheading {

  font-size: 14px;

  font-weight: bold;

  padding-top: 17px;

  padding-bottom: 17px;

  color: #23282d;

  background-color: #f7f7f7;

}



/**

 * 03. 37. Field: submessage

 */

.cgps-field-submessage {

  padding: 0 !important;

  border: 0 !important;

}

.cgps-field-submessage + .cgps-field {

  border-top: 0 !important;

}



.cgps-submessage {

  font-size: 12px;

  padding: 17px 30px;

  border-top: 1px solid transparent;

  border-bottom: 1px solid transparent;

}



.cgps-submessage-success {

  color: #3c763d;

  border-color: #d6e9c6;

  background-color: #dff0d8;

}



.cgps-submessage-info {

  color: #31708f;

  border-color: #bce8f1;

  background-color: #d9edf7;

}



.cgps-submessage-warning {

  color: #8a6d3b;

  border-color: #faebcc;

  background-color: #fcf8e3;

}



.cgps-submessage-danger {

  color: #a94442;

  border-color: #ebccd1;

  background-color: #f2dede;

}



.cgps-submessage-normal {

  color: #23282d;

  border-color: #eee;

  background-color: #f7f7f7;

}



/**

 * 03. 38. Field: notice

 */

.cgps-field-notice {

  background-color: #f7f7f7;

}



.cgps-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);

}



.cgps-notice-success {

  border-color: #46b450;

}



.cgps-notice-info {

  border-color: #339fd4;

}



.cgps-notice-warning {

  border-color: #ffbc00;

}



.cgps-notice-danger {

  border-color: #dc3232;

}



.cgps-notice-normal {

  border-color: #222;

}



/**

 * 03. 39. Field: number

 */

.cgps-field-number input {

  width: 100%;

  margin: 0;

}

.cgps-field-number .cgps--wrap {

  position: relative;

  float: left;

  width: 100px;

}

.cgps-field-number .cgps--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;

}



/**

 * 03. 40. Field: link

 */

.cgps-field-link .cgps--result {

  display: inline-block;

  font-size: 12px;

  line-height: 16px;

  padding: 7px 10px;

  margin-bottom: 7px;

  color: #777;

  border: 1px solid #e5e5e5;

  background-color: #f5f5f5;

  border-radius: 2px;

  world-break: break-word;

}

.cgps-field-link .cgps--wrap {

  position: relative;

  float: left;

  width: 100px;

}

.cgps-field-link .cgps--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;

}



/**

 * 03. 41. others

 */

.cgps-help {

  cursor: help;

  position: absolute;

  top: 0;

  right: 0;

  padding: 5px;

  font-size: 13px;

  color: #aaa;

}

.cgps-help .cgps-help-text {

  display: none;

}



.cgps--preview {

  max-width: 100%;

}



.cgps-image-preview {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  position: relative;

  padding: 6px;

  max-width: 120px;

  max-height: 120px;

  min-width: 40px;

  min-height: 40px;

  margin-bottom: 10px;

  text-align: center;

  border-radius: 2px;

  border: 1px solid #ccc;

  background-color: #f9f9f9;

  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);

}

.cgps-image-preview i {

  cursor: pointer;

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

  border-radius: 2px;

  transition: all 0.2s;

}

.cgps-image-preview i:hover {

  opacity: 1;

}

.cgps-image-preview i:focus {

  box-shadow: none;

}

.cgps-image-preview span {

  position: relative;

  overflow: hidden;

  display: flex;

  height: 100%;

  width: 100%;

}

.cgps-image-preview img {

  max-width: 100%;

  height: auto;

  object-fit: contain;

}



.cgps-field-custom .cgps-field {

  padding: 0;

}



.cgps-field .chosen-container-single .chosen-single {

  height: 28px;

  line-height: 26px;

}

.cgps-field .chosen-container-single .chosen-single abbr {

  top: 0;

  right: 20px;

  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome";

  font-weight: 900;

  font-size: 12px;

  height: 100%;

  width: 18px;

  color: #aaa;

  text-align: center;

  background: none;

}

.cgps-field .chosen-container-single .chosen-single abbr:before {

  content: "\f00d";

}

.cgps-field .chosen-container-single .chosen-single abbr:hover {

  color: #555;

}

.cgps-field .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {

  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome";

  font-weight: 900;

  font-size: 12px;

  height: 100%;

  width: 18px;

  color: #aaa;

  text-align: center;

  background: none;

}

.cgps-field .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {

  content: "\f00d";

  display: inline-block;

  padding-top: 3px;

}

.cgps-field .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {

  color: #555;

}

.cgps-field .chosen-container-single .chosen-single div b {

  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome";

  font-weight: 900;

  font-size: 14px;

  color: #aaa;

  background: none;

}

.cgps-field .chosen-container-single .chosen-single div b:before {

  content: "\f107";

}

.cgps-field .chosen-container-single .chosen-single div b:hover {

  color: #555;

}

.cgps-field .chosen-container-multi .chosen-choices li.search-choice-placeholder {

  border: 1px dashed #aaa;

  margin: 3px 5px 3px 0;

}

.cgps-field .chosen-container-multi .ui-sortable li.search-choice span {

  cursor: move;

}

.cgps-field .chosen-container-active.chosen-with-drop .chosen-single div b:before {

  content: "\f106";

}

.cgps-field .chosen-container-single .chosen-single-with-deselect span {

  margin-right: 40px;

}

.cgps-field .chosen-container-single .chosen-search input[type=text] {

  background: none;

}

.cgps-field .chosen-container-single .chosen-search:before {

  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome";

  font-weight: 900;

  font-size: 11px;

  content: "\f002";

  position: absolute;

  right: 12px;

  top: 10px;

  color: #aaa;

}

.cgps-field .wp-picker-container {

  display: inline-block;

}

.cgps-field .wp-picker-container .wp-color-result.button {

  margin-bottom: 0;

}

.cgps-field .cgps--transparent-wrap {

  display: none;

  position: relative;

  top: -1px;

  width: 235px;

  padding: 9px 10px;

  border: 1px solid #dfdfdf;

  border-top: none;

  background-color: #fff;

}

.cgps-field .wp-picker-active .cgps--transparent-wrap {

  display: block;

}

.cgps-field .cgps--transparent-slider {

  position: absolute;

  width: 190px;

  margin-left: 2px;

  height: 18px;

}

.cgps-field .cgps--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: 10px;

  height: 16px;

  margin: 0 -5px;

  background: none;

  cursor: ew-resize;

  opacity: 0.9;

  border-radius: 4px;

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);

}

.cgps-field .cgps--transparent-slider .ui-slider-handle:before {

  content: " ";

  position: absolute;

  left: -2px;

  right: -2px;

  top: -3px;

  bottom: -3px;

  border: 2px solid #fff;

  border-radius: 3px;

}

.cgps-field .cgps--transparent-offset {

  height: 18px;

  width: 200px;

  background: url(../images/checkerboard.png) repeat-y center left scroll #fff;

  border-radius: 2px;

  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4);

}

.cgps-field .cgps--transparent-text {

  position: absolute;

  top: 12px;

  right: 10px;

  width: 30px;

  font-size: 12px;

  line-height: 12px;

  text-align: center;

  color: #999;

}

.cgps-field .cgps--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 0.2s, border-color 0.2s, color 0.2s;

}

.cgps-field .cgps--transparent-active .wp-color-result {

  background-image: url(../images/checkerboard.png);

  background-size: 135px;

  background-position: center left;

  background-color: transparent !important;

}

.cgps-field .cgps--transparent-active .cgps--transparent-button {

  color: #fff;

  border-color: #3ea032;

  background-color: #4fb845;

}

.cgps-field .cgps--transparent-active .fa:before {

  content: "\f205";

}



/**

 * 04. Widget

 */

.cgps-widgets > .cgps-field {

  position: relative;

  top: -1px;

  margin-left: -15px;

  margin-right: -15px;

  padding: 12px 15px;

}

.cgps-widgets > .cgps-field .cgps-title {

  float: none;

  width: 100%;

  margin-bottom: 5px;

}

.cgps-widgets > .cgps-field .cgps-fieldset {

  float: none;

  width: 100%;

}

.cgps-widgets .cgps-field-text input {

  width: 100%;

}

.cgps-widgets .cgps-field-notice .cgps-notice {

  padding: 15px;

}



.control-section .cgps-widgets > .cgps-field {

  margin-left: -10px;

  margin-right: -10px;

  padding: 10px 12px;

}



.wp-block .cgps-widgets {

  font-size: 13px;

}

.wp-block .cgps-widgets > .cgps-field {

  margin-left: -10px;

  margin-right: -10px;

}

.wp-block .cgps-widgets > .cgps-field .button-primary {

  color: #fff;

}

.wp-block .cgps-widgets > .cgps-field > .cgps-title > h4 {

  font-size: 13px;

}



/**

 * 05. Widget

 */

.control-section .cgps-field {

  padding: 0;

}

.control-section .cgps-field .cgps-title {

  float: none;

  width: 100%;

  margin-bottom: 6px;

}

.control-section .cgps-field .cgps-title h4 {

  display: block;

  font-size: 13px;

  line-height: 1;

  font-weight: 600;

  color: inherit;

}

.control-section .cgps-field .cgps-fieldset {

  float: none;

  width: 100%;

}

.control-section .cgps-help {

  top: -5px;

  right: -5px;

}

.control-section .cgps-field-select select {

  width: 100%;

}

.control-section .cgps-field-heading {

  color: inherit;

  font-size: 14px;

  line-height: 1em;

  margin-right: -15px;

  margin-left: -15px;

  padding: 15px;

}

.control-section .cgps-field-subheading {

  color: inherit;

  font-size: 11px;

  margin-right: -15px;

  margin-left: -15px;

  padding: 10px 15px;

}

.control-section .cgps-subtitle-text {

  margin-top: 4px;

  font-size: 12px;

}

.control-section .cgps-field-submessage .cgps-submessage {

  margin-right: -15px;

  margin-left: -15px;

  padding: 15px;

}

.control-section .cgps-fieldset .cgps-field-submessage .cgps-submessage,

.control-section .cgps-fieldset .cgps-field-heading,

.control-section .cgps-fieldset .cgps-field-subheading {

  margin-left: 0;

  margin-right: 0;

}

.control-section .cgps-field-date label,

.control-section .cgps-field-datetime label {

  display: block;

}

.control-section .cgps-field-date .cgps--to,

.control-section .cgps-field-datetime .cgps--to {

  margin-top: 4px;

  margin-left: 0;

}

.control-section .cgps-field-sorter ul li {

  padding: 5px;

}

.control-section .cgps-field-sorter .cgps-modules {

  float: none;

  width: 100%;

}

.control-section .cgps-field-sorter .cgps-modules:first-child {

  padding-right: 0;

  padding-bottom: 15px;

}

.control-section .cgps-field-background .cgps--background-attributes {

  flex-direction: column;

}

.control-section .cgps-field-spacing input {

  width: 90px;

}

.control-section .cgps-field-border .cgps--input {

  flex: 1 50%;

}

.control-section .cgps-field-border input,

.control-section .cgps-field-border select {

  width: 100%;

}

.control-section .cgps-field-spinner input {

  width: 50px;

}

.control-section .cgps-field-number .cgps--wrap {

  width: 100%;

}

.control-section .cgps-field-backup .cgps-export-data {

  display: none;

}

.control-section .cgps-field-fieldset .cgps-fieldset-content {

  border-color: #e5e5e5;

}

.control-section .cgps-tabbed-content > .cgps-field,

.control-section .cgps-sortable-content > .cgps-field,

.control-section .cgps-repeater-content > .cgps-field,

.control-section .cgps-fieldset-content > .cgps-field,

.control-section .cgps-cloneable-content > .cgps-field,

.control-section .cgps-accordion-content > .cgps-field {

  padding: 10px;

}

.control-section .cgps-tabbed-content > .cgps-field .cgps-title,

.control-section .cgps-sortable-content > .cgps-field .cgps-title,

.control-section .cgps-repeater-content > .cgps-field .cgps-title,

.control-section .cgps-fieldset-content > .cgps-field .cgps-title,

.control-section .cgps-cloneable-content > .cgps-field .cgps-title,

.control-section .cgps-accordion-content > .cgps-field .cgps-title {

  margin-bottom: 5px;

}

.control-section .cgps-tabbed-content > .cgps-field h4,

.control-section .cgps-sortable-content > .cgps-field h4,

.control-section .cgps-repeater-content > .cgps-field h4,

.control-section .cgps-fieldset-content > .cgps-field h4,

.control-section .cgps-cloneable-content > .cgps-field h4,

.control-section .cgps-accordion-content > .cgps-field h4 {

  font-size: 12px;

}

.control-section .cgps-depend-hidden.cgps-depend-on {

  display: none !important;

}

.control-section .cgps-depend-visible.cgps-depend-on {

  border-top: 0 !important;

}



/**

 * 06. Taxonomy

 */

.cgps-taxonomy {

  max-width: 95%;

}

.cgps-taxonomy > .cgps-field {

  border-top: none !important;

}

.cgps-taxonomy > .cgps-field-heading {

  font-size: 1.1em;

  padding: 20px !important;

  border: 1px solid #ddd;

}

.cgps-taxonomy > .cgps-field-subheading {

  font-size: 12px;

  padding: 15px !important;

  border: 1px solid #ddd;

}

.cgps-taxonomy > .cgps-field-submessage .cgps-submessage {

  padding: 15px;

  border-left-width: 1px;

  border-left-style: solid;

  border-right-width: 1px;

  border-right-style: solid;

}

.cgps-taxonomy > .cgps-field-notice {

  background-color: transparent;

}

.cgps-taxonomy .cgps-section-title {

  display: block;

  padding: 15px;

  background-color: #f9f9f9;

  border: 1px solid #e5e5e5;

  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);

}



.cgps-taxonomy-add-fields > .cgps-field {

  padding: 8px 0;

}

.cgps-taxonomy-add-fields > .cgps-field > .cgps-title {

  float: none;

  width: 100%;

  padding: 2px 2px 4px 0;

}

.cgps-taxonomy-add-fields > .cgps-field > .cgps-title h4 {

  font-size: 12px;

  font-weight: normal;

}

.cgps-taxonomy-add-fields > .cgps-field > .cgps-fieldset {

  float: none;

  width: 100%;

}

.cgps-taxonomy-add-fields > .cgps-field > .cgps-fieldset > .cgps-help {

  right: -5px;

}

.cgps-taxonomy-add-fields + p.submit {

  margin-top: 0;

}



.cgps-taxonomy-edit-fields > .cgps-field {

  padding: 20px 0;

}

.cgps-taxonomy-edit-fields > .cgps-field > .cgps-title {

  width: 200px;

}

.cgps-taxonomy-edit-fields > .cgps-field > .cgps-title h4 {

  font-size: 14px;

  font-weight: 600;

  line-height: 1.3;

  display: inline-block;

  vertical-align: middle;

}

.cgps-taxonomy-edit-fields > .cgps-field > .cgps-fieldset {

  width: calc(100% - 220px);

}

.cgps-taxonomy-edit-fields > .cgps-field > .cgps-fieldset > .cgps-help {

  top: -5px;

  right: -5px;

}

.cgps-taxonomy-edit-fields > .cgps-field-submessage {

  margin: 20px 0;

}

.cgps-taxonomy-edit-fields > .cgps-field-subheading,

.cgps-taxonomy-edit-fields > .cgps-field-heading {

  margin: 20px 0;

  border: 1px solid #ddd;

}



/**

 * 08. Nav Menu

 */

.cgps-nav-menu-options {

  clear: both;

  float: left;

  width: 100%;

}

.cgps-nav-menu-options > .cgps-fields {

  margin: 10px -10px;

  border-top: 1px solid #eee;

  border-bottom: 1px solid #eee;

}

.cgps-nav-menu-options > .cgps-fields > .cgps-field {

  padding: 12px;

}

.cgps-nav-menu-options > .cgps-fields > .cgps-field .cgps-title {

  float: none;

  width: 100%;

  margin-bottom: 5px;

}

.cgps-nav-menu-options > .cgps-fields > .cgps-field .cgps-fieldset {

  float: none;

  width: 100%;

}

.cgps-nav-menu-options .cgps-field-text input {

  width: 100%;

}

.cgps-nav-menu-options .cgps-field-notice .cgps-notice {

  padding: 15px;

}



.cgps-nav-menu-title {

  padding: 12px;

  background-color: #f5f5f5;

  border-top: 1px solid #eee;

  border-bottom: 1px solid #eee;

}

.cgps-nav-menu-title:first-child {

  border-top: 0;

}

.cgps-nav-menu-title h4 {

  margin: 0;

  padding: 0;

  color: #23282d;

}



.cgps-nav-menu-icon {

  margin-right: 5px;

}



/**

 * 06. Profile

 */

.cgps-profile-options > h2 > .fa {

  padding-right: 7px;

}

.cgps-profile-options > .cgps-field {

  max-width: 750px;

  padding: 15px 0;

  border-top: none !important;

}

.cgps-profile-options > .cgps-field > .cgps-title {

  width: 200px;

}

.cgps-profile-options > .cgps-field > .cgps-title h4 {

  font-size: 14px;

  font-weight: 600;

  line-height: 1.3;

  display: inline-block;

  vertical-align: middle;

}

.cgps-profile-options > .cgps-field > .cgps-fieldset {

  width: calc(100% - 220px);

}

.cgps-profile-options > .cgps-field > .cgps-fieldset > .cgps-help {

  top: -15px;

  right: -5px;

}

.cgps-profile-options > .cgps-field-heading {

  font-size: 1.1em;

}

.cgps-profile-options > .cgps-field-subheading {

  font-size: 12px;

}

.cgps-profile-options > .cgps-field-subheading,

.cgps-profile-options > .cgps-field-heading {

  margin: 10px 0;

  padding: 15px !important;

  border: 1px solid #ddd;

}

.cgps-profile-options > .cgps-field-submessage {

  margin: 20px 0;

}

.cgps-profile-options > .cgps-field-submessage .cgps-submessage {

  padding: 10px;

  border-left-width: 1px;

  border-left-style: solid;

  border-right-width: 1px;

  border-right-style: solid;

}

.cgps-profile-options > .cgps-field-notice {

  background-color: transparent;

}



/**

 * 09. Modal

 */

.cgps-modal {

  position: fixed;

  z-index: 100101;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.cgps-modal.hidden {

  display: none;

}



.cgps-modal-icon {

  z-index: 100102;

}



.cgps-modal-table {

  display: table;

  width: 100%;

  height: 100%;

}



.cgps-modal-table-cell {

  display: table-cell;

  vertical-align: middle;

  margin: 100px 0;

}



.cgps-modal-inner {

  position: relative;

  z-index: 10;

  width: 760px;

  height: 750px;

  margin: 0 auto;

  background-color: #fff;

}



.cgps-modal-content {

  position: relative;

  overflow: hidden;

  overflow-y: auto;

  height: 595px;

}

.cgps-modal-content .cgps-shortcode-button {

  display: none;

}

.cgps-modal-content .cgps-field {

  padding: 15px 30px 15px 15px;

}

.cgps-modal-content a:active, .cgps-modal-content a:focus {

  outline: none;

  box-shadow: none;

}

.cgps-modal-content h4 {

  font-size: 13px;

}

.cgps-modal-content h4 small {

  font-style: italic;

  font-weight: 400;

  color: #aaa;

}



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

}



.cgps-modal-header {

  width: 100%;

  padding: 14px 0;

  background-color: #f5f5f5;

  border-bottom: 1px solid #ddd;

}

.cgps-modal-header select {

  display: block;

  width: 250px;

  margin: 0 auto;

  font-size: 13px;

  line-height: 1;

  height: 30px;

  min-height: 30px;

  background-color: #fff;

}



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

}

.cgps-modal-close:before {

  font: normal 20px/36px dashicons;

  content: "\f158";

  vertical-align: top;

  width: 36px;

  height: 36px;

}

.cgps-modal-close:hover {

  opacity: 0.5;

}



.cgps-modal-insert-wrapper {

  text-align: center;

  width: 100%;

  padding: 15px 0;

  background-color: #f5f5f5;

  border-top: 1px solid #ddd;

}



.cgps-modal-overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: #000;

  opacity: 0.5;

}



/**

 * 09. 01. Shortcode Modal

 */

.cgps--repeatable {

  padding: 15px 15px 0 15px;

}



.cgps--repeat-button-block {

  text-align: center;

  padding-bottom: 15px;

}



.cgps--repeat-shortcode {

  position: relative;

  margin-bottom: 15px;

  border: 1px dashed #ddd;

}

.cgps--repeat-shortcode:first-child .cgps-repeat-remove {

  display: none;

}

.cgps--repeat-shortcode .cgps-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;

}

.cgps--repeat-shortcode .cgps-repeat-remove:hover {

  opacity: 0.5;

}



.cgps-shortcode-single .cgps-modal-inner {

  height: 750px;

}

.cgps-shortcode-single .cgps-modal-content {

  height: 652px;

}



.elementor-editor-active .cgps-shortcode-button {

  margin-left: 5px;

}

.elementor-editor-active .cgps-modal .hidden {

  display: none !important;

}



/**

 * 09. 02. Gutenberg Modal

 */

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

}



.cgps-shortcode-block .components-button {

  margin-bottom: 10px;

}



/**

 * 09. 03. Icon Modal

 */

.cgps-modal-icon .cgps-icon-title {

  padding: 15px 0;

  margin: 4px;

  font-size: 14px;

  font-weight: bold;

  text-align: center;

  border: 1px solid #eee;

  background-color: #f7f7f7;

}

.cgps-modal-icon .cgps-modal-header {

  text-align: center;

}

.cgps-modal-icon .cgps-icon-search {

  width: 50%;

  height: 40px;

  line-height: 40px;

}

.cgps-modal-icon i {

  cursor: pointer;

  display: inline-block;

  margin: 4px;

  width: 35px;

  height: 35px;

  line-height: 35px;

  font-size: 16px;

  color: #555;

  text-align: center;

  border: 1px solid #ccc;

  background-color: #f7f7f7;

  border-radius: 2px;

  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.05);

}

.cgps-modal-icon i:hover {

  color: #fff;

  border-color: #222;

  background-color: #222;

}

.cgps-modal-icon .cgps-modal-content {

  padding: 10px;

  height: 618px;

}

.cgps-modal-icon .cgps-error-text {

  padding: 10px;

}



.cgps-modal-loading {

  display: none;

  position: absolute;

  left: 15px;

  top: 15px;

}



.cgps-loading {

  position: relative;

  width: 20px;

  height: 20px;

  background: #ccc;

  border-radius: 20px;

  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);

}

.cgps-loading:after {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 4px;

  height: 4px;

  content: "";

  margin-top: -2px;

  margin-left: -2px;

  background-color: white;

  animation-duration: 0.5s;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

  animation-name: cgpsLoader;

  border-radius: 4px;

}



@keyframes cgpsLoader {

  0% {

    transform: rotate(0deg) translateX(-6px) rotate(0deg);

  }

  100% {

    transform: rotate(360deg) translateX(-6px) rotate(-360deg);

  }

}

/**

 * 10. Helper

 */

.cgps-subtitle-text {

  margin-top: 6px;

  font-weight: 400;

  color: #999;

}



.cgps-desc-text {

  clear: both;

  float: left;

  width: 100%;

  margin-top: 6px;

  font-weight: 400;

  color: #999;

}



.cgps-error-text {

  margin-top: 6px;

  color: #d02c21;

}



.cgps-before-text {

  margin-bottom: 6px;

}



.cgps-after-text {

  margin-top: 6px;

}



.cgps-metabox-hide {

  display: none !important;

}



.cgps-metabox-show {

  display: block !important;

}



.cgps-depend-hidden.cgps-depend-on {

  display: none;

}



.cgps-depend-visible.cgps-depend-on {

  display: block;

  opacity: 0.75;

  filter: grayscale(1);

  user-select: none;

  border-top: 1px solid #eee;

}

.cgps-depend-visible.cgps-depend-on .clear:before {

  content: "";

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  position: absolute;

  background-color: #eee;

  opacity: 0.25;

  z-index: 10;

}



.cgps-warning-primary {

  color: #fff !important;

  border-color: #dc3545 !important;

  background: #dc3545 !important;

}

.cgps-warning-primary:hover, .cgps-warning-primary:focus {

  border-color: #bd2130 !important;

  background: #bd2130 !important;

}

.cgps-warning-primary:focus {

  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #bd2130 !important;

}

.cgps-warning-primary:active {

  border-color: #bd2130 !important;

  background: #bd2130 !important;

}



.cgps-form-result {

  display: none;

  float: left;

  padding: 0 8px;

  margin-right: 4px;

  font-size: 11px;

  line-height: 30px;

  user-select: none;

  border-radius: 2px;

}



.cgps-form-show {

  display: block;

}



.cgps-form-success {

  color: #fff;

  background-color: #46b450;

}



.cgps-form-warning {

  color: #8a6d3b;

  background-color: #faebcc;

}



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

  border-radius: 2px;

}



.cgps-no-option {

  padding: 30px;

}



.cgps-input-number {

  -moz-appearance: textfield;

}



.cgps-input-number::-webkit-inner-spin-button,

.cgps-input-number::-webkit-outer-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



.cgps-fa5-shims .cgps .fas,

.cgps-fa5-shims .cgps .far,

.cgps-fa5-shims .cgps .fab {

  font-family: "FontAwesome";

  font-style: normal;

}



/**

 * 11. Welcome Page

 */

.cgps-welcome-wrap {

  position: relative;

  margin: 25px 40px 0 20px;

  font-size: 15px;

  max-width: 1200px;

}

.cgps-welcome-wrap p {

  font-size: 14px;

  line-height: 1.5;

}

.cgps-welcome-wrap h1 {

  margin: 0.2em 200px 0 0;

  padding: 0;

  color: #32373c;

  line-height: 1.2em;

  font-size: 2.8em;

  font-weight: 400;

}

.cgps-welcome-wrap .cgps-logo {

  position: absolute;

  overflow: hidden;

  top: 0;

  right: 0;

  height: 160px;

  width: 140px;

  background-image: linear-gradient(45deg, #2d67cb, #ad19f3);

  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25), inset 0 0 0 4px rgba(0, 0, 0, 0.25);

}

.cgps-welcome-wrap .cgps-logo .cgps--effects i {

  position: absolute;

  width: 200px;

  height: 100px;

  background-color: rgba(0, 0, 0, 0.15);

  transform: rotate(-45deg);

}

.cgps-welcome-wrap .cgps-logo .cgps--effects i:nth-child(1) {

  bottom: -20px;

  right: -70px;

}

.cgps-welcome-wrap .cgps-logo .cgps--effects i:nth-child(2) {

  bottom: -35px;

  right: -80px;

}

.cgps-welcome-wrap .cgps-logo .cgps--effects i:nth-child(3) {

  bottom: -50px;

  right: -90px;

}

.cgps-welcome-wrap .cgps-logo .cgps--effects i:nth-child(4) {

  bottom: -65px;

  right: -100px;

}

.cgps-welcome-wrap .cgps-logo .cgps--wp-logos {

  position: relative;

  padding-top: 25px;

  text-align: center;

}

.cgps-welcome-wrap .cgps-logo .cgps--wp-logo {

  position: absolute;

  left: 20px;

  width: 20px;

  height: 20px;

  background-repeat: no-repeat;

  background-position: center center;

  background-image: url(../images/wp-logo.svg);

}

.cgps-welcome-wrap .cgps-logo .cgps--wp-plugin-logo {

  display: inline-block;

  width: 50px;

  height: 50px;

  border: 3px solid #fff;

  background-size: 40px;

  background-repeat: no-repeat;

  background-position: center center;

  background-image: url(../images/wp-plugin-logo.svg);

  border-radius: 100%;

  vertical-align: middle;

}

.cgps-welcome-wrap .cgps-logo .cgps--text {

  position: absolute;

  left: 0;

  right: 0;

  top: 90px;

  color: #fff;

  font-size: 13px;

  line-height: 1.2em;

  font-weight: 600;

  text-align: center;

  text-transform: uppercase;

  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);

}

.cgps-welcome-wrap .cgps-logo .cgps--version {

  top: auto;

  left: auto;

  right: 8px;

  bottom: 4px;

  font-size: 11px;

  text-transform: lowercase;

}

.cgps-welcome-wrap .cgps-about-text {

  font-weight: 400;

  line-height: 1.6em;

  font-size: 19px;

  margin: 1em 200px 1em 0;

  color: #555d66;

}

.cgps-welcome-wrap .cgps-demo-button {

  margin: 1em 200px 2em 0;

}

.cgps-welcome-wrap .nav-tab-wrapper {

  margin-bottom: 20px;

}

.cgps-welcome-wrap ul {

  list-style-type: disc;

  padding-left: 15px;

}

.cgps-welcome-wrap .cgps--col {

  float: left;

  padding-right: 20px;

  box-sizing: border-box;

}

.cgps-welcome-wrap .cgps--col-2 {

  width: 50%;

}

.cgps-welcome-wrap .cgps--col-3 {

  width: 33.333%;

}

.cgps-welcome-wrap .cgps--col-4 {

  width: 25%;

}

.cgps-welcome-wrap .cgps--col-5 {

  width: 20%;

}

.cgps-welcome-wrap .cgps--col-last {

  padding-right: 0;

}

.cgps-welcome-wrap .cgps--col-upgrade {

  padding: 10px 0;

  text-align: center;

  border-top: 1px solid #e5e5e5;

}



.cgps--table-compare thead td,

.cgps--table-compare tfoot td {

  text-align: center;

}

.cgps--table-compare td {

  font-size: 14px;

  text-align: center;

  vertical-align: middle;

  padding: 10px;

}

.cgps--table-compare td:first-child {

  text-align: left;

}

.cgps--table-compare tfoot td {

  padding: 15px 0;

}

.cgps--table-compare .fa {

  font-size: 18px;

}

.cgps--table-compare .fa-check-circle {

  color: #46b450;

}

.cgps--table-compare .fa-times-circle {

  color: #dc3232;

}



.cgps-welcome-cols {

  clear: both;

  margin: 20px 0;

  background-color: #fff;

  padding: 0 0;

  border-radius: 2px;

  border: 1px solid #e5e5e5;

}

.cgps-welcome-cols .cgps--col {

  width: 33.333%;

  float: left;

  padding: 20px;

  text-align: center;

  box-sizing: border-box;

  min-height: 200px;

  border-right: 1px solid #e5e5e5;

}

.cgps-welcome-cols .cgps--left,

.cgps-welcome-cols .cgps--block {

  float: left;

  width: 20%;

  padding: 0 30px;

  text-align: center;

  box-sizing: border-box;

}

.cgps-welcome-cols .cgps--block {

  width: 80%;

}

.cgps-welcome-cols .cgps--col-first {

  border-bottom: 1px solid #e5e5e5;

}

.cgps-welcome-cols .cgps--last {

  border-right: none;

}

.cgps-welcome-cols .cgps--space {

  height: 20px;

}

.cgps-welcome-cols .cgps--icon {

  display: inline-block;

  font-size: 20px;

  width: 30px;

  height: 30px;

  line-height: 30px;

  text-align: center;

  margin-bottom: 10px;

  color: #fff;

  background-color: #555;

  border-radius: 30px;

}

.cgps-welcome-cols .cgps--active {

  background-color: #5cb85c;

}

.cgps-welcome-cols .cgps--deactive {

  background-color: #e14d43;

}

.cgps-welcome-cols .cgps--title {

  font-weight: bold;

  display: block;

}

.cgps-welcome-cols p:last-child {

  margin-bottom: 0;

}



.cgps-features-cols .cgps--key-features {

  width: 30%;

}

.cgps-features-cols .cgps--available-fields {

  width: 70%;

}



.cgps-code-block {

  margin: 20px 0;

  padding: 5px 20px;

  background-color: #fff;

  border-radius: 2px;

  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);

}

.cgps-code-block pre {

  font-size: 13px;

  color: #0073aa;

}

.cgps-code-block pre span {

  color: #999;

}



.cgps--table-fields td {

  font-size: 14px;

}



.cgps--upgrade a {

  color: #5cb85c;

  font-weight: bold;

}

.cgps--upgrade a:focus, .cgps--upgrade a:hover {

  color: #4aa14a;

  outline: none;

  box-shadow: none;

}



@media only screen and (max-width: 782px) {

  .cgps-welcome-cols .cgps--col {

    width: 100%;

    min-height: auto;

    border-right: none;

    border-bottom: 1px solid #e5e5e5;

  }

  .cgps-features-cols .cgps--key-features {

    width: 100%;

  }

  .cgps-features-cols .cgps--available-fields {

    width: 100%;

  }

}

/**

 * 12. Responsive

 */

@media only screen and (max-width: 1200px) {

  .cgps-metabox .cgps-field .cgps-title {

    float: none;

    width: 100%;

    margin-bottom: 10px;

  }

  .cgps-metabox .cgps-field .cgps-fieldset {

    float: none;

    width: 100%;

  }

}

@media only screen and (max-width: 782px) {

  .cgps-header-inner {

    text-align: center;

  }

  .cgps-header-inner h1 {

    width: 100%;

    margin-bottom: 10px;

  }

  .cgps-form-result {

    float: none;

    margin-right: 0;

    margin-bottom: 10px;

  }

  .cgps-search,

.cgps-header-right,

.cgps-header-left {

    width: 100%;

  }

  .cgps-search {

    text-align: center;

    margin-bottom: 15px;

  }

  .cgps-footer {

    text-align: center;

  }

  .cgps-buttons {

    float: none;

  }

  .cgps-copyright {

    float: none;

    margin-top: 10px;

  }

  .cgps-nav,

.cgps-expand-all,

.cgps-reset-section,

.cgps-nav-background {

    display: none !important;

  }

  .cgps-nav-normal + .cgps-content {

    margin-left: 0;

  }

  .cgps-section-title,

.cgps-section {

    display: block !important;

  }

  .cgps-field .cgps-title {

    float: none;

    width: 100%;

    margin-bottom: 10px;

  }

  .cgps-field .cgps-fieldset {

    float: none;

    width: 100%;

  }

  .cgps-field-color .button.wp-picker-clear {

    padding: 0 8px;

    line-height: 2.14285714;

    min-height: 32px;

  }

  .cgps-profile-options > .cgps-field > .cgps-title,

.cgps-taxonomy-edit-fields > .cgps-field > .cgps-title {

    float: none;

    width: 100%;

    margin-bottom: 10px;

  }

  .cgps-profile-options > .cgps-field > .cgps-fieldset,

.cgps-taxonomy-edit-fields > .cgps-field > .cgps-fieldset {

    float: none;

    width: 100%;

  }

  .cgps-nav-menu-options > .cgps-fields {

    margin-left: -10px;

    margin-right: -10px;

  }

  .cgps-nav-menu-options > .cgps-fields > .cgps-field {

    padding: 10px;

  }

}

@media only screen and (max-width: 782px) {

  .cgps-modal .cgps-modal-inner {

    width: 90%;

  }

}

@media only screen and (max-height: 750px) {

  .cgps-modal .cgps-modal-inner {

    height: auto;

  }

  .cgps-modal .cgps-modal-content {

    height: calc(100vh - 200px);

  }

}

/**

 * Chosen JS Styles

 */

.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(#fff 20%, #f6f6f6 50%, #eee 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(#eee 1%, #fff 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 6px;

  border: 1px solid #aaa;

  max-width: 100%;

  border-radius: 3px;

  background-color: #eeeeee;

  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 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;

  white-space: nowrap;

}



.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {

  position: absolute;

  top: 0;

  right: 0;

  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%, #eee 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(#eee 20%, #fff 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;

}



/**

 * Flatpickr

 */

.flatpickr-calendar {

  background: transparent;

  opacity: 0;

  display: none;

  text-align: center;

  visibility: hidden;

  padding: 0;

  -webkit-animation: none;

  animation: none;

  direction: ltr;

  border: 0;

  font-size: 14px;

  line-height: 24px;

  border-radius: 5px;

  position: absolute;

  width: 307.875px;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  background: #fff;

  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);

  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);

}



.flatpickr-calendar.open,

.flatpickr-calendar.inline {

  opacity: 1;

  max-height: 640px;

  visibility: visible;

}



.flatpickr-calendar.open {

  display: inline-block;

  z-index: 99999;

}



.flatpickr-calendar.animate.open {

  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);

  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);

}



.flatpickr-calendar.inline {

  display: block;

  position: relative;

  top: 2px;

}



.flatpickr-calendar.static {

  position: absolute;

  top: calc(100% + 2px);

}



.flatpickr-calendar.static.open {

  z-index: 999;

  display: block;

}



.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {

  -webkit-box-shadow: none !important;

  box-shadow: none !important;

}



.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {

  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;

  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;

}



.flatpickr-calendar .hasWeeks .dayContainer,

.flatpickr-calendar .hasTime .dayContainer {

  border-bottom: 0;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 0;

}



.flatpickr-calendar .hasWeeks .dayContainer {

  border-left: 0;

}



.flatpickr-calendar.hasTime .flatpickr-time {

  height: 40px;

  border-top: 1px solid #e6e6e6;

}



.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {

  height: auto;

}



.flatpickr-calendar:before,

.flatpickr-calendar:after {

  position: absolute;

  display: block;

  pointer-events: none;

  border: solid transparent;

  content: "";

  height: 0;

  width: 0;

  left: 22px;

}



.flatpickr-calendar.rightMost:before,

.flatpickr-calendar.arrowRight:before,

.flatpickr-calendar.rightMost:after,

.flatpickr-calendar.arrowRight:after {

  left: auto;

  right: 22px;

}



.flatpickr-calendar.arrowCenter:before,

.flatpickr-calendar.arrowCenter:after {

  left: 50%;

  right: 50%;

}



.flatpickr-calendar:before {

  border-width: 5px;

  margin: 0 -5px;

}



.flatpickr-calendar:after {

  border-width: 4px;

  margin: 0 -4px;

}



.flatpickr-calendar.arrowTop:before,

.flatpickr-calendar.arrowTop:after {

  bottom: 100%;

}



.flatpickr-calendar.arrowTop:before {

  border-bottom-color: #e6e6e6;

}



.flatpickr-calendar.arrowTop:after {

  border-bottom-color: #fff;

}



.flatpickr-calendar.arrowBottom:before,

.flatpickr-calendar.arrowBottom:after {

  top: 100%;

}



.flatpickr-calendar.arrowBottom:before {

  border-top-color: #e6e6e6;

}



.flatpickr-calendar.arrowBottom:after {

  border-top-color: #fff;

}



.flatpickr-calendar:focus {

  outline: 0;

}



.flatpickr-wrapper {

  position: relative;

  display: inline-block;

}



.flatpickr-months {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

}



.flatpickr-months .flatpickr-month {

  background: transparent;

  color: rgba(0, 0, 0, 0.9);

  fill: rgba(0, 0, 0, 0.9);

  height: 34px;

  line-height: 1;

  text-align: center;

  position: relative;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  overflow: hidden;

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

}



.flatpickr-months .flatpickr-prev-month,

.flatpickr-months .flatpickr-next-month {

  text-decoration: none;

  cursor: pointer;

  position: absolute;

  top: 0;

  height: 34px;

  padding: 10px;

  z-index: 3;

  color: rgba(0, 0, 0, 0.9);

  fill: rgba(0, 0, 0, 0.9);

}



.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,

.flatpickr-months .flatpickr-next-month.flatpickr-disabled {

  display: none;

}



.flatpickr-months .flatpickr-prev-month i,

.flatpickr-months .flatpickr-next-month i {

  position: relative;

}



.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,

.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {

  /*

        /*rtl:begin:ignore*/

  /*

        */

  left: 0;

  /*

        /*rtl:end:ignore*/

  /*

        */

}



/*

      /*rtl:begin:ignore*/

/*

      /*rtl:end:ignore*/

.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,

.flatpickr-months .flatpickr-next-month.flatpickr-next-month {

  /*

        /*rtl:begin:ignore*/

  /*

        */

  right: 0;

  /*

        /*rtl:end:ignore*/

  /*

        */

}



/*

      /*rtl:begin:ignore*/

/*

      /*rtl:end:ignore*/

.flatpickr-months .flatpickr-prev-month:hover,

.flatpickr-months .flatpickr-next-month:hover {

  color: #959ea9;

}



.flatpickr-months .flatpickr-prev-month:hover svg,

.flatpickr-months .flatpickr-next-month:hover svg {

  fill: #f64747;

}



.flatpickr-months .flatpickr-prev-month svg,

.flatpickr-months .flatpickr-next-month svg {

  width: 14px;

  height: 14px;

}



.flatpickr-months .flatpickr-prev-month svg path,

.flatpickr-months .flatpickr-next-month svg path {

  -webkit-transition: fill 0.1s;

  transition: fill 0.1s;

  fill: inherit;

}



.numInputWrapper {

  position: relative;

  height: auto;

}



.numInputWrapper input,

.numInputWrapper span {

  display: inline-block;

}



.numInputWrapper input {

  width: 100%;

}



.numInputWrapper input::-ms-clear {

  display: none;

}



.numInputWrapper input::-webkit-outer-spin-button,

.numInputWrapper input::-webkit-inner-spin-button {

  margin: 0;

  -webkit-appearance: none;

}



.numInputWrapper span {

  position: absolute;

  right: 0;

  width: 14px;

  padding: 0 4px 0 2px;

  height: 50%;

  line-height: 50%;

  opacity: 0;

  cursor: pointer;

  border: 1px solid rgba(57, 57, 57, 0.15);

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}



.numInputWrapper span:hover {

  background: rgba(0, 0, 0, 0.1);

}



.numInputWrapper span:active {

  background: rgba(0, 0, 0, 0.2);

}



.numInputWrapper span:after {

  display: block;

  content: "";

  position: absolute;

}



.numInputWrapper span.arrowUp {

  top: 0;

  border-bottom: 0;

}



.numInputWrapper span.arrowUp:after {

  border-left: 4px solid transparent;

  border-right: 4px solid transparent;

  border-bottom: 4px solid rgba(57, 57, 57, 0.6);

  top: 26%;

}



.numInputWrapper span.arrowDown {

  top: 50%;

}



.numInputWrapper span.arrowDown:after {

  border-left: 4px solid transparent;

  border-right: 4px solid transparent;

  border-top: 4px solid rgba(57, 57, 57, 0.6);

  top: 40%;

}



.numInputWrapper span svg {

  width: inherit;

  height: auto;

}



.numInputWrapper span svg path {

  fill: rgba(0, 0, 0, 0.5);

}



.numInputWrapper:hover {

  background: rgba(0, 0, 0, 0.05);

}



.numInputWrapper:hover span {

  opacity: 1;

}



.flatpickr-current-month {

  font-size: 135%;

  line-height: inherit;

  font-weight: 300;

  color: inherit;

  position: absolute;

  width: 75%;

  left: 12.5%;

  padding: 7.48px 0 0 0;

  line-height: 1;

  height: 34px;

  display: inline-block;

  text-align: center;

  -webkit-transform: translate3d(0px, 0px, 0px);

  transform: translate3d(0px, 0px, 0px);

}



.flatpickr-current-month span.cur-month {

  font-family: inherit;

  font-weight: 700;

  color: inherit;

  display: inline-block;

  margin-left: 0.5ch;

  padding: 0;

}



.flatpickr-current-month span.cur-month:hover {

  background: rgba(0, 0, 0, 0.05);

}



.flatpickr-current-month .numInputWrapper {

  width: 6ch;

  width: 7ch\0 ;

  display: inline-block;

}



.flatpickr-current-month .numInputWrapper span.arrowUp:after {

  border-bottom-color: rgba(0, 0, 0, 0.9);

}



.flatpickr-current-month .numInputWrapper span.arrowDown:after {

  border-top-color: rgba(0, 0, 0, 0.9);

}



.flatpickr-current-month input.cur-year {

  background: transparent;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  color: inherit;

  cursor: text;

  padding: 0 0 0 0.5ch;

  margin: 0;

  display: inline-block;

  font-size: inherit;

  font-family: inherit;

  font-weight: 300;

  line-height: inherit;

  height: auto;

  border: 0;

  border-radius: 0;

  vertical-align: initial;

  -webkit-appearance: textfield;

  -moz-appearance: textfield;

  appearance: textfield;

}



.flatpickr-current-month input.cur-year:focus {

  outline: 0;

}



.flatpickr-current-month input.cur-year[disabled],

.flatpickr-current-month input.cur-year[disabled]:hover {

  font-size: 100%;

  color: rgba(0, 0, 0, 0.5);

  background: transparent;

  pointer-events: none;

}



.flatpickr-current-month .flatpickr-monthDropdown-months {

  appearance: menulist;

  background: transparent;

  border: none;

  border-radius: 0;

  box-sizing: border-box;

  color: inherit;

  cursor: pointer;

  font-size: inherit;

  font-family: inherit;

  font-weight: 300;

  height: auto;

  line-height: inherit;

  margin: -1px 0 0 0;

  outline: none;

  padding: 0 0 0 0.5ch;

  position: relative;

  vertical-align: initial;

  -webkit-box-sizing: border-box;

  -webkit-appearance: menulist;

  -moz-appearance: menulist;

  width: auto;

}



.flatpickr-current-month .flatpickr-monthDropdown-months:focus,

.flatpickr-current-month .flatpickr-monthDropdown-months:active {

  outline: none;

}



.flatpickr-current-month .flatpickr-monthDropdown-months:hover {

  background: rgba(0, 0, 0, 0.05);

}



.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {

  background-color: transparent;

  outline: none;

  padding: 0;

}



.flatpickr-weekdays {

  background: transparent;

  text-align: center;

  overflow: hidden;

  width: 100%;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  height: 28px;

}



.flatpickr-weekdays .flatpickr-weekdaycontainer {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

}



span.flatpickr-weekday {

  cursor: default;

  font-size: 90%;

  background: transparent;

  color: rgba(0, 0, 0, 0.54);

  line-height: 1;

  margin: 0;

  text-align: center;

  display: block;

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  font-weight: bolder;

}



.dayContainer,

.flatpickr-weeks {

  padding: 1px 0 0 0;

}



.flatpickr-days {

  position: relative;

  overflow: hidden;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

  -ms-flex-align: start;

  align-items: flex-start;

  width: 307.875px;

}



.flatpickr-days:focus {

  outline: 0;

}



.dayContainer {

  padding: 0;

  outline: 0;

  text-align: left;

  width: 307.875px;

  min-width: 307.875px;

  max-width: 307.875px;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  display: inline-block;

  display: -ms-flexbox;

  display: -webkit-box;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-around;

  justify-content: space-around;

  -webkit-transform: translate3d(0px, 0px, 0px);

  transform: translate3d(0px, 0px, 0px);

  opacity: 1;

}



.dayContainer + .dayContainer {

  -webkit-box-shadow: -1px 0 0 #e6e6e6;

  box-shadow: -1px 0 0 #e6e6e6;

}



.flatpickr-day {

  background: none;

  border: 1px solid transparent;

  border-radius: 150px;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  color: #393939;

  cursor: pointer;

  font-weight: 400;

  width: 14.2857143%;

  -webkit-flex-basis: 14.2857143%;

  -ms-flex-preferred-size: 14.2857143%;

  flex-basis: 14.2857143%;

  max-width: 39px;

  height: 39px;

  line-height: 39px;

  margin: 0;

  display: inline-block;

  position: relative;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  text-align: center;

}



.flatpickr-day.inRange,

.flatpickr-day.prevMonthDay.inRange,

.flatpickr-day.nextMonthDay.inRange,

.flatpickr-day.today.inRange,

.flatpickr-day.prevMonthDay.today.inRange,

.flatpickr-day.nextMonthDay.today.inRange,

.flatpickr-day:hover,

.flatpickr-day.prevMonthDay:hover,

.flatpickr-day.nextMonthDay:hover,

.flatpickr-day:focus,

.flatpickr-day.prevMonthDay:focus,

.flatpickr-day.nextMonthDay:focus {

  cursor: pointer;

  outline: 0;

  background: #e6e6e6;

  border-color: #e6e6e6;

}



.flatpickr-day.today {

  border-color: #959ea9;

}



.flatpickr-day.today:hover,

.flatpickr-day.today:focus {

  border-color: #959ea9;

  background: #959ea9;

  color: #fff;

}



.flatpickr-day.selected,

.flatpickr-day.startRange,

.flatpickr-day.endRange,

.flatpickr-day.selected.inRange,

.flatpickr-day.startRange.inRange,

.flatpickr-day.endRange.inRange,

.flatpickr-day.selected:focus,

.flatpickr-day.startRange:focus,

.flatpickr-day.endRange:focus,

.flatpickr-day.selected:hover,

.flatpickr-day.startRange:hover,

.flatpickr-day.endRange:hover,

.flatpickr-day.selected.prevMonthDay,

.flatpickr-day.startRange.prevMonthDay,

.flatpickr-day.endRange.prevMonthDay,

.flatpickr-day.selected.nextMonthDay,

.flatpickr-day.startRange.nextMonthDay,

.flatpickr-day.endRange.nextMonthDay {

  background: #569ff7;

  -webkit-box-shadow: none;

  box-shadow: none;

  color: #fff;

  border-color: #569ff7;

}



.flatpickr-day.selected.startRange,

.flatpickr-day.startRange.startRange,

.flatpickr-day.endRange.startRange {

  border-radius: 50px 0 0 50px;

}



.flatpickr-day.selected.endRange,

.flatpickr-day.startRange.endRange,

.flatpickr-day.endRange.endRange {

  border-radius: 0 50px 50px 0;

}



.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),

.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),

.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {

  -webkit-box-shadow: -10px 0 0 #569ff7;

  box-shadow: -10px 0 0 #569ff7;

}



.flatpickr-day.selected.startRange.endRange,

.flatpickr-day.startRange.startRange.endRange,

.flatpickr-day.endRange.startRange.endRange {

  border-radius: 50px;

}



.flatpickr-day.inRange {

  border-radius: 0;

  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;

  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;

}



.flatpickr-day.flatpickr-disabled,

.flatpickr-day.flatpickr-disabled:hover,

.flatpickr-day.prevMonthDay,

.flatpickr-day.nextMonthDay,

.flatpickr-day.notAllowed,

.flatpickr-day.notAllowed.prevMonthDay,

.flatpickr-day.notAllowed.nextMonthDay {

  color: rgba(57, 57, 57, 0.3);

  background: transparent;

  border-color: transparent;

  cursor: default;

}



.flatpickr-day.flatpickr-disabled,

.flatpickr-day.flatpickr-disabled:hover {

  cursor: not-allowed;

  color: rgba(57, 57, 57, 0.1);

}



.flatpickr-day.week.selected {

  border-radius: 0;

  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;

  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;

}



.flatpickr-day.hidden {

  visibility: hidden;

}



.rangeMode .flatpickr-day {

  margin-top: 1px;

}



.flatpickr-weekwrapper {

  float: left;

}



.flatpickr-weekwrapper .flatpickr-weeks {

  padding: 0 12px;

  -webkit-box-shadow: 1px 0 0 #e6e6e6;

  box-shadow: 1px 0 0 #e6e6e6;

}



.flatpickr-weekwrapper .flatpickr-weekday {

  float: none;

  width: 100%;

  line-height: 28px;

}



.flatpickr-weekwrapper span.flatpickr-day,

.flatpickr-weekwrapper span.flatpickr-day:hover {

  display: block;

  width: 100%;

  max-width: none;

  color: rgba(57, 57, 57, 0.3);

  background: transparent;

  cursor: default;

  border: none;

}



.flatpickr-innerContainer {

  display: block;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  overflow: hidden;

}



.flatpickr-rContainer {

  display: inline-block;

  padding: 0;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}



.flatpickr-time {

  text-align: center;

  outline: 0;

  display: block;

  height: 0;

  line-height: 40px;

  max-height: 40px;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  overflow: hidden;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

}



.flatpickr-time:after {

  content: "";

  display: table;

  clear: both;

}



.flatpickr-time .numInputWrapper {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  width: 40%;

  height: 40px;

  float: left;

}



.flatpickr-time .numInputWrapper span.arrowUp:after {

  border-bottom-color: #393939;

}



.flatpickr-time .numInputWrapper span.arrowDown:after {

  border-top-color: #393939;

}



.flatpickr-time.hasSeconds .numInputWrapper {

  width: 26%;

}



.flatpickr-time.time24hr .numInputWrapper {

  width: 49%;

}



.flatpickr-time input {

  background: transparent;

  -webkit-box-shadow: none;

  box-shadow: none;

  border: 0;

  border-radius: 0;

  text-align: center;

  margin: 0;

  padding: 0;

  height: inherit;

  line-height: inherit;

  color: #393939;

  font-size: 14px;

  position: relative;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-appearance: textfield;

  -moz-appearance: textfield;

  appearance: textfield;

}



.flatpickr-time input.flatpickr-hour {

  font-weight: bold;

}



.flatpickr-time input.flatpickr-minute,

.flatpickr-time input.flatpickr-second {

  font-weight: 400;

}



.flatpickr-time input:focus {

  outline: 0;

  border: 0;

}



.flatpickr-time .flatpickr-time-separator,

.flatpickr-time .flatpickr-am-pm {

  height: inherit;

  float: left;

  line-height: inherit;

  color: #393939;

  font-weight: bold;

  width: 2%;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  -webkit-align-self: center;

  -ms-flex-item-align: center;

  align-self: center;

}



.flatpickr-time .flatpickr-am-pm {

  outline: 0;

  width: 18%;

  cursor: pointer;

  text-align: center;

  font-weight: 400;

}



.flatpickr-time input:hover,

.flatpickr-time .flatpickr-am-pm:hover,

.flatpickr-time input:focus,

.flatpickr-time .flatpickr-am-pm:focus {

  background: #eee;

}



.flatpickr-input[readonly] {

  cursor: pointer;

}



@-webkit-keyframes fpFadeInDown {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@keyframes fpFadeInDown {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



