@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700"); /*$*/
$image-logo-image: "";
$length-logo-size: 1.5rem;
$select-logo-position_left_center_right: left;
$color-accent-color: #4079d4;
$font-main-font: "Roboto";
$color-fieldset-border-color: #000;
$color-emphasized-section-border-color: #f5c81b;
$length-scale-size: 90%;

.wFormWebPage {
  background-color: #0B3751;
  background-image: url("");
}

/* Form Container */
.wFormContainer {
  margin: 3rem auto;
  padding: 0;
  font-family: $font-main-font, sans-serif;
  font-size: $length-scale-size;
  color: #515e59;
}

/* Header/Logo */
.wFormContainer .wFormHeader {
  height: $length-logo-size;
  margin-bottom: 1em;
  background-image: url($image-logo-image);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: $select-logo-position_left_center_right center;
}

/* Form */
.wFormContainer .wForm {
  padding: 2.96em;
  border-radius: 6px;
  background-color: #fafafa;
  background-image: url("");
  font-family: $font-main-font, sans-serif;
}

.wFormContainer .reviewHeader,
.wFormContainer .reviewResponse {
  padding: 2.96em;
  border-radius: 6px;
  background-color: #fafafa;
  background-image: url("");
  font-family: $font-main-font, sans-serif;
}

/* Title */
.wFormContainer .wForm .wFormTitle {
  margin-top: 0;
  font-size: 1.6em;
  font-weight: 400;
  color: $color-accent-color;
}

/* Headings */
.wFormContainer .htmlSection h4 {

}
/* Page Title */
.wFormContainer .section.pageSection > h4 {
  font-size: 1.2em;
}
/* Fieldset title */
.wFormContainer fieldset legend {
  font-size: 0.9em;
  font-weight: 600;
}

/* Content Spacing */
.wFormContainer form .oneFieldWrapper,
.wFormContainer form .section:not(fieldset):not(.pageSection) {
  margin-top: 0.39em;
  margin-bottom: 0.39em;
}
.wFormContainer form fieldset.section {
  margin-top: calc(1em + 0.39em);
  margin-bottom: calc(1em + 0.39em) ;
}

/* Sections */
.wFormContainer fieldset {
  padding: 0 1.2em 1.2em 1.2em;
  border: 1px solid $color-fieldset-border-color;
  border-radius: 2px;
  font-family: $font-main-font, sans-serif;
}
.wFormContainer #wFormsSavedMessage {
  border: none;
}
.wFormContainer fieldset > fieldset:last-child {
  margin-bottom: 0;
}
.wFormContainer .pageSection > *:last-child {
  margin-bottom: 0;
}
/* Emphasized section */
.wFormContainer fieldset.highlighted {
  border-color: $color-emphasized-section-border-color;
}
.wFormContainer fieldset.highlighted legend {
  color: #515e59;
}

/* Field Label */
.wFormContainer .label.preField {
  line-height: 1.5rem;
}
/* Radio/Checkbox Label */
.wFormContainer .label.postField {
  padding-left: 0.4em;
}

.wFormContainer .oneChoice {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}
/* Label alignment */
.wFormContainer .oneChoice .label {
  vertical-align: middle !important;
}

/* Required Mark */
.wFormContainer .reqMark:after {
  color: #af252d;
}

/* Inputs */
.wFormContainer .wForm .inputWrapper {
  vertical-align: initial;
}
.wFormContainer .oneField input:not([type="file"]),
.wFormContainer .inputWrapper textarea,
.wFormContainer .inputWrapper select {
  padding: 0 0.5em;
  box-sizing: border-box;
  border: 1px solid #d8dde6;
  border-radius: 2px;
  background: #FFFFFF;
  color: #343b3e;
  height: 2em;
  font-size:1em;
}
.wFormContainer .wfAutosuggest.tt-hint {
  margin-top: 0;
  color: rgba(0,0,0,.4) !important;
}
.wFormContainer .wForm .tt-spinner {
  top: 0.5rem;
}
.twitter-typeahead {
  background-color: #FFFFFF;
}
.wFormContainer .inputWrapper input[type="text"],
.wFormContainer .inputWrapper input[type="password"]{
  width: 20em;
}
.wFormContainer .inputWrapper input[type="file"]{
  border: none;
}
.wFormContainer .inputWrapper textarea {
  height: 5em;
  width: 30em;
  padding: 0.5em;
}
.wFormContainer .inputWrapper select option {
  padding: .25em .5em;
}
.wFormContainer .inputWrapper select[multiple],
.wFormContainer .inputWrapper input[type="checkbox"],
.wFormContainer .inputWrapper input[type="radio"] {
  height: initial;
}
/* Placeholder Text */
.wFormContainer ::-moz-placeholder,
.wFormContainer ::-webkit-input-placeholder,
.wFormContainer :-ms-input-placeholder,
.wFormContainer :-moz-placeholder {
  color: #515e59;
}
.wFormContainer textarea:focus,
.wFormContainer input[type="text"]:focus,
.wFormContainer input[type="password"]:focus,
.wFormContainer select:focus {
  outline-style: none;
  border-color: $color-accent-color;
}


/* Field Hints */
.wFormContainer .field-hint-inactive,
.wFormContainer .field-hint {
  line-height: 100%;
  font-size: 1em;
  color: #515e59;
  background-color: #fafafa;
}

.wFormContainer .field-hint-inactive .hint {
  font-size: 0.75em;
  line-height: 1.75em;
  transition: all 0.25s linear;
  padding: .5em 0;
}
.wFormContainer .field-hint .hint {
  font-size: 0.75em;
  line-height: 1.75em;
  transition: all 0.25s linear;
  padding: .5em 0;
}
.wFormContainer .lengthIndicator {
  font-size: 0.75em;
}

/* Page Navigation */
.wFormContainer .wfTabNav {
  line-height: 2em;
  font-size: 0.9em !important;
}
.wFormContainer .wfTabNav .wfTab {
  display: inline-block;
  min-width: 1.6em;
  margin: 0 0.1em;
  padding: 0 0.3em;
  box-sizing: border-box;
  line-height: 1.5em;
  text-align: center;
  border-radius: 2px;
  border: 1px solid #d8dde6;
  background-color: #fff;
  text-decoration: none;
  color: $color-accent-color;
}
.wFormContainer .wfTabNav .wfTab.wfTabCurrentPage {
  border-color: $color-accent-color;
  background-color: $color-accent-color;
  color: #fff;
}

.wFormContainer .wfTabNav .wfTab:not(.wfTabCurrentPage):hover {
  background-color: #dceaf8;
}
.wFormContainer .wfTab.wfHiddenTab, .wFormContainer .wfTab.wfHiddenTab:hover {
  color: rgba(0,0,0,.3);
  cursor: not-allowed;
}

/* Page Tab Separator */
.wFormContainer .wfTabNav .wfTabSep {
  display: none;
}

/* Buttons */
.wFormContainer .wForm .secondaryAction,
.wFormContainer .wForm .primaryAction,
.wFormContainer .wForm .wfPageNextButton,
.wFormContainer .wForm .wfPagePreviousButton {
  margin-top: 1.6em;
  padding: 0.35em 1em;
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #d8dde6;
  font-family: $font-main-font, sans-serif;
  font-size: 0.9em;
  color: $color-accent-color;
}
.wFormContainer .wForm .primaryAction:hover,
.wFormContainer .wForm .secondaryAction:hover,
.wFormContainer .wForm .wfPagePreviousButton:hover,
.wFormContainer .wForm .wfPageNextButton:hover {
  background-color: #dceaf8;
}

/* Support Info */
.wFormContainer .supportInfo {
  text-align: center;
}
.wFormContainer .supportInfo a {
  text-decoration: none;
  color: $color-accent-color ;
}
.wFormContainer .supportInfo a:hover {
  color: $color-accent-color ;
}

/* Terms Of Service . Privacy Policy */
.wFormContainer .branding a {
  color: $color-accent-color;
  font-weight: 500;
  text-decoration: none;
}

/* Error Message */
.wFormContainer .oneField.errFld input[type="text"],
.wFormContainer .oneField.errFld input[type="password"],
.wFormContainer .oneField.errFld textarea,
.wFormContainer .oneField.errFld select {
  border-color: #FF0000 !important;
}
.wFormContainer .oneField.errFld div.errMsg {
  padding: 0.35em 0;
  color: #af252d;
  font-weight: normal;
  font-size: 0.8em;
}

/** Calendar **/
html .kalendae {
  background-color: #ffffff;
  border-radius: .25em;
  font-size: $length-scale-size;
  font-family: $font-main-font, sans-serif;
}

/** Month Container **/
html .kalendae .k-calendar {
  width: 15em;
}

html .kalendae .k-title,
html .kalendae .k-header,
html .kalendae .k-days {
  width: 100%;
  height: auto;
  margin: 0;
}

html .kalendae .k-header span,
html .kalendae .k-days span {
  width: calc(14% - 3px) !important;
  height: inherit;
  line-height: inherit;
  box-sizing: border-box !important;
  margin-left: 1px !important;
  margin-right: 1px !important;
  text-align:right;
  padding: 2px .25em 2px 2px;
}

/** Kalendae.Inputs popup close button **/
html .kalendae .k-btn-close {
  font-family:"Helvetica Neue", "Helvetica";
  border:2px solid rgba(0,0,0,0.5);
  color: #383932;
}
html .kalendae .k-btn-close:hover {
  color: $color-accent-color;
  border-color: $color-accent-color;
}

/** Month Title Row **/
html .kalendae .k-caption {
  font-size: $length-scale-size;
  color: $color-accent-color;
}

/** Month and Year Buttons **/
html .kalendae .k-btn-previous-month,
html .kalendae .k-btn-next-month,
html .kalendae .k-btn-previous-year,
html .kalendae .k-btn-next-year {
  color: $color-accent-color;
  line-height: normal;
  height: auto;
  font-size:1.4em;
}

html .kalendae .k-btn-previous-month:hover,
html .kalendae .k-btn-next-month:hover,
html .kalendae .k-btn-previous-year:hover,
html .kalendae .k-btn-next-year:hover {color: $color-accent-color;}

html .kalendae .k-header span {
  color: #383932;
}

html .kalendae .k-days span {
  color: #383932;
}

/** Days inside of the month view **/
html .kalendae .k-days span.k-in-month.k-active {
  border-color: rgba(0,0,0,.1);
  background: #{$color-accent-color};
  background: #{$color-accent-color}77;
  color: #fefeff;
}
/** Days outside of the month view (before the first day of the month, after the last day of the month) **/
html .kalendae .k-days span.k-out-of-month {
  color: #{#383932};
  color: #{#383932}99;
}

/** Selected day, when inside the selectable area **/
html .kalendae .k-days span.k-selected.k-active {
  background: $color-accent-color;
  color: #fefeff;
}

/** Selectable day, hovered **/
html .kalendae .k-days span.k-active:hover {
  border-color: #383932;
}