body {
  --cff_main_slider_color: white;
  --cff_main_slider_text_color: #394D61;
}

/* Base */
#cff_ai_assistant_bubble,
.cp_cff_dark_notebook #fbuilder {
  font-size: 16px;
  background: #495C70;
  padding: 20px 30px 15px 30px;
  border: 5px solid #53687E;
  color: #FFF;
}
#cff_ai_assistant_bubble {
  border: 5px solid #53687E !important;
  border-radius: 0 !important;
}

.cp_cff_dark_notebook #fbuilder ::-webkit-input-placeholder { color: #A8BACE; font-size: 12px; }
.cp_cff_dark_notebook #fbuilder :-moz-placeholder { color: #A8BACE; font-size: 12px; }
.cp_cff_dark_notebook #fbuilder ::-moz-placeholder { color: #A8BACE; font-size: 12px; }
.cp_cff_dark_notebook #fbuilder :-ms-input-placeholder { color: #A8BACE; font-size: 12px; }

.cp_cff_dark_notebook #fbuilder .fform { color: #FFF; }
.cp_cff_dark_notebook #fbuilder .fform h1,
.cp_cff_dark_notebook #fbuilder .fform h2,
.cp_cff_dark_notebook #fbuilder .fform h3,
.cp_cff_dark_notebook #fbuilder .fform h4,
.cp_cff_dark_notebook #fbuilder .fform h5,
.cp_cff_dark_notebook #fbuilder .fform h6,
.cp_cff_dark_notebook #fbuilder .fform p {
  margin-top: 0;
  color: #FFF;
}

.cp_cff_dark_notebook #fbuilder .fform span,
.cp_cff_dark_notebook #fbuilder span.uh { color: #A8BACE; font-style: italic; }

/* Typography */
#cff_ai_assistant_bubble,
#cff_ai_assistant_use_suggestion,
.cp_cff_dark_notebook #fbuilder .pbSubmit,
.cp_cff_dark_notebook #fbuilder .pbreak .pbPrevious,
.cp_cff_dark_notebook #fbuilder .pbreak .pbNext,
.cp_cff_dark_notebook #fbuilder input[type="date"],
.cp_cff_dark_notebook #fbuilder input[type="file"],
.cp_cff_dark_notebook #fbuilder input[type="datetime"],
.cp_cff_dark_notebook #fbuilder input[type="search"],
.cp_cff_dark_notebook #fbuilder input[type="time"],
.cp_cff_dark_notebook #fbuilder input[type="url"],
.cp_cff_dark_notebook #fbuilder button:not([class*="trumbowyg"]),
.cp_cff_dark_notebook #fbuilder input[type="button"],
.cp_cff_dark_notebook #fbuilder input[type="submit"],
.cp_cff_dark_notebook #fbuilder input[type="reset"],
.cp_cff_dark_notebook #fbuilder input[type="text"],
.cp_cff_dark_notebook #fbuilder input[type="number"],
.cp_cff_dark_notebook #fbuilder input[type="email"],
.cp_cff_dark_notebook #fbuilder input[type="password"],
.cp_cff_dark_notebook #fbuilder select,
.cp_cff_dark_notebook #fbuilder textarea,
.cp_cff_dark_notebook #fbuilder label {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 16px;
  color: #fff;
  outline: none;
}

/* Inputs */
.cp_cff_dark_notebook #fbuilder input[type="date"],
.cp_cff_dark_notebook #fbuilder input[type="file"],
.cp_cff_dark_notebook #fbuilder input[type="datetime"],
.cp_cff_dark_notebook #fbuilder input[type="search"],
.cp_cff_dark_notebook #fbuilder input[type="time"],
.cp_cff_dark_notebook #fbuilder input[type="url"],
.cp_cff_dark_notebook #fbuilder input[type="text"],
.cp_cff_dark_notebook #fbuilder input[type="number"],
.cp_cff_dark_notebook #fbuilder input[type="email"],
.cp_cff_dark_notebook #fbuilder input[type="password"] {
  background: transparent;
  border: none;
  border-bottom: 1px dashed #83A4C5;
  outline: none;
  padding: 0px 0px 5px 0px;
  font-style: italic;
}

.cp_cff_dark_notebook #fbuilder textarea {
  font-style: italic;
  padding: 0px 0px 5px 0px;
  background: transparent;
  outline: none;
  border: none;
  border-bottom: 1px dashed #83A4C5;
  overflow: hidden;
  resize: none;
}

.cp_cff_dark_notebook #fbuilder select {
  background-color: #495C70;
  border: 1px solid #83A4C5;
}

/* Focus states */
.cp_cff_dark_notebook #fbuilder textarea:focus,
.cp_cff_dark_notebook #fbuilder input[type="date"]:focus,
.cp_cff_dark_notebook #fbuilder input[type="file"]:focus,
.cp_cff_dark_notebook #fbuilder input[type="datetime"]:focus,
.cp_cff_dark_notebook #fbuilder input[type="search"]:focus,
.cp_cff_dark_notebook #fbuilder input[type="time"]:focus,
.cp_cff_dark_notebook #fbuilder input[type="url"]:focus,
.cp_cff_dark_notebook #fbuilder input[type="text"]:focus,
.cp_cff_dark_notebook #fbuilder input[type="number"]:focus,
.cp_cff_dark_notebook #fbuilder input[type="email"]:focus,
.cp_cff_dark_notebook #fbuilder input[type="password"]:focus {
  border-bottom: 1px dashed #D9FFA9;
}

.cp_cff_dark_notebook #fbuilder select:focus { border-color: #D9FFA9; }

/* Select2 */
.cp_cff_dark_notebook #fbuilder .select2-selection { background: transparent; border: 0; border-bottom: 1px dashed #83A4C5; }
.cp_cff_dark_notebook #fbuilder .select2-selection__choice { background: #83A4C5; border: 0; padding: 5px; color: #394D61; }
.cp_cff_dark_notebook #fbuilder .select2-selection__choice__remove { color: #394D61; }
.cp_cff_dark_notebook #fbuilder .select2-selection__rendered { color: white; }
.cp_cff_dark_notebook #fbuilder .select2-selection__arrow b { border-color: white transparent transparent transparent; }
.cp_cff_dark_notebook #fbuilder .select2-dropdown .select2-search__field { width: 100% !important; }
.cp_cff_dark_notebook #fbuilder .select2-dropdown { border: 1px dashed #83A4C5; background: #495C70; }
.cp_cff_dark_notebook #fbuilder .select2-container--default .select2-results__option[aria-selected="true"],
.cp_cff_dark_notebook #fbuilder .select2-results__option--highlighted { background: #576E86; }

/* Pagination */
.cp_cff_dark_notebook #fbuilder .pbreak > fieldset { padding-left: 20px; padding-right: 20px; }
.cp_cff_dark_notebook #fbuilder .pbEnd .pbNext,
.cp_cff_dark_notebook #fbuilder .pb0 .pbPrevious { display: none; }

.cp_cff_dark_notebook #fbuilder .r { color: #53687E; }

/* Buttons */
#cff_ai_assistant_use_suggestion,
.cp_cff_dark_notebook .cff-spinner .cff-spinner-down,
.cp_cff_dark_notebook .cff-spinner .cff-spinner-up,
.cp_cff_dark_notebook #fbuilder .pbSubmit,
.cp_cff_dark_notebook #fbuilder .pbreak .pbPrevious,
.cp_cff_dark_notebook #fbuilder .pbreak .pbNext,
.cp_cff_dark_notebook #fbuilder button:not([class*="trumbowyg"]),
.cp_cff_dark_notebook #fbuilder input[type="submit"],
.cp_cff_dark_notebook #fbuilder input[type="reset"],
.cp_cff_dark_notebook #fbuilder input[type="button"] {
  background: #576E86;
  border: none;
  padding: 8px 10px 8px 10px;
  border-radius: 5px;
  color: #A8BACE;
  cursor: pointer;
}

#cff_ai_assistant_use_suggestion:hover,
.cp_cff_dark_notebook #fbuilder button:not([class*="trumbowyg"]):hover,
.cp_cff_dark_notebook #fbuilder input[type="submit"]:hover,
.cp_cff_dark_notebook #fbuilder input[type="reset"]:hover,
.cp_cff_dark_notebook #fbuilder input[type="button"]:hover {
  background: #394D61;
}

/* Checkbox / Radio custom images */
.cp_cff_dark_notebook #fbuilder input[type="radio"],
.cp_cff_dark_notebook #fbuilder input[type="checkbox"] { display: none; }

.cp_cff_dark_notebook #fbuilder .cff-checkbox-field:not(.cff-switch-container) .dfield label > span:first-of-type,
.cp_cff_dark_notebook #fbuilder .cff-radiobutton-field:not(.cff-switch-container) .dfield label span:first-of-type {
  display: inline-block;
  padding-left: 20px;
  min-height: 16px;
  background: url('checkbox.png') no-repeat 0 3px;
}

.cp_cff_dark_notebook #fbuilder .cff-radiobutton-field:not(.cff-switch-container) .dfield label span:first-of-type {
  background: url('radio.png') no-repeat 0 3px;
}

.cp_cff_dark_notebook #fbuilder .fields:not(.cff-switch-container) input[type="checkbox"]:checked + span {
  background: url('checkbox_checked.png') no-repeat 0 3px;
}

.cp_cff_dark_notebook #fbuilder .fields:not(.cff-switch-container) input[type="radio"]:checked + span {
  background: url('radio_checked.png') no-repeat 0 3px;
}

/* Fieldset / Legend / Section breaks */
.cp_cff_dark_notebook #fbuilder fieldset legend,
.cp_cff_dark_notebook #fbuilder .fields.section_breaks {
  background: #394D61;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 5px;
  color: #A8BACE;
}

.cp_cff_dark_notebook #fbuilder .fields.section_breaks { margin-top: 20px; margin-bottom: 20px; }
.cp_cff_dark_notebook #fbuilder .fields.section_breaks label { color: #A8BACE; }
.cp_cff_dark_notebook #fbuilder .fields.section_breaks .section_break { border: 0; }

.cp_cff_dark_notebook #fbuilder fieldset,
.cp_cff_dark_notebook #fbuilder fieldset legend {
  border: 3px solid #53687E;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 5px;
}

/* Slider */
.cp_cff_dark_notebook #fbuilder .slider { background: #53687E; border-radius: 0; border: 0; height: 0.3em; }
.cp_cff_dark_notebook #fbuilder .ui-slider-range { background: #394D61; }
.cp_cff_dark_notebook #fbuilder .ui-slider-handle {
  height: 0.8em;
  border-radius: 0;
  width: 0.8em;
  background: #A8BACE;
  border: 1px solid #394D61;
}
.cp_cff_dark_notebook #fbuilder .cff-slider-field .mark { background: rgba(255, 255, 255, 0.5); top: 6px; }

/* Misc */
.cp_cff_dark_notebook #fbuilder .discount-container { margin-top: 10px; font-weight: bold; }
.cp_cff_dark_notebook #fbuilder .cff-switch { background: #394D61; }
.cp_cff_dark_notebook #fbuilder .fields.cff-switch-container input:checked + span.cff-switch { background: #FFF; }
.cp_cff_dark_notebook #fbuilder .fields.cff-switch-container input:checked + span.cff-switch::before { background: #394D61; }
.cp_cff_dark_notebook #fbuilder .cff-file-clearer { color: #A8BACE; }
.cp_cff_dark_notebook #fbuilder .cff-file-clearer:hover { color: #fff; }
.cp_cff_dark_notebook #fbuilder span.files-list img { border-color: #83A4C5; }
.cp_cff_dark_notebook #fbuilder .cff-popup-container { background: #495C70; border: 0; }
.cp_cff_dark_notebook #fbuilder .cff-popup-title,
.cp_cff_dark_notebook #fbuilder .cff-popup-close { color: white; }
.cp_cff_dark_notebook #fbuilder .cff-popup-header:not(:empty) { border-bottom: 1px dashed #83A4C5; }

/* Timeslots */
.cp_cff_dark_notebook #fbuilder .cff-timeslot { border-color: #ffffff; }
.cp_cff_dark_notebook #fbuilder .cff-timeslot[data-active="0"] { text-shadow: none; border-color: #6385a6; color: #6385a6; }
.cp_cff_dark_notebook #fbuilder .cff-timeslot[data-selected="1"],
.cp_cff_dark_notebook #fbuilder .cff-timeslot-selected { border-color: #ffffff; background: #ffffff; text-shadow: none; color: #394d61; }
.cp_cff_dark_notebook #fbuilder .cff-timeslot[data-active="1"][data-selected="0"]:hover { border-color: #ffffff; background: #ffffff; color: #394d61; }
.cp_cff_dark_notebook #fbuilder .cff-timeslot-selected::after { border-color: #ffffff; background: #495c70; color: #ffffff; font-family: sans-serif; }

.cp_cff_dark_notebook #fbuilder .cff-file-field .cff-file-field-container { border: 1px dashed #83A4C5; }
.cp_cff_dark_notebook #fbuilder .cff-file-field .cff-file-field-container:hover { border-color: #D9FFA9; background-color: rgba(168, 186, 206, 0.1); }
