@import url('fonts.css');

/* ============================================
   Base / Reset
   ============================================ */

.cp_cff_11 #fbuilder * {
  box-sizing: border-box;
  font-family: 'Lato', sans-serif;
}

/* ============================================
   Form Header
   ============================================ */

.cp_cff_11 #fbuilder .fform{margin-bottom:20px;}

.cp_cff_11 #fbuilder h1,
.cp_cff_11 #fbuilder h2,
.cp_cff_11 #fbuilder h3,
.cp_cff_11 #fbuilder h4,
.cp_cff_11 #fbuilder h5,
.cp_cff_11 #fbuilder h6,
.cp_cff_11 #fbuilder .fform p{ text-transform:uppercase; }

/* ============================================
   Fields
   ============================================ */

.cp_cff_11 #fbuilder  .fields:not(.cff-container-field){padding: 10px;}
.cp_cff_11 #fbuilder  .fields.cff-highlight{background: #FFF9DF;}

/* ============================================
   Inputs
   ============================================ */

.cp_cff_11 #fbuilder  input[type="text"],
.cp_cff_11 #fbuilder  input[type="password"],
.cp_cff_11 #fbuilder  input[type="date"],
.cp_cff_11 #fbuilder  input[type="datetime"],
.cp_cff_11 #fbuilder  input[type="email"],
.cp_cff_11 #fbuilder  input[type="number"],
.cp_cff_11 #fbuilder  input[type="search"],
.cp_cff_11 #fbuilder  input[type="time"],
.cp_cff_11 #fbuilder  input[type="url"],
.cp_cff_11 #fbuilder  textarea,
.cp_cff_11 #fbuilder  select,
.cp_cff_11 #fbuilder  .select2-selection {
    background: #FDFFFD;
    border: 1px solid  #dcdcdc;
    border-radius: 4px;
    border-width: 1px;
    color: #57665E;
    font-family: 'Questrial',sans-serif;
    font-size: 13px;
    margin: 1px 0;
    padding: 15px;
	height: auto;
	line-height: normal;
}

.cp_cff_11 #fbuilder  .select2-selection{padding:0;padding-left:15px;}

.cp_cff_11 #fbuilder  input[type="date"]:focus,
.cp_cff_11 #fbuilder  input[type="password"]:focus,
.cp_cff_11 #fbuilder  input[type="text"]:focus,
.cp_cff_11 #fbuilder  input[type="datetime"]:focus,
.cp_cff_11 #fbuilder  input[type="email"]:focus,
.cp_cff_11 #fbuilder  input[type="number"]:focus,
.cp_cff_11 #fbuilder  input[type="search"]:focus,
.cp_cff_11 #fbuilder  input[type="time"]:focus,
.cp_cff_11 #fbuilder  input[type="url"]:focus,
.cp_cff_11 #fbuilder  textarea:focus,
.cp_cff_11 #fbuilder  select:focus{
    border-color: #1795FF;
	outline: none;
}

/* ============================================
   Field Sizes
   ============================================ */

.cp_cff_11 #fbuilder .large {width: 100%;}

@media screen and (min-width: 740px),print{
	.cp_cff_11 #fbuilder .medium {width: 50%;}
	.cp_cff_11 #fbuilder .small {width: 25%;}
}

@media screen and (max-width: 640px){
	.cp_cff_11 #fbuilder .medium,
	.cp_cff_11 #fbuilder .small {width: 100%;}
}

/* ============================================
   Buttons
   ============================================ */

#cff_ai_assistant_use_suggestion,
.cp_cff_11 .cff-spinner .cff-spinner-down,
.cp_cff_11 .cff-spinner .cff-spinner-up,
.cp_cff_11 #fbuilder .pbSubmit,
.cp_cff_11 #fbuilder .pbreak .pbPrevious,
.cp_cff_11 #fbuilder .pbreak .pbNext,
.cp_cff_11 #fbuilder button:not([class*="trumbowyg"]),
.cp_cff_11 #fbuilder input[type=submit],
.cp_cff_11 #fbuilder input[type=button],
.cp_cff_11 #fbuilder input[type=reset]{
    color: #FFF;
    background: #1795FF;
    text-align: center;
    font-style: normal;
	border-radius: 3px;
    border: 0;
	padding:10px 30px;
	cursor:pointer;
}

.cp_cff_11 #fbuilder .cff-spinner .cff-spinner-down,
.cp_cff_11 #fbuilder .cff-spinner .cff-spinner-up{padding:10px 0;}

#cff_ai_assistant_use_suggestion:hover,
.cp_cff_11 #fbuilder .pbSubmit:hover,
.cp_cff_11 #fbuilder .pbreak .pbPrevious:hover,
.cp_cff_11 #fbuilder .pbreak .pbNext:hover,
.cp_cff_11 #fbuilder button:not([class*="trumbowyg"]):hover,
.cp_cff_11 #fbuilder input[type=submit]:hover,
.cp_cff_11 #fbuilder input[type=button]:hover,
.cp_cff_11 #fbuilder input[type=reset]:hover{
    background: #1485e5;
}

.cp_cff_11 #fbuilder .pbEnd .pbNext,
.cp_cff_11 #fbuilder .pb0 .pbPrevious{display:none;}

/* ============================================
   Select2
   ============================================ */

.cp_cff_11 #fbuilder .select2-selection{border:1px solid #dcdcdc;}
.cp_cff_11 #fbuilder .select2-dropdown .select2-search__field{width:100% !important;}
.cp_cff_11 #fbuilder .select2-dropdown{border:1px solid  #dcdcdc !important;}
.cp_cff_11 #fbuilder .select2-selection--single{height:45px;}
.cp_cff_11 #fbuilder .select2-selection--single .select2-selection__rendered{line-height:45px;}
.cp_cff_11 #fbuilder .select2-selection__arrow{min-height:45px;}
.cp_cff_11 #fbuilder .select2-results__option--highlighted{background:#1485e5;}

/* ============================================
   Required Indicator
   ============================================ */

.cp_cff_11 #fbuilder .r{color:#FF0000;}

/* ============================================
   Slider
   ============================================ */

.cp_cff_11 #fbuilder .ui-slider-handle{background:#1485e5;border:0;border-radius:15px;height: .8em;width: .8em;}
.cp_cff_11 #fbuilder .dfield.slider-container{border-radius: 10px;}
.cp_cff_11 #fbuilder .slider{background: #ececec; border-radius: 10px;border:0;height: .3em;}
.cp_cff_11 #fbuilder .ui-slider-range{background: #1795FF;}
.cp_cff_11 #fbuilder .cff-slider-field .mark{top:5px;background:#1795FF;}

@media print, screen and (min-width: 24em) {
	.cp_cff_11 #fbuilder .right_aligned .dfield.slider-container,
	.cp_cff_11 #fbuilder .left_aligned .dfield.slider-container{padding-top:10px;}
}

/* ============================================
   Helper Text
   ============================================ */

.cp_cff_11 #fbuilder span.uh{
    font-size: 11px;
	font-style: italic;
}

/* ============================================
   Fieldset & Legend
   ============================================ */

.cp_cff_11 #fbuilder fieldset{
	border-left:1px solid #dcdcdc;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
}

.cp_cff_11 #fbuilder fieldset legend{
	font-weight:bold;
	text-transform:uppercase;
	border: 0;
	border-left: 3px solid #1795FF;
	margin-left:-11px;
}

/* ============================================
   Section Breaks
   ============================================ */

.cp_cff_11 #fbuilder .fields.section_breaks{ border-left: 3px solid #1795FF;margin-top:10px; margin-bottom:10px;}
.cp_cff_11 #fbuilder .fields.section_breaks>label{font-size:1.3em;font-weight:900;text-transform:uppercase;}
.cp_cff_11 #fbuilder .fields.section_breaks .section_break{border:0;}

/* ============================================
   Misc
   ============================================ */

.cp_cff_11 #fbuilder .discount-container{margin-top:10px;font-weight:bold;}
.cp_cff_11 #fbuilder span.files-list img{border-color:#dcdcdc;}

/* ============================================
   Time Slots
   ============================================ */

.cp_cff_11 #fbuilder .cff-timeslot{border-color:initial;}
.cp_cff_11 #fbuilder .cff-timeslot[data-active="0"]{text-shadow:none;border-color:#dddddd;color:#dddddd;}
.cp_cff_11 #fbuilder .cff-timeslot[data-selected="1"],
.cp_cff_11 #fbuilder .cff-timeslot-selected{border-color:#1795ff;background:#1795ff;text-shadow:none;color:#ffffff;}
.cp_cff_11 #fbuilder .cff-timeslot[data-active="1"][data-selected="0"]:hover{border-color:#1795ff;color:initial;}
.cp_cff_11 #fbuilder .cff-timeslot-selected::after{border-color:#1795ff;color:#1795ff;font-family:sans-serif;}

.cp_cff_11 #fbuilder .cff-file-field .cff-file-field-container{border: 1px solid #dcdcdc;background-color:white;}
.cp_cff_11 #fbuilder .cff-file-field .cff-file-field-container:hover{background-color: white;}
