/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./projects/rm-relay/src/styles.scss?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./projects/rm-relay/src/styles.scss?ngGlobalStyle (1) ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined);
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./projects/rm-relay/src/styles.scss?ngGlobalStyle (2) ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css);
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./node_modules/ng-alt-snotify/styles/material.scss?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.snotifyToast {
  animation-fill-mode: both;
}

.snotify-leftTop .fadeIn,
.snotify-leftCenter .fadeIn,
.snotify-leftBottom .fadeIn {
  animation-name: fadeInLeft;
}
.snotify-leftTop .fadeOut,
.snotify-leftCenter .fadeOut,
.snotify-leftBottom .fadeOut {
  animation-name: fadeOutLeft;
}

.snotify-rightTop .fadeIn,
.snotify-rightCenter .fadeIn,
.snotify-rightBottom .fadeIn {
  animation-name: fadeInRight;
}
.snotify-rightTop .fadeOut,
.snotify-rightCenter .fadeOut,
.snotify-rightBottom .fadeOut {
  animation-name: fadeOutRight;
}

.snotify-centerTop .fadeIn {
  animation-name: fadeInDown;
}
.snotify-centerTop .fadeOut {
  animation-name: fadeOutUp;
}

.snotify-centerCenter .fadeIn {
  animation-name: fadeIn;
}
.snotify-centerCenter .fadeOut {
  animation-name: fadeOut;
}

.snotify-centerBottom .fadeIn {
  animation-name: fadeInUp;
}
.snotify-centerBottom .fadeOut {
  animation-name: fadeOutDown;
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) scaleX(1.2);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0) scaleX(1.2);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0) scaleY(1.2);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0) scaleY(1.2);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes appear {
  0% {
    max-height: 0;
  }
  100% {
    max-height: 50vh;
  }
}
@keyframes disappear {
  0% {
    max-height: 50vh;
  }
  100% {
    max-height: 0;
  }
}
.snotify {
  display: block;
  position: fixed;
  width: 300px;
  z-index: 9999;
  box-sizing: border-box;
  pointer-events: none;
}
.snotify * {
  box-sizing: border-box;
}

.snotify-leftTop,
.snotify-leftCenter,
.snotify-leftBottom {
  left: 10px;
}

.snotify-rightTop,
.snotify-rightCenter,
.snotify-rightBottom {
  right: 10px;
}

.snotify-centerTop,
.snotify-centerCenter,
.snotify-centerBottom {
  left: calc(50% - 300px / 2);
}

.snotify-leftTop,
.snotify-centerTop,
.snotify-rightTop {
  top: 10px;
}

.snotify-leftCenter,
.snotify-rightCenter,
.snotify-centerCenter {
  top: 50%;
  transform: translateY(-50%);
}

.snotify-leftBottom,
.snotify-rightBottom,
.snotify-centerBottom {
  bottom: 10px;
}

.snotify-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000000;
  opacity: 0;
  z-index: 9998;
  transition: opacity 0.3s;
}

.snotifyToast {
  display: block;
  cursor: pointer;
  background-color: #fff;
  height: 100%;
  margin: 5px;
  opacity: 0;
  border-radius: 5px;
  overflow: hidden;
  pointer-events: auto;
}
.snotifyToast--in {
  animation-name: appear;
}
.snotifyToast--out {
  animation-name: disappear;
}
.snotifyToast__inner {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  padding: 5px 65px 5px 15px;
  min-height: 78px;
  font-size: 16px;
  color: #000;
}
.snotifyToast__progressBar {
  position: relative;
  width: 100%;
  height: 10px;
  background-color: #c7c7c7;
}
.snotifyToast__progressBar__percentage {
  position: absolute;
  top: 0;
  left: 0;
  height: 10px;
  background-color: #4c4c4c;
  max-width: 100%;
}
.snotifyToast__title {
  font-size: 1.8em;
  line-height: 1.2em;
  margin-bottom: 5px;
  color: #fff;
}
.snotifyToast__body {
  font-size: 1em;
}

.snotifyToast-show {
  transform: translate(0, 0);
  opacity: 1;
}

.snotifyToast-remove {
  max-height: 0;
  overflow: hidden;
  transform: translate(0, 50%);
  opacity: 0;
}

.fadeOutRight {
  animation-name: fadeOutRight;
}

/***************
 ** Modifiers **
 **************/
.snotify-simple .snotifyToast__title,
.snotify-simple .snotifyToast__body {
  color: #000;
}

.snotify-success {
  background-color: #4caf50;
}
.snotify-success .snotifyToast__progressBar {
  background-color: #388e3c;
}
.snotify-success .snotifyToast__progressBar__percentage {
  background-color: #81c784;
}
.snotify-success .snotifyToast__body {
  color: #c8e6c9;
}

.snotify-info {
  background-color: #1e88e5;
}
.snotify-info .snotifyToast__progressBar {
  background-color: #1565c0;
}
.snotify-info .snotifyToast__progressBar__percentage {
  background-color: #64b5f6;
}
.snotify-info .snotifyToast__body {
  color: #e3f2fd;
}

.snotify-warning {
  background-color: #ff9800;
}
.snotify-warning .snotifyToast__progressBar {
  background-color: #ef6c00;
}
.snotify-warning .snotifyToast__progressBar__percentage {
  background-color: #ffcc80;
}
.snotify-warning .snotifyToast__body {
  color: #fff3e0;
}

.snotify-error {
  background-color: #f44336;
}
.snotify-error .snotifyToast__progressBar {
  background-color: #c62828;
}
.snotify-error .snotifyToast__progressBar__percentage {
  background-color: #ef9a9a;
}
.snotify-error .snotifyToast__body {
  color: #ffebee;
}

.snotify-async {
  background-color: #1e88e5;
}
.snotify-async .snotifyToast__progressBar {
  background-color: #1565c0;
}
.snotify-async .snotifyToast__progressBar__percentage {
  background-color: #64b5f6;
}
.snotify-async .snotifyToast__body {
  color: #e3f2fd;
}

.snotify-confirm {
  background-color: #009688;
}
.snotify-confirm .snotifyToast__progressBar {
  background-color: #4db6ac;
}
.snotify-confirm .snotifyToast__progressBar__percentage {
  background-color: #80cbc4;
}
.snotify-confirm .snotifyToast__body {
  color: #e0f2f1;
}

.snotify-prompt {
  background-color: #009688;
}
.snotify-prompt ng-snotify-prompt {
  width: 100%;
}
.snotify-prompt .snotifyToast__title {
  margin-bottom: 0;
}
.snotify-prompt .snotifyToast__body {
  color: #e0f2f1;
}

.snotify-confirm .snotifyToast__inner,
.snotify-prompt .snotifyToast__inner {
  padding: 10px 15px;
}

.snotifyToast__input {
  position: relative;
  z-index: 1;
  display: inline-block;
  margin: 0;
  width: 100%;
  vertical-align: top;
  transition: all 0.5s;
  transition-delay: 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.snotifyToast__input__field {
  position: relative;
  display: block;
  float: right;
  padding: 0.85em 0.5em;
  width: 100%;
  border: none;
  border-radius: 0;
  background: transparent;
  color: #333;
  font-weight: bold;
  -webkit-appearance: none; /* for box shadows to show on iOS */
  opacity: 0;
  transition: opacity 0.3s;
}
.snotifyToast__input__field:focus {
  outline: none;
}
.snotifyToast__input__label {
  display: inline-block;
  float: right;
  padding: 0 0.85em;
  width: 100%;
  color: #e0f2f1;
  font-weight: bold;
  font-size: 70.25%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
  left: 0;
  height: 100%;
  text-align: left;
  pointer-events: none;
}
.snotifyToast__input__label::before, .snotifyToast__input__label::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.3s;
}
.snotifyToast__input__label::before {
  border-top: 2px solid #fff;
  transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0);
  transition-delay: 0.3s;
}
.snotifyToast__input__label::after {
  z-index: -1;
  background: #b2dfdb;
  transform: scale3d(1, 0, 1);
  transform-origin: 50% 0;
}
.snotifyToast__input__labelContent {
  position: relative;
  display: block;
  padding: 1em 0;
  width: 100%;
  transition: transform 0.3s 0.3s;
}

.snotifyToast__input--filled {
  margin-top: 2.5em;
}
.snotifyToast__input--filled:focus,
.snotifyToast__input--filled .snotifyToast__input__field {
  opacity: 1;
  transition-delay: 0.3s;
}

.snotifyToast__input__field:focus + .snotifyToast__input__label .snotifyToast__input__labelContent,
.snotifyToast__input--filled .snotifyToast__input__labelContent {
  transform: translate(0, -80%);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.snotifyToast__input__field:focus + .snotifyToast__input__label::before,
.snotifyToast__input--filled .snotifyToast__input__label::before {
  transition-delay: 0s;
}

.snotifyToast__input__field:focus + .snotifyToast__input__label::before,
.snotifyToast__input--filled .snotifyToast__input__label::before {
  transform: translate(0, 0);
}

.snotifyToast__input__field:focus + .snotifyToast__input__label::after,
.snotifyToast__input--filled .snotifyToast__input__label::after {
  transform: scale(1, 1);
  transition-delay: 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.snotifyToast--invalid .snotifyToast__input__label::before {
  border-color: #f44336;
}
.snotifyToast--valid .snotifyToast__input__label::before {
  border-color: #4caf50;
}

.snotifyToast__buttons {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.snotifyToast__buttons button {
  position: relative;
  width: 100%;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-top: none;
  border-bottom: none;
  background: transparent;
  padding: 8px;
  text-transform: capitalize;
  color: #fff;
  box-sizing: border-box;
  overflow: hidden;
}
.snotifyToast__buttons button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.3);
  opacity: 0;
  border-radius: 100%;
  transform: scale(1, 1) translate(-50%);
  transform-origin: 50% 50%;
}
.snotifyToast__buttons button:focus:not(:active)::after {
  animation: ripple 1s ease-out;
}
.snotifyToast__buttons button:hover, .snotifyToast__buttons button:focus {
  background: rgba(0, 0, 0, 0.1);
  outline: none;
}
.snotifyToast__buttons button:active {
  background: rgba(0, 0, 0, 0.15);
}
.snotifyToast__buttons button:last-child {
  border-right: none;
}
.snotifyToast__buttons button:first-child {
  border-left: none;
}
.snotifyToast__buttons--bold {
  font-weight: 700;
}

@keyframes ripple {
  0% {
    transform: scale(0, 0);
    opacity: 1;
  }
  20% {
    transform: scale(25, 25);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(40, 40);
  }
}
.snotify-icon {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 10px;
  top: 50%;
  line-height: 0;
  transform: translate(0, -50%);
  max-height: 48px;
  max-width: 48px;
}

.snotify-icon--error {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20version=%221.1%22%20x=%220px%22%20y=%220px%22%20viewBox=%220%200%20512%20512%22%20fill=%22%23ffcdd2%22%3E%3Cg%3E%3Cpath%20d=%22M437,75A256,256,0,1,0,75,437,256,256,0,1,0,437,75ZM416.43,416.43a226.82,226.82,0,0,1-320.86,0C7.11,328,7.11,184,95.57,95.57a226.82,226.82,0,0,1,320.86,0C504.89,184,504.89,328,416.43,416.43Z%22/%3E%3Cpath%20d=%22M368.81,143.19a14.5,14.5,0,0,0-20.58,0L256,235.42l-92.23-92.23a14.55,14.55,0,0,0-20.58,20.58L235.42,256l-92.23,92.23a14.6,14.6,0,0,0,10.24,24.89,14.19,14.19,0,0,0,10.24-4.31l92.23-92.23,92.23,92.23a14.64,14.64,0,0,0,10.24,4.31,14,14,0,0,0,10.24-4.31,14.5,14.5,0,0,0,0-20.58l-92-92.23,92.23-92.23A14.5,14.5,0,0,0,368.81,143.19Z%22/%3E%3C/g%3E%3C/svg%3E");
}

.snotify-icon--warning {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20version=%221.1%22%20x=%220px%22%20y=%220px%22%20viewBox=%220%200%20512%20512%22%20fill=%22%23ffccbc%22%3E%3Cg%3E%3Cpath%20d=%22M256,512c141.15,0,256-114.84,256-256S397.15,0,256,0,0,114.84,0,256,114.85,512,256,512Zm0-480.49c123.79,0,224.49,100.71,224.49,224.49S379.79,480.49,256,480.49,31.51,379.79,31.51,256,132.21,31.51,256,31.51Z%22/%3E%3Ccircle%20cx=%22260.08%22%20cy=%22343.87%22%20r=%2226.35%22/%3E%3Cpath%20d=%22M254.68,278.39a15.76,15.76,0,0,0,15.75-15.75V128.72a15.75,15.75,0,1,0-31.51,0V262.63A15.76,15.76,0,0,0,254.68,278.39Z%22/%3E%3C/g%3E%3C/svg%3E");
}

.snotify-icon--info {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20version=%221.1%22%20x=%220px%22%20y=%220px%22%20viewBox=%220%200%20512%20512%22%20fill=%22%23bbdefb%22%3E%3Cg%3E%3Cpath%20d=%22M256,0C114.84,0,0,114.84,0,256S114.84,512,256,512,512,397.16,512,256,397.15,0,256,0Zm0,478.43C133.35,478.43,33.57,378.64,33.57,256S133.35,33.58,256,33.58,478.42,133.36,478.42,256,378.64,478.43,256,478.43Z%22/%3E%3Cpath%20d=%22M251.26,161.24a22.39,22.39,0,1,0-22.38-22.39A22.39,22.39,0,0,0,251.26,161.24Z%22/%3E%3Cpath%20d=%22M286.84,357.87h-14v-160A16.79,16.79,0,0,0,256,181.05H225.17a16.79,16.79,0,0,0,0,33.58h14.05V357.87H225.17a16.79,16.79,0,0,0,0,33.57h61.67a16.79,16.79,0,1,0,0-33.57Z%22/%3E%3C/g%3E%3C/svg%3E");
}

.snotify-icon--success {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20version=%221.1%22%20x=%220px%22%20y=%220px%22%20viewBox=%220%200%20512%20512%22%20fill=%22%23c8e6c9%22%3E%3Cg%3E%3Cpath%20d=%22M256,0C114.85,0,0,114.84,0,256S114.85,512,256,512,512,397.16,512,256,397.15,0,256,0Zm0,492.31c-130.29,0-236.31-106-236.31-236.31S125.71,19.69,256,19.69,492.31,125.71,492.31,256,386.29,492.31,256,492.31Z%22/%3E%3Cpath%20class=%22cls-1%22%20d=%22M376.64,151,225.31,321.24l-91.17-72.93a9.85,9.85,0,0,0-12.3,15.38l98.46,78.77a9.86,9.86,0,0,0,13.52-1.15L391.36,164.08A9.85,9.85,0,0,0,376.64,151Z%22/%3E%3C/g%3E%3C/svg%3E");
}

.snotify-icon--async {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20version=%221.1%22%20x=%220px%22%20y=%220px%22%20viewBox=%220%200%20512%20512%22%20fill=%22%23bbdefb%22%3E%3Cg%3E%3Cpath%20d=%22M256,0a32,32,0,0,0-32,32V96a32,32,0,0,0,64,0V32A32,32,0,0,0,256,0Zm0,384a32,32,0,0,0-32,32v64a32,32,0,0,0,64,0V416A32,32,0,0,0,256,384ZM391.74,165.5,437,120.22A32,32,0,0,0,391.74,75L346.5,120.22a32,32,0,0,0,45.25,45.28Zm-271.52,181L75,391.74A32,32,0,0,0,120.22,437l45.25-45.25a32,32,0,0,0-45.25-45.25Zm0-271.52A32,32,0,1,0,75,120.22l45.25,45.28a32,32,0,1,0,45.25-45.28ZM391.74,346.5a32,32,0,0,0-45.25,45.25L391.74,437A32,32,0,0,0,437,391.74ZM480,224H416a32,32,0,0,0,0,64h64a32,32,0,0,0,0-64ZM128,256a32,32,0,0,0-32-32H32a32,32,0,0,0,0,64H96A32,32,0,0,0,128,256Z%22/%3E%3C/g%3E%3C/svg%3E");
  animation: async 3s infinite linear;
  transform-origin: 50% 50%;
}

@keyframes async {
  0% {
    transform: translate(0, -50%) rotate(0deg);
  }
  100% {
    transform: translate(0, -50%) rotate(360deg);
  }
}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/primeicons/primeicons.css ***!
  \********************************************************************************************************************************************************************************************************************************/
@font-face {
    font-family: 'primeicons';
    font-display: block;
    src: url('primeicons.8ca441e178bfb872.eot');
    src: url('primeicons.8ca441e178bfb872.eot?#iefix') format('embedded-opentype'), url('primeicons.e1a53edb6ea00325.woff2') format('woff2'), url('primeicons.7f7722745590608a.woff') format('woff'), url('primeicons.310a7310efb91ab1.ttf') format('truetype'), url('primeicons.19e14e488f5edc90.svg?#primeicons') format('svg');
    font-weight: normal;
    font-style: normal;
}

.pi {
    font-family: 'primeicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pi:before {
    --webkit-backface-visibility:hidden;
    backface-visibility: hidden;
}

.pi-fw {
    width: 1.28571429em;
    text-align: center;
}

.pi-spin {
    animation: fa-spin 2s infinite linear;
}

@media (prefers-reduced-motion: reduce) {
  .pi-spin {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}

.pi-folder-plus:before {
    content: "\ea05";
}

.pi-receipt:before {
    content: "\ea06";
}

.pi-asterisk:before {
    content: "\ea07";
}

.pi-face-smile:before {
    content: "\ea08";
}

.pi-pinterest:before {
    content: "\ea09";
}

.pi-expand:before {
    content: "\ea0a";
}

.pi-pen-to-square:before {
    content: "\ea0b";
}

.pi-wave-pulse:before {
    content: "\ea0c";
}

.pi-turkish-lira:before {
    content: "\ea0d";
}

.pi-spinner-dotted:before {
    content: "\ea0e";
}

.pi-crown:before {
    content: "\ea0f";
}

.pi-pause-circle:before {
    content: "\ea10";
}

.pi-warehouse:before {
    content: "\ea11";
}

.pi-objects-column:before {
    content: "\ea12";
}

.pi-clipboard:before {
    content: "\ea13";
}

.pi-play-circle:before {
    content: "\ea14";
}

.pi-venus:before {
    content: "\ea15";
}

.pi-cart-minus:before {
    content: "\ea16";
}

.pi-file-plus:before {
    content: "\ea17";
}

.pi-microchip:before {
    content: "\ea18";
}

.pi-twitch:before {
    content: "\ea19";
}

.pi-building-columns:before {
    content: "\ea1a";
}

.pi-file-check:before {
    content: "\ea1b";
}

.pi-microchip-ai:before {
    content: "\ea1c";
}

.pi-trophy:before {
    content: "\ea1d";
}

.pi-barcode:before {
    content: "\ea1e";
}

.pi-file-arrow-up:before {
    content: "\ea1f";
}

.pi-mars:before {
    content: "\ea20";
}

.pi-tiktok:before {
    content: "\ea21";
}

.pi-arrow-up-right-and-arrow-down-left-from-center:before {
    content: "\ea22";
}

.pi-ethereum:before {
    content: "\ea23";
}

.pi-list-check:before {
    content: "\ea24";
}

.pi-thumbtack:before {
    content: "\ea25";
}

.pi-arrow-down-left-and-arrow-up-right-to-center:before {
    content: "\ea26";
}

.pi-equals:before {
    content: "\ea27";
}

.pi-lightbulb:before {
    content: "\ea28";
}

.pi-star-half:before {
    content: "\ea29";
}

.pi-address-book:before {
    content: "\ea2a";
}

.pi-chart-scatter:before {
    content: "\ea2b";
}

.pi-indian-rupee:before {
    content: "\ea2c";
}

.pi-star-half-fill:before {
    content: "\ea2d";
}

.pi-cart-arrow-down:before {
    content: "\ea2e";
}

.pi-calendar-clock:before {
    content: "\ea2f";
}

.pi-sort-up-fill:before {
    content: "\ea30";
}

.pi-sparkles:before {
    content: "\ea31";
}

.pi-bullseye:before {
    content: "\ea32";
}

.pi-sort-down-fill:before {
    content: "\ea33";
}

.pi-graduation-cap:before {
    content: "\ea34";
}

.pi-hammer:before {
    content: "\ea35";
}

.pi-bell-slash:before {
    content: "\ea36";
}

.pi-gauge:before {
    content: "\ea37";
}

.pi-shop:before {
    content: "\ea38";
}

.pi-headphones:before {
    content: "\ea39";
}

.pi-eraser:before {
    content: "\ea04";
}

.pi-stopwatch:before {
    content: "\ea01";
}

.pi-verified:before {
    content: "\ea02";
}

.pi-delete-left:before {
    content: "\ea03";
}

.pi-hourglass:before {
    content: "\e9fe";
}

.pi-truck:before {
    content: "\ea00";
}

.pi-wrench:before {
    content: "\e9ff";
}

.pi-microphone:before {
    content: "\e9fa";
}

.pi-megaphone:before {
    content: "\e9fb";
}

.pi-arrow-right-arrow-left:before {
    content: "\e9fc";
}

.pi-bitcoin:before {
    content: "\e9fd";
}

.pi-file-edit:before {
    content: "\e9f6";
}

.pi-language:before {
    content: "\e9f7";
}

.pi-file-export:before {
    content: "\e9f8";
}

.pi-file-import:before {
    content: "\e9f9";
}

.pi-file-word:before {
    content: "\e9f1";
}

.pi-gift:before {
    content: "\e9f2";
}

.pi-cart-plus:before {
    content: "\e9f3";
}

.pi-thumbs-down-fill:before {
    content: "\e9f4";
}

.pi-thumbs-up-fill:before {
    content: "\e9f5";
}

.pi-arrows-alt:before {
    content: "\e9f0";
}

.pi-calculator:before {
    content: "\e9ef";
}

.pi-sort-alt-slash:before {
    content: "\e9ee";
}

.pi-arrows-h:before {
    content: "\e9ec";
}

.pi-arrows-v:before {
    content: "\e9ed";
}

.pi-pound:before {
    content: "\e9eb";
}

.pi-prime:before {
    content: "\e9ea";
}

.pi-chart-pie:before {
    content: "\e9e9";
}

.pi-reddit:before {
    content: "\e9e8";
}

.pi-code:before {
    content: "\e9e7";
}

.pi-sync:before {
    content: "\e9e6";
}

.pi-shopping-bag:before {
    content: "\e9e5";
}

.pi-server:before {
    content: "\e9e4";
}

.pi-database:before {
    content: "\e9e3";
}

.pi-hashtag:before {
    content: "\e9e2";
}

.pi-bookmark-fill:before {
    content: "\e9df";
}

.pi-filter-fill:before {
    content: "\e9e0";
}

.pi-heart-fill:before {
    content: "\e9e1";
}

.pi-flag-fill:before {
    content: "\e9de";
}

.pi-circle:before {
    content: "\e9dc";
}

.pi-circle-fill:before {
    content: "\e9dd";
}

.pi-bolt:before {
    content: "\e9db";
}

.pi-history:before {
    content: "\e9da";
}

.pi-box:before {
    content: "\e9d9";
}

.pi-at:before {
    content: "\e9d8";
}

.pi-arrow-up-right:before {
    content: "\e9d4";
}

.pi-arrow-up-left:before {
    content: "\e9d5";
}

.pi-arrow-down-left:before {
    content: "\e9d6";
}

.pi-arrow-down-right:before {
    content: "\e9d7";
}

.pi-telegram:before {
    content: "\e9d3";
}

.pi-stop-circle:before {
    content: "\e9d2";
}

.pi-stop:before {
    content: "\e9d1";
}

.pi-whatsapp:before {
    content: "\e9d0";
}

.pi-building:before {
    content: "\e9cf";
}

.pi-qrcode:before {
    content: "\e9ce";
}

.pi-car:before {
    content: "\e9cd";
}

.pi-instagram:before {
    content: "\e9cc";
}

.pi-linkedin:before {
    content: "\e9cb";
}

.pi-send:before {
    content: "\e9ca";
}

.pi-slack:before {
    content: "\e9c9";
}

.pi-sun:before {
    content: "\e9c8";
}

.pi-moon:before {
    content: "\e9c7";
}

.pi-vimeo:before {
    content: "\e9c6";
}

.pi-youtube:before {
    content: "\e9c5";
}

.pi-flag:before {
    content: "\e9c4";
}

.pi-wallet:before {
    content: "\e9c3";
}

.pi-map:before {
    content: "\e9c2";
}

.pi-link:before {
    content: "\e9c1";
}

.pi-credit-card:before {
    content: "\e9bf";
}

.pi-discord:before {
    content: "\e9c0";
}

.pi-percentage:before {
    content: "\e9be";
}

.pi-euro:before {
    content: "\e9bd";
}

.pi-book:before {
    content: "\e9ba";
}

.pi-shield:before {
    content: "\e9b9";
}

.pi-paypal:before {
    content: "\e9bb";
}

.pi-amazon:before {
    content: "\e9bc";
}

.pi-phone:before {
    content: "\e9b8";
}

.pi-filter-slash:before {
    content: "\e9b7";
}

.pi-facebook:before {
    content: "\e9b4";
}

.pi-github:before {
    content: "\e9b5";
}

.pi-twitter:before {
    content: "\e9b6";
}

.pi-step-backward-alt:before {
    content: "\e9ac";
}

.pi-step-forward-alt:before {
    content: "\e9ad";
}

.pi-forward:before {
    content: "\e9ae";
}

.pi-backward:before {
    content: "\e9af";
}

.pi-fast-backward:before {
    content: "\e9b0";
}

.pi-fast-forward:before {
    content: "\e9b1";
}

.pi-pause:before {
    content: "\e9b2";
}

.pi-play:before {
    content: "\e9b3";
}

.pi-compass:before {
    content: "\e9ab";
}

.pi-id-card:before {
    content: "\e9aa";
}

.pi-ticket:before {
    content: "\e9a9";
}

.pi-file-o:before {
    content: "\e9a8";
}

.pi-reply:before {
    content: "\e9a7";
}

.pi-directions-alt:before {
    content: "\e9a5";
}

.pi-directions:before {
    content: "\e9a6";
}

.pi-thumbs-up:before {
    content: "\e9a3";
}

.pi-thumbs-down:before {
    content: "\e9a4";
}

.pi-sort-numeric-down-alt:before {
    content: "\e996";
}

.pi-sort-numeric-up-alt:before {
    content: "\e997";
}

.pi-sort-alpha-down-alt:before {
    content: "\e998";
}

.pi-sort-alpha-up-alt:before {
    content: "\e999";
}

.pi-sort-numeric-down:before {
    content: "\e99a";
}

.pi-sort-numeric-up:before {
    content: "\e99b";
}

.pi-sort-alpha-down:before {
    content: "\e99c";
}

.pi-sort-alpha-up:before {
    content: "\e99d";
}

.pi-sort-alt:before {
    content: "\e99e";
}

.pi-sort-amount-up:before {
    content: "\e99f";
}

.pi-sort-amount-down:before {
    content: "\e9a0";
}

.pi-sort-amount-down-alt:before {
    content: "\e9a1";
}

.pi-sort-amount-up-alt:before {
    content: "\e9a2";
}

.pi-palette:before {
    content: "\e995";
}

.pi-undo:before {
    content: "\e994";
}

.pi-desktop:before {
    content: "\e993";
}

.pi-sliders-v:before {
    content: "\e991";
}

.pi-sliders-h:before {
    content: "\e992";
}

.pi-search-plus:before {
    content: "\e98f";
}

.pi-search-minus:before {
    content: "\e990";
}

.pi-file-excel:before {
    content: "\e98e";
}

.pi-file-pdf:before {
    content: "\e98d";
}

.pi-check-square:before {
    content: "\e98c";
}

.pi-chart-line:before {
    content: "\e98b";
}

.pi-user-edit:before {
    content: "\e98a";
}

.pi-exclamation-circle:before {
    content: "\e989";
}

.pi-android:before {
    content: "\e985";
}

.pi-google:before {
    content: "\e986";
}

.pi-apple:before {
    content: "\e987";
}

.pi-microsoft:before {
    content: "\e988";
}

.pi-heart:before {
    content: "\e984";
}

.pi-mobile:before {
    content: "\e982";
}

.pi-tablet:before {
    content: "\e983";
}

.pi-key:before {
    content: "\e981";
}

.pi-shopping-cart:before {
    content: "\e980";
}

.pi-comments:before {
    content: "\e97e";
}

.pi-comment:before {
    content: "\e97f";
}

.pi-briefcase:before {
    content: "\e97d";
}

.pi-bell:before {
    content: "\e97c";
}

.pi-paperclip:before {
    content: "\e97b";
}

.pi-share-alt:before {
    content: "\e97a";
}

.pi-envelope:before {
    content: "\e979";
}

.pi-volume-down:before {
    content: "\e976";
}

.pi-volume-up:before {
    content: "\e977";
}

.pi-volume-off:before {
    content: "\e978";
}

.pi-eject:before {
    content: "\e975";
}

.pi-money-bill:before {
    content: "\e974";
}

.pi-images:before {
    content: "\e973";
}

.pi-image:before {
    content: "\e972";
}

.pi-sign-in:before {
    content: "\e970";
}

.pi-sign-out:before {
    content: "\e971";
}

.pi-wifi:before {
    content: "\e96f";
}

.pi-sitemap:before {
    content: "\e96e";
}

.pi-chart-bar:before {
    content: "\e96d";
}

.pi-camera:before {
    content: "\e96c";
}

.pi-dollar:before {
    content: "\e96b";
}

.pi-lock-open:before {
    content: "\e96a";
}

.pi-table:before {
    content: "\e969";
}

.pi-map-marker:before {
    content: "\e968";
}

.pi-list:before {
    content: "\e967";
}

.pi-eye-slash:before {
    content: "\e965";
}

.pi-eye:before {
    content: "\e966";
}

.pi-folder-open:before {
    content: "\e964";
}

.pi-folder:before {
    content: "\e963";
}

.pi-video:before {
    content: "\e962";
}

.pi-inbox:before {
    content: "\e961";
}

.pi-lock:before {
    content: "\e95f";
}

.pi-unlock:before {
    content: "\e960";
}

.pi-tags:before {
    content: "\e95d";
}

.pi-tag:before {
    content: "\e95e";
}

.pi-power-off:before {
    content: "\e95c";
}

.pi-save:before {
    content: "\e95b";
}

.pi-question-circle:before {
    content: "\e959";
}

.pi-question:before {
    content: "\e95a";
}

.pi-copy:before {
    content: "\e957";
}

.pi-file:before {
    content: "\e958";
}

.pi-clone:before {
    content: "\e955";
}

.pi-calendar-times:before {
    content: "\e952";
}

.pi-calendar-minus:before {
    content: "\e953";
}

.pi-calendar-plus:before {
    content: "\e954";
}

.pi-ellipsis-v:before {
    content: "\e950";
}

.pi-ellipsis-h:before {
    content: "\e951";
}

.pi-bookmark:before {
    content: "\e94e";
}

.pi-globe:before {
    content: "\e94f";
}

.pi-replay:before {
    content: "\e94d";
}

.pi-filter:before {
    content: "\e94c";
}

.pi-print:before {
    content: "\e94b";
}

.pi-align-right:before {
    content: "\e946";
}

.pi-align-left:before {
    content: "\e947";
}

.pi-align-center:before {
    content: "\e948";
}

.pi-align-justify:before {
    content: "\e949";
}

.pi-cog:before {
    content: "\e94a";
}

.pi-cloud-download:before {
    content: "\e943";
}

.pi-cloud-upload:before {
    content: "\e944";
}

.pi-cloud:before {
    content: "\e945";
}

.pi-pencil:before {
    content: "\e942";
}

.pi-users:before {
    content: "\e941";
}

.pi-clock:before {
    content: "\e940";
}

.pi-user-minus:before {
    content: "\e93e";
}

.pi-user-plus:before {
    content: "\e93f";
}

.pi-trash:before {
    content: "\e93d";
}

.pi-external-link:before {
    content: "\e93c";
}

.pi-window-maximize:before {
    content: "\e93b";
}

.pi-window-minimize:before {
    content: "\e93a";
}

.pi-refresh:before {
    content: "\e938";
}
  
.pi-user:before {
    content: "\e939";
}

.pi-exclamation-triangle:before {
    content: "\e922";
}

.pi-calendar:before {
    content: "\e927";
}

.pi-chevron-circle-left:before {
    content: "\e928";
}

.pi-chevron-circle-down:before {
    content: "\e929";
}

.pi-chevron-circle-right:before {
    content: "\e92a";
}

.pi-chevron-circle-up:before {
    content: "\e92b";
}

.pi-angle-double-down:before {
    content: "\e92c";
}

.pi-angle-double-left:before {
    content: "\e92d";
}

.pi-angle-double-right:before {
    content: "\e92e";
}

.pi-angle-double-up:before {
    content: "\e92f";
}

.pi-angle-down:before {
    content: "\e930";
}

.pi-angle-left:before {
    content: "\e931";
}

.pi-angle-right:before {
    content: "\e932";
}

.pi-angle-up:before {
    content: "\e933";
}

.pi-upload:before {
    content: "\e934";
}

.pi-download:before {
    content: "\e956";
}

.pi-ban:before {
    content: "\e935";
}

.pi-star-fill:before {
    content: "\e936";
}

.pi-star:before {
    content: "\e937";
}

.pi-chevron-left:before {
    content: "\e900";
}

.pi-chevron-right:before {
    content: "\e901";
}

.pi-chevron-down:before {
    content: "\e902";
}

.pi-chevron-up:before {
    content: "\e903";
}

.pi-caret-left:before {
    content: "\e904";
}

.pi-caret-right:before {
    content: "\e905";
}

.pi-caret-down:before {
    content: "\e906";
}

.pi-caret-up:before {
    content: "\e907";
}

.pi-search:before {
    content: "\e908";
}

.pi-check:before {
    content: "\e909";
}

.pi-check-circle:before {
    content: "\e90a";
}

.pi-times:before {
    content: "\e90b";
}

.pi-times-circle:before {
    content: "\e90c";
}

.pi-plus:before {
    content: "\e90d";
}

.pi-plus-circle:before {
    content: "\e90e";
}

.pi-minus:before {
    content: "\e90f";
}

.pi-minus-circle:before {
    content: "\e910";
}

.pi-circle-on:before {
    content: "\e911";
}

.pi-circle-off:before {
    content: "\e912";
}

.pi-sort-down:before {
    content: "\e913";
}

.pi-sort-up:before {
    content: "\e914";
}

.pi-sort:before {
    content: "\e915";
}

.pi-step-backward:before {
    content: "\e916";
}

.pi-step-forward:before {
    content: "\e917";
}

.pi-th-large:before {
    content: "\e918";
}

.pi-arrow-down:before {
    content: "\e919";
}

.pi-arrow-left:before {
    content: "\e91a";
}

.pi-arrow-right:before {
    content: "\e91b";
}

.pi-arrow-up:before {
    content: "\e91c";
}

.pi-bars:before {
    content: "\e91d";
}

.pi-arrow-circle-down:before {
    content: "\e91e";
}

.pi-arrow-circle-left:before {
    content: "\e91f";
}

.pi-arrow-circle-right:before {
    content: "\e920";
}

.pi-arrow-circle-up:before {
    content: "\e921";
}

.pi-info:before {
    content: "\e923";
}

.pi-info-circle:before {
    content: "\e924";
}

.pi-home:before {
    content: "\e925";
}

.pi-spinner:before {
    content: "\e926";
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./projects/rm-relay/src/styles.scss?ngGlobalStyle (3) ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* You can add global styles to this file, and also import other style files */
/* See semantic/src/definitions/themes/default/globals/site.variables for breakpoints
 * @mobileBreakpoint            : 320px;
 * @tabletBreakpoint            : 768px;
 * @computerBreakpoint          : 992px;
 * @largeMonitorBreakpoint      : 1200px;
 * @widescreenMonitorBreakpoint : 1920px;
 */
/*
 *  This file is used to override styles from a default angular material theme.
*/
/*!
 * Copyright 2023 Netsmart Technologies, Inc. All rights reserved.
 * NETSMART PROPRIETARY/CONFIDENTIAL
 */
/*
 *  Primary Colors
 * https://company-153974.frontify.com/document/311220#/nx-basics/colors/primary-colors
 */
/*
 *  Secondary Colors
 */
/*
 *  Extra Colors
 */
/*
 *  This file is used to override styles from a default angular material theme.
*/
html {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}

html {
  --mat-option-selected-state-label-text-color: #044973;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-accent {
  --mat-option-selected-state-label-text-color: #39b54a;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-warn {
  --mat-option-selected-state-label-text-color: #e0b4b4;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-full-pseudo-checkbox-selected-icon-color: #39b54a;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
html {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #39b54a;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #044973;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.mat-primary {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #044973;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #39b54a;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.mat-accent {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #39b54a;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #e0b4b4;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.mat-warn {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #e0b4b4;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8: 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, 0.12);
  --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

html {
  --mat-option-label-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mat-option-label-text-line-height: 1;
  --mat-option-label-text-size: 1rem;
  --mat-option-label-text-tracking: normal;
  --mat-option-label-text-weight: 400;
}

html {
  --mat-optgroup-label-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mat-optgroup-label-text-line-height: 1;
  --mat-optgroup-label-text-size: 1rem;
  --mat-optgroup-label-text-tracking: normal;
  --mat-optgroup-label-text-weight: 400;
}

html {
  --mdc-elevated-card-container-shape: 4px;
}
html {
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
}
html {
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
}

html {
  --mat-card-title-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
}

html {
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
}

.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #044973;
  --mdc-linear-progress-track-color: rgba(4, 73, 115, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #39b54a;
  --mdc-linear-progress-track-color: rgba(57, 181, 74, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #e0b4b4;
  --mdc-linear-progress-track-color: rgba(224, 180, 180, 0.25);
}

html {
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
}

html {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}

html {
  --mdc-plain-tooltip-supporting-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: 0.0333333333em;
}

html {
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
}
html {
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
}
html {
  --mdc-filled-text-field-caret-color: #044973;
  --mdc-filled-text-field-focus-active-indicator-color: #044973;
  --mdc-filled-text-field-focus-label-text-color: rgba(4, 73, 115, 0.87);
  --mdc-filled-text-field-container-color: rgb(244.8, 244.8, 244.8);
  --mdc-filled-text-field-disabled-container-color: rgb(249.9, 249.9, 249.9);
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #e0b4b4;
  --mdc-filled-text-field-error-focus-label-text-color: #e0b4b4;
  --mdc-filled-text-field-error-label-text-color: #e0b4b4;
  --mdc-filled-text-field-error-caret-color: #e0b4b4;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #e0b4b4;
  --mdc-filled-text-field-error-focus-active-indicator-color: #e0b4b4;
  --mdc-filled-text-field-error-hover-active-indicator-color: #e0b4b4;
}
html {
  --mdc-outlined-text-field-caret-color: #044973;
  --mdc-outlined-text-field-focus-outline-color: #044973;
  --mdc-outlined-text-field-focus-label-text-color: rgba(4, 73, 115, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: #e0b4b4;
  --mdc-outlined-text-field-error-focus-label-text-color: #e0b4b4;
  --mdc-outlined-text-field-error-label-text-color: #e0b4b4;
  --mdc-outlined-text-field-error-hover-label-text-color: #e0b4b4;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #e0b4b4;
  --mdc-outlined-text-field-error-hover-outline-color: #e0b4b4;
  --mdc-outlined-text-field-error-outline-color: #e0b4b4;
}
html {
  --mat-form-field-focus-select-arrow-color: rgba(4, 73, 115, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e0b4b4;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
}

.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #39b54a;
  --mdc-filled-text-field-focus-active-indicator-color: #39b54a;
  --mdc-filled-text-field-focus-label-text-color: rgba(57, 181, 74, 0.87);
}
.mat-mdc-form-field.mat-accent {
  --mdc-outlined-text-field-caret-color: #39b54a;
  --mdc-outlined-text-field-focus-outline-color: #39b54a;
  --mdc-outlined-text-field-focus-label-text-color: rgba(57, 181, 74, 0.87);
}
.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: rgba(57, 181, 74, 0.87);
}

.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #e0b4b4;
  --mdc-filled-text-field-focus-active-indicator-color: #e0b4b4;
  --mdc-filled-text-field-focus-label-text-color: rgba(224, 180, 180, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mdc-outlined-text-field-caret-color: #e0b4b4;
  --mdc-outlined-text-field-focus-outline-color: #e0b4b4;
  --mdc-outlined-text-field-focus-label-text-color: rgba(224, 180, 180, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: rgba(224, 180, 180, 0.87);
}

html {
  --mat-form-field-container-height: 36px;
  --mat-form-field-filled-label-display: none;
  --mat-form-field-container-vertical-padding: 6px;
  --mat-form-field-filled-with-label-container-padding-top: 6px;
  --mat-form-field-filled-with-label-container-padding-bottom: 6px;
}

html {
  --mdc-filled-text-field-label-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mdc-filled-text-field-label-text-size: 1rem;
  --mdc-filled-text-field-label-text-tracking: normal;
  --mdc-filled-text-field-label-text-weight: 400;
}
html {
  --mdc-outlined-text-field-label-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mdc-outlined-text-field-label-text-size: 1rem;
  --mdc-outlined-text-field-label-text-tracking: normal;
  --mdc-outlined-text-field-label-text-weight: 400;
}
html {
  --mat-form-field-container-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mat-form-field-container-text-line-height: 1;
  --mat-form-field-container-text-size: 1rem;
  --mat-form-field-container-text-tracking: normal;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 1rem;
  --mat-form-field-subscript-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
}

html {
  --mat-select-container-elevation-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, 0.12);
}

html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(4, 73, 115, 0.87);
  --mat-select-invalid-arrow-color: rgba(224, 180, 180, 0.87);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(57, 181, 74, 0.87);
  --mat-select-invalid-arrow-color: rgba(224, 180, 180, 0.87);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(224, 180, 180, 0.87);
  --mat-select-invalid-arrow-color: rgba(224, 180, 180, 0.87);
}

html {
  --mat-select-arrow-transform: none;
}

html {
  --mat-select-trigger-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mat-select-trigger-text-line-height: 1;
  --mat-select-trigger-text-size: 1rem;
  --mat-select-trigger-text-tracking: normal;
  --mat-select-trigger-text-weight: 400;
}

html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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, 0.12);
}

html {
  --mat-autocomplete-background-color: white;
}

html {
  --mdc-dialog-container-shape: 4px;
}
html {
  --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}

html {
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
}
html {
  --mdc-dialog-subhead-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mdc-dialog-subhead-line-height: 32px;
  --mdc-dialog-subhead-size: 20px;
  --mdc-dialog-subhead-weight: 500;
  --mdc-dialog-subhead-tracking: 0.0125em;
  --mdc-dialog-supporting-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mdc-dialog-supporting-text-line-height: 1;
  --mdc-dialog-supporting-text-size: 1rem;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: normal;
}
.mat-mdc-standard-chip {
  --mdc-chip-container-shape-radius: 16px;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
}
.mat-mdc-standard-chip {
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
}

.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: rgb(224.4, 224.4, 224.4);
  --mdc-chip-elevated-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mdc-chip-elevated-disabled-container-color: rgb(224.4, 224.4, 224.4);
  --mdc-chip-flat-disabled-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-selected-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip {
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #044973;
  --mdc-chip-elevated-selected-container-color: #044973;
  --mdc-chip-elevated-disabled-container-color: #044973;
  --mdc-chip-flat-disabled-selected-container-color: #044973;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-elevated-container-color: #39b54a;
  --mdc-chip-elevated-selected-container-color: #39b54a;
  --mdc-chip-elevated-disabled-container-color: #39b54a;
  --mdc-chip-flat-disabled-selected-container-color: #39b54a;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #e0b4b4;
  --mdc-chip-elevated-selected-container-color: #e0b4b4;
  --mdc-chip-elevated-disabled-container-color: #e0b4b4;
  --mdc-chip-flat-disabled-selected-container-color: #e0b4b4;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}

.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 24px;
}
.mat-mdc-standard-chip {
  --mdc-chip-label-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 14px;
  --mdc-chip-label-text-tracking: 0.0178571429em;
  --mdc-chip-label-text-weight: 400;
}
html {
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
}
html .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-selected-track-outline-color: transparent;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
}

html {
  --mdc-switch-selected-focus-state-layer-color: #044973;
  --mdc-switch-selected-handle-color: #044973;
  --mdc-switch-selected-hover-state-layer-color: #044973;
  --mdc-switch-selected-pressed-state-layer-color: #044973;
  --mdc-switch-selected-focus-handle-color: #044973;
  --mdc-switch-selected-hover-handle-color: #044973;
  --mdc-switch-selected-pressed-handle-color: #044973;
  --mdc-switch-selected-focus-track-color: #64b5f6;
  --mdc-switch-selected-hover-track-color: #64b5f6;
  --mdc-switch-selected-pressed-track-color: #64b5f6;
  --mdc-switch-selected-track-color: #64b5f6;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: #fff;
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-color: rgba(0, 0, 0, 0.87);
}
html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #43a047;
  --mdc-switch-selected-handle-color: #43a047;
  --mdc-switch-selected-hover-state-layer-color: #43a047;
  --mdc-switch-selected-pressed-state-layer-color: #43a047;
  --mdc-switch-selected-focus-handle-color: #1b5e20;
  --mdc-switch-selected-hover-handle-color: #1b5e20;
  --mdc-switch-selected-pressed-handle-color: #1b5e20;
  --mdc-switch-selected-focus-track-color: #81c784;
  --mdc-switch-selected-hover-track-color: #81c784;
  --mdc-switch-selected-pressed-track-color: #81c784;
  --mdc-switch-selected-track-color: #81c784;
}
html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #e53935;
  --mdc-switch-selected-handle-color: #e53935;
  --mdc-switch-selected-hover-state-layer-color: #e53935;
  --mdc-switch-selected-pressed-state-layer-color: #e53935;
  --mdc-switch-selected-focus-handle-color: #b71c1c;
  --mdc-switch-selected-hover-handle-color: #b71c1c;
  --mdc-switch-selected-pressed-handle-color: #b71c1c;
  --mdc-switch-selected-focus-track-color: #e57373;
  --mdc-switch-selected-hover-track-color: #e57373;
  --mdc-switch-selected-pressed-track-color: #e57373;
  --mdc-switch-selected-track-color: #e57373;
}

html {
  --mdc-switch-state-layer-size: 28px;
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mat-switch-label-text-line-height: 20px;
  --mat-switch-label-text-size: 14px;
  --mat-switch-label-text-tracking: 0.0178571429em;
  --mat-switch-label-text-weight: 400;
}

html {
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
}
.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #044973;
  --mdc-radio-selected-hover-icon-color: #044973;
  --mdc-radio-selected-icon-color: #044973;
  --mdc-radio-selected-pressed-icon-color: #044973;
}
.mat-mdc-radio-button.mat-primary {
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #044973;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #39b54a;
  --mdc-radio-selected-hover-icon-color: #39b54a;
  --mdc-radio-selected-icon-color: #39b54a;
  --mdc-radio-selected-pressed-icon-color: #39b54a;
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #39b54a;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #e0b4b4;
  --mdc-radio-selected-hover-icon-color: #e0b4b4;
  --mdc-radio-selected-icon-color: #e0b4b4;
  --mdc-radio-selected-pressed-icon-color: #e0b4b4;
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #e0b4b4;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mdc-radio-state-layer-size: 28px;
}
html {
  --mat-radio-touch-target-display: none;
}

html {
  --mat-radio-label-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
}

html {
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
}

html {
  --mdc-slider-handle-color: #044973;
  --mdc-slider-focus-handle-color: #044973;
  --mdc-slider-hover-handle-color: #044973;
  --mdc-slider-active-track-color: #044973;
  --mdc-slider-inactive-track-color: #044973;
  --mdc-slider-with-tick-marks-inactive-container-color: #044973;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
}
html {
  --mat-slider-ripple-color: #044973;
  --mat-slider-hover-state-layer-color: rgba(4, 73, 115, 0.05);
  --mat-slider-focus-state-layer-color: rgba(4, 73, 115, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
}
html .mat-accent {
  --mdc-slider-handle-color: #39b54a;
  --mdc-slider-focus-handle-color: #39b54a;
  --mdc-slider-hover-handle-color: #39b54a;
  --mdc-slider-active-track-color: #39b54a;
  --mdc-slider-inactive-track-color: #39b54a;
  --mdc-slider-with-tick-marks-inactive-container-color: #39b54a;
  --mdc-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
}
html .mat-accent {
  --mat-slider-ripple-color: #39b54a;
  --mat-slider-hover-state-layer-color: rgba(57, 181, 74, 0.05);
  --mat-slider-focus-state-layer-color: rgba(57, 181, 74, 0.2);
}
html .mat-warn {
  --mdc-slider-handle-color: #e0b4b4;
  --mdc-slider-focus-handle-color: #e0b4b4;
  --mdc-slider-hover-handle-color: #e0b4b4;
  --mdc-slider-active-track-color: #e0b4b4;
  --mdc-slider-inactive-track-color: #e0b4b4;
  --mdc-slider-with-tick-marks-inactive-container-color: #e0b4b4;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
html .mat-warn {
  --mat-slider-ripple-color: #e0b4b4;
  --mat-slider-hover-state-layer-color: rgba(224, 180, 180, 0.05);
  --mat-slider-focus-state-layer-color: rgba(224, 180, 180, 0.2);
}

html {
  --mdc-slider-label-label-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mdc-slider-label-label-text-size: 14px;
  --mdc-slider-label-label-text-line-height: 22px;
  --mdc-slider-label-label-text-tracking: 0.0071428571em;
  --mdc-slider-label-label-text-weight: 500;
}

html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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, 0.12);
}

html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-menu-item-label-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mat-menu-item-label-text-size: 1rem;
  --mat-menu-item-label-text-tracking: normal;
  --mat-menu-item-label-text-line-height: 1;
  --mat-menu-item-label-text-weight: 400;
}

html {
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
html {
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
}

html {
  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #044973;
  --mdc-radio-selected-hover-icon-color: #044973;
  --mdc-radio-selected-icon-color: #044973;
  --mdc-radio-selected-pressed-icon-color: #044973;
}

.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #39b54a;
  --mdc-radio-selected-hover-icon-color: #39b54a;
  --mdc-radio-selected-icon-color: #39b54a;
  --mdc-radio-selected-pressed-icon-color: #39b54a;
}

.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #e0b4b4;
  --mdc-radio-selected-hover-icon-color: #e0b4b4;
  --mdc-radio-selected-icon-color: #e0b4b4;
  --mdc-radio-selected-pressed-icon-color: #e0b4b4;
}

.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #044973;
  --mdc-checkbox-selected-hover-icon-color: #044973;
  --mdc-checkbox-selected-icon-color: #044973;
  --mdc-checkbox-selected-pressed-icon-color: #044973;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #044973;
  --mdc-checkbox-selected-hover-state-layer-color: #044973;
  --mdc-checkbox-selected-pressed-state-layer-color: #044973;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: black;
  --mdc-checkbox-selected-focus-icon-color: #39b54a;
  --mdc-checkbox-selected-hover-icon-color: #39b54a;
  --mdc-checkbox-selected-icon-color: #39b54a;
  --mdc-checkbox-selected-pressed-icon-color: #39b54a;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #39b54a;
  --mdc-checkbox-selected-hover-state-layer-color: #39b54a;
  --mdc-checkbox-selected-pressed-state-layer-color: #39b54a;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #e0b4b4;
  --mdc-checkbox-selected-hover-icon-color: #e0b4b4;
  --mdc-checkbox-selected-icon-color: #e0b4b4;
  --mdc-checkbox-selected-pressed-icon-color: #e0b4b4;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #e0b4b4;
  --mdc-checkbox-selected-hover-state-layer-color: #e0b4b4;
  --mdc-checkbox-selected-pressed-state-layer-color: #e0b4b4;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #044973;
}

.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}

html {
  --mdc-list-list-item-one-line-container-height: 24px;
  --mdc-list-list-item-two-line-container-height: 48px;
  --mdc-list-list-item-three-line-container-height: 56px;
}
html {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size: 28px;
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 40px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 56px;
}

html {
  --mdc-list-list-item-label-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mdc-list-list-item-label-text-line-height: 1;
  --mdc-list-list-item-label-text-size: 1rem;
  --mdc-list-list-item-label-text-tracking: normal;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 14px;
  --mdc-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: 12px;
  --mdc-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
}
.mdc-list-group__subheader {
  font: 400 16px / 28px Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  letter-spacing: 0.009375em;
}

html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-paginator-container-size: 40px;
  --mat-paginator-form-field-container-height: 36px;
  --mat-paginator-form-field-container-vertical-padding: 6px;
  --mat-paginator-touch-target-display: none;
}

html {
  --mat-paginator-container-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
}

html {
  --mdc-secondary-navigation-tab-container-height: 48px;
}
html {
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
}
html {
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #044973;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #044973;
  --mat-tab-header-active-ripple-color: #044973;
  --mat-tab-header-inactive-ripple-color: #044973;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #044973;
  --mat-tab-header-active-hover-label-text-color: #044973;
  --mat-tab-header-active-focus-indicator-color: #044973;
  --mat-tab-header-active-hover-indicator-color: #044973;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #39b54a;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #39b54a;
  --mat-tab-header-active-ripple-color: #39b54a;
  --mat-tab-header-inactive-ripple-color: #39b54a;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #39b54a;
  --mat-tab-header-active-hover-label-text-color: #39b54a;
  --mat-tab-header-active-focus-indicator-color: #39b54a;
  --mat-tab-header-active-hover-indicator-color: #39b54a;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #e0b4b4;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #e0b4b4;
  --mat-tab-header-active-ripple-color: #e0b4b4;
  --mat-tab-header-inactive-ripple-color: #e0b4b4;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #e0b4b4;
  --mat-tab-header-active-hover-label-text-color: #e0b4b4;
  --mat-tab-header-active-focus-indicator-color: #e0b4b4;
  --mat-tab-header-active-hover-indicator-color: #e0b4b4;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #044973;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #39b54a;
  --mat-tab-header-with-background-foreground-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #e0b4b4;
  --mat-tab-header-with-background-foreground-color: white;
}

.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 32px;
}
.mat-mdc-tab-header {
  --mat-tab-header-label-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mat-tab-header-label-text-size: 14px;
  --mat-tab-header-label-text-tracking: 0.0892857143em;
  --mat-tab-header-label-text-line-height: 36px;
  --mat-tab-header-label-text-weight: 500;
}
html {
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
}
html {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: black;
  --mdc-checkbox-selected-focus-icon-color: #39b54a;
  --mdc-checkbox-selected-hover-icon-color: #39b54a;
  --mdc-checkbox-selected-icon-color: #39b54a;
  --mdc-checkbox-selected-pressed-icon-color: #39b54a;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #39b54a;
  --mdc-checkbox-selected-hover-state-layer-color: #39b54a;
  --mdc-checkbox-selected-pressed-state-layer-color: #39b54a;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
html {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #044973;
  --mdc-checkbox-selected-hover-icon-color: #044973;
  --mdc-checkbox-selected-icon-color: #044973;
  --mdc-checkbox-selected-pressed-icon-color: #044973;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #044973;
  --mdc-checkbox-selected-hover-state-layer-color: #044973;
  --mdc-checkbox-selected-pressed-state-layer-color: #044973;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #e0b4b4;
  --mdc-checkbox-selected-hover-icon-color: #e0b4b4;
  --mdc-checkbox-selected-icon-color: #e0b4b4;
  --mdc-checkbox-selected-pressed-icon-color: #e0b4b4;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #e0b4b4;
  --mdc-checkbox-selected-hover-state-layer-color: #e0b4b4;
  --mdc-checkbox-selected-pressed-state-layer-color: #e0b4b4;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

html {
  --mdc-checkbox-state-layer-size: 28px;
}
html {
  --mat-checkbox-touch-target-display: none;
}

html {
  --mat-checkbox-label-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
}

html {
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
}
html {
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
}
html {
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-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, 0.12);
}
html {
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
}
html {
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
}
html {
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
}
html {
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
}
html {
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
}

html {
  --mdc-text-button-label-text-color: black;
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html {
  --mat-text-button-state-layer-color: black;
  --mat-text-button-disabled-state-layer-color: black;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
}
html {
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: black;
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html {
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-disabled-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
}
html {
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: black;
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html {
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-disabled-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
}
html {
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color: black;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-outlined-button-state-layer-color: black;
  --mat-outlined-button-disabled-state-layer-color: black;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
}

.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #044973;
}
.mat-mdc-button.mat-primary {
  --mat-text-button-state-layer-color: #044973;
  --mat-text-button-ripple-color: rgba(4, 73, 115, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #39b54a;
}
.mat-mdc-button.mat-accent {
  --mat-text-button-state-layer-color: #39b54a;
  --mat-text-button-ripple-color: rgba(57, 181, 74, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #e0b4b4;
}
.mat-mdc-button.mat-warn {
  --mat-text-button-state-layer-color: #e0b4b4;
  --mat-text-button-ripple-color: rgba(224, 180, 180, 0.1);
}

.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #044973;
  --mdc-filled-button-label-text-color: white;
}
.mat-mdc-unelevated-button.mat-primary {
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #39b54a;
  --mdc-filled-button-label-text-color: black;
}
.mat-mdc-unelevated-button.mat-accent {
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #e0b4b4;
  --mdc-filled-button-label-text-color: white;
}
.mat-mdc-unelevated-button.mat-warn {
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #044973;
  --mdc-protected-button-label-text-color: white;
}
.mat-mdc-raised-button.mat-primary {
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #39b54a;
  --mdc-protected-button-label-text-color: black;
}
.mat-mdc-raised-button.mat-accent {
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #e0b4b4;
  --mdc-protected-button-label-text-color: white;
}
.mat-mdc-raised-button.mat-warn {
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #044973;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-primary {
  --mat-outlined-button-state-layer-color: #044973;
  --mat-outlined-button-ripple-color: rgba(4, 73, 115, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #39b54a;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-accent {
  --mat-outlined-button-state-layer-color: #39b54a;
  --mat-outlined-button-ripple-color: rgba(57, 181, 74, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #e0b4b4;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-warn {
  --mat-outlined-button-state-layer-color: #e0b4b4;
  --mat-outlined-button-ripple-color: rgba(224, 180, 180, 0.1);
}

html {
  --mdc-text-button-container-height: 24px;
}
html {
  --mdc-filled-button-container-height: 24px;
}
html {
  --mdc-protected-button-container-height: 24px;
}
html {
  --mdc-outlined-button-container-height: 24px;
}
html {
  --mat-text-button-touch-target-display: none;
}
html {
  --mat-filled-button-touch-target-display: none;
}
html {
  --mat-protected-button-touch-target-display: none;
}
html {
  --mat-outlined-button-touch-target-display: none;
}

html {
  --mdc-text-button-label-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mdc-text-button-label-text-size: 14px;
  --mdc-text-button-label-text-tracking: 0.0892857143em;
  --mdc-text-button-label-text-weight: 500;
  --mdc-text-button-label-text-transform: none;
}
html {
  --mdc-filled-button-label-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mdc-filled-button-label-text-size: 14px;
  --mdc-filled-button-label-text-tracking: 0.0892857143em;
  --mdc-filled-button-label-text-weight: 500;
  --mdc-filled-button-label-text-transform: none;
}
html {
  --mdc-protected-button-label-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mdc-protected-button-label-text-size: 14px;
  --mdc-protected-button-label-text-tracking: 0.0892857143em;
  --mdc-protected-button-label-text-weight: 500;
  --mdc-protected-button-label-text-transform: none;
}
html {
  --mdc-outlined-button-label-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mdc-outlined-button-label-text-size: 14px;
  --mdc-outlined-button-label-text-tracking: 0.0892857143em;
  --mdc-outlined-button-label-text-weight: 500;
  --mdc-outlined-button-label-text-transform: none;
}
html {
  --mdc-icon-button-icon-size: 24px;
}

html {
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
}
html {
  --mat-icon-button-state-layer-color: black;
  --mat-icon-button-disabled-state-layer-color: black;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #044973;
}
html .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-state-layer-color: #044973;
  --mat-icon-button-ripple-color: rgba(4, 73, 115, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #39b54a;
}
html .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-state-layer-color: #39b54a;
  --mat-icon-button-ripple-color: rgba(57, 181, 74, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #e0b4b4;
}
html .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-state-layer-color: #e0b4b4;
  --mat-icon-button-ripple-color: rgba(224, 180, 180, 0.1);
}

html {
  --mat-icon-button-touch-target-display: none;
}

.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 28px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 2px;
}

html {
  --mdc-fab-container-shape: 50%;
  --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-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, 0.12);
  --mdc-fab-hover-container-elevation-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, 0.12);
  --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-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, 0.12);
  --mdc-fab-small-hover-container-elevation-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, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-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, 0.12);
  --mdc-extended-fab-hover-container-elevation-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, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

html {
  --mdc-fab-container-color: white;
}
html {
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
}
html {
  --mdc-fab-small-container-color: white;
}
html {
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #044973;
}
html .mat-mdc-fab.mat-primary {
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #39b54a;
}
html .mat-mdc-fab.mat-accent {
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
}
html .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #e0b4b4;
}
html .mat-mdc-fab.mat-warn {
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #044973;
}
html .mat-mdc-mini-fab.mat-primary {
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #39b54a;
}
html .mat-mdc-mini-fab.mat-accent {
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
}
html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #e0b4b4;
}
html .mat-mdc-mini-fab.mat-warn {
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}

html {
  --mat-fab-touch-target-display: none;
}
html {
  --mat-fab-small-touch-target-display: none;
}

html {
  --mdc-extended-fab-label-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mdc-extended-fab-label-text-size: 14px;
  --mdc-extended-fab-label-text-tracking: 0.0892857143em;
  --mdc-extended-fab-label-text-weight: 500;
}
html {
  --mdc-snackbar-container-shape: 4px;
}

html {
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
}
html {
  --mat-snack-bar-button-color: #bbdefb;
}

html {
  --mdc-snackbar-supporting-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400;
}

html {
  --mat-table-row-item-outline-width: 1px;
}

html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-table-header-container-height: 40px;
  --mat-table-footer-container-height: 36px;
  --mat-table-row-item-container-height: 36px;
}

html {
  --mat-table-header-headline-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
}

html {
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
}

html {
  --mdc-circular-progress-active-indicator-color: #044973;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color: #39b54a;
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color: #e0b4b4;
}

html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}

html {
  --mat-badge-background-color: #044973;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}

.mat-badge-accent {
  --mat-badge-background-color: #39b54a;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}

.mat-badge-warn {
  --mat-badge-background-color: #e0b4b4;
  --mat-badge-text-color: white;
}

html {
  --mat-badge-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
}

html {
  --mat-bottom-sheet-container-shape: 4px;
}

html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}

html {
  --mat-bottom-sheet-container-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
}

html {
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
}
html {
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
}

html {
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
}
html {
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: rgb(224.4, 224.4, 224.4);
}

html {
  --mat-standard-button-toggle-height: 24px;
}

html {
  --mat-legacy-button-toggle-label-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mat-legacy-button-toggle-label-text-line-height: 1;
  --mat-legacy-button-toggle-label-text-size: 1rem;
  --mat-legacy-button-toggle-label-text-tracking: normal;
  --mat-legacy-button-toggle-label-text-weight: 400;
}
html {
  --mat-standard-button-toggle-label-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mat-standard-button-toggle-label-text-line-height: 1;
  --mat-standard-button-toggle-label-text-size: 1rem;
  --mat-standard-button-toggle-label-text-tracking: normal;
  --mat-standard-button-toggle-label-text-weight: 400;
}

html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

html {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #044973;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(4, 73, 115, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(4, 73, 115, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(4, 73, 115, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #044973;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(4, 73, 115, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #39b54a;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(57, 181, 74, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(57, 181, 74, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(57, 181, 74, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(57, 181, 74, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #e0b4b4;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(224, 180, 180, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(224, 180, 180, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(224, 180, 180, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(224, 180, 180, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}

.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #39b54a;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #e0b4b4;
}

.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}

html {
  --mat-datepicker-calendar-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}

html {
  --mat-divider-width: 1px;
}

html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}

html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}

html {
  --mat-expansion-header-collapsed-state-height: 36px;
  --mat-expansion-header-expanded-state-height: 48px;
}

html {
  --mat-expansion-header-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
}

html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}

html {
  --mat-icon-color: inherit;
}

.mat-icon.mat-primary {
  --mat-icon-color: #044973;
}
.mat-icon.mat-accent {
  --mat-icon-color: #39b54a;
}
.mat-icon.mat-warn {
  --mat-icon-color: #e0b4b4;
}

html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}

html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}

html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #044973;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #044973;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #044973;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #e0b4b4;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e0b4b4;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #39b54a;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #39b54a;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #39b54a;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #e0b4b4;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #e0b4b4;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #e0b4b4;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}

html {
  --mat-stepper-header-height: 42px;
}

html {
  --mat-stepper-container-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mat-stepper-header-label-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 1rem;
  --mat-stepper-header-selected-state-label-text-size: 1rem;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}

html {
  --mat-sort-arrow-color: rgb(117.3, 117.3, 117.3);
}

html {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #044973;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #39b54a;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e0b4b4;
  --mat-toolbar-container-text-color: white;
}

html {
  --mat-toolbar-standard-height: 52px;
  --mat-toolbar-mobile-height: 44px;
}

html {
  --mat-toolbar-title-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
}

html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-tree-node-min-height: 28px;
}

html {
  --mat-tree-node-text-font: Lato, Montserrat, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}

html {
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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, 0.12);
}

html {
  --mat-timepicker-container-background-color: white;
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  border-radius: 0 !important;
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
  border-radius: 0 !important;
}

.mat-mdc-form-field {
  width: 100%;
}

/**
 * Makes the Material Select line up with the SUI Selects
 */
.mat-mdc-form-field:not(.mat-mdc-form-field.material-date-picker) {
  margin-bottom: -1.5rem;
}

.mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--focused .mdc-notched-outline__trailing {
  border-width: 1px !important;
}

.mdc-text-field:not(.mdc-text-field--invalid):not(.mdc-text-field--focused):not(.mdc-text-field--disabled) .mdc-notched-outline > * {
  border-color: rgba(0, 0, 0, 0.12) !important;
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--invalid).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--invalid).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--invalid).mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: var(--action-item-selected-color);
}

.mdc-text-field--outlined.mdc-text-field--no-label.mdc-text-field--focused {
  box-shadow: 0 0 5px var(--action-item-selected-color);
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid.mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid.mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid.mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: #EB3F3F;
}

.mdc-text-field--outlined.mdc-text-field--no-label.mdc-text-field--invalid.mdc-text-field--focused {
  box-shadow: 0 0 5px var(--alert-color);
}

.mdc-text-field--no-label:not(.mdc-text-field--textarea) .mat-mdc-form-field-input-control.mdc-text-field__input,
.mat-mdc-text-field-wrapper .mat-mdc-form-field-input-control {
  margin-top: 0.2rem;
}

.mat-mdc-text-field-wrapper {
  background-color: #FFFFFF;
}

.mat-mdc-text-field-wrapper.mdc-text-field.mdc-text-field--outlined.mdc-text-field--no-label.mdc-text-field--invalid {
  background-color: #FFF6F6;
}

.mat-mdc-radio-button.mat-accent {
  --mdc-radio-selected-icon-color: colorVar.$rm-darker-text-color;
  --mdc-radio-selected-focus-icon-color: colorVar.$rm-darker-text-color;
  --mdc-radio-selected-hover-icon-color: colorVar.$rm-darker-text-color;
  --mdc-radio-selected-pressed-icon-color: colorVar.$rm-darker-text-color;
  --mat-mdc-radio-checked-ripple-color: colorVar.$rm-darker-text-color;
}

.mat-mdc-progress-spinner {
  --mdc-circular-progress-active-indicator-color: #767676;
}

.hint-text.ng-star-inserted {
  margin-top: -1.5rem;
}

/*
https://stackoverflow.com/questions/48352238/why-mat-select-not-working-inside-the-modal-onclick-it-shows-options-behind-th
 */
.cdk-overlay-container {
  z-index: 110000;
}

/**
 * Avoid Material select hiding behind Semantic UI popup.
 */
.cdk-overlay-pane {
  z-index: 99999 !important;
}

/**
 * Remove shadow form Material checkbox.
 */
.mat-mdc-checkbox .mdc-checkbox__ripple {
  background: none !important;
  border-radius: 5px;
}

.mat-mdc-checkbox .mdc-form-field {
  align-items: flex-end !important;
}

.mat-mdc-checkbox .mdc-form-field {
  line-height: 1.3em;
}

.mat-accent {
  --mat-option-selected-state-label-text-color: #ffffff !important;
}

.mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background {
  border: 1px solid var(--action-item-color) !important;
  background-color: var(--action-item-color) !important;
}

.mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  color: #FFFFFF !important;
}

/**
 * Avoids material select hiding behind modal.
 * https://stackoverflow.com/a/55322208
 */
.cdk-overlay-connected-position-bounding-box {
  z-index: 99999 !important;
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: #FFFFFF;
}

.mat-mdc-dialog-container .mdc-dialog__title {
  color: #FFFFFF !important;
}

.mdc-dialog__title::before {
  vertical-align: middle !important;
}

.mat-mdc-dialog-container .mdc-dialog__content {
  padding: 1rem !important;
}

.mat-mdc-dialog-container .no-padding.mdc-dialog__content {
  padding: 0 !important;
}

.mat-mdc-dialog-container .mdc-dialog__content.no-bottom-padding {
  padding-bottom: 0 !important;
}

.mat-select-placeholder {
  font-style: italic;
}

.mat-select-search-input {
  background-color: #FFFFFF !important;
}

.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle {
  border-color: black !important;
}

.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: black !important;
}

.mat-mdc-radio-button.mat-mdc-radio-checked .mat-ripple-element {
  border-color: black !important;
}

.mat-dialog-title {
  display: block;
  font-family: "Lato", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 1.25rem;
  text-align: center;
  line-height: 1.28571429em;
  font-weight: 400;
  background: #044973;
  margin: 0;
  padding: 1rem 1.25rem;
  box-shadow: none;
  color: #ffffff;
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}

.mat-dialog-title.medium-font {
  font-size: 1.3em;
}

.mat-dialog-title.small-font {
  font-size: 1em;
}

mat-dialog-actions.actions platform-button:first-child .button {
  margin-right: 0 !important;
}

mat-dialog-actions.actions platform-button.action.no-inline-margin .button {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.no-scroll {
  overflow: hidden !important;
}

.mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: none;
}

.mat-expansion-panel-header {
  font-weight: 700 !important;
}

.mat-drawer-container {
  background-color: #FFFFFF !important;
}

.mat-drawer-inner-container {
  overflow-x: hidden !important;
}

.mat-drawer-content {
  margin-top: 0.2rem;
}

.mat-mdc-dialog-container .mat-mdc-dialog-surface.mdc-dialog__surface {
  border-radius: 0 !important;
  box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
}

.mat-mdc-dialog-surface .scrolling.content {
  max-height: calc(80vh - 10rem);
  overflow: auto;
}

.mat-mdc-dialog-surface .content {
  padding: 1rem;
}

.mat-mdc-dialog-container .mat-mdc-dialog-content.mdc-dialog__content {
  line-height: 1.4em;
  color: var(--darker-text-color);
}

.mat-mdc-dialog-actions.mdc-dialog__actions {
  padding: 1rem 1rem;
  min-height: 0;
  gap: 0.75em;
}

mat-dialog-actions {
  border-top: 1px solid rgba(34, 36, 38, 0.15) !important;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.5);
}

/**********
  Mixins
***********/
/*--------------
      Button
---------------*/
.mat.button {
  cursor: pointer;
  display: inline-block;
  min-height: 1em;
  outline: 0;
  border: none;
  vertical-align: baseline;
  background: #044973 none;
  color: #FFFFFF !important;
  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
  margin: 0 0.4rem 0 0;
  padding: 0.3rem 1rem 0.3rem;
  text-transform: none;
  text-shadow: none;
  font-weight: 400;
  line-height: 1em;
  font-style: normal;
  text-align: center;
  text-decoration: none;
  border-radius: 500rem;
  -webkit-user-select: none;
  user-select: none;
  letter-spacing: normal !important;
  transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
  will-change: auto;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2) inset;
  -webkit-tap-highlight-color: transparent;
}

.mat.button:hover {
  background-color: #05598c;
  background-image: none;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3) inset;
  color: #FFFFFF;
}

.mat.button:disabled, .mat.buttons .disabled.button:not(.basic), .mat.disabled.active.button, .mat.disabled.button, .mat.disabled.button:hover {
  cursor: default;
  opacity: 0.45 !important;
  background-image: none;
  box-shadow: none;
  pointer-events: none !important;
}

.mat.button:hover .icon {
  opacity: 0.85;
}

.mat.button:focus {
  background-color: #007bc2;
  color: #FFFFFF;
  background-image: none;
}

.mat.button:focus .icon {
  opacity: 0.85;
}

.mat.button.large {
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  height: 32px;
  min-width: 6rem;
  margin: 0 0.5rem;
  flex: 1;
}

.mat.button:first-child {
  margin-left: 0.4rem;
}

platform-button .mat.button:first-child, platform-runnable-button .mat.button:first-child {
  margin-left: 0 !important;
}

.rectangle-button {
  display: flex;
  width: 100%;
}

platform-button:first-child, platform-runnable-button:first-child {
  margin-left: 0.4rem;
}

.mat.huge.button {
  font-size: 1.42857143rem;
}

.mat.fluid.button {
  width: 100%;
}

.mat.fluid.button {
  display: block;
}

.mat.circular.button {
  border-radius: 10em;
}

.mat.circular.button > .icon {
  width: 1em;
  vertical-align: baseline;
  margin: 0;
}

.mat.icon.buttons .button,
.mat.icon.button:not(.animated):not(.compact):not(.labeled) {
  padding: 0.3em 0.3em 0.3em;
}

/*--------------
     Active
---------------*/
.mat.active.button:active, .mat.button:active {
  background-color: #f0f0f0;
  background-image: none;
  color: rgba(0, 0, 0, 0.9) !important;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.35) inset !important;
}

.mat.active.button:hover {
  background-color: #DDDDDD;
  background-image: none;
  color: rgba(0, 0, 0, 0.95);
}

/*--------------
      Action
---------------*/
.actions .button, .action {
  margin-left: 0.75em;
}

/*----------
    Sizes
------------*/
.button-group .large {
  background-color: #044973;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 0.875rem;
  height: 32px;
  min-width: 120px;
  text-align: center;
  width: 48.5%;
  margin: 0;
}

/******* Icon Styles *********/
.mat.menu .item > i.mat.icon {
  opacity: 0.9;
  float: none;
  margin: 0 0.35714286em 0 0;
}

.mat.icon.input > i.mat.icon {
  cursor: default;
  position: absolute;
  line-height: 1;
  text-align: center;
  top: 0;
  right: 0;
  margin: 0;
  height: 100%;
  width: 2.67142857em;
  opacity: 0.5;
  border-radius: 0;
  transition: opacity 0.3s ease;
}

i.mat.icon, i.mat.icons {
  font-size: 1em;
  line-height: 1;
  font-style: normal;
}

i.mat.icon {
  display: inline-block;
  opacity: 1;
  margin: 0 0.25rem 0 0;
  width: 1.18em;
  height: 1em;
  font-family: Icons;
  font-style: normal;
  font-weight: 400;
  text-decoration: inherit;
  text-align: center;
  speak: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  backface-visibility: hidden;
}

/******** Sizes **********/
i.mat.bold-font {
  font-weight: bold;
}

i.mat.large {
  font-size: 1.5em;
  vertical-align: middle;
}

i.mat.small {
  font-size: 0.75em;
  vertical-align: middle;
}

x-large.icon {
  font-size: 2.25em;
}

/******** Styles ********/
i.mat.primary.icon {
  color: #044973;
}

i.mat.halfway.rotated.icon {
  transform: rotate(180deg);
}

i.mat.clockwise.rotated.icon, i.mat.right.rotated.icon, i.mat.rotated.icon {
  transform: rotate(90deg);
}

i.mat.circular.icon {
  border-radius: 500em !important;
  line-height: 1 !important;
  padding: 0.5em 0 !important;
  box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset;
  width: 2em !important;
  height: 2em !important;
}

i.mat.circular.icon.colored {
  box-shadow: 0 0 0 0.1em currentColor inset;
}

i.mat.inverted.bordered.icon {
  background-color: #1b1c1d;
  color: #fff;
}

i.mat.inverted.icon {
  color: #fff;
}

i.mat.flipped.icon, i.mat.horizontally.flipped.icon {
  transform: scale(-1, 1);
}

i.mat.inverted.circular.icon {
  background-color: #333 !important;
  color: #fff !important;
}

i.mat.inverted.bordered.icon, i.mat.inverted.circular.icon {
  background-color: #1b1c1d;
  color: #fff;
}

i.mat.circular.inverted.icon {
  border: none;
  box-shadow: none;
}

i.mat.icon.outline {
  font-family: "outline-icons";
}

/********* Icon Content *******/
i.mat.icon.tasks:before {
  content: "\f0ae";
}

i.mat.icon.list-check:before {
  content: "\f0ae";
}

i.mat.icon.network.wired:before {
  content: "\f6ff";
}

i.mat.icon.check:before {
  content: "\f00c";
}

i.mat.icon.check.circle:before {
  content: "\f058";
}

i.mat.icon.clock:before {
  content: "\f017";
}

i.mat.icon.remove:before {
  content: "\f00d";
}

i.mat.icon.plus:before {
  content: "\f067";
}

i.mat.icon.plus.square:before {
  content: "\f0fe";
}

i.mat.icon.plus.circle:before {
  content: "\f055";
}

i.mat.icon.caret.right:before {
  content: "\f0da";
}

i.mat.icon.caret.up:before {
  content: "\f0d8";
}

i.mat.icon.caret.down:before {
  content: "\f0d7";
}

i.mat.icon.caret.left:before {
  content: "\f0d9";
}

i.mat.icon.filter:before {
  content: "\f0b0";
}

i.mat.icon.refresh:before {
  content: "\f021";
}

i.mat.icon.download:before {
  content: "\f019";
}

i.mat.icon.edit:before {
  content: "\f044";
  font-weight: bold;
}

i.mat.icon.save:before {
  content: "\f0c7";
}

i.mat.icon.trash:before {
  content: "\f1f8";
}

i.mat.icon.trash.alternate:before {
  content: "\f014";
}

i.mat.icon.long.arrow.alternate.left:before {
  content: "\f30a";
}

i.mat.icon.long.arrow.alternate.right:before {
  content: "\f30b";
}

i.mat.icon.comment:before {
  content: "\f075";
}

i.mat.icon.exclamation.triangle:before {
  content: "\f071";
}

i.mat.icon.eye:before {
  content: "\f06e";
}

i.mat.icon.low.vision:before {
  content: "\f070";
}

i.mat.icon.times:before {
  content: "\f00d";
}

i.mat.icon.times.circle:before {
  content: "\f057";
}

i.mat.icon.square.outline:before {
  content: "\f0c8";
}

i.mat.icon.minus:before {
  content: "\f068";
}

i.mat.icon.circle.minus::before {
  content: "\f056";
}

i.mat.icon.minus.square:before {
  content: "\f146";
}

i.mat.icon.check.square.outline:before {
  content: "\f14a";
}

i.mat.icon.x:before {
  content: "\f00d";
}

i.mat.icon.phone.alternate:before {
  content: "\f879";
}

i.mat.icon.envelope:before {
  content: "\f0e0";
}

i.mat.icon.plus.square.outline:before {
  content: "\f0fe";
}

i.mat.icon.plus:before {
  content: "\f067";
}

i.mat.icon.comment:before {
  content: "\f075";
}

i.mat.icon.file:before {
  content: "\f15b";
}

i.mat.icon.file.alternate:before {
  content: "\f15c";
}

i.mat.icon.file.archive:before {
  content: "\f1c6";
}

i.mat.icon.file.audio:before {
  content: "\f1c7";
}

i.mat.icon.file.code:before {
  content: "\f1c9";
}

i.mat.icon.file.contract:before {
  content: "\f56c";
}

i.mat.icon.file.csv:before {
  content: "\f6dd";
}

i.icon.file.download:before {
  content: "\f56d";
}

i.mat.icon.file.excel:before {
  content: "\f1c3";
}

i.mat.icon.file.export:before {
  content: "\f56e";
}

i.mat.icon.file.image:before {
  content: "\f1c5";
}

i.mat.icon.file.import:before {
  content: "\f56f";
}

i.mat.icon.file.invoice:before {
  content: "\f570";
}

i.mat.icon.file.invoice.dollar:before {
  content: "\f571";
}

i.mat.icon.file.medical:before {
  content: "\f477";
}

i.mat.icon.file.medical.alternate:before {
  content: "\f478";
}

i.mat.icon.file.pdf:before {
  content: "\f1c1";
}

i.mat.icon.file.powerpoint:before {
  content: "\f1c4";
}

i.mat.icon.file.prescription:before {
  content: "\f572";
}

i.mat.icon.file.signature:before {
  content: "\f573";
}

i.mat.icon.file.upload:before {
  content: "\f574";
}

i.mat.icon.file.video:before {
  content: "\f1c8";
}

i.mat.icon.file.word:before {
  content: "\f1c2";
}

i.mat.icon.sign:before {
  content: "\f4d9";
}

i.mat.icon.sign.in.alternate:before {
  content: "\f2f6";
}

i.mat.icon.sign.language:before {
  content: "\f2a7";
}

i.mat.icon.sign.out.alternate:before {
  content: "\f2f5";
}

i.mat.icon.upload:before {
  content: "\f093";
}

i.mat.icon.attach:before {
  content: "\f0c6";
}

i.mat.icon.move:before {
  content: "\f047";
}

i.mat.icon.sort.down:before {
  content: "\f0dd";
}

i.mat.icon.sort.amount.down:before {
  content: "\f161";
}

i.mat.icon.pen:before {
  content: "\f040";
}

i.mat.icon.area.chart:before {
  content: "\f1fe";
}

i.mat.icon.calendar:before {
  content: "\f133";
}

i.mat.icon.calendar.alternate:before {
  content: "\f073";
}

i.mat.icon.calendar.check:before {
  content: "\f274";
}

i.mat.icon.calendar.day:before {
  content: "\f783";
}

i.mat.icon.calendar.minus:before {
  content: "\f272";
}

i.mat.icon.calendar.plus:before {
  content: "\f271";
}

i.mat.icon.calendar.times:before {
  content: "\f273";
}

i.mat.icon.calendar.week:before {
  content: "\f784";
}

i.mat.icon.close:before {
  content: "\f00d";
}

i.mat.icon.window.close:before {
  content: "\f2d3";
}

i.mat.icon.arrow.down:before {
  content: "\f063";
}

i.mat.icon.arrow.circle.down:before {
  content: "\f0ab";
}

i.mat.icon.long.arrow.alternate.down:before {
  content: "\f309";
}

i.mat.icon.long.arrow.alternate.left:before {
  content: "\f30a";
}

i.mat.icon.long.arrow.alternate.right:before {
  content: "\f30b";
}

i.mat.icon.arrow.up:before {
  content: "\f062";
}

i.mat.icon.arrow.circle.up:before {
  content: "\f0aa";
}

i.mat.icon.long.arrow.alternate.up:before {
  content: "\f30c";
}

i.mat.icon.angle.left:before {
  content: "\f104";
}

i.mat.icon.angle.right:before {
  content: "\f105";
}

i.mat.icon.angle.up:before {
  content: "\f106";
}

i.mat.icon.angle.down:before {
  content: "\f107";
}

i.mat.icon.info.circle:before {
  content: "\f05a";
}

i.mat.icon.checkmark:before {
  content: "\f00c";
}

i.mat.icon.chevron.left:before {
  content: "\f053";
}

i.mat.icon.chevron.down:before {
  content: "\f078";
}

i.mat.icon.chevron.right:before {
  content: "\f054";
}

i.mat.icon.chevron.up:before {
  content: "\f077";
}

i.mat.icon.exclamation:before {
  content: "\f12a";
}

i.mat.icon.exclamation.triangle:before {
  content: "\f071";
}

i.mat.icon.help:before {
  content: "\f128";
}

i.mat.icon.help.circle:before {
  content: "\f059";
}

i.mat.icon.ban:before {
  content: "\f05e";
}

i.mat.icon.remove:before {
  content: "\f00d";
}

i.mat.icon.info:before {
  content: "\f129";
}

i.mat.icon.circle:before {
  content: "\f111";
}

i.mat.icon.circle.outline:before {
  content: "\f111";
}

i.mat.icon.stop.circle:before {
  content: "\f28d";
}

i.mat.icon.warning.circle:before {
  content: "\f06a";
}

i.mat.icon.user:before {
  content: "\f007";
}

i.mat.icon.comments:before {
  content: "\f086";
}

i.mat.icon.address:before {
  content: "\f2bb";
}

i.mat.icon.users:before {
  content: "\f0c0";
}

i.mat.icon.group:before {
  content: "\f0c0";
}

i.mat.icon.heartbeat:before {
  content: "\f21e";
}

i.mat.icon.undo:before {
  content: "\f0e2";
}

i.mat.icon.th.list:before {
  content: "\f00b";
}

i.mat.icon.h.square:before {
  content: "\f0fd";
}

i.mat.icon.send:before {
  content: "\f1d8";
}

i.mat.icon.bell:before {
  content: "\f0f3";
}

i.mat.icon.bell.slash.outline:before {
  content: "\f1f6";
}

i.mat.icon.bell.outline:before {
  content: "\f0f3";
}

i.mat.icon.bell.slash:before {
  content: "\f1f6";
}

i.mat.icon.slash:before {
  content: "\f715";
}

i.mat.icon.user.plus:before {
  content: "\f234";
}

i.mat.icon.ellipsis.horizontal:before {
  content: "\f141";
}

i.mat.icon.ellipsis.vertical:before {
  content: "\f142";
}

i.mat.icon.linkedin:before {
  content: "\f08c";
}

i.mat.icon.facebook:before {
  content: "\f082";
}

i.mat.icon.twitter:before {
  content: "\f099";
}

i.mat.icon.sort.content.ascending:before {
  content: "\f160";
}

i.mat.icon.sort.content.descending:before {
  content: "\f161";
}

i.mat.icon.options:before {
  content: "\f1de";
}

i.mat.icon.lightning:before {
  content: "\f0e7";
}

i.mat.icon.exchange.alternate:before {
  content: "\f0ec";
}

i.mat.icon.exchange:before {
  content: "\f0ec";
}

i.mat.icon.stack.exchange:before {
  content: "\f18d";
  font-family: "brand-icons";
}

i.mat.icon.sun:before {
  content: "\f185";
}

i.mat.icon.sun.outline:before {
  content: "\f185";
}

i.mat.icon.history:before {
  content: "\f1da";
}

i.mat.icon.paperclip:before {
  content: "\f0c6";
}

i.mat.icon.bars:before {
  content: "\f0c9";
}

i.mat.icon.times:before {
  content: "\f00d";
}

i.mat.icon.times.circle:before {
  content: "\f057";
}

i.mat.icon.calendar.times:before {
  content: "\f273";
}

i.mat.icon.times.circle.outline:before {
  content: "\f057";
}

i.mat.icon.calendar.times.outline:before {
  content: "\f273";
}

i.mat.icon.times.rectangle:before {
  content: "\f410";
}

i.mat.icon.user.times:before {
  content: "\f235";
}

i.mat.icon.external:before {
  content: "\f35d";
}

i.mat.icon.external.share:before {
  content: "\f14d";
}

i.mat.icon.external.square:before {
  content: "\f360";
}

i.mat.icon.external.alternate:before {
  content: "\f08e";
}

i.mat.icon.external.link.square.alternate:before {
  content: "\f360";
}

i.mat.icon.clipboard:before {
  content: "\f298";
}

i.mat.icon.user-circle:before {
  content: "\f2bd";
}

.mat.dropdown > .dropdown.icon:before {
  content: "\f0d7";
}

/********* Icon Color *********/
i.mat.yellow.icon {
  color: #fbbd08;
}

.mat-icon.yellow {
  color: #fbbd08;
}

i.mat.icon.orange {
  color: #F2711C;
}

i.mat.icon.green {
  color: #21BA45;
}

.mat-icon.green {
  color: #21BA45;
}

i.mat.icon.red {
  color: #DB2828;
}

i.mat.icon.teal {
  color: #00b5ad;
}

i.mat.icon.purple {
  color: #a333c8;
}

i.mat.icon.violet {
  color: #6435C9;
}

i.mat.icon.pink {
  color: #E03997;
}

i.mat.icon.olive {
  color: #b5cc18;
}

i.mat.icon.black {
  color: #1b1c1d;
}

i.mat.icon.brown {
  color: #A5673F;
}

.mat-icon.red {
  color: #DB2828;
}

i.mat.icon.grey {
  color: #767676;
}

i.mat.darkblue.icon {
  color: #003B5C;
  display: inline;
}

.mat-icon.darkblue {
  color: #003B5C;
  display: inline;
}

i.mat.blue.icon {
  color: #2185d0;
}

.mat-icon.blue {
  color: #2185d0;
}

i.mat.darkblue.icon:not(.active) {
  color: #FFFFFF;
  display: inline;
}

.mat-icon.darkblue:not(.active) {
  color: #FFFFFF;
  display: inline;
}

/******** Icon States ***********/
i.mat.icon:before {
  background: 0 0 !important;
}

i.mat.inverted.icon {
  color: #fff;
}

i.mat.secondary.icon.icon.icon.icon.icon {
  color: #007bc2;
}

i.mat.inverted.secondary.icon.icon.icon.icon.icon {
  color: #545454;
}

i.mat.emphasized.icon:not(.disabled),
i.mat.emphasized.icons:not(.disabled),
i.mat.icon:active,
i.mat.icon:hover,
i.mat.icons:active,
i.mat.icons:hover {
  opacity: 1;
}

.inline-icon .mat-icon.lock,
.inline-icon .mat-icon.mail {
  font-size: 24px;
  margin-top: 0.4rem;
  margin-right: 1.2rem;
}

.inline-icon .mat-icon {
  display: flex;
  font-size: 26px;
  right: 0;
  margin-top: 0.5rem;
  margin-right: 1rem;
  opacity: 0.5;
}

.mat-icon.mat-ligature-font[fontIcon]::before {
  content: attr(fontIcon);
}

.mat-icon.mat-ligature-font[fontIcon=help]::before {
  font-size: large;
  content: attr(fontIcon);
  opacity: 0.7;
  position: absolute;
  margin-left: 3px;
  font-weight: 400;
}

.mat-icon.mat-ligature-font[fontIcon=search]::before {
  cursor: default;
  position: absolute;
  top: -1px;
  right: 3px;
  margin: 10px 5px;
  height: 100%;
  opacity: 0.5;
  border-radius: 0;
  font-weight: bold;
}

.mat-icon.mat-ligature-font[fontIcon=arrow_drop_down]::before,
.mat-icon.mat-ligature-font[fontIcon=arrow_drop_up]::before {
  position: absolute;
  font-weight: bold;
  top: 0;
}

.mat-icon.drop-down.mat-ligature-font[fontIcon=arrow_drop_down]::before {
  position: relative;
  font-weight: bold;
  margin-right: 6px;
  float: left;
}

.mat-icon.small.mat-ligature-font[fontIcon=arrow_drop_down]::before {
  font-weight: bold;
  margin-left: 0.5em;
  vertical-align: top;
  position: relative;
}

.mat-icon.caret.mat-ligature-font[fontIcon=arrow_drop_down]::before {
  vertical-align: bottom;
  font-size: 20px;
  margin-right: 2px;
  position: relative;
  top: 0;
  font-weight: bold;
  margin-left: -2px;
}

.mat-icon.mat-ligature-font[fontIcon=arrow_right]::before {
  content: attr(fontIcon);
  font-size: 20px;
  font-weight: bold;
  vertical-align: bottom;
  margin-right: 2px;
  margin-left: -2px;
}

.mat-icon.mat-ligature-font[fontIcon=arrow_right_alt]::before {
  content: attr(fontIcon);
  font-size: 22px;
  font-weight: bold;
  vertical-align: bottom;
  position: relative;
  top: -2px;
}

.mat-icon.mat-ligature-font[fontIcon=close]::before {
  font-weight: bolder;
  color: #858585;
  font-size: 22px;
  float: right;
  margin-right: 5px;
  opacity: 0.9;
}

.platform-mat-header-title .mat-icon.mat-ligature-font[fonticon=close],
.mat-expansion-panel-header-title .mat-icon.mat-ligature-font[fonticon=close] {
  display: block;
  float: right;
}

.mat-icon.dialog-close-icon.mat-ligature-font[fontIcon=close]::before {
  color: #FFFFFF;
}

.mat-icon.mat-ligature-font[fontIcon=cloud_upload]::before {
  font-weight: 400;
  vertical-align: top;
  margin: 0 0.25rem 0 0;
}

.mat-icon.mat-ligature-font[fontIcon=account_circle]::before {
  opacity: 0.9;
  font-size: 32px;
  margin-top: -1px;
  margin-right: 0.25rem;
}

.mat-icon.mat-ligature-font[fontIcon=close] {
  display: inline;
  position: relative;
}

.mat-icon.mat-ligature-font[fontIcon=person_add]::before {
  content: attr(fontIcon);
  font-size: 30px;
  color: #003a5d;
  position: relative;
  margin-top: 3px;
  margin-left: 3px;
  transform: scaleX(-1);
  display: flex;
  justify-content: center;
}

.material-symbols-outlined.flowchart {
  transform: rotate(270deg);
  font-size: 32px;
}

.material-symbols-outlined.bullet-list {
  font-size: 32px;
}

mat-icon.icon {
  opacity: 1;
  position: absolute;
  margin: 0 0.25rem 0 0;
  font-weight: 400;
  text-decoration: inherit;
  text-align: center;
  speak: none;
  -moz-osx-font-smoothing: grayscale;
  backface-visibility: hidden;
  display: contents;
  transition: opacity 0.3s ease;
}

mat-icon.icon, mat-icon.icons {
  font-size: 18px;
}

mat-icon.left.icon {
  display: block;
  padding-left: 2rem;
  margin-top: 2rem;
}

mat-icon.link.icon:not(.disabled), mat-icon.link.icons:not(.disabled) {
  cursor: pointer;
  display: block;
  opacity: 0.8;
  transition: opacity 0.1s ease;
}

mat-icon.link.icon:hover, mat-icon.link.icons:hover {
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.1s ease;
}

mat-icon.icon:before {
  background: 0 0 !important;
}

mat-icon.icon:active, mat-icon.icon:hover, mat-icon.icons:active, mat-icon.icons:hover {
  opacity: 1;
}

mat-icon.icon.input > mat-icon.icon:not(.link),
.mat.icon.input > i.mat.icon:not(.link) {
  pointer-events: none;
}

.mat.icon.input > input, .mat.icon.input > textarea {
  padding-right: 2.67142857em;
}

mat-icon.small.icon {
  font-size: 14px;
  position: relative;
}

.mat-icon.circular {
  border-radius: 500em;
  padding: 0.5rem 0 0 0.5rem;
  box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset;
  width: 1.5em !important;
  height: 1.5em !important;
  line-height: 1 !important;
  text-align: unset !important;
}

.mat-icon.large {
  font-size: 2em;
  vertical-align: middle;
}

.mat-icon.spin {
  animation: mat-icon-spin 2s linear infinite;
  transform-origin: center;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  text-align: center;
}

@keyframes mat-icon-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.mat.small.search {
  font-size: 0.92857143em;
}

.mat.small.input {
  font-size: 0.92857143em;
}

.mat.search {
  font-size: 1em;
}

.mat[class*="left icon"].input > i.mat.icon {
  right: auto;
  left: 1px;
  border-radius: 0;
}

.align-icon-center > .mat.input.icon > .mat-icon {
  line-height: 2;
}

i.link.icon:not(.disabled),
i.link.icons:not(.disabled) {
  cursor: pointer;
  opacity: 0.8;
  transition: opacity 0.1s ease;
}

i.link.icon:hover,
i.link.icons:hover {
  opacity: 1;
}

/*---------------------
      Loading Icon
-----------------------*/
@keyframes mat-loader {
  100% {
    transform: rotate(360deg);
  }
}
i.mat.loading.icon {
  line-height: 1;
  border-radius: 50rem;
  width: 1em;
  height: 1em;
  border: 2px dotted #FFFFFF;
}

i.mat.loading.icon,
i.mat.loading.icons {
  animation: mat-loader 2s linear infinite;
  color: #FFFFFF;
}

.mat-mdc-checkbox .mdc-label {
  font-style: italic;
  font-weight: 400 !important;
  display: block;
  margin: 0 0 0.28571429rem 0;
  color: #767676;
  font-size: 0.92857143em;
  text-transform: none;
  font-style: normal;
  font-size: 1em;
  color: rgba(0, 0, 0, 0.87);
}

.delegate-checkbox.field .mat-mdc-checkbox {
  margin-top: 1rem !important;
}

platform-checkbox.remove-top-margin .mat-mdc-checkbox {
  margin-top: 0 !important;
}

provider-address-list platform-address-detail .mat-expansion-panel {
  box-shadow: none !important;
}

.mat-mdc-radio-button .mdc-label {
  font-style: italic;
  font-weight: 400 !important;
  display: block;
  margin: 0 0 0.28571429rem 0;
  color: #767676;
  font-size: 0.92857143em;
  text-transform: none;
  font-style: normal;
  font-size: 1em;
  color: rgba(0, 0, 0, 0.87);
}

.radio-compact {
  font-size: 0;
}

.radio-compact .mdc-label {
  margin-bottom: 0;
  padding-right: 1rem;
}

.worklist-select .mat-internal-form-field {
  width: 100%;
  margin-bottom: 0.5rem;
}

.worklist-select .mdc-label {
  font-weight: 600 !important;
}

.mat.divider > .icon {
  margin: 0;
  font-size: 1rem;
  height: 1em;
  vertical-align: middle;
}

.mat-divider {
  margin: 0.5rem 0;
  line-height: 1;
  height: 0;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #333;
}

mat-divider.small-block-margin {
  margin: 0.5rem 0 !important;
}

mat-divider.dashed {
  margin: 1rem 0;
  border-top-style: dashed !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

mat-divider.wide {
  margin: 2rem 0 !important;
}

mat-divider.narrow {
  margin: 1rem 0 !important;
}

mat-divider.hidden {
  margin: 0.5rem 0;
  border-color: transparent !important;
}

mat-divider.fitted {
  margin: 0;
}

mat-divider.no-top-margin {
  margin-top: 0;
}

.relaxed-margin {
  margin-block: 6px !important;
}

.mat.vertical.divider {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  margin: 0;
  padding: 0;
  width: auto;
  height: 50%;
  line-height: 0;
  text-align: center;
  transform: translateX(-50%);
}

.mat.vertical.divider:after,
.mat.vertical.divider:before {
  position: absolute;
  left: 50%;
  content: "";
  z-index: 3;
  border-left: 1px solid rgba(34, 36, 38, 0.15);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  width: 0;
  height: calc(100% - 1rem);
}

.mat.vertical.divider:before {
  top: -100%;
}

.mat.vertical.divider:after {
  top: auto;
  bottom: 0;
}

/*--------------
     Horizontal
  ---------------*/
.mat.horizontal.divider {
  display: table;
  white-space: nowrap;
  height: auto;
  margin: 0.5rem 0;
  line-height: 1;
  text-align: center;
}

.mat.horizontal.divider:before,
.mat.horizontal.divider:after {
  content: "";
  display: table-cell;
  position: relative;
  top: 50%;
  width: 50%;
  background-repeat: no-repeat;
}

.mat.horizontal.divider:before {
  background-position: right 1em top 50%;
}

.mat.horizontal.divider:after {
  background-position: left 1em top 50%;
}

.mat.horizontal.divider:before,
.mat.horizontal.divider:after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC");
}

.mat.hidden.divider {
  border-color: transparent !important;
}

.mat.hidden.divider:before,
.mat.hidden.divider:after {
  display: none;
}

ngx-mat-select-search .mat-select-search-inner .mat-divider {
  margin: 0 !important;
}

.mat-divider:not(.vertical):not(.horizontal) {
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mat.divider {
  text-transform: uppercase;
}

/*--------------
      Item
---------------*/
.mat.menu:not(.vertical) .item {
  display: flex;
  align-items: center;
}

.mat.menu .item {
  position: relative;
  vertical-align: middle;
  line-height: 1;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  flex: 0 0 auto;
  -webkit-user-select: none;
  user-select: none;
  background: none;
  padding: 0.85714286em 1em;
  text-transform: none;
  color: var(--darker-text-color);
  font-weight: normal;
  transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
}

.mat.menu > .item:first-child {
  border-radius: 0;
}

/*--------------
  Text Content
---------------*/
.mat.menu .text.item > *,
.mat.menu .item > a:not(.mat),
.mat.menu .item > p:only-child {
  -webkit-user-select: text;
  user-select: text;
  line-height: 1.3;
}

.mat.menu .item > p:first-child {
  margin-top: 0;
}

.mat.menu .item > p:last-child {
  margin-bottom: 0;
}

/*--------------
     Inputs
---------------*/
.mat.menu .item > .input {
  width: 100%;
}

.mat.menu:not(.vertical) .item > .input {
  position: relative;
  top: 0;
  margin: -0.5em 0;
}

.mat.menu .item > .input input {
  font-size: 1em;
  padding-top: 0.57142857em;
  padding-bottom: 0.57142857em;
}

/*--------------
     Header
---------------*/
.mat.menu .header.item,
.mat.vertical.menu .header.item {
  margin: 0;
  background: "";
  text-transform: normal;
  font-weight: bold;
}

.mat.vertical.menu .item > .header:not(.mat) {
  margin: 0 0 0.5em;
  font-size: 1em;
  font-weight: bold;
}

/*--------------
    Dropdowns
---------------*/
.mat.dropdown {
  cursor: pointer;
}

/* Dropdown Icon */
.mat.menu .item > i.mat.dropdown.icon {
  padding: 0;
  float: right;
  margin: 0 0 0 1em;
}

/* Menu */
.mat.menu .dropdown.item .menu {
  min-width: calc(100% - 1px);
  border-radius: 0;
  background: #ffffff;
  margin: 0 0 0;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
}

.mat.menu .dropdown.item:not(.column) .menu {
  flex-direction: column;
}

.mat.menu {
  display: flex;
  margin: 1rem 0;
  font-family: "Lato", "Helvetica Neue", Arial, Helvetica, sans-serif;
  background: #FFFFFF;
  font-weight: normal;
  border: none;
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
  border-radius: 0px;
  min-height: 2.71428571em;
}

.mat.menu:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.mat.menu:first-child {
  margin-top: 0;
}

.mat.menu:last-child {
  margin-bottom: 0;
}

.mat-mdc-menu-content {
  padding: unset !important;
  color: #333;
}

.mat-mdc-menu-item:hover {
  color: rgb(0, 0, 0.95);
}

.mat-mdc-menu-item-text {
  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif !important;
  font-size: 1em !important;
}

.mat-mdc-menu-panel {
  min-width: 175px !important;
}

.home-info.mat-mdc-menu-panel {
  border-radius: 0;
  border: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
  margin-left: 2px;
}

.mat-mdc-menu-panel .active.item .mat-mdc-menu-item-text {
  font-weight: 700 !important;
  color: rgba(0, 0, 0, 0.95) !important;
}

.mat-mdc-menu-panel .active.item .mat-mdc-menu-item {
  background-color: rgba(0, 0, 0, 0.03) !important;
}

/*--------------
    Vertical Menu
---------------*/
.mat.vertical.menu {
  display: block;
  flex-direction: column;
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
}

.mat.vertical.menu .item {
  display: block;
  background: 0 0;
  border-top: none;
  border-right: none;
}

.mat.vertical.tabular.menu {
  padding-right: 1rem;
  height: 100%;
}

.mat.menu.fluid, .mat.vertical.menu.fluid {
  width: 100% !important;
}

.mat.vertical.tabular.menu {
  background: none transparent;
  border-radius: 0;
  box-shadow: none !important;
  border-bottom: none;
  border-right: 1px solid #eceff2;
}

.mat.tabular.fluid.menu {
  width: calc(100% + 2px) !important;
}

.mat.vertical.tabular.menu .item {
  background: 0 0;
  border-left: none;
  border-bottom: none;
  border-top: none;
  border-right: none;
}

.mat.vertical.tabular.menu .item {
  background: 0 0;
  border-left: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  border-right: none;
}

.mat.vertical.menu {
  width: 15rem;
}

/*--------------
    Sub-Menu
---------------*/
.mat.menu .menu {
  margin: 0;
}

.mat.menu:not(.vertical) > .menu {
  display: flex;
}

/* Tabular Menu */
.mat.tabular.menu {
  border-radius: 0;
  box-shadow: none !important;
  border: none;
  border-bottom: 1px solid #eceff2;
  padding-top: 0.7rem;
}

.mat.tabular.menu:hover {
  color: #333333;
  font-weight: 600;
}

.mat.tabular.menu .right.menu {
  display: flex;
  flex: 1 1 auto;
}

.mat.tabular.menu .item {
  background: 0 0;
  border-bottom: none;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-top: 2px solid transparent;
  padding: 0.85714286em 1.42857143em;
  color: #333;
}

.mat.tabular.menu .item:hover {
  color: #333333;
  font-weight: 600;
}

/* Menu Items */
.mat.menu .mat.dropdown .menu > .item {
  margin: 0;
  text-align: left;
  font-size: 1em !important;
  padding: 0.78571429em 1.14285714em !important;
  background: transparent !important;
  color: var(--darker-text-color) !important;
  text-transform: none !important;
  font-weight: normal !important;
  box-shadow: none !important;
  transition: none !important;
}

.mat.menu .mat.dropdown .menu > .item:hover {
  background: rgba(0, 0, 0, 0.05) !important;
  color: rgba(0, 0, 0, 0.95) !important;
}

.mat.menu .mat.dropdown .menu > .selected.item {
  background: rgba(0, 0, 0, 0.05) !important;
  color: rgba(0, 0, 0, 0.95) !important;
}

.mat.menu .mat.dropdown .menu > .active.item {
  background: rgba(0, 0, 0, 0.03) !important;
  font-weight: bold !important;
  color: rgba(0, 0, 0, 0.95) !important;
}

.mat.menu .mat.dropdown.item .menu .item:not(.filtered) {
  display: block;
}

.mat.menu .mat.dropdown .menu > .item > .icons,
.mat.menu .mat.dropdown .menu > .item > i.mat.icon:not(.dropdown) {
  display: inline-block;
  font-size: 1em !important;
  float: none;
  margin: 0 0.75em 0 0 !important;
}

.menu-item .mat.dropdown {
  font-size: 1rem;
}

.mat-mdc-menu-item {
  min-height: 36px !important;
}

.mat-mdc-menu-item.active {
  background: rgba(0, 0, 0, 0.03);
}

.mat-mdc-menu-item.active span {
  font-weight: 700 !important;
}

.no-top-border {
  border-top: 0 !important;
}

.mat.label, .mat.labels .label {
  font-size: 0.85714286rem;
}

.mat.small.labels .label,
.mat.small.label {
  font-size: 0.78571429rem;
}

.mat.tiny.labels .label,
.mat.tiny.label {
  font-size: 0.71428571rem;
}

.mat.mini.labels .label,
.mat.mini.label {
  font-size: 0.64285714rem;
}

.mat.basic.label, .mat.basic.labels .label {
  background: none #fff;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: #333;
  box-shadow: none;
  padding-top: calc(0.5833em - 1px);
  padding-bottom: calc(0.5833em - 1px);
  padding-right: calc(0.833em - 1px);
}

.mat.basic.label:not(.tag):not(.image):not(.ribbon), .mat.basic.labels:not(.tag):not(.image):not(.ribbon) .label {
  padding-left: calc(0.833em - 1px);
}

.mat.basic.image.label {
  padding-left: calc(0.5em - 1px);
}

.mat.basic.labels a.label:hover, a.mat.basic.label:hover {
  text-decoration: none;
  background: none #fff;
  color: #1e70bf;
  box-shadow: none;
}

.mat.basic.pointing.label:before {
  border-color: inherit;
}

.mat.horizontal.label, .mat.horizontal.labels .label {
  margin: 0 0.5em 0 0;
  padding: 0.4em 0.833em;
  min-width: 3em;
  text-align: center;
}

.mat.teal.labels .label,
.mat.mat.mat.teal.label {
  background-color: #00B5AD;
  border-color: #00B5AD;
  color: #FFFFFF;
}

.mat.red.labels .label,
.mat.mat.mat.red.label {
  background-color: #db2828;
  border-color: #db2828;
  color: #fff;
}

.mat.floating.label {
  position: absolute;
  z-index: 100;
  top: -1em;
  right: 0;
  white-space: nowrap;
  transform: translateX(50%);
}

/*-------------------
         Circular
  --------------------*/
.mat.circular.label, .mat.circular.labels .label {
  min-width: 2em;
  min-height: 2em;
  padding: 0.5em !important;
  line-height: 1em;
  text-align: center;
  border-radius: 500rem;
}

.mat.empty.circular.labels .label,
.mat.empty.circular.label {
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  width: 0.5em;
  height: 0.5em;
  vertical-align: baseline;
}

/**************
  Label Color
***************/
.mat.blue.labels .label, .mat.blue.label {
  background-color: #2185d0;
  border-color: #2185d0;
  color: #FFFFFF;
}

.mat.green.labels .label,
.mat.green.label {
  background-color: #21BA45;
  border-color: #21BA45;
  color: #FFFFFF;
}

/*********************
  Label Orientation
*********************/
.mat.horizontal.label,
.mat.horizontal.labels .label {
  margin: 0 0.5em 0 0;
  padding: 0.4em 0.833em;
  min-width: 3em;
  text-align: center;
}

.mat.input {
  font-size: 1em;
  position: relative;
  font-weight: 400;
  font-style: normal;
  display: inline-flex;
  color: #333;
  width: 100%;
}

.mat.input > input {
  margin: 0;
  max-width: 100%;
  flex: 1 0 auto;
  outline: 0;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  text-align: left;
  line-height: 1.21428571em;
  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
  padding: 0.67857143em 1em;
  background: #fff;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: #333;
  border-radius: 0;
  transition: box-shadow 0.1s ease, border-color 0.1s ease;
  box-shadow: none;
}

.mat.disabled.input, .mat.input:not(.disabled) input[disabled] {
  background-color: #f2f2f2;
}

/***************
  Input Info
****************/
.mat.input.info > input {
  background-color: #f8ffff;
  border-color: #a9d5de;
  color: #276f86;
  box-shadow: none;
}

/***************
  Input Warning
****************/
.mat.input.warning > input {
  background-color: #fffaf3;
  border-color: #c9ba9b;
  color: #573a08;
  box-shadow: none;
}

/***************
  Input Success
****************/
.mat.input.success > input {
  background-color: #fcfff5;
  border-color: #a3c293;
  color: #2c662d;
  box-shadow: none;
}

/***************
  Input Error
****************/
.mat.input.error > input {
  background-color: #FFF6F6;
  border-color: #E0B4B4;
  color: #9F3A38;
  box-shadow: none;
  box-shadow: none;
}

/***************
  Input Focus
****************/
.mat.input.focus > input, .mat.input > input:focus {
  border-color: #85B7D9;
  background: #FFFFFF;
  color: rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 5px #85B7D9;
}

.mat.input.down input, .mat.input > input:active {
  border-color: rgba(0, 0, 0, 0.3);
  background: #fafafa;
  color: #333;
  box-shadow: none;
}

/******************
  Placeholders
*******************/
::placeholder {
  color: #a6a6a6 !important;
}

/********* Input Placeholders ********/
.mat.input > input::-webkit-input-placeholder,
.mat.input > input:-ms-input-placeholder,
.mat.input > ::placeholder {
  color: #a6a6a6 !important;
}

.mat.input > input::-moz-placeholder {
  color: #a6a6a6;
  opacity: 1;
}

/****** Input Focused Placeholders *******/
.mat.input.focus > input::-webkit-input-placeholder,
.mat.input > input:focus::-webkit-input-placeholder,
.mat.input.focus > input::-moz-placeholder,
.mat.input > input:focus::-moz-placeholder,
.mat.input.focus > input:-ms-input-placeholder,
.mat.input > input:focus:-ms-input-placeholder {
  color: #a6a6a6 !important;
}

/************ Error Placeholder *************/
.mat.input.error > input::-webkit-input-placeholder,
.mat.input.error > input::-moz-placeholder,
.mat.input.error > input:-ms-input-placeholder {
  color: #e7bdbc !important;
}

/*********** Error Focused Placeholder ************/
.mat.input.error > input:focus::-webkit-input-placeholder,
.mat.input.error > input:focus::-moz-placeholder,
.mat.input.error > input:focus:-ms-input-placeholder {
  color: #da9796 !important;
}

/*********** Info Placeholder ***************/
.mat.input.info > input::-webkit-input-placeholder,
.mat.input.info > input::-moz-placeholder,
.mat.input.info > input:-ms-input-placeholder {
  color: #98cfe1 !important;
}

/*********** Info Focused Placeholder **************/
.mat.input.info > input:focus::-webkit-input-placeholder,
.mat.input.info > input:focus::-moz-placeholder,
.mat.input.info > input:focus:-ms-input-placeholder {
  color: #70bdd6 !important;
}

/*********** Success Placeholder ***********/
.mat.input.success > input::-webkit-input-placeholder,
.mat.input.success > input::-moz-placeholder,
.mat.input.success > input:-ms-input-placeholder {
  color: #8fcf90 !important;
}

/*********** Success Focused Placeholder ***********/
.mat.input.success > input:focus::-webkit-input-placeholder,
.mat.input.success > input:focus::-moz-placeholder,
.mat.input.success > input:focus:-ms-input-placeholder {
  color: #6cbf6d !important;
}

/*********** Warning Placeholder ***********/
.mat.input.warning > input::-webkit-input-placeholder,
.mat.input.warning > input::-moz-placeholder,
.mat.input.warning > input:-ms-input-placeholder {
  color: #edad3e !important;
}

/*********** Warning Focused Placeholder ***********/
.mat.input.warning > input:focus::-webkit-input-placeholder,
.mat.input.warning > input:focus::-moz-placeholder,
.mat.input.warning > input:focus:-ms-input-placeholder {
  color: #e39715 !important;
}

/***************
  Form Fields
****************/
.mat.form > p {
  margin: 1em 0;
}

.mat.form .field {
  clear: both;
  margin: 0 0 1em;
}

.mat.form .fields {
  display: flex;
  flex-direction: row;
  margin: 0 -0.5em 1em;
}

.mat.form .fields .field {
  clear: both;
  margin: 0;
}

.mat.form .fields > .field {
  flex: 0 1 auto;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.mat.form .fields > .field:first-child {
  border-left: none;
  box-shadow: none;
}

.mat.form .field:last-child,
.mat.form .fields .fields,
.mat.form .fields:last-child .field {
  margin-bottom: 0;
}

/**************
    Width
***************/
.mat.form [class*="equal width"].fields > .field, .mat[class*="equal width"].form .fields > .field {
  width: 100%;
  flex: 1 1 auto;
}

/*******************
  Form Field Label
********************/
.mat.form .field > label {
  font-style: italic;
  font-weight: 700 !important;
  display: block;
  margin: 0 0 0.28571429rem 0;
  color: #767676;
  font-size: 0.92857143em;
  text-transform: none;
}

/********************
  Form Field Input
*********************/
.mat.form .field.field input:-webkit-autofill {
  box-shadow: 0 0 0 100px ivory inset !important;
  border-color: #e5dfa1 !important;
}

.mat.form .field.field input:-webkit-autofill:focus {
  box-shadow: 0 0 0 100px ivory inset !important;
  border-color: #d5c315 !important;
}

.mat.form .eight.fields .mat.input input,
.mat.form .five.fields .mat.input input,
.mat.form .four.fields .mat.input input,
.mat.form .nine.fields .mat.input input,
.mat.form .seven.fields .mat.input input,
.mat.form .six.fields .mat.input input,
.mat.form .ten.fields .mat.input input,
.mat.form .three.fields .mat.input input,
.mat.form .two.fields .mat.input input,
.mat.form .wide.field .mat.input input {
  flex: 1 0 auto;
  width: 0;
}

/************************************
  Form Fields (two, three, etc.,)
*************************************/
.mat.form .two.fields > .field, .mat.form .two.fields > .fields {
  width: 50%;
}

.mat.form .three.fields > .field, .mat.form .three.fields > .fields {
  width: 33.33333333%;
}

.mat.form .four.fields > .field, .mat.form .four.fields > .fields {
  width: 25%;
}

.mat.form .five.fields > .field, .mat.form .five.fields > .fields {
  width: 20%;
}

.mat.form .six.fields > .field, .mat.form .six.fields > .fields {
  width: 16.66666667%;
}

.mat.form .seven.fields > .field, .mat.form .seven.fields > .fields {
  width: 14.28571429%;
}

.mat.form .eight.fields > .field, .mat.form .eight.fields > .fields {
  width: 12.5%;
}

.mat.form .nine.fields > .field, .mat.form .nine.fields > .fields {
  width: 11.11111111%;
}

.mat.form .ten.fields > .field, .mat.form .ten.fields > .fields {
  width: 10%;
}

/********************
  Form Wide Fields
*********************/
.mat.form .fields .wide.field {
  width: 6.25%;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

/***************************************
  Form Wide Fields (two, three, etc.,)
****************************************/
.mat.form .one.wide.field {
  width: 6.25%;
}

.mat.form .two.wide.field {
  width: 12.5%;
}

.mat.form .three.wide.field {
  width: 18.75%;
}

.mat.form .four.wide.field {
  width: 25%;
}

.mat.form .five.wide.field {
  width: 31.25%;
}

.mat.form .six.wide.field {
  width: 37.5%;
}

.mat.form .seven.wide.field {
  width: 43.75%;
}

.mat.form .eight.wide.field {
  width: 50%;
}

.mat.form .nine.wide.field {
  width: 56.25%;
}

.mat.form .ten.wide.field {
  width: 62.5%;
}

.mat.form .eleven.wide.field {
  width: 68.75%;
}

.mat.form .twelve.wide.field {
  width: 75%;
}

.mat.form .thirteen.wide.field {
  width: 81.25%;
}

.mat.form .fourteen.wide.field {
  width: 87.5%;
}

.mat.form .fifteen.wide.field {
  width: 93.75%;
}

.mat.form .sixteen.wide.field {
  width: 100%;
}

.mat.form [class*="equal width"].fields > .field, .mat[class*="equal width"].form .fields > .field {
  width: 100%;
  flex: 1 1 auto;
}

/**********************
  Form Inline Fields
***********************/
.mat.form .inline.fields {
  margin: 0 0 1em;
  align-items: center;
}

.mat.form .inline.fields .field {
  margin: 0;
  padding: 0 1em 0 0;
}

.mat.form .inline.field > label, .mat.form .inline.field > p, .mat.form .inline.fields .field > label, .mat.form .inline.fields .field > p, .mat.form .inline.fields > label {
  display: inline-block;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: baseline;
  font-size: 0.92857143em;
  font-weight: 400;
  color: #767676;
  text-transform: none;
}

.mat.form .inline.fields > label {
  margin: 0.035714em 1em 0 0;
}

.mat.form .inline.field > input, .mat.form .inline.field > select, .mat.form .inline.fields .field > input, .mat.form .inline.fields .field > select {
  display: inline-block;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: middle;
  font-size: 1em;
}

.mat.form .inline.field .calendar:not(.popup), .mat.form .inline.fields .field .calendar:not(.popup) {
  display: inline-block;
}

.mat.form .inline.field .calendar:not(.popup) > .input > input, .mat.form .inline.fields .field .calendar:not(.popup) > .input > input {
  width: 13.11em;
}

.mat.form .inline.field > :first-child, .mat.form .inline.fields .field > :first-child {
  margin: 0 0.85714286em 0 0;
}

.mat.form .inline.field > :only-child, .mat.form .inline.fields .field > :only-child {
  margin: 0;
}

.mat.form .inline.fields .wide.field {
  display: flex;
  align-items: center;
}

.mat.form .inline.fields .wide.field > input, .mat.form .inline.fields .wide.field > select {
  width: 100%;
}

.mat.form .inline.fields label:not(.mdc-label) {
  font-weight: bold !important;
  font-style: normal !important;
}

.mat.form .inline.fields .field > label {
  font-weight: 400 !important;
  font-style: italic !important;
}

.mat.form .inline.fields > label {
  margin: 0.035714em 1em 0 0 !important;
}

/************************
  Form Dropdown Fields
*************************/
.mat.form, .mat.form .field .dropdown, .mat.form .field .dropdown .menu > .item {
  font-size: 1rem;
}

.mat.mini.form, .mat.mini.form .field .dropdown, .mat.mini.form .field .dropdown .menu > .item {
  font-size: 0.78571429rem;
}

.mat.small.form, .mat.small.form .field .dropdown, .mat.small.form .field .dropdown .menu > .item {
  font-size: 0.92857143rem;
}

/************************
  Form Required Fields
*************************/
.mat.form .required.field > .checkbox:after, .mat.form .required.fields:not(.grouped) > .field > .checkbox:after {
  font-weight: 700;
  font-size: 1.75rem;
  margin: 0;
  content: "*";
  color: #db2828;
}

.mat.form .required.field > label:after, .mat.form .req red.fields.grouped > label:after,
.mat.form .required.fields:not(.grouped) > .field > label:after {
  font-weight: 700;
  font-size: 1.75rem;
  margin: 0;
  content: "*";
  color: #db2828;
  display: inline-block;
  vertical-align: top;
}

.mat.form label.required:after {
  margin: 0;
  content: "*";
  color: #db2828;
  display: inline-block;
  vertical-align: top;
}

/**********************
  Form Text Area Fields
***********************/
.mat.form input[type=checkbox], .mat.form textarea {
  vertical-align: top;
}

.mat.form textarea, .mat.input textarea {
  margin: 0;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  padding: 0.78571429em 1em;
  background: #fff;
  border: 1px solid rgba(34, 36, 38, 0.15);
  outline: 0;
  color: #333;
  border-radius: 0;
  box-shadow: 0 0 0 0 transparent inset;
  transition: color 0.1s ease, border-color 0.1s ease;
  font-size: 1em;
  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
  line-height: 1.2857;
  resize: vertical;
}

textarea {
  overflow: auto;
}

.mat.form textarea:disabled {
  background-color: #f2f2f2;
}

.mat.form textarea:not([rows]) {
  height: 12em;
  min-height: 8em;
  max-height: 24em;
}

/**********************
  Form Select Fields
***********************/
.mat.form select:disabled {
  background-color: #f2f2f2;
}

/**********************
  Form Grouped Fields
***********************/
.mat.form .grouped.fields {
  display: block;
  margin: 0 0 1em;
}

.mat.form .grouped.fields:last-child {
  margin-bottom: 0;
}

.mat.form .grouped.fields > label {
  font-style: italic;
  font-weight: 400 !important;
  display: block;
  margin: 0 0 0.28571429rem 0;
  color: #767676;
  font-size: 0.92857143em;
  text-transform: none;
}

.mat.form .grouped.fields .field, .mat.form .grouped.inline.fields .field {
  display: block;
  margin: 0.5em 0;
  padding: 0;
}

.mat.form .grouped.inline.fields .mat.checkbox {
  margin-bottom: 0.4em;
}

.mat.form .fields:not(.grouped):not(.inline) .field:not(:only-child) .mat-mdc-checkbox {
  margin-top: 2.41428571em;
}

/*********************
  Form Input
***********************/
.time-width .mat input.hours-input, .time-width .mat input.minutes-input {
  max-width: 1rem;
}

.mat.fluid.input > input {
  width: 0 !important;
}

.mat.form input:not([type]),
.mat.form input[type=date],
.mat.form input[type=datetime-local],
.mat.form input[type=email],
.mat.form input[type=file],
.mat.form input[type=number],
.mat.form input[type=password],
.mat.form input[type=search],
.mat.form input[type=tel],
.mat.form input[type=text],
.mat.form input[type=time],
.mat.form input[type=url] {
  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
  margin: 0;
  outline: 0;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  line-height: 1.21428571em;
  padding: 0.67857143em 1em;
  font-size: 1em;
  background: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: #333;
  border-radius: 0;
  box-shadow: 0 0 0 0 transparent inset;
  transition: color 0.1s ease, border-color 0.1s ease;
}

.mat.form input:not([type]),
.mat.form input[type=date],
.mat.form input[type=datetime-local],
.mat.form input[type=email],
.mat.form input[type=file],
.mat.form input[type=number],
.mat.form input[type=password],
.mat.form input[type=search],
.mat.form input[type=tel],
.mat.form input[type=text],
.mat.form input[type=time],
.mat.form input[type=url],
.mat.form textarea {
  width: 100%;
  vertical-align: top;
}

/********************
  Form Input Focus
*********************/
.mat.form input:not([type]):focus,
.mat.form input[type=date]:focus,
.mat.form input[type=datetime-local]:focus,
.mat.form input[type=email]:focus,
.mat.form input[type=file]:focus,
.mat.form input[type=number]:focus,
.mat.form input[type=password]:focus,
.mat.form input[type=search]:focus,
.mat.form input[type=tel]:focus,
.mat.form input[type=text]:focus,
.mat.form input[type=time]:focus,
.mat.form input[type=url]:focus {
  border-color: #0076a8;
  background: #fff;
  color: rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 5px #0076a8;
}

/***************************
  Form Fields Media Query
****************************/
@media only screen and (max-width: 767.98px) {
  .mat.form .fields {
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .mat.form:not(.unstackable) .fields:not(.unstackable) > .field, .mat.form:not(.unstackable) .fields:not(.unstackable) > .fields {
    width: 100%;
    margin: 0 0 1em;
  }
}
/********************
  Form Field Error
*********************/
.mat.form .field.error .mat.dropdown .menu .item:focus, .mat.form .fields.error .field .mat.dropdown .menu .item:focus {
  box-shadow: 0 0 5px #e0b4b4;
}

.mat.form .field.error .mat.selection.active.dropdown .menu, .mat.form .fields.error .field .mat.selection.active.dropdown .menu {
  border-color: #e0b4b4;
  box-shadow: 0 0 5px #e0b4b4;
}

.mat.form .field.error input:not([type]),
.mat.form .field.error input[type=date],
.mat.form .field.error input[type=datetime-local],
.mat.form .field.error input[type=email],
.mat.form .field.error input[type=file],
.mat.form .field.error input[type=number],
.mat.form .field.error input[type=password],
.mat.form .field.error input[type=search],
.mat.form .field.error input[type=tel],
.mat.form .field.error input[type=text],
.mat.form .field.error input[type=time],
.mat.form .field.error input[type=url],
.mat.form .field.error select,
.mat.form .field.error textarea,
.mat.form .fields.error .field input:not([type]),
.mat.form .fields.error .field input[type=date],
.mat.form .fields.error .field input[type=datetime-local],
.mat.form .fields.error .field input[type=email],
.mat.form .fields.error .field input[type=file],
.mat.form .fields.error .field input[type=number],
.mat.form .fields.error .field input[type=password],
.mat.form .fields.error .field input[type=search],
.mat.form .fields.error .field input[type=tel],
.mat.form .fields.error .field input[type=text],
.mat.form .fields.error .field input[type=time],
.mat.form .fields.error .field input[type=url],
.mat.form .fields.error .field select,
.mat.form .fields.error .field textarea {
  background-color: #FFF6F6;
  border-color: #E0B4B4;
  color: #9F3A38;
  box-shadow: none;
  border-radius: 0;
  box-shadow: none;
}

.mat.form .field.error .input,
.mat.form .field.error .mat.label:not(.corner),
.mat.form .field.error label,
.mat.form .fields.error .field .input,
.mat.form .fields.error .field .mat.label:not(.corner),
.mat.form .fields.error .field label {
  color: #9f3a38;
}

/**************************
  Form Field Error Focus
***************************/
.mat.form .field.error input:not([type]):focus,
.mat.form .field.error input[type=date]:focus,
.mat.form .field.error input[type=datetime-local]:focus,
.mat.form .field.error input[type=email]:focus,
.mat.form .field.error input[type=file]:focus,
.mat.form .field.error input[type=number]:focus,
.mat.form .field.error input[type=password]:focus,
.mat.form .field.error input[type=search]:focus,
.mat.form .field.error input[type=tel]:focus,
.mat.form .field.error input[type=text]:focus,
.mat.form .field.error input[type=time]:focus,
.mat.form .field.error input[type=url]:focus,
.mat.form .field.error select:focus,
.mat.form .field.error textarea:focus {
  background-color: #FFF6F6;
  border-color: #E0B4B4;
  color: #9F3A38;
  box-shadow: none;
  box-shadow: 0 0 5px #e0b4b4;
}

.mat.message {
  position: relative;
  min-height: 1em;
  margin: 0.5rem 0;
  background: #f8f8f9;
  padding: 1em 1.5em;
  line-height: 1.4285em;
  color: #333;
  transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease;
  border-radius: 0;
  box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 0 0 0 transparent;
}

.mat.error.message {
  background-color: #fff6f6;
  color: #9f3a38;
}

.mat.attached.error.message, .mat.error.message {
  box-shadow: 0 0 0 1px #e0b4b4 inset, 0 0 0 0 transparent;
}

.mat.error.message .header {
  color: #912d2b;
}

.mat.form.warning .icon.warning.message:not(:empty) {
  display: flex;
}

.mat.form.warning .warning.message:not(:empty) {
  display: block;
}

.mat.form .message:first-child {
  margin-top: 0;
}

.mat.form .warning.message, .mat.form .warning.message:empty {
  display: none;
}

.mat.attached.warning.message, .mat.warning.message {
  box-shadow: 0 0 0 1px #c9ba9b inset, 0 0 0 0 transparent;
}

.mat.warning.message {
  background-color: #fffaf3;
  color: #573a08;
}

.mat.message:last-child {
  margin-bottom: 0;
}

.mat.message:first-child {
  margin-top: 0;
}

.mat.message {
  font-size: 1em;
}

.mat.compact.message {
  display: inline-block;
}

.mat.compact.icon.message {
  display: inline-flex;
  width: auto;
}

.mat.compact.message {
  display: inline-block;
}

.mat.compact.icon.message {
  display: inline-flex;
  width: auto;
}

.mat.yellow.message {
  background-color: #FFF8DB;
  color: #B58105;
}

.mat.yellow.message,
.mat.attached.yellow.message {
  box-shadow: 0 0 0 1px #B58105 inset, 0 0 0 0 rgba(0, 0, 0, 0);
}

.mat.floating.yellow.message {
  box-shadow: 0 0 0 1px #B58105 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}

.mat.yellow.message .header {
  color: #9c6f04;
}

.mat.floating.success.message {
  box-shadow: 0 0 0 1px #a3c293 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}

.mat.attached.success.message, .mat.success.message {
  box-shadow: 0 0 0 1px #a3c293 inset, 0 0 0 0 transparent;
}

.mat.success.message {
  background-color: #fcfff5;
  color: #2c662d;
}

.mat.success.message .header {
  color: #1a531b;
}

.mat.message .header:not(.mat) {
  font-size: 1.14285714em;
}

.mat.message .header {
  display: block;
  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 700;
  margin: -0.14285714em 0 0 0;
}

.mat.floating.message {
  box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}

.mat.message > .close.icon {
  cursor: pointer;
  position: absolute;
  margin: 0;
  top: 0.78575em;
  right: 0.5em;
  opacity: 0.7;
  transition: opacity 0.1s ease;
}

.mat.message .header + p {
  margin-top: 0.25em;
}

.mat.message p:last-child {
  margin-bottom: 0;
}

.mat.message p {
  opacity: 0.85;
  margin: 0.75em 0;
}

span.mat.text {
  line-height: 1;
}

span.mat.disabled.text {
  opacity: 1;
}

.mat.dimmer {
  display: none;
  position: absolute;
  top: 0 !important;
  left: 0 !important;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  padding: 1em;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  line-height: 1;
  animation-fill-mode: both;
  animation-duration: 0.5s;
  transition: background-color 0.5s linear;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
  user-select: none;
  will-change: opacity;
  z-index: 1000;
}

.mat.inverted.dimmer {
  background: rgba(255, 255, 255, 0.85);
}

.mat.inverted.dimmer > .loader {
  color: var(--darker-text-color);
}

.mat.dimmer.active {
  display: flex;
  opacity: 1;
}

.loader {
  padding-top: 1rem;
}

.mat-content.mat-content-hide-toggle {
  margin-right: 0 !important;
}

.loader.active, .loader.visible {
  display: block;
}

.mat.simple.dimmer {
  display: block;
  overflow: hidden;
  opacity: 0;
  width: 0;
  height: 0;
  z-index: -100;
  background: rgba(0, 0, 0, 0);
}

.dimmed.dimmable > .mat.simple.dimmer {
  overflow: visible;
  opacity: 1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
  display: flex;
}

.mat.simple.inverted.dimmer {
  background: rgba(255, 255, 255, 0);
}

.dimmed.dimmable > .mat.simple.inverted.dimmer {
  background: rgba(255, 255, 255, 0.85);
}

.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover {
  background: none !important;
}

.mat-expansion-panel.mat-expanded .mat-expansion-panel-header-title {
  color: rgba(0, 0, 0, 0.95) !important;
}

.mat-expansion-panel.mat-expanded .mat-expansion-panel-header-title.lighter-text {
  color: #767676 !important;
}

.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header-title {
  color: rgba(0, 0, 0, 0.4);
}

.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header-title:hover {
  color: var(--darker-text-color);
}

.mat-expansion-panel:not(.mat-expanded) .drop-down.mat-ligature-font[fontIcon=arrow_drop_down]::before {
  transform: rotate(270deg);
}

.mat-expansion-panel-body {
  margin: 0;
  padding: 0.5em 1em 1.5em !important;
}

.mat-expansion-panel-content {
  letter-spacing: normal !important;
}

.platform-mat-header-title {
  display: grid !important;
  margin-right: 0 !important;
}

.platform-mat-expansion-header {
  padding: 0.75em 1em !important;
  height: auto !important;
}

.platform-mat-expansion {
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
}

mat-expansion-panel .content {
  margin: 0;
  padding-top: 0.5em;
}

.mdc-card {
  display: contents !important;
}

.platform-mat-card-content {
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15) !important;
  border-radius: 0 !important;
  padding: 1em !important;
  position: relative;
  margin: 1rem 0;
  border: 1px solid rgba(34, 36, 38, 0.15);
}

.platform-mat-card-content:last-child {
  margin-bottom: 0;
}

.platform-mat-card-content:first-child {
  margin-top: 0;
}

mat-card .padded.platform-mat-card-content {
  padding: 1.5em;
}

mat-card .mat[class*="very padded"].platform-mat-card-content {
  padding: 3em;
}

mat-card .padded.platform-mat-card-content.vertical.platform-mat-card-content,
mat-card .mat[class*="very padded"].vertical.platform-mat-card-content {
  padding-left: 0;
  padding-right: 0;
}

.platform-mat-card-content.basic {
  background: none transparent;
  box-shadow: none !important;
  border: none;
  border-radius: 0;
}

.platform-mat-card-content.accordion-shadow {
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) !important;
  border: 0;
}

/*-------------------
         Padded
  --------------------*/
mat-card-content.padded {
  padding: 1.5em;
}

mat-card-content.red {
  border-top: 2px solid #DB2828;
}

mat-card-content.center.aligned {
  text-align: center;
}

.mat.cards {
  display: flex;
  margin: -0.875em -0.5em;
  flex-wrap: wrap;
}

.mat.cards > .card {
  display: flex;
  margin: 0.875em 0.5em;
  float: none;
}

.mat.cards > .card,
.mat.card {
  max-width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 290px;
  min-height: 0;
  background: #FFFFFF;
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: 0 1px 3px 0 #D4D4D5, 0 0 0 1px #D4D4D5;
  transition: box-shadow 0.1s ease, transform 0.1s ease;
  z-index: "";
  word-wrap: break-word;
}

.mat.cards > .card > .content,
.mat.card > .content {
  flex-grow: 1;
  border: none;
  border-top: 1px solid rgba(34, 36, 38, 0.1);
  background: none;
  margin: 0;
  padding: 1em 1em;
  box-shadow: none;
  font-size: 1em;
  border-radius: 0;
}

.mat.card > .content > .header:not(.mat),
.mat.cards > .card > .content > .header:not(.mat) {
  font-weight: 700;
  font-size: 1.28571429em;
  margin-top: -0.21425em;
  line-height: 1.28571429em;
}

.mat.card > .content:after {
  display: block;
  content: " ";
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.mat.cards > .card > .content > .header,
.mat.card > .content > .header {
  display: block;
  margin: "";
  font-family: "Lato", "Helvetica Neue", Arial, Helvetica, sans-serif;
  color: rgba(0, 0, 0, 0.85);
}

.mat.card:first-child {
  margin-top: 0;
}

.mat.card:last-child {
  margin-bottom: 0;
}

.mat.card {
  margin: 1em 0;
}

.dnd-segment,
.dnd-segment:first-child {
  border: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
  margin-bottom: 0.5rem;
}

mat-card-content > [class*="two wide"].column {
  width: 12.5% !important;
  display: inline-block;
}

mat-card-content > [class*="three wide"].column {
  width: 18.75% !important;
  display: inline-block;
  vertical-align: top;
}

mat-card-content > .column:not(.row) {
  padding: 1rem;
}

.full-height {
  height: 100% !important;
}

.full-width {
  width: 100% !important;
}

.block-display {
  display: block !important;
}

.content-display {
  display: contents;
}

.border-box {
  box-sizing: border-box !important;
}

.small-block-margin {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.medium-block-margin {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.medium-right-padding {
  padding-right: 1rem !important;
}

.medium-left-padding {
  padding-left: 1rem !important;
}

.medium-bottom-padding {
  padding-bottom: 1rem !important;
}

.narrow-bottom-padding {
  padding-bottom: 2em !important;
}

.narrow-top-padding {
  padding-top: 2em !important;
}

.small-top-padding {
  padding-top: 0.5em !important;
}

.small-left-padding {
  padding-left: 0.5em !important;
}

.no-bottom-padding {
  padding-bottom: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.no-block-padding {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.no-inline-padding {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.small-bottom-margin {
  margin-bottom: 0.5rem !important;
}

.small-top-margin {
  margin-top: 0.5rem !important;
}

.medium-bottom-margin {
  margin-bottom: 1rem !important;
}

.medium-top-margin {
  margin-top: 1rem !important;
}

.narrow-top-margin {
  margin-top: 2rem !important;
}

.narrow-bottom-margin {
  margin-bottom: 2rem !important;
}

.no-top-margin {
  margin-top: 0 !important;
}

.no-bottom-margin {
  margin-bottom: 0 !important;
}

.no-right-margin {
  margin-right: 0 !important;
}

.no-block-margin {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.medium-left-margin {
  margin-left: 1rem !important;
}

.no-top-border {
  border-top: 0 !important;
}

.no-bottom-border {
  border-bottom: 0 !important;
}

.top-border {
  border-top: 1px solid rgba(34, 36, 38, 0.15) !important;
}

.full-box-shadow {
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15);
}

.no-border {
  border: none;
}

.no-border-or-shadow {
  border: none;
  box-shadow: none !important;
}

.transparent-background {
  background: transparent !important;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button, input, optgroup, select, textarea {
  font-family: Lato, Montserrat, "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/*********************
  Material Grid Tile
**********************/
.mat-grid-tile-content {
  display: block !important;
}

.flex-content.column.end .mat-grid-tile-content {
  display: flex !important;
  flex-direction: column;
  justify-content: flex-end;
}

.mat.grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  padding: 0;
}

/*----------------------
      Remove Gutters
-----------------------*/
.mat.grid {
  margin: -1rem;
}

.mat.grid + .grid {
  margin-top: 1rem;
}

/*-------------------
       Columns
--------------------*/
/* Standard 16 column */
.mat.grid > .column:not(.row),
.mat.grid > .row > .column {
  position: relative;
  display: inline-block;
  width: 6.25%;
  padding-left: 1rem;
  padding-right: 1rem;
  vertical-align: top;
}

.mat.grid > * {
  padding-left: 1rem;
  padding-right: 1rem;
}

/*--------------------
        Celled
----------------------*/
.mat.celled.grid {
  width: 100%;
  margin: 1em 0;
  box-shadow: 0 0 0 1px #d4d4d5;
}

.mat.celled.grid > .row {
  width: 100% !important;
  margin: 0;
  padding: 0;
  box-shadow: 0 -1px 0 0 #d4d4d5;
}

.mat.celled.grid > .column:not(.row), .mat.celled.grid > .row > .column {
  box-shadow: -1px 0 0 0 #d4d4d5;
}

.mat.celled.grid > .column:first-child, .mat.celled.grid > .row > .column:first-child {
  box-shadow: none;
}

.mat.celled.grid > .column:not(.row), .mat.celled.grid > .row > .column {
  padding: 1em;
}

/*------------------
      Internal
--------------------*/
.mat[class*="internally celled"].grid {
  box-shadow: none;
  margin: 0;
}

.mat[class*="internally celled"].grid > .row:first-child {
  box-shadow: none;
}

.mat[class*="internally celled"].grid > .row > .column:first-child {
  box-shadow: none;
}

/*-------------------
       Padded
---------------------*/
.mat.padded.divided.grid:not(.vertically):not(.horizontally), [class*="horizontally padded"].mat.divided.grid {
  width: 100%;
}

.mat.padded.grid:not(.vertically):not(.horizontally) {
  margin: 0 !important;
}

[class*="horizontally padded"].mat.grid {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

[class*="vertically padded"].mat.grid {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/*-------------------
        Rows
--------------------*/
.mat.grid > .row {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: inherit;
  align-items: stretch;
  width: 100% !important;
  padding: 1rem 0;
}

/*-------------------
       Columns
--------------------*/
.mat.grid > .column:not(.row) {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.mat.grid > .row > .column {
  margin-top: 0;
  margin-bottom: 0;
}

/*-------------------
      Content
--------------------*/
.mat.grid > .row > img,
.mat.grid > .row > .column > img {
  max-width: 100%;
}

.mat.grid > .column:only-child,
.mat.grid > .row > .column:only-child {
  width: 100%;
}

/**********
  Divided
************/
.mat.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
.mat.divided.grid:not([class*="vertically divided"]) > .row > .column {
  box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15);
}

/* No divider on first column on row */
.mat.divided.grid:not([class*="vertically divided"]) > .column:first-child,
.mat.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
  box-shadow: none;
}

/* Grid Based */
/**************
    Width
***************/
.mat.grid > [class*="equal width"].row > .column, .mat[class*="equal width"].grid > .column:not(.row), .mat[class*="equal width"].grid > .row > .column {
  display: inline-block;
  flex-grow: 1;
}

.mat.grid > [class*="equal width"].row > .wide.column, .mat[class*="equal width"].grid > .row > .wide.column, .mat[class*="equal width"].grid > .wide.column {
  flex-grow: 0;
}

/**************
  Grid Column
***************/
.mat[class*="one column"].grid > .row > .column,
.mat[class*="one column"].grid > .column:not(.row) {
  width: 100%;
}

.mat[class*="two column"].grid > .row > .column,
.mat[class*="two column"].grid > .column:not(.row) {
  width: 50%;
}

.mat[class*="three column"].grid > .row > .column,
.mat[class*="three column"].grid > .column:not(.row) {
  width: 33.33333333%;
}

.mat[class*="four column"].grid > .row > .column,
.mat[class*="four column"].grid > .column:not(.row) {
  width: 25%;
}

.mat[class*="five column"].grid > .row > .column,
.mat[class*="five column"].grid > .column:not(.row) {
  width: 20%;
}

.mat[class*="six column"].grid > .row > .column,
.mat[class*="six column"].grid > .column:not(.row) {
  width: 16.66666667%;
}

.mat[class*="seven column"].grid > .row > .column,
.mat[class*="seven column"].grid > .column:not(.row) {
  width: 14.28571429%;
}

.mat[class*="eight column"].grid > .row > .column,
.mat[class*="eight column"].grid > .column:not(.row) {
  width: 12.5%;
}

.mat[class*="nine column"].grid > .row > .column,
.mat[class*="nine column"].grid > .column:not(.row) {
  width: 11.11111111%;
}

.mat[class*="ten column"].grid > .row > .column,
.mat[class*="ten column"].grid > .column:not(.row) {
  width: 10%;
}

.mat[class*="eleven column"].grid > .row > .column,
.mat[class*="eleven column"].grid > .column:not(.row) {
  width: 9.09090909%;
}

.mat[class*="twelve column"].grid > .row > .column,
.mat[class*="twelve column"].grid > .column:not(.row) {
  width: 8.33333333%;
}

.mat[class*="thirteen column"].grid > .row > .column,
.mat[class*="thirteen column"].grid > .column:not(.row) {
  width: 7.69230769%;
}

.mat[class*="fourteen column"].grid > .row > .column,
.mat[class*="fourteen column"].grid > .column:not(.row) {
  width: 7.14285714%;
}

.mat[class*="fifteen column"].grid > .row > .column,
.mat[class*="fifteen column"].grid > .column:not(.row) {
  width: 6.66666667%;
}

.mat[class*="sixteen column"].grid > .row > .column,
.mat[class*="sixteen column"].grid > .column:not(.row) {
  width: 6.25%;
}

/********* Row Based Overrides *********/
.mat.grid > [class*="one column"].row > .column {
  width: 100% !important;
}

.mat.grid > [class*="two column"].row > .column {
  width: 50% !important;
}

.mat.grid > [class*="three column"].row > .column {
  width: 33.33333333% !important;
}

.mat.grid > [class*="four column"].row > .column {
  width: 25% !important;
}

.mat.grid > [class*="five column"].row > .column {
  width: 20% !important;
}

.mat.grid > [class*="six column"].row > .column {
  width: 16.66666667% !important;
}

.mat.grid > [class*="seven column"].row > .column {
  width: 14.28571429% !important;
}

.mat.grid > [class*="eight column"].row > .column {
  width: 12.5% !important;
}

.mat.grid > [class*="nine column"].row > .column {
  width: 11.11111111% !important;
}

.mat.grid > [class*="ten column"].row > .column {
  width: 10% !important;
}

.mat.grid > [class*="eleven column"].row > .column {
  width: 9.09090909% !important;
}

.mat.grid > [class*="twelve column"].row > .column {
  width: 8.33333333% !important;
}

.mat.grid > [class*="thirteen column"].row > .column {
  width: 7.69230769% !important;
}

.mat.grid > [class*="fourteen column"].row > .column {
  width: 7.14285714% !important;
}

.mat.grid > [class*="fifteen column"].row > .column {
  width: 6.66666667% !important;
}

.mat.grid > [class*="sixteen column"].row > .column {
  width: 6.25% !important;
}

/************* Wide Columns ************/
.mat.grid > .row > [class*="one wide"].column,
.mat.grid > .column.row > [class*="one wide"].column,
.mat.grid > [class*="one wide"].column,
.mat.column.grid > [class*="one wide"].column {
  width: 6.25% !important;
}

.mat.grid > .row > [class*="two wide"].column,
.mat.grid > .column.row > [class*="two wide"].column,
.mat.grid > [class*="two wide"].column,
.mat.column.grid > [class*="two wide"].column {
  width: 12.5% !important;
}

.mat.grid > .row > [class*="three wide"].column,
.mat.grid > .column.row > [class*="three wide"].column,
.mat.grid > [class*="three wide"].column,
.mat.column.grid > [class*="three wide"].column {
  width: 18.75% !important;
}

.mat.grid > .row > [class*="four wide"].column,
.mat.grid > .column.row > [class*="four wide"].column,
.mat.grid > [class*="four wide"].column,
.mat.column.grid > [class*="four wide"].column {
  width: 25% !important;
}

.mat.grid > .row > [class*="five wide"].column,
.mat.grid > .column.row > [class*="five wide"].column,
.mat.grid > [class*="five wide"].column,
.mat.column.grid > [class*="five wide"].column {
  width: 31.25% !important;
}

.mat.grid > .row > [class*="six wide"].column,
.mat.grid > .column.row > [class*="six wide"].column,
.mat.grid > [class*="six wide"].column,
.mat.column.grid > [class*="six wide"].column {
  width: 37.5% !important;
}

.mat.grid > .row > [class*="seven wide"].column,
.mat.grid > .column.row > [class*="seven wide"].column,
.mat.grid > [class*="seven wide"].column,
.mat.column.grid > [class*="seven wide"].column {
  width: 43.75% !important;
}

.mat.grid > .row > [class*="eight wide"].column,
.mat.grid > .column.row > [class*="eight wide"].column,
.mat.grid > [class*="eight wide"].column,
.mat.column.grid > [class*="eight wide"].column {
  width: 50% !important;
}

.mat.grid > .row > [class*="nine wide"].column,
.mat.grid > .column.row > [class*="nine wide"].column,
.mat.grid > [class*="nine wide"].column,
.mat.column.grid > [class*="nine wide"].column {
  width: 56.25% !important;
}

.mat.grid > .row > [class*="ten wide"].column,
.mat.grid > .column.row > [class*="ten wide"].column,
.mat.grid > [class*="ten wide"].column,
.mat.column.grid > [class*="ten wide"].column {
  width: 62.5% !important;
}

.mat.grid > .row > [class*="eleven wide"].column,
.mat.grid > .column.row > [class*="eleven wide"].column,
.mat.grid > [class*="eleven wide"].column,
.mat.column.grid > [class*="eleven wide"].column {
  width: 68.75% !important;
}

.mat.grid > .row > [class*="twelve wide"].column,
.mat.grid > .column.row > [class*="twelve wide"].column,
.mat.grid > [class*="twelve wide"].column,
.mat.column.grid > [class*="twelve wide"].column {
  width: 75% !important;
}

.mat.grid > .row > [class*="thirteen wide"].column,
.mat.grid > .column.row > [class*="thirteen wide"].column,
.mat.grid > [class*="thirteen wide"].column,
.mat.column.grid > [class*="thirteen wide"].column {
  width: 81.25% !important;
}

.mat.grid > .row > [class*="fourteen wide"].column,
.mat.grid > .column.row > [class*="fourteen wide"].column,
.mat.grid > [class*="fourteen wide"].column,
.mat.column.grid > [class*="fourteen wide"].column {
  width: 87.5% !important;
}

.mat.grid > .row > [class*="fifteen wide"].column,
.mat.grid > .column.row > [class*="fifteen wide"].column,
.mat.grid > [class*="fifteen wide"].column,
.mat.column.grid > [class*="fifteen wide"].column {
  width: 93.75% !important;
}

.mat.grid > .row > [class*="sixteen wide"].column,
.mat.grid > .column.row > [class*="sixteen wide"].column,
.mat.grid > [class*="sixteen wide"].column,
.mat.column.grid > [class*="sixteen wide"].column {
  width: 100% !important;
}

/* Collapse Margin on Consecutive Grid */
.mat.grid > .mat.grid:first-child {
  margin-top: 0;
}

.mat.grid > .mat.grid:last-child {
  margin-bottom: 0;
}

.mat.grid > .row > [class*="center aligned"].column.column,
.mat.grid > [class*="center aligned"].column.column,
.mat.grid > [class*="center aligned"].row > .column,
.mat[class*="center aligned"].grid > .column,
.mat[class*="center aligned"].grid > .row > .column {
  text-align: center;
  align-self: inherit;
}

/* Stretched */
.mat.stretched.grid > .row > .column,
.mat.stretched.grid > .column,
.mat.grid > .stretched.row > .column,
.mat.grid > .stretched.column:not(.row),
.mat.grid > .row > .stretched.column {
  display: inline-flex !important;
  align-self: stretch;
  flex-direction: column;
}

.mat.stretched.grid > .row > .column > *,
.mat.stretched.grid > .column > *,
.mat.grid > .stretched.row > .column > *,
.mat.grid > .stretched.column:not(.row) > *,
.mat.grid > .row > .stretched.column > * {
  flex-grow: 1;
}

/*-------------------
        Stackable
  --------------------*/
@media only screen and (max-width: 767.98px) {
  .mat.stackable.grid {
    width: auto;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mat.stackable.grid > .row > .wide.column,
  .mat.stackable.grid > .wide.column,
  .mat.stackable.grid > .column.grid > .column,
  .mat.stackable.grid > .column.row > .column,
  .mat.stackable.grid > .row > .column,
  .mat.stackable.grid > .column:not(.row),
  .mat.grid > .stackable.stackable.stackable.row > .column {
    width: 100% !important;
    margin: 0 0 !important;
    box-shadow: none !important;
    padding: 1rem 1rem;
  }
  .mat.stackable.grid:not(.vertically) > .row {
    margin: 0;
    padding: 0;
  }
  /* Coupling */
  .mat.container > .mat.stackable.grid > .column,
  .mat.container > .mat.stackable.grid > .row > .column {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  /* Don't pad inside segment or nested grid */
  .mat.grid .mat.stackable.grid,
  .mat.stackable.page.grid {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  /* Divided Stackable */
  .mat.stackable.divided.grid > .row:first-child > .column:first-child,
  .mat.stackable.celled.grid > .row:first-child > .column:first-child,
  .mat.stackable.divided.grid > .column:not(.row):first-child,
  .mat.stackable.celled.grid > .column:not(.row):first-child {
    border-top: none !important;
  }
  .mat.inverted.stackable.celled.grid > .column:not(.row),
  .mat.inverted.stackable.divided.grid > .column:not(.row),
  .mat.inverted.stackable.celled.grid > .row > .column,
  .mat.inverted.stackable.divided.grid > .row > .column {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
  .mat.stackable.celled.grid > .column:not(.row),
  .mat.stackable.divided:not(.vertically).grid > .column:not(.row),
  .mat.stackable.celled.grid > .row > .column,
  .mat.stackable.divided:not(.vertically).grid > .row > .column {
    border-top: 1px solid rgba(34, 36, 38, 0.15);
    box-shadow: none !important;
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .mat.stackable.celled.grid > .row {
    box-shadow: none !important;
  }
  .mat.stackable.divided:not(.vertically).grid > .column:not(.row),
  .mat.stackable.divided:not(.vertically).grid > .row > .column {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.mat[class*="mobile vertically reversed"].grid,
.mat.stackable[class*="mobile reversed"] {
  flex-direction: column-reverse;
}

/*******************************
      Table Related CSS
*******************************/
/* Prototype */
.mat.table {
  width: 100%;
  background: #FFFFFF;
  margin: 1em 0;
  border: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: none;
  border-radius: 0;
  text-align: left;
  vertical-align: middle;
  color: rgba(0, 0, 0, 0.87);
  border-collapse: separate;
  border-spacing: 0;
}

.mat.table > thead,
.mat.table > tbody {
  text-align: inherit;
  vertical-align: inherit;
}

.mat.compact.table > tbody > tr > td, .mat.compact.table > tfoot > tr > td, .mat.compact.table > tr > td {
  padding: 0.5em 0.7em;
}

.mat.compact.table > tbody > tr > th, .mat.compact.table > tfoot > tr > th, .mat.compact.table > thead > tr > th, .mat.compact.table > tr > th {
  padding-left: 0.7em;
  padding-right: 0.7em;
}

.mat.celled.table > tbody > tr > td, .mat.celled.table > tbody > tr > th, .mat.celled.table > tfoot > tr > td, .mat.celled.table > tfoot > tr > th,
.mat.celled.table > thead > tr > th, .mat.celled.table > tr > td, .mat.celled.table > tr > th {
  border-left: 1px solid rgba(34, 36, 38, 0.1);
}

.mat.celled.table > tbody > tr > td:first-child, .mat.celled.table > tbody > tr > th:first-child, .mat.celled.table > tfoot > tr > td:first-child,
.mat.celled.table > tfoot > tr > th:first-child, .mat.celled.table > thead > tr > th:first-child, .mat.celled.table > tr > td:first-child,
.mat.celled.table > tr > th:first-child {
  border-left: none;
}

/*
 * Styles for user-provided tables.
 *
 * borderless:
 *      No borders, vertical margins, styled caption.
 *      This style is provided for use with existing doc comments.
 *      In general, borderless tables should not be used for layout purposes.
 *
 * plain:
 *      Plain borders around table and cells, vertical margins, styled caption.
 *      Best for small tables or for complex tables for tables with cells that span
 *      rows and columns, when the "striped" style does not work well.
 *
 * striped:
 *      Borders around the table and vertical borders between cells, striped rows,
 *      vertical margins, styled caption.
 *      Best for tables that have a header row, and a body containing a series of simple rows.
 */
table.borderless,
table.plain,
table.striped {
  margin-top: 10px;
  margin-bottom: 10px;
}

table.borderless > caption,
table.plain > caption,
table.striped > caption {
  font-weight: bold;
  font-size: smaller;
}

table.borderless th, table.borderless td,
table.plain th, table.plain td,
table.striped th, table.striped td {
  padding: 2px 5px;
}

table.borderless,
table.borderless > thead > tr > th, table.borderless > tbody > tr > th, table.borderless > tr > th,
table.borderless > thead > tr > td, table.borderless > tbody > tr > td, table.borderless > tr > td {
  border: none;
}

table.borderless > thead > tr, table.borderless > tbody > tr, table.borderless > tr {
  background-color: transparent;
}

table.plain {
  border-collapse: collapse;
  border: 1px solid var(--table-border-color);
}

table.plain > thead > tr, table.plain > tbody tr, table.plain > tr {
  background-color: transparent;
}

table.plain > thead > tr > th, table.plain > tbody > tr > th, table.plain > tr > th,
table.plain > thead > tr > td, table.plain > tbody > tr > td, table.plain > tr > td {
  border: 1px solid var(--table-border-color);
}

table.striped {
  border-collapse: collapse;
  border: 1px solid var(--table-border-color);
}

table.striped > thead {
  background-color: var(--subnav-background-color);
}

table.striped > thead > tr > th, table.striped > thead > tr > td {
  border: 1px solid var(--table-border-color);
}

table.striped > tbody > tr:nth-child(even) {
  background-color: var(--odd-row-color);
}

table.striped > tbody > tr:nth-child(odd) {
  background-color: var(--even-row-color);
}

table.striped > tbody > tr > th, table.striped > tbody > tr > td {
  border-left: 1px solid var(--table-border-color);
  border-right: 1px solid var(--table-border-color);
}

table.striped > tbody > tr > th {
  font-weight: normal;
}

/*--------------
       Striped
  ---------------*/
/* Table Striping */
.mat.striped.table > tr:nth-child(2n),
.mat.striped.table > tbody > tr:nth-child(2n) {
  background-color: rgba(0, 0, 50, 0.02);
}

/* Stripes */
.mat.inverted.striped.table > tr:nth-child(2n),
.mat.inverted.striped.table > tbody > tr:nth-child(2n) {
  background-color: rgba(255, 255, 255, 0.05);
}

/* Allow striped active hover */
.mat.striped.selectable.selectable.selectable.table tbody tr.active:hover {
  background: #EFEFEF;
  color: rgba(0, 0, 0, 0.95);
}

/*--------------
     Definition
  ---------------*/
.mat.definition.table > thead:not(.full-width) > tr > th:first-child {
  pointer-events: none;
  background: #FFFFFF;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.4);
  box-shadow: -0.1em -0.2em 0 0.1em #FFFFFF;
  -moz-transform: scale(1);
}

.mat.definition.table > thead:not(.full-width) > tr > th:first-child:not(:empty) {
  pointer-events: auto;
}

.mat.definition.table > tfoot:not(.full-width) > tr > th:first-child {
  pointer-events: none;
  background: #FFFFFF;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.4);
  box-shadow: -0.1em 0.2em 0 0.1em #FFFFFF;
  -moz-transform: scale(1);
}

/* Highlight Defining Column */
.mat.definition.table > tr > td:first-child:not(.ignored),
.mat.definition.table > tbody > tr > td:first-child:not(.ignored),
.mat.definition.table > tfoot > tr > td:first-child:not(.ignored),
.mat.definition.table tr td.definition {
  background: rgba(0, 0, 0, 0.03);
  font-weight: bold;
  color: rgba(0, 0, 0, 0.95);
  text-transform: "";
  box-shadow: "";
  text-align: "";
  font-size: 1em;
  padding-left: "";
  padding-right: "";
}

/* Fix 2nd Column */
.mat.definition.table > thead:not(.full-width) > tr > th:nth-child(2) {
  border-left: 1px solid rgba(34, 36, 38, 0.15);
}

.mat.definition.table > tfoot:not(.full-width) > tr > th:nth-child(2),
.mat.definition.table > tfoot:not(.full-width) > tr > td:nth-child(2) {
  border-left: 1px solid rgba(34, 36, 38, 0.15);
}

.mat.definition.table > tr > td:nth-child(2),
.mat.definition.table > tbody > tr > td:nth-child(2) {
  border-left: 1px solid rgba(34, 36, 38, 0.15);
}

/**********************
  Tooltip Related CSS
***********************/
.left-tooltip {
  display: inline-block !important;
  position: relative !important;
  left: 20%;
  --mdc-plain-tooltip-supporting-text-line-height: inherit !important;
  --mdc-plain-tooltip-supporting-text-tracking: inherit !important;
}

.left-tooltip::after {
  content: "";
  position: absolute;
  top: -0.4rem;
  margin-left: -0.357em;
  width: 0.71428571em;
  height: 0.71428571em;
  background: #fff;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  transform: rotate(45deg);
}

.left-tooltip .mdc-tooltip__surface {
  position: absolute;
  bottom: -0.1rem;
  left: -1.6rem;
  white-space: nowrap;
  width: auto;
  background: #FFFFFF !important;
  padding: 0.833em 1em !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  font-style: normal !important;
  min-width: min-content !important;
  max-width: 250px !important;
  border-radius: 0 !important;
  color: #333 !important;
  border: 1px solid #d4d4d5 !important;
  box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15) !important;
}

/*--------------
     Collapsing
  ---------------*/
.mat.collapsing.table {
  width: auto;
}

/*--------------
        Basic
  ---------------*/
.mat.basic.table {
  background: transparent;
  border: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: none;
}

.mat.basic.table > thead,
.mat.basic.table > tfoot {
  box-shadow: none;
}

.mat.basic.table > thead > tr > th,
.mat.basic.table > tbody > tr > th,
.mat.basic.table > tfoot > tr > th,
.mat.basic.table > tr > th {
  background: transparent;
  border-left: none;
}

.mat.basic.table > tbody > tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.mat.basic.table > tbody > tr > td,
.mat.basic.table > tfoot > tr > td,
.mat.basic.table > tr > td {
  background: transparent;
}

.mat.basic.striped.table > tbody > tr:nth-child(2n) {
  background-color: rgba(0, 0, 0, 0.05);
}

/* Very Basic */
.mat[class*="very basic"].table {
  border: none;
}

.mat[class*="very basic"].table:not(.sortable):not(.striped) > tr > th,
.mat[class*="very basic"].table:not(.sortable):not(.striped) > thead > tr > th,
.mat[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > th,
.mat[class*="very basic"].table:not(.sortable):not(.striped) > tfoot > tr > th,
.mat[class*="very basic"].table:not(.sortable):not(.striped) > tr > td,
.mat[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > td {
  padding: "";
}

.mat[class*="very basic"].table:not(.sortable):not(.striped) > tr > th:first-child,
.mat[class*="very basic"].table:not(.sortable):not(.striped) > thead > tr > th:first-child,
.mat[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > th:first-child,
.mat[class*="very basic"].table:not(.sortable):not(.striped) > tfoot > tr > th:first-child,
.mat[class*="very basic"].table:not(.sortable):not(.striped) > tr > td:first-child,
.mat[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > td:first-child,
.mat[class*="very basic"].table:not(.sortable):not(.striped) > tfoot > tr > td:first-child {
  padding-left: 0;
}

.mat[class*="very basic"].table:not(.sortable):not(.striped) > tr > th:last-child,
.mat[class*="very basic"].table:not(.sortable):not(.striped) > thead > tr > th:last-child,
.mat[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > th:last-child,
.mat[class*="very basic"].table:not(.sortable):not(.striped) > tfoot > tr > th:last-child,
.mat[class*="very basic"].table:not(.sortable):not(.striped) > tr > td:last-child,
.mat[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > td:last-child,
.mat[class*="very basic"].table:not(.sortable):not(.striped) > tfoot > tr > td:last-child {
  padding-right: 0;
}

.mat[class*="very basic"].table:not(.sortable):not(.striped) > thead > tr:first-child > th {
  padding-top: 0;
}

.mat.table > tbody > tr > td, .mat.table > tr > td {
  padding: 0.78571429em 0.78571429em;
  text-align: inherit;
}

.mat.table > tbody > tr > td, .mat.table > tr > td {
  border-top: 1px solid rgba(34, 36, 38, 0.1);
}

.mat.table > tbody > tr:first-child > td, .mat.table > tr:first-child > td {
  border-top: none;
}

.mat.basic.table > tbody > tr > td, .mat.basic.table > tfoot > tr > td, .mat.basic.table > tr > td {
  background: 0 0;
}

/* Table */
.mat.table:last-child {
  margin-bottom: 0;
}

.mat.table:first-child {
  margin-top: 0;
}

.mat.table {
  font-size: 1em;
}

.mat.table {
  width: 100%;
  background: #fff;
  margin: 1em 0;
  border: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: none;
  border-radius: 0;
  text-align: left;
  vertical-align: middle;
  color: #333;
  border-collapse: separate;
  border-spacing: 0;
}

.mat.table > thead {
  box-shadow: none;
}

.mat.table > tbody, .mat.table > thead {
  text-align: inherit;
  vertical-align: inherit;
}

.mat.table > thead > tr:first-child > th:first-child {
  border-radius: 0;
}

.mat.table > thead > tr > th:first-child {
  border-left: none;
}

.mat.table > thead > tr > th {
  cursor: auto;
  background: #f9fafb;
  text-align: inherit;
  color: #333;
  padding: 0.92857143em 0.78571429em;
  vertical-align: inherit;
  font-style: none;
  font-weight: 700;
  text-transform: none;
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
  border-left: none;
}

.mat.striped.table > tbody > tr:nth-child(2n), .mat.striped.table > tr:nth-child(2n) {
  background-color: rgba(0, 0, 50, 0.02);
}

.mat.table td.collapsing {
  width: 1px;
  white-space: nowrap;
}

.mat.table > tbody > tr > td {
  padding: 0.78571429em 0.78571429em;
  text-align: inherit;
}

.mat.table > tbody > tr > td, .mat.table > tr > td {
  border-top: 1px solid rgba(34, 36, 38, 0.1);
}

.mat.table td, .mat.table th {
  transition: background 0.1s ease, color 0.1s ease;
}

.mat[class*="very wide"].popup {
  max-width: 550px;
}

.mat[class*=top].popup,
.mat[class*=bottom].popup {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.right {
  margin-left: auto !important;
}

.left {
  margin-right: auto !important;
}

.right.floated {
  float: right;
}

.left.floated {
  float: left;
}

/* Replacement for header*/
.mat.header {
  border: none;
  margin: calc(2rem - 0.1428571429em) 0 1rem;
  padding: 0 0;
  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 1.28571429em;
  text-transform: none;
  color: var(--darker-text-color);
}

.mat.header:last-child {
  margin-bottom: 0;
}

.mat.header:first-child {
  margin-top: -0.14285714em;
}

.mat.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  font-size: 1.28571429em;
}

.mat-mdc-tab {
  letter-spacing: normal !important;
}

.mat-mdc-tab-body-content {
  overflow: hidden;
}

.mdc-tab-indicator {
  display: none;
}

.item.disabled {
  cursor: default;
  color: rgba(40, 40, 40, 0.3);
  pointer-events: none;
}

.mat-toolbar {
  letter-spacing: normal !important;
}

.mat-toolbar h1, .mat-toolbar h2, .mat-toolbar h3, .mat-toolbar h4, .mat-toolbar h5, .mat-toolbar h6 {
  line-height: 1.28571429em !important;
  font-weight: 700 !important;
  letter-spacing: normal !important;
}

.mat-toolbar h3 {
  font-size: 1.28571429rem !important;
}

.mat-toolbar.secondary {
  font-size: 1rem;
  color: #333;
  letter-spacing: normal !important;
  line-height: 1 !important;
}

.mat-toolbar.secondary mat-toolbar-row.title-heading {
  border-right: 1px solid #333333;
  padding-left: 0;
  margin-left: 0;
}

.mat-toolbar.secondary mat-toolbar-row.title-heading:last-child {
  border-right: none;
}

.mat-toolbar-row, .mat-toolbar-single-row {
  padding: 0 1em !important;
  min-height: 2.71428571em !important;
  height: auto !important;
  background: #FFFFFF;
}

.mat-toolbar-row h4 {
  font-size: 1.07142857rem !important;
}

.right.menu, .left.menu {
  display: flex;
}

.mat-toolbar.secondary .menu .item {
  padding: 0.3rem 0 0.3rem 1rem;
  margin: 0 0.4rem;
}

.mat-toolbar, .mat-toolbar-multiple-rows {
  min-height: 2.71428571em !important;
}

.mat-toolbar.primary {
  font-size: 1.15em !important;
}

.mat-toolbar.primary .mat-toolbar-row {
  min-height: 1em !important;
  height: 2.714em !important;
  padding: 0.85714286em 1.42857143em !important;
}

.mat-toolbar.primary .mat-toolbar-row.wrap-text {
  height: auto !important;
  text-wrap: initial !important;
  line-height: 1em;
}

.secondary .menu .active.item {
  box-shadow: none;
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
  border-radius: 0;
}

mat-tool-bar .active.item {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
  font-weight: 400;
  box-shadow: none;
}

.secondary a {
  color: inherit;
}

.mat-toolbar .menu a.item.active:hover {
  color: #333333 !important;
  background: #E6E6E6 !important;
  border-radius: 4px 4px 4px 4px !important;
  box-shadow: 0 -1px 0 0 var(--dividing-line-color) !important;
}

.mat-toolbar.secondary .menu a.item:hover {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
}

.mat-toolbar .menu a.item:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.03);
  color: rgba(0, 0, 0, 0.95);
}

.mat-toolbar .menu .item {
  line-height: 1 !important;
}

.mat-toolbar .item > i.mat.icon {
  opacity: 0.9;
  float: none;
  margin: 0 0.35714286em 0 0;
}

/*Custom Chat Toolbar*/
mat-toolbar.secondary .item.referral-number {
  margin-left: 0.4rem;
  padding-left: 0;
  color: #333333;
  outline: none;
  background: none;
  border: none;
}

mat-toolbar.secondary .item.referral-number:hover {
  -webkit-text-decoration: underline #007BC2;
          text-decoration: underline #007BC2;
}

/*******************
    Tabular Menu
********************/
.tabular.menu .active.item {
  background: #ccc;
  color: rgba(0, 0, 0, 0.95);
  border-top-width: 1px;
  border-color: #eceff2;
  font-weight: 700;
  margin-bottom: -1px;
  box-shadow: none;
  border-radius: 4px 4px 0 0 !important;
}

/*-------------
    Vertical
---------------*/
.vertical.tabular.menu .active.item {
  background: #ccc;
  color: rgba(0, 0, 0, 0.95);
  border-color: #eceff2;
  margin: 0 -1px 0 0;
  border-radius: 4px 0 0 4px !important;
}

.vertical.tabular.menu .active.item {
  border-radius: 4px 4px 4px 4px !important;
  box-shadow: 0 -1px 0 0 #ccc;
}

/***************************
   Slide Toggle Related CSS
*****************************/
.mdc-switch--selected .mdc-switch__icon--on, .mdc-switch--unselected .mdc-switch__icon--off {
  opacity: 0 !important;
}

.mdc-switch {
  width: 3.5em !important;
}

.mdc-switch .mdc-switch__track {
  height: 1.5em !important;
  border-radius: 1em !important;
}

.mdc-switch:disabled .mdc-switch__track {
  color: var(--action-item-color) !important;
  opacity: 0.5 !important;
}

.mdc-switch:disabled .mdc-switch__track::after {
  background-color: var(--action-item-color) !important;
}

.mdc-switch:disabled .mdc-switch__track::before {
  background-color: rgba(0, 0, 0, 0.05) !important;
}

.mat-mdc-slide-toggle .mdc-switch--unselected .mdc-switch__handle {
  opacity: 0.5 !important;
}

.mdc-switch:enabled .mdc-switch__track::after {
  background-color: var(--action-item-color) !important;
}

.mdc-switch:enabled:focus .mdc-switch__track::after:focus {
  background-color: #00314e !important;
}

.mat-mdc-slide-toggle .mdc-switch--disabled + label {
  color: rgba(0, 0, 0, 0.4) !important;
  opacity: 0.5 !important;
}

.mdc-elevation-overlay {
  background-color: white !important;
  opacity: 1 !important;
  border: 1px solid lightgray !important;
  top: -0.35px !important;
}

mat-slide-toggle .mdc-elevation-overlay {
  border: none !important;
}

mat-slide-toggle .mdc-switch__handle::after {
  background-color: white !important;
  border: 0.5px solid #b0b0b0;
}

.mat-mdc-slide-toggle .mdc-switch:enabled + .mdc-label, .mdc-switch + .mdc-label {
  padding-left: 1em !important;
  color: rgba(0, 0, 0, 0.4) !important;
}

/***************************
   Progress Bar Related CSS
*****************************/
.small mat-progress-bar.mdc-linear-progress,
.small mat-progress-bar .mdc-linear-progress__buffer,
.small mat-progress-bar .mdc-linear-progress__bar,
.small mat-progress-bar .mdc-linear-progress__bar-inner {
  height: 0.92857143rem;
}

mat-progress-bar.mdc-linear-progress,
mat-progress-bar .mdc-linear-progress__buffer,
mat-progress-bar .mdc-linear-progress__bar,
mat-progress-bar .mdc-linear-progress__bar-inner {
  height: 1em;
}

.small mat-progress-bar .mdc-linear-progress__bar-inner {
  border-top-width: 0;
}

mat-progress-bar .mdc-linear-progress__bar-inner {
  border-top-width: 0;
}

.success .mdc-linear-progress__bar-inner {
  background-color: #21ba45 !important;
}

.disable-background .mdc-linear-progress__buffer-bar {
  background-color: transparent;
}

.light-blue .mdc-linear-progress__bar-inner {
  background-color: var(--accent-color) !important;
}

.mdc-linear-progress__bar-inner {
  background-color: var(--accent-color);
}

/*************************
  Container Related CSS
**************************/
.mat.container {
  display: block;
  max-width: 100%;
  height: calc(100vh - 6.2rem);
}

@media only screen and (max-width: 767.98px) {
  .mat.mat.mat.container:not(.fluid) {
    width: auto;
    margin-left: 1em;
    margin-right: 1em;
  }
  .mat.mat.mat.grid.container {
    width: auto;
  }
  .mat.mat.mat.relaxed.grid.container {
    width: auto;
  }
  .mat.mat.mat.very.relaxed.grid.container {
    width: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .mat.mat.mat.container:not(.fluid) {
    width: 723px;
    margin-left: auto;
    margin-right: auto;
  }
  .mat.mat.mat.grid.container {
    width: calc(723px + 2rem);
  }
  .mat.mat.mat.relaxed.grid.container {
    width: calc(723px + 3rem);
  }
  .mat.mat.mat.very.relaxed.grid.container {
    width: calc(723px + 5rem);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .mat.mat.mat.container:not(.fluid) {
    width: 933px;
    margin-left: auto;
    margin-right: auto;
  }
  .mat.mat.mat.grid.container {
    width: calc(933px + 2rem);
  }
  .mat.mat.mat.relaxed.grid.container {
    width: calc(933px + 3rem);
  }
  .mat.mat.mat.very.relaxed.grid.container {
    width: calc(933px + 5rem);
  }
}
@media only screen and (min-width: 1200px) {
  .mat.mat.mat.container:not(.fluid) {
    width: 1127px;
    margin-left: auto;
    margin-right: auto;
  }
  .mat.mat.mat.grid.container {
    width: calc(1127px + 2rem);
  }
  .mat.mat.mat.relaxed.grid.container {
    width: calc(1127px + 3rem);
  }
  .mat.mat.mat.very.relaxed.grid.container {
    width: calc(1127px + 5rem);
  }
}
.mat.text.container {
  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
  max-width: 700px;
  line-height: 1.5;
  font-size: 1.14285714rem;
}

.mat.fluid.container {
  width: 100%;
}

.mat[class*="left aligned"].container {
  text-align: left;
}

.mat[class*="center aligned"].container {
  text-align: center;
}

.mat[class*="right aligned"].container {
  text-align: right;
}

.mat.justified.container {
  text-align: justify;
  hyphens: auto;
}

.mat.container > .mat.stackable.grid > .column, .mat.container > .mat.stackable.grid > .row > .column {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.mat.container.platform-mat-card-content {
  height: calc(100vh - 6.2rem);
}

/*******************************
             Image
*******************************/
.mat.image {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  background-color: transparent;
}

img.mat.image {
  display: block;
}

.mat.image svg,
.mat.image img {
  display: block;
  max-width: 100%;
  height: auto;
}

.mat.mini.images .image,
.mat.mini.images img,
.mat.mini.images svg,
.mat.mini.image {
  width: 35px;
  height: auto;
  font-size: 0.78571429rem;
}

.mat.tiny.images .image,
.mat.tiny.images img,
.mat.tiny.images svg,
.mat.tiny.image {
  width: 80px;
  height: auto;
  font-size: 0.85714286rem;
}

.mat.middle.aligned.image,
.mat.middle.aligned.image svg,
.mat.middle.aligned.image img {
  display: inline-block;
  vertical-align: middle;
}

.mat.label {
  display: inline-block;
  line-height: 1;
  vertical-align: baseline;
  margin: 0 0.14285714em;
  background-color: #e8e8e8;
  background-image: none;
  padding: 0.5833em 0.833em;
  color: rgba(0, 0, 0, 0.6);
  text-transform: none;
  font-weight: 400;
  border: 0 solid transparent;
  border-radius: 0;
  transition: background 0.1s ease;
}

.mat.label:last-child {
  margin-right: 0;
}

.mat.label:first-child {
  margin-left: 0;
}

.mdc-list-item:not(.mat-mdc-option) {
  display: list-item !important;
  table-layout: fixed;
  list-style-type: none;
  list-style-position: outside;
  padding: 0.21428571em 0;
  line-height: 1.14285714em;
}

.grid-row {
  margin-top: -2.7rem !important;
}

/*********************
Semantic Folder CSS
**********************/
/* List */
ul.mat.list,
ol.mat.list,
.mat.list {
  list-style-type: none;
  margin: 1em 0;
  padding: 0 0;
}

ul.mat.list:first-child,
ol.mat.list:first-child,
.mat.list:first-child {
  margin-top: 0;
  padding-top: 0;
}

ul.mat.list:last-child,
ol.mat.list:last-child,
.mat.list:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

/*******************************
            Content
*******************************/
/* List Item */
ul.mat.list li,
ol.mat.list li,
.mat.list > .item,
.mat.list .list > .item {
  display: list-item;
  table-layout: fixed;
  list-style-type: none;
  list-style-position: outside;
  padding: 0.21428571em 0;
  line-height: 1.14285714em;
}

ul.mat.list > li:first-child:after,
ol.mat.list > li:first-child:after,
.mat.list > .list > .item:after,
.mat.list > .item:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

ul.mat.list li:first-child,
ol.mat.list li:first-child,
.mat.list .list > .item:first-child,
.mat.list > .item:first-child {
  padding-top: 0;
}

ul.mat.list li:last-child,
ol.mat.list li:last-child,
.mat.list .list > .item:last-child,
.mat.list > .item:last-child {
  padding-bottom: 0;
}

/* Child List */
ul.mat.list ul,
ol.mat.list ol,
.mat.list .list:not(.icon) {
  clear: both;
  margin: 0;
  padding: 0.75em 0 0.25em 0.5em;
}

/* Child Item */
ul.mat.list ul li,
ol.mat.list ol li,
.mat.list .list > .item {
  padding: 0.14285714em 0;
  line-height: inherit;
}

/* Icon */
.mat.list .list > .item > i.icon,
.mat.list > .item > i.icon {
  display: table-cell;
  min-width: 1.55em;
  margin: 0;
  padding-top: 0;
  transition: color 0.1s ease;
}

.mat.list .list > .item > i.icon:not(.loading),
.mat.list > .item > i.icon:not(.loading) {
  padding-right: 0.28571429em;
  vertical-align: top;
}

.mat.list .list > .item > i.icon:only-child,
.mat.list > .item > i.icon:only-child {
  display: inline-block;
  min-width: auto;
  vertical-align: top;
}

/* Image */
.mat.list .list > .item > .image,
.mat.list > .item > .image {
  display: table-cell;
  background-color: transparent;
  margin: 0;
  vertical-align: top;
}

.mat.list .list > .item > .image:not(:only-child):not(img),
.mat.list > .item > .image:not(:only-child):not(img) {
  padding-right: 0.5em;
}

.mat.list .list > .item > .image img,
.mat.list > .item > .image img {
  vertical-align: top;
}

.mat.list .list > .item > img.image,
.mat.list .list > .item > .image:only-child,
.mat.list > .item > img.image,
.mat.list > .item > .image:only-child {
  display: inline-block;
}

/* Content */
.mat.list .list > .item > .content,
.mat.list > .item > .content {
  line-height: 1.14285714em;
  color: rgba(0, 0, 0, 0.87);
}

.mat.list .list > .item > .image + .content,
.mat.list .list > .item > i.icon + .content,
.mat.list > .item > .image + .content,
.mat.list > .item > i.icon + .content {
  display: table-cell;
  width: 100%;
  padding: 0 0 0 0.5em;
  vertical-align: top;
}

.mat.list .list > .item > i.loading.icon + .content,
.mat.list > .item > i.loading.icon + .content {
  padding-left: 0.7857142857em;
}

.mat.list .list > .item > img.image + .content,
.mat.list > .item > img.image + .content {
  display: inline-block;
  width: auto;
}

.mat.list .list > .item > .content > .list,
.mat.list > .item > .content > .list {
  margin-left: 0;
  padding-left: 0;
}

/* Header */
.mat.list .list > .item .header,
.mat.list > .item .header {
  display: block;
  margin: 0;
  font-family: "Lato", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.87);
}

/* Description */
.mat.list .list > .item .description,
.mat.list > .item .description {
  display: block;
  color: rgba(0, 0, 0, 0.7);
}

/* Child Link */
.mat.list > .item a,
.mat.list .list > .item a {
  cursor: pointer;
}

/* Linking Item */
.mat.list .list > a.item,
.mat.list > a.item {
  cursor: pointer;
  color: #4183C4;
}

.mat.list .list > a.item:hover,
.mat.list > a.item:hover {
  color: #1e70bf;
}

/* Linked Item Icons */
.mat.list .list > a.item > i.icons,
.mat.list > a.item > i.icons,
.mat.list .list > a.item > i.icon,
.mat.list > a.item > i.icon {
  color: rgba(0, 0, 0, 0.4);
}

/* Header Link */
.mat.list .list > .item a.header,
.mat.list > .item a.header {
  cursor: pointer;
  color: #4183C4 !important;
}

.mat.list .list > .item > a.header:hover,
.mat.list > .item > a.header:hover {
  color: #1e70bf !important;
}

/* Floated Content */
.mat[class*="left floated"].list {
  float: left;
}

.mat[class*="right floated"].list {
  float: right;
}

.mat.list .list > .item [class*="left floated"],
.mat.list > .item [class*="left floated"] {
  float: left;
  margin: 0 1em 0 0;
}

.mat.list .list > .item [class*="right floated"],
.mat.list > .item [class*="right floated"] {
  float: right;
  margin: 0 0 0 1em;
}

/*******************************
            Coupling
*******************************/
.mat.menu .mat.list > .item,
.mat.menu .mat.list .list > .item {
  display: list-item;
  table-layout: fixed;
  background-color: transparent;
  list-style-type: none;
  list-style-position: outside;
  padding: 0.21428571em 0;
  line-height: 1.14285714em;
}

.mat.menu .mat.list .list > .item:before,
.mat.menu .mat.list > .item:before {
  border: none;
  background: none;
}

.mat.menu .mat.list .list > .item:first-child,
.mat.menu .mat.list > .item:first-child {
  padding-top: 0;
}

.mat.menu .mat.list .list > .item:last-child,
.mat.menu .mat.list > .item:last-child {
  padding-bottom: 0;
}

/*******************************
            Types
*******************************/
/*-------------------
        Horizontal
  --------------------*/
.mat.horizontal.list {
  display: inline-block;
  font-size: 0;
}

.mat.horizontal.list > .item {
  display: inline-block;
  margin-right: 1em;
  font-size: 1rem;
}

.mat.horizontal.list:not(.celled) > .item:last-child {
  margin-right: 0;
  padding-right: 0;
}

.mat.horizontal.list .list:not(.icon) {
  padding-left: 0;
  padding-bottom: 0;
}

.mat.horizontal.list > .item > .image,
.mat.horizontal.list .list > .item > .image,
.mat.horizontal.list > .item > i.icon,
.mat.horizontal.list .list > .item > i.icon,
.mat.horizontal.list > .item > .content,
.mat.horizontal.list .list > .item > .content {
  vertical-align: middle;
}

/* Padding on all elements */
.mat.horizontal.list > .item:first-child,
.mat.horizontal.list > .item:last-child {
  padding-top: 0.21428571em;
  padding-bottom: 0.21428571em;
}

/* Horizontal List */
.mat.horizontal.list > .item > i.icon,
.mat.horizontal.list .item > i.icons > i.icon {
  margin: 0;
  padding: 0 0.25em 0 0;
}

.mat.horizontal.list > .item > .image + .content,
.mat.horizontal.list > .item > i.icon,
.mat.horizontal.list > .item > i.icon + .content {
  float: none;
  display: inline-block;
  width: auto;
}

.mat.horizontal.list > .item > .image {
  display: inline-block;
}

/*******************************
             States
*******************************/
/*-------------------
         Disabled
  --------------------*/
.mat.list .list > .disabled.item,
.mat.list > .disabled.item {
  pointer-events: none;
  color: rgba(40, 40, 40, 0.3) !important;
}

.mat.inverted.list .list > .disabled.item,
.mat.inverted.list > .disabled.item {
  color: rgba(225, 225, 225, 0.3) !important;
}

/*-------------------
        Hover
--------------------*/
.mat.list .list > a.item:hover > .icons,
.mat.list > a.item:hover > .icons,
.mat.list .list > a.item:hover > i.icon,
.mat.list > a.item:hover > i.icon {
  color: rgba(0, 0, 0, 0.87);
}

/*******************************
           Variations
*******************************/
/*-------------------
         Inverted
  --------------------*/
.mat.inverted.list .list > a.item > i.icon,
.mat.inverted.list > a.item > i.icon {
  color: rgba(255, 255, 255, 0.7);
}

.mat.inverted.list .list > .item .header,
.mat.inverted.list > .item .header {
  color: rgba(255, 255, 255, 0.9);
}

.mat.inverted.list .list > .item .description,
.mat.inverted.list > .item .description {
  color: rgba(255, 255, 255, 0.7);
}

.mat.inverted.list .list > .item > .content,
.mat.inverted.list > .item > .content {
  color: rgba(255, 255, 255, 0.7);
}

/* Item Link */
.mat.inverted.list .list > a.item,
.mat.inverted.list > a.item {
  cursor: pointer;
  color: rgba(255, 255, 255, 0.9);
}

.mat.inverted.list .list > a.item:hover,
.mat.inverted.list > a.item:hover {
  color: #1e70bf;
}

/* Linking Content */
.mat.inverted.list .item a:not(.mat) {
  color: rgba(255, 255, 255, 0.9) !important;
}

.mat.inverted.list .item a:not(.mat):hover {
  color: #1e70bf !important;
}

/*-------------------
         Aligned
  --------------------*/
.mat.list[class*="top aligned"] .image,
.mat.list[class*="top aligned"] .content,
.mat.list [class*="top aligned"] {
  vertical-align: top !important;
}

.mat.list[class*="middle aligned"] .image,
.mat.list[class*="middle aligned"] .content,
.mat.list [class*="middle aligned"] {
  vertical-align: middle !important;
  padding: 0.25rem 0 !important;
}

.mat.list[class*="bottom aligned"] .image,
.mat.list[class*="bottom aligned"] .content,
.mat.list [class*="bottom aligned"] {
  vertical-align: bottom !important;
}

/*-------------------
         Link
  --------------------*/
.mat.link.list .item,
.mat.link.list a.item,
.mat.link.list .item a:not(.mat) {
  color: rgba(0, 0, 0, 0.4);
  transition: 0.1s color ease;
}

.mat.link.list.list a.item:hover,
.mat.link.list.list .item a:not(.mat):hover {
  color: rgba(0, 0, 0, 0.8);
}

.mat.link.list.list a.item:active,
.mat.link.list.list .item a:not(.mat):active {
  color: rgba(0, 0, 0, 0.9);
}

.mat.link.list.list .active.item,
.mat.link.list.list .active.item a:not(.mat) {
  color: rgba(0, 0, 0, 0.95);
}

/* Inverted */
.mat.inverted.link.list .item,
.mat.inverted.link.list a.item,
.mat.inverted.link.list .item a:not(.mat) {
  color: rgba(255, 255, 255, 0.5);
}

.mat.inverted.link.list.list a.item:hover,
.mat.inverted.link.list.list .item a:not(.mat):hover {
  color: #ffffff;
}

.mat.inverted.link.list.list a.item:active,
.mat.inverted.link.list.list .item a:not(.mat):active {
  color: #ffffff;
}

.mat.inverted.link.list.list a.active.item,
.mat.inverted.link.list.list .active.item a:not(.mat) {
  color: #ffffff;
}

/*-------------------
        Selection
  --------------------*/
.mat.selection.list .list > .item,
.mat.selection.list > .item {
  cursor: pointer;
  background: transparent;
  padding: 0.5em 0.5em;
  margin: 0;
  color: rgba(0, 0, 0, 0.4);
  border-radius: 0.5em;
  transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease;
}

.mat.selection.list .list > .item:last-child,
.mat.selection.list > .item:last-child {
  margin-bottom: 0;
}

.mat.selection.list .list > .item:hover,
.mat.selection.list > .item:hover {
  background: rgba(0, 0, 0, 0.03);
  color: rgba(0, 0, 0, 0.8);
}

.mat.selection.list .list > .item:active,
.mat.selection.list > .item:active {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.9);
}

.mat.selection.list .list > .item.active,
.mat.selection.list > .item.active {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
}

/* Inverted */
.mat.inverted.selection.list > .item {
  background: transparent;
  color: rgba(255, 255, 255, 0.5);
}

.mat.inverted.selection.list > .item:hover {
  background: rgba(255, 255, 255, 0.02);
  color: #ffffff;
}

.mat.inverted.selection.list > .item:active {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}

.mat.inverted.selection.list > .item.active {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}

/* Celled / Divided Selection List */
.mat.celled.selection.list .list > .item,
.mat.divided.selection.list .list > .item,
.mat.celled.selection.list > .item,
.mat.divided.selection.list > .item {
  border-radius: 0;
}

/*-------------------
         Animated
  --------------------*/
.mat.animated.list > .item {
  transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s;
}

.mat.animated.list:not(.horizontal) > .item:hover {
  padding-left: 1em;
}

/*-------------------
         Fitted
  --------------------*/
.mat.fitted.list:not(.selection) .list > .item,
.mat.fitted.list:not(.selection) > .item {
  padding-left: 0;
  padding-right: 0;
}

.mat.fitted.selection.list .list > .item,
.mat.fitted.selection.list > .item {
  margin-left: -0.5em;
  margin-right: -0.5em;
}

/*-------------------
        Bulleted
  --------------------*/
ul.mat.list,
.mat.bulleted.list {
  margin-left: 1.25rem;
}

ul.mat.list li,
.mat.bulleted.list .list > .item,
.mat.bulleted.list > .item {
  position: relative;
}

ul.mat.list li:before,
.mat.bulleted.list .list > .item:before,
.mat.bulleted.list > .item:before {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  position: absolute;
  top: auto;
  left: auto;
  font-weight: normal;
  margin-left: -1.25rem;
  content: "•";
  opacity: 1;
  color: inherit;
  vertical-align: top;
}

ul.mat.list li:before,
.mat.bulleted.list .list > a.item:before,
.mat.bulleted.list > a.item:before {
  color: rgba(0, 0, 0, 0.87);
}

ul.mat.list ul,
.mat.bulleted.list .list:not(.icon) {
  padding-left: 1.25rem;
}

/* Horizontal Bulleted */
ul.mat.horizontal.bulleted.list,
.mat.horizontal.bulleted.list {
  margin-left: 0;
}

ul.mat.horizontal.bulleted.list li,
.mat.horizontal.bulleted.list > .item {
  margin-left: 1.75rem;
}

ul.mat.horizontal.bulleted.list li:first-child,
.mat.horizontal.bulleted.list > .item:first-child {
  margin-left: 0;
}

ul.mat.horizontal.bulleted.list li::before,
.mat.horizontal.bulleted.list > .item::before {
  color: rgba(0, 0, 0, 0.87);
}

ul.mat.horizontal.bulleted.list li:first-child::before,
.mat.horizontal.bulleted.list > .item:first-child::before {
  display: none;
}

/*-------------------
         Ordered
  --------------------*/
ol.mat.list,
.mat.ordered.list,
.mat.ordered.list .list:not(.icon),
ol.mat.list ol {
  counter-reset: ordered;
  margin-left: 1.25rem;
  list-style-type: none;
}

ol.mat.list li,
.mat.ordered.list .list > .item,
.mat.ordered.list > .item {
  list-style-type: none;
  position: relative;
}

ol.mat.list li:before,
.mat.ordered.list .list > .item:before,
.mat.ordered.list > .item:before {
  position: absolute;
  top: auto;
  left: auto;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  margin-left: -1.25rem;
  counter-increment: ordered;
  content: counters(ordered, ".") " ";
  text-align: right;
  color: rgba(0, 0, 0, 0.87);
  vertical-align: middle;
  opacity: 0.8;
}

ol.mat.inverted.list li:before,
.mat.ordered.inverted.list .list > .item:before,
.mat.ordered.inverted.list > .item:before {
  color: rgba(255, 255, 255, 0.7);
}

/* Value */
.mat.ordered.list .list > .item[data-value]:before,
.mat.ordered.list > .item[data-value]:before {
  content: attr(data-value);
}

ol.mat.list li[value]:before {
  content: attr(value);
}

/* Child Lists */
ol.mat.list ol,
.mat.ordered.list .list:not(.icon) {
  margin-left: 1em;
}

ol.mat.list ol li:before,
.mat.ordered.list .list > .item:before {
  margin-left: -2em;
}

/* Horizontal Ordered */
ol.mat.horizontal.list,
.mat.ordered.horizontal.list {
  margin-left: 0;
}

ol.mat.horizontal.list li:before,
.mat.ordered.horizontal.list .list > .item:before,
.mat.ordered.horizontal.list > .item:before {
  position: static;
  margin: 0 0.5em 0 0;
}

/* Suffixed Ordered */
ol.mat.suffixed.list li:before,
.mat.suffixed.ordered.list .list > .item:before,
.mat.suffixed.ordered.list > .item:before {
  content: counters(ordered, ".") ".";
}

/*-------------------
         Divided
  --------------------*/
.mat.divided.list > .item {
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}

.mat.divided.list .list > .item {
  border-top: none;
}

.mat.divided.list .item .list > .item {
  border-top: none;
}

.mat.divided.list .list > .item:first-child,
.mat.divided.list > .item:first-child {
  border-top: none;
}

/* Sub Menu */
.mat.divided.list:not(.horizontal) .list > .item:first-child {
  border-top-width: 1px;
}

/* Divided bulleted */
.mat.divided.bulleted.list:not(.horizontal),
.mat.divided.bulleted.list .list:not(.icon) {
  margin-left: 0;
  padding-left: 0;
}

.mat.divided.bulleted.list > .item:not(.horizontal) {
  padding-left: 1.25rem;
}

/* Divided Ordered */
.mat.divided.ordered.list {
  margin-left: 0;
}

.mat.divided.ordered.list .list > .item,
.mat.divided.ordered.list > .item {
  padding-left: 1.25rem;
}

.mat.divided.ordered.list .item .list:not(.icon) {
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0.21428571em;
}

.mat.divided.ordered.list .item .list > .item {
  padding-left: 1em;
}

/* Divided Selection */
.mat.divided.selection.list .list > .item,
.mat.divided.selection.list > .item {
  margin: 0;
  border-radius: 0;
}

/* Divided horizontal */
.mat.divided.horizontal.list {
  margin-left: 0;
}

.mat.divided.horizontal.list > .item {
  padding-left: 0.5em;
}

.mat.divided.horizontal.list > .item:not(:last-child) {
  padding-right: 0.5em;
}

.mat.divided.horizontal.list > .item {
  border-top: none;
  border-right: 1px solid rgba(34, 36, 38, 0.15);
  margin: 0;
  line-height: 0.6;
}

.mat.horizontal.divided.list > .item:last-child {
  border-right: none;
}

/* Inverted */
.mat.divided.inverted.list > .item,
.mat.divided.inverted.list > .list,
.mat.divided.inverted.horizontal.list > .item {
  border-color: rgba(255, 255, 255, 0.1);
}

/*-------------------
          Celled
  --------------------*/
.mat.celled.list > .item,
.mat.celled.list > .list {
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.mat.celled.list > .item:last-child {
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}

/* Padding on all elements */
.mat.celled.list > .item:first-child,
.mat.celled.list > .item:last-child {
  padding-top: 0.21428571em;
  padding-bottom: 0.21428571em;
}

/* Sub Menu */
.mat.celled.list .item .list > .item {
  border-width: 0;
}

.mat.celled.list .list > .item:first-child {
  border-top-width: 0;
}

/* Celled Bulleted */
.mat.celled.bulleted.list {
  margin-left: 0;
}

.mat.celled.bulleted.list .list > .item,
.mat.celled.bulleted.list > .item {
  padding-left: 1.25rem;
}

.mat.celled.bulleted.list .item .list:not(.icon) {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  padding-bottom: 0.21428571em;
}

/* Celled Ordered */
.mat.celled.ordered.list {
  margin-left: 0;
}

.mat.celled.ordered.list .list > .item,
.mat.celled.ordered.list > .item {
  padding-left: 1.25rem;
}

.mat.celled.ordered.list .item .list:not(.icon) {
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0.21428571em;
}

.mat.celled.ordered.list .list > .item {
  padding-left: 1em;
}

/* Celled Horizontal */
.mat.horizontal.celled.list {
  margin-left: 0;
}

.mat.horizontal.celled.list .list > .item,
.mat.horizontal.celled.list > .item {
  border-top: none;
  border-left: 1px solid rgba(34, 36, 38, 0.15);
  margin: 0;
  padding-left: 0.5em;
  padding-right: 0.5em;
  line-height: 0.6;
}

.mat.horizontal.celled.list .list > .item:last-child,
.mat.horizontal.celled.list > .item:last-child {
  border-bottom: none;
  border-right: 1px solid rgba(34, 36, 38, 0.15);
}

/* Inverted */
.mat.celled.inverted.list > .item,
.mat.celled.inverted.list > .list {
  border-color: rgba(255, 255, 255, 0.1);
}

.mat.celled.inverted.horizontal.list .list > .item,
.mat.celled.inverted.horizontal.list > .item {
  border-color: rgba(255, 255, 255, 0.1);
}

/*-------------------
         Relaxed
  --------------------*/
.mat.relaxed.list:not(.horizontal) > .item:not(:first-child) {
  padding-top: 0.42857143em;
}

.mat.relaxed.list:not(.horizontal) > .item:not(:last-child) {
  padding-bottom: 0.42857143em;
}

.mat.horizontal.relaxed.list .list > .item:not(:first-child),
.mat.horizontal.relaxed.list > .item:not(:first-child) {
  padding-left: 1rem;
}

.mat.horizontal.relaxed.list .list > .item:not(:last-child),
.mat.horizontal.relaxed.list > .item:not(:last-child) {
  padding-right: 1rem;
}

/* Very Relaxed */
.mat[class*="very relaxed"].list:not(.horizontal) > .item:not(:first-child) {
  padding-top: 0.85714286em;
}

.mat[class*="very relaxed"].list:not(.horizontal) > .item:not(:last-child) {
  padding-bottom: 0.85714286em;
}

.mat.horizontal[class*="very relaxed"].list .list > .item:not(:first-child),
.mat.horizontal[class*="very relaxed"].list > .item:not(:first-child) {
  padding-left: 1.5rem;
}

.mat.horizontal[class*="very relaxed"].list .list > .item:not(:last-child),
.mat.horizontal[class*="very relaxed"].list > .item:not(:last-child) {
  padding-right: 1.5rem;
}

/*-------------------
      Sizes
--------------------*/
.mat.list {
  font-size: 1em;
}

.mat.mini.list {
  font-size: 0.78571429em;
}

.mat.mini.horizontal.list .list > .item,
.mat.mini.horizontal.list > .item {
  font-size: 0.78571429rem;
}

.mat.tiny.list {
  font-size: 0.85714286em;
}

.mat.tiny.horizontal.list .list > .item,
.mat.tiny.horizontal.list > .item {
  font-size: 0.85714286rem;
}

.mat.small.list {
  font-size: 0.92857143em;
}

.mat.small.horizontal.list .list > .item,
.mat.small.horizontal.list > .item {
  font-size: 0.92857143rem;
}

.mat.large.list {
  font-size: 1.14285714em;
}

.mat.large.horizontal.list .list > .item,
.mat.large.horizontal.list > .item {
  font-size: 1.14285714rem;
}

.mat.big.list {
  font-size: 1.28571429em;
}

.mat.big.horizontal.list .list > .item,
.mat.big.horizontal.list > .item {
  font-size: 1.28571429rem;
}

.mat.huge.list {
  font-size: 1.42857143em;
}

.mat.huge.horizontal.list .list > .item,
.mat.huge.horizontal.list > .item {
  font-size: 1.42857143rem;
}

.mat.massive.list {
  font-size: 1.71428571em;
}

.mat.massive.horizontal.list .list > .item,
.mat.massive.horizontal.list > .item {
  font-size: 1.71428571rem;
}

/* Slider Checkbox */
.mat.slider.checkbox input:checked ~ label {
  color: rgba(0, 0, 0, 0.4) !important;
}

.mat.slider.checkbox label {
  padding-left: 4.5rem;
  line-height: 1rem;
  color: rgba(0, 0, 0, 0.4);
}

.mat.checkbox label, .mat.checkbox + label {
  color: #333;
  transition: color 0.1s ease;
}

.mat.checkbox label {
  cursor: auto;
  position: relative;
  display: block;
  padding-left: 1.85714em;
  outline: 0;
  font-size: 1em;
}

.mat.slider.checkbox input:focus:checked ~ label:before {
  background-color: #000 !important;
}

.mat.slider.checkbox input:checked ~ label:before {
  background-color: #545454 !important;
}

.mat.checkbox input:checked:focus ~ label:before, .mat.checkbox input:not([type=radio]):indeterminate:focus ~ label:before {
  background: #fff;
  border-color: #96c8da;
}

.mat.checkbox input:checked ~ label:before {
  background: #fff;
  border-color: rgba(34, 36, 38, 0.35);
}

.mat.slider.checkbox input:focus ~ label:before {
  background-color: rgba(0, 0, 0, 0.15);
  border: none;
}

.mat.checkbox input:focus ~ .box:before, .mat.checkbox input:focus ~ label:before {
  background: #fff;
  border-color: #96c8da;
  box-shadow: 0 0 5px #96c8da;
}

.mat.checkbox input:focus ~ label:before {
  background: #fff;
  border-color: #96c8da;
}

.mat.slider.checkbox label:before {
  display: block;
  position: absolute;
  content: "";
  transform: none;
  border: none !important;
  left: 0;
  z-index: 1;
  top: 0.4rem;
  background-color: rgba(0, 0, 0, 0.05);
  width: 3.5rem;
  height: 0.21428571rem;
  border-radius: 500rem;
  transition: background 0.3s ease;
}

.mat.checkbox label:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  content: "";
  background: #fff;
  border-radius: 0.21428571rem;
  transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
  border: 1px solid #d4d4d5;
}

.mat.checkbox input:checked ~ .box:after, .mat.checkbox input:checked ~ label:after {
  content: "\e800";
}

.mat.checkbox input:checked ~ label:after {
  opacity: 1;
  color: rgba(0, 0, 0, 0.95);
}

.mat.checkbox input:focus ~ label {
  color: rgba(0, 0, 0, 0.95);
}

.mat.slider.checkbox label:after {
  background: #fff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  position: absolute;
  content: "" !important;
  opacity: 1;
  z-index: 2;
  border: none;
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
  width: 1.5rem;
  height: 1.5rem;
  top: -0.25rem;
  left: 0;
  transform: none;
  border-radius: 500rem;
  transition: left 0.3s ease;
}

.mat.checkbox .box:after, .mat.checkbox label:after {
  font-family: Checkbox;
}

.mat.checkbox label:after {
  position: absolute;
  font-size: 14px;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  text-align: center;
  opacity: 0;
  color: #333;
  transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
}

.mat.slider.checkbox {
  min-height: 1.25rem;
}

.mat.checkbox {
  position: relative;
  display: inline-block;
  backface-visibility: hidden;
  outline: 0;
  vertical-align: baseline;
  font-style: normal;
  min-height: 17px;
  font-size: 1em;
  line-height: 17px;
  min-width: 17px;
}

.mat.slider.checkbox input {
  width: 3.5rem;
  height: 1.25rem;
}

.mat.checkbox input[type=checkbox], .mat.checkbox input[type=radio] {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0 !important;
  outline: 0;
  z-index: 3;
  width: 17px;
  height: 17px;
}

.mat.slider.checkbox {
  min-height: 1.25rem;
}

/* Input */
.mat.slider.checkbox input {
  width: 3.5rem;
  height: 1.25rem;
}

/* Label */
.mat.slider.checkbox label {
  padding-left: 4.5rem;
  line-height: 1rem;
  color: rgba(0, 0, 0, 0.4);
}

/* Line */
.mat.slider.checkbox label:before {
  display: block;
  position: absolute;
  content: "";
  transform: none;
  border: none !important;
  left: 0;
  z-index: 1;
  top: 0.4rem;
  background-color: rgba(0, 0, 0, 0.05);
  width: 3.5rem;
  height: 0.21428571rem;
  border-radius: 500rem;
  transition: background 0.3s ease;
}

/* Handle */
.mat.slider.checkbox label:after {
  background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  position: absolute;
  content: "" !important;
  opacity: 1;
  z-index: 2;
  border: none;
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
  width: 1.5rem;
  height: 1.5rem;
  top: -0.25rem;
  left: 0;
  transform: none;
  border-radius: 500rem;
  transition: left 0.3s ease;
}

/* Focus */
.mat.slider.checkbox input:focus ~ label:before {
  background-color: rgba(0, 0, 0, 0.15);
  border: none;
}

/* Hover */
.mat.slider.checkbox label:hover {
  color: rgba(0, 0, 0, 0.8);
}

.mat.slider.checkbox label:hover::before {
  background: rgba(0, 0, 0, 0.15);
}

/* Active */
.mat.slider.checkbox input:checked ~ label {
  color: rgba(0, 0, 0, 0.95) !important;
}

.mat.slider.checkbox input:checked ~ label:before {
  background-color: #545454 !important;
}

.mat.slider.checkbox input:checked ~ label:after {
  left: 2rem;
}

/* Active Focus */
.mat.slider.checkbox input:focus:checked ~ label {
  color: rgba(0, 0, 0, 0.95) !important;
}

.mat.slider.checkbox input:focus:checked ~ label:before {
  background-color: #000000 !important;
}

.mat.right.aligned.slider.checkbox label {
  padding-left: 0;
  padding-right: 4.5rem;
}

.mat.right.aligned.slider.checkbox label:after {
  left: auto;
  right: 2rem;
  transition: right 0.3s ease;
}

.mat.right.aligned.slider.checkbox input:checked ~ label:after {
  left: auto;
  right: 0;
}

/*--------------
       Toggle
  ---------------*/
.mat.toggle.checkbox {
  min-height: 1.5rem;
}

/* Input */
.mat.toggle.checkbox input {
  width: 3.5rem;
  height: 1.5rem;
}

/* Label */
.mat.toggle.checkbox label {
  min-height: 1.5rem;
  padding-left: 4.5rem;
  color: rgba(0, 0, 0, 0.87);
}

.mat.toggle.checkbox label {
  padding-top: 0.15em;
}

/* Switch */
.mat.toggle.checkbox label:before {
  display: block;
  position: absolute;
  content: "";
  z-index: 1;
  transform: none;
  border: none;
  top: 0;
  background: rgba(0, 0, 0, 0.05);
  box-shadow: none;
  width: 3.5rem;
  height: 1.5rem;
  border-radius: 500rem;
}

/* Handle */
.mat.toggle.checkbox label:after {
  background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  position: absolute;
  content: "" !important;
  opacity: 1;
  z-index: 2;
  border: none;
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
  width: 1.5rem;
  height: 1.5rem;
  top: 0;
  left: 0;
  border-radius: 500rem;
  transition: background 0.3s ease, left 0.3s ease;
}

.mat.toggle.checkbox input ~ label:after {
  left: -0.05rem;
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
}

/* Focus */
.mat.toggle.checkbox input:focus ~ label:before {
  background-color: rgba(0, 0, 0, 0.15);
  border: none;
}

/* Hover */
.mat.toggle.checkbox label:hover::before {
  background-color: rgba(0, 0, 0, 0.15);
  border: none;
}

/* Active */
.mat.toggle.checkbox input:checked ~ label {
  color: rgba(0, 0, 0, 0.95) !important;
}

.mat.toggle.checkbox input:checked ~ label:before {
  background-color: #2185D0 !important;
}

.mat.toggle.checkbox input:checked ~ label:after {
  left: 2.15rem;
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
}

/* Active Focus */
.mat.toggle.checkbox input:focus:checked ~ label {
  color: rgba(0, 0, 0, 0.95) !important;
}

.mat.toggle.checkbox input:focus:checked ~ label:before {
  background-color: #0d71bb !important;
}

.mat.right.aligned.toggle.checkbox label {
  padding-left: 0;
  padding-right: 4.5rem;
}

.mat.right.aligned.toggle.checkbox input ~ label:after {
  left: auto;
  right: 2.15rem;
  transition: background 0.3s ease, right 0.3s ease;
}

.mat.right.aligned.toggle.checkbox input:checked ~ label:after {
  left: auto;
  right: -0.05rem;
}

/*******************************
            Variations
*******************************/
/*--------------
       Fitted
  ---------------*/
.mat.fitted.checkbox label {
  padding-left: 0 !important;
}

.mat.fitted.toggle.checkbox {
  width: 3.5rem;
}

.mat.fitted.slider.checkbox {
  width: 3.5rem;
}

/*--------------
       Inverted
  ---------------*/
.mat.inverted.checkbox label,
.mat.inverted.checkbox + label {
  color: rgba(255, 255, 255, 0.9) !important;
}

/* Hover */
.mat.inverted.checkbox label:hover {
  color: #ffffff !important;
}

.mat.inverted.checkbox label:hover::before {
  border-color: rgba(34, 36, 38, 0.5);
}

/*Slider Label */
.mat.inverted.slider.checkbox label {
  color: rgba(255, 255, 255, 0.5);
}

/* Slider Line */
.mat.inverted.slider.checkbox label:before {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

/* Slider Hover */
.mat.inverted.slider.checkbox label:hover::before {
  background: rgba(255, 255, 255, 0.7) !important;
}

/*--------------
       Popups
  ---------------*/
.standard-popup {
  border: 0.05px solid #bababc;
  background-color: #FFF;
  border-radius: 6px;
  padding: 0.833em 1em;
  font-size: 1rem;
  max-width: 60vh;
  line-height: 1.5;
}

.client-info-popup {
  border: 0.05px solid #000;
  background-color: #FFF;
  border-radius: 6px;
  padding: 0.833em 1em 0em;
  font-size: 1rem;
}

.document-viewer-tooltip {
  border: 0.05px solid #bababc;
  background-color: #FFF;
  border-radius: 6px;
  padding: 0.833em 1em;
  font-size: 1rem;
}

.password-rules {
  border: 0.05px solid #bababc;
  background-color: #FFF;
  border-radius: 6px;
  padding: 1em 1em;
  font-size: 1rem;
  min-width: min-content;
  line-height: 1.4285em;
  max-width: 250px;
  font-weight: 400;
  font-style: normal;
  color: #333;
  margin: 1em 0;
}

.login-button {
  padding: 1rem 2rem !important;
  margin-top: 3rem !important;
}

/*--------------
       Mat Items
  ---------------*/
.mat.items:last-child {
  margin-bottom: 0 !important;
}

.mat.items:first-child {
  margin-top: 0 !important;
}

.mat.items {
  margin: 1.5em 0;
}

.mat.items > .item:last-child {
  margin-bottom: 0;
}

.mat.items > .item:first-child {
  margin-top: 0;
}

.mat.items > .item {
  font-size: 1em;
}

.mat.items > .item {
  display: flex;
  margin: 1em 0;
  width: 100%;
  min-height: 0;
  background: 0 0;
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  transition: box-shadow 0.1s ease;
}

.mat.items > .item .meta {
  font-style: italic;
}

.mat.items > .item .meta {
  margin: 0.5em 0 0.5em;
  font-size: 0.85rem;
  line-height: 1em;
  color: #767676;
}

.mat.items > .item a {
  cursor: pointer;
}

.mat.items > .item .header {
  font-weight: 700;
  font-size: 1.15rem;
}

.mat.items > .item > .content {
  display: block;
  flex: 1 1 auto;
  background: 0 0;
  color: #333;
  margin: 0;
  padding: 0;
  box-shadow: none;
  font-size: 1em;
  border: none;
  border-radius: 0;
}

.mat.items > .item .extra {
  display: block;
  position: relative;
  background: 0 0;
  margin: 0.5rem 0 0;
  width: 100%;
  padding: 0 0 0;
  top: 0;
  left: 0;
  color: #333;
  box-shadow: none;
  transition: color 0.1s ease;
  border-top: none;
}

.mat.divided.items > .item {
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  margin: 0;
  padding: 1em 0;
}

.mat.divided.items > .item:first-child {
  border-top: none;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.placement-details .ntst-form-renderer > .flex-container {
  height: 104% !important;
}

mat-icon.arrow.icon.display.action {
  text-align: justify;
  display: contents !important;
}

platform-button.action-display {
  display: flex;
}

.mat-sort-header-sorted.mat-sort-header-descending > div.mat-sort-header-arrow {
  opacity: 1 !important;
  transform: rotate(180deg) !important;
}

.worklist-header-ellipsis {
  max-width: 15em !important;
  display: block !important;
  white-space: nowrap;
  overflow: clip;
  text-overflow: ellipsis;
}

.checkbox-label-ellipsis {
  max-width: 25em !important;
  display: block !important;
  white-space: nowrap;
  overflow: clip;
  text-overflow: ellipsis;
}

.worklist-header-tooltip .mdc-tooltip__surface {
  background-color: #FFFFFF;
  color: var(--darker-text-color);
  max-height: 10em;
  max-width: 20em !important;
  font-weight: 400 !important;
  font-size: 0.9em !important;
  font-family: "Lato", "Helvetica Neue", Arial, Helvetica, sans-serif;
  overflow-y: auto;
  padding: 0.833em 1em !important;
  border: 1px solid #d4d4d5 !important;
  border-radius: 0;
  line-height: 1.28571429em;
  box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15) !important;
}

@media all and (max-width: 992px) {
  .computer-only span {
    display: none !important;
  }
}
.primary-color {
  color: var(--action-item-color);
}

.secondary-color {
  color: #007BC2;
}

.table-header-color {
  color: #333333;
}

.field-label-color {
  color: var(--label-text-color);
}

/** Styling for the drag and drop elements**/
.light-grey {
  background-color: #EEEEEE;
}

.hide-til-hover .hide-me-til-hover {
  display: none;
}

.hide-til-hover:hover .hide-me-til-hover {
  display: inline;
}

a.link-button, div.link-item {
  cursor: pointer;
}

div.link-like {
  color: var(--action-item-color);
}

div.link-like:hover {
  text-decoration: underline;
}

.help-text {
  font-size: 0.85rem;
}

/* Divider classes */
mat-divider.dashed {
  margin: 0.5rem 0;
  border-top-style: dashed !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.ui.wide.divider {
  margin: 2rem 0;
}

.ui.narrow.divider {
  margin: 1rem 0;
}

.ui.no-top-margin.divider {
  margin-top: 0;
}

mat-card-content[class*="very padded"].platform-mat-card-content {
  padding: 3.5em;
}

.action-button-group {
  float: right;
  border: 1px solid rgb(0, 58, 93);
  border-radius: 5px;
  background-color: rgba(0, 58, 93, 0.75);
  padding: 0.25rem;
  transform: translateY(-20%);
}

.action-button-group platform-button {
  margin-left: 0 !important;
}

/* Scrollbar */
.list-scrolling-pane {
  height: calc(100vh - 13rem);
  overflow-y: auto;
}

.form-scrolling-pane {
  min-height: auto;
  max-height: calc(100vh - 20rem);
  overflow-y: auto;
}

/*
Provides the same functionality as the 'list-scrolling-pane'; however, is intended to be used inside a flex-box
where the height is auto-calculated.
 */
.flex-scrolling-pane {
  overflow-y: auto;
  height: 100%;
}

.flex-scrolling-pane::-webkit-scrollbar-track {
  margin-top: 2.75rem;
}

/*
  The regular list-scrolling-pane is too tall for the referrals view. There will probably be scrolling panes with
  similar requirements (panes bordered on the bottom by the outer UI) so I opted to put this here.
*/
.shorter-list-scrolling-pane {
  height: calc(100vh - 15rem);
  overflow-y: auto;
}

.ui.selection.dropdown {
  min-width: 0;
}

.ui.selection.dropdown {
  min-width: 0;
}

.ui.selection.dropdown {
  min-width: 0;
}

/*.small.chips.selection > mat-multi-select-label.label {
  font-size: .85em;
}*/
/* Menu Overrides - Look into moving these into the Material Theme Overrides */
.mat-toolbar.secondary .item {
  padding: 0.3rem 1rem;
  margin: 0 0.4rem;
}

.mat-toolbar.secondary .item.small-padding-item {
  padding: 0.25rem 0.25rem;
  margin: 0;
}

.mat-toolbar.secondary .item.title-heading {
  border-right: 1px solid #333333;
  padding-left: 0;
  margin-left: 0;
}

.mat-toolbar.secondary .item.wider.title-heading {
  margin-left: 0.4rem;
}

.mat-toolbar.secondary .item.title-heading:last-child {
  border-right: none;
}

/*
 * Corrects an issue in ReferralEditComponent where the watchlist checkbox's label is not bolded in view mode.
 * This cannot be in a more localized CSS file because Angular compartmentalizes CSS too well to target inner elements
 * of the platform-checkbox.
 */
.view-mode > #referral-client-demographics-watchlist .inline.field > label {
  font-weight: bold;
}

/*
  Checkboxes are positioned based on the top of their checkbox, not their content.
  This should shift them down 1.5x their length
 */
.checkbox-padding {
  padding-top: 1.5rem;
}

mat-toolbar.secondary .title-heading {
  border-right: 1px solid #333333;
  padding-right: 1rem;
  padding-left: 0;
  margin-left: 0;
}

mat-toolbar.secondary .title-heading:last-child {
  border-right: none;
}

.menu-item {
  font-size: 1.15rem;
  cursor: pointer;
}

.sub-menu .item {
  color: #333333;
}

/** Keep highlight effect on ACTIVE items **/
.sub-menu .active.item, .sub-menu .active.item:hover,
.mat-toolbar mat-toolbar-row.item.active:not(.menu-item),
.mat-toolbar mat-toolbar-row.item.active:hover:not(.menu-item),
.mat-toolbar a.item.active:not(.menu-item),
.mat-toolbar a.item.active:hover:not(.menu-item) {
  color: #333333 !important;
  background: #E6E6E6 !important;
  border-radius: 4px 4px 4px 4px !important;
  box-shadow: 0 -1px 0 0 var(--dividing-line-color) !important;
}

.clickable {
  cursor: pointer;
}

div.clickable {
  cursor: pointer;
}

.clickable.item {
  cursor: pointer;
}

div.div-link {
  cursor: pointer;
}

div.text.label-like {
  cursor: default;
  font-style: italic;
  font-weight: 700;
  display: block;
  margin: 0 0 0.28571429rem 0;
  color: var(--label-text-color);
  font-size: 0.92857143em;
  text-transform: none;
}

.information {
  font-weight: bolder;
  color: #333333;
}

.top-spacer {
  padding-top: 1rem;
}

.platform-mat-card-content.accordion-shadow {
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) !important;
  border: 0;
}

/* Makes the "X" on the ListComponents look gray instead of blue. */
.remove.link.icon {
  color: #858585;
}

/** Make Time Glow on Focus **/
.mat div.platform_time_active {
  box-shadow: 0 0 5px var(--accent-color);
}

.mat input.hours-input {
  box-shadow: none !important;
}

.mat input.minutes-input {
  box-shadow: none !important;
}

.mat input.ampm-input {
  box-shadow: none !important;
}

/** Date Picker CSS - Needs to be moved to Less **/
.ui.calendar .ui.popup {
  max-width: none;
  padding: 0;
  border: none;
  -webkit-user-select: none;
  user-select: none;
}

.ui.calendar .calendar:focus {
  outline: 0;
}

.ui.calendar .ui.popup .mat.grid {
  display: block;
  white-space: nowrap;
}

.ui.calendar .ui.popup .mat.grid > .column {
  width: auto;
}

.ui.calendar .ui.table.minute, .ui.calendar .ui.table.month, .ui.calendar .ui.table.year {
  min-width: 15em;
}

.ui.calendar .ui.table.day {
  min-width: 18em;
}

.ui.calendar .ui.table.hour {
  min-width: 20em;
}

.ui.calendar .ui.table tr td, .ui.calendar .ui.table tr th {
  padding: 0.5em;
  white-space: nowrap;
}

.ui.calendar .ui.table tr th {
  border-left: none;
}

.ui.calendar .ui.table tr th .icon {
  margin: 0;
}

.ui.calendar .ui.table tr:first-child th {
  position: relative;
  padding-left: 0;
  padding-right: 0;
}

.ui.calendar .ui.table.day tr:first-child th {
  border: none;
}

.ui.calendar .ui.table.day tr:nth-child(2) th {
  padding-top: 0.2em;
  padding-bottom: 0.3em;
}

.ui.calendar .ui.table tr td {
  padding-left: 0.1em;
  padding-right: 0.1em;
}

.ui.calendar .ui.table tr .link {
  cursor: pointer;
}

.ui.calendar .ui.table tr .prev.link {
  width: 14.28571429%;
  position: absolute;
  left: 0;
}

.ui.calendar .ui.table tr .next.link {
  width: 14.28571429%;
  position: absolute;
  right: 0;
}

.ui.calendar .ui.table tr .disabled {
  pointer-events: none;
  color: rgba(40, 40, 40, 0.3);
}

.ui.calendar .ui.table tr td.today {
  font-weight: 700;
}

.ui.calendar .ui.table tr td.range {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
  box-shadow: none;
}

.ui.calendar .ui.table.inverted tr td.range {
  background: rgba(255, 255, 255, 0.08);
  color: #FFFFFF;
  box-shadow: none;
}

.ui.calendar .calendar.active .ui.table tbody tr td.focus, .ui.calendar .calendar.active .ui.table.inverted tbody tr td.focus, .ui.calendar .calendar:focus .ui.table tbody tr td.focus, .ui.calendar .calendar:focus .ui.table.inverted tbody tr td.focus {
  box-shadow: inset 0 0 0 1px var(--accent-color);
}

/** Calendar appointment colors **/
.ui.button.color-picker-button, .mat.button.color-picker-button {
  padding: 0.3rem 1.4rem;
}

.primary-color-bar {
  float: left;
  height: 100%;
  width: 0.5rem;
}

.primary-color-bar-month {
  width: 4px;
  display: inline-block;
  height: 9px;
}

.ui.right.corner.label.second-color:after, .mat.right.corner.label.second-color:after {
  border-right-width: 1rem;
  border-bottom-width: 1rem;
}

/** End of calendar appointment colors **/
/** Overrides for the color picker buttons **/
.ui.button.small-padding, .mat.button.small-padding {
  padding: 0.3rem 1.4rem;
}

/** End of overrides for the color picker buttons **/
.ui.color-preview, .mat.color-preview {
  height: 2rem;
  width: 8rem;
  text-align: center;
  vertical-align: middle;
  line-height: 2rem;
}

.ui.small-color-preview, .mat.small-color-preview {
  height: 3rem;
  width: 6rem;
  text-align: center;
  vertical-align: middle;
  line-height: 3rem;
}

.ui.tiny-color-preview, .mat.tiny-color-preview {
  height: 1.5rem;
  width: 1.5rem;
  float: left;
}

.ui.small-sample-text, .mat.small-sample-text {
  padding-left: 0.2rem;
}

.ui.appointment-mock, .mat.appointment-mock {
  height: 3rem;
  width: 11rem;
  position: relative; /** This is required for the corner div/label **/
  border: 1px solid #D6D6D6; /** Add a simple border around the box **/
  background: #F2F2F2;
  box-shadow: rgb(231, 236, 239) -1px 2px 2px 0px;
}

.far-left {
  float: left;
}

.far-right {
  float: right;
}

.centered.text {
  text-align: center;
}

.center-align {
  display: flex;
  align-items: center;
}

/* textarea */
.ui.form textarea.no-resize, .mat.form textarea.no-resize {
  resize: none;
}

/* row */
.ui.row.less-top-padding, .mat.row.less-top-padding {
  padding-top: 2px;
}

.ui.grid > .row.no-bottom-padding, .mat.grid > .row.no-bottom-padding {
  padding-bottom: 0;
}

/** Snotify overrides **/
.snotify {
  width: auto;
  display: inline-block;
}

.snotify-centerTop {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
}

.snotifyToast {
  border-radius: 0;
}

.snotifyToast__inner {
  background: none;
  padding: 0;
}

.snotifyToast__inner .notification.newreferral .message {
  padding: 0;
  color: #333333;
  margin-right: 1em;
  margin-bottom: 1em;
}

.snotifyToast__inner .notification.newreferral .message .header {
  background: var(--action-item-color) none;
  color: rgba(255, 255, 255, 0.9);
  padding: 0.5em;
}

.snotifyToast__inner .notification.newreferral .message .header .close.icon {
  float: right;
}

.snotifyToast__inner .notification.newreferral .message .content {
  background: #FFFFFF none;
  min-width: 200px;
  padding: 0.5em;
}

/** End of snotify overrides **/
.bold {
  font-weight: bold;
}

/** PlatformNotesViewModalComponent Styles **/
.notes-scrolling-pane {
  max-height: 64vh;
  overflow-y: auto;
}

.note-type-label {
  padding-left: 0.4rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}

.note-type-label.active {
  background: #E6E6E6;
  border-radius: 4px 4px 4px 4px !important;
  box-shadow: 0 -1px 0 0 var(--dividing-line-color);
}

.note-type-label:hover {
  background: #F2F2F2;
  font-weight: 600;
  border-radius: 4px 4px 4px 4px !important;
  box-shadow: 0 -1px 0 0 #ccc;
}

.notes-content {
  height: 70vh;
  font-size: 1rem !important;
}

/** End of PlatformNotesViewModalComponent Styles **/
.referral-list-scroll {
  overflow-y: auto;
  height: calc(100vh - 20rem);
}

.referral-list-scroll-active-advanced-search {
  overflow-y: auto;
  height: calc(100vh - 18rem);
}

#clinical-assessment-form .sub-form-detail {
  height: calc(100vh - 17rem) !important;
  overflow-y: auto;
  overflow-x: hidden;
}

.extra-client-info {
  margin-bottom: 0.2rem;
}

.match-score-image {
  background: var(--accent-color) !important;
  padding: 0.3rem;
  border-radius: 4px;
  width: 25px !important;
}

.match-score-text {
  color: black;
  font-size: 1rem;
  font-weight: 600;
  vertical-align: middle;
}

.selected-client {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.9rem;
  border-left: 2px solid #000;
  padding-left: 0.4rem;
  margin-left: 0.4rem;
}

.open-referral {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.9rem;
  border-left: 2px solid #000;
  padding-left: 0.4rem;
  margin-left: 0.4rem;
}

.ui.exclamation.icon, .mat.exclamation.icon {
  color: #DB2828;
  margin-bottom: 2px !important;
}

.button-container {
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
  padding: 0.8rem 0;
}

.button-container platform-button, .button-container platform-button > .mat.button:first-child {
  margin-left: 0 !important;
}

.no-display {
  display: none;
}

.no-top-border {
  border-top-width: 0 !important;
}

.no-left-padding {
  padding-left: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.no-top-padding {
  padding-top: 0 !important;
}

.no-right-padding {
  padding-right: 0 !important;
}

.no-bottom-padding {
  padding-bottom: 0 !important;
}

.small-right-padding {
  padding-right: 0.25rem !important;
}

.medium-right-padding {
  padding-right: 1rem !important;
}

.medium-bottom-padding {
  padding-bottom: 1rem !important;
}

.no-margin {
  margin: 0 !important;
}

.no-left-margin {
  margin-left: 0 !important;
}

.small-left-margin, .ui.menu .item > .label.small-left-margin {
  margin-left: 0.25rem;
}

.no-top-margin {
  margin-top: 0 !important;
}

.small-top-margin {
  margin-top: 0.25rem !important;
}

.medium-top-margin {
  margin-top: 1rem !important;
}

.medium-bottom-margin {
  margin-bottom: 1rem !important;
}

.no-right-margin {
  margin-right: 0 !important;
}

.small-right-margin, .ui.menu .item > .label.small-right-margin {
  margin-right: 0.25rem;
}

.no-bottom-margin {
  margin-bottom: 0 !important;
}

.additional-data-list-scrolling-pane {
  max-height: 44vh;
  overflow-y: auto;
}

.additional-data-timeline-list-scrolling-pane {
  max-height: calc(100vh - 38rem);
  overflow-y: auto;
}

.referral-info-notes-list-scrolling-pane {
  max-height: 17rem;
  overflow-y: auto;
}

.remove.link.icon.delete-icon {
  float: right;
}

.large.clickable.remove.link.icon.delete-line {
  margin-top: 2rem;
}

.clear {
  clear: both;
}

.nx-purple-pink .mdc-linear-progress__bar-inner {
  background-color: #951B80 !important;
}

.nx-light-blue .mdc-linear-progress__bar-inner {
  background-color: var(--accent-color) !important;
}

.ui.styled.accordion.rm-dashboard .title, .mat-accordion.rm-dashboard mat-panel-title {
  background-color: #E0E0E0;
  cursor: default;
}

.ui.styled.accordion.rm-dashboard, .mat-accordion.rm-dashboard {
  box-shadow: 0 0 0 0;
}

/* Dashboard Styles */
.rm-dashboard .external-link {
  text-decoration-line: underline;
  cursor: pointer;
  color: #003B5C;
}
.rm-dashboard i.darkblue.icon {
  color: #003B5C !important;
  display: inline;
}
.rm-dashboard .actions-column {
  text-align: right;
}

.ui.popup.bottom.basic, .mat.popup.bottom.basic {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

.font-italic {
  font-style: italic;
}

.inline-flex {
  display: inline-flex;
}

.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto;
}

.selected-state {
  background-color: #F5A503 !important;
}

.micro {
  font-size: 0.4286rem !important;
}

.color-green {
  color: var(--success-color);
}

.color-red {
  color: var(--alert-color);
}

.color-orange {
  color: orange;
}

.color-blue {
  color: #007BC2;
}

.color-light-blue {
  color: #57BEC9;
}

.card-header {
  font-size: 1.25rem;
  text-transform: uppercase;
  margin: 0.5em 0;
  padding-left: 0.5rem;
}

.view-more {
  color: var(--action-item-color);
  font-size: 0.875rem;
  text-decoration: underline;
  cursor: pointer;
}

/* Chat Message Styles */
.chat-panel {
  overflow-y: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.chat-panel-tab {
  overflow-y: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.chat-parent-div {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 11rem);
  width: 100%;
}

.chat-parent-div platform-loader {
  flex: 1;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.chat-messages-scroll {
  height: calc(100vh - 11rem);
  overflow-y: auto;
}

.overview-chat-message-scroll-panel {
  max-height: 100%;
  position: relative;
  flex-direction: column-reverse;
  width: 100%;
  padding: 0.5rem;
  overflow-y: scroll;
  overflow-x: hidden;
}

/* Chat Mention dropdown Styles */
.dropdown-menu li:hover {
  background-color: #ccc;
}

.dropdown-menu {
  position: absolute;
  left: 0;
  z-index: 1000;
  float: left;
  min-width: 15rem;
  max-width: 22rem;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #FFFFFF;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid var(--dividing-line-color);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.dropdown-item {
  white-space: normal !important;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
  color: #FFFFFF;
  text-decoration: none;
  background-color: #337AB7;
  outline: 0;
}

.message-container .editing-message {
  outline-color: #719ECE;
  border-color: #719ECE;
  height: 5rem;
  min-width: 100%;
  float: right;
  word-wrap: break-word;
  min-height: 3.5rem;
  resize: none;
}
.message-container .edit-status {
  font-size: 2rem;
}
.message-container .center-divider {
  height: 100%;
  border-left: 2px var(--dividing-line-color) solid;
}
.message-container .edit-container {
  width: 4rem;
  height: 2rem;
  border: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: 1px 1px 2px 0px rgba(34, 36, 38, 0.15);
  border-radius: 2px;
  background-color: #FFFFFF;
  position: absolute;
  z-index: 1;
  color: #333333;
  right: 0;
  top: -1.8rem;
}
.message-container .edit-hover {
  display: flex;
  padding-left: 0.5rem;
  align-items: center;
  margin-left: auto;
}
.message-container .editing-area {
  width: 90%;
}
.message-container .editing-status {
  float: right;
  padding: 0.5rem;
}
.message-container .edit-icon {
  padding: 0.3rem 0.2rem 0.2rem 0.3rem;
}
.message-container .invalid-message {
  color: var(--dividing-line-color);
  background-color: var(--action-item-color);
  padding: 0.5rem;
}
.message-container .edited-text {
  padding-left: 0.2rem;
  font-size: 0.9rem;
  font-weight: bold;
  color: #333333;
  -webkit-text-decoration: none solid rgb(51, 51, 51);
          text-decoration: none solid rgb(51, 51, 51);
}
.message-container .message-field {
  position: relative;
}

/* Makes the scroll bar of mention list solid */
mention-list ::-webkit-scrollbar-thumb {
  background: #A0A0A0;
}

mention-list ::-webkit-scrollbar-track {
  background: #E8E8E8;
}

.user-sent .mat.message {
  background: #CCECFF;
}

mention-list {
  width: 40%;
}

.chat-link a {
  color: #003B5C;
}

.chat-link a:hover {
  color: #007BC2;
  -webkit-text-decoration: underline #007BC2;
          text-decoration: underline #007BC2;
}

/* End of Chat Styles */
.crm-widget {
  color: #666666;
}

.hide-checkbox .mat-pseudo-checkbox-disabled {
  display: none;
}

.normal-font-weight {
  font-weight: normal;
}

.worklist-columns-scroll {
  height: calc(100vh - 11rem);
  overflow-y: auto;
}

.delegatedentitymodal-select .ui.selection.dropdown {
  width: 12rem !important;
}

/*
 * Shouldn't allow users to select date outside the given max and min date range.
 */
.ui.calendar .ui.table tr .prev.link.disabled,
.ui.calendar .ui.table tr .next.link.disabled,
.ui.calendar:not(.disabled) .calendar.active .ui.table tbody tr td.disabled {
  pointer-events: none;
}

.ui.modal > .content, .mat.modal > .content {
  line-height: 1.4em;
}

.encounter-reassign-modal-height {
  max-height: 20vh;
  overflow-y: auto;
  overflow-x: hidden;
}

.ui.styled.accordion .phone-list .content, .mat.styled.accordion .phone-list .content {
  padding: 0.5em 1em 0.1em;
}

.white-space-pre-wrap {
  white-space: pre-wrap;
}

::placeholder {
  color: var(--label-text-color);
  font-style: italic;
}

.text.default {
  color: var(--label-text-color);
  font-style: italic;
}

/*** CRM styles ***/
/* Prevent page overscroll on mobile devices */
body {
  overscroll-behavior: none;
}

crm-root {
  font-family: "Lato", sans-serif !important;
}

crm-base-page ::-webkit-scrollbar {
  width: 4px;
}

.page-content-spacing crm-base-page ::-webkit-scrollbar {
  width: 12px;
}

crm-base-page > div.header-wrapper {
  font-family: Montserrat;
}

crm-base-page .ui.form input {
  font-family: "Lato", sans-serif !important;
  font-size: 1rem !important;
}

crm-base-page .ui.button {
  font-family: "Lato", sans-serif !important;
}

rm-crm-popup-modal .buttons > .button, rm-crm-popup-modal textarea {
  font-family: "Lato", sans-serif !important;
}

.crm.ui.fullscreen.modal {
  height: 100% !important;
  width: 100% !important;
  margin: 0px !important;
  top: 0px !important;
  left: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

/* Prevent page overscroll on mobile devices */
body {
  overscroll-behavior: none;
}

/* Platform Component Override */
/*.run-rate-select > platform-select > mat-select {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  max-height: 30px !important;
  min-height: 30px !important;
  padding-left: 5px !important;
}

.run-rate-select > platform-select > mat-select > .dropdown {
  height: 30px !important;
  padding: 8px !important;
}*/
.crm-page-content-inner .ui.checkbox input:checked ~ .box:after, .crm-page-content-inner .ui.checkbox input:checked ~ label:after {
  opacity: 1;
  color: white;
  background-color: var(--navigation-color) !important;
  border-radius: 3px;
}

.crm-page-content-inner .fingerprint-toggle .ui.toggle.checkbox input:checked ~ .box:before, .crm-page-content-inner .fingerprint-toggle .ui.toggle.checkbox input:checked ~ label:before {
  background-color: #A3B7C2 !important;
}

.crm-page-content-inner .fingerprint-toggle .ui.checkbox input:checked ~ .box:after, .crm-page-content-inner .fingerprint-toggle .ui.checkbox input:checked ~ label:after {
  background-color: #003B5C !important;
  border-radius: 10px;
}

.crm-page-content-inner .radio.ui.checkbox input:checked ~ label:after {
  border-radius: 8px;
}

form > .fields-wrapper {
  display: flex;
  flex-wrap: wrap;
}

form > .fields-wrapper > * {
  width: 100%;
}

form > .fields-wrapper.half-fields > * {
  width: 50%;
}

form > .fields-wrapper platform-runnable-button > .ui.button {
  margin-top: 20px !important;
  margin-left: 0px;
  margin-right: 0px;
  background-color: #003A5D;
  color: #FFFFFF;
  border-radius: 2px;
  padding: 10px;
  width: 100%;
}

platform-label > label {
  word-break: break-word;
}

form > .goal-budget-widget-selectors > platform-dictionary-select > platform-label > label {
  display: none !important;
}

.header-dropdowns > form > platform-dictionary-select > platform-label > label {
  display: none !important;
}

.plan-entry-wrapper > platform-checkbox {
  margin: 0 !important;
}

/*.contact-search > platform-dictionary-select > mat-select {
  width: 100%;
}*/
crm-base-page .sort-modal .ui.radio.checkbox {
  margin-bottom: 6px;
}

.enable-fingerprint-form > platform-input > platform-label {
  display: block;
  margin-top: 10px;
}

.enable-fingerprint-form > platform-input > .ui.input.icon {
  width: 100%;
}

.add-note-form > platform-textarea > div > textarea {
  width: 100%;
  border: 1px solid rgba(34, 36, 38, 0.15);
  resize: none !important;
  padding-left: 5px;
  outline: none;
  margin-bottom: 10px !important;
  font-family: "Lato", sans-serif;
}

/*.add-note-form > platform-dictionary-multi-select > mat-multi-select {
  width: 100%;
}*/
.page-content-spacing > crm-root, .page-content-spacing > relay-home-page {
  height: calc(100% + 2rem);
  margin: -1rem;
}

button.button.disabled {
  color: var(--dividing-line-color);
}

.login-buttons > platform-runnable-button > button {
  width: 100%;
}

.platform-wrapper > * {
  display: block;
  margin-bottom: 1rem;
}

.platform-wrapper > platform-textarea {
  position: relative;
}

.platform-wrapper > platform-input {
  display: block;
}

.platform-wrapper > platform-input > div > input {
  width: 100%;
  background-color: white;
}

/*.platform-wrapper > * > mat-select, .platform-wrapper > * > mat-select {
  width: 100%
}*/
.platform-wrapper > * > .ui.input, .platform-wrapper > * > .mat.input {
  width: 100%;
}

.platform-wrapper > * > .ui.error.message, .platform-wrapper > * > .mat.error.message {
  display: block !important;
  width: 100%;
}

/*.platform-wrapper > platform-dictionary-select > mat-select {
  display: inline-block;
  width: 100%;
}*/
.platform-wrapper > platform-textarea > div > textarea {
  width: 100%;
  outline: none;
  padding: 9.5px 14px;
  border: 1px solid rgba(34, 36, 38, 0.15);
}

.platform-wrapper > platform-date > .ui.input,
.platform-wrapper > platform-date > .mat.input {
  width: 100%;
}

.platform-wrapper platform-date.disabled > .ui.input > input,
.platform-wrapper platform-date.disabled > .mat.input > input {
  background-color: #F2F2F2;
}

/*.platform-wrapper > platform-dictionary-multi-select > mat-multi-select {
  width: 100%;
}*/
.mat.progress .bar {
  background: var(--accent-color);
}

.platform-wrapper > .address > * > platform-label {
  display: block;
}

.platform-wrapper > .case-manager > * > platform-label {
  display: block;
  margin-top: -0.4rem;
}

.ui.form.fields-wrapper.convert label::after,
.mat.form.fields-wrapper.convert label::after {
  margin: -6px 0 -16px;
}

.transition-info .transition-info-content label {
  color: rgba(255, 255, 255, 0.5) !important;
}

.crm-directory-list-scroller {
  height: calc(100vh - 16rem);
  overflow-y: auto;
  padding: 0 1rem 1rem 1rem;
}

.crm-directory-list-scroller-with-checkbox {
  height: calc(100vh - 18.5rem);
  overflow-y: auto;
  padding: 0 1rem 1rem 1rem;
}

.mobile-crm-directory-list-scroller {
  height: calc(100vh - 20rem);
  overflow-y: auto;
  padding: 0 1rem 1rem 1rem;
}

.mobile-crm-directory-list-scroller-with-checkbox {
  height: calc(100vh - 22.5rem);
  overflow-y: auto;
  padding: 0 1rem 1rem 1rem;
}

.ui.modal {
  will-change: unset;
}

.search-crm-contact-scroller {
  max-height: 14rem;
  overflow-y: auto;
  padding: 0 0 1rem 0;
}

.search-crm-contact-scroller::-webkit-scrollbar-track {
  margin-top: 2.75rem;
}

.messages-list-scrolling-pane {
  display: block;
  height: calc(100% - 4.6rem);
  overflow-y: auto;
}

.default-messages-list-scrolling-pane {
  display: block;
  height: 100%;
  overflow-y: auto;
}

.justified-far-right {
  display: flex;
  justify-content: flex-end;
}

.referring-organization-section, .referring-professional-section {
  margin-top: 0 !important;
}

.mat-custom-tooltip {
  pointer-events: none;
  position: relative;
  right: -2rem;
  top: 0.5rem;
  text-transform: none;
  text-align: left;
  text-shadow: none;
  white-space: nowrap;
  font-size: 1rem;
  border: 1px solid #D4D4D5;
  line-height: 1.4285em;
  max-width: none;
  background: #FFFFFF;
  padding: 0.833em 1em;
  font-weight: 400;
  font-style: normal;
  color: #333333 !important;
  border-radius: 0;
  box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
  z-index: 10;
}

.align-items-baseline {
  align-items: baseline !important;
}

.advance-search-disabled {
  pointer-events: none;
  opacity: 0.5;
  color: #ccc;
}

.advance-search {
  min-height: 1rem;
  margin-top: 0.3rem;
  margin-bottom: 0.5rem;
}

.professional-link {
  font-size: 0.85rem;
  position: relative;
}

.milestones-scrolling-pane {
  height: calc(100vh - 10rem);
  overflow: hidden auto;
}

.mdc-tooltip.custom-note-tooltip .mdc-tooltip__surface {
  white-space: pre-wrap;
  background-color: #FFFFFF;
  color: var(--darker-text-color);
  text-transform: none;
  letter-spacing: 0.025em;
  padding: 0.625rem;
  border: 1px solid #D4D4D5;
  border-radius: 0.5rem;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  max-height: 20rem;
  max-width: 20rem;
  overflow-y: auto;
}

ngx-gauge div.reading-block {
  overflow: visible;
}

/*** CRM styles ***/
/* Prevent page overscroll on mobile devices */
body {
  overscroll-behavior: none;
}

html {
  font-size: 14px;
  height: 100%;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  min-width: 320px;
  background: #ccc;
  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.4285em;
  color: #333;
  height: 100%;
  box-sizing: border-box;
}

body ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
}

body ::-webkit-scrollbar-thumb:hover {
  background: rgba(128, 135, 139, 0.8);
}

body ::-webkit-scrollbar-thumb {
  cursor: pointer;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.25);
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

body ::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0;
}

::selection {
  background-color: #cce2ff;
  color: #333;
}

a {
  color: #4183c4;
  text-decoration: none;
}

@font-face {
  font-family: "Icons";
  src: url('icons.2b13baa7dd4f54c9.eot');
  src: url('icons.2b13baa7dd4f54c9.eot?#iefix') format("embedded-opentype"), url('icons.e9955780856cf8aa.woff2') format("woff2"), url('icons.cf011583fb81df9f.woff') format("woff"), url('icons.8a7cb27d142e3e19.ttf') format("truetype"), url('icons.da909aa098b0ee2d.svg#icons') format("svg");
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-decoration: inherit;
  text-transform: none;
}
@font-face {
  font-family: "outline-icons";
  src: url('outline-icons.f49e57ac7533f741.eot');
  src: url('outline-icons.f49e57ac7533f741.eot?#iefix') format("embedded-opentype"), url('outline-icons.79dac627edd5ebd3.woff2') format("woff2"), url('outline-icons.9ec493ef0b1ce1af.woff') format("woff"), url('outline-icons.71d4b1845c593377.ttf') format("truetype"), url('outline-icons.1d53ef1510d573b6.svg#icons') format("svg");
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-decoration: inherit;
  text-transform: none;
}
@font-face {
  font-family: "brand-icons";
  src: url('brand-icons.20c5d8537e184adc.eot');
  src: url('brand-icons.20c5d8537e184adc.eot?#iefix') format("embedded-opentype"), url('brand-icons.f874043461350620.woff2') format("woff2"), url('brand-icons.1ddffb8e9c33e386.woff') format("woff"), url('brand-icons.146274823d5b50cf.ttf') format("truetype"), url('brand-icons.6947fd726457ce73.svg#icons') format("svg");
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-decoration: inherit;
  text-transform: none;
}
i.mat.icon.outline {
  font-family: "outline-icons";
}

crm-root {
  font-family: "Lato", sans-serif !important;
}

crm-base-page ::-webkit-scrollbar {
  width: 4px;
}

.page-content-spacing crm-base-page ::-webkit-scrollbar {
  width: 12px;
}

crm-base-page > div.header-wrapper {
  font-family: Montserrat;
}

crm-base-page .ui.form input {
  font-family: "Lato", sans-serif !important;
  font-size: 1rem !important;
}

crm-base-page .ui.button {
  font-family: "Lato", sans-serif !important;
}

rm-crm-popup-modal .buttons > .button, rm-crm-popup-modal textarea {
  font-family: "Lato", sans-serif !important;
}

.crm.ui.fullscreen.modal {
  height: 100% !important;
  width: 100% !important;
  margin: 0px !important;
  top: 0px !important;
  left: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

/* Prevent page overscroll on mobile devices */
body {
  overscroll-behavior: none;
}

/* Platform Component Override */
.pas-composite-wrapper > platform-composite > platform-textarea > div > textarea {
  background-color: #f2f2f2 !important;
  padding-left: 5px !important;
}

.pas-composite-wrapper > platform-composite > platform-input > div > input {
  background-color: #f2f2f2 !important;
  border: 1px solid #c8c8c8;
  height: 30px;
  padding-left: 5px !important;
}

.pas-composite-wrapper > platform-composite > platform-date > div > input {
  background-color: #f2f2f2 !important;
  border: 1px solid #c8c8c8;
  height: 30px;
  padding-left: 5px !important;
}

/*.pas-composite-wrapper > platform-composite > platform-select > mat-select {
  background-color: #f2f2f2 !important;
  border: 1px solid #c8c8c8;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  max-height: 30px !important;
  min-height: 30px !important;
  padding-left: 5px !important;
}

.pas-composite-wrapper > platform-composite > platform-select > mat-select > .dropdown {
  height: 30px !important;
  padding: 8px !important;
}*/
.pas-composite-wrapper > platform-composite > platform-textarea > .ui.error.message {
  display: none !important;
}

.pas-composite-wrapper > platform-composite > platform-input > .ui.error.message {
  display: none !important;
}

.pas-composite-wrapper > platform-composite > platform-select > .ui.error.message {
  display: none !important;
}

.pas-composite-wrapper > platform-composite > platform-date > .ui.error.message {
  display: none !important;
}

/*.run-rate-select > platform-select > mat-select {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  max-height: 30px !important;
  min-height: 30px !important;
  padding-left: 5px !important;
}

.run-rate-select > platform-select > mat-select > .dropdown {
  height: 30px !important;
  padding: 8px !important;
}*/
.crm-page-content-inner .ui.checkbox input:checked ~ .box:after, .crm-page-content-inner .ui.checkbox input:checked ~ label:after {
  opacity: 1;
  color: white;
  background-color: #39b54a !important;
  border-radius: 3px;
}

.crm-page-content-inner .fingerprint-toggle .ui.toggle.checkbox input:checked ~ .box:before, .crm-page-content-inner .fingerprint-toggle .ui.toggle.checkbox input:checked ~ label:before {
  background-color: #a3b7c2 !important;
}

.crm-page-content-inner .fingerprint-toggle .ui.checkbox input:checked ~ .box:after, .crm-page-content-inner .fingerprint-toggle .ui.checkbox input:checked ~ label:after {
  background-color: #003b5c !important;
  border-radius: 10px;
}

.crm-page-content-inner .radio.ui.checkbox input:checked ~ label:after {
  border-radius: 8px;
}

form > .fields-wrapper {
  display: flex;
  flex-wrap: wrap;
}

form > .fields-wrapper > * {
  width: 100%;
}

form > .fields-wrapper.half-fields > * {
  width: 50%;
}

form > .fields-wrapper platform-runnable-button > .ui.button {
  margin-top: 20px !important;
  margin-left: 0;
  margin-right: 0;
  background-color: #044973;
  color: #fff;
  border-radius: 2px;
  padding: 10px;
  width: 100%;
}

platform-label > label {
  word-break: break-word;
}

form > .goal-budget-widget-selectors > platform-dictionary-select > platform-label > label {
  display: none !important;
}

.header-dropdowns > form > platform-dictionary-select > platform-label > label {
  display: none !important;
}

.plan-entry-wrapper > platform-checkbox {
  margin: 0 !important;
}

/*.contact-search > platform-dictionary-select > mat-select {
  width: 100%;
}*/
crm-base-page .sort-modal .ui.radio.checkbox {
  margin-bottom: 6px;
}

.enable-fingerprint-form > platform-input > platform-label {
  display: block;
  margin-top: 10px;
}

.enable-fingerprint-form > platform-input > .ui.input.icon {
  width: 100%;
}

.add-note-form > platform-textarea > div > textarea {
  width: 100%;
  border: 1px solid rgba(34, 36, 38, 0.15);
  resize: none !important;
  padding-left: 5px;
  outline: none;
  margin-bottom: 10px !important;
  font-family: "Lato", sans-serif;
}

/*.add-note-form > platform-dictionary-multi-select > mat-multi-select {
  width: 100%;
}*/
.page-content-spacing > crm-root, .page-content-spacing > relay-home-page {
  height: calc(100% + 2rem);
  margin: -1rem;
}

button.button.disabled {
  color: #ccc;
}

.login-buttons > platform-runnable-button > button {
  width: 100%;
}

.platform-wrapper > * {
  display: block;
  margin-bottom: 1rem;
}

.platform-wrapper > platform-textarea {
  position: relative;
}

.platform-wrapper > platform-input {
  display: block;
}

.platform-wrapper > platform-input > div > input {
  width: 100%;
  background-color: white;
}

/*.platform-wrapper > * > mat-select {
  width: 100%
}*/
.platform-wrapper > * > .ui.input {
  width: 100%;
}

.platform-wrapper > * > .ui.error.message {
  display: block !important;
  width: 100%;
}

/*.platform-wrapper > platform-dictionary-select > mat-select {
  display: inline-block;
  width: 100%;
}*/
.platform-wrapper > platform-textarea > div > textarea {
  width: 100%;
  outline: none;
  padding: 9.5px 14px;
  border: 1px solid rgba(34, 36, 38, 0.15);
}

.platform-wrapper > platform-date > .ui.input {
  width: 100%;
}

.platform-wrapper platform-date.disabled > .ui.input > input {
  background-color: #f2f2f2;
}

/*.platform-wrapper > platform-dictionary-multi-select > mat-multi-select {
  width: 100%;
}*/
pas-form > .button-container > button, pas-form > .ui.secondary.menu > .right.menu.sub-menu > * {
  margin: 0 0 0.4rem 0.4rem !important;
}

pas-form > .ui.secondary.menu > .right.menu.sub-menu {
  padding: 0.8rem 0 0.4rem;
}

.mdc-linear-progress__bar {
  background: #36b1bf;
}

.green .mdc-linear-progress__bar {
  background: #21ba45;
}

.red .mdc-linear-progress__bar {
  background: #db2828;
}

.mdc-linear-progress {
  border-radius: 5px;
}

mat-progress-bar.mdc-linear-progress,
mat-progress-bar .mdc-linear-progress__buffer,
mat-progress-bar .mdc-linear-progress__bar,
mat-progress-bar .mdc-linear-progress__bar-inner {
  height: 1.75em !important;
}

.mat-mdc-primary .mat-mdc-option.mat-selected:not(.mat-option-disabled) {
  color: rgba(0, 0, 0, 0.87);
}

.pas-form-sections .platform-wrapper platform-label > label {
  margin-bottom: -0.2rem !important;
}

.pas-form-sections .platform-wrapper > .address platform-label,
.pas-form-sections .platform-wrapper > .case-manager platform-label {
  margin-bottom: 0.1rem !important;
}

.platform-wrapper > .address > * > platform-label {
  display: block;
}

pas-referral-section platform-dictionary-select > div {
  margin-bottom: 0 !important;
}

pas-demographics-contact-list platform-label > label {
  margin-bottom: -10px;
}

pas-referral-section platform-radio-select > platform-label > div {
  margin-top: -0.4rem;
}

.platform-wrapper > .case-manager > * > platform-label {
  display: block;
  margin-top: -0.4rem;
}

.ui.form.fields-wrapper.convert label::after {
  margin: -6px 0 -16px;
}

.transition-info .transition-info-content label {
  color: rgba(255, 255, 255, 0.5) !important;
}

.pas-pending-referral-list-scroller {
  height: calc(100vh - 9rem);
  overflow-y: auto;
}

.mobile-pas-pending-referral-list-scroller {
  height: calc(100vh - 11.5rem);
  overflow-y: auto;
}

.pas-all-referral-list-scroller {
  height: calc(100vh - 18rem);
  overflow-y: auto;
}

.mobile-pas-all-referral-list-scroller {
  height: calc(100vh - 19rem);
  overflow-y: auto;
}

.crm-directory-list-scroller {
  height: calc(100vh - 16rem);
  overflow-y: auto;
  padding: 0 1rem 1rem 1rem;
}

.crm-directory-list-scroller-with-checkbox {
  height: calc(100vh - 18.5rem);
  overflow-y: auto;
  padding: 0 1rem 1rem 1rem;
}

.mobile-crm-directory-list-scroller {
  height: calc(100vh - 20rem);
  overflow-y: auto;
  padding: 0 1rem 1rem 1rem;
}

.mobile-crm-directory-list-scroller-with-checkbox {
  height: calc(100vh - 22.5rem);
  overflow-y: auto;
  padding: 0 1rem 1rem 1rem;
}

mat-card-content.medpar-entries-scroller {
  height: calc(100vh - 11.5rem);
  overflow-y: auto;
  margin: -0.5em 0 -0.5em -0.5em;
  display: flex;
  flex-wrap: wrap;
}

.mat.form input:not([type]), .mat.form input[type=date], .mat.form input[type=datetime-local], .mat.form input[type=email], .mat.form input[type=file], .mat.form input[type=number], .mat.form input[type=password], .mat.form input[type=search], .mat.form input[type=tel], .mat.form input[type=text], .mat.form input[type=time], .mat.form input[type=url], .mat.form textarea {
  width: auto;
  vertical-align: top;
}

.medpar.progress-container .progress-bar .mat-mdc-progress-bar .mdc-linear-progress__buffer {
  height: var(--mdc-linear-progress-track-height) !important;
}