/*css varibales*/
:root {
  --primary-color: #1cabe2;
  --primary-hover:#0e95ca;
  --regular-gray1:#333;
  --regular-gray2:#404040;
  --regular-gray3:#595959;
  --regular-gray4:#757575;
  --regular-gray5:#c1c1c1;
  --regular-gray6:#f1f1f1;
  --regular-gray7:#f8f8f8;
  --regular-gray8:#d8d8d8;
  --regular-gray9:#ced4da;
  --regular-accent-action: #e34e09;
  --regular-accent-action-hover: #c94304;
  --white:#fff;
  --black:#000;
  --primary-light:#c5effc;
  --blue1:#2159a8;
  --blue2:#1a4b8f;
  --regular-bkgd:#d3dbdf;
  --hc-color:#0f5c85;
  --hc-hover: #0c4462;
  --hc-color-secondary:#2159a5;
  --hc-regular-accent-action: #9c350d;
  --hc-regular-accent-action-hover: #822500;
  --hc-accent-alert: #a12e26;
  --primary-font: 'Roboto',sans-serif;
  --primary-regular: 400;
  --primary-medium: 500;
  --primary-bold: 700;
  --primary-black: 900;
  --secondary-font: 'PT Serif',serif;
  --secondary-regular: 400;
  --secondary-bold: 800;
  --shadow-hover: 0 3px 3px -2px rgba(0, 0, 0, 0.1),0 3px 4px 0 rgba(0, 0, 0, 0.14),0 1px 8px 0 rgba(0, 0, 0, 0.12);
  --shadow-active: 0 5px 5px -3px rgba(0, 0, 0, 0.12),0 8px 10px 1px rgba(0, 0, 0, 0.14),0 3px 14px 2px rgba(0, 0, 0, 0.12);
  --outline-btn-shadow-hover: 0px 1px 8px 0px rgba(0, 0, 0, 0.12),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 3px 3px -2px rgba(0, 0, 0, 0.10);
  --outline-btn-shadow-active: 0px 3px 14px 2px rgba(0, 0, 0, 0.25),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 5px 5px -3px rgba(0, 0, 0, 0.12);
  --card-hover-shadow: 0px 3px 14px 2px rgba(0, 0, 0, 0.12), 0px 3px 4px 1px rgba(0, 0, 0, 0.14), 0px 5px 5px -3px rgba(0, 0, 0, 0.12);
  --drop-shadow: drop-shadow(0px 1px 8px rgba(0, 0, 0, 0.12)) drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.14)) drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.10));
  --inset-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.25);
  --box-shadow2: 0 1px 3px 0 rgba(0,0,0,0.25);
  --box-shadow3: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
  --box-shadow4: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
  --box-shadow5: 2px -3px 3px 0px rgba(0, 0, 0, 0.15);
  --box-shadow6: 0px 1px 2px -1px rgba(0, 0, 0, 0.25);
  --box-shadow7: 2px 2px 4px -1px rgba(0, 0, 0, 0.75);
  --drop-shadow1:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.25));
  --drop-shadow2:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.5));
  --card-height: 525px;
  --bg-tint1: rgba(33, 89, 168, 90%);
  --bg-tint2: rgba(0, 0, 0, 0.6);
  /*survey colors*/
  --sc1: #a3e7f5;
  --sc2: #ffee00;
  --sc3: #ffc20e;
  --sc4: #80bd41;
  --sc5: #c9c9c9;
  /*dataset colors*/
  --ds1:#d9e3f2;
  --ds-h1:var(--blue1);
  --ds2:#d9f2e5;
  --ds-h2:#42b577;
  --ds3:#fcd5d3;
  --ds-h3:#bd605b;
  --ds4:#fcd5d3;
  --ds-h4:#ee9058;
  --ds5:#fff3cf;
  --ds-h5:var(--sc3);
  --ds6:#e1d2e3;
  --ds-h6:#884b90;
  --ds7:#d2eef9;
  --ds-h7:#1cabe2;
  --light-blue:#0e95Ca33; }

.high-contrast-mode {
  --primary-color:var(--hc-color);
  --primary-hover:var(--hc-hover);
  --blue1: var(--hc-color-secondary);
  --regular-accent-action:var(--hc-regular-accent-action);
  --regular-accent-action-hover:var(--hc-regular-accent-action-hover); }

.form-control:focus {
  box-shadow: none;
  border-color: var(--primary-color); }

.form-control-el {
  margin-top: 0;
  margin-bottom: 25px; }
  .form-control-el.form-control-el-sm input,
  .form-control-el.form-control-el-sm textarea,
  .form-control-el.form-control-el-sm select {
    min-height: 38px;
    padding: 6px 12px; }
  .form-control-el.form-control-el-sm label {
    top: 8px; }
  .form-control-el .description {
    font-size: 0.75rem;
    line-height: 1.33;
    color: var(--regular-gray4);
    margin-top: 5px; }
    .form-control-el .description a {
      text-decoration: underline; }
  .form-control-el input,
  .form-control-el textarea,
  .form-control-el select {
    min-height: 50px;
    border-radius: 6px;
    border: 1px solid var(--regular-gray5);
    padding: 14px 12px; }
    .form-control-el input:focus,
    .form-control-el textarea:focus,
    .form-control-el select:focus {
      box-shadow: none;
      outline: none; }
    .form-control-el input:required:invalid:focus-visible,
    .form-control-el textarea:required:invalid:focus-visible,
    .form-control-el select:required:invalid:focus-visible {
      border: 1px solid var(--hc-accent-alert); }
  .form-control-el input,
  .form-control-el textarea,
  .form-control-el input::placeholder,
  .form-control-el textarea::placeholder {
    font-size: 1rem;
    line-height: 1.375; }
  .form-control-el input::placeholder,
  .form-control-el textarea::placeholder {
    color: var(--regular-gray4); }
  .form-control-el input,
  .form-control-el textarea {
    color: var(--regular-gray1); }
    .form-control-el input:focus,
    .form-control-el textarea:focus {
      color: var(--regular-gray1); }

.form-date-el {
  position: relative; }
  .form-date-el:after {
    content: '';
    width: 16px;
    height: 18px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    background: url("/sites/mics/themes/custom/mics/components/images/icons/date/date-calender.svg") no-repeat center center;
    pointer-events: none; }
  .form-date-el input::-webkit-calendar-picker-indicator {
    color: transparent;
    background: none;
    z-index: 1; }

.form-date-el.has-value label {
  display: none; }
.form-date-el label {
  position: absolute;
  font-size: 1rem;
  line-height: 1.375;
  color: var(--regular-gray4);
  padding: 0 12px;
  pointer-events: none;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  display: flex;
  align-items: center;
  background: var(--white);
  left: 3px;
  top: 3px; }

.form-control-label-effect {
  position: relative; }
  .form-control-label-effect input,
  .form-control-label-effect textarea,
  .form-control-label-effect select {
    color: var(--regular-gray4); }
  .form-control-label-effect label {
    font-size: 1rem;
    line-height: 1.375;
    color: var(--regular-gray4);
    position: absolute;
    top: 16px;
    padding: 0 12px;
    transition: all .25s;
    pointer-events: none; }
  .form-control-label-effect.lab-effect label {
    top: -6px;
    color: var(--blue1);
    padding: 0 3px;
    background: var(--white);
    margin-left: 12px;
    font-size: 0.75rem;
    line-height: 1.33; }

.form-control-label-effect select {
  color: rgba(0, 0, 0, 0); }
.form-control-label-effect.lab-effect select {
  color: var(--regular-gray4); }

.js input.form-autocomplete {
  background-position: right 10px center !important; }

.ui-widget-content {
  box-shadow: var(--outline-btn-shadow-hover);
  border-radius: 5px;
  border: none; }
  .ui-widget-content .ui-menu .ui-menu-item-wrapper {
    padding: 0; }
  .ui-widget-content li {
    padding: 5px; }
  .ui-widget-content a {
    color: var(--regular-gray1);
    text-decoration: none;
    border: none; }
    .ui-widget-content a:hover {
      color: var(--primary-hover); }
  .ui-widget-content .ui-state-active,
  .ui-widget-content .ui-widget-content .ui-state-active,
  .ui-widget-content .ui-widget-header .ui-state-active,
  .ui-widget-content a.ui-button:active,
  .ui-widget-content .ui-button:active,
  .ui-widget-content .ui-button.ui-state-active:hover {
    background-color: transparent;
    color: var(--primary-color);
    border: none;
    margin: 0; }

.fieldgroup legend {
  margin-bottom: 15px; }

.validation-enabled {
  border: 1px solid var(--hc-accent-alert); }

.disabled-input input, .disabled-input label {
  opacity: .7;
  pointer-events: none; }
.disabled-input label {
  margin-left: 0 !important; }
  .disabled-input label:after {
    display: none !important; }

.single-select-filter.view-filter-enabled .nested-inner-ul ul {
  padding-left: 20px !important; }

/*# sourceMappingURL=form.css.map */