/*!******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/app/common/keepalive/maintenance-stripe.component.scss ***!
  \******************************************************************************************************************************************************************************/
/*
 * 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
 */
maintenance-stripe {
  display: block;
  color: #FFFFFF;
  background-color: #e94582;
}
maintenance-stripe .maintenance-stripe {
  padding: 20px;
}
maintenance-stripe .maintenance-stripe-end-time {
  text-transform: lowercase;
}
/*!****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/app/common/components/browser-error.scss ***!
  \****************************************************************************************************************************************************************/
/*
 * 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
 */
browser-error-stripe {
  display: block;
  background-color: #FC4747;
}
browser-error-stripe .browser-error {
  color: #FFFFFF;
  padding: 20px;
}
browser-error-stripe .browser-error p, browser-error-stripe .browser-error a {
  color: #FFFFFF;
}
browser-error-stripe .browser-error a {
  text-decoration: underline;
}
browser-error-stripe .browser-error a + a {
  margin-left: 10px;
}
/*!*************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/common/flashmessageservice/flash.scss ***!
  \*************************************************************************************************************************************************************/
/*
 * 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.
*/
/**
 * Styles for flash messages
 */
flash-messages {
  position: fixed;
  z-index: 2000;
  width: 100%;
  bottom: 0;
}

.flash-close-area {
  text-align: right;
  padding-right: 30px;
  width: 100px;
}

.flash-close-button {
  color: #FFFFFF !important;
}
.flash-close-button .icon {
  line-height: 18px;
}

.flash-message-text {
  padding: 10px 20px 10px 20px;
}

.oral-flash-msg {
  opacity: 1;
  height: 70px;
  display: table;
  width: 100%;
  overflow: hidden;
  margin-top: 0.25rem;
}
.oral-flash-msg .flash-warning-area {
  padding-left: 28.5px;
}
.oral-flash-msg.success {
  background-color: #76cc82;
}
.oral-flash-msg.error {
  background-color: #FC4747;
}
.oral-flash-msg.error .oral-flash-warning-icon {
  border-top-color: #FC4747;
  border-left-color: #FC4747;
}
.oral-flash-msg .flash-message-text, .oral-flash-msg p {
  color: #FFFFFF;
}
.oral-flash-msg.no-shadow {
  box-shadow: none;
}

.oral-flash-msg > * {
  display: table-cell;
  vertical-align: middle;
}

.oral-flash-msg.ng-enter, .oral-flash-msg.ng-move {
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -o-transition: all 1s linear;
  -ms-transition: all 1s linear;
  transition: all 1s linear;
  opacity: 0;
}
.oral-flash-msg.ng-enter.ng-enter-active, .oral-flash-msg.ng-move.ng-move-active {
  opacity: 1;
}

@-moz-keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-o-keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.oral-flash-msg.ng-leave {
  -webkit-animation: fade-out 0.5s;
  -moz-animation: fade-out 0.5s;
  -o-animation: fade-out 0.5s;
  animation: fade-out 0.5s;
}