/**
 * This file is for stuff common to all bundles. Try to keep it minimal.
 *
 * It should be imported as the first thing in all bundles.
 */
/*
 * Common mixins that can be used in all bundles on the AngularJS side.
 */
/**
 * SCSS variables and mixins and other utilities included into every CSS file.
 *
 * Don't put anything that generates actual output CSS into these files. It will be repeated N times in the output! So
 * only use variables, mixins and functions.
 */
/**
 * Convert a hex color to an RGB string that can be passed as MDL color variables
 */
/*
 * These are the variables used throughout the application. This is where
 * overwrites that are not specific to components should be maintained.
 */
/*
 * Colors
 */
/**
 * Base UI colors
 */
/**
 * Disabled UI element colors.
 */
/*
 * Typography
 */
/*
 * Buttons
 */
/*
 * Shadows
 * Numbers represent the "floating height" of element.
 */
/*
 * Transitions
 */
/*
 * Grid
 */
/*
 * Lists
 * These are for lists that are used as selection elements, such as in typeaheads.
 */
/*
 * Borders
 */
/*
 * Container max-widths (Bootstrap 5)
 */
/*
 * Paddings
 */
/*
 * Margins
 */
/*
 * Other
 */
/**
 * Form element colors for MDL
 */
/*
 * Color variables for MDL
 */
/*
 * These are the variables used throughout the application. This is where
 * overwrites that are not specific to components should be maintained.
 */
/*
 * Colors
 */
/**
 * Base UI colors
 */
/**
 * Disabled UI element colors.
 */
/*
 * Typography
 */
/*
 * Buttons
 */
/*
 * Shadows
 * Numbers represent the "floating height" of element.
 */
/*
 * Transitions
 */
/*
 * Grid
 */
/*
 * Lists
 * These are for lists that are used as selection elements, such as in typeaheads.
 */
/*
 * Borders
 */
/*
 * Container max-widths (Bootstrap 5)
 */
/*
 * Paddings
 */
/*
 * Margins
 */
/*
 * Other
 */
/**
 * Form element colors for MDL
 */
/*
 * Color variables for MDL
 */
/**
 * Set text color for disabled UI elements.
 */
/**
 * Set border color for disabled UI elements.
 */
/**
 * Create a grid with a custom gutter width.
 */
/**
 * Transitions & Positioning
 */
/*
Use collapsed margins to get rid of the top margin of the top item and the
bottom margin of the bottom item inside a container. This is good for when the
margins of the top and bottom items are unknown.

This defaults to setting "overflow: hidden" to prevent margins from also
collapsing *around* this element. If you can't have "overflow: hidden", then you
should pass false and prevent them from collapsing some other way.
*/
.oral-filter-title {
  display: block;
  color: #2E3B41;
  font-family: "relative-medium", sans-serif;
  font-size: 16px;
  font-weight: 500;
  font-weight: bold;
  color: #999999; }
  @media (min-width: 768px) {
    .oral-filter-title {
      font-family: "relative-medium", sans-serif;
      font-size: 16px;
      font-weight: 500; } }

[ng-click] {
  cursor: pointer; }

.search-highlight {
  background-color: #fffab0; }
/**
 * Spinner-wrapper renders a normal sized spinner with a label under it. The spinner is centered vertically in its
 * container, so make sure there is enough room for it.
 *
 * Good settings for the spinner are: {radius: 21, lines: 11, length: 13, width: 10}
 *
 * Example DOM:
 *
 * div.spinner-wrapper
 *
 *   div us-spinner="..."
 *   p (label)
 */
div.spinner-wrapper {
  min-height: 140px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  div.spinner-wrapper div.spinner {
    position: relative !important;
    top: -45px !important;
    margin-top: 90px; }
/**
  Common animation collection.
*/
/*
 * These are the variables used throughout the application. This is where
 * overwrites that are not specific to components should be maintained.
 */
/*
 * Colors
 */
/**
 * Base UI colors
 */
/**
 * Disabled UI element colors.
 */
/*
 * Typography
 */
/*
 * Buttons
 */
/*
 * Shadows
 * Numbers represent the "floating height" of element.
 */
/*
 * Transitions
 */
/*
 * Grid
 */
/*
 * Lists
 * These are for lists that are used as selection elements, such as in typeaheads.
 */
/*
 * Borders
 */
/*
 * Container max-widths (Bootstrap 5)
 */
/*
 * Paddings
 */
/*
 * Margins
 */
/*
 * Other
 */
/**
 * Form element colors for MDL
 */
/*
 * Color variables for MDL
 */
/**
 * Set text color for disabled UI elements.
 */
/**
 * Set border color for disabled UI elements.
 */
/**
 * Create a grid with a custom gutter width.
 */
/**
 * Transitions & Positioning
 */
/*
Use collapsed margins to get rid of the top margin of the top item and the
bottom margin of the bottom item inside a container. This is good for when the
margins of the top and bottom items are unknown.

This defaults to setting "overflow: hidden" to prevent margins from also
collapsing *around* this element. If you can't have "overflow: hidden", then you
should pass false and prevent them from collapsing some other way.
*/
/**
 * Custom animation curves
 */
.modal.fade-in-modal .modal-dialog {
  -webkit-animation: fade-in 0.25s ease-out;
  -moz-animation: fade-in 0.25s ease-out;
  -o-animation: fade-in 0.25s ease-out;
  animation: fade-in 0.25s ease-out; }

@-moz-keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-o-keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.modal.fade.fade-in-modal .modal-dialog, .modal.in.fade-in-modal .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0); }

.slide-in-right {
  -webkit-animation: slide-in-right 0.25s "ease-out";
  -moz-animation: slide-in-right 0.25s "ease-out";
  -o-animation: slide-in-right 0.25s "ease-out";
  animation: slide-in-right 0.25s "ease-out"; }

@-moz-keyframes slide-in-right {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    position: absolute; }
  to {
    transform: translate3d(0, 0, 0);
    position: relative; } }

@-webkit-keyframes slide-in-right {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    position: absolute; }
  to {
    transform: translate3d(0, 0, 0);
    position: relative; } }

@-o-keyframes slide-in-right {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    position: absolute; }
  to {
    transform: translate3d(0, 0, 0);
    position: relative; } }

@keyframes slide-in-right {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    position: absolute; }
  to {
    transform: translate3d(0, 0, 0);
    position: relative; } }

.modal.slide-in-modal .modal-dialog {
  -webkit-animation: slide-in-right 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-animation: slide-in-right 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  -o-animation: slide-in-right 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  animation: slide-in-right 0.7s cubic-bezier(0.23, 1, 0.32, 1); }

@-moz-keyframes slide-in-right {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    position: absolute; }
  to {
    transform: translate3d(0, 0, 0);
    position: relative; } }

@-webkit-keyframes slide-in-right {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    position: absolute; }
  to {
    transform: translate3d(0, 0, 0);
    position: relative; } }

@-o-keyframes slide-in-right {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    position: absolute; }
  to {
    transform: translate3d(0, 0, 0);
    position: relative; } }

@keyframes slide-in-right {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    position: absolute; }
  to {
    transform: translate3d(0, 0, 0);
    position: relative; } }

.modal.fade.slide-in-modal .modal-dialog, .modal.in.slide-in-modal .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0); }

.animate-exit {
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out; }

.animate-exit.ng-leave.ng-leave-active {
  height: 0;
  margin-top: 0;
  margin-bottom: 0; }
/*
 * Generic modal styles
 */
.modal-close-button button {
  width: 40px;
  height: 40px; }

.modal-close-button .mdc-button.mdc-button--icon .icon {
  width: 40px;
  height: 40px;
  font-size: 24px;
  line-height: 38px; }

.content-important-notification__in-modal {
  margin-top: 24px; }
.uib-position-measure {
  display: block !important;
  visibility: hidden !important;
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important; }

.uib-position-scrollbar-measure {
  position: absolute !important;
  top: -9999px !important;
  width: 50px !important;
  height: 50px !important;
  overflow: scroll !important; }

.uib-position-body-scrollbar-measure {
  overflow: scroll !important; }
mdc-text-field {
  display: block;
  width: 100%; }
  mdc-text-field > .mdc-text-field {
    white-space: nowrap; }
    mdc-text-field > .mdc-text-field > .triangle-down {
      display: inline;
      background-color: white;
      pointer-events: none;
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 5px solid #000;
      margin-left: -10px;
      position: relative;
      top: 22px; }
    mdc-text-field > .mdc-text-field > label.mdc-text-field__label {
      width: 100%;
      padding-right: 5px;
      overflow-x: hidden;
      text-overflow: ellipsis;
      left: 0; }
  mdc-text-field .mdc-text-field-helper-text::before {
    content: none; }
  mdc-text-field .mdc-text-field--external-invalid ~ .mdc-text-field-helper-text.mdc-text-field--external-invalid-helper-text {
    opacity: 1;
    color: #b00020; }

.mdc-text-field {
  border-bottom: 0; }
  .mdc-text-field.mdc-text-field--without-label input {
    padding-top: 8px; }
.reminder-modal {
  z-index: 9001 !important; }

.reminder-modal-backdrop {
  z-index: 9000 !important; }
/*
 * These are the variables used throughout the application. This is where
 * overwrites that are not specific to components should be maintained.
 */
/*
 * Colors
 */
/**
 * Base UI colors
 */
/**
 * Disabled UI element colors.
 */
/*
 * Typography
 */
/*
 * Buttons
 */
/*
 * Shadows
 * Numbers represent the "floating height" of element.
 */
/*
 * Transitions
 */
/*
 * Grid
 */
/*
 * Lists
 * These are for lists that are used as selection elements, such as in typeaheads.
 */
/*
 * Borders
 */
/*
 * Container max-widths (Bootstrap 5)
 */
/*
 * Paddings
 */
/*
 * Margins
 */
/*
 * Other
 */
/**
 * Form element colors for MDL
 */
/*
 * Color variables for MDL
 */
/*
 * These are the variables used throughout the application. This is where
 * overwrites that are not specific to components should be maintained.
 */
/*
 * Colors
 */
/**
 * Base UI colors
 */
/**
 * Disabled UI element colors.
 */
/*
 * Typography
 */
/*
 * Buttons
 */
/*
 * Shadows
 * Numbers represent the "floating height" of element.
 */
/*
 * Transitions
 */
/*
 * Grid
 */
/*
 * Lists
 * These are for lists that are used as selection elements, such as in typeaheads.
 */
/*
 * Borders
 */
/*
 * Container max-widths (Bootstrap 5)
 */
/*
 * Paddings
 */
/*
 * Margins
 */
/*
 * Other
 */
/**
 * Form element colors for MDL
 */
/*
 * Color variables for MDL
 */
/**
 * Set text color for disabled UI elements.
 */
/**
 * Set border color for disabled UI elements.
 */
/**
 * Create a grid with a custom gutter width.
 */
/**
 * Transitions & Positioning
 */
/*
Use collapsed margins to get rid of the top margin of the top item and the
bottom margin of the bottom item inside a container. This is good for when the
margins of the top and bottom items are unknown.

This defaults to setting "overflow: hidden" to prevent margins from also
collapsing *around* this element. If you can't have "overflow: hidden", then you
should pass false and prevent them from collapsing some other way.
*/
auth-methods {
  display: block; }
  auth-methods .method-row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap; }
  auth-methods .method {
    flex: 1 1 200px;
    height: 80px;
    background-color: #FFFFFF;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; }
    auth-methods .method .method-button {
      height: 100%; }
    auth-methods .method:hover {
      -webkit-transition: box-shadow 0.2s ease-out;
      -moz-transition: box-shadow 0.2s ease-out;
      -o-transition: box-shadow 0.2s ease-out;
      -ms-transition: box-shadow 0.2s ease-out;
      transition: box-shadow 0.2s ease-out;
      box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.12); }
  @media (min-width: 768px) {
    auth-methods .method-row {
      margin-left: -15px;
      margin-right: -15px; }
    auth-methods .method {
      flex-grow: 0;
      margin: 15px; }
      auth-methods .method .method-button {
        height: initial; } }
  auth-methods .method-row {
    display: grid;
    grid-template-columns: 1fr; }
    @media (min-width: 768px) {
      auth-methods .method-row {
        grid-template-columns: 1fr 1fr 1fr; } }
    @media (min-width: 992px) {
      auth-methods .method-row {
        grid-template-columns: 1fr 1fr 1fr 1fr; } }
/**
 * This file is for stuff common to all bundles. Try to keep it minimal.
 *
 * It should be imported as the first thing in all bundles.
 */
/*
 * Common mixins that can be used in all bundles on the AngularJS side.
 */
/**
 * SCSS variables and mixins and other utilities included into every CSS file.
 *
 * Don't put anything that generates actual output CSS into these files. It will be repeated N times in the output! So
 * only use variables, mixins and functions.
 */
/**
 * Convert a hex color to an RGB string that can be passed as MDL color variables
 */
/*
 * These are the variables used throughout the application. This is where
 * overwrites that are not specific to components should be maintained.
 */
/*
 * Colors
 */
/**
 * Base UI colors
 */
/**
 * Disabled UI element colors.
 */
/*
 * Typography
 */
/*
 * Buttons
 */
/*
 * Shadows
 * Numbers represent the "floating height" of element.
 */
/*
 * Transitions
 */
/*
 * Grid
 */
/*
 * Lists
 * These are for lists that are used as selection elements, such as in typeaheads.
 */
/*
 * Borders
 */
/*
 * Container max-widths (Bootstrap 5)
 */
/*
 * Paddings
 */
/*
 * Margins
 */
/*
 * Other
 */
/**
 * Form element colors for MDL
 */
/*
 * Color variables for MDL
 */
/*
 * These are the variables used throughout the application. This is where
 * overwrites that are not specific to components should be maintained.
 */
/*
 * Colors
 */
/**
 * Base UI colors
 */
/**
 * Disabled UI element colors.
 */
/*
 * Typography
 */
/*
 * Buttons
 */
/*
 * Shadows
 * Numbers represent the "floating height" of element.
 */
/*
 * Transitions
 */
/*
 * Grid
 */
/*
 * Lists
 * These are for lists that are used as selection elements, such as in typeaheads.
 */
/*
 * Borders
 */
/*
 * Container max-widths (Bootstrap 5)
 */
/*
 * Paddings
 */
/*
 * Margins
 */
/*
 * Other
 */
/**
 * Form element colors for MDL
 */
/*
 * Color variables for MDL
 */
/**
 * Set text color for disabled UI elements.
 */
/**
 * Set border color for disabled UI elements.
 */
/**
 * Create a grid with a custom gutter width.
 */
/**
 * Transitions & Positioning
 */
/*
Use collapsed margins to get rid of the top margin of the top item and the
bottom margin of the bottom item inside a container. This is good for when the
margins of the top and bottom items are unknown.

This defaults to setting "overflow: hidden" to prevent margins from also
collapsing *around* this element. If you can't have "overflow: hidden", then you
should pass false and prevent them from collapsing some other way.
*/
.oral-filter-title {
  display: block;
  color: #2E3B41;
  font-family: "relative-medium", sans-serif;
  font-size: 16px;
  font-weight: 500;
  font-weight: bold;
  color: #999999; }
  @media (min-width: 768px) {
    .oral-filter-title {
      font-family: "relative-medium", sans-serif;
      font-size: 16px;
      font-weight: 500; } }

[ng-click] {
  cursor: pointer; }

.search-highlight {
  background-color: #fffab0; }

.modal-dialog .mdc-select > .mdc-simple-menu {
  position: absolute;
  top: 0 !important;
  left: 0 !important;
  max-height: 280px; }

.select-loading-indicator {
  position: relative; }
  .select-loading-indicator .select-spinner {
    position: relative;
    margin-left: 10px; }

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