/* mdc unavailable css */
.mdc-menu-surface {
    display:none;
    position:absolute;
    box-sizing:border-box;
    max-width:calc(100vw - 32px);
    max-width:var(--mdc-menu-max-width, calc(100vw - 32px));
    max-height:calc(100vh - 32px);
    max-height:var(--mdc-menu-max-height, calc(100vh - 32px));
    margin:0;
    padding:0;
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:top left;
    transform-origin:top left;
    opacity:0;
    overflow:auto;
    will-change:transform,opacity;
    z-index:8;
    transition:opacity .03s linear,height 250ms cubic-bezier(0, 0, 0.2, 1),-webkit-transform .12s cubic-bezier(0, 0, 0.2, 1);
    transition:opacity .03s linear,transform .12s cubic-bezier(0, 0, 0.2, 1),height 250ms cubic-bezier(0, 0, 0.2, 1);
    transition:opacity .03s linear,transform .12s cubic-bezier(0, 0, 0.2, 1),height 250ms cubic-bezier(0, 0, 0.2, 1),-webkit-transform .12s cubic-bezier(0, 0, 0.2, 1);
    box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0,0,0,.12);
    background-color:#fff;
    background-color:var(--mdc-theme-surface, #fff);
    color:#000;
    color:var(--mdc-theme-on-surface, #000);
    border-radius:4px;
    border-radius:var(--mdc-shape-medium, 4px);
  }
  .mdc-menu-surface:focus {
    outline:none;
  }
  .mdc-menu-surface--animating-open {
    display:inline-block;
    -webkit-transform:scale(0.8);
    transform:scale(0.8);
    opacity:0;
  }
  .mdc-menu-surface--open {
    display:inline-block;
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1;
  }
  .mdc-menu-surface--fullwidth {
    width: 100%;
  }
  .mdc-menu-surface--animating-closed {
    display:inline-block;
    opacity:0;
    transition:opacity .075s linear;
  }
  
  .mdc-list {
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    font-family:Roboto, sans-serif;
    font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size:1rem;
    font-size:var(--mdc-typography-subtitle1-font-size, 1rem);
    line-height:1.75rem;
    line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);
    font-weight:400;
    font-weight:var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing:0.009375em;
    letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
    text-decoration:inherit;
    -webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform:inherit;
    text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);
    line-height:1.5rem;
    margin:0;
    padding:8px 0;
    list-style-type:none;
  }
  .mdc-list:focus {
    outline:none;
  }
  .mdc-list-item__wrapper {
    display:block;
  }
  .mdc-list-item {
    display:flex;
    position:relative;
    align-items:center;
    justify-content:flex-start;
    overflow:hidden;
    padding:0;
    align-items:stretch;
    cursor:pointer;
  }
  .mdc-list-item:focus {
    outline:none;
  }


  .mdc-form-field {
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    font-family:Roboto, sans-serif;
    font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size:0.875rem;
    font-size:var(--mdc-typography-body2-font-size, 0.875rem);
    line-height:1.25rem;
    line-height:var(--mdc-typography-body2-line-height, 1.25rem);
    font-weight:400;
    font-weight:var(--mdc-typography-body2-font-weight, 400);
    letter-spacing:0.0178571429em;
    letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
    text-decoration:inherit;
    -webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);
    text-decoration:var(--mdc-typography-body2-text-decoration, inherit);
    text-transform:inherit;
    text-transform:var(--mdc-typography-body2-text-transform, inherit);
    color:rgba(0, 0, 0, 0.87);
    color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
    display:inline-flex;
    align-items:center;
    vertical-align:middle;
  }

/* mdc icon css */
  @font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialicons/v143/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
  }
  
  .material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -moz-font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
  }


/* mdc helper css */
.cool-form__field-group .inline-items{
	flex-direction:column;
	align-items:start;
}

.field-sub-options{
  display: flex;
  align-items: center;
  justify-content: center;
}
.mdc-floating-label--required::after{
  content: '';
}

.mdc-text-field--textarea.mdc-text-field--outlined .mdc-text-field__input{
  margin-bottom:unset;
}

input.cool-form__field[type=email]:focus, input.cool-form__field[type=password]:focus, input.cool-form__field[type=reset]:focus, input.cool-form__field[type=search]:focus, input.cool-form__field[type=tel]:focus, input.cool-form__field[type=text]:focus, input.cool-form__field[type=url]:focus, select:focus, textarea.cool-form__field:focus{
  background-color:var(--cool-form-field-bg-color) !important;
}