/* Base */
#cff_ai_assistant_bubble {
  background: #f3f6ea;
  border: 2px solid #FFF !important;
  border-bottom: 0 !important;
}

.cp_cff_natural {
  background: url("top_bg.png") 0 0 repeat-x #f3f6ea;
  padding: 10px;
}

.cp_cff_natural #fbuilder { padding: 10px; }
.cp_cff_natural #fbuilder { color: rgb(64, 63, 61); }

.cp_cff_natural #fbuilder .uh { color: rgb(112, 140, 0); }

/* Typography */
.cp_cff_natural #fbuilder h1,
.cp_cff_natural #fbuilder h2,
.cp_cff_natural #fbuilder h3,
.cp_cff_natural #fbuilder h4,
.cp_cff_natural #fbuilder h5,
.cp_cff_natural #fbuilder h6,
.cp_cff_natural #fbuilder .fform p {
  color: rgb(255, 255, 255);
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  margin-bottom: 0;
  font-weight: normal;
  font-variant: small-caps;
}
.cp_cff_natural #fbuilder h1 { font-size: 2.6em; }
.cp_cff_natural #fbuilder h2 { font-size: 2em; }
.cp_cff_natural #fbuilder h3 { font-size: 1.5em; }
.cp_cff_natural #fbuilder h4 { font-size: 1.3em; }
.cp_cff_natural #fbuilder h5 { font-size: 1em; }
.cp_cff_natural #fbuilder h6 { font-size: 0.8em; }

.cp_cff_natural #fbuilder .fform span {
  font-style: italic;
  font-family: Georgia, 'Times New Roman', Times, serif;
}

/* Inputs */
.cp_cff_natural #fbuilder select,
.cp_cff_natural #fbuilder textarea,
.cp_cff_natural #fbuilder input[type="date"],
.cp_cff_natural #fbuilder input[type="datetime"],
.cp_cff_natural #fbuilder input[type="time"],
.cp_cff_natural #fbuilder input[type="search"],
.cp_cff_natural #fbuilder input[type="url"],
.cp_cff_natural #fbuilder input[type="email"],
.cp_cff_natural #fbuilder input[type="password"],
.cp_cff_natural #fbuilder input[type="text"],
.cp_cff_natural #fbuilder input[type="number"],
.cp_cff_natural #fbuilder input[type="file"] {
  border: 1px solid rgb(150, 150, 150);
  padding: 5px;
  font-size: 14px;
  background: #FFF;
  color: #000;
}

/* Field sizes */
.cp_cff_natural #fbuilder .large { width: 100%; }
@media screen and (min-width: 740px), print {
  .cp_cff_natural #fbuilder .medium { width: 50%; }
  .cp_cff_natural #fbuilder .small { width: 25%; }
}
@media screen and (max-width: 640px) {
  .cp_cff_natural #fbuilder .medium,
  .cp_cff_natural #fbuilder .small { width: 100%; }
}

/* Fieldset / Legend */
.cp_cff_natural #fbuilder legend {
  background: url("top_bg.png");
  border: 3px solid #FFF;
  color: #FFF;
  font-weight: bold;
  border-radius: 5px;
}
.cp_cff_natural #fbuilder fieldset { border: 0; padding: 0; }

/* Buttons */
#cff_ai_assistant_use_suggestion,
.cp_cff_natural #fbuilder button:not([class*="trumbowyg"]),
.cp_cff_natural #fbuilder input[type="button"],
.cp_cff_natural #fbuilder input[type="reset"],
.cp_cff_natural .cff-spinner .cff-spinner-down,
.cp_cff_natural .cff-spinner .cff-spinner-up,
.cp_cff_natural #fbuilder .pbSubmit,
.cp_cff_natural #fbuilder .pbPrevious,
.cp_cff_natural #fbuilder .pbNext {
  color: #fff;
  font-variant: small-caps;
  font-size: 14px;
  font-weight: bold;
  background: url("top_bg.png");
  border-radius: 5px;
  padding: 5px 20px;
  border: 0;
  cursor: pointer;
}
.cp_cff_natural #fbuilder .cff-spinner .cff-spinner-down,
.cp_cff_natural #fbuilder .cff-spinner .cff-spinner-up { padding: 0; }

/* Slider */
.cp_cff_natural #fbuilder .slider { border: 1px solid rgb(150, 150, 150); }
.cp_cff_natural #fbuilder .ui-slider-range { background: rgba(153, 200, 115, 0.5); }
.cp_cff_natural #fbuilder .ui-slider-handle {
  background: #99C878;
  border: 1px solid #99C878;
}
.cp_cff_natural #fbuilder .cff-slider-field .mark { background: #78a359; top: 0.7em; }

/* Misc */
.cp_cff_natural #fbuilder .discount-container { margin-top: 10px; font-weight: bold; }
.cp_cff_natural #fbuilder .cff-switch { background: #8f8c1247; }
.cp_cff_natural #fbuilder .cff-switch-container input:checked + span.cff-switch { background: #75bc46; }
.cp_cff_natural #fbuilder span.files-list img { border-color: rgb(150, 150, 150); }

/* Select2 */
.cp_cff_natural #fbuilder .select2-dropdown .select2-search__field { width: 100% !important; }
.cp_cff_natural #fbuilder .select2-dropdown { border: 1px solid rgb(150, 150, 150) !important; border-radius: 0; }
.cp_cff_natural #fbuilder .select2-selection--multiple,
.cp_cff_natural #fbuilder .select2-selection--single { border-radius: 0; }
.cp_cff_natural #fbuilder .select2-results__option--highlighted { background: #9ac77b; }

/* Popup */
.cp_cff_natural #fbuilder .cff-popup-container { background: url(top_bg.png) 0 0 repeat-x #f3f6ea; }
.cp_cff_natural #fbuilder .cff-popup-header:not(:empty) { border: 0; }
.cp_cff_natural #fbuilder .cff-popup-close { color: white; }

/* Timeslots */
.cp_cff_natural #fbuilder .cff-timeslot { border-color: #5f8a41; }
.cp_cff_natural #fbuilder .cff-timeslot[data-active="0"] { text-shadow: none; border-color: #c2c5b9; color: #c2c5b9; }
.cp_cff_natural #fbuilder .cff-timeslot[data-selected="1"],
.cp_cff_natural #fbuilder .cff-timeslot-selected { border-color: #5f8a41; background: #5f8a41; text-shadow: none; color: #FFFFFF; }
.cp_cff_natural #fbuilder .cff-timeslot[data-active="1"][data-selected="0"]:hover { border-color: #5f8a41; color: #5f8a41; }
.cp_cff_natural #fbuilder .cff-timeslot-selected::after { border-color: #5f8a41; color: #5f8a41; }

.cp_cff_natural #fbuilder .cff-file-field .cff-file-field-container:hover { background-color: rgba(153, 200, 120, 0.2); }
