/* Minification failed. Returning unminified contents.
(2,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,15): run-time error CSS1039: Token not allowed after unary operator: '-hsp-color-text'
(28,15): run-time error CSS1039: Token not allowed after unary operator: '-hsp-color-text'
(40,15): run-time error CSS1039: Token not allowed after unary operator: '-hsp-color-text'
(41,26): run-time error CSS1039: Token not allowed after unary operator: '-hsp-bg-color'
(44,33): run-time error CSS1039: Token not allowed after unary operator: '-hsp-light-gray-300'
(55,26): run-time error CSS1039: Token not allowed after unary operator: '-hsp-bg-color'
(57,38): run-time error CSS1039: Token not allowed after unary operator: '-hsp-color-primary-rgb'
(68,26): run-time error CSS1039: Token not allowed after unary operator: '-hsp-light-gray-100'
(80,26): run-time error CSS1039: Token not allowed after unary operator: '-hsp-light-gray-200'
(83,22): run-time error CSS1039: Token not allowed after unary operator: '-hsp-color-primary'
(86,15): run-time error CSS1039: Token not allowed after unary operator: '-hsp-bg-color'
(87,22): run-time error CSS1039: Token not allowed after unary operator: '-hsp-color-primary'
(88,26): run-time error CSS1039: Token not allowed after unary operator: '-hsp-color-primary'
(94,26): run-time error CSS1039: Token not allowed after unary operator: '-hsp-light-gray-200'
(98,26): run-time error CSS1039: Token not allowed after unary operator: '-hsp-color-primary'
(104,15): run-time error CSS1039: Token not allowed after unary operator: '-hsp-black'
(110,33): run-time error CSS1039: Token not allowed after unary operator: '-hsp-light-gray-300'
(114,38): run-time error CSS1039: Token not allowed after unary operator: '-hsp-color-primary-rgb'
(124,15): run-time error CSS1039: Token not allowed after unary operator: '-hsp-bg-color'
(125,26): run-time error CSS1039: Token not allowed after unary operator: '-hsp-color-primary'
(129,15): run-time error CSS1039: Token not allowed after unary operator: '-hsp-bg-color'
(130,31): run-time error CSS1039: Token not allowed after unary operator: '-hsp-color-primary-rgb'
(139,15): run-time error CSS1039: Token not allowed after unary operator: '-hsp-color-danger'
(144,15): run-time error CSS1039: Token not allowed after unary operator: '-hsp-light-gray-500'
 */
:root {
  --hsp-white: white;
  --hsp-black: black;
  --hsp-bg-color: var(--hsp-white);
  --hsp-color-text: var(--hsp-black);
  --hsp-color-danger: #dc3545;
  --hsp-color-primary: #E73340;
  --hsp-color-primary-rgb: 231, 51, 64;
  --hsp-light-gray-100: #e6e6e6;
  --hsp-light-gray-200: #adb5bd;
  --hsp-light-gray-300: #ccc;
  --hsp-light-gray-500: #777;
}

html, body {
  font-family: 'Univers', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: var(--hsp-color-text);
  line-height: 1.5em;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
  font-weight: 600;
  font-size: 1rem;
  color: var(--hsp-color-text);
}

.form-control,
textarea.k-textbox {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.125rem;
  color: var(--hsp-color-text);
  background-color: var(--hsp-bg-color);
  background-clip: padding-box;
  border: none;
  border-bottom: solid 1px var(--hsp-light-gray-300);
  border-radius: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  box-shadow: none !important;
  padding-left: 0;
  padding-right: 0;
}
.form-control:hover,
.form-control:focus,
textarea.k-textbox:hover,
textarea.k-textbox:focus {
  background-color: var(--hsp-bg-color);
  border: none;
  border-bottom: solid 1px rgba(var(--hsp-color-primary-rgb), 0.5);   
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}
.form-control:disabled,
.form-control.disabled,
.form-control[readonly],
textarea.k-textbox:disabled,
textarea.k-textbox.disabled,
textarea.k-textbox[readonly] {
  background-color: var(--hsp-light-gray-100);
  opacity: 1;
  cursor: not-allowed;
}

/* checkbox */
.mdl-checkbox .mdl-checkbox__label {
  font-weight: 400;
  font-size: inherit !important;
}
.mdl-checkbox .mdl-checkbox__box-outline {
  border-radius: 0.25rem;
  border: solid 1px var(--hsp-light-gray-200);
}
.mdl-checkbox.is-checked .mdl-checkbox__box-outline {
  border-color: var(--hsp-color-primary);
}
.mdl-checkbox.is-checked .mdl-checkbox__box-outline .mdl-checkbox__tick-outline {
  color: var(--hsp-bg-color);
  border-color: var(--hsp-color-primary);
  background-color: var(--hsp-color-primary);
}

/* radio */
.mdl-radio .mdl-radio__outer-circle,
.mdl-radio.is-checked .mdl-radio__outer-circle {
  border: solid 1px var(--hsp-light-gray-200);
}
.mdl-radio .mdl-radio__inner-circle,
.mdl-radio.is-checked .mdl-radio__inner-circle {
  background-color: var(--hsp-color-primary);
}

/* combobox */
.k-widget.k-combobox {
  border: none !important;
  color: var(--hsp-black);  
  text-indent: 0;
}
.k-widget.k-combobox,
.k-widget.k-combobox .k-dropdown-wrap.k-state-default {
  border: none;
  border-bottom: solid 1px var(--hsp-light-gray-300);
  border-radius: 0;
}
.k-widget.k-combobox .k-dropdown-wrap.k-state-default.k-state-focused {
  border-bottom: solid 1px rgba(var(--hsp-color-primary-rgb), 0.5);
  box-shadow: none;
}

/* popup */
.k-popup .row {
  margin-bottom: 0 !important;
}
.k-popup .k-list .k-item.k-state-focused.k-state-selected,
.k-popup .k-grid-list .k-item.k-state-focused.k-state-selected {
  color: var(--hsp-bg-color);
  background-color: var(--hsp-color-primary);
}
.k-popup .k-list .k-state-hover,
.k-popup .k-grid-list .k-state-hover {
  color: var(--hsp-bg-color) !important;
  background-color: rgba(var(--hsp-color-primary-rgb), 0.85) !important;
}

.form-group,
.row {
  margin-bottom: 2rem !important;
}

.required { 
  color: var(--hsp-color-danger) !important;
}

.hint {
  font-size: 14px !important;
  color: var(--hsp-light-gray-500);
  font-weight: 400;
  display: block;
  padding-top: 0;
  text-transform: none;
}

.btn.sfs-form-btn {
  color: #fff;
  background-color: #e73340;
  border-color: #e73340;
  text-transform: uppercase;
}