/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/ngx-toastr/toastr.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************/
/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */

/* position */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

/* toast styles */
.toast-title {
  font-weight: bold;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}
.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */
.toast-info {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */
.toast-error {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */
.toast-success {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */
.toast-warning {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==");
}
.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
/* Responsive Design */
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/assets/css/plyr.css?ngGlobalStyle ***!
  \*******************************************************************************************************************************************************************************************************************************/
.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-badge-small .mat-badge-content {
  font-size: 9px
}

.mat-badge-large .mat-badge-content {
  font-size: 24px
}

.mat-h1,
.mat-headline,
.mat-typography h1 {
  font: 400 24px/32px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px
}

.mat-h2,
.mat-title,
.mat-typography h2 {
  font: 500 20px/32px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px
}

.mat-h3,
.mat-subheading-2,
.mat-typography h3 {
  font: 400 16px/28px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px
}

.mat-h4,
.mat-subheading-1,
.mat-typography h4 {
  font: 400 15px/24px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px
}

.mat-h5,
.mat-typography h5 {
  font: 400 11.62px/20px Roboto, Helvetica Neue, sans-serif;
  margin: 0 0 12px
}

.mat-h6,
.mat-typography h6 {
  font: 400 9.38px/20px Roboto, Helvetica Neue, sans-serif;
  margin: 0 0 12px
}

.mat-body-2,
.mat-body-strong {
  font: 500 14px/24px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal
}

.mat-body,
.mat-body-1,
.mat-typography {
  font: 400 14px/20px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal
}

.mat-body-1 p,
.mat-body p,
.mat-typography p {
  margin: 0 0 12px
}

.mat-caption,
.mat-small {
  font: 400 12px/20px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal
}

.mat-display-4,
.mat-typography .mat-display-4 {
  font: 300 112px/112px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: -.05em;
  margin: 0 0 56px
}

.mat-display-3,
.mat-typography .mat-display-3 {
  font: 400 56px/56px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: -.02em;
  margin: 0 0 64px
}

.mat-display-2,
.mat-typography .mat-display-2 {
  font: 400 45px/48px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: -.005em;
  margin: 0 0 64px
}

.mat-display-1,
.mat-typography .mat-display-1 {
  font: 400 34px/40px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px
}

.mat-bottom-sheet-container {
  font: 400 14px/20px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal
}

.mat-button,
.mat-fab,
.mat-flat-button,
.mat-icon-button,
.mat-mini-fab,
.mat-raised-button,
.mat-stroked-button {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 500
}

.mat-button-toggle,
.mat-card {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-card-title {
  font-size: 24px;
  font-weight: 500
}

.mat-card-header .mat-card-title {
  font-size: 20px
}

.mat-card-content,
.mat-card-subtitle {
  font-size: 14px
}

.mat-checkbox {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px
}

.mat-chip {
  font-size: 14px;
  font-weight: 500
}

.mat-chip .mat-chip-remove.mat-icon,
.mat-chip .mat-chip-trailing-icon.mat-icon {
  font-size: 18px
}

.mat-table {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-header-cell {
  font-size: 12px;
  font-weight: 500
}

.mat-cell,
.mat-footer-cell {
  font-size: 14px
}

.mat-calendar {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-calendar-body {
  font-size: 13px
}

.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500
}

.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400
}

.mat-dialog-title {
  font: 500 20px/32px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal
}

.mat-expansion-panel-header {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 15px;
  font-weight: 400
}

.mat-expansion-panel-content {
  font: 400 14px/20px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal
}

.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family: Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal
}

.mat-form-field-wrapper {
  padding-bottom: 1.34375em
}

.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125
}

.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em
}

.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125
}

.mat-form-field-infix {
  padding: .5em 0;
  border-top: .84375em solid transparent
}

.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34375em) scale(.75);
  width: 133.3333333333%
}

.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34374em) scale(.75);
  width: 133.3333433333%
}

.mat-form-field-label-wrapper {
  top: -.84375em;
  padding-top: .84375em
}

.mat-form-field-label {
  top: 1.34375em
}

.mat-form-field-underline {
  bottom: 1.34375em
}

.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: .6666666667em;
  top: calc(100% - 1.79167em)
}

.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em
}

.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: .4375em 0
}

.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);
  -ms-transform: translateY(-1.28125em) scale(.75);
  width: 133.3333333333%
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00101px);
  -ms-transform: translateY(-1.28124em) scale(.75);
  width: 133.3333433333%
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00102px);
  -ms-transform: translateY(-1.28123em) scale(.75);
  width: 133.3333533333%
}

.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: .5416666667em;
  top: calc(100% - 1.66667em)
}

@media print {

  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28122em) scale(.75)
  }

  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28121em) scale(.75)
  }

  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.2812em) scale(.75)
  }
}

.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: .25em 0 .75em
}

.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -.5em
}

.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-.59375em) scale(.75);
  width: 133.3333333333%
}

.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-.59374em) scale(.75);
  width: 133.3333433333%
}

.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0
}

.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -.25em
}

.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59375em) scale(.75);
  width: 133.3333333333%
}

.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59374em) scale(.75);
  width: 133.3333433333%
}

.mat-grid-tile-footer,
.mat-grid-tile-header {
  font-size: 14px
}

.mat-grid-tile-footer .mat-line,
.mat-grid-tile-header .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box
}

.mat-grid-tile-footer .mat-line:nth-child(n+2),
.mat-grid-tile-header .mat-line:nth-child(n+2) {
  font-size: 12px
}

input.mat-input-element {
  margin-top: -.0625em
}

.mat-menu-item {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 400
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 12px
}

.mat-radio-button,
.mat-select {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-select-trigger {
  height: 1.125em
}

.mat-slide-toggle-content,
.mat-slider-thumb-label-text {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-slider-thumb-label-text {
  font-size: 12px;
  font-weight: 500
}

.mat-stepper-horizontal,
.mat-stepper-vertical {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-step-label {
  font-size: 14px;
  font-weight: 400
}

.mat-step-sub-label-error {
  font-weight: 400
}

.mat-step-label-error {
  font-size: 14px
}

.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500
}

.mat-tab-group,
.mat-tab-label,
.mat-tab-link {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-tab-label,
.mat-tab-link {
  font-size: 14px;
  font-weight: 500
}

.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 500 20px/32px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal;
  margin: 0
}

.mat-tooltip {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px
}

.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px
}

.mat-list-item,
.mat-list-option {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-list-base .mat-list-item {
  font-size: 16px
}

.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box
}

.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 14px
}

.mat-list-base .mat-list-option {
  font-size: 16px
}

.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box
}

.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 14px
}

.mat-list-base .mat-subheader {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 500
}

.mat-list-base[dense] .mat-list-item {
  font-size: 12px
}

.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box
}

.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2),
.mat-list-base[dense] .mat-list-option {
  font-size: 12px
}

.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box
}

.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px
}

.mat-list-base[dense] .mat-subheader {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500
}

.mat-option {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 16px
}

.mat-optgroup-label {
  font: 500 14px/24px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal
}

.mat-simple-snackbar {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 14px
}

.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500
}

.mat-tree {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-nested-tree-node,
.mat-tree-node {
  font-weight: 400;
  font-size: 14px
}

.mat-ripple {
  overflow: hidden;
  position: relative
}

.mat-ripple:not(:empty) {
  transform: translateZ(0)
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, .2, 1);
  transform: scale(0)
}

.cdk-high-contrast-active .mat-ripple-element {
  display: none
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none
}

.cdk-global-overlay-wrapper,
.cdk-overlay-container {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000
}

.cdk-overlay-container:empty {
  display: none
}

.cdk-global-overlay-wrapper,
.cdk-overlay-pane {
  display: flex;
  position: absolute;
  z-index: 1000
}

.cdk-overlay-pane {
  pointer-events: auto;
  box-sizing: border-box;
  max-width: 100%;
  max-height: 100%
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity .4s cubic-bezier(.25, .8, .25, 1);
  opacity: 0
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1
}

@media screen and (-ms-high-contrast:active) {
  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .6
  }
}

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

.cdk-overlay-transparent-backdrop,
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll
}

@keyframes cdk-text-field-autofill-start {
  /*!*/
}

@keyframes cdk-text-field-autofill-end {
  /*!*/
}

.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms
}

textarea.cdk-textarea-autosize {
  resize: none
}

textarea.cdk-textarea-autosize-measuring {
  height: auto !important;
  overflow: hidden !important;
  padding: 2px 0 !important;
  box-sizing: content-box !important
}

.mat-ripple-element {
  background-color: rgba(0, 0, 0, .1)
}

.mat-option {
  color: rgba(0, 0, 0, .87)
}

.mat-option.mat-active,
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled),
.mat-option:focus:not(.mat-option-disabled),
.mat-option:hover:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, .04)
}

.mat-option.mat-active {
  color: rgba(0, 0, 0, .87)
}

.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, .38)
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #3f51b5
}

.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #ff4081
}

.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #f44336
}

.mat-optgroup-label {
  color: rgba(0, 0, 0, .54)
}

.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, .38)
}

.mat-pseudo-checkbox {
  color: rgba(0, 0, 0, .54)
}

.mat-pseudo-checkbox:after {
  color: #fafafa
}

.mat-pseudo-checkbox-disabled {
  color: #b0b0b0
}

.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #3f51b5
}

.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate,
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate {
  background: #ff4081
}

.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #f44336
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0
}

.mat-elevation-z0 {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z1 {
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z2 {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z3 {
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z4 {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z5 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z6 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z7 {
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, .2), 0 7px 10px 1px rgba(0, 0, 0, .14), 0 2px 16px 1px rgba(0, 0, 0, .12)
}

.mat-elevation-z8 {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.mat-elevation-z9 {
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, .2), 0 9px 12px 1px rgba(0, 0, 0, .14), 0 3px 16px 2px rgba(0, 0, 0, .12)
}

.mat-elevation-z10 {
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, .2), 0 10px 14px 1px rgba(0, 0, 0, .14), 0 4px 18px 3px rgba(0, 0, 0, .12)
}

.mat-elevation-z11 {
  box-shadow: 0 6px 7px -4px rgba(0, 0, 0, .2), 0 11px 15px 1px rgba(0, 0, 0, .14), 0 4px 20px 3px rgba(0, 0, 0, .12)
}

.mat-elevation-z12 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12)
}

.mat-elevation-z13 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .14), 0 5px 24px 4px rgba(0, 0, 0, .12)
}

.mat-elevation-z14 {
  box-shadow: 0 7px 9px -4px rgba(0, 0, 0, .2), 0 14px 21px 2px rgba(0, 0, 0, .14), 0 5px 26px 4px rgba(0, 0, 0, .12)
}

.mat-elevation-z15 {
  box-shadow: 0 8px 9px -5px rgba(0, 0, 0, .2), 0 15px 22px 2px rgba(0, 0, 0, .14), 0 6px 28px 5px rgba(0, 0, 0, .12)
}

.mat-elevation-z16 {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12)
}

.mat-elevation-z17 {
  box-shadow: 0 8px 11px -5px rgba(0, 0, 0, .2), 0 17px 26px 2px rgba(0, 0, 0, .14), 0 6px 32px 5px rgba(0, 0, 0, .12)
}

.mat-elevation-z18 {
  box-shadow: 0 9px 11px -5px rgba(0, 0, 0, .2), 0 18px 28px 2px rgba(0, 0, 0, .14), 0 7px 34px 6px rgba(0, 0, 0, .12)
}

.mat-elevation-z19 {
  box-shadow: 0 9px 12px -6px rgba(0, 0, 0, .2), 0 19px 29px 2px rgba(0, 0, 0, .14), 0 7px 36px 6px rgba(0, 0, 0, .12)
}

.mat-elevation-z20 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 20px 31px 3px rgba(0, 0, 0, .14), 0 8px 38px 7px rgba(0, 0, 0, .12)
}

.mat-elevation-z21 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 21px 33px 3px rgba(0, 0, 0, .14), 0 8px 40px 7px rgba(0, 0, 0, .12)
}

.mat-elevation-z22 {
  box-shadow: 0 10px 14px -6px rgba(0, 0, 0, .2), 0 22px 35px 3px rgba(0, 0, 0, .14), 0 8px 42px 7px rgba(0, 0, 0, .12)
}

.mat-elevation-z23 {
  box-shadow: 0 11px 14px -7px rgba(0, 0, 0, .2), 0 23px 36px 3px rgba(0, 0, 0, .14), 0 9px 44px 8px rgba(0, 0, 0, .12)
}

.mat-elevation-z24 {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12)
}

.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, .87)
}

.mat-theme-loaded-marker {
  display: none
}

.mat-autocomplete-panel {
  background: #fff;
  color: rgba(0, 0, 0, .87)
}

.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: #fff
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: rgba(0, 0, 0, .87)
}

.mat-badge-content {
  color: #fff;
  background: #3f51b5
}

.cdk-high-contrast-active .mat-badge-content {
  outline: 1px solid;
  border-radius: 0
}

.mat-badge-accent .mat-badge-content {
  background: #ff4081;
  color: #fff
}

.mat-badge-warn .mat-badge-content {
  color: #fff;
  background: #f44336
}

.mat-badge {
  position: relative
}

.mat-badge-hidden .mat-badge-content {
  display: none
}

.mat-badge-disabled .mat-badge-content {
  background: #b9b9b9;
  color: rgba(0, 0, 0, .38)
}

.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform .2s ease-in-out;
  transform: scale(.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none
}

.mat-badge-content._mat-animation-noopable,
.ng-animate-disabled .mat-badge-content {
  transition: none
}

.mat-badge-content.mat-badge-active {
  transform: none
}

.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px
}

.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px
}

.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px
}

.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px
}

.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px
}

.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px
}

.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px
}

.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px
}

.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px
}

.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px
}

.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px
}

.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px
}

.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px
}

.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px
}

.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px
}

.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px
}

.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px
}

.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px
}

.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px
}

.mat-bottom-sheet-container {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12);
  background: #fff;
  color: rgba(0, 0, 0, .87)
}

.mat-button,
.mat-icon-button,
.mat-stroked-button {
  color: inherit;
  background: transparent
}

.mat-button.mat-primary,
.mat-icon-button.mat-primary,
.mat-stroked-button.mat-primary {
  color: #3f51b5
}

.mat-button.mat-accent,
.mat-icon-button.mat-accent,
.mat-stroked-button.mat-accent {
  color: #ff4081
}

.mat-button.mat-warn,
.mat-icon-button.mat-warn,
.mat-stroked-button.mat-warn {
  color: #f44336
}

.mat-button.mat-accent[disabled],
.mat-button.mat-primary[disabled],
.mat-button.mat-warn[disabled],
.mat-button[disabled][disabled],
.mat-icon-button.mat-accent[disabled],
.mat-icon-button.mat-primary[disabled],
.mat-icon-button.mat-warn[disabled],
.mat-icon-button[disabled][disabled],
.mat-stroked-button.mat-accent[disabled],
.mat-stroked-button.mat-primary[disabled],
.mat-stroked-button.mat-warn[disabled],
.mat-stroked-button[disabled][disabled] {
  color: rgba(0, 0, 0, .26)
}

.mat-button.mat-primary .mat-button-focus-overlay,
.mat-icon-button.mat-primary .mat-button-focus-overlay,
.mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: #3f51b5
}

.mat-button.mat-accent .mat-button-focus-overlay,
.mat-icon-button.mat-accent .mat-button-focus-overlay,
.mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: #ff4081
}

.mat-button.mat-warn .mat-button-focus-overlay,
.mat-icon-button.mat-warn .mat-button-focus-overlay,
.mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: #f44336
}

.mat-button[disabled] .mat-button-focus-overlay,
.mat-icon-button[disabled] .mat-button-focus-overlay,
.mat-stroked-button[disabled] .mat-button-focus-overlay {
  background-color: transparent
}

.mat-button .mat-ripple-element,
.mat-icon-button .mat-ripple-element,
.mat-stroked-button .mat-ripple-element {
  opacity: .1;
  background-color: currentColor
}

.mat-button-focus-overlay {
  background: #000
}

.mat-stroked-button:not([disabled]) {
  border-color: rgba(0, 0, 0, .12)
}

.mat-fab,
.mat-flat-button,
.mat-mini-fab,
.mat-raised-button {
  color: rgba(0, 0, 0, .87);
  background-color: #fff
}

.mat-fab.mat-accent,
.mat-fab.mat-primary,
.mat-fab.mat-warn,
.mat-flat-button.mat-accent,
.mat-flat-button.mat-primary,
.mat-flat-button.mat-warn,
.mat-mini-fab.mat-accent,
.mat-mini-fab.mat-primary,
.mat-mini-fab.mat-warn,
.mat-raised-button.mat-accent,
.mat-raised-button.mat-primary,
.mat-raised-button.mat-warn {
  color: #fff
}

.mat-fab.mat-accent[disabled],
.mat-fab.mat-primary[disabled],
.mat-fab.mat-warn[disabled],
.mat-fab[disabled][disabled],
.mat-flat-button.mat-accent[disabled],
.mat-flat-button.mat-primary[disabled],
.mat-flat-button.mat-warn[disabled],
.mat-flat-button[disabled][disabled],
.mat-mini-fab.mat-accent[disabled],
.mat-mini-fab.mat-primary[disabled],
.mat-mini-fab.mat-warn[disabled],
.mat-mini-fab[disabled][disabled],
.mat-raised-button.mat-accent[disabled],
.mat-raised-button.mat-primary[disabled],
.mat-raised-button.mat-warn[disabled],
.mat-raised-button[disabled][disabled] {
  color: rgba(0, 0, 0, .26)
}

.mat-fab.mat-primary,
.mat-flat-button.mat-primary,
.mat-mini-fab.mat-primary,
.mat-raised-button.mat-primary {
  background-color: #3f51b5
}

.mat-fab.mat-accent,
.mat-flat-button.mat-accent,
.mat-mini-fab.mat-accent,
.mat-raised-button.mat-accent {
  background-color: #ff4081
}

.mat-fab.mat-warn,
.mat-flat-button.mat-warn,
.mat-mini-fab.mat-warn,
.mat-raised-button.mat-warn {
  background-color: #f44336
}

.mat-fab.mat-accent[disabled],
.mat-fab.mat-primary[disabled],
.mat-fab.mat-warn[disabled],
.mat-fab[disabled][disabled],
.mat-flat-button.mat-accent[disabled],
.mat-flat-button.mat-primary[disabled],
.mat-flat-button.mat-warn[disabled],
.mat-flat-button[disabled][disabled],
.mat-mini-fab.mat-accent[disabled],
.mat-mini-fab.mat-primary[disabled],
.mat-mini-fab.mat-warn[disabled],
.mat-mini-fab[disabled][disabled],
.mat-raised-button.mat-accent[disabled],
.mat-raised-button.mat-primary[disabled],
.mat-raised-button.mat-warn[disabled],
.mat-raised-button[disabled][disabled] {
  background-color: rgba(0, 0, 0, .12)
}

.mat-fab.mat-accent .mat-ripple-element,
.mat-fab.mat-primary .mat-ripple-element,
.mat-fab.mat-warn .mat-ripple-element,
.mat-flat-button.mat-accent .mat-ripple-element,
.mat-flat-button.mat-primary .mat-ripple-element,
.mat-flat-button.mat-warn .mat-ripple-element,
.mat-mini-fab.mat-accent .mat-ripple-element,
.mat-mini-fab.mat-primary .mat-ripple-element,
.mat-mini-fab.mat-warn .mat-ripple-element,
.mat-raised-button.mat-accent .mat-ripple-element,
.mat-raised-button.mat-primary .mat-ripple-element,
.mat-raised-button.mat-warn .mat-ripple-element {
  background-color: hsla(0, 0%, 100%, .1)
}

.mat-flat-button:not([class*=mat-elevation-z]),
.mat-stroked-button:not([class*=mat-elevation-z]) {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-raised-button:not([class*=mat-elevation-z]) {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mat-raised-button:not([disabled]):active:not([class*=mat-elevation-z]) {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.mat-raised-button[disabled]:not([class*=mat-elevation-z]) {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-fab:not([class*=mat-elevation-z]),
.mat-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
}

.mat-fab:not([disabled]):active:not([class*=mat-elevation-z]),
.mat-mini-fab:not([disabled]):active:not([class*=mat-elevation-z]) {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12)
}

.mat-fab[disabled]:not([class*=mat-elevation-z]),
.mat-mini-fab[disabled]:not([class*=mat-elevation-z]) {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-button-toggle-group,
.mat-button-toggle-standalone {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mat-button-toggle-group-appearance-standard,
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
  box-shadow: none
}

.mat-button-toggle {
  color: rgba(0, 0, 0, .38)
}

.mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(0, 0, 0, .12)
}

.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, .87);
  background: #fff
}

.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: #000
}

.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
  border-left: 1px solid rgba(0, 0, 0, .12)
}

[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
  border-left: none;
  border-right: 1px solid rgba(0, 0, 0, .12)
}

.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: 1px solid rgba(0, 0, 0, .12)
}

.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, .54)
}

.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, .87)
}

.mat-button-toggle-disabled {
  color: rgba(0, 0, 0, .26);
  background-color: #eee
}

.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: #fff
}

.mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #bdbdbd
}

.mat-button-toggle-group-appearance-standard,
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
  border: 1px solid rgba(0, 0, 0, .12)
}

.mat-card {
  background: #fff;
  color: rgba(0, 0, 0, .87)
}

.mat-card:not([class*=mat-elevation-z]) {
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)
}

.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-card-subtitle {
  color: rgba(0, 0, 0, .54)
}

.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, .54)
}

.mat-checkbox-checkmark {
  fill: #fafafa
}

.mat-checkbox-checkmark-path {
  stroke: #fafafa !important
}

.mat-checkbox-mixedmark {
  background-color: #fafafa
}

.mat-checkbox-checked.mat-primary .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background {
  background-color: #3f51b5
}

.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: #ff4081
}

.mat-checkbox-checked.mat-warn .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background {
  background-color: #f44336
}

.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,
.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0
}

.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0
}

.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(0, 0, 0, .54)
}

.mat-checkbox .mat-ripple-element {
  background-color: #000
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: #3f51b5
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #ff4081
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: #f44336
}

.mat-chip.mat-standard-chip {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, .87)
}

.mat-chip.mat-standard-chip .mat-chip-remove {
  color: rgba(0, 0, 0, .87);
  opacity: .4
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12)
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: .54
}

.mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: .4
}

.mat-chip.mat-standard-chip:after {
  background: #000
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #3f51b5;
  color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: #fff;
  opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: hsla(0, 0%, 100%, .1)
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #f44336;
  color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: #fff;
  opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: hsla(0, 0%, 100%, .1)
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #ff4081;
  color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: #fff;
  opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: hsla(0, 0%, 100%, .1)
}

.mat-table {
  background: #fff
}

.mat-table-sticky,
.mat-table tbody,
.mat-table tfoot,
.mat-table thead,
[mat-footer-row],
[mat-header-row],
[mat-row],
mat-footer-row,
mat-header-row,
mat-row {
  background: inherit
}

mat-footer-row,
mat-header-row,
mat-row,
td.mat-cell,
td.mat-footer-cell,
th.mat-header-cell {
  border-bottom-color: rgba(0, 0, 0, .12)
}

.mat-header-cell {
  color: rgba(0, 0, 0, .54)
}

.mat-cell,
.mat-footer-cell {
  color: rgba(0, 0, 0, .87)
}

.mat-calendar-arrow {
  border-top-color: rgba(0, 0, 0, .54)
}

.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button,
.mat-datepicker-toggle {
  color: rgba(0, 0, 0, .54)
}

.mat-calendar-table-header {
  color: rgba(0, 0, 0, .38)
}

.mat-calendar-table-header-divider:after {
  background: rgba(0, 0, 0, .12)
}

.mat-calendar-body-label {
  color: rgba(0, 0, 0, .54)
}

.mat-calendar-body-cell-content {
  color: rgba(0, 0, 0, .87);
  border-color: transparent
}

.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  color: rgba(0, 0, 0, .38)
}

.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  background-color: rgba(0, 0, 0, .04)
}

.mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border-color: rgba(0, 0, 0, .38)
}

.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border-color: rgba(0, 0, 0, .18)
}

.mat-calendar-body-selected {
  background-color: #3f51b5;
  color: #fff
}

.mat-calendar-body-disabled>.mat-calendar-body-selected {
  background-color: rgba(63, 81, 181, .4)
}

.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px #fff
}

.mat-datepicker-content {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
  background-color: #fff;
  color: rgba(0, 0, 0, .87)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: #ff4081;
  color: #fff
}

.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected {
  background-color: rgba(255, 64, 129, .4)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px #fff
}

.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: #f44336;
  color: #fff
}

.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected {
  background-color: rgba(244, 67, 54, .4)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px #fff
}

.mat-datepicker-content-touch {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-datepicker-toggle-active {
  color: #3f51b5
}

.mat-datepicker-toggle-active.mat-accent {
  color: #ff4081
}

.mat-datepicker-toggle-active.mat-warn {
  color: #f44336
}

.mat-dialog-container {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
  background: #fff;
  color: rgba(0, 0, 0, .87)
}

.mat-divider {
  border-top-color: rgba(0, 0, 0, .12)
}

.mat-divider-vertical {
  border-right-color: rgba(0, 0, 0, .12)
}

.mat-expansion-panel {
  background: #fff;
  color: rgba(0, 0, 0, .87)
}

.mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mat-action-row {
  border-top-color: rgba(0, 0, 0, .12)
}

.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),
.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: rgba(0, 0, 0, .04)
}

@media(hover:none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: #fff
  }
}

.mat-expansion-panel-header-title {
  color: rgba(0, 0, 0, .87)
}

.mat-expansion-indicator:after,
.mat-expansion-panel-header-description {
  color: rgba(0, 0, 0, .54)
}

.mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(0, 0, 0, .26)
}

.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title {
  color: inherit
}

.mat-form-field-label,
.mat-hint {
  color: rgba(0, 0, 0, .6)
}

.mat-form-field.mat-focused .mat-form-field-label {
  color: #3f51b5
}

.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: #ff4081
}

.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: #f44336
}

.mat-focused .mat-form-field-required-marker {
  color: #ff4081
}

.mat-form-field-ripple {
  background-color: rgba(0, 0, 0, .87)
}

.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #3f51b5
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: #ff4081
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: #f44336
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix:after {
  color: #3f51b5
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix:after {
  color: #ff4081
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix:after,
.mat-form-field.mat-form-field-invalid .mat-form-field-label,
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: #f44336
}

.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: #f44336
}

.mat-error {
  color: #f44336
}

.mat-form-field-appearance-legacy .mat-form-field-label,
.mat-form-field-appearance-legacy .mat-hint {
  color: rgba(0, 0, 0, .54)
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(0, 0, 0, .42)
}

.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .42) 0, rgba(0, 0, 0, .42) 33%, transparent 0);
  background-size: 4px 100%;
  background-repeat: repeat-x
}

.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(0, 0, 0, .42)
}

.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .42) 0, rgba(0, 0, 0, .42) 33%, transparent 0);
  background-size: 4px 100%;
  background-repeat: repeat-x
}

.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(0, 0, 0, .04)
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, .02)
}

.mat-form-field-appearance-fill .mat-form-field-underline:before {
  background-color: rgba(0, 0, 0, .42)
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, .38)
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline:before {
  background-color: transparent
}

.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(0, 0, 0, .12)
}

.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(0, 0, 0, .87)
}

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #3f51b5
}

.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #ff4081
}

.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick,
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #f44336
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, .38)
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, .06)
}

.mat-icon.mat-primary {
  color: #3f51b5
}

.mat-icon.mat-accent {
  color: #ff4081
}

.mat-icon.mat-warn {
  color: #f44336
}

.mat-form-field-type-mat-native-select .mat-form-field-infix:after {
  color: rgba(0, 0, 0, .54)
}

.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix:after,
.mat-input-element:disabled {
  color: rgba(0, 0, 0, .38)
}

.mat-input-element {
  caret-color: #3f51b5
}

.mat-input-element::placeholder {
  color: rgba(0, 0, 0, .42)
}

.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, .42)
}

.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .42)
}

.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, .42)
}

.mat-accent .mat-input-element {
  caret-color: #ff4081
}

.mat-form-field-invalid .mat-input-element,
.mat-warn .mat-input-element {
  caret-color: #f44336
}

.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix:after {
  color: #f44336
}

.mat-list-base .mat-list-item,
.mat-list-base .mat-list-option {
  color: rgba(0, 0, 0, .87)
}

.mat-list-base .mat-subheader {
  color: rgba(0, 0, 0, .54)
}

.mat-list-item-disabled {
  background-color: #eee
}

.mat-action-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-list-option:focus,
.mat-list-option:hover,
.mat-nav-list .mat-list-item:focus,
.mat-nav-list .mat-list-item:hover {
  background: rgba(0, 0, 0, .04)
}

.mat-list-single-selected-option,
.mat-list-single-selected-option:focus,
.mat-list-single-selected-option:hover {
  background: rgba(0, 0, 0, .12)
}

.mat-menu-panel {
  background: #fff
}

.mat-menu-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mat-menu-item {
  background: transparent;
  color: rgba(0, 0, 0, .87)
}

.mat-menu-item[disabled],
.mat-menu-item[disabled]:after {
  color: rgba(0, 0, 0, .38)
}

.mat-menu-item-submenu-trigger:after,
.mat-menu-item .mat-icon-no-color {
  color: rgba(0, 0, 0, .54)
}

.mat-menu-item-highlighted:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item:hover:not([disabled]) {
  background: rgba(0, 0, 0, .04)
}

.mat-paginator {
  background: #fff
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, .54)
}

.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, .54);
  border-right: 2px solid rgba(0, 0, 0, .54)
}

.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, .54)
}

.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, .38)
}

.mat-progress-bar-background {
  fill: #c5cae9
}

.mat-progress-bar-buffer {
  background-color: #c5cae9
}

.mat-progress-bar-fill:after {
  background-color: #3f51b5
}

.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #ff80ab
}

.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #ff80ab
}

.mat-progress-bar.mat-accent .mat-progress-bar-fill:after {
  background-color: #ff4081
}

.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #ffcdd2
}

.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #ffcdd2
}

.mat-progress-bar.mat-warn .mat-progress-bar-fill:after {
  background-color: #f44336
}

.mat-progress-spinner circle,
.mat-spinner circle {
  stroke: #3f51b5
}

.mat-progress-spinner.mat-accent circle,
.mat-spinner.mat-accent circle {
  stroke: #ff4081
}

.mat-progress-spinner.mat-warn circle,
.mat-spinner.mat-warn circle {
  stroke: #f44336
}

.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, .54)
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #3f51b5
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: #3f51b5
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #ff4081
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #ff4081
}

.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #f44336
}

.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: #f44336
}

.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, .38)
}

.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element {
  background-color: rgba(0, 0, 0, .38)
}

.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, .38)
}

.mat-radio-button .mat-ripple-element {
  background-color: #000
}

.mat-select-value {
  color: rgba(0, 0, 0, .87)
}

.mat-select-placeholder {
  color: rgba(0, 0, 0, .42)
}

.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, .38)
}

.mat-select-arrow {
  color: rgba(0, 0, 0, .54)
}

.mat-select-panel {
  background: #fff
}

.mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, .12)
}

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #3f51b5
}

.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #ff4081
}

.mat-form-field.mat-focused.mat-warn .mat-select-arrow,
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #f44336
}

.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, .38)
}

.mat-drawer-container {
  background-color: #fafafa;
  color: rgba(0, 0, 0, .87)
}

.mat-drawer {
  color: rgba(0, 0, 0, .87)
}

.mat-drawer,
.mat-drawer.mat-drawer-push {
  background: linear-gradient(180deg, #0a0a5f 8%, #183590 85%);
}

.mat-drawer:not(.mat-drawer-side) {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12)
}

.mat-drawer-side {
  border-right: 1px solid rgba(0, 0, 0, .12)
}

.mat-drawer-side.mat-drawer-end,
[dir=rtl] .mat-drawer-side {
  border-left: 1px solid rgba(0, 0, 0, .12);
  border-right: none
}

[dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: 1px solid rgba(0, 0, 0, .12)
}

.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, .6)
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #ff4081
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(255, 64, 129, .54)
}

.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #ff4081
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #3f51b5
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(63, 81, 181, .54)
}

.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: #3f51b5
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: #f44336
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(244, 67, 54, .54)
}

.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: #f44336
}

.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: #000
}

.mat-slide-toggle-thumb {
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
  background-color: #fafafa
}

.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, .38)
}

.mat-slider-track-background {
  background-color: rgba(0, 0, 0, .26)
}

.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label,
.mat-primary .mat-slider-track-fill {
  background-color: #3f51b5
}

.mat-primary .mat-slider-thumb-label-text {
  color: #fff
}

.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label,
.mat-accent .mat-slider-track-fill {
  background-color: #ff4081
}

.mat-accent .mat-slider-thumb-label-text {
  color: #fff
}

.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label,
.mat-warn .mat-slider-track-fill {
  background-color: #f44336
}

.mat-warn .mat-slider-thumb-label-text {
  color: #fff
}

.mat-slider-focus-ring {
  background-color: rgba(255, 64, 129, .2)
}

.cdk-focused .mat-slider-track-background,
.mat-slider:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, .38)
}

.mat-slider-disabled .mat-slider-thumb,
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, .26)
}

.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, .12)
}

.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, .87)
}

.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, .26)
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, .26);
  background-color: transparent
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb {
  border-color: rgba(0, 0, 0, .38)
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, .26)
}

.mat-slider-has-ticks .mat-slider-wrapper:after {
  border-color: rgba(0, 0, 0, .7)
}

.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(90deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(.0001deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent)
}

.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(180deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent)
}

.mat-step-header.cdk-keyboard-focused,
.mat-step-header.cdk-program-focused,
.mat-step-header:hover {
  background-color: rgba(0, 0, 0, .04)
}

@media(hover:none) {
  .mat-step-header:hover {
    background: none
  }
}

.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: rgba(0, 0, 0, .54)
}

.mat-step-header .mat-step-icon {
  background-color: rgba(0, 0, 0, .54);
  color: #fff
}

.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
  background-color: #3f51b5;
  color: #fff
}

.mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: #f44336
}

.mat-step-header .mat-step-label.mat-step-label-active {
  color: rgba(0, 0, 0, .87)
}

.mat-step-header .mat-step-label.mat-step-label-error {
  color: #f44336
}

.mat-stepper-horizontal,
.mat-stepper-vertical {
  background-color: #fff
}

.mat-stepper-vertical-line:before {
  border-left-color: rgba(0, 0, 0, .12)
}

.mat-horizontal-stepper-header:after,
.mat-horizontal-stepper-header:before,
.mat-stepper-horizontal-line {
  border-top-color: rgba(0, 0, 0, .12)
}

.mat-sort-header-arrow {
  color: #757575
}

.mat-tab-header,
.mat-tab-nav-bar {
  border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.mat-tab-group-inverted-header .mat-tab-header,
.mat-tab-group-inverted-header .mat-tab-nav-bar {
  border-top: 1px solid rgba(0, 0, 0, .12);
  border-bottom: none
}

.mat-tab-label,
.mat-tab-link {
  color: rgba(0, 0, 0, .87)
}

.mat-tab-label.mat-tab-disabled,
.mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, .38)
}

.mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, .87)
}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, .38)
}

.mat-tab-group[class*=mat-background-] .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none
}

.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(197, 202, 233, .3)
}

.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #3f51b5
}

.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
  background-color: #fff
}

.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 128, 171, .3)
}

.mat-tab-group.mat-accent .mat-ink-bar,
.mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #ff4081
}

.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar,
.mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
  background-color: #fff
}

.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, .3)
}

.mat-tab-group.mat-warn .mat-ink-bar,
.mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #f44336
}

.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar,
.mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
  background-color: #fff
}

.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(197, 202, 233, .3)
}

.mat-tab-group.mat-background-primary .mat-tab-header,
.mat-tab-group.mat-background-primary .mat-tab-header-pagination,
.mat-tab-group.mat-background-primary .mat-tab-links,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-primary .mat-tab-links {
  background-color: #3f51b5
}

.mat-tab-group.mat-background-primary .mat-tab-label,
.mat-tab-group.mat-background-primary .mat-tab-link,
.mat-tab-nav-bar.mat-background-primary .mat-tab-label,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link {
  color: #fff
}

.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
  color: hsla(0, 0%, 100%, .4)
}

.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
  border-color: #fff
}

.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: hsla(0, 0%, 100%, .4)
}

.mat-tab-group.mat-background-primary .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
  background-color: hsla(0, 0%, 100%, .12)
}

.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 128, 171, .3)
}

.mat-tab-group.mat-background-accent .mat-tab-header,
.mat-tab-group.mat-background-accent .mat-tab-header-pagination,
.mat-tab-group.mat-background-accent .mat-tab-links,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-accent .mat-tab-links {
  background-color: #ff4081
}

.mat-tab-group.mat-background-accent .mat-tab-label,
.mat-tab-group.mat-background-accent .mat-tab-link,
.mat-tab-nav-bar.mat-background-accent .mat-tab-label,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link {
  color: #fff
}

.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
  color: hsla(0, 0%, 100%, .4)
}

.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
  border-color: #fff
}

.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: hsla(0, 0%, 100%, .4)
}

.mat-tab-group.mat-background-accent .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
  background-color: hsla(0, 0%, 100%, .12)
}

.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, .3)
}

.mat-tab-group.mat-background-warn .mat-tab-header,
.mat-tab-group.mat-background-warn .mat-tab-header-pagination,
.mat-tab-group.mat-background-warn .mat-tab-links,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-warn .mat-tab-links {
  background-color: #f44336
}

.mat-tab-group.mat-background-warn .mat-tab-label,
.mat-tab-group.mat-background-warn .mat-tab-link,
.mat-tab-nav-bar.mat-background-warn .mat-tab-label,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link {
  color: #fff
}

.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
  color: hsla(0, 0%, 100%, .4)
}

.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
  border-color: #fff
}

.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: hsla(0, 0%, 100%, .4)
}

.mat-tab-group.mat-background-warn .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
  background-color: hsla(0, 0%, 100%, .12)
}

.mat-toolbar {
  background: #f5f5f5;
  color: rgba(0, 0, 0, .87)
}

.mat-toolbar.mat-primary {
  background: linear-gradient(180deg, #0a0a5f 8%, #183590 85%);
  color: #fff;
}

.mat-toolbar.mat-accent {
  background: #ff4081;
  color: #fff
}

.mat-toolbar.mat-warn {
  background: #f44336;
  color: #fff
}

.mat-toolbar .mat-focused .mat-form-field-ripple,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-form-field-underline {
  background-color: currentColor
}

.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-select-value {
  color: inherit
}

.mat-toolbar .mat-input-element {
  caret-color: currentColor
}

.mat-tooltip {
  background: rgba(97, 97, 97, .9)
}

.mat-tree {
  background: #fff
}

.mat-nested-tree-node,
.mat-tree-node {
  color: rgba(0, 0, 0, .87)
}

.mat-snack-bar-container {
  color: hsla(0, 0%, 100%, .7);
  background: #323232;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
}

.mat-simple-snackbar-action {
  color: #ff4081
}

body,
html {
  height: 100%
}

body {
  margin: 0;
  font-family: Roboto, Helvetica Neue, sans-serif
}

@keyframes plyr-progress {
  to {
    background-position: 25px 0
  }
}

@keyframes plyr-popup {
  0% {
    opacity: .5;
    transform: translateY(10px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes plyr-fade-in {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.plyr {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: subpixel-antialiased;
  align-items: center;
  direction: ltr;
  display: flex;
  flex-direction: column;
  font-family: Avenir, Avenir Next, Helvetica Neue, Segoe UI, Helvetica, Arial, sans-serif;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  height: 100%;
  line-height: 1.7;
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  transition: box-shadow .3s ease;
  z-index: 0
}

.plyr audio,
.plyr iframe,
.plyr video {
  display: block;
  height: 100%;
  width: 100%
}

.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto
}

.plyr:focus {
  outline: 0
}

.plyr--full-ui {
  box-sizing: border-box
}

.plyr--full-ui *,
.plyr--full-ui :after,
.plyr--full-ui :before {
  box-sizing: inherit
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
  touch-action: manipulation
}

.plyr__badge {
  background: #4a5764;
  border-radius: 2px;
  color: #fff;
  font-size: 9px;
  line-height: 1;
  padding: 3px 4px
}

.plyr--full-ui ::-webkit-media-text-track-container {
  display: none
}

.plyr__captions {
  animation: plyr-fade-in .3s ease;
  bottom: 0;
  color: #fff;
  display: none;
  font-size: 14px;
  left: 0;
  padding: 10px;
  position: absolute;
  text-align: center;
  transition: transform .4s ease-in-out;
  width: 100%
}

.plyr__captions .plyr__caption {
  background: rgba(0, 0, 0, .8);
  border-radius: 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  line-height: 185%;
  padding: .2em .5em;
  white-space: pre-wrap
}

.plyr__captions .plyr__caption div {
  display: inline
}

.plyr__captions span:empty {
  display: none
}

@media (min-width:480px) {
  .plyr__captions {
    font-size: 16px;
    padding: 20px
  }
}

@media (min-width:768px) {
  .plyr__captions {
    font-size: 18px
  }
}

.plyr--captions-active .plyr__captions {
  display: block
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
  transform: translateY(-40px)
}

.plyr__control {
  background: 0 0;
  border: 0;
  border-radius: 3px;
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  overflow: visible;
  padding: 7px;
  position: relative;
  transition: all .3s ease
}

.plyr__control svg {
  display: block;
  fill: currentColor;
  height: 18px;
  pointer-events: none;
  width: 18px
}

.plyr__control:focus {
  outline: 0
}

.plyr__control.plyr__tab-focus {
  box-shadow: 0 0 0 5px rgba(0, 179, 255, .5);
  outline: 0
}

a.plyr__control {
  text-decoration: none
}

.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
a.plyr__control:after,
a.plyr__control:before {
  display: none
}

.plyr--full-ui ::-webkit-media-controls {
  display: none
}

.plyr__controls {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  text-align: center
}

.plyr__controls .plyr__progress__container {
  flex: 1;
  min-width: 0
}

.plyr__controls .plyr__controls__item {
  margin-left: 2.5px
}

.plyr__controls .plyr__controls__item:first-child {
  margin-left: 0;
  margin-right: auto
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-left: 2.5px
}

.plyr__controls .plyr__controls__item.plyr__time {
  padding: 0 5px
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
  padding-left: 0
}

.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip],
.plyr__controls:empty {
  display: none
}

.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
  display: inline-block
}

.plyr__menu {
  display: flex;
  position: relative
}

.plyr__menu .plyr__control svg {
  transition: transform .3s ease
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
  transform: rotate(90deg)
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
  display: none
}

.plyr__menu__container {
  animation: plyr-popup .2s ease;
  background: hsla(0, 0%, 100%, .9);
  border-radius: 4px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
  color: #4a5764;
  font-size: 16px;
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3
}

.plyr__menu__container>div {
  overflow: hidden;
  transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1)
}

.plyr__menu__container:after {
  border: 4px solid transparent;
  border-top-color: hsla(0, 0%, 100%, .9);
  content: "";
  height: 0;
  position: absolute;
  right: 15px;
  top: 100%;
  width: 0
}

.plyr__menu__container [role=menu] {
  padding: 7px
}

.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
  margin-top: 2px
}

.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
  margin-top: 0
}

.plyr__menu__container .plyr__control {
  align-items: center;
  color: #4a5764;
  display: flex;
  font-size: 14px;
  padding: 4px 11px;
  -webkit-user-select: none;
  user-select: none;
  width: 100%
}

.plyr__menu__container .plyr__control>span {
  align-items: inherit;
  display: flex;
  width: 100%
}

.plyr__menu__container .plyr__control:after {
  border: 4px solid transparent;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.plyr__menu__container .plyr__control--forward {
  padding-right: 28px
}

.plyr__menu__container .plyr__control--forward:after {
  border-left-color: rgba(74, 87, 100, .8);
  right: 5px
}

.plyr__menu__container .plyr__control--forward.plyr__tab-focus:after,
.plyr__menu__container .plyr__control--forward:hover:after {
  border-left-color: currentColor
}

.plyr__menu__container .plyr__control--back {
  font-weight: 500;
  margin: 7px 7px 3px;
  padding-left: 28px;
  position: relative;
  width: calc(100% - 14px)
}

.plyr__menu__container .plyr__control--back:after {
  border-right-color: rgba(74, 87, 100, .8);
  left: 7px
}

.plyr__menu__container .plyr__control--back:before {
  background: rgba(114, 133, 151, .2);
  box-shadow: 0 1px 0 #fff;
  content: "";
  height: 1px;
  left: 0;
  margin-top: 4px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%
}

.plyr__menu__container .plyr__control--back.plyr__tab-focus:after,
.plyr__menu__container .plyr__control--back:hover:after {
  border-right-color: currentColor
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
  padding-left: 7px
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after,
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
  border-radius: 100%
}

.plyr__menu__container .plyr__control[role=menuitemradio]:before {
  background: rgba(0, 0, 0, .1);
  content: "";
  display: block;
  flex-shrink: 0;
  height: 16px;
  margin-right: 10px;
  transition: all .3s ease;
  width: 16px
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after {
  background: #fff;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: transform .3s ease, opacity .3s ease;
  width: 6px
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
  background: #00b3ff
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
  opacity: 1;
  transform: translateY(-50%) scale(1)
}

.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus:before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
  background: rgba(0, 0, 0, .1)
}

.plyr__menu__container .plyr__menu__value {
  align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: -5px;
  overflow: hidden;
  padding-left: 25px;
  pointer-events: none
}

.plyr--full-ui input[type=range] {
  -webkit-appearance: none;
  background: 0 0;
  border: 0;
  border-radius: 26px;
  color: #00b3ff;
  display: block;
  height: 19px;
  margin: 0;
  padding: 0;
  transition: box-shadow .3s ease;
  width: 100%
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
  background: 0 0;
  border: 0;
  border-radius: 2.5px;
  height: 5px;
  -webkit-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  -webkit-user-select: none;
  user-select: none;
  background-image: linear-gradient(90deg, currentColor var(--value, 0), transparent var(--value, 0))
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
  background: #fff;
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(35, 41, 47, .2);
  height: 13px;
  position: relative;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  width: 13px;
  -webkit-appearance: none;
  margin-top: -4px
}

.plyr--full-ui input[type=range]::-moz-range-track {
  background: 0 0;
  border: 0;
  border-radius: 2.5px;
  height: 5px;
  -moz-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  user-select: none
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
  background: #fff;
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(35, 41, 47, .2);
  height: 13px;
  position: relative;
  -moz-transition: all .2s ease;
  transition: all .2s ease;
  width: 13px
}

.plyr--full-ui input[type=range]::-moz-range-progress {
  background: currentColor;
  border-radius: 2.5px;
  height: 5px
}

.plyr--full-ui input[type=range]::-ms-track {
  color: transparent
}

.plyr--full-ui input[type=range]::-ms-fill-upper,
.plyr--full-ui input[type=range]::-ms-track {
  background: 0 0;
  border: 0;
  border-radius: 2.5px;
  height: 5px;
  -ms-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  user-select: none
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
  background: 0 0;
  border: 0;
  border-radius: 2.5px;
  height: 5px;
  -ms-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  user-select: none;
  background: currentColor
}

.plyr--full-ui input[type=range]::-ms-thumb {
  background: #fff;
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(35, 41, 47, .2);
  height: 13px;
  position: relative;
  -ms-transition: all .2s ease;
  transition: all .2s ease;
  width: 13px;
  margin-top: 0
}

.plyr--full-ui input[type=range]::-ms-tooltip {
  display: none
}

.plyr--full-ui input[type=range]:focus {
  outline: 0
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
  border: 0
}

.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
  box-shadow: 0 0 0 5px rgba(0, 179, 255, .5);
  outline: 0
}

.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
  box-shadow: 0 0 0 5px rgba(0, 179, 255, .5);
  outline: 0
}

.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
  box-shadow: 0 0 0 5px rgba(0, 179, 255, .5);
  outline: 0
}

.plyr__poster {
  background-color: #000;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity .2s ease;
  width: 100%;
  z-index: 1
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1
}

.plyr__time {
  font-size: 14px
}

.plyr__time+.plyr__time:before {
  content: "\2044";
  margin-right: 10px
}

@media (max-width:767px) {
  .plyr__time+.plyr__time {
    display: none
  }
}

.plyr__tooltip {
  background: hsla(0, 0%, 100%, .9);
  border-radius: 3px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
  color: #4a5764;
  font-size: 14px;
  font-weight: 500;
  left: 50%;
  line-height: 1.3;
  margin-bottom: 10px;
  opacity: 0;
  padding: 5px 7.5px;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 10px) scale(.8);
  transform-origin: 50% 100%;
  transition: transform .2s ease .1s, opacity .2s ease .1s;
  white-space: nowrap;
  z-index: 2
}

.plyr__tooltip:before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid hsla(0, 0%, 100%, .9);
  bottom: -4px;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2
}

.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%) scale(1)
}

.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3
}

.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip,
.plyr__controls>.plyr__control:first-child .plyr__tooltip {
  left: 0;
  transform: translateY(10px) scale(.8);
  transform-origin: 0 100%
}

.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before,
.plyr__controls>.plyr__control:first-child .plyr__tooltip:before {
  left: 16px
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  transform: translateY(10px) scale(.8);
  transform-origin: 100% 100%
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip:before {
  left: auto;
  right: 16px;
  transform: translateX(50%)
}

.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,
.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
  transform: translate(0) scale(1)
}

.plyr__progress {
  left: 6.5px;
  margin-right: 13px;
  position: relative
}

.plyr__progress__buffer,
.plyr__progress input[type=range] {
  margin-left: -6.5px;
  margin-right: -6.5px;
  width: calc(100% + 13px)
}

.plyr__progress input[type=range] {
  position: relative;
  z-index: 2
}

.plyr__progress .plyr__tooltip {
  font-size: 14px;
  left: 0
}

.plyr__progress__buffer {
  -webkit-appearance: none;
  background: 0 0;
  border: 0;
  border-radius: 100px;
  height: 5px;
  left: 0;
  margin-top: -2.5px;
  padding: 0;
  position: absolute;
  top: 50%
}

.plyr__progress__buffer::-webkit-progress-bar {
  background: 0 0
}

.plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  -webkit-transition: width .2s ease;
  transition: width .2s ease
}

.plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  -moz-transition: width .2s ease;
  transition: width .2s ease
}

.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  -ms-transition: width .2s ease;
  transition: width .2s ease
}

.plyr--loading .plyr__progress__buffer {
  animation: plyr-progress 1s linear infinite;
  background-image: linear-gradient(-45deg, rgba(35, 41, 47, .6) 25%, transparent 0, transparent 50%, rgba(35, 41, 47, .6) 0, rgba(35, 41, 47, .6) 75%, transparent 0, transparent);
  background-repeat: repeat-x;
  background-size: 25px 25px;
  color: transparent
}

.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: hsla(0, 0%, 100%, .25)
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: rgba(193, 201, 209, .66)
}

.plyr__volume {
  align-items: center;
  display: flex;
  max-width: 110px;
  min-width: 80px;
  position: relative;
  width: 20%
}

.plyr__volume input[type=range] {
  margin-left: 5px;
  margin-right: 5px;
  position: relative;
  z-index: 2
}

.plyr--is-ios .plyr__volume {
  min-width: 0;
  width: auto
}

.plyr--audio {
  display: block
}

.plyr--audio .plyr__controls {
  background: #fff;
  border-radius: inherit;
  color: #4a5764;
  padding: 10px
}

.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
  background: #00b3ff;
  color: #fff
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
  background-color: rgba(193, 201, 209, .66)
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
  background-color: rgba(193, 201, 209, .66)
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
  background-color: rgba(193, 201, 209, .66)
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(35, 41, 47, .2), 0 0 0 3px rgba(0, 0, 0, .1)
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(35, 41, 47, .2), 0 0 0 3px rgba(0, 0, 0, .1)
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(35, 41, 47, .2), 0 0 0 3px rgba(0, 0, 0, .1)
}

.plyr--audio .plyr__progress__buffer {
  color: rgba(193, 201, 209, .66)
}

.plyr--video {
  background: #000;
  overflow: hidden
}

.plyr--video.plyr--menu-open {
  overflow: visible
}

.plyr__video-wrapper {
  background: #000;
  height: 100%;
  margin: auto;
  overflow: hidden;
  width: 100%
}

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
  height: 0;
  padding-bottom: 56.25%
}

.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
  border: 0;
  left: 0;
  position: absolute;
  top: 0
}

.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  transform: translateY(-38.28125%)
}

.plyr--video .plyr__controls {
  background: linear-gradient(transparent, rgba(0, 0, 0, .7));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: #fff;
  left: 0;
  padding: 20px 5px 5px;
  position: absolute;
  right: 0;
  transition: opacity .4s ease-in-out, transform .4s ease-in-out;
  z-index: 3
}

@media (min-width:480px) {
  .plyr--video .plyr__controls {
    padding: 35px 10px 10px
  }
}

.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%)
}

.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
  background: #00b3ff;
  color: #fff
}

.plyr__control--overlaid {
  background: rgba(0, 179, 255, .8);
  border: 0;
  border-radius: 100%;
  color: #fff;
  display: none;
  left: 50%;
  padding: 15px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2
}

.plyr__control--overlaid svg {
  left: 2px;
  position: relative
}

.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
  background: #00b3ff
}

.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
  background-color: hsla(0, 0%, 100%, .25)
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
  background-color: hsla(0, 0%, 100%, .25)
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
  background-color: hsla(0, 0%, 100%, .25)
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(35, 41, 47, .2), 0 0 0 3px hsla(0, 0%, 100%, .5)
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(35, 41, 47, .2), 0 0 0 3px hsla(0, 0%, 100%, .5)
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(35, 41, 47, .2), 0 0 0 3px hsla(0, 0%, 100%, .5)
}

.plyr--video .plyr__progress__buffer {
  color: hsla(0, 0%, 100%, .25)
}

.plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%
}

.plyr:fullscreen video {
  height: 100%
}

.plyr:fullscreen .plyr__video-wrapper {
  height: 100%;
  position: static
}

.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%)
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
  display: none
}

.plyr:fullscreen.plyr--hide-controls {
  cursor: none
}

@media (min-width:1024px) {

  .plyr:fullscreen .plyr__captions {
    font-size: 21px
  }
}

.plyr:-webkit-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%
}

.plyr:-webkit-full-screen video {
  height: 100%
}

.plyr:-webkit-full-screen .plyr__video-wrapper {
  height: 100%;
  position: static
}

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%)
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
  display: block
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg {
  display: none
}

.plyr:-webkit-full-screen.plyr--hide-controls {
  cursor: none
}

@media (min-width:1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px
  }
}

.plyr:-moz-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%
}

.plyr:-moz-full-screen video {
  height: 100%
}

.plyr:-moz-full-screen .plyr__video-wrapper {
  height: 100%;
  position: static
}

.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%)
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
  display: block
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg {
  display: none
}

.plyr:-moz-full-screen.plyr--hide-controls {
  cursor: none
}

@media (min-width:1024px) {
  .plyr:-moz-full-screen .plyr__captions {
    font-size: 21px
  }
}

.plyr:-ms-fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%
}

.plyr:-ms-fullscreen video {
  height: 100%
}

.plyr:-ms-fullscreen .plyr__video-wrapper {
  height: 100%;
  position: static
}

.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%)
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
  display: block
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg {
  display: none
}

.plyr:-ms-fullscreen.plyr--hide-controls {
  cursor: none
}

@media (min-width:1024px) {
  .plyr:-ms-fullscreen .plyr__captions {
    font-size: 21px
  }
}

.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
  bottom: 0;
  display: block;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000000
}

.plyr--fullscreen-fallback video {
  height: 100%
}

.plyr--fullscreen-fallback .plyr__video-wrapper {
  height: 100%;
  position: static
}

.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%)
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
  display: none
}

.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none
}

@media (min-width:1024px) {
  .plyr--fullscreen-fallback .plyr__captions {
    font-size: 21px
  }
}

.plyr__ads {
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1
}

.plyr__ads>div,
.plyr__ads>div iframe {
  height: 100%;
  position: absolute;
  width: 100%
}

.plyr__ads:after {
  background: rgba(35, 41, 47, .8);
  border-radius: 2px;
  bottom: 10px;
  color: #fff;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  z-index: 3
}

.plyr__ads:after:empty {
  display: none
}

.plyr__cues {
  background: currentColor;
  display: block;
  height: 5px;
  left: 0;
  margin: -2.5px 0 0;
  opacity: .8;
  position: absolute;
  top: 50%;
  width: 3px;
  z-index: 3
}

.plyr__preview-thumb {
  background-color: hsla(0, 0%, 100%, .9);
  border-radius: 3px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
  margin-bottom: 10px;
  opacity: 0;
  padding: 3px;
  pointer-events: none;
  position: absolute;
  transform: translateY(10px) scale(.8);
  transform-origin: 50% 100%;
  transition: transform .2s ease .1s, opacity .2s ease .1s;
  z-index: 2
}

.plyr__preview-thumb--is-shown {
  opacity: 1;
  transform: translate(0) scale(1)
}

.plyr__preview-thumb:before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid hsla(0, 0%, 100%, .9);
  bottom: -4px;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2
}

.plyr__preview-thumb__image-container {
  background: #c1c9d1;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
  z-index: 0
}

.plyr__preview-thumb__image-container img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  position: absolute;
  top: 0;
  width: 100%
}

.plyr__preview-thumb__time-container {
  bottom: 6px;
  left: 0;
  position: absolute;
  right: 0;
  white-space: nowrap;
  z-index: 3
}

.plyr__preview-thumb__time-container span {
  background-color: rgba(0, 0, 0, .55);
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
  padding: 3px 6px
}

.plyr__preview-scrubbing {
  bottom: 0;
  filter: blur(1px);
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity .3s ease;
  width: 100%;
  z-index: 1
}

.plyr__preview-scrubbing--is-shown {
  opacity: 1
}

.plyr__preview-scrubbing img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

.plyr--no-transition {
  transition: none !important
}

.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  border: 0 !important;
  height: 1px !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important
}

.plyr [hidden] {
  display: none !important
}

/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/assets/css/swiper.min.css?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************/
/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 10, 2017
 */
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{touch-action:pan-y}.swiper-wp8-vertical{touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;transition:.3s;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/assets/css/theme.css?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* open-sans-300 - latin */

* {
  box-sizing: border-box;
}

.ui-widget {
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  text-decoration: none;
}

.ui-corner-all {
  border-radius: 3px;
}

.ui-corner-top {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.ui-corner-bottom {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.md-drppicker .calendar {
  max-width: 320px !important;
  margin: 4px;
}
.ui-corner-left {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.ui-corner-right {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

a {
  color: #007ad9;
  text-decoration: none;
}

a:hover {
  color: #116fbf;
}

a:active {
  color: #005b9f;
}

.ui-helper-reset {
  line-height: normal;
}

.ui-state-disabled,
.ui-widget:disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.pi {
  font-size: 1.25em;
}

.ui-inputtext {
  color: #333333;
  background: #ffffff;
  padding: 0.429em;
  border: 1px solid #a6a6a6;
  transition: border-color 0.2s;
  -webkit-appearance: none;
  appearance: none;
}

/* 
.ui-inputtext:enabled:hover:not(.ui-state-error) {
  border-color: #212121;
}

.ui-inputtext:enabled:focus:not(.ui-state-error) {
  border-color: #007ad9;
  outline: 0 none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
} */

.ui-chkbox {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  width: 20px;
  height: 20px;
}

.ui-chkbox .ui-chkbox-box {
  border: 1px solid #a6a6a6;
  background-color: #ffffff;
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 3px;
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):hover {
  border-color: #212121;
}

.ui-chkbox .ui-chkbox-box.ui-state-focus {
  border-color: #007ad9;
  background-color: #ffffff;
  color: #007ad9;
  box-shadow: 0 0 0 0.2em #8dcdff;
}

.ui-chkbox .ui-chkbox-box.ui-state-active {
  border-color: #007ad9;
  background-color: #007ad9;
  color: #ffffff;
}

.ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled):hover {
  border-color: #005b9f;
  background-color: #005b9f;
  color: #ffffff;
}

.ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-focus {
  border-color: #007ad9;
  background-color: #007ad9;
  color: #ffffff;
}

.ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
  overflow: hidden;
  position: relative;
  font-size: 18px;
}

.ui-chkbox-label {
  margin: 0 0 0 0.5em;
}

.ui-radiobutton {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  width: 20px;
  height: 20px;
}

.ui-radiobutton .ui-radiobutton-box {
  border: 1px solid #a6a6a6;
  background-color: #ffffff;
  width: 20px;
  height: 20px;
  text-align: center;
  position: relative;
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 50%;
}

.ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active):hover {
  border-color: #212121;
}

.ui-radiobutton .ui-radiobutton-box.ui-state-focus {
  border-color: #007ad9;
  background-color: #ffffff;
  color: #007ad9;
  box-shadow: 0 0 0 0.2em #8dcdff;
}

.ui-radiobutton .ui-radiobutton-box.ui-state-active {
  border-color: #007ad9;
  background-color: #007ad9;
  color: #ffffff;
}

.ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon {
  background-color: #ffffff;
}

.ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled):hover {
  border-color: #005b9f;
  background-color: #005b9f;
  color: #ffffff;
}

.ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-focus {
  border-color: #007ad9;
  background-color: #007ad9;
  color: #ffffff;
}

.ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
  background: transparent;
  width: 10px;
  height: 10px;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -5px;
  margin-top: -5px;
  transition: background-color 0.2s;
  border-radius: 50%;
}

.ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before {
  display: none;
}

.ui-radiobutton-label {
  margin: 0 0 0 0.5em;
}

.ui-inputswitch {
  width: 3em;
  height: 1.75em;
}

.ui-inputswitch .ui-inputswitch-slider {
  transition: background-color 0.2s;
  border-radius: 30px;
  background: #cccccc;
}

.ui-inputswitch .ui-inputswitch-slider:before {
  background-color: #ffffff;
  height: 1.25em;
  width: 1.25em;
  left: 0.25em;
  bottom: 0.25em;
  border-radius: 50%;
  transition: 0.2s;
}

.ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-slider:before {
  transform: translateX(1.25em);
}

.ui-inputswitch.ui-inputswitch-focus .ui-inputswitch-slider {
  background: #b7b7b7;
}

.ui-inputswitch:not(.ui-state-disabled):hover .ui-inputswitch-slider {
  background-color: #b7b7b7;
}

.ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-slider {
  background-color: #007ad9;
}

.ui-inputswitch.ui-inputswitch-checked:not(.ui-state-disabled):hover .ui-inputswitch-slider {
  background-color: #116fbf;
}

.ui-inputswitch.ui-inputswitch-checked.ui-inputswitch-focus .ui-inputswitch-slider {
  background: #005b9f;
}

.ui-autocomplete .ui-autocomplete-input {
  padding: 0.429em;
}

.ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container:not(.ui-state-disabled):hover {
  border-color: #212121;
}

.ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container:not(.ui-state-disabled).ui-state-focus {
  border-color: #007ad9;
  outline: 0 none;
  box-shadow: none;
}

.ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-input-token {
  margin: 0;
  padding: 0;
  color: #333333;
}

.ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-input-token input {
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  padding: 0;
  margin: 0;
}

.ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-token {
  padding: 0.2145em 0.429em;
  margin: 0 0.286em 0 0;
  background: #007ad9;
  color: #ffffff;
}

.ui-autocomplete-panel {
  padding: 0;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.ui-autocomplete-panel .ui-autocomplete-items {
  padding: 0;
}

.ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-list-item {
  margin: 0;
  padding: 0.429em 0.857em;
  border: 0 none;
  color: #333333;
  background-color: transparent;
  border-radius: 0;
}

.ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-list-item.ui-state-highlight {
  color: #ffffff;
  background-color: #007ad9;
}

.ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-group {
  padding: 0.429em 0.857em;
  background-color: #d8dae2;
  color: #333333;
}

.ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button {
  width: 2.357em;
}

.ui-fluid .ui-autocomplete.ui-autocomplete-multiple.ui-autocomplete-dd .ui-autocomplete-multiple-container {
  border-right: 0 none;
  width: calc(100% - 2.357em);
}

.ui-fluid .ui-autocomplete.ui-autocomplete-dd .ui-inputtext {
  border-right: 0 none;
  width: calc(100% - 2.357em);
}

.ui-chips > ul.ui-inputtext {
  padding: 0.2145em 0.429em;
  display: inline-block;
}

.ui-chips > ul.ui-inputtext:not(.ui-state-disabled):hover {
  border-color: #212121;
}

.ui-chips > ul.ui-inputtext:not(.ui-state-disabled).ui-state-focus {
  border-color: #007ad9;
  outline: 0 none;
  box-shadow: none;
}

.ui-chips > ul.ui-inputtext .ui-chips-input-token {
  padding: 0.2145em 0;
}

.ui-chips > ul.ui-inputtext .ui-chips-input-token input {
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  padding: 0;
  margin: 0;
  color: #333333;
}

.ui-chips > ul.ui-inputtext .ui-chips-input-token input:hover {
  border: 0 none;
}

.ui-chips > ul.ui-inputtext .ui-chips-input-token input:focus {
  border: 0 none;
}

.ui-chips > ul.ui-inputtext .ui-chips-token {
  padding: 0.2145em 0.429em;
  margin: 0 0.286em 0 0;
  background: #007ad9;
  color: #ffffff;
}

.ui-dropdown {
  background: #ffffff;
  border: 1px solid #a6a6a6;
  transition: border-color 0.2s;
}

.ui-dropdown:not(.ui-state-disabled):hover {
  border-color: #212121;
}

.ui-dropdown:not(.ui-state-disabled).ui-state-focus {
  border-color: #007ad9;
  outline: 0 none;
  box-shadow: none;
}

.ui-dropdown .ui-dropdown-label {
  padding-right: 2em;
}

.ui-dropdown .ui-dropdown-trigger {
  background-color: #ffffff;
  width: 2em;
  line-height: 2em;
  text-align: center;
  padding: 0;
  color: #848484;
}

.ui-dropdown .ui-dropdown-clear-icon {
  color: #848484;
}

.ui-dropdown.ui-dropdown-clearable .ui-dropdown-label {
  padding-right: 4em;
}

.ui-dropdown-panel {
  padding: 0;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.ui-dropdown-panel .ui-dropdown-filter-container {
  padding: 0.429em 0.857em 0.429em 0.857em;
  border-bottom: 1px solid #eaeaea;
  color: #333333;
  background-color: #ffffff;
  margin: 0;
}

.ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter {
  width: 100%;
  padding-right: 2em;
}

.ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter-icon {
  top: 50%;
  margin-top: -0.5em;
  right: 1.357em;
  color: #007ad9;
}

.ui-dropdown-panel .ui-dropdown-items {
  padding: 0;
}

.ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item,
.ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item-group {
  margin: 0;
  padding: 0.429em 0.857em;
  border: 0 none;
  color: #333333;
  background-color: transparent;
  border-radius: 0;
}

.ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item.ui-state-highlight,
.ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item-group.ui-state-highlight {
  color: #ffffff;
  background-color: #eeefff;
}

.ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item:not(.ui-state-highlight):not(.ui-state-disabled):hover,
.ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item-group:not(.ui-state-highlight):not(.ui-state-disabled):hover {
  color: #333333;
  background-color: #eaeaea;
}

.ui-multiselect {
  background: #ffffff;
  border: 1px solid #a6a6a6;
  transition: border-color 0.2s;
}

.ui-multiselect:not(.ui-state-disabled):hover {
  border-color: #212121;
}

.ui-multiselect:not(.ui-state-disabled).ui-state-focus {
  border-color: #007ad9;
  outline: 0 none;
  box-shadow: none;
}

.ui-multiselect .ui-multiselect-label {
  padding: 0.429em;
  padding-right: 2em;
  color: #333333;
}

.ui-multiselect .ui-multiselect-trigger {
  background-color: #ffffff;
  width: 2em;
  line-height: 2em;
  text-align: center;
  padding: 0;
  color: #848484;
}

.ui-multiselect-panel {
  padding: 0;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.ui-multiselect-panel .ui-multiselect-header {
  padding: 0.429em 0.857em 0.429em 0.857em;
  border-bottom: 1px solid #eaeaea;
  color: #333333;
  background-color: #ffffff;
  margin: 0;
}

.ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container {
  float: none;
  width: 70%;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0;
}

.ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container .ui-inputtext {
  padding: 0.429em;
  padding-right: 2em;
}

.ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container .ui-multiselect-filter-icon {
  color: #007ad9;
  top: 50%;
  margin-top: -0.5em;
  right: 0.5em;
  left: auto;
}

.ui-multiselect-panel .ui-multiselect-header .ui-chkbox {
  margin-right: 0.5em;
  float: none;
  vertical-align: middle;
}

.ui-multiselect-panel .ui-multiselect-header .ui-multiselect-close {
  color: #848484;
  top: 50%;
  margin-top: -0.5em;
  transition: color 0.2s;
}

.ui-multiselect-panel .ui-multiselect-header .ui-multiselect-close:hover {
  color: #333333;
}

.ui-multiselect-panel .ui-multiselect-items {
  padding: 0;
}

.ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item {
  margin: 0;
  padding: 0.429em 0.857em;
  border: 0 none;
  color: #333333;
  background-color: transparent;
  border-radius: 0;
}

.ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-highlight {
  color: #ffffff;
  background-color: #007ad9;
}

.ui-multiselect-panel
  .ui-multiselect-items
  .ui-multiselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
  color: #333333;
  background-color: #eaeaea;
}

.ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-disabled .ui-chkbox-box {
  cursor: auto;
}

.ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-disabled .ui-chkbox-box:hover {
  border: 1px solid #a6a6a6;
}

.ui-multiselect-panel
  .ui-multiselect-items
  .ui-multiselect-item.ui-state-disabled
  .ui-chkbox-box.ui-state-active:hover {
  border-color: #007ad9;
}

.ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item .ui-chkbox {
  position: static;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.5em 0 0;
}

.ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item label {
  display: inline-block;
  vertical-align: middle;
}

.ui-listbox {
  padding: 0;
  min-width: 12em;
  background: #ffffff;
  border: 1px solid #a6a6a6;
}

.ui-listbox .ui-chkbox {
  margin: 0 0.5em 0 0;
}

.ui-listbox .ui-listbox-header {
  padding: 0.429em 0.857em 0.429em 0.857em;
  border-bottom: 1px solid #eaeaea;
  color: #333333;
  background-color: #ffffff;
  margin: 0;
}

.ui-listbox .ui-listbox-header .ui-listbox-filter-container {
  width: calc(100% - (0.857em + 0.857em + 0.5em));
}

.ui-listbox .ui-listbox-header .ui-listbox-filter-container input {
  padding: 0.429em;
  padding-right: 2em;
}

.ui-listbox .ui-listbox-header .ui-listbox-filter-container .ui-listbox-filter-icon {
  top: 50%;
  left: auto;
  margin-top: -0.5em;
  right: 0.5em;
  color: #007ad9;
}

.ui-listbox .ui-listbox-list {
  background-color: #ffffff;
}

.ui-listbox .ui-listbox-list .ui-listbox-item {
  margin: 0;
  padding: 0.429em 0.857em;
  border: 0 none;
  color: #333333;
  background-color: transparent;
  border-radius: 0;
}

.ui-listbox .ui-listbox-list .ui-listbox-item.ui-state-highlight {
  color: #ffffff;
  background-color: #007ad9;
}

.ui-listbox .ui-listbox-list .ui-listbox-item .ui-chkbox {
  position: static;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.5em 0 0;
}

.ui-listbox .ui-listbox-list .ui-listbox-item label {
  display: inline-block;
  vertical-align: middle;
}

.ui-listbox:not(.ui-state-disabled) .ui-listbox-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
  color: #333333;
  background-color: #eaeaea;
}

.ui-listbox.ui-state-disabled .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active):hover {
  border: 1px solid #a6a6a6;
}

.ui-listbox .ui-listbox-footer {
  padding: 0.429em 0.857em 0.429em 0.857em;
  border-top: 1px solid #eaeaea;
  color: #333333;
  background-color: #ffffff;
}

.ui-editor-container .ui-editor-toolbar {
  border: 1px solid #c8c8c8;
  background-color: #f4f4f4;
}

.ui-editor-container .ui-editor-content {
  border: 1px solid #c8c8c8;
}

.ui-editor-container .ui-editor-content .ql-editor {
  background-color: #ffffff;
  color: #333333;
}

.ui-editor-container .ql-picker.ql-expanded .ql-picker-label {
  color: #333333;
}

.ui-editor-container .ql-stroke {
  stroke: #333333;
}

.ui-editor-container .ql-picker-label {
  color: #333333;
}

.ui-editor-container .ql-snow.ql-toolbar button:hover,
.ui-editor-container .ql-snow .ql-toolbar button:hover,
.ui-editor-container .ql-snow.ql-toolbar button.ql-active,
.ui-editor-container .ql-snow .ql-toolbar button.ql-active,
.ui-editor-container .ql-snow.ql-toolbar .ql-picker-label:hover,
.ui-editor-container .ql-snow .ql-toolbar .ql-picker-label:hover,
.ui-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ui-editor-container .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ui-editor-container .ql-snow.ql-toolbar .ql-picker-item:hover,
.ui-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover,
.ui-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ui-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #007ad9;
}

.ui-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
.ui-editor-container .ql-snow .ql-toolbar button:hover .ql-stroke,
.ui-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ui-editor-container .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ui-editor-container .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ui-editor-container .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ui-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ui-editor-container .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ui-editor-container .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ui-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ui-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ui-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ui-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ui-editor-container .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ui-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ui-editor-container .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ui-editor-container .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ui-editor-container .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ui-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ui-editor-container .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ui-editor-container .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ui-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ui-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ui-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #007ad9;
}

.ui-rating a {
  text-align: center;
  display: inline-block;
  color: #333333;
  transition: color 0.2s;
}

.ui-rating a.ui-rating-cancel {
  color: #e4018d;
}

.ui-rating a .ui-rating-icon {
  font-size: 20px;
}

.ui-rating:not(.ui-state-disabled):not(.ui-rating-readonly) a:hover {
  color: #007ad9;
}

.ui-rating:not(.ui-state-disabled):not(.ui-rating-readonly) a.ui-rating-cancel:hover {
  color: #b5019f;
}

.ui-spinner .ui-spinner-input {
  padding-right: 2.429em;
}

.ui-spinner .ui-spinner-button {
  width: 2em;
}

.ui-spinner .ui-spinner-button.ui-spinner-up {
  border-top-right-radius: 3px;
}

.ui-spinner .ui-spinner-button.ui-spinner-down {
  border-bottom-right-radius: 3px;
}

.ui-spinner .ui-spinner-button .ui-spinner-button-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  width: 1em;
}

.ui-fluid .ui-spinner .ui-spinner-input {
  padding-right: 2.429em;
}

.ui-fluid .ui-spinner .ui-spinner-button {
  width: 2em;
}

.ui-fluid .ui-spinner .ui-spinner-button .ui-spinner-button-icon {
  left: 50%;
}

.ui-slider {
  background-color: #c8c8c8;
  border: 0 none;
}

.ui-slider.ui-slider-horizontal {
  height: 0.286em;
}

.ui-slider.ui-slider-horizontal .ui-slider-handle {
  top: 50%;
  margin-top: -0.5715em;
}

.ui-slider.ui-slider-vertical {
  width: 0.286em;
}

.ui-slider.ui-slider-vertical .ui-slider-handle {
  left: 50%;
  margin-left: -0.5715em;
}

.ui-slider .ui-slider-handle {
  height: 1.143em;
  width: 1.143em;
  background-color: #ffffff;
  border: 2px solid #666666;
  border-radius: 100%;
  transition: border-color 0.2s;
}

.ui-slider .ui-slider-range {
  background-color: #007ad9;
}

.ui-slider:not(.ui-state-disabled) .ui-slider-handle:hover {
  background-color: 2px solid #666666;
  border: 2px solid #007ad9;
}

.ui-datepicker {
  padding: 0.857em;
  min-width: 20em;
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #a6a6a6;
}

.ui-datepicker:not(.ui-datepicker-inline) {
  border: 1px solid #c8c8c8;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-prev:hover,
.ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-next:hover {
  color: #007ad9;
}

.ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-prev:focus,
.ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-next:focus {
  outline: 0 none;
  color: #007ad9;
}

.ui-datepicker:not(.ui-state-disabled) table td a:not(.ui-state-active):not(.ui-state-highlight):hover {
  background-color: #eaeaea;
}

.ui-datepicker:not(.ui-state-disabled) .ui-monthpicker a.ui-monthpicker-month:not(.ui-state-active):hover {
  background-color: #eaeaea;
}

.ui-datepicker .ui-datepicker-header {
  padding: 0.429em 0.857em 0.429em 0.857em;
  background-color: #ffffff;
  color: #333333;
  border-radius: 0;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  cursor: pointer;
  top: 0;
  color: #a6a6a6;
  transition: color 0.2s;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  margin: 0;
  padding: 0;
  line-height: 1;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
  margin-top: -0.35em;
  margin-bottom: 0;
}

.ui-datepicker table {
  margin: 0.857em 0 0 0;
}

.ui-datepicker table th {
  padding: 0.5em;
}

.ui-datepicker table th.ui-datepicker-weekheader {
  border-right: 1px solid #a6a6a6;
}

.ui-datepicker table td {
  padding: 0.5em;
}

.ui-datepicker table td > a,
.ui-datepicker table td > span {
  display: block;
  text-align: center;
  color: #333333;
  padding: 0.5em;
  border-radius: 3px;
}

.ui-datepicker table td > a.ui-state-active,
.ui-datepicker table td > span.ui-state-active {
  color: #ffffff;
  background-color: #007ad9;
}

.ui-datepicker table td > a {
  cursor: pointer;
}

.ui-datepicker table td.ui-datepicker-today > a,
.ui-datepicker table td.ui-datepicker-today > span {
  background-color: #d0d0d0;
  color: #333333;
}

.ui-datepicker table td.ui-datepicker-today > a.ui-state-active,
.ui-datepicker table td.ui-datepicker-today > span.ui-state-active {
  color: #ffffff;
  background-color: #007ad9;
}

.ui-datepicker table td.ui-datepicker-weeknumber {
  border-right: 1px solid #a6a6a6;
}

.ui-datepicker .ui-datepicker-buttonbar {
  border-top: 1px solid #d8dae2;
}

.ui-datepicker .ui-timepicker {
  border: 0 none;
  border-top: 1px solid #d8dae2;
  padding: 0.857em;
}

.ui-datepicker .ui-timepicker a {
  color: #333333;
  font-size: 1.286em;
}

.ui-datepicker .ui-timepicker a:hover {
  color: #007ad9;
}

.ui-datepicker .ui-timepicker span {
  font-size: 1.286em;
}

.ui-datepicker .ui-monthpicker .ui-monthpicker-month {
  color: #333333;
}

.ui-datepicker .ui-monthpicker .ui-monthpicker-month.ui-state-active {
  color: #ffffff;
  background-color: #007ad9;
}

.ui-datepicker.ui-datepicker-timeonly {
  padding: 0;
}

.ui-datepicker.ui-datepicker-timeonly .ui-timepicker {
  border-top: 0 none;
}

.ui-datepicker.ui-datepicker-multiple-month .ui-datepicker-group {
  border-right: 1px solid #d8dae2;
  padding-right: 0.857em;
  padding-left: 0.857em;
  padding-top: 0;
  padding-bottom: 0;
}

.ui-datepicker.ui-datepicker-multiple-month .ui-datepicker-group:first-child {
  padding-left: 0;
}

.ui-datepicker.ui-datepicker-multiple-month .ui-datepicker-group:last-child {
  padding-right: 0;
  border-right: 0 none;
}

.ui-calendar.ui-calendar-w-btn .ui-inputtext {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0 none;
}

.ui-calendar.ui-calendar-w-btn .ui-inputtext:enabled:hover:not(.ui-state-error),
.ui-calendar.ui-calendar-w-btn .ui-inputtext:enabled:focus:not(.ui-state-error) {
  border-right: 0 none;
}

.ui-calendar.ui-calendar-w-btn .ui-datepicker-trigger.ui-button {
  width: 2.357em;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ui-fluid .ui-calendar.ui-calendar-w-btn input.ui-inputtext {
  width: calc(100% - 2.357em);
}

.ui-fileupload .ui-fileupload-buttonbar {
  background-color: #f4f4f4;
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  color: #333333;
  border-bottom: 0 none;
}

.ui-fileupload .ui-fileupload-buttonbar .ui-button {
  margin-right: 8px;
}

.ui-fileupload .ui-fileupload-content {
  background-color: #ffffff;
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  color: #333333;
}

.ui-fileupload .ui-progressbar {
  top: 0;
}

.ui-fileupload-choose:not(.ui-state-disabled):hover {
  background-color: #116fbf;
  color: #ffffff;
  border-color: #116fbf;
}

.ui-fileupload-choose:not(.ui-state-disabled):active {
  background-color: #005b9f;
  color: #ffffff;
  border-color: #005b9f;
}

.ui-fileupload-choose.ui-state-focus {
  outline: 0 none;
  outline-offset: 0px;
}

.ui-password-panel {
  padding: 12px;
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.ui-inputgroup .ui-inputgroup-addon {
  border-color: #a6a6a6;
  background-color: #eaeaea;
  color: #848484;
  padding: 0.429em;
  min-width: 2em;
}

.ui-inputgroup .ui-inputgroup-addon:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.ui-inputgroup .ui-inputgroup-addon:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-checkbox {
  position: relative;
}

.ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-checkbox .ui-chkbox {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
}

.ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-radiobutton {
  position: relative;
}

.ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-radiobutton .ui-radiobutton {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
}

.ui-inputgroup .ui-button:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.ui-inputgroup .ui-button:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.ui-fluid .ui-inputgroup .ui-button {
  width: auto;
}

.ui-fluid .ui-inputgroup .ui-button.ui-button-icon-only {
  width: 2.357em;
}

::-webkit-input-placeholder {
  color: #666666;
}

:-moz-placeholder {
  color: #666666;
}

::-moz-placeholder {
  color: #666666;
}

:-ms-input-placeholder {
  color: #666666;
}

.ui-inputtext.ng-dirty.ng-invalid,
p-dropdown.ng-dirty.ng-invalid > .ui-dropdown,
p-autocomplete.ng-dirty.ng-invalid > .ui-autocomplete > .ui-inputtext,
p-calendar.ng-dirty.ng-invalid > .ui-calendar > .ui-inputtext,
p-chips.ng-dirty.ng-invalid > .ui-inputtext,
p-inputmask.ng-dirty.ng-invalid > .ui-inputtext,
p-checkbox.ng-dirty.ng-invalid .ui-chkbox-box,
p-radiobutton.ng-dirty.ng-invalid .ui-radiobutton-box,
p-inputswitch.ng-dirty.ng-invalid .ui-inputswitch,
p-listbox.ng-dirty.ng-invalid .ui-inputtext,
p-multiselect.ng-dirty.ng-invalid > .ui-multiselect,
p-spinner.ng-dirty.ng-invalid > .ui-inputtext,
p-selectbutton.ng-dirty.ng-invalid .ui-button,
p-togglebutton.ng-dirty.ng-invalid .ui-button {
  border: 1px solid #a80000;
}

.ui-button {
  margin: 0;
  color: #ffffff;
  background-color: #007ad9;
  border: 1px solid #007ad9;
  transition: background-color 0.2s, box-shadow 0.2s;
}

.ui-button:enabled:hover {
  background-color: #116fbf;
  color: #ffffff;
  border-color: #116fbf;
}

.ui-button:enabled:focus {
  outline: 0 none;
  outline-offset: 0px;
  box-shadow: 0 0 0 0.2em #8dcdff;
}

.ui-button:enabled:active {
  background-color: #005b9f;
  color: #ffffff;
  border-color: #005b9f;
}

.ui-button.ui-button-text-only .ui-button-text {
  padding: 0.429em 1em;
}

.ui-button.ui-button-text-icon-left .ui-button-text {
  padding: 0.429em 1em 0.429em 2em;
}

.ui-button.ui-button-text-icon-right .ui-button-text {
  padding: 0.429em 2em 0.429em 1em;
}

.ui-button.ui-button-icon-only {
  width: 2.357em;
}

.ui-button.ui-button-icon-only .ui-button-text {
  padding: 0.429em;
}

.ui-button.ui-button-raised {
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
}

.ui-button.ui-button-rounded {
  border-radius: 15px;
}

.ui-fluid .ui-button-icon-only {
  width: 2.357em;
}

.ui-togglebutton {
  background-color: #dadada;
  border: 1px solid #dadada;
  color: #333333;
  transition: background-color 0.2s, box-shadow 0.2s;
}

.ui-togglebutton .ui-button-icon-left {
  color: #666666;
}

.ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active):hover {
  background-color: #c8c8c8;
  border-color: #c8c8c8;
  color: #333333;
}

.ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active):hover .ui-button-icon-left {
  color: #212121;
}

.ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus {
  background-color: #c8c8c8;
  border-color: #c8c8c8;
  color: #333333;
  outline: 0 none;
}

.ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus .ui-button-icon-left {
  color: #212121;
}

.ui-togglebutton.ui-state-active {
  background-color: #007ad9;
  border-color: #007ad9;
  color: #ffffff;
}

.ui-togglebutton.ui-state-active .ui-button-icon-left {
  color: #ffffff;
}

.ui-togglebutton.ui-state-active:hover {
  background-color: #116fbf;
  border-color: #116fbf;
  color: #ffffff;
}

.ui-togglebutton.ui-state-active:hover .ui-button-icon-left {
  color: #ffffff;
}

.ui-togglebutton.ui-state-active.ui-state-focus {
  background-color: #005b9f;
  border-color: #005b9f;
  color: #ffffff;
}

.ui-togglebutton.ui-state-active.ui-state-focus .ui-button-icon-left {
  color: #ffffff;
}

.ui-selectbutton .ui-button {
  background-color: #dadada;
  border: 1px solid #dadada;
  color: #333333;
  transition: background-color 0.2s, box-shadow 0.2s;
}

.ui-selectbutton .ui-button .ui-button-icon-left {
  color: #666666;
}

.ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover {
  background-color: #c8c8c8;
  border-color: #c8c8c8;
  color: #333333;
}

.ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover .ui-button-icon-left {
  color: #212121;
}

.ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus {
  background-color: #c8c8c8;
  border-color: #c8c8c8;
  color: #333333;
  outline: 0 none;
}

.ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus .ui-button-icon-left {
  color: #212121;
}

.ui-selectbutton .ui-button.ui-state-active {
  background-color: #007ad9;
  border-color: #007ad9;
  color: #ffffff;
}

.ui-selectbutton .ui-button.ui-state-active .ui-button-icon-left {
  color: #ffffff;
}

.ui-selectbutton .ui-button.ui-state-active:not(.ui-state-disabled):hover {
  background-color: #116fbf;
  border-color: #116fbf;
  color: #ffffff;
}

.ui-selectbutton .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-button-icon-left {
  color: #ffffff;
}

.ui-selectbutton .ui-button.ui-state-active.ui-state-focus {
  background-color: #005b9f;
  border-color: #005b9f;
  color: #ffffff;
}

.ui-selectbutton .ui-button.ui-state-active.ui-state-focus .ui-button-icon-left {
  color: #ffffff;
}

.ui-selectbutton .ui-button:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.ui-selectbutton .ui-button:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

@media (max-width: 640px) {
  .ui-buttonset:not(.ui-splitbutton) .ui-button {
    margin-bottom: 1px;
    border-radius: 3px;
  }
}

.ui-splitbutton.ui-buttonset .ui-button {
  border: 1px solid transparent;
}

.ui-splitbutton.ui-buttonset .ui-menu {
  min-width: 100%;
}

.ui-button.ui-state-default.ui-button-secondary,
.ui-buttonset.ui-button-secondary > .ui-button.ui-state-default {
  color: #333333;
  background-color: #f4f4f4;
  border: 1px solid #f4f4f4;
}

.ui-button.ui-state-default.ui-button-secondary:enabled:hover,
.ui-buttonset.ui-button-secondary > .ui-button.ui-state-default:enabled:hover {
  background-color: #c8c8c8;
  color: #333333;
  border-color: #c8c8c8;
}

.ui-button.ui-state-default.ui-button-secondary:enabled:focus,
.ui-buttonset.ui-button-secondary > .ui-button.ui-state-default:enabled:focus {
  box-shadow: 0 0 0 0.2em #8dcdff;
}

.ui-button.ui-state-default.ui-button-secondary:enabled:active,
.ui-buttonset.ui-button-secondary > .ui-button.ui-state-default:enabled:active {
  background-color: #a0a0a0;
  color: #333333;
  border-color: #a0a0a0;
}

.ui-button.ui-state-default.ui-button-info,
.ui-buttonset.ui-button-info > .ui-button.ui-state-default {
  color: #ffffff;
  background-color: #007ad9;
  border: 1px solid #007ad9;
}

.ui-button.ui-state-default.ui-button-info:enabled:hover,
.ui-buttonset.ui-button-info > .ui-button.ui-state-default:enabled:hover {
  background-color: #116fbf;
  color: #ffffff;
  border-color: #116fbf;
}

.ui-button.ui-state-default.ui-button-info:enabled:focus,
.ui-buttonset.ui-button-info > .ui-button.ui-state-default:enabled:focus {
  box-shadow: 0 0 0 0.2em #8dcdff;
}

.ui-button.ui-state-default.ui-button-info:enabled:active,
.ui-buttonset.ui-button-info > .ui-button.ui-state-default:enabled:active {
  background-color: #005b9f;
  color: #ffffff;
  border-color: #005b9f;
}

.ui-button.ui-state-default.ui-button-success,
.ui-buttonset.ui-button-success > .ui-button.ui-state-default {
  color: #ffffff;
  background-color: #34a835;
  border: 1px solid #34a835;
}

.ui-button.ui-state-default.ui-button-success:enabled:hover,
.ui-buttonset.ui-button-success > .ui-button.ui-state-default:enabled:hover {
  background-color: #107d11;
  color: #ffffff;
  border-color: #107d11;
}

.ui-button.ui-state-default.ui-button-success:enabled:focus,
.ui-buttonset.ui-button-success > .ui-button.ui-state-default:enabled:focus {
  box-shadow: 0 0 0 0.2em #aae5aa;
}

.ui-button.ui-state-default.ui-button-success:enabled:active,
.ui-buttonset.ui-button-success > .ui-button.ui-state-default:enabled:active {
  background-color: #0c6b0d;
  color: #ffffff;
  border-color: #0c6b0d;
}

.ui-button.ui-state-default.ui-button-warning,
.ui-buttonset.ui-button-warning > .ui-button.ui-state-default {
  color: #333333;
  background-color: #ffba01;
  border: 1px solid #ffba01;
}

.ui-button.ui-state-default.ui-button-warning:enabled:hover,
.ui-buttonset.ui-button-warning > .ui-button.ui-state-default:enabled:hover {
  background-color: #ed990b;
  color: #333333;
  border-color: #ed990b;
}

.ui-button.ui-state-default.ui-button-warning:enabled:focus,
.ui-buttonset.ui-button-warning > .ui-button.ui-state-default:enabled:focus {
  box-shadow: 0 0 0 0.2em #ffeab4;
}

.ui-button.ui-state-default.ui-button-warning:enabled:active,
.ui-buttonset.ui-button-warning > .ui-button.ui-state-default:enabled:active {
  background-color: #d38b10;
  color: #333333;
  border-color: #d38b10;
}

.ui-button.ui-state-default.ui-button-danger,
.ui-buttonset.ui-button-danger > .ui-button.ui-state-default {
  color: #ffffff;
  background-color: #e91224;
  border: 1px solid #e91224;
}

.ui-button.ui-state-default.ui-button-danger:enabled:hover,
.ui-buttonset.ui-button-danger > .ui-button.ui-state-default:enabled:hover {
  background-color: #c01120;
  color: #ffffff;
  border-color: #c01120;
}

.ui-button.ui-state-default.ui-button-danger:enabled:focus,
.ui-buttonset.ui-button-danger > .ui-button.ui-state-default:enabled:focus {
  box-shadow: 0 0 0 0.2em #f9b4ba;
}

.ui-button.ui-state-default.ui-button-danger:enabled:active,
.ui-buttonset.ui-button-danger > .ui-button.ui-state-default:enabled:active {
  background-color: #a90000;
  color: #ffffff;
  border-color: #a90000;
}

.ui-widget-content p {
  line-height: 1.5;
  margin: 0;
}

.ui-panel {
  padding: 0;
  border: 0 none;
}

.ui-panel .ui-panel-titlebar {
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  background-color: #f4f4f4;
  color: #333333;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ui-panel .ui-panel-titlebar .ui-panel-title {
  vertical-align: middle;
  font-weight: 700;
}

.ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon {
  margin: 0;
  position: relative;
  color: #848484;
  border: 1px solid transparent;
  transition: color 0.2s;
}

.ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover {
  color: #333333;
}

.ui-panel .ui-panel-content {
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
  border-top: 0 none;
}

.ui-panel .ui-panel-footer {
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  border-top: 0 none;
  margin: 0;
}

.ui-fieldset {
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
}

.ui-fieldset .ui-fieldset-legend a {
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  color: #333333;
  background-color: #f4f4f4;
  border-radius: 3px;
  transition: background-color 0.2s;
}

.ui-fieldset .ui-fieldset-legend a .ui-fieldset-toggler {
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;
  color: #848484;
}

.ui-fieldset .ui-fieldset-legend a .ui-fieldset-legend-text {
  padding: 0;
}

.ui-fieldset.ui-fieldset-toggleable .ui-fieldset-legend a:hover {
  background-color: #dbdbdb;
  border: 1px solid #dbdbdb;
  color: #333333;
}

.ui-fieldset.ui-fieldset-toggleable .ui-fieldset-legend a:hover .ui-fieldset-toggler {
  color: #333333;
}

.ui-fieldset .ui-fieldset-content {
  padding: 0;
}

/* 
.ui-accordion .ui-accordion-header {
  margin-bottom: 2px;
}

.ui-accordion .ui-accordion-header a {
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  color: #333333;
  background-color: #f4f4f4;
  color: #333333;
  font-weight: 700;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.ui-accordion .ui-accordion-header a .ui-accordion-toggle-icon {
  color: #848484;
}

.ui-accordion .ui-accordion-header:not(.ui-state-active):not(.ui-state-disabled):hover a {
  background-color: #dbdbdb;
  border: 1px solid #dbdbdb;
  color: #333333;
}

.ui-accordion .ui-accordion-header:not(.ui-state-active):not(.ui-state-disabled):hover a .ui-accordion-toggle-icon {
  color: #333333;
}

.ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active a {
  background-color: #007ad9;
  border: 1px solid #007ad9;
  color: #ffffff;
}

.ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active a .ui-accordion-toggle-icon {
  color: #ffffff;
}

.ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active:hover a {
  border: 1px solid #005b9f;
  background-color: #005b9f;
  color: #ffffff;
}

.ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active:hover a .ui-accordion-toggle-icon {
  color: #ffffff;
} */

.ui-accordion .ui-accordion-content {
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
}

.ui-tabview.ui-tabview-top,
.ui-tabview.ui-tabview-bottom,
.ui-tabview.ui-tabview-left,
.ui-tabview.ui-tabview-right {
  border: 0 none;
}

.ui-tabview.ui-tabview-top .ui-tabview-nav,
.ui-tabview.ui-tabview-bottom .ui-tabview-nav,
.ui-tabview.ui-tabview-left .ui-tabview-nav,
.ui-tabview.ui-tabview-right .ui-tabview-nav {
  padding: 0;
  background: transparent;
  border: 0 none;
}

.ui-tabview.ui-tabview-top .ui-tabview-nav li,
.ui-tabview.ui-tabview-bottom .ui-tabview-nav li,
.ui-tabview.ui-tabview-left .ui-tabview-nav li,
.ui-tabview.ui-tabview-right .ui-tabview-nav li {
  border: 1px solid #c8c8c8;
  background-color: #f4f4f4;
  transition: background-color 0.2s;
}

.ui-tabview.ui-tabview-top .ui-tabview-nav li a,
.ui-tabview.ui-tabview-bottom .ui-tabview-nav li a,
.ui-tabview.ui-tabview-left .ui-tabview-nav li a,
.ui-tabview.ui-tabview-right .ui-tabview-nav li a {
  float: none;
  display: inline-block;
  color: #333333;
  padding: 0.571em 1em;
  font-weight: 700;
}

.ui-tabview.ui-tabview-top .ui-tabview-nav li a .ui-tabview-left-icon,
.ui-tabview.ui-tabview-bottom .ui-tabview-nav li a .ui-tabview-left-icon,
.ui-tabview.ui-tabview-left .ui-tabview-nav li a .ui-tabview-left-icon,
.ui-tabview.ui-tabview-right .ui-tabview-nav li a .ui-tabview-left-icon {
  margin-right: 0.5em;
}

.ui-tabview.ui-tabview-top .ui-tabview-nav li a .ui-tabview-right-icon,
.ui-tabview.ui-tabview-bottom .ui-tabview-nav li a .ui-tabview-right-icon,
.ui-tabview.ui-tabview-left .ui-tabview-nav li a .ui-tabview-right-icon,
.ui-tabview.ui-tabview-right .ui-tabview-nav li a .ui-tabview-right-icon {
  margin-left: 0.5em;
}

.ui-tabview.ui-tabview-top .ui-tabview-nav li .ui-tabview-close,
.ui-tabview.ui-tabview-bottom .ui-tabview-nav li .ui-tabview-close,
.ui-tabview.ui-tabview-left .ui-tabview-nav li .ui-tabview-close,
.ui-tabview.ui-tabview-right .ui-tabview-nav li .ui-tabview-close {
  color: #848484;
  margin: 0 0.5em 0 0;
  vertical-align: middle;
}

.ui-tabview.ui-tabview-top .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover,
.ui-tabview.ui-tabview-bottom .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover,
.ui-tabview.ui-tabview-left .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover,
.ui-tabview.ui-tabview-right .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover {
  background-color: #dbdbdb;
  border: 1px solid #dbdbdb;
}

.ui-tabview.ui-tabview-top .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a,
.ui-tabview.ui-tabview-bottom .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a,
.ui-tabview.ui-tabview-left .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a,
.ui-tabview.ui-tabview-right .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a {
  color: #333333;
}

.ui-tabview.ui-tabview-top .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .ui-tabview-close,
.ui-tabview.ui-tabview-bottom .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .ui-tabview-close,
.ui-tabview.ui-tabview-left .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .ui-tabview-close,
.ui-tabview.ui-tabview-right .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .ui-tabview-close {
  color: #333333;
}

.ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active,
.ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active,
.ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active,
.ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active {
  background-color: #007ad9;
  border: 1px solid #007ad9;
}

.ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active a,
.ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active a,
.ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active a,
.ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active a {
  color: #ffffff;
}

.ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active .ui-tabview-close,
.ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active .ui-tabview-close,
.ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active .ui-tabview-close,
.ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active .ui-tabview-close {
  color: #ffffff;
}

.ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover,
.ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active:hover,
.ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active:hover,
.ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:hover {
  border: 1px solid #005b9f;
  background-color: #005b9f;
}

.ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover a,
.ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active:hover a,
.ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active:hover a,
.ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:hover a {
  color: #ffffff;
}

.ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-left-icon,
.ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-right-icon,
.ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-left-icon,
.ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-right-icon,
.ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-left-icon,
.ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-right-icon,
.ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-left-icon,
.ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-right-icon {
  color: #ffffff;
}

.ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-tabview-selected a,
.ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-tabview-selected a,
.ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-tabview-selected a,
.ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-tabview-selected a {
  cursor: pointer;
}

.ui-tabview.ui-tabview-top .ui-tabview-nav {
  margin-bottom: -1px;
}

.ui-tabview.ui-tabview-top .ui-tabview-nav li {
  margin-right: 2px;
}

.ui-tabview.ui-tabview-bottom .ui-tabview-nav {
  margin-top: -1px;
}

.ui-tabview.ui-tabview-bottom .ui-tabview-nav li {
  margin-right: 2px;
}

.ui-tabview.ui-tabview-left .ui-tabview-nav {
  margin-right: -px;
}

.ui-tabview.ui-tabview-left .ui-tabview-nav li {
  margin-bottom: 2px;
}

.ui-tabview.ui-tabview-right .ui-tabview-nav {
  margin-right: -1px;
}

.ui-tabview.ui-tabview-right .ui-tabview-nav li {
  margin-bottom: 2px;
}

.ui-tabview .ui-tabview-panels {
  background-color: #ffffff;
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  color: #333333;
}

.ui-tabview .ui-tabview-panels .ui-tabview-panel {
  padding: 0;
}

.ui-toolbar {
  background-color: #f4f4f4;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
}

.ui-toolbar button {
  vertical-align: middle;
}

.ui-toolbar .ui-toolbar-separator {
  vertical-align: middle;
  color: #848484;
  margin: 0 0.5em;
}

.ui-card {
  background-color: #ffffff;
  color: #333333;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}

.ui-paginator {
  background-color: #f4f4f4;
  border: 1px solid #c8c8c8;
  padding: 0;
}

.ui-paginator .ui-paginator-first,
.ui-paginator .ui-paginator-prev,
.ui-paginator .ui-paginator-next,
.ui-paginator .ui-paginator-last {
  color: #848484;
  height: 2.286em;
  min-width: 2.286em;
  border: 0 none;
  line-height: 2.286em;
  padding: 0;
  margin: 0;
  vertical-align: top;
  border-radius: 0;
}

.ui-paginator .ui-paginator-first:not(.ui-state-disabled):not(.ui-state-active):hover,
.ui-paginator .ui-paginator-prev:not(.ui-state-disabled):not(.ui-state-active):hover,
.ui-paginator .ui-paginator-next:not(.ui-state-disabled):not(.ui-state-active):hover,
.ui-paginator .ui-paginator-last:not(.ui-state-disabled):not(.ui-state-active):hover {
  background-color: #e0e0e0;
  color: #333333;
}

.ui-paginator .ui-paginator-current {
  color: #848484;
  height: 2.286em;
  min-width: 2.286em;
  line-height: 2.286em;
}

.ui-paginator .ui-dropdown {
  border: 0 none;
}

.ui-paginator .ui-dropdown .ui-dropdown-trigger,
.ui-paginator .ui-dropdown .ui-dropdown-label {
  color: #848484;
}

.ui-paginator .ui-dropdown:hover .ui-dropdown-trigger,
.ui-paginator .ui-dropdown:hover .ui-dropdown-label {
  color: #333333;
}

.ui-paginator .ui-paginator-first:before {
  position: relative;
  top: 1px;
}

.ui-paginator .ui-paginator-prev:before {
  position: relative;
}

.ui-paginator .ui-paginator-next:before {
  position: relative;
  top: 1px;
}

.ui-paginator .ui-paginator-last:before {
  position: relative;
  top: 1px;
}

.ui-paginator .ui-paginator-pages {
  vertical-align: top;
  display: inline-block;
  padding: 0;
}

.ui-paginator .ui-paginator-pages .ui-paginator-page {
  color: #848484;
  height: 2.286em;
  min-width: 2.286em;
  border: 0 none;
  line-height: 2.286em;
  padding: 0;
  margin: 0;
  vertical-align: top;
  border-radius: 0;
}

.ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
  background-color: #007ad9;
  color: #ffffff;
}

.ui-paginator .ui-paginator-pages .ui-paginator-page:not(.ui-state-active):hover {
  background-color: #e0e0e0;
  color: #333333;
}

.ui-paginator .ui-dropdown {
  margin-left: 0.5em;
  height: 2.286em;
  min-width: auto;
}

.ui-table .ui-table-caption,
.ui-table .ui-table-summary {
  background-color: #f4f4f4;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  text-align: center;
}

.ui-table .ui-table-caption {
  border-bottom: 0 none;
  font-weight: 700;
}

.ui-table .ui-table-summary {
  border-top: 0 none;
  font-weight: 700;
}

.ui-table .ui-table-thead > tr > th {
  padding: 0.571em 0.857em;
  /* border: 1px solid #c8c8c8; */
  font-weight: 700;
  color: #0a0a5f;
  background-color : white;
  height: 32px;
}

.ui-table .ui-table-tbody > tr > td {
  padding: 0.571em 0.857em;
}

.ui-table .ui-table-tfoot > tr > td {
  padding: 0.571em 0.857em;
  border: 1px solid #c8c8c8;
  font-weight: 700;
  color: #333333;
  background-color: #ffffff;
}

.ui-table .ui-sortable-column .ui-sortable-column-icon {
  color: #848484;
}

.ui-table .ui-sortable-column:not(.ui-state-highlight):hover {
  background-color: #e0e0e0;
  color: #333333;
}

.ui-table .ui-sortable-column:not(.ui-state-highlight):hover .ui-sortable-column-icon {
  color: #333333;
}

.ui-table .ui-sortable-column.ui-state-highlight {
  background-color: #007ad9;
  color: #ffffff;
}

.ui-table .ui-sortable-column.ui-state-highlight .ui-sortable-column-icon {
  color: #ffffff;
}

.ui-table .ui-editable-column input {
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
}

.ui-table .ui-editable-column input:focus {
  outline: 1px solid #007ad9;
  outline-offset: 2px;
}

.ui-table .ui-table-tbody > tr {
  background-color: #e8ecf8;
  color: #333333;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  height: 32px;

}

.ui-table .ui-table-tbody > tr > td {
  background-color: inherit;
  /* border: 1px solid #c8c8c8; */
}

.ui-table .ui-table-tbody > tr.ui-state-highlight {
  background-color: #007ad9;
  color: #ffffff;
}

.ui-table .ui-table-tbody > tr.ui-state-highlight a {
  color: #ffffff;
}

.ui-table .ui-table-tbody > tr.ui-contextmenu-selected {
  background-color: #007ad9;
  color: #ffffff;
}

.ui-table .ui-table-tbody > tr.ui-table-dragpoint-bottom > td {
  box-shadow: inset 0 -2px 0 0 #007ad9;
}

.ui-table .ui-table-tbody > tr:nth-child(even) {
  background-color : white;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  height: 32px;
}

.ui-table .ui-table-tbody > tr:nth-child(even).ui-state-highlight {
  background-color: #007ad9;
  color: #ffffff;
}

.ui-table .ui-table-tbody > tr:nth-child(even).ui-state-highlight a {
  color: #ffffff;
}

.ui-table .ui-table-tbody > tr:nth-child(even).ui-contextmenu-selected {
  background-color: #007ad9;
  color: #ffffff;
}

.ui-table.ui-table-hoverable-rows
  .ui-table-tbody
  > tr.ui-selectable-row:not(.ui-state-highlight):not(.ui-contextmenu-selected):hover {
  cursor: pointer;
  background-color: #eaeaea;
  color: #333333;
}

.ui-table .ui-column-resizer-helper {
  background-color: #007ad9;
}

@media screen and (max-width: 40em) {
  .ui-table.ui-table-responsive .ui-paginator-top {
    border-bottom: 1px solid #c8c8c8;
  }

  .ui-table.ui-table-responsive .ui-paginator-bottom {
    border-top: 1px solid #c8c8c8;
  }

  .ui-table.ui-table-responsive .ui-table-tbody > tr > td {
    border: 0 none;
  }
}

.ui-datagrid .ui-datagrid-header {
  background-color: #f4f4f4;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  font-weight: 700;
  border-bottom: 0 none;
}

.ui-datagrid .ui-datagrid-content {
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
}

.ui-datagrid .ui-datagrid-footer {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  border-top: 0 none;
}

.ui-datalist .ui-datalist-header {
  background-color: #f4f4f4;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  font-weight: 700;
  border-bottom: 0 none;
}

.ui-datalist .ui-datalist-content {
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
}

.ui-datalist .ui-datalist-footer {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  border-top: 0 none;
}

.ui-datascroller .ui-datascroller-header {
  background-color: #f4f4f4;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  font-weight: 700;
  border-bottom: 0 none;
}

.ui-datascroller .ui-datascroller-content {
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
}

.ui-datascroller .ui-datascroller-footer {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  border-top: 0 none;
}

.ui-virtualscroller .ui-virtualscroller-header {
  background-color: #f4f4f4;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  font-weight: 700;
  border-bottom: 0 none;
}

.ui-virtualscroller .ui-virtualscroller-content {
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
}

.ui-virtualscroller .ui-virtualscroller-content .ui-virtualscroller-list li {
  border-bottom: 1px solid #c8c8c8;
}

.ui-virtualscroller .ui-virtualscroller-footer {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  border-top: 0 none;
}

.ui-dataview .ui-dataview-header {
  background-color: #f4f4f4;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  font-weight: 700;
  border-bottom: 0 none;
}

.ui-dataview .ui-dataview-content {
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
}

.ui-dataview .ui-dataview-footer {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  border-top: 0 none;
}

.fc th {
  background-color: #f4f4f4;
  border: 1px solid #c8c8c8;
  color: #333333;
  padding: 0.571em 1em;
}

.fc td.ui-widget-content {
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  color: #333333;
}

.fc td.fc-head-container {
  border: 1px solid #c8c8c8;
}

.fc .fc-row {
  border-right: 1px solid #c8c8c8;
}

.fc .fc-event {
  background-color: #116fbf;
  border: 1px solid #116fbf;
  color: #ffffff;
}

.fc .fc-toolbar .fc-button {
  color: #ffffff;
  background-color: #007ad9;
  border: 1px solid #007ad9;
  transition: background-color 0.2s, box-shadow 0.2s;
  border-radius: 3px;
}

.fc .fc-toolbar .fc-button:enabled:hover {
  background-color: #116fbf;
  color: #ffffff;
  border-color: #116fbf;
}

.fc .fc-toolbar .fc-button .fc-icon-chevron-left {
  font-family: "PrimeIcons" !important;
  text-indent: 0;
}

.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
  content: "";
}

.fc .fc-toolbar .fc-button .fc-icon-chevron-right {
  font-family: "PrimeIcons" !important;
  text-indent: 0;
}

.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
  content: "";
}

.fc .fc-toolbar .fc-button:focus {
  outline: 0 none;
  outline-offset: 0px;
  box-shadow: 0 0 0 0.2em #8dcdff;
}

.fc .fc-toolbar .fc-button-group .fc-button {
  border-radius: 0;
}

.fc .fc-toolbar .fc-button-group .fc-button:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.fc .fc-toolbar .fc-button-group .fc-button:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.fc .fc-divider {
  background-color: #f4f4f4;
  border: 1px solid #c8c8c8;
}

.ui-fluid .fc .fc-toolbar .fc-button {
  width: auto;
}

.ui-picklist .ui-picklist-buttons button {
  font-size: 16px;
}

.ui-picklist .ui-picklist-caption {
  background-color: #f4f4f4;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  font-weight: 700;
  border-bottom: 0 none;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.ui-picklist .ui-picklist-filter-container {
  padding: 0.429em 0.857em 0.429em 0.857em;
  border: 1px solid #c8c8c8;
  color: #333333;
  background-color: #ffffff;
  margin: 0;
  border-bottom: 0 none;
}

.ui-picklist .ui-picklist-filter-container input.ui-picklist-filter {
  width: 100%;
  padding-right: 2em;
  text-indent: 0;
}

.ui-picklist .ui-picklist-filter-container .ui-picklist-filter-icon {
  top: 50%;
  margin-top: -0.5em;
  left: auto;
  right: 1.357em;
  color: #007ad9;
}

.ui-picklist .ui-picklist-buttons {
  padding: 0.571em 1em;
}

.ui-picklist .ui-picklist-list {
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0;
}

.ui-picklist .ui-picklist-list .ui-picklist-item {
  padding: 0.429em 0.857em;
  margin: 0;
  border: 0 none;
  color: #333333;
  background-color: transparent;
}

.ui-picklist .ui-picklist-list .ui-picklist-item:not(.ui-state-highlight):hover {
  background-color: #eaeaea;
  color: #333333;
}

.ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight {
  background-color: #007ad9;
  color: #ffffff;
}

.ui-picklist .ui-picklist-list .ui-picklist-droppoint-highlight {
  background-color: #007ad9;
}

@media (max-width: 40em) {
  .ui-picklist.ui-picklist-responsive .ui-picklist-buttons {
    padding: 0.571em 1em;
  }
}

.ui-orderlist .ui-orderlist-controls {
  padding: 0.571em 1em;
}

.ui-orderlist .ui-orderlist-controls button {
  font-size: 16px;
}

.ui-orderlist .ui-orderlist-caption {
  background-color: #f4f4f4;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  font-weight: 700;
  border-bottom: 0 none;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.ui-orderlist .ui-orderlist-filter-container {
  padding: 0.429em 0.857em 0.429em 0.857em;
  border: 1px solid #c8c8c8;
  color: #333333;
  background-color: #ffffff;
  margin: 0;
  border-bottom: 0 none;
}

.ui-orderlist .ui-orderlist-filter-container input.ui-inputtext {
  width: 100%;
  padding-right: 2em;
  text-indent: 0;
}

.ui-orderlist .ui-orderlist-filter-container .ui-orderlist-filter-icon {
  top: 50%;
  margin-top: -0.5em;
  left: auto;
  right: 1.357em;
  color: #007ad9;
}

.ui-orderlist .ui-orderlist-list {
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0;
}

.ui-orderlist .ui-orderlist-list .ui-orderlist-item {
  padding: 0.429em 0.857em;
  margin: 0;
  border: 0 none;
  color: #333333;
  background-color: transparent;
}

.ui-orderlist .ui-orderlist-list .ui-orderlist-item:not(.ui-state-highlight):hover {
  background-color: #eaeaea;
  color: #333333;
}

.ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight {
  background-color: #007ad9;
  color: #ffffff;
}

.ui-orderlist .ui-orderlist-list .ui-orderlist-droppoint-highlight {
  background-color: #007ad9;
}

.ui-tree {
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
}

.ui-tree .ui-tree-container {
  padding: 0.286em;
  margin: 0;
}

.ui-tree .ui-tree-container .ui-treenode {
  padding: 0.143em 0;
}

.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content {
  padding: 0;
  border: 1px solid transparent;
}

.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler {
  vertical-align: middle;
  display: inline-block;
  float: none;
  margin: 0 0.143em 0 0;
  color: #848484;
}

.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon {
  vertical-align: middle;
  display: inline-block;
  margin: 0 0.143em 0 0;
  color: #848484;
}

.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label {
  margin: 0;
  vertical-align: middle;
  display: inline-block;
  padding: 0.286em;
}

.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight {
  background-color: #007ad9;
  color: #ffffff;
}

.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox {
  margin: 0 0.5em 0 0;
}

.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-chkbox-icon {
  margin: 1px 0 0 0;
}

.ui-tree
  .ui-tree-container
  .ui-treenode
  .ui-treenode-content.ui-treenode-selectable
  .ui-treenode-label:not(.ui-state-highlight):hover {
  background-color: #eaeaea;
  color: #333333;
}

.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content > span {
  line-height: inherit;
}

.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-dragover {
  background-color: #eaeaea;
  color: #333333;
}

.ui-tree .ui-tree-container .ui-treenode-droppoint.ui-treenode-droppoint-active {
  background-color: #007ad9;
}

.ui-tree.ui-tree-horizontal {
  padding-left: 0;
  padding-right: 0;
}

.ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content {
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
}

.ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content.ui-state-highlight {
  background-color: #007ad9;
  color: #ffffff;
}

.ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon {
  color: #007ad9;
}

.ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content .ui-treenode-label:not(.ui-state-highlight):hover {
  background-color: inherit;
  color: inherit;
}

.ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover {
  background-color: #eaeaea;
  color: #333333;
}

.ui-tree .ui-tree-filter-container .ui-tree-filter {
  width: 100%;
  padding-right: 2em;
}

.ui-tree .ui-tree-filter-container .ui-tree-filter-icon {
  top: 50%;
  left: auto;
  margin-top: -0.5em;
  right: 0.8em;
  color: #007ad9;
}

.ui-organizationchart
  .ui-organizationchart-node-content.ui-organizationchart-selectable-node:not(.ui-state-highlight):hover {
  background-color: #eaeaea;
  color: #333333;
}

.ui-organizationchart .ui-organizationchart-node-content.ui-state-highlight {
  background-color: #007ad9;
  color: #ffffff;
}

.ui-organizationchart .ui-organizationchart-node-content.ui-state-highlight .ui-node-toggler i {
  color: #00325a;
}

.ui-organizationchart .ui-organizationchart-line-down {
  background-color: #c8c8c8;
}

.ui-organizationchart .ui-organizationchart-line-left {
  border-right: 1px solid #c8c8c8;
  border-color: #c8c8c8;
}

.ui-organizationchart .ui-organizationchart-line-top {
  border-top: 1px solid #c8c8c8;
  border-color: #c8c8c8;
}

.ui-organizationchart .ui-organizationchart-node-content {
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
}

.ui-organizationchart .ui-organizationchart-node-content .ui-node-toggler {
  bottom: -0.7em;
  margin-left: -0.46em;
  color: #848484;
}

.ui-carousel {
  padding: 0;
}

.ui-carousel .ui-carousel-header {
  background-color: #f4f4f4;
  color: #333333;
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  margin: 0;
  font-weight: 700;
}

.ui-carousel .ui-carousel-header .ui-carousel-header-title {
  padding: 0;
}

.ui-carousel .ui-carousel-viewport {
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0;
}

.ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item {
  border: 1px solid #c8c8c8;
}

.ui-carousel .ui-carousel-footer {
  background-color: #f4f4f4;
  color: #333333;
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  margin: 0;
}

.ui-carousel .ui-carousel-button {
  color: #848484;
  transition: color 0.2s;
}

.ui-carousel .ui-carousel-button.ui-carousel-next-button:before {
  content: "";
}

.ui-carousel .ui-carousel-button.ui-carousel-prev-button:before {
  content: "";
}

.ui-carousel .ui-carousel-button:not(.ui-state-disabled):hover {
  color: #333333;
}

.ui-carousel .ui-carousel-page-links {
  margin: 0.125em 0.5em;
}

.ui-carousel .ui-carousel-page-links .ui-carousel-page-link {
  color: #848484;
  transition: color 0.2s;
}

.ui-carousel .ui-carousel-page-links .ui-carousel-page-link:hover {
  color: #333333;
}

.ui-treetable .ui-treetable-caption,
.ui-treetable .ui-treetable-summary {
  background-color: #f4f4f4;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  text-align: center;
}

.ui-treetable .ui-treetable-caption {
  border-bottom: 0 none;
  font-weight: 700;
}

.ui-treetable .ui-treetable-summary {
  border-top: 0 none;
  font-weight: 700;
}

.ui-treetable .ui-treetable-thead > tr > th {
  padding: 0.571em 0.857em;
  border: 1px solid #c8c8c8;
  font-weight: 700;
  color: #333333;
  background-color: #f4f4f4;
}

.ui-treetable .ui-treetable-tbody > tr > td {
  padding: 0.571em 0.857em;
}

.ui-treetable .ui-treetable-tfoot > tr > td {
  padding: 0.571em 0.857em;
  border: 1px solid #c8c8c8;
  font-weight: 700;
  color: #333333;
  background-color: #ffffff;
}

.ui-treetable .ui-sortable-column .ui-sortable-column-icon {
  color: #848484;
}

.ui-treetable .ui-sortable-column:not(.ui-state-highlight):hover {
  background-color: #e0e0e0;
  color: #333333;
}

.ui-treetable .ui-sortable-column:not(.ui-state-highlight):hover .ui-sortable-column-icon {
  color: #333333;
}

.ui-treetable .ui-sortable-column.ui-state-highlight {
  background-color: #007ad9;
  color: #ffffff;
}

.ui-treetable .ui-sortable-column.ui-state-highlight .ui-sortable-column-icon {
  color: #ffffff;
}

.ui-treetable .ui-editable-column input {
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
}

.ui-treetable .ui-editable-column input:focus {
  outline: 1px solid #007ad9;
  outline-offset: 2px;
}

.ui-treetable .ui-treetable-tbody > tr {
  background-color: #ffffff;
  color: #333333;
}

.ui-treetable .ui-treetable-tbody > tr > td {
  background-color: inherit;
  border: 1px solid #c8c8c8;
}

.ui-treetable .ui-treetable-tbody > tr > td .ui-treetable-toggler {
  color: #848484;
  vertical-align: middle;
}

.ui-treetable .ui-treetable-tbody > tr > td .ui-treetable-chkbox {
  vertical-align: middle;
  margin-right: 0.5em;
}

.ui-treetable .ui-treetable-tbody > tr.ui-state-highlight {
  background-color: #007ad9;
  color: #ffffff;
}

.ui-treetable .ui-treetable-tbody > tr.ui-state-highlight > td {
  background-color: inherit;
  border: 1px solid #c8c8c8;
}

.ui-treetable .ui-treetable-tbody > tr.ui-state-highlight > td .ui-treetable-toggler {
  color: #ffffff;
}

.ui-treetable .ui-treetable-tbody > tr.ui-contextmenu-selected {
  background-color: #007ad9;
  color: #ffffff;
}

.ui-treetable .ui-treetable-tbody > tr.ui-contextmenu-selected > td {
  background-color: inherit;
  border: 1px solid #c8c8c8;
}

.ui-treetable .ui-treetable-tbody > tr.ui-contextmenu-selected > td .ui-treetable-toggler {
  color: #ffffff;
}

.ui-treetable.ui-treetable-hoverable-rows
  .ui-treetable-tbody
  > tr:not(.ui-state-highlight):not(.ui-contextmenu-selected):hover {
  cursor: pointer;
  background-color: #eaeaea;
  color: #333333;
}

.ui-treetable .ui-column-resizer-helper {
  background-color: #007ad9;
}

.ui-messages {
  padding: 1em;
  margin: 1em 0;
}

.ui-messages.ui-messages-info {
  background-color: #7fbcec;
  border: 0 none;
  color: #212121;
}

.ui-messages.ui-messages-info .ui-messages-icon {
  color: #212121;
}

.ui-messages.ui-messages-info .ui-messages-close {
  color: #212121;
}

.ui-messages.ui-messages-success {
  background-color: #b7d8b7;
  border: 0 none;
  color: #212121;
}

.ui-messages.ui-messages-success .ui-messages-icon {
  color: #212121;
}

.ui-messages.ui-messages-success .ui-messages-close {
  color: #212121;
}

.ui-messages.ui-messages-warn {
  background-color: #ffe399;
  border: 0 none;
  color: #212121;
}

.ui-messages.ui-messages-warn .ui-messages-icon {
  color: #212121;
}

.ui-messages.ui-messages-warn .ui-messages-close {
  color: #212121;
}

.ui-messages.ui-messages-error {
  background-color: #f8b7bd;
  border: 0 none;
  color: #212121;
}

.ui-messages.ui-messages-error .ui-messages-icon {
  color: #212121;
}

.ui-messages.ui-messages-error .ui-messages-close {
  color: #212121;
}

.ui-messages .ui-messages-close {
  top: 0.25em;
  right: 0.5em;
  font-size: 1.5em;
}

.ui-messages .ui-messages-icon {
  font-size: 2em;
}

.ui-message {
  padding: 0.429em;
  margin: 0;
}

.ui-message.ui-message-info {
  background-color: #7fbcec;
  border: 0 none;
  color: #212121;
}

.ui-message.ui-message-info .ui-message-icon {
  color: #212121;
}

.ui-message.ui-message-success {
  background-color: #b7d8b7;
  border: 0 none;
  color: #212121;
}

.ui-message.ui-message-success .ui-message-icon {
  color: #212121;
}

.ui-message.ui-message-warn {
  background-color: #ffe399;
  border: 0 none;
  color: #212121;
}

.ui-message.ui-message-warn .ui-message-icon {
  color: #212121;
}

.ui-message.ui-message-error {
  background-color: #f8b7bd;
  border: 0 none;
  color: #212121;
}

.ui-message.ui-message-error .ui-message-icon {
  color: #212121;
}

.ui-message .ui-message-icon {
  font-size: 1.25em;
}

.ui-message .ui-message-text {
  font-size: 1em;
}

.ui-growl {
  top: 70px;
}

.ui-growl .ui-growl-item-container {
  margin: 0 0 1em 0;
  opacity: 0.9;
  filter: alpha(opacity=90);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.ui-growl .ui-growl-item-container .ui-growl-item {
  padding: 1em;
}

.ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-message {
  margin: 0 0 0 4em;
}

.ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-image {
  font-size: 2.571em;
}

.ui-growl .ui-growl-item-container.ui-growl-message-info {
  background-color: #7fbcec;
  border: 0 none;
  color: #212121;
}

.ui-growl .ui-growl-item-container.ui-growl-message-info .ui-growl-image {
  color: #212121;
}

.ui-growl .ui-growl-item-container.ui-growl-message-success {
  background-color: #b7d8b7;
  border: 0 none;
  color: #212121;
}

.ui-growl .ui-growl-item-container.ui-growl-message-success .ui-growl-image {
  color: #212121;
}

.ui-growl .ui-growl-item-container.ui-growl-message-warn {
  background-color: #ffe399;
  border: 0 none;
  color: #212121;
}

.ui-growl .ui-growl-item-container.ui-growl-message-warn .ui-growl-image {
  color: #212121;
}

.ui-growl .ui-growl-item-container.ui-growl-message-error {
  background-color: #f8b7bd;
  border: 0 none;
  color: #212121;
}

.ui-growl .ui-growl-item-container.ui-growl-message-error .ui-growl-image {
  color: #212121;
}

.ui-toast .ui-toast-message {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  margin: 0 0 1em 0;
}

.ui-toast .ui-toast-message.ui-toast-message-info {
  background-color: #7fbcec;
  border: 0 none;
  color: #212121;
}

.ui-toast .ui-toast-message.ui-toast-message-info .ui-toast-close-icon {
  color: #212121;
}

.ui-toast .ui-toast-message.ui-toast-message-success {
  background-color: #b7d8b7;
  border: 0 none;
  color: #212121;
}

.ui-toast .ui-toast-message.ui-toast-message-success .ui-toast-close-icon {
  color: #212121;
}

.ui-toast .ui-toast-message.ui-toast-message-warn {
  background-color: #ffe399;
  border: 0 none;
  color: #212121;
}

.ui-toast .ui-toast-message.ui-toast-message-warn .ui-toast-close-icon {
  color: #212121;
}

.ui-toast .ui-toast-message.ui-toast-message-error {
  background-color: #f8b7bd;
  border: 0 none;
  color: #212121;
}

.ui-toast .ui-toast-message.ui-toast-message-error .ui-toast-close-icon {
  color: #212121;
}

.ui-widget-overlay {
  background-color: rgba(0, 0, 0, 0.4);
}

.ui-overlaypanel {
  background-color: #ffffff;
  color: #333333;
  padding: 0;
  border: 1px solid #c8c8c8;
  border-radius: 0;
}

.ui-overlaypanel .ui-overlaypanel-content {
  padding: 0.571em 1em;
}

.ui-overlaypanel .ui-overlaypanel-close {
  background-color: #007ad9;
  color: #ffffff;
  width: 1.538em;
  height: 1.538em;
  line-height: 1.538em;
  text-align: center;
  position: absolute;
  top: -0.769em;
  right: -0.769em;
  transition: background-color 0.2s;
}

.ui-overlaypanel .ui-overlaypanel-close:hover {
  background-color: #005b9f;
  color: #ffffff;
}

.ui-overlaypanel .ui-overlaypanel-close .ui-overlaypanel-close-icon {
  line-height: inherit;
}

.ui-overlaypanel:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
}

.ui-overlaypanel:before {
  border-color: rgba(200, 200, 200, 0);
  border-bottom-color: #c8c8c8;
}

.ui-overlaypanel.ui-overlaypanel-flipped:after {
  border-top-color: #ffffff;
}

.ui-overlaypanel.ui-overlaypanel-flipped:before {
  border-top-color: #c8c8c8;
}

.ui-dialog {
  padding: 0;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}

.ui-dialog .ui-dialog-titlebar {
  border: 1px solid #c8c8c8;
  background-color: #f4f4f4;
  color: #333333;
  padding: 1em;
  font-weight: 700;
  border-bottom: 0 none;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  margin: 0;
  float: none;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
  color: #848484;
  border: 0 none;
  padding: 0;
  margin-left: 0.5em;
  transition: color 0.2s;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover {
  color: #333333;
}

.ui-dialog .ui-dialog-content {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
}

.ui-dialog .ui-dialog-footer {
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
  margin: 0;
  text-align: right;
  position: relative;
  top: -1px;
}

.ui-dialog .ui-dialog-footer button {
  margin: 0 0.5em 0 0;
  width: auto;
}

.ui-dialog.ui-confirm-dialog .ui-dialog-content {
  padding: 1.5em;
}

.ui-dialog.ui-confirm-dialog .ui-dialog-content > span {
  float: none;
  display: inline-block;
  vertical-align: middle;
  line-height: 14px;
  margin: 0;
}

.ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon {
  margin-right: 0.35em;
  font-size: 16px;
}

.ui-sidebar {
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}

.ui-sidebar .ui-sidebar-close {
  color: #848484;
}

.ui-sidebar .ui-sidebar-close:hover {
  color: #333333;
}

.ui-tooltip .ui-tooltip-text {
  background-color: #333333;
  color: #ffffff;
  padding: 0.429em;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}

.ui-tooltip.ui-tooltip-right .ui-tooltip-arrow {
  border-right-color: #333333;
}

.ui-tooltip.ui-tooltip-left .ui-tooltip-arrow {
  border-left-color: #333333;
}

.ui-tooltip.ui-tooltip-top .ui-tooltip-arrow {
  border-top-color: #333333;
}

.ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow {
  border-bottom-color: #333333;
}

.ui-lightbox {
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}

.ui-lightbox .ui-lightbox-caption {
  border: 1px solid #c8c8c8;
  background-color: #f4f4f4;
  color: #333333;
  padding: 0.571em 1em;
  font-weight: 700;
}

.ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text {
  color: #333333;
  margin: 0;
}

.ui-lightbox .ui-lightbox-caption .ui-lightbox-close {
  padding: 0;
  color: #848484;
  transition: color 0.2s;
}

.ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover {
  color: #333333;
}

.ui-lightbox .ui-lightbox-content-wrapper {
  overflow: hidden;
  background-color: #ffffff;
  color: #333333;
  border: 0 none;
  padding: 0;
  border-radius: 0;
}

.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left,
.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right {
  transition: all 0.2s;
  font-size: 3em;
  color: #ffffff;
  margin-top: -0.5em;
}

.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover,
.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover {
  transform: scale(1.2);
}

.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading ~ a {
  display: none;
}

.ui-breadcrumb {
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
}

.ui-breadcrumb ul li .ui-menuitem-link {
  color: #333333;
  margin: 0;
}

.ui-breadcrumb ul li.ui-breadcrumb-chevron {
  margin: 0 0.5em 0 0.5em;
  color: #848484;
}

.ui-breadcrumb ul li:first-child a {
  color: #848484;
  margin: 0;
}

.ui-breadcrumb ul li .ui-menuitem-icon {
  color: #848484;
}

.ui-steps {
  position: relative;
}

.ui-steps .ui-steps-item {
  background-color: transparent;
  text-align: center;
}

.ui-steps .ui-steps-item .ui-menuitem-link {
  display: inline-block;
  text-align: center;
  background-color: transparent;
  overflow: hidden;
}

.ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number {
  border-radius: 50%;
  display: inline-block;
  color: #333333;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  position: relative;
  top: 16px;
  margin-bottom: 14px;
  width: 28px;
  height: 28px;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

.ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title {
  display: block;
  margin-top: 6px;
  color: #848484;
}

.ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number {
  background: #007ad9;
  color: #ffffff;
}

.ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title {
  font-weight: 700;
  color: #333333;
}

.ui-steps .ui-steps-item:last-child .ui-menuitem-link {
  display: block;
}

.ui-steps:before {
  content: " ";
  border-top: 1px solid #c8c8c8;
  width: 100%;
  top: 45%;
  left: 0;
  display: block;
  position: absolute;
}

.ui-menu .ui-menuitem-link,
.ui-menubar .ui-menuitem-link,
.ui-tieredmenu .ui-menuitem-link,
.ui-contextmenu .ui-menuitem-link,
.ui-megamenu .ui-menuitem-link,
.ui-slidemenu .ui-menuitem-link {
  padding: 0.714em 0.857em;
  color: #333333;
  font-weight: normal;
  border-radius: 0;
}

.ui-menu .ui-menuitem-link .ui-menuitem-text,
.ui-menubar .ui-menuitem-link .ui-menuitem-text,
.ui-tieredmenu .ui-menuitem-link .ui-menuitem-text,
.ui-contextmenu .ui-menuitem-link .ui-menuitem-text,
.ui-megamenu .ui-menuitem-link .ui-menuitem-text,
.ui-slidemenu .ui-menuitem-link .ui-menuitem-text {
  color: #333333;
}

.ui-menu .ui-menuitem-link .ui-menuitem-icon,
.ui-menubar .ui-menuitem-link .ui-menuitem-icon,
.ui-tieredmenu .ui-menuitem-link .ui-menuitem-icon,
.ui-contextmenu .ui-menuitem-link .ui-menuitem-icon,
.ui-megamenu .ui-menuitem-link .ui-menuitem-icon,
.ui-slidemenu .ui-menuitem-link .ui-menuitem-icon {
  color: #333333;
  margin-right: 0.5em;
}

.ui-menu .ui-menuitem-link:hover,
.ui-menubar .ui-menuitem-link:hover,
.ui-tieredmenu .ui-menuitem-link:hover,
.ui-contextmenu .ui-menuitem-link:hover,
.ui-megamenu .ui-menuitem-link:hover,
.ui-slidemenu .ui-menuitem-link:hover {
  background-color: #eaeaea;
}

.ui-menu .ui-menuitem-link:hover .ui-menuitem-text,
.ui-menubar .ui-menuitem-link:hover .ui-menuitem-text,
.ui-tieredmenu .ui-menuitem-link:hover .ui-menuitem-text,
.ui-contextmenu .ui-menuitem-link:hover .ui-menuitem-text,
.ui-megamenu .ui-menuitem-link:hover .ui-menuitem-text,
.ui-slidemenu .ui-menuitem-link:hover .ui-menuitem-text {
  color: #333333;
}

.ui-menu .ui-menuitem-link:hover .ui-menuitem-icon,
.ui-menubar .ui-menuitem-link:hover .ui-menuitem-icon,
.ui-tieredmenu .ui-menuitem-link:hover .ui-menuitem-icon,
.ui-contextmenu .ui-menuitem-link:hover .ui-menuitem-icon,
.ui-megamenu .ui-menuitem-link:hover .ui-menuitem-icon,
.ui-slidemenu .ui-menuitem-link:hover .ui-menuitem-icon {
  color: #333333;
}

.ui-menu {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
}

.ui-menu .ui-menuitem {
  margin: 0;
}

.ui-menu.ui-shadow {
  border: 1px solid #c8c8c8;
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}

.ui-menu .ui-submenu-header {
  margin: 0;
  padding: 0.714em 0.857em;
  color: #333333;
  background-color: #f4f4f4;
  font-weight: 700;
  border: 0 none;
}

.ui-menu .ui-menu-separator {
  border: 1px solid #c8c8c8;
  border-width: 1px 0 0 0;
}

.ui-menubar {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
}

.ui-menubar .ui-menubar-root-list > .ui-menuitem > .ui-menuitem-link {
  padding: 0.714em 0.857em;
}

.ui-menubar .ui-menubar-root-list > .ui-menu-separator {
  border: 1px solid #c8c8c8;
  border-width: 0 0 0 1px;
}

.ui-menubar .ui-submenu-list {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}

.ui-menubar .ui-submenu-list .ui-menuitem {
  margin: 0;
}

.ui-menubar .ui-submenu-list .ui-menu-separator {
  border: 1px solid #c8c8c8;
  border-width: 1px 0 0 0;
}

.ui-menubar .ui-menuitem {
  margin: 0;
}

.ui-menubar .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
  background-color: #eaeaea;
}

.ui-menubar .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text {
  color: #333333;
}

.ui-menubar .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon,
.ui-menubar .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-submenu-icon {
  color: #333333;
}

.ui-contextmenu {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}

.ui-contextmenu .ui-submenu-list {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}

.ui-contextmenu .ui-menuitem {
  margin: 0;
}

.ui-contextmenu .ui-menuitem .ui-menuitem-link .ui-submenu-icon {
  right: 0.429em;
}

.ui-contextmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
  background-color: #eaeaea;
}

.ui-contextmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text {
  color: #333333;
}

.ui-contextmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon,
.ui-contextmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-submenu-icon {
  color: #333333;
}

.ui-contextmenu .ui-menu-separator {
  border: 1px solid #c8c8c8;
  border-width: 1px 0 0 0;
}

.ui-tieredmenu {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
}

.ui-tieredmenu .ui-submenu-list {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}

.ui-tieredmenu .ui-menuitem {
  margin: 0;
}

.ui-tieredmenu .ui-menuitem .ui-menuitem-link .ui-submenu-icon {
  right: 0.429em;
}

.ui-tieredmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
  background-color: #eaeaea;
}

.ui-tieredmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text {
  color: #333333;
}

.ui-tieredmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon,
.ui-tieredmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-submenu-icon {
  color: #333333;
}

.ui-tieredmenu .ui-menu-separator {
  border: 1px solid #c8c8c8;
  border-width: 1px 0 0 0;
}

.ui-slidemenu {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
}

.ui-slidemenu .ui-submenu-list {
  padding: 0;
  background-color: #ffffff;
  border: 0 none;
}

.ui-slidemenu .ui-menuitem {
  margin: 0;
}

.ui-slidemenu .ui-menuitem .ui-menuitem-link .ui-submenu-icon {
  right: 0.429em;
}

.ui-slidemenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
  background-color: #eaeaea;
}

.ui-slidemenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text {
  color: #333333;
}

.ui-slidemenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon,
.ui-slidemenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-submenu-icon {
  color: #333333;
}

.ui-slidemenu .ui-slidemenu-backward {
  margin: 0;
  padding: 0.571em 1em;
  color: #333333;
  background-color: #f4f4f4;
  font-weight: 700;
  border: 0 none;
}

.ui-slidemenu .ui-slidemenu-backward:hover {
  background-color: #dbdbdb;
  color: #333333;
}

.ui-slidemenu .ui-menu-separator {
  border: 1px solid #c8c8c8;
  border-width: 1px 0 0 0;
}

.ui-tabmenu {
  border: 0 none;
}

.ui-tabmenu .ui-tabmenu-nav {
  padding: 0;
  background: transparent;
  border-bottom: 1px solid #c8c8c8;
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
  position: static;
  border: 1px solid #c8c8c8;
  background-color: #f4f4f4;
  margin-right: 2px;
  margin-bottom: -1px;
  transition: background-color 0.2s;
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link {
  color: #333333;
  padding: 0.571em 1em;
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link .ui-menuitem-text {
  color: #333333;
  margin-right: 0.5em;
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link .ui-menuitem-icon {
  color: #848484;
  margin-right: 0.5em;
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:not(.ui-state-active):not(.ui-state-disabled):hover {
  background-color: #dbdbdb;
  border: 1px solid #dbdbdb;
}

.ui-tabmenu
  .ui-tabmenu-nav
  .ui-tabmenuitem:not(.ui-state-active):not(.ui-state-disabled):hover
  .ui-menuitem-link
  .ui-menuitem-text {
  color: #333333;
}

.ui-tabmenu
  .ui-tabmenu-nav
  .ui-tabmenuitem:not(.ui-state-active):not(.ui-state-disabled):hover
  .ui-menuitem-link
  .ui-menuitem-icon {
  color: #333333;
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active {
  background-color: #007ad9;
  border: 1px solid #007ad9;
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active .ui-menuitem-link .ui-menuitem-text {
  color: #ffffff;
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active .ui-menuitem-link .ui-menuitem-icon {
  color: #ffffff;
}

.ui-megamenu {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
}

.ui-megamenu .ui-megamenu-submenu-header {
  margin: 0;
  padding: 0.571em 1em;
  color: #333333;
  background-color: #f4f4f4;
  font-weight: 700;
  border: 0 none;
}

.ui-megamenu .ui-megamenu-panel {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}

.ui-megamenu .ui-menuitem {
  margin: 0;
}

.ui-megamenu .ui-menuitem .ui-menuitem-link .ui-submenu-icon {
  right: 0.429em;
}

.ui-megamenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
  background-color: #eaeaea;
}

.ui-megamenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text {
  color: #333333;
}

.ui-megamenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon,
.ui-megamenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-submenu-icon {
  color: #333333;
}

.ui-megamenu.ui-megamenu-vertical .ui-megamenu-root-list > .ui-menuitem > .ui-menuitem-link > .ui-submenu-icon {
  right: 0.429em;
}

.ui-panelmenu .ui-icon {
  position: static;
}

.ui-panelmenu .ui-panelmenu-header {
  padding: 0;
}

.ui-panelmenu .ui-panelmenu-header > a {
  border: 1px solid #c8c8c8;
  background-color: #f4f4f4;
  color: #333333;
  padding: 0.714em 0.857em;
  font-weight: 700;
  position: static;
  transition: background-color 0.2s;
}

.ui-panelmenu .ui-panelmenu-header > a .ui-panelmenu-icon {
  color: #848484;
}

.ui-panelmenu .ui-panelmenu-header:not(.ui-state-active) > a:hover {
  outline: 0 none;
  border: 1px solid #dbdbdb;
  background-color: #dbdbdb;
  color: #333333;
}

.ui-panelmenu .ui-panelmenu-header:not(.ui-state-active) > a:hover .ui-panelmenu-icon {
  color: #333333;
}

.ui-panelmenu .ui-panelmenu-header.ui-state-active > a {
  border: 1px solid #007ad9;
  background-color: #007ad9;
  color: #ffffff;
}

.ui-panelmenu .ui-panelmenu-header.ui-state-active > a .ui-panelmenu-icon {
  color: #ffffff;
}

.ui-panelmenu .ui-panelmenu-header.ui-state-active > a:hover {
  outline: 0 none;
  border: 1px solid #005b9f;
  background-color: #005b9f;
  color: #ffffff;
}

.ui-panelmenu .ui-panelmenu-header.ui-state-active > a:hover .ui-panelmenu-icon {
  color: #ffffff;
}

.ui-panelmenu .ui-panelmenu-panel {
  margin-top: 2px;
}

.ui-panelmenu .ui-panelmenu-panel:first-child {
  margin-top: 0;
}

.ui-panelmenu .ui-panelmenu-content {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  margin-top: 0;
  position: static;
  border-top: 0 none;
}

.ui-panelmenu .ui-panelmenu-content .ui-menuitem {
  margin: 0;
}

.ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link {
  padding: 0.714em 0.857em;
  color: #333333;
}

.ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link:hover {
  background-color: #eaeaea;
}

.ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link:hover .ui-menuitem-icon,
.ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link:hover .ui-panelmenu-icon {
  color: #333333;
}

.ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link:hover .ui-menuitem-text {
  color: #333333;
}

.ui-progressbar {
  border: 0 none;
  height: 24px;
  background-color: #eaeaea;
}

.ui-progressbar .ui-progressbar-value {
  border: 0 none;
  margin: 0;
  background: #007ad9;
}

.ui-progressbar .ui-progressbar-label {
  margin-top: 0;
  color: #333333;
  line-height: 24px;
}

.ui-galleria .ui-galleria-nav-prev,
.ui-galleria .ui-galleria-nav-next {
  transition: all 0.2s;
  position: absolute;
  color: #848484;
}

.ui-galleria .ui-galleria-nav-prev:hover,
.ui-galleria .ui-galleria-nav-next:hover {
  transform: scale(1.2);
}

.ui-galleria .ui-galleria-nav-prev {
  font-size: 16px;
}

.ui-galleria .ui-galleria-nav-next {
  font-size: 16px;
}

.ui-terminal {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
}

.ui-terminal .ui-terminal-input {
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  height: 16px;
}

.ui-terminal .ui-terminal-command {
  height: 16px;
}

.ui-inplace {
  min-height: 2.357em;
}

.ui-inplace .ui-inplace-display {
  padding: 0.429em;
  border-radius: 3px;
  transition: background-color 0.2s;
}

.ui-inplace .ui-inplace-display:not(.ui-state-disabled):hover {
  background-color: #eaeaea;
  color: #333333;
}

.ui-fluid .ui-inplace.ui-inplace-closable .ui-inplace-content > :first-child {
  display: inline-block;
  width: calc(100% - 2.357em);
}

.toast-container * {
  box-sizing: border-box;
  font-size: 14px;
}

/* Add your customizations of theme here */

/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/assets/css/primeng.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************/
/* // primeng css */

.ui-widget, .ui-widget * {
  box-sizing: border-box;
}
.ui-helper-hidden {
  display: none !important;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-hidden-accessible input,
.ui-helper-hidden-accessible select {
  transform: scale(0);
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix::before,
.ui-helper-clearfix::after {
  content: "";
  display: table;
}
.ui-helper-clearfix::after {
  clear: both;
}
.ui-helper-clearfix {
  zoom: 1;
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}
.ui-state-disabled {
  cursor: default !important;
}
.ui-state-disabled a {
  cursor: default !important;
}
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.ui-shadow {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}
.ui-unselectable-text {
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.ui-scrollbar-measure {
  width: 100px;
  height: 100px;
  overflow: scroll;
  position: absolute;
  top: -9999px;
}
.ui-overflow-hidden {
  overflow: hidden;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: #898989;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color: #898989;
 opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
 color: #898989;
 opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #898989;
}
::-ms-input-placeholder { /* Microsoft Edge */
 color: #898989;
}
.ui-placeholder {
 color: #898989;
}

input[type="button"], 
input[type="submit"], 
input[type="reset"], 
input[type="file"]::-webkit-file-upload-button, 
button {
  border-radius: 0;
}
.ui-accordion { 
  width: 100%; 
}

.ui-accordion .ui-accordion-header { 
  cursor: pointer; 
  position: relative; 
  margin-top: 1px; 
  zoom: 1; 
}

.ui-accordion .ui-accordion-header a { 
  display: block; 
  padding: .5em;
}

.ui-accordion .ui-accordion-toggle-icon,
.ui-accordion .ui-accordion-header-text {
  vertical-align: middle;   
}

.ui-accordion .ui-accordion-content { 
  padding: 1em;
  border-top: 0; 
  overflow: visible;
  zoom: 1; 
}

.ui-accordion .ui-accordion-header.ui-state-disabled, 
.ui-accordion .ui-accordion-header.ui-state-disabled a { 
  cursor: default; 
}

.ui-accordion-content-wrapper-overflown {
  overflow: hidden;
}

.ui-rtl .ui-accordion .ui-accordion-header a {
  padding: .5em 2em .5em .5em;
}

.ui-rtl .ui-accordion .ui-accordion-toggle-icon {
  left: initial;
  right: .5em;
}

.ui-rtl .ui-accordion .ui-accordion-toggle-icon.pi-caret-right:before {
  content: '\e904';
}
.ui-blockui {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-blockui-document {
  position: fixed;
}
.ui-autocomplete {
  width: auto;
  zoom: 1;
  cursor: pointer;
  box-shadow: none;
  position: relative;
  display: inline-block;
}

.ui-autocomplete .ui-autocomplete-dropdown {
  height: 100%;
  width: 2em;
  margin-right: 0;
  vertical-align: top;
}

.ui-autocomplete .ui-autocomplete-input {
  padding-right: 1.5em;
}

.ui-autocomplete-loader {
  position: absolute;
  right: .25em;
  top: 50%;
  margin-top: -.5em;
}

.ui-autocomplete-query {
  font-weight: bold;
}

.ui-autocomplete .ui-autocomplete-panel {
  min-width: 100%;
}

.ui-autocomplete-panel {
  position: absolute;
  overflow: auto;
}

.ui-autocomplete-panel .ui-autocomplete-list {
  padding: 0.4em;
  border: 0 none;
}

.ui-autocomplete-panel .ui-autocomplete-list-item {
  border: 0 none;
  cursor: pointer;
  font-weight: normal;
  margin: 1px 0;
  padding: 0.186em 0.313em;
  text-align: left;
}

.ui-autocomplete .ui-button-icon-only,
.ui-autocomplete .ui-button-icon-only:enabled:hover,
.ui-autocomplete .ui-button-icon-only:enabled:focus,
.ui-autocomplete .ui-button-icon-only:enabled:active {
  border-left: 0 none;
}

/* Multiple Selection */
.ui-autocomplete-multiple-container {
  display: inline-block;
  vertical-align: middle;
}

.ui-autocomplete-multiple-container.ui-inputtext {
  clear: left;
  cursor: text;
  list-style-type: none;
  margin: 0;
  overflow: hidden;
  padding: 0 1.5em 0 .25em;
}

.ui-autocomplete-token {
  cursor: default;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  padding: .125em .5em;
  white-space: nowrap;
  position: relative;
  margin-right: .125em;
  border: 0 none;
  font-size: .9em;
}

.ui-autocomplete-token-label {
  display: block;
  margin-right: 2em;
}

.ui-autocomplete-token-icon {
  margin-top: -.5em;
  position: absolute;
  right: 0.2em;
  top: 50%;
  cursor: pointer;
}

.ui-autocomplete-input-token {
  display: inline-block;
  vertical-align: middle;
  list-style-type: none;
  margin: 0 0 0 .125em;
  padding: .25em .25em .25em 0;
}

.ui-autocomplete-input-token input {
  border: 0 none;
  width: 10em;
  outline: medium none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  box-shadow: none;
  border-radius: 0;
}

.ui-autocomplete-dd .ui-autocomplete-loader {
  right: 2.25em;
}

.ui-autocomplete-dd input.ui-corner-all ,
.ui-autocomplete-dd .ui-autocomplete-multiple-container.ui-corner-all {
   border-top-right-radius: 0px;
   border-bottom-right-radius: 0px;
}

.ui-autocomplete-dd .ui-autocomplete-dropdown.ui-corner-all {
   border-top-left-radius: 0px;
   border-bottom-left-radius: 0px;
}

/** AutoComplete **/
.ui-fluid p-autocomplete,
.ui-fluid .ui-autocomplete,
.ui-fluid .ui-autocomplete-input {
  width: 100%;
}

.ui-fluid .ui-autocomplete.ui-autocomplete-dd .ui-autocomplete-input,
.ui-fluid .ui-autocomplete.ui-autocomplete-dd .ui-autocomplete-multiple-container {
  width: calc(100% - 2em);
}

.ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button {
  width: 2em;
}

/* Button */
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  text-decoration: none !important;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: visible; /* the overflow property removes extra width in IE */
}

p-button {
  display: inline-block;
}

/*button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}

.ui-button-text-only .ui-button-text {
  padding: .25em 1em;
}

.ui-button-icon-only .ui-button-text,
.ui-button-text-empty .ui-button-text {
  padding: .25em;
  text-indent: -9999999px;
}

.ui-button-text-icon-left .ui-button-text {
  padding: .25em 1em .25em 2.1em;
}

.ui-button-text-icon-right .ui-button-text {
  padding: .25em 2.1em .25em 1em;
}

/*button icon element(s) */
.ui-button-icon-only .ui-button-icon-left,
.ui-button-text-icon-left .ui-button-icon-left,
.ui-button-text-icon-right .ui-button-icon-right {
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  height: 1em;
}

.ui-button-icon-only .ui-button-icon-left {
  top: 50%;
  left: 50%;
  margin-top: -.5em;
  margin-left: -.5em;
  width: 1em;
  height: 1em;
}

.ui-button-icon-left {
  left: .5em;
}

.ui-button-icon-right {
  right: .5em;
}

/*button sets*/
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: 0;
}

/* workarounds */
button.ui-button::-moz-focus-inner {
  border: 0; padding: 0; /* reset extra padding in Firefox */
}

/** Fluid **/
.ui-fluid .ui-button {
  width: 100%;
}

.ui-fluid .ui-button-text-icon-left .ui-button-text,
.ui-fluid .ui-button-text-icon-right .ui-button-text {
  padding-left: 1em;
  padding-right: 1em;
}

/** ButtonSet **/
.ui-fluid .ui-buttonset {
  width: 100%;
}

.ui-fluid .ui-buttonset.ui-buttonset-1 .ui-button {width: 100%;}
.ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button {width: 50%;}
.ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button {width: 33.3%;}
.ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button {width: 25%;}
.ui-fluid .ui-buttonset.ui-buttonset-5 .ui-button {width: 20%;}
.ui-fluid .ui-buttonset.ui-buttonset-6 .ui-button {width: 16.6%;}

@media (max-width: 640px) {
  .ui-fluid .ui-buttonset.ui-buttonset-1 .ui-button,
  .ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button,
  .ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button,
  .ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button,
  .ui-fluid .ui-buttonset.ui-buttonset-5 .ui-button,
  .ui-fluid .ui-buttonset.ui-buttonset-6 .ui-button {
      width: 100%;
  }
}
/** Breadcrumb **/
.ui-breadcrumb {
  margin: 0;
  padding: 0;
  padding: .5em;
}

.ui-breadcrumb ul {
  margin: 0;
  padding: 0;
}

.ui-breadcrumb ul li {
  display: inline-block;
  margin: 0 .25em;
}

.ui-breadcrumb-chevron, .ui-breadcrumb-home {
  vertical-align: middle;
}

.ui-breadcrumb ul li .ui-menuitem-link {
  text-decoration: none;
}

.ui-breadcrumb .ui-menuitem-icon {
  margin-right: .25em;
  vertical-align: middle;
}

.ui-breadcrumb .ui-menuitem-text {
  vertical-align: middle;
}
.ui-calendar {
  position: relative;
  display: inline-block;
}

.ui-calendar .ui-calendar-button {
  height: 100%;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  width: 2em;
  border-left: 0 none;
}

.ui-calendar .ui-calendar-button:enabled:hover,
.ui-calendar .ui-calendar-button:focus {
  border-left: 0 none;
}

.ui-calendar .ui-datepicker {
  min-width: 100%;
}

/* Fluid */
.ui-fluid .ui-calendar {
  width: 100%;
}

.ui-fluid .ui-calendar-button {
  width: 2em;
}

.ui-fluid .ui-datepicker-buttonbar button {
  width: auto;
}

.ui-fluid .ui-calendar.ui-calendar-w-btn .ui-inputtext {
  width: calc(100% - 2em);
}

/* Datepicker */
.ui-datepicker {
width: auto;
padding: .2em;
  position: absolute;
}

.ui-datepicker.ui-datepicker-inline {
  display: inline-block;
  position: static;
}

.ui-datepicker .ui-datepicker-group {
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 0;
  border-bottom-width: 0;
}

/* Header */
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .5em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: .5em;
width: 1.8em;
height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev {
left: .125em;
}
.ui-datepicker .ui-datepicker-next {
right: .125em;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
top: 50%;
  margin-top: -.5em;
  margin-left: -.5em;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: .125em 0;
  vertical-align: middle;
}
.ui-datepicker select.ui-datepicker-month {
  margin-right: .25em;
}
.ui-datepicker span.ui-datepicker-year {
margin-left: .25em;
}

/* Multiple Month DatePicker */
.ui-datepicker-multiple-month .ui-datepicker-group {
  display: table-cell;
  border-left-width: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 1px;
}

/* DatePicker Table */
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .5em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 0;
}
.ui-datepicker td > span,
.ui-datepicker td > a {
display: block;
padding: .5em;
  text-decoration: none;
  border: 0 none;
  text-align: center;
}

.ui-datepicker .ui-datepicker-buttonbar {
  border-left: 0 none;
  border-right: 0 none;
  border-bottom: 0 none;
padding: .5em;
}

.ui-datepicker .ui-datepicker-buttonbar > .ui-g > div:last-child {
  text-align: right;
}

.ui-datepicker .ui-datepicker-buttonbar > .ui-g > div {
  padding: 0;
}

.ui-calendar.ui-calendar-w-btn input {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

/* Month Picker */
.ui-monthpicker .ui-monthpicker-month {
  width: 33.3%;
  display: inline-block;
  text-align: center;
  padding: .5em;
  cursor: pointer;
}

.ui-datepicker-monthpicker select.ui-datepicker-year {
  width: auto;
}

/* Time Picker */
.ui-timepicker {
  text-align: center;
  padding: .5em 0;
}

.ui-timepicker > div {
  display: inline-block;
  margin-left: .5em;
  min-width: 1.5em;
}

.ui-timepicker > .ui-minute-picker,
.ui-timepicker > .ui-second-picker {
  margin-left: 0;
}

.ui-timepicker > .ui-separator {
  margin-left: 0px;
  min-width: .75em;
}

.ui-timepicker > .ui-separator a {
  visibility: hidden;
}

.ui-timepicker > div a {
  display: block;
  opacity: 0.7;
  filter:Alpha(Opacity=70);
  cursor: pointer;
}

.ui-timepicker > div a:last-child {
  margin-top: .3em;
}

.ui-timepicker > div a:hover {
  display: block;
  opacity: 1;
  filter:Alpha(Opacity=100);
}
input[type=text]::-ms-clear {
  display: none;
}

/* Touch UI */
.ui-datepicker-touch-ui,
.ui-calendar .ui-datepicker-touch-ui {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 80vw;
}

.ui-datepicker-touch-ui.ui-datepicker th {
padding: 2em 0;
}
.ui-datepicker-touch-ui.ui-datepicker td {
padding: 0;
}
.ui-datepicker-touch-ui.ui-datepicker td > span,
.ui-datepicker-touch-ui.ui-datepicker td > a {
padding: 2em 0;
}

.ui-datepicker-touch-ui .ui-timepicker {
  padding: 1em 0;
}

.ui-datepicker-touch-ui .ui-timepicker > div a {
  font-size: 2em;
}

.ui-datepicker-mask {
  position: fixed;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 40em) {
  .ui-datepicker-multiple-month {
      width: 17em;
      overflow: auto;
  }

  .ui-datepicker-touch-ui.ui-datepicker th {
      padding: 1em 0;
  }

  .ui-datepicker-touch-ui.ui-datepicker td span,
  .ui-datepicker-touch-ui.ui-datepicker td a {
      padding: 1em 0;
  }
}

.ui-card-header img {
  width: 100%;
}

.ui-card-body {
  padding: 1em;
}

.ui-card-title {
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: .5em;
}

.ui-card-subtitle {
  opacity: .7;
  margin-bottom: .5em;
  margin-top: -.25em;
  font-weight: bold;
}

.ui-card-footer {
  padding-top: 1em;
}
.ui-carousel {
  position: relative;
  padding: .063em;
}

.ui-carousel .ui-carousel-viewport .ui-carousel-items {
  list-style: none outside none;
  margin: 0;
  padding:0;
  position: relative;
  width: 32000px;
  left: 0;
}

.ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item {
  margin: 1px;
  padding: 0;
  float: left;
  box-sizing: border-box;
}

.ui-carousel .ui-carousel-viewport {
  overflow: hidden;
  position: relative;
  border: 0;
}

.ui-carousel .ui-carousel-footer {
  margin: 1px 1px 0px 1px;
  padding: .5em;
  overflow: hidden;
}

.ui-carousel .ui-carousel-header {
  margin: 0 1px;
  overflow: hidden;
  padding: .625em;
}

.ui-carousel .ui-carousel-header .ui-carousel-header-title {
  display: inline-block;
  overflow: hidden;
}

.ui-carousel .ui-carousel-dropdown,
.ui-carousel .ui-carousel-mobiledropdown {
  float: right;
  margin: 0px .625em;
  background-image: none;
}

.ui-carousel .ui-carousel-dropdown option,
.ui-carousel .ui-carousel-mobiledropdown option{
  background-image: none;
  border: 0 none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.ui-carousel .ui-carousel-button {
  float: right;
  margin: .125em;
}

.ui-carousel .ui-carousel-page-link {
  float: left;
  margin: 0 .125em;
  text-decoration: none;
}

.ui-carousel .ui-carousel-page-link, 
.ui-carousel .ui-carousel-button {
  cursor: pointer;
}

.ui-carousel .ui-carousel-page-links {
  margin: 0px .5em;
  margin-top: .125em;
  float: right;
}

.ui-carousel .ui-carousel-mobiledropdown {
  display: none;
}
.ui-chkbox {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  margin-right: .25em;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}

.ui-chkbox .ui-chkbox-box {
  width: 1.125em;
  height: 1.125em;
  line-height: 1.125em;
  border-radius: 2px;
  text-align: center;
}

.ui-chkbox .ui-chkbox-icon {
  display: block;
}

.ui-chkbox-label {
  vertical-align: middle;  
}


.ui-chips > ul.ui-inputtext {
  clear: left;
  cursor: text;
  list-style-type: none;
  margin: 0;
  overflow: hidden;
  padding: 0 .25em;
}

.ui-chips-token {
  cursor: default;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  padding: .125em .5em;
  white-space: nowrap;
  position: relative;
  margin-right: .125em;
  border: 0 none;
  font-size: .9em;
}

.ui-chips-token .ui-chips-token-label {
  display: block;
  margin-right: 2em;
}

.ui-chips > .ui-state-disabled .ui-chips-token-label {
  margin-right: 0;
}

.ui-chips-token .ui-chips-token-icon {
  margin-top: -.5em;
  position: absolute;
  right: 0.2em;
  top: 50%;
  cursor: pointer;
}

.ui-chips-input-token {
  display: inline-block;
  vertical-align: middle;
  list-style-type: none;
  margin: 0 0 0 .125em;
  padding: .25em .25em .25em 0;
}

.ui-chips-input-token input {
  border: 0 none;
  width: 10em;
  outline: medium none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  box-shadow: none;
  border-radius: 0;
}
.ui-colorpicker {
  display: inline-block;
} 

.ui-colorpicker-dragging {
  cursor: pointer;
} 

.ui-colorpicker-overlay {
  position: relative;
} 

.ui-colorpicker-panel {
  position: relative;
  width: 193px;
  height: 166px;
  background-color: #323232;
  border-color: #191919;
}

.ui-colorpicker-overlay-panel {
  position: absolute;
} 

.ui-colorpicker-preview {
  width: 2em;
  cursor: pointer;
}

.ui-colorpicker-panel .ui-colorpicker-content {
  position: relative;
}

.ui-colorpicker-panel .ui-colorpicker-color-selector {
  width: 150px;
  height: 150px;
  top: 8px;
  left: 8px;
  position: absolute;
}

.ui-colorpicker-panel .ui-colorpicker-color {
   width: 150px;
   height: 150px;
}

.ui-colorpicker-panel .ui-colorpicker-color-handle {
   position: absolute;
   top: 0px;
   left: 150px;
   border-radius: 100%;
   width: 10px;
   height: 10px;
   border: 1px solid #ffffff;
   margin: -5px 0 0 -5px;
   cursor: pointer;
}

.ui-colorpicker-panel .ui-colorpicker-hue {
  width: 17px;
  height: 150px;
  top: 8px;
  left: 167px;
  position: absolute;
  opacity: .85;
}

.ui-colorpicker-panel .ui-colorpicker-hue-handle {
   position: absolute;
   top: 150px;
   left: 0px;
   width: 21px;
   margin-left: -2px;
   margin-top: -5px;
   height: 10px;
   border: 2px solid #ffffff;
   opacity: .85;
   cursor: pointer;
}

.ui-colorpicker-panel.ui-state-disabled .ui-colorpicker-hue-handle,
.ui-colorpicker-panel.ui-state-disabled .ui-colorpicker-color-handle  {
    opacity: .5;
}
.ui-datagrid .ui-paginator {
text-align: center;
}

.ui-datagrid-column {
padding: .25em;
}

.ui-datagrid-content-empty {
  padding: .25em .625em;
}

.ui-datagrid .ui-datagrid-header,
.ui-datagrid .ui-datagrid-footer {
  text-align:center;
padding: .5em .75em;
}

.ui-datagrid .ui-datagrid-header {
  border-bottom: 0 none;
}

.ui-datagrid .ui-datagrid-footer {
  border-top: 0 none;
}

.ui-datagrid .ui-paginator-top {
  border-bottom: 0 none;
}

.ui-datagrid .ui-paginator-bottom {
  border-top: 0 none;
}


.ui-contextmenu {
  width: 12.5em;
  padding: .25em;
  position: absolute;
  display: none;
}

.ui-contextmenu .ui-menu-separator {
  border-width: 1px 0 0 0;
}

.ui-contextmenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ui-contextmenu .ui-submenu-list {
  display: none;
  position: absolute;
  width: 12.5em;
  padding: .25em;
}

.ui-contextmenu .ui-menuitem-link {
  padding: .25em;
  display: block;
  position: relative;
}

.ui-contextmenu .ui-menuitem-icon {
  margin-right: .25em;
  vertical-align: middle;
}

.ui-contextmenu .ui-menuitem-text {
  vertical-align: middle;
}

.ui-contextmenu .ui-menuitem {
  position: relative;
}


.ui-contextmenu .ui-menuitem-link .ui-submenu-icon {
  position: absolute;
  margin-top: -.5em;
  right: 0;
  top: 50%;
}

.ui-contextmenu .ui-menuitem-active > .ui-submenu > .ui-submenu-list {
  display: block !important;
}
.ui-datalist .ui-datalist-header,
.ui-datalist .ui-datalist-footer {
  text-align:center;
padding: .5em .75em;
}

.ui-datalist .ui-datalist-header {
  border-bottom: 0 none;
}

.ui-datalist .ui-datalist-footer {
  border-top: 0 none;
}

.ui-datalist .ui-datalist-data {
  margin: 0;
  padding: 0;
}

.ui-datalist .ui-datalist-data > li {
  list-style-type: none;
  
}

.ui-datalist .ui-datalist-emptymessage {
  padding: .5em .75em;
}

.ui-datalist.ui-datalist-scrollable .ui-datalist-content {
  overflow: auto;
}

.ui-datalist .ui-paginator-top {
  border-bottom: 0 none;
}

.ui-datalist .ui-paginator-bottom {
  border-top: 0 none;
}

.ui-datascroller {
}

.ui-datascroller .ui-datascroller-header {
  text-align: center;
padding: .5em .75em;
  border-bottom: 0 none;
}

.ui-datascroller .ui-datascroller-footer {
  text-align: center;
  padding: .25em .625em;
  border-top: 0px none;
}

.ui-datascroller .ui-datascroller-content {
  padding: .25em .625em;
}

.ui-datascroller-inline .ui-datascroller-content {
  overflow: auto;
}

.ui-datascroller .ui-datascroller-list {
  list-style-type: none; 
  margin: 0;
  padding: 0;
}
.ui-dataview {
  position: relative;
}

.ui-dataview .ui-paginator {
text-align: center;
}

.ui-dataview-column {
padding: .25em;
}

.ui-dataview-content-empty {
  padding: .25em .625em;
}

.ui-dataview .ui-dataview-header,
.ui-dataview .ui-dataview-footer {
padding: .5em .75em;
}

.ui-dataview .ui-dataview-header {
  border-bottom: 0 none;
}

.ui-dataview .ui-dataview-footer {
  border-top: 0 none;
}

.ui-dataview .ui-paginator-top {
  border-bottom: 0 none;
}

.ui-dataview .ui-paginator-bottom {
  border-top: 0 none;
}

.ui-dataview.ui-dataview-list > .ui-dataview-content > div.ui-g > div {
  width: 100%;
}

.ui-dataview .ui-dataview-emptymessage {
  padding: .5em .75em;
}

/* Loader */
.ui-dataview-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  opacity: 0.1;
  z-index: 1;
}

.ui-dataview-loading-content {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  margin-top: -1em;
  margin-left: -1em;
}

.ui-dataview-loading-icon {
  font-size: 2em;
}

.ui-dialog {
  position: fixed;
  padding: 0;
}

.ui-dynamicdialog {
  top: 50%;
  left: 50%;
}

.ui-dialog .ui-dialog-titlebar {
padding: .5em .75em;
  position: relative;
  border: 0;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em .75em;
 /* background: none;*/
  zoom: 1;
}

.ui-dialog-resizable .ui-dialog-content {
  overflow: auto;
}

.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-dialog .ui-dialog-titlebar-icon {
  text-decoration: none;
  float: right;
  float: right;
  padding: .125em;
  cursor: pointer;
  border: 1px solid transparent;
}

.ui-dialog .ui-dialog-titlebar-icon span {
  display: block;
  margin: 0;
}

.ui-dialog-footer {
  padding: 1em;
  border-width: 1px 0 0 0;
  text-align: right;
}

.ui-dialog-mask {
  position: fixed;
  /* width: 100%; */
  height: 100%;
}

.ui-dialog-maximized {
  transition: left .3s, top .3s, width .3s,height .3s;
}

/* ConfirmDialog */
.ui-confirmdialog {
  width: 30em;
  top: 50%;
  left: 50%;
}

.ui-confirmdialog.ui-dialog .ui-dialog-content {
  padding: 1em 2em;
}
.ui-confirmdialog .ui-dialog-content .ui-confirmdialog-icon {
  font-size: 1.5em;
  margin-right: .5em;
  position: relative;
  top: .2em;
}

.ui-dialog-footer .ui-button {
  margin-right: .25em;
}

/* Fluid */
.ui-fluid .ui-dialog-footer .ui-button {
  width: auto;
}

/* RTL */
.ui-rtl .ui-dialog .ui-dialog-titlebar-close  {
  float: left;
}

.ui-rtl .ui-dialog .ui-dialog-buttonpane button {
  text-align: right;
}

@media screen and (max-width: 40em) {
  .ui-confirmdialog {
      width: 90%;
  }
}
.ui-dropdown {
  display: inline-block;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
  min-width: 12.5em;
}

.ui-dropdown .ui-dropdown-clear-icon {
  position: absolute;
  right: 2em;
  top: 50%;
  font-size: 1em;
  height: 1em;
  margin-top: -.5em;
}

.ui-dropdown .ui-dropdown-trigger {
  border-right: none;
  border-top: none;
  border-bottom: none;
  cursor: pointer;
  width: 1.5em;
  /* height: 100%; */
  position: absolute;
  right: 0;
  top: 3px;
  padding: 0 .25em;
  margin-top: 2px; 
  margin-bottom: 2px;
}

.ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon {
  top: 50%;
  left: 50%;
  margin-top: -.5em;
  margin-left: -.5em;
  position: absolute;
}

.ui-dropdown .ui-dropdown-label  {
  display: block;
  border: none;
  white-space: nowrap;
  overflow: hidden;
  font-weight: normal;
  width: 100%;
  padding-right: 2.5em;
}

.ui-dropdown-item-empty,
.ui-dropdown-label-empty {
  text-indent: -9999px;   
  overflow: hidden;
}

.ui-dropdown.ui-state-disabled .ui-dropdown-trigger,
.ui-dropdown.ui-state-disabled .ui-dropdown-label {
  cursor: default;
}

.ui-dropdown label.ui-dropdown-label  {
  cursor: pointer;
}

.ui-dropdown input.ui-dropdown-label  {
  cursor: default;
}

.ui-dropdown .ui-dropdown-panel {
  min-width: 100%;
  position: absolute;
  top: 6.7rem !important;
}

.ui-dropdown-panel {
  position: absolute;
  height: auto;
}

.ui-dropdown-panel .ui-dropdown-items-wrapper {
  overflow: auto;
}

.ui-dropdown-panel .ui-dropdown-item {
  font-weight: normal;
  border: 0 none;
  cursor: pointer;
  margin: 1px 0;
  padding: .125em .25em;
  text-align: left;
}

.ui-dropdown-panel .ui-dropdown-empty-message {
  padding: .5em;
} 

.ui-dropdown-panel .ui-dropdown-item-group {
  font-weight: bold;
  cursor: default;
}

.ui-dropdown-panel .ui-dropdown-list {
  padding: 0.4em;
  border: 0 none;
}

.ui-dropdown-panel .ui-dropdown-filter {
  width: 100%;
  box-sizing: border-box;
  padding-right: 1.5em;
}

.ui-dropdown-panel .ui-dropdown-filter-container {
  position: relative;
  margin: 0;
  padding: 0.4em;
  display: inline-block;
  width: 100%;
}

.ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter-icon {
  position: absolute;
  top: .8em;
  right: 1em;
}

/** Dropdown **/
.ui-fluid .ui-dropdown {
  width: 100%;
  min-width: 100%;
}

.ui-fieldset, 
.ui-fieldset .ui-fieldset-legend {
  padding: 0.5em 1em;
}

.ui-fieldset-toggleable .ui-fieldset-legend {
  padding: 0;
}

.ui-fieldset-toggleable .ui-fieldset-legend a {
  padding: 0.5em 1em;
  cursor:pointer;
  white-space: nowrap;
  display: block;
}

.ui-fieldset .ui-fieldset-toggler {
  margin-right: .1em;
  display: inline-block;
  vertical-align: middle;
}

.ui-fieldset .ui-fieldset-legend-text {
  vertical-align: middle;
}

.ui-fieldset .ui-fieldset-content-wrapper-overflown {
  overflow: hidden;
} 
/*
* FileUpload
*/
.ui-fileupload-buttonbar .ui-fileupload-choose.ui-state-disabled input {
  cursor: default;
}

.ui-fileupload-buttonbar {
  padding: .5em;
  border-bottom: 0 none;
}

.ui-fileupload-buttonbar .ui-button {
  vertical-align: middle;
  margin-right: .25em;
}

.ui-fileupload-content {
  padding: 1em;
  position: relative;
  transition: border-color .3s;
}

.ui-fileupload-content.ui-fileupload-highlight {
  border-color: #156090;
}

.ui-fileupload-files img {
  border: none;
}

.ui-fileupload-files {
  display: table;
}

.ui-fileupload-row {
  display: table-row;
}

.ui-fileupload-row > div {
  display: table-cell;
  padding: .5em 1em;
  vertical-align: middle;
}

.ui-fileupload-content .ui-progressbar {
  width: 100%;
  position: absolute;
  top: 1px;
  left: 0;
  height: .25em;
  border: 0 none;
}

.ui-fileupload-content .ui-progressbar-value {
  border-radius: 0;
  border: 0 none;
}

/* Simple */
.ui-fileupload-choose {
  position: relative;
  overflow: hidden;
}

.ui-fileupload-choose input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  direction: ltr;
  cursor: pointer;
  z-index: 1;
}

.ui-fileupload-choose.ui-fileupload-choose-selected input[type=file] {
  display: none;
}

/* ui-fluid */
.ui-fluid .ui-fileupload .ui-button {
  width: auto;
}

.ui-fluid .ui-fileupload-content .ui-button-icon-only {
  width: 2em;
}

@media (max-width: 40em) {
  .ui-fileupload-buttonbar .ui-button {
      display: block;
      width: 100%;
      margin-right: 0;
      margin-bottom: .25em;
  }

  .ui-fileupload-buttonbar .ui-button:last-child {
      margin-bottom: 0;
  }

  .ui-fileupload-row > div {
      display: block;
  }
}



.ui-fluid .fc .ui-button {
  width: auto;
}
.ui-galleria {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}

.ui-galleria .ui-galleria-panel-wrapper {
  position: relative;
  padding: 0;
  margin: 0;
}

.ui-galleria .ui-galleria-panel {
  filter: inherit;
  position: absolute;
  top: 0;
  left: 0;
  list-style-type: none;
}

.ui-galleria .ui-galleria-filmstrip-wrapper {
  overflow: hidden;
  margin: .25em auto;
  position: relative;
}

.ui-galleria .ui-galleria-filmstrip {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  width: 2340px;
  position: absolute;
  top: 0;
  left: 0;
}

.ui-galleria .ui-galleria-frame {
  float:left;
  margin-right: 5px;
  opacity: 0.3;
  cursor: pointer;
}

.ui-galleria .ui-galleria-frame-active {
  opacity: 1;
}

.ui-galleria .ui-galleria-frame-content {
  overflow: hidden;
}

.ui-galleria .ui-galleria-nav-next, .ui-galleria .ui-galleria-nav-prev {
cursor: pointer;
  position: absolute;
  z-index: 1;
}

.ui-galleria .ui-galleria-nav-prev {
  left: 4px;
}

.ui-galleria .ui-galleria-nav-next {
  right: 4px;
}

.ui-galleria .ui-galleria-caption {
  position: absolute;
  left:1px;
  background-color: rgba(0,0,0,0.5);
  display: none;
  color: #ededed;
  padding: 0.2em 1em;
}

.ui-galleria .ui-galleria-caption h4 {
  color: #ededed;
}

.ui-galleria .ui-galleria-panel-content {
  padding: 1em 1.4em;
}

/* Deprecated Grid CSS */
.ui-grid {
  clear: both;
  padding: 0;
  margin: 0;
}

.ui-grid::before,
.ui-grid::after {
  content:"";
  display:table;
}

.ui-grid::after {
  clear:both;
}

.ui-grid .ui-grid-row {
  display: flex;
  clear:both;
}

.ui-grid-row::after {
  clear: both;
  content: "";
  display: table;
}

.ui-grid-col-1,
.ui-grid-col-2,
.ui-grid-col-3,
.ui-grid-col-4,
.ui-grid-col-5,
.ui-grid-col-6,
.ui-grid-col-7,
.ui-grid-col-8,
.ui-grid-col-9,
.ui-grid-col-10,
.ui-grid-col-11,
.ui-grid-col-12 {
  float: left;
  box-sizing: border-box;
}

.ui-grid-col-1 {
  width: 8.33333%;
}

.ui-grid-col-2 {
  width: 16.66666%;
}

.ui-grid-col-3 {
  width: 25%;
}

.ui-grid-col-4 {
  width: 33.33333%;
}

.ui-grid-col-5 {
  width: 41.66666%;
}

.ui-grid-col-6 {
  width: 50%;
}

.ui-grid-col-7 {
  width: 58.33333%;
}

.ui-grid-col-8 {
  width: 66.66666%;
}

.ui-grid-col-9 {
  width: 75%;
}

.ui-grid-col-10 {
  width: 83.33333%;
}

.ui-grid-col-11 {
  width: 91.66666%;
}

.ui-grid-col-12 {
  width: 100%;
}

@media (min-width: 480px) {
  .ui-grid-fixed {
      width: 480px;
  }
}

@media (min-width: 768px) {
  .ui-grid-fixed {
      width: 768px;
  }
}

@media (min-width: 960px) {
  .ui-grid-fixed {
      width: 960px;
  }
}

@media (min-width: 1024px) {
  .ui-grid-fixed {
      width: 1024px;
  }
}

/* Responsive */
@media (max-width: 640px) {
  .ui-grid-responsive .ui-grid-row {
      display: block;
  }
  
  .ui-grid-responsive .ui-grid-col-1,
  .ui-grid-responsive .ui-grid-col-2,
  .ui-grid-responsive .ui-grid-col-3,
  .ui-grid-responsive .ui-grid-col-4,
  .ui-grid-responsive .ui-grid-col-5,
  .ui-grid-responsive .ui-grid-col-6,
  .ui-grid-responsive .ui-grid-col-7,
  .ui-grid-responsive .ui-grid-col-8,
  .ui-grid-responsive .ui-grid-col-9,
  .ui-grid-responsive .ui-grid-col-10,
  .ui-grid-responsive .ui-grid-col-11,
  .ui-grid-responsive .ui-grid-col-12 {
      width: 100%;
      float: none;
  }
}

.ui-grid.ui-grid-pad > .ui-grid-row > div {
  padding: .25em .5em;
}

/* Responsive */
@media (max-width: 640px) {
  .ui-grid-responsive .ui-grid-row {
      display: block;
  }
  
  .ui-grid-responsive .ui-grid-col-1,
  .ui-grid-responsive .ui-grid-col-2,
  .ui-grid-responsive .ui-grid-col-3,
  .ui-grid-responsive .ui-grid-col-4,
  .ui-grid-responsive .ui-grid-col-5,
  .ui-grid-responsive .ui-grid-col-6,
  .ui-grid-responsive .ui-grid-col-7,
  .ui-grid-responsive .ui-grid-col-8,
  .ui-grid-responsive .ui-grid-col-9,
  .ui-grid-responsive .ui-grid-col-10,
  .ui-grid-responsive .ui-grid-col-11,
  .ui-grid-responsive .ui-grid-col-12 {
      width: 100%;
      float: none;
  }
}

/* New Grid CSS */
.ui-g {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}
          
.ui-g::after {
  clear: both;
  content: "";
  display: table;
  box-sizing: border-box;
}
          
.ui-g-1,
.ui-g-2,
.ui-g-3,
.ui-g-4,
.ui-g-5,
.ui-g-6,
.ui-g-7,
.ui-g-8,
.ui-g-9,
.ui-g-10,
.ui-g-11,
.ui-g-12 {
  float: left;
  box-sizing: border-box;
  padding: 0.5em;
}

.ui-g-1 {
  width: 8.3333%;
}

.ui-g-2 {
  width: 16.6667%;
}

.ui-g-3 {
  width: 25%;
}

.ui-g-4 {
  width: 33.3333%;
}

.ui-g-5 {
  width: 41.6667%;
}

.ui-g-6 {
  width: 50%;
}

.ui-g-7 {
  width: 58.3333%;
}

.ui-g-8 {
  width: 66.6667%;
}

.ui-g-9 {
  width: 75%;
}

.ui-g-10 {
  width: 83.3333%;
}

.ui-g-11 {
  width: 91.6667%;
}

.ui-g-12 {
  width: 100%;
}

.ui-g-offset-12 {
margin-left: 100%;
}

.ui-g-offset-11 {
margin-left: 91.66666667%;
}

.ui-g-offset-10 {
margin-left: 83.33333333%;
}

.ui-g-offset-9 {
margin-left: 75%;
}

.ui-g-offset-8 {
margin-left: 66.66666667%;
}

.ui-g-offset-7 {
margin-left: 58.33333333%;
}

.ui-g-offset-6 {
margin-left: 50%;
}

.ui-g-offset-5 {
margin-left: 41.66666667%;
}

.ui-g-offset-4 {
margin-left: 33.33333333%;
}

.ui-g-offset-3 {
margin-left: 25%;
}

.ui-g-offset-2 {
margin-left: 16.66666667%;
}

.ui-g-offset-1 {
margin-left: 8.33333333%;
}

.ui-g-offset-0 {
margin-left: 0%;
}

@media screen and (max-width: 40em) {
  .ui-sm-1,
  .ui-sm-2,
  .ui-sm-3,
  .ui-sm-4,
  .ui-sm-5,
  .ui-sm-6,
  .ui-sm-7,
  .ui-sm-8,
  .ui-sm-9,
  .ui-sm-10,
  .ui-sm-11,
  .ui-sm-12 {
      padding: 0.5em;
  }

  .ui-sm-1 {
      width: 8.3333%;
  }

  .ui-sm-2 {
      width: 16.6667%;
  }

  .ui-sm-3 {
      width: 25%;
  }

  .ui-sm-4 {
      width: 33.3333%;
  }

  .ui-sm-5 {
      width: 41.6667%;
  }

  .ui-sm-6 {
      width: 50%;
  }

  .ui-sm-7 {
      width: 58.3333%;
  }

  .ui-sm-8 {
      width: 66.6667%;
  }

  .ui-sm-9 {
      width: 75%;
  }

  .ui-sm-10 {
      width: 83.3333%;
  }

  .ui-sm-11 {
      width: 91.6667%;
  }

  .ui-sm-12 {
      width: 100%;
  }
  
  .ui-sm-offset-12 {
    margin-left: 100%;
  }

  .ui-sm-offset-11 {
    margin-left: 91.66666667%;
  }

  .ui-sm-offset-10 {
    margin-left: 83.33333333%;
  }

  .ui-sm-offset-9 {
    margin-left: 75%;
  }

  .ui-sm-offset-8 {
    margin-left: 66.66666667%;
  }

  .ui-sm-offset-7 {
    margin-left: 58.33333333%;
  }

  .ui-sm-offset-6 {
    margin-left: 50%;
  }

  .ui-sm-offset-5 {
    margin-left: 41.66666667%;
  }

  .ui-sm-offset-4 {
    margin-left: 33.33333333%;
  }

  .ui-sm-offset-3 {
    margin-left: 25%;
  }

  .ui-sm-offset-2 {
    margin-left: 16.66666667%;
  }

  .ui-sm-offset-1 {
    margin-left: 8.33333333%;
  }

  .ui-sm-offset-0 {
    margin-left: 0%;
  }
}

@media screen and (min-width: 40.063em) {
  .ui-md-1,
  .ui-md-2,
  .ui-md-3,
  .ui-md-4,
  .ui-md-5,
  .ui-md-6,
  .ui-md-7,
  .ui-md-8,
  .ui-md-9,
  .ui-md-10,
  .ui-md-11,
  .ui-md-12 {
      padding: 0.5em;
  }

  .ui-md-1 {
      width: 8.3333%;
  }

  .ui-md-2 {
      width: 16.6667%;
  }

  .ui-md-3 {
      width: 25%;
  }

  .ui-md-4 {
      width: 33.3333%;
  }

  .ui-md-5 {
      width: 41.6667%;
  }

  .ui-md-6 {
      width: 50%;
  }

  .ui-md-7 {
      width: 58.3333%;
  }

  .ui-md-8 {
      width: 66.6667%;
  }

  .ui-md-9 {
      width: 75%;
  }

  .ui-md-10 {
      width: 83.3333%;
  }

  .ui-md-11 {
      width: 91.6667%;
  }

  .ui-md-12 {
      width: 100%;
  }
  
  .ui-md-offset-12 {
    margin-left: 100%;
  }

  .ui-md-offset-11 {
    margin-left: 91.66666667%;
  }

  .ui-md-offset-10 {
    margin-left: 83.33333333%;
  }

  .ui-md-offset-9 {
    margin-left: 75%;
  }

  .ui-md-offset-8 {
    margin-left: 66.66666667%;
  }

  .ui-md-offset-7 {
    margin-left: 58.33333333%;
  }

  .ui-md-offset-6 {
    margin-left: 50%;
  }

  .ui-md-offset-5 {
    margin-left: 41.66666667%;
  }

  .ui-md-offset-4 {
    margin-left: 33.33333333%;
  }

  .ui-md-offset-3 {
    margin-left: 25%;
  }

  .ui-md-offset-2 {
    margin-left: 16.66666667%;
  }

  .ui-md-offset-1 {
    margin-left: 8.33333333%;
  }

  .ui-md-offset-0 {
    margin-left: 0%;
  }
}

@media screen and (min-width: 64.063em) {
  .ui-lg-1,
  .ui-lg-2,
  .ui-lg-3,
  .ui-lg-4,
  .ui-lg-5,
  .ui-lg-6,
  .ui-lg-7,
  .ui-lg-8,
  .ui-lg-9,
  .ui-lg-10,
  .ui-lg-11,
  .ui-lg-12 {
      padding: 0.5em;
  }

  .ui-lg-1 {
      width: 8.3333%;
  }

  .ui-lg-2 {
      width: 16.6667%;
  }

  .ui-lg-3 {
      width: 25%;
  }

  .ui-lg-4 {
      width: 33.3333%;
  }

  .ui-lg-5 {
      width: 41.6667%;
  }

  .ui-lg-6 {
      width: 50%;
  }

  .ui-lg-7 {
      width: 58.3333%;
  }

  .ui-lg-8 {
      width: 66.6667%;
  }

  .ui-lg-9 {
      width: 75%;
  }

  .ui-lg-10 {
      width: 83.3333%;
  }

  .ui-lg-11 {
      width: 91.6667%;
  }

  .ui-lg-12 {
      width: 100%;
  }
  
  .ui-lg-offset-12 {
    margin-left: 100%;
  }

  .ui-lg-offset-11 {
    margin-left: 91.66666667%;
  }

  .ui-lg-offset-10 {
    margin-left: 83.33333333%;
  }

  .ui-lg-offset-9 {
    margin-left: 75%;
  }

  .ui-lg-offset-8 {
    margin-left: 66.66666667%;
  }

  .ui-lg-offset-7 {
    margin-left: 58.33333333%;
  }

  .ui-lg-offset-6 {
    margin-left: 50%;
  }

  .ui-lg-offset-5 {
    margin-left: 41.66666667%;
  }

  .ui-lg-offset-4 {
    margin-left: 33.33333333%;
  }

  .ui-lg-offset-3 {
    margin-left: 25%;
  }

  .ui-lg-offset-2 {
    margin-left: 16.66666667%;
  }

  .ui-lg-offset-1 {
    margin-left: 8.33333333%;
  }

  .ui-lg-offset-0 {
    margin-left: 0%;
  }
}

@media screen and (min-width: 90.063em) {
  .ui-xl-1,
  .ui-xl-2,
  .ui-xl-3,
  .ui-xl-4,
  .ui-xl-5,
  .ui-xl-6,
  .ui-xl-7,
  .ui-xl-8,
  .ui-xl-9,
  .ui-xl-10,
  .ui-xl-11,
  .ui-xl-12 {
      padding: 0.5em;
  }

  .ui-xl-1 {
      width: 8.3333%;
  }

  .ui-xl-2 {
      width: 16.6667%;
  }

  .ui-xl-3 {
      width: 25%;
  }

  .ui-xl-4 {
      width: 33.3333%;
  }

  .ui-xl-5 {
      width: 41.6667%;
  }

  .ui-xl-6 {
      width: 50%;
  }

  .ui-xl-7 {
      width: 58.3333%;
  }

  .ui-xl-8 {
      width: 66.6667%;
  }

  .ui-xl-9 {
      width: 75%;
  }

  .ui-xl-10 {
      width: 83.3333%;
  }

  .ui-xl-11 {
      width: 91.6667%;
  }

  .ui-xl-12 {
      width: 100%;
  }
  
  .ui-xl-offset-12 {
    margin-left: 100%;
  }

  .ui-xl-offset-11 {
    margin-left: 91.66666667%;
  }

  .ui-xl-offset-10 {
    margin-left: 83.33333333%;
  }

  .ui-xl-offset-9 {
    margin-left: 75%;
  }

  .ui-xl-offset-8 {
    margin-left: 66.66666667%;
  }

  .ui-xl-offset-7 {
    margin-left: 58.33333333%;
  }

  .ui-xl-offset-6 {
    margin-left: 50%;
  }

  .ui-xl-offset-5 {
    margin-left: 41.66666667%;
  }

  .ui-xl-offset-4 {
    margin-left: 33.33333333%;
  }

  .ui-xl-offset-3 {
    margin-left: 25%;
  }

  .ui-xl-offset-2 {
    margin-left: 16.66666667%;
  }

  .ui-xl-offset-1 {
    margin-left: 8.33333333%;
  }

  .ui-xl-offset-0 {
    margin-left: 0%;
  }
}

.ui-g-nopad {
  padding: 0;
}

.ui-growl {
position:fixed;
top: 20px;
right: 20px;
width: 20em;
}

.ui-growl-item-container {
position:relative;
margin:0 0 10px 0;
opacity:0.95;
filter:alpha(opacity=95);
}

.ui-growl-item {
  position: relative;
display: block;
padding: .5em 1em;
}

.ui-growl-item p {
padding: 0;
margin: 0;
}

.ui-growl-icon-close {
position: absolute;
top: 4px;
right: 4px;
cursor: pointer;
}

.ui-growl-title {
font-weight: bold;
padding: 0 0 .5em 0;
display: block;
}

.ui-growl-image {
  position: absolute;
  display: inline-block;
  left: .5em;
  top: .25em;
  padding: 0;
  font-size: 2em;
}

.ui-growl-message {
padding: 0 0 .25em 0;
  margin-left: 2.5em;
}

.ui-growl-message p {
font-weight: normal;
}
.ui-inplace .ui-inplace-display {
  display: inline;
  cursor: pointer;
  border: 0 none;
  padding: .25em;
  font-weight: normal;
}

.ui-inplace .ui-inplace-content {
  display: inline;
}
.ui-fluid .ui-inputgroup p-inputmask {
  flex: 1 1 auto;
}

.ui-inputgroup p-inputmask:not(:first-child) .ui-inputtext {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0 none;
}

.ui-inputgroup p-inputmask:not(:last-child) .ui-inputtext {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0 none;
}

.ui-inputswitch {
  position: relative;
  display: inline-block;
  width: 3em;
  height: 1.75em;
}

.ui-inputswitch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: .3s;
  border-radius: 30px;
}

.ui-inputswitch-slider:before {
  position: absolute;
  content: "";
  height: 1.250em;
  width: 1.250em;
  left: .25em;
  bottom: .25em;
  border-radius: 50%;
  transition: .3s;
}

.ui-inputswitch-checked .ui-inputswitch-slider:before {
  transform: translateX(1.250em);
}

.ui-inputswitch.ui-state-disabled .ui-inputswitch-slider, 
.ui-inputswitch-readonly .ui-inputswitch-slider {
  cursor: default;
}
.ui-inputtext {
  margin: 0;
  outline: medium none;
  padding: .25em;
  font-weight: normal;
}

.ui-widget-header .ui-inputtext,
.ui-widget-content .ui-inputtext {
  font-weight: normal;
}

.ui-fluid .ui-inputtext {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing: border-box;
}

.ui-inputgroup {
  display: flex;
}

.ui-inputgroup .ui-inputgroup-addon {
  display: inline-block;
  text-align: center;
  min-width: 1.5em;
  padding: .25em;
  border-width: 1px;
  border-style: solid;
}

.ui-inputgroup .ui-inputgroup-addon + .ui-inputgroup-addon {
  border-left: 0 none;
}

.ui-inputgroup .ui-inputtext {
  padding-left: .5em;
}

.ui-inputgroup .ui-inputtext:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0 none;
}

.ui-inputgroup .ui-inputtext:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0 none;
}

.ui-inputgroup .ui-button {
  margin-right: 0;
  border-radius: 0;
}

.ui-fluid .ui-inputgroup .ui-button {
  width: auto;
}

.ui-fluid .ui-inputgroup .ui-inputtext {
  flex: 1 1 auto;
}

.ui-inputgroup .ui-chkbox, 
.ui-inputgroup .ui-radiobutton {
  margin-right: 0;
  vertical-align: bottom;
}

/* Floating Label */
.ui-float-label {
  display: block;
  position:relative; 
}

.ui-float-label > label {
font-weight:normal;
position:absolute;
pointer-events:none;
left: .25em;
top: 50%;
margin-top: -.5em;
transition: 0.3s ease all; 
-moz-transition: 0.3s ease all; 
-webkit-transition: 0.3s ease all;
color: #898989;
line-height: 1;
}

/* breaks firefox so defined separately */
.ui-float-label > input:-webkit-autofill ~ label {
  top:-.75em;
  font-size:12px;
}
  
.ui-float-label > input:focus ~ label,
.ui-float-label > input.ui-state-filled ~ label,
.ui-float-label > .ui-inputwrapper-focus ~ label,
.ui-float-label > .ui-inputwrapper-filled ~ label {
top:-.75em;
font-size:12px;
}



.ui-inputtextarea-resizable {
  overflow:hidden;
  resize:none;
}

.ui-fluid .ui-inputtextarea {
  width:100%;
}

.ui-float-label > textarea ~ label {
  left: .25em;
  top: .75em;
}

/* breaks firefox so defined separately */
.ui-float-label textarea:-webkit-autofill ~ label {
  top:-.75em;
  font-size:12px;
}

.ui-float-label textarea:focus ~ label,
.ui-float-label textarea.ui-state-filled ~ label {
  top: -.75em;
  font-size: 12px;
}
.ui-lightbox {
  position: fixed;
  display: none;
}

.ui-lightbox-content-wrapper {
  position: relative;
}

.ui-lightbox-content {
  position: relative;
  margin: 0;
  padding: 0;
  background-color: #000000;
}

.ui-lightbox-nav-right, .ui-lightbox-nav-left {
 position: absolute;
 top: 50%;
 cursor: pointer;
}

.ui-lightbox-nav-left {
 left: 0;
}

.ui-lightbox-nav-right {
 right: 0;
}

.ui-lightbox-loading .ui-lightbox-content {
}

.ui-lightbox-caption {
  padding: 0.2em 0.4em;
  display: none;
}

.ui-lightbox-caption-text {
  margin: 0.3em 0 0.1em 0;
  float:left;
}

.ui-lightbox-close {
  float:right;
  margin: 0;
  padding: .125em;
}

.ui-lightbox-close.ui-state-hover {
  padding: 0;
}

.ui-lightbox-nav-left, .ui-lightbox-nav-right {
  opacity: .5;
}

.ui-lightbox-nav-left:hover, .ui-lightbox-nav-right:hover{
  opacity: 1;
}
.ui-listbox {
  padding: .25em;
  width: 10em;
}

.ui-listbox .ui-listbox-list-wrapper {
  overflow:auto;
}

.ui-listbox .ui-listbox-list {
  list-style-type: none; 
  margin: 0;
  padding: 0;
}

.ui-listbox .ui-listbox-item {
  padding: .25em;
  border: 0 none;
  cursor: pointer;
  font-weight: normal;
  margin-bottom: 1px;
}

.ui-listbox .ui-listbox-item > span {
  vertical-align: middle;
}

.ui-listbox .ui-listbox-item:last-child {
  margin-bottom: 0;
}

.ui-listbox.ui-state-disabled .ui-listbox-item {
  cursor: default;
}

.ui-listbox-header {
  margin-bottom: 0.3em;
  padding: .125em .2em;
  position: relative;
}

.ui-listbox-header .ui-chkbox {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

.ui-listbox-header .ui-listbox-filter-container {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 100%;
}

.ui-listbox-header.ui-listbox-header-w-checkbox .ui-listbox-filter-container {
  width: calc(100% - 2em);
}

.ui-listbox-header .ui-listbox-filter-container .ui-listbox-filter-icon {
  position: absolute;
  top: .25em;
  left: .25em;
}

.ui-listbox-header .ui-inputtext {
  padding: .125em .125em .125em 1.25em;
  width: 100%;
}

.ui-listbox-footer {
  padding: .125em .2em;
}
.ui-megamenu {
  padding: .25em;
}

.ui-megamenu-root-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ui-megamenu-root-list > .ui-menuitem {
  position: relative;
}

.ui-megamenu .ui-menuitem-link {
  padding: .25em;
  display: block;
  text-decoration: none;
}

.ui-megamenu .ui-menuitem-icon {
  margin-right: .25em;
  vertical-align: middle;
}

.ui-megamenu .ui-menuitem-text {
  vertical-align: middle;
}

.ui-megamenu-panel {
  display: none;
  position: absolute;
  width: auto;
}

.ui-megamenu-root-list > .ui-menuitem-active > .ui-megamenu-panel {
  display: block;
}

.ui-megamenu-panel .ui-menuitem {
  margin: .125em 0;
}

.ui-megamenu-submenu {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 12.5em;
}

.ui-megamenu-submenu-header {
  padding: .25em;
}

/* Horizontal */
.ui-megamenu-horizontal .ui-megamenu-root-list > .ui-menuitem {
  display: inline-block;
}

.ui-megamenu-horizontal .ui-megamenu-root-list > .ui-menuitem > .ui-menuitem-link > .ui-submenu-icon {
  vertical-align: middle;
  margin-left: .25em;    
}

/* Vertical */
.ui-megamenu-vertical {
  width: 12.5em;
}

.ui-megamenu-vertical .ui-megamenu-root-list > .ui-menuitem {
  display: block;
}

.ui-megamenu-vertical .ui-megamenu-root-list > .ui-menuitem > .ui-menuitem-link {
  position: relative;
}

.ui-megamenu-vertical .ui-megamenu-root-list > .ui-menuitem > .ui-menuitem-link > .ui-submenu-icon {
  position: absolute;
  width: 1em;
  height: 1em;
  top: 50%;
  right: 0;
  margin-top: -.5em;
}

.ui-megamenu .ui-g {
  flex-wrap: nowrap;
}
.ui-menu {
  width: 12.5em;
  padding: .25em;
}

.ui-menu.ui-menu-dynamic {
  position: absolute;
}

.ui-menu .ui-menu-separator {
  border-width: 1px 0 0 0;
}

.ui-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ui-menu .ui-submenu-header {
  padding: .25em .5em;
  margin: .125em 0;
}

.ui-menu .ui-menuitem {
  margin: .125em 0;
}

.ui-menu .ui-menuitem-link {
  cursor: pointer;
  padding: .25em;
  display: block;
  text-decoration: none;
}

.ui-menu .ui-menuitem-icon {
  margin-right: .25em;
  vertical-align: middle;
}

.ui-menu .ui-menuitem-text {
  vertical-align: middle;
}
.ui-message {
  border: 1px solid;
  margin: 0px .25em;
  padding: .25em .5em;
  display: inline-block;
  vertical-align: top;
}

.ui-message .ui-message-icon,
.ui-message .ui-message-text {
  vertical-align: middle;
}

.ui-fluid .ui-message {
  display: block;
}
.ui-menubar {
  padding: .25em;
}

.ui-menubar:after {
  content: "";
  clear: both;
  display: table;
}

.ui-menubar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ui-menubar .ui-menuitem-link {
  display: block;
  padding: .25em;
  position: relative;
  text-decoration: none;
}

.ui-menubar .ui-menuitem-icon {
  margin-right: .25em;
}

.ui-menubar .ui-menubar-root-list {
  display: inline-block;
}

.ui-menubar .ui-menubar-root-list > .ui-menuitem {
  display: inline-block;
  position: relative;
}

.ui-menubar .ui-menubar-root-list > .ui-menuitem > .ui-menuitem-link {
  padding: .5em;
}

.ui-menubar .ui-menubar-root-list > .ui-menuitem > .ui-menuitem-link > .ui-submenu-icon {
  vertical-align: middle;
  margin-left: .25em;
}

.ui-menubar .ui-menubar-root-list > li ul {
  display: none;
}

.ui-menubar .ui-menubar-root-list > .ui-menu-separator {
  display: inline-block;
  vertical-align: middle;
  height: 1.5em;
}

.ui-menubar .ui-submenu-list {
  display: none;
  position: absolute;
  min-width: 12.5em;
  padding: .25em;
}

.ui-menubar .ui-submenu-list .ui-menuitem {
  margin: .125em 0;
  position: relative;
}

.ui-menubar .ui-menuitem-icon {
  margin-right: .25em;
  vertical-align: middle;
}

.ui-menubar .ui-menuitem-text {
  vertical-align: middle;
}

.ui-menubar .ui-submenu-list .ui-menuitem-link .ui-submenu-icon {
  position: absolute;
  margin-top: -.5em;
  right: 0;
  top: 50%;
}

.ui-menubar .ui-menuitem-active > .ui-submenu > .ui-submenu-list {
  display: block;
}

.ui-menubar .ui-menubar-custom {
  float: right;
  padding: .25em;
}
.ui-messages {
  border: 1px solid;
  margin: .5em 0;
  padding: 1em 1em 1em .5em;
  position: relative;
  display: flex;
}

.ui-messages .ui-messages-icon {
  display:inline-block;
  padding: 0;
  vertical-align: middle;
  font-size: 2em;
}

.ui-messages .ui-messages-summary {
  font-weight: bold;
  margin-left: .25em;
}

.ui-messages .ui-messages-detail {
  margin-left: .25em;
}

.ui-messages ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline-block;
  vertical-align: middle;
  display: flex;
  align-items: center;
}

.ui-messages ul > li {
  padding: .25em;
}

.ui-messages.ui-messages-noicon ul {
  margin: 0 1.5em 0 0;
}

.ui-messages .ui-messages-close {
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: 5px;
}
.ui-multiselect {
  display: inline-block;
  position: relative;
  width: auto;
  cursor: pointer;
}

.ui-multiselect .ui-multiselect-trigger {
  border-right: none;
  border-top: none;
  border-bottom: none;
  cursor: pointer;
  width: 1.5em;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 .25em;
}

.ui-multiselect .ui-multiselect-trigger  .ui-multiselect-trigger-icon {
  top: 50%;
  left: 50%;
  margin-top: -.5em;
  margin-left: -.5em;
  position: absolute;
}

.ui-multiselect .ui-multiselect-label-container  {
  overflow: hidden;
}

.ui-multiselect .ui-multiselect-label  {
  display: block;
  padding: .25em 2em .25em .25em;
  width: auto;
  border: none;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ui-multiselect.ui-state-disabled .ui-multiselect-trigger,
.ui-multiselect.ui-state-disabled .ui-multiselect-label {
  cursor: auto
}

.ui-multiselect-panel {
  padding: 0.2em;
  position: absolute;
  min-width: 12em;
}

.ui-multiselect .ui-multiselect-panel {
  min-width: 100%;
}

.ui-multiselect-panel .ui-multiselect-items-wrapper {
  overflow: auto;
  position: relative;
  padding: 0.2em 0;
}

.ui-multiselect-panel .ui-multiselect-list {
  border: 0 none;
}

.ui-multiselect-panel .ui-multiselect-item {
  border: 0 none;
  cursor: pointer;
  font-weight: normal;
  margin: 1px 0;
  padding: .125em .25em;
  text-align: left;
  white-space: nowrap;
  display: block;
  position: relative;
}

.ui-multiselect-panel .ui-multiselect-empty-message {
  padding: .5em;
} 

.ui-multiselect-panel .ui-multiselect-item .ui-chkbox {
  display: inline-block;
  vertical-align: middle;
}

.ui-multiselect-panel .ui-multiselect-item span {
  display: inline-block;
  vertical-align: middle;
}

.ui-multiselect-header {
  margin-bottom: 0.3em;
  padding: .25em;
  position: relative;
  text-align: left;
  min-height: 2em;
}

.ui-multiselect-header .ui-chkbox {
  display: inline-block;
  vertical-align: middle;
  cursor:pointer;
}

.ui-multiselect-header .ui-multiselect-filter-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 65%;
}

.ui-multiselect-header.ui-multiselect-header-no-toggleall .ui-multiselect-filter-container {
  width: 85%;
}

.ui-multiselect-header .ui-multiselect-filter-container .ui-multiselect-filter-icon {
  position: absolute;
  top: .25em;
  left: .125em;
}
          
.ui-multiselect-header .ui-inputtext {
  padding: .125em .125em .125em 1.25em;
  width: 100%;
}

.ui-multiselect-header .ui-multiselect-close {
  position: absolute;
  right: .375em;
  top: .375em;
  display: block;
  border: 0 none;
  cursor: pointer;
}

.ui-multiselect-header a.ui-multiselect-all,
.ui-multiselect-header a.ui-multiselect-none {
  float:left;
  margin-right: 10px;
  display: block;
}

.ui-multiselect-footer {
  padding: .25em;
}

.ui-fluid .ui-multiselect {
  width: 100%;
  box-sizing: border-box;
}


.ui-orderlist {
  display: flex;
  flex-wrap: wrap;
}

.ui-orderlist-controls-left {
  flex-direction: row;
}

.ui-orderlist-controls-right {
  flex-direction: row-reverse;
}

.ui-orderlist-controls,
.ui-orderlist-list-container {
  flex: 0 0 auto;
}
.ui-orderlist-controls {
  padding: 0 .25em;
  width: 16.66666%;
  align-self: center;
}

.ui-orderlist-controls .ui-button.ui-button-icon-only {
  display: block;
  margin-bottom: 0.25em;
  width: 100%;
}

.ui-orderlist-list-container {
  width: 83.33333%;
}

.ui-orderlist-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow:auto;
  height: 12.5em;
}

.ui-orderlist-caption {
  text-align: center;
padding: .5em .75em;
  border-bottom: 0 none;
}

.ui-orderlist-item {
  margin: 1px;
  padding: .125em;
  cursor: pointer;
  border: 0 none;
  font-weight: inherit;
}

.ui-orderlist-filter-container {
  position: relative;
  width: 100%;
  padding: .5em .6em;
  border-bottom: 0 none;
}

.ui-orderlist-filter-container .ui-inputtext {
  text-indent: 1.1em;
  width: 100%;
}

.ui-orderlist-filter-container .ui-orderlist-filter-icon {
  position: absolute;
  top: 50%;
  left: 1em;
  margin-top: -.6em;
}

.ui-orderlist.ui-state-disabled .ui-orderlist-item,
.ui-orderlist.ui-state-disabled .ui-button {
  cursor: default;
}

.ui-orderlist.ui-state-disabled .ui-orderlist-list {
  overflow:hidden;
}

.ui-orderlist .ui-orderlist-droppoint {
  height: 6px;
  list-style-type: none;
}

@media (max-width: 767px) {
  .ui-orderlist-controls {
      width: 100%;
      text-align: center;
  }

  .ui-orderlist .ui-orderlist-list-container {
      width: 100%;
  }
  
  .ui-orderlist .ui-orderlist-controls .ui-button.ui-button.ui-button-icon-only {
      display: inline-block;
      width: 20%;
      margin-right: .25em;
  }
}
.ui-organizationchart .ui-organizationchart-table {
  border-spacing: 0;
  border-collapse: separate;
  margin: 0 auto;
}

.ui-organizationchart .ui-organizationchart-table > tr > td {
  text-align: center;
  vertical-align: top;
  padding: 0;
  padding: 0 .75em;
}

.ui-organizationchart .ui-organizationchart-node-content {
  padding: .5em .75em;
  display: inline-block;
  position: relative;
}

.ui-organizationchart .ui-organizationchart-node-content .ui-node-toggler {
  position: absolute;
  bottom: -9px;
  margin-left: -8px;
  z-index: 2;
  left: 50%;
}

.ui-organizationchart .ui-organizationchart-line-down {
  margin: 0 auto;
  height: 20px;
  width: 1px;
  float: none;
}

.ui-organizationchart .ui-organizationchart-line-right {
  float: none;
  border-radius: 0px;
}

.ui-organizationchart .ui-organizationchart-line-left {
  float: none;
  border-radius: 0;
}

.ui-organizationchart .ui-organizationchart-node-content.ui-organizationchart-selectable-node {
  cursor: pointer;
}

.ui-overlaypanel {
  padding: 0;
  margin: 0;
  position: absolute;
  margin-top: 10px;
}

.ui-overlaypanel-flipped {
  margin-top: 0;
  margin-bottom: 10px;
}

.ui-overlaypanel-content {
  padding: 0.5em 1em;
}

.ui-overlaypanel-close {
  position: absolute;
  top: -1em;
  right: -1em;
  width: 2em;
  height: 2em;
  line-height: 2em;
  text-align: center;
  border-radius: 100%;
  cursor: pointer;
}

.ui-overlaypanel-close-icon {
  line-height: inherit;
}

.ui-overlaypanel:after, .ui-overlaypanel:before {
bottom: 100%;
left: 1.25em;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.ui-overlaypanel:after {
border-width: 8px;
margin-left: -8px;
}

.ui-overlaypanel:before {
border-width: 10px;
margin-left: -10px;
}

.ui-overlaypanel-shifted:after, .ui-overlaypanel-shifted:before {
  left: auto;
  right: 1.25em;
  margin-left: auto;
}

.ui-overlaypanel-shifted:after {
  margin-right: -8px;
}

.ui-overlaypanel:before {
  margin-right: -10px;
}

.ui-overlaypanel-flipped:after, .ui-overlaypanel-flipped:before {
  bottom: auto;
  top: 100%;
}

.ui-overlaypanel.ui-overlaypanel-flipped:after {
  border-bottom-color: transparent;
}

.ui-overlaypanel.ui-overlaypanel-flipped:before {
  border-bottom-color: transparent
}
.ui-paginator {
  margin: 0;
  text-align: center;
  padding: .125em;
}

.ui-paginator .ui-paginator-top {
  border-bottom: 0 none;
}

.ui-paginator .ui-paginator-bottom {
  border-top:0 none;
}

.ui-paginator .ui-paginator-left-content {
  float: left;    
}

.ui-paginator .ui-paginator-right-content {
  float: right;    
}

.ui-paginator .ui-paginator-page,
.ui-paginator .ui-paginator-pages,
.ui-paginator .ui-paginator-next,
.ui-paginator .ui-paginator-last,
.ui-paginator .ui-paginator-first,
.ui-paginator .ui-paginator-prev,
.ui-paginator .ui-paginator-current {
  display: inline-block;
  min-width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
zoom: 1;
margin-left: .063em;
margin-right: .063em;
text-decoration: none;
  vertical-align: middle;
  text-align: center;
  position: relative;
}

.ui-paginator .ui-paginator-pages {
  width: auto;
  line-height: 1;
}

.ui-paginator .ui-paginator-icon {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1em;
  height: 1em;
  margin-top: -.5em;
  margin-left: -.5em;
}

.ui-paginator .ui-paginator-page,
.ui-paginator .ui-paginator-next,
.ui-paginator .ui-paginator-last,
.ui-paginator .ui-paginator-first,
.ui-paginator .ui-paginator-prev{
  cursor: pointer;
}

.ui-paginator .ui-paginator-current,
.ui-paginator .ui-paginator-rpp-options {
margin-left: 1em;
margin-right: 1em;
  background-image: none;
}

.ui-paginator .ui-paginator-jtp-select option,
.ui-paginator .ui-paginator-rpp-options option {
  background-image: none;
  border: 0 none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.ui-paginator a.ui-state-disabled {
  outline: 0 none;
}

.ui-paginator .ui-dropdown {
  min-width: 4em;
  margin-left: .375em;
}

.ui-fluid .ui-paginator .ui-dropdown {
  width: auto;
}
.ui-panel {
padding: 0.2em;
}

.ui-panel .ui-panel-titlebar {
padding: .5em .75em;
}

.ui-panel .ui-panel-titlebar.ui-panel-titlebar-clickable {
  cursor: pointer;
}

.ui-panel .ui-panel-titlebar-icon {
float: right;
  cursor: pointer;
}

.ui-panel .ui-panel-titlebar-icon {
margin-left: 0.2em;
  margin-top: -0.1em;
}

.ui-panel .ui-panel-content {
border: 0;
  background: none;
  padding: .5em .75em;
}

.ui-panel .ui-panel-footer {
border-width: 1px 0 0;
padding: .25em .5em;
text-align:left;
}

.ui-panel-content-wrapper-overflown {
  overflow: hidden;
}     
.ui-panelmenu {
  width: auto;
}

.ui-panelmenu .ui-menu-separator {
  border-width: 1px 0 0 0;
}

.ui-panelmenu .ui-panelmenu-content-wrapper {
  overflow: hidden;
}

.ui-panelmenu .ui-panelmenu-header {
  margin: -1px 0 0 0;
  zoom: 1;
}

.ui-panelmenu .ui-panelmenu-header-link {
  padding: .5em;
  display: block;
  text-decoration: none;
}

.ui-panelmenu .ui-panelmenu-icon {
  vertical-align: middle;
}

.ui-panelmenu .ui-menuitem-text {
  vertical-align: middle;
}

.ui-panelmenu .ui-menuitem-icon {
  margin-right: .25em;
  vertical-align: middle;
}

.ui-panelmenu .ui-panelmenu-content {
  padding: 0.25em;
  border-top: 0;
  margin-bottom: 1px;
}

.ui-panelmenu .ui-submenu-list {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: 1.5em;
}

.ui-panelmenu .ui-panelmenu-content > .ui-panelmenu-root-submenu >.ui-submenu-list {
  margin-left: 0;
}

.ui-panelmenu .ui-menuitem {
  overflow: hidden;
  margin: .125em 0;
}

.ui-panelmenu .ui-menuitem-link {
  padding: .25em;
  display: block;
  text-decoration: none;
}
.ui-password-panel {
  padding: .25em .5em;
  position: absolute; 
}

.ui-password-panel .ui-password-meter { 
  height: 10px; 
  padding: 0;
  margin: 0;
}

.ui-password-info { 
  margin-top: .25em;
}

/* Overlay Animations */
.ui-password-panel {
  transform: translateY(5%);
  opacity: 0;
  transition: transform .3s, opacity .3s;
}

.ui-password-panel-visible {
  transform: translateY(0);
  opacity: 1;
}

.ui-password-panel-hidden {
  opacity: 0;
  transform: translateY(5%);
  transition: transform .3s, opacity .15s;
}
.ui-picklist > div {
  float: left;
}

.ui-picklist .ui-picklist-buttons {
  height: 12.5em;
  padding: 0 .25em;
}

.ui-picklist .ui-picklist-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow:auto;
  height: 12.5em;
  width: 12.5em;
}

.ui-picklist .ui-picklist-list li {
  margin: 1px;
  padding: .125em;
}

.ui-picklist .ui-button {
  display:block;
  margin-bottom: 0.25em;
}

.ui-picklist .ui-button-text-icon-left {
  width: 100%;
}

.ui-picklist .ui-picklist-item {
  cursor: pointer;
  border: 0 none;
  font-weight: inherit;
}

.ui-picklist .ui-picklist-caption {
  text-align: center;
padding: .5em .75em;
  border-bottom:0 none;
}

.ui-picklist table {
  width: 100%;
  border-collapse:collapse;
}

.ui-picklist .ui-picklist-filter-container {
  position: relative;
  width: 100%;
  padding: .5em .6em;
  border-bottom: 0 none;
}

.ui-picklist .ui-picklist-filter-container .ui-picklist-filter {
  text-indent: 1.1em;
  width: 100%;
}

.ui-picklist .ui-picklist-filter-container .ui-picklist-filter-icon {
  position: absolute;
  top: 50%;
  left: 1em;
  margin-top: -.6em;
}

.ui-picklist {
  display: table;
}

.ui-picklist > div {
  float: none;
  display: table-cell;
  vertical-align: top;
}

.ui-picklist .ui-picklist-buttons {
  vertical-align: middle;
}

/* Vertical */
.ui-picklist.ui-picklist-vertical {
  display: table;
}

.ui-picklist.ui-picklist-vertical > div {
  float: none;
  display: table-row;
  vertical-align: top;
}

.ui-picklist.ui-picklist-vertical .ui-picklist-buttons {
  text-align:center;
  height: auto;
}

.ui-picklist.ui-picklist-vertical .ui-picklist-buttons .ui-button {
  display: inline-block;
}

.ui-picklist.ui-picklist-vertical .ui-button {
  margin-top: 0.25em;
}

.ui-picklist-outline {
  outline: 1px dotted black;
  z-index: 1;
}

.ui-picklist .ui-picklist-droppoint {
  height: 6px;
  list-style-type: none;
}

.ui-picklist .ui-picklist-list .ui-picklist-droppoint-empty {
  height: 100%;
  list-style-type: none;
}

.ui-picklist-list.ui-picklist-source,
.ui-picklist-list.ui-picklist-target {
  outline: none;
}

/* Responsive */
.ui-picklist.ui-picklist-responsive * {
  box-sizing: border-box;
}

.ui-picklist.ui-picklist-responsive {
  width: 100%;
}

.ui-picklist.ui-picklist-responsive .ui-picklist-listwrapper {
  width: 35%;
}

.ui-picklist.ui-picklist-responsive .ui-picklist-listwrapper.ui-picklist-listwrapper-nocontrols {
  width: 45%;
}

.ui-picklist.ui-picklist-responsive .ui-picklist-buttons {
  width: 10%;
}

.ui-picklist.ui-picklist-responsive .ui-picklist-buttons button {
  width: 100%;
}

.ui-picklist.ui-picklist-responsive .ui-picklist-list {
  width: auto;
}
      
/* Responsive */
@media (max-width: 40em) {
  .ui-picklist.ui-picklist-responsive {
      display: block;
  }
  
  .ui-picklist.ui-picklist-responsive > div {
      display: block;
      width: 100% !important;
  }
  
  .ui-picklist.ui-picklist-responsive .ui-picklist-buttons {
      text-align: center;
      height: auto;
      padding: .4em 0;
  }
  
  .ui-picklist.ui-picklist-responsive .ui-picklist-buttons button {
      display: inline-block;
      width: 20%;
      margin-bottom: 0;
      margin-right: .25em;
  }
  
  .ui-picklist.ui-picklist-responsive .ui-picklist-source-controls.ui-picklist-buttons {
      padding-bottom: .4em;
  }
  
  .ui-picklist.ui-picklist-responsive .ui-picklist-target-controls.ui-picklist-buttons {
      padding-top: .4em;
  }
  
  .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-right::before {
      content: "\e930";
  }
  
  .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-double-right::before {
      content: "\e92c";
  }
  
  .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-left::before {
      content: "\e933";
  }
  
  .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-double-left::before {
      content: "\e92f";
  }
}

.ui-progressbar { 
  height: 1.2em; 
  text-align: left; 
  position: relative;
  overflow: hidden;
}

.ui-progressbar-determinate .ui-progressbar-value {
  height: 100%;
  width: 0%;
  position: absolute;
  display: none;
  border: 0 none;
}

.ui-progressbar-determinate .ui-progressbar-value-animate {
  transition: width 1s ease-in-out;
}

.ui-progressbar-determinate .ui-progressbar-label {
  text-align: center;
  height: 100%;
  width: 100%;
  position: absolute;
  display: none;
  font-weight: bold;
}

.ui-progressbar-indeterminate {
  height: .5em;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  border: 0 none;
}

.ui-progressbar-indeterminate .ui-progressbar-value::before {
    content: '';
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    animation: ui-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.ui-progressbar-indeterminate .ui-progressbar-value::after {
  content: '';
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  animation: ui-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  animation-delay: 1.15s;
}
@keyframes ui-progressbar-indeterminate-anim {
0% {
  left: -35%;
  right: 100%; }
60% {
  left: 100%;
  right: -90%; }
100% {
  left: 100%;
  right: -90%; } 
}
@keyframes ui-progressbar-indeterminate-anim-short {
0% {
  left: -200%;
  right: 100%; }
60% {
  left: 107%;
  right: -8%; }
100% {
  left: 107%;
  right: -8%; } 
}
.ui-progress-spinner {
  position: relative;
  margin: 0 auto;
  width: 100px;
  height: 100px;
  display: inline-block;
}

.ui-progress-spinner::before {
  content: '';
  display: block;
  padding-top: 100%;
}

.ui-progress-spinner-svg {
  animation: ui-progress-spinner-rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.ui-progress-spinner-circle {
  stroke-dasharray: 89,200;
  stroke-dashoffset: 0;
  stroke: #d62d20;
  animation: ui-progress-spinner-dash 1.5s ease-in-out infinite, ui-progress-spinner-color 6s ease-in-out infinite;
  stroke-linecap: round;
}

@keyframes ui-progress-spinner-rotate {
  100% {
      transform: rotate(360deg);
  }
}

@keyframes ui-progress-spinner-dash {
  0% {
      stroke-dasharray: 1, 200;
      stroke-dashoffset: 0;
  }
  50% {
      stroke-dasharray: 89, 200;
      stroke-dashoffset: -35px;
  }
  100% {
      stroke-dasharray: 89, 200;
      stroke-dashoffset: -124px;
  }
}

@keyframes ui-progress-spinner-color {
  100%,
  0% {
      stroke: #d62d20;
  }
  40% {
      stroke: #0057e7;
  }
  66% {
      stroke: #008744;
  }
  80%,
  90% {
      stroke: #ffa700;
  }
}
.ui-radiobutton {
  display:inline-block;
  cursor: pointer;
  vertical-align: middle;
  margin-right: .25em;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}

.ui-radiobutton-box {
  width: 1.125em;
  height: 1.125em;
  line-height: 1.125em;
  border-radius: 100%;
  text-align: center;
  position: relative;
}

.ui-radiobutton-icon {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1em;
  height: 1em;
  margin-top: -.5em;
  margin-left: -.5em;
}

.ui-radiobutton {
  vertical-align: middle;
}
.ui-rating {
  font-size: 1.25em;
}
.ui-fluid .fc .ui-button {
  width: auto;
}
.ui-scrollpanel-wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  float: left;
}

.ui-scrollpanel-content {
  height: calc(100% + 18px);
  width: calc(100% + 18px);
  padding: 0 18px 18px 0;
  position: relative;
  overflow: auto;
  box-sizing: border-box;
}

.ui-scrollpanel-bar {
  position: relative;
  background: #c1c1c1;
  border-radius: 3px;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.25s linear;
}

.ui-scrollpanel-bar-y {
  width: 9px;
  top: 0;
}

.ui-scrollpanel-bar-x {
  height: 9px;
  bottom: 0;
}

.ui-scrollpanel-hidden {
  visibility: hidden;
}

.ui-scrollpanel:hover .ui-scrollpanel-bar,
.ui-scrollpanel:active .ui-scrollpanel-bar {
  opacity: 1;
}

.ui-scrollpanel-grabbed {
  -o-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.ui-selectbutton {
  display: inline-block;
}
          
.ui-selectbutton.ui-state-error {
  padding: 0;
}

.ui-selectbutton .ui-button.ui-state-focus {
  outline: none;
}
.ui-sidebar {
  position: fixed;
  padding: .5em 1em;
  transition: transform .3s;
}

.ui-sidebar-left {
  top: 0;
  left: 0;
  width: 20em;
  height: 100%;
  transform: translateX(-100%);
}

.ui-sidebar-right {
  top: 0;
  right: 0;
  width: 20em;
  height: 100%;
  transform: translateX(100%);
}

.ui-sidebar-top {
  top: 0;
  left: 0;
  width: 100%;
  height: 10em;
  transform: translateY(-100%);
}

.ui-sidebar-bottom {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10em;
  transform: translateY(100%);
}

.ui-sidebar-full {
  width: 100%;
  height: 100%;
  left: 0;
  transition: transform 0s;
}

.ui-sidebar-left.ui-sidebar-active,
.ui-sidebar-right.ui-sidebar-active {
  transform: translateX(0)
}

.ui-sidebar-left.ui-sidebar-sm,
.ui-sidebar-right.ui-sidebar-sm {
  width: 20em;
}

.ui-sidebar-left.ui-sidebar-md,
.ui-sidebar-right.ui-sidebar-md {
  width: 40em;
}

.ui-sidebar-left.ui-sidebar-lg,
.ui-sidebar-right.ui-sidebar-lg {
  width: 60em;
}

.ui-sidebar-top.ui-sidebar-active,
.ui-sidebar-bottom.ui-sidebar-active {
  transform: translateY(0)
}

.ui-sidebar-top.ui-sidebar-sm,
.ui-sidebar-bottom.ui-sidebar-sm {
  height: 10em;
}

.ui-sidebar-top.ui-sidebar-md,
.ui-sidebar-bottom.ui-sidebar-md {
  height: 20em;
}

.ui-sidebar-top.ui-sidebar-lg,
.ui-sidebar-bottom.ui-sidebar-lg {
  height: 30em;
}

.ui-sidebar-mask {
  position: fixed;
  width: 100%;
  height: 100%;
}

.ui-sidebar-close {
  float: right;
}

@media screen and (max-width: 64em) {
  .ui-sidebar-left.ui-sidebar-lg,
  .ui-sidebar-left.ui-sidebar-md, 
  .ui-sidebar-right.ui-sidebar-lg,
  .ui-sidebar-right.ui-sidebar-md {
      width: 20em;
  }
}
.ui-slidemenu {
  width: 12.5em;
  padding: .25em;
}

.ui-slidemenu.ui-slidemenu-dynamic {
  position: absolute;
}

.ui-slidemenu .ui-menu-separator {
  border-width: 1px 0 0 0;
}

.ui-slidemenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ui-slidemenu .ui-slidemenu-rootlist {
  position: absolute;
  top: 0;
}

.ui-slidemenu .ui-submenu-list {
  display: none;
  position: absolute;
  top: 0;
  width: 12.5em;
  padding: .25em;
}

.ui-slidemenu .ui-menuitem-link {
  padding: .25em;
  display: block;
  position: relative;
  text-decoration: none;
}

.ui-slidemenu .ui-menuitem-icon {
  margin-right: .25em;
  vertical-align: middle;
}

.ui-slidemenu .ui-menuitem-text {
  vertical-align: middle;
}


.ui-slidemenu .ui-menuitem {
  position: relative;
  margin: .125em 0;
}

.ui-slidemenu .ui-menuitem-link .ui-submenu-icon {
  position: absolute;
  margin-top: -.5em;
  right: 0;
  top: 50%;
}

.ui-slidemenu .ui-slidemenu-wrapper {
  position: relative;
}

.ui-slidemenu .ui-slidemenu-content {
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}

.ui-slidemenu-backward {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0.25em;
  cursor: pointer;
  display: none;
}

.ui-slidemenu-backward .ui-slidemenu-backward-icon {
  vertical-align: middle;
}

.ui-slidemenu-backward span {
  vertical-align: middle;
}

.ui-slidemenu .ui-menuitem-active {
  position: static;
}

.ui-slidemenu .ui-menuitem-active > .ui-submenu > .ui-submenu-list {
  display: block;
}

.ui-slidemenu ul:not(.ui-active-submenu) > .ui-menuitem:not(.ui-menuitem-active),
.ui-slidemenu .ui-active-submenu > .ui-menuitem-active > .ui-submenu > .ui-submenu-list {
  display: none;
}

.ui-slidemenu .ui-active-submenu > .ui-menuitem-active ~ .ui-menuitem {
  display: block;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
width: 1.2em;
height: 1.2em;
cursor: default;
touch-action: none;
  z-index: 1;
}
.ui-slider .ui-slider-handle.ui-slider-handle-active {
  z-index: 2;
}
.ui-slider .ui-slider-range {
position: absolute;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}

.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.25em;
margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}

.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -.25em;
margin-left: 0;
margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}

.ui-slider-animate .ui-slider-handle {
  transition: left .3s;
}
.ui-spinner {
  display: inline-block;
  overflow: visible;
  padding: 0;
  position: relative;
  vertical-align: middle;
}

.ui-spinner-input {
  vertical-align: middle;
  padding-right: 1.5em;
}

.ui-spinner-button {
  cursor: default;
  display: block;
  height: 50%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: center;
  vertical-align: middle;
  width: 1.5em;
}

.ui-spinner .ui-spinner-button-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -.5em;
  margin-left: -.5em;
  width: 1em;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

/* Fluid */
.ui-fluid .ui-spinner {
  width: 100%;
}

.ui-fluid .ui-spinner .ui-spinner-input {
  padding-right: 2em;
  width: 100%;
}

.ui-fluid .ui-spinner .ui-spinner-button {
  width: 1.5em;
}

.ui-fluid .ui-spinner .ui-spinner-button .ui-spinner-button-icon {
  left: .7em;
}
.ui-steps ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}     

.ui-steps .ui-steps-item {
  float: left;
  box-sizing: border-box;
  cursor: pointer;
}

.ui-steps.ui-steps-readonly .ui-steps-item {
  cursor: auto;
}

.ui-steps .ui-steps-item .ui-menuitem-link {
  text-decoration: none;
  display: block;
  padding: 1em;
  position: relative;
  text-align: center;
}

.ui-steps .ui-steps-item.ui-state-highlight .ui-menuitem-link,
.ui-steps .ui-steps-item.ui-state-disabled .ui-menuitem-link {
  cursor: default;
}

.ui-steps .ui-steps-number {
  font-size: 2em; 
  display: block;
}

.ui-steps .ui-steps-title {
  display: block;
  white-space: nowrap;
}

/* Responsive */
@media (max-width: 40em) {    
  .ui-steps .ui-steps-item .ui-menuitem-link {
      padding: 0.5em;
  }
  
  .ui-steps .ui-steps-item .ui-steps-title {
      display: none;
  }
}
.ui-splitbutton {
  position: relative;
  display: inline-block;
  zoom: 1;
}

.ui-splitbutton .ui-button.ui-splitbutton-menubutton {
  width: 2em;
  vertical-align: top;
}

.ui-splitbutton.ui-state-disabled button {
  cursor: default;
}

.ui-fluid .ui-splitbutton {
  width: 100%;
}

.ui-fluid .ui-splitbutton .ui-button:first-child {
  width: calc(100% - 2em);
}

.ui-fluid .ui-splitbutton .ui-button.ui-splitbutton-menubutton {
  width: 2em;
}

.ui-splitbutton .ui-menuitem-link {
  cursor: pointer;
}
.ui-table {
  position: relative;
}

.ui-table table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}

.ui-table .ui-table-thead > tr > th,
.ui-table .ui-table-tbody > tr > td,
.ui-table .ui-table-tfoot > tr > td {
  /* padding: 1.25em .5em; */
}

.ui-table .ui-sortable-column {
  cursor: pointer;
}

.ui-table p-sorticon {
  vertical-align: middle;
}

.ui-table-auto-layout > .ui-table-wrapper {
  overflow-x: auto;
}

.ui-table-auto-layout > .ui-table-wrapper > table {
  table-layout: auto;
}


/* Sections */
.ui-table-caption,
.ui-table-summary {
  padding: .25em .5em;
  text-align: center;
  font-weight: bold;
}

.ui-table-caption {
  border-bottom: 0 none;
}

.ui-table-summary {
  border-top: 0 none;
}

/* Paginator */
.ui-table .ui-paginator-top {
  border-bottom: 0 none;
}

.ui-table .ui-paginator-bottom {
  border-top: 0 none;
}

/* Scrollable */
.ui-table-scrollable-wrapper {
  position: relative;
}
.ui-table-scrollable-header,
.ui-table-scrollable-footer {
  overflow: hidden;
  border: 0 none;
}

.ui-table-scrollable-body {
  overflow: auto;
  position: relative;
}

.ui-table-virtual-table {
  position: absolute;
}

.ui-table-loading-virtual-table {
  display: none;
}

/* Frozen Columns */
.ui-table-frozen-view .ui-table-scrollable-body {
  overflow: hidden;
}

.ui-table-frozen-view > .ui-table-scrollable-body > table > .ui-table-tbody > tr > td:last-child {
  border-right: 0 none;
}

.ui-table-unfrozen-view {
  position: absolute;
  top: 0px;
}

/* Resizable */
.ui-table-resizable > .ui-table-wrapper {
  overflow-x: auto;
  }

.ui-table-resizable .ui-table-thead > tr > th,
.ui-table-resizable .ui-table-tfoot > tr > td,
.ui-table-resizable .ui-table-tbody > tr > td {
  overflow: hidden;
}

.ui-table-resizable .ui-resizable-column {
  background-clip: padding-box;
  position: relative;
}

.ui-table-resizable-fit .ui-resizable-column:last-child .ui-column-resizer {
  display: none;
}

.ui-table .ui-column-resizer {
  display: block;
  position: absolute !important;
  top: 0;
  right: 0;
  margin: 0;
  width: .5em;
  height: 100%;
  padding: 0px;
  cursor:col-resize;
  border: 1px solid transparent;
}

.ui-table .ui-column-resizer-helper {
  width: 1px;
  position: absolute;
  z-index: 10;
  display: none;
}

/* Edit */
.ui-table .ui-table-tbody > tr > td.ui-editing-cell {
  padding: 0;
}

.ui-table .ui-table-tbody > tr > td.ui-editing-cell p-celleditor >  * {
  width: 100%;
}

/* Reorder */
.ui-table-reorder-indicator-up,
.ui-table-reorder-indicator-down {
  position: absolute;
  display: none;
}

/* Responsive */
.ui-table-responsive .ui-table-tbody > tr > td .ui-column-title {
  display: none;
}

@media screen and (max-width: 40em) {
  .ui-table-responsive .ui-table-thead > tr > th,
  .ui-table-responsive .ui-table-tfoot > tr > td {
      display: none !important;
  }

  .ui-table-responsive .ui-table-tbody > tr > td {
      text-align: left;
      display: block;
      border: 0 none;
      width: 88% !important;
  box-sizing: border-box;
  float: left;
  clear: left;
  }

  .ui-table-responsive .ui-table-tbody > tr > td .ui-column-title {
      padding: .4em;
      min-width: 30%;
      display: inline-block;
      margin: -.4em 1em -.4em -.4em;
      font-weight: bold;
  }
}

/* Loader */
.ui-table-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  opacity: 0.1;
  z-index: 1;
}

.ui-table-loading-content {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  margin-top: -1em;
  margin-left: -1em;
}

.ui-table .ui-table-loading-icon {
  font-size: 2em;
}

/** TabMenu **/
.ui-tabmenu .ui-tabmenu-nav { 
  margin: 0;
  padding: .25em .5em 0 .25em; 
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { 
  list-style: none; 
  float: left; 
  position: relative; 
  margin: 0 .2em 1px 0;  
  padding: 0; 
  white-space: nowrap;
  display: block;
  border-bottom: 0;
  top: 1px; 
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { 
  float: left; 
  padding: 0.5em 1em;
  text-decoration: none; 
}

.ui-tabmenu .ui-tabmenu-nav a { 
  padding: 0.5em 1em;
}

.ui-tabmenu .ui-menuitem-icon  { 
  margin-right: .25em;
  vertical-align: middle;
}

.ui-tabmenu .ui-menuitem-text  { 
  vertical-align: middle;
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-disabled a {
   cursor: default;
} 
.ui-tabview {
  padding: .25em; 
}

.ui-tabview .ui-tabview-nav { 
  margin: 0;
}

.ui-tabview .ui-tabview-nav li { 
  list-style: none; 
  float: left; 
  position: relative; 
  margin: 0 .125em 1px 0;  
  padding: 0; 
  white-space: nowrap; 
}

.ui-tabview .ui-tabview-nav li a { 
  float: left; 
  padding: .5em 1em; 
  text-decoration: none; 
}

.ui-tabview .ui-tabview-nav li.ui-tabview-selected a, 
.ui-tabview .ui-tabview-nav li.ui-state-disabled a, 
.ui-tabview .ui-tabview-nav li.ui-state-processing a { 
  cursor: text; 
}

.ui-tabview .ui-tabview-nav li a, 
.ui-tabview.ui-tabview-collapsible .ui-tabview-nav li.ui-tabview-selected a { 
  cursor: pointer; 
}

.ui-tabview .ui-tabview-panel { 
  border-width: 0; 
  padding: 1em; 
  background: none; 
}

.ui-tabview .ui-tabview-nav li { 
  display: block; 
}

.ui-tabview .ui-tabview-nav li .ui-tabview-left-icon {
  margin-right: .25em;
  vertical-align: middle;
}

.ui-tabview .ui-tabview-nav li .ui-tabview-right-icon {
  margin-left: .25em;
  vertical-align: middle;
}

.ui-tabview .ui-tabview-title {
  vertical-align: middle;
}

.ui-tabview .ui-tabview-nav li .ui-tabview-close { 
  margin: 0.5em 0.3em 0 0; 
  cursor: pointer; 
}

/* per orientation settings */
/* top and bottom */
.ui-tabview.ui-tabview-top > .ui-tabview-nav li { 
  border-bottom: 0;
  top: 1px; 
}

.ui-tabview.ui-tabview-top > .ui-tabview-nav { 
  padding: .2em .2em 0; 
}

.ui-tabview.ui-tabview-bottom > .ui-tabview-nav { 
  padding: 0 .2em .2em; 
}

.ui-tabview.ui-tabview-bottom > .ui-tabview-nav li { 
  border-top: 0;
}

/* left and right*/
.ui-tabview-left::after,
.ui-tabview-right::after {
  clear:both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.ui-tabview-left > .ui-tabview-nav {
  float:left;
  width: 25%;
  height: 300px;
  background-image: none;
  padding-top: 1px;
}

.ui-tabview-left > .ui-tabview-panels {
  float:right;
  width: 75%;
}

.ui-tabview.ui-tabview-left > .ui-tabview-nav li,
.ui-tabview.ui-tabview-right > .ui-tabview-nav li{
  display: block;
  float: right;
  white-space: normal;
  width: 99%;
}

.ui-tabview.ui-tabview-left > .ui-tabview-nav li {
  margin: 0 0 1px 0;
  border-right:0 none;
}

.ui-tabview.ui-tabview-right > .ui-tabview-nav {
  float:right;
  width: 25%;
  height: 300px;
  background-image: none;
  padding-top: 1px;
}

.ui-tabview.ui-tabview-right > .ui-tabview-panels {
  float:left;
  width: 75%;
}

.ui-tabview.ui-tabview-right > .ui-tabview-nav li {
  margin: 0 0 1px 0;
  border-left:0 none;
}

/* RTL */
.ui-rtl .ui-tabview .ui-tabview-nav li {
  float: right;
}

.ui-terminal {
  height: 18em;
  overflow: auto;
  padding: .25em;
}

.ui-terminal-input {
  border: 0 none;
  background-color: transparent;
  color: inherit;
  padding: 0;
  margin: 0 0 0 .125em;
  width: 75%;
  outline: none;
  vertical-align: baseline;
}

.ui-terminal-command {
  margin-left: .125em;
  -moz-margin-start: .125em;
}

.ui-terminal-input::-ms-clear {
  display: none;
}
.ui-tieredmenu {
  width: 12.5em;
  padding: .25em;
}

.ui-tieredmenu.ui-tieredmenu-dynamic {
  position: absolute;
}

.ui-tieredmenu .ui-menu-separator {
  border-width: 1px 0 0 0;
}

.ui-tieredmenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ui-tieredmenu .ui-submenu-list {
  display: none;
  position: absolute;
  width: 12.5em;
  padding: .25em;
}

.ui-tieredmenu .ui-menuitem-link {
  padding: .25em;
  display: block;
  cursor: pointer;
  position: relative;
  text-decoration: none;
}

.ui-tieredmenu .ui-menuitem-icon {
  margin-right: .25em;
  vertical-align: middle;
}

.ui-tieredmenu .ui-menuitem-text {
  vertical-align: middle;
}

.ui-tieredmenu .ui-menuitem {
  position: relative;
  margin: .125em 0;
}

.ui-tieredmenu .ui-menuitem-link .ui-submenu-icon {
  position: absolute;
  margin-top: -.5em;
  right: 0;
  top: 50%;
}

.ui-tieredmenu .ui-menuitem-active > .ui-submenu > .ui-submenu-list {
  display: block;
}
.ui-toast {
position: fixed;
  width: 20em;
}

.ui-toast .ui-toast-message {
  position: relative;
display: block;
  margin-bottom: .75em;
  overflow: hidden;
}

.ui-toast .ui-toast-message-content {
  padding: .5em 1em;
}

.ui-toast .ui-toast-close-icon {
position: absolute;
top: .25em;
right: .25em;
  cursor: pointer;
  display: inline-block;
}

.ui-toast .ui-toast-summary {
font-weight: bold;
padding: 0 0 .5em 0;
display: block;
}

.ui-toast .ui-toast-icon {
  position: absolute;
  display: inline-block;
  left: .5em;
  top: .25em;
  padding: 0;
  font-size: 2em;
}

.ui-toast .ui-toast-message-text-content {
padding: 0 0 .25em 0;
  margin-left: 2.5em;
}
/* Positions */
.ui-toast-top-right {
top: 20px;
right: 20px;
}

.ui-toast-top-left {
top: 20px;
left: 20px;
}

.ui-toast-bottom-right {
bottom: 20px;
right: 20px;
}

.ui-toast-bottom-left {
bottom: 20px;
left: 20px;
}

.ui-toast-top-center {
top: 20px;
  left: 50%;
  margin-left: -10em;
}

.ui-toast-bottom-center {
bottom: 20px;
left: 50%;
  margin-left: -10em;
}

.ui-toast-center {
left: 50%;
top: 50%;
  min-width: 20vw;
  transform: translate(-50%, -50%);
}
.ui-toolbar {
  padding: .25em .5em;
}

.ui-toolbar-group-left {
  float:left
}

.ui-toolbar-group-right {
  float:right
}
.ui-tooltip {
  position:absolute;
  display:none;
  padding: .25em .5em;
  max-width: 12.5em;
}

.ui-tooltip.ui-tooltip-right,
.ui-tooltip.ui-tooltip-left {
  padding: 0 .25em;
}

.ui-tooltip.ui-tooltip-top,
.ui-tooltip.ui-tooltip-bottom {
  padding:.25em 0;
}

.ui-tooltip .ui-tooltip-text {
 padding: .125em .5em;
 background-color: rgb(76, 76, 76);
 color: #ffffff;
 white-space: pre-line;
}

.ui-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.ui-tooltip-right .ui-tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -.25em;
  border-width: .25em .25em .25em 0;
  border-right-color: rgb(76, 76, 76);
}

.ui-tooltip-left .ui-tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -.25em;
  border-width: .25em 0 .25em .25em;
  border-left-color: rgb(76, 76, 76);
}

.ui-tooltip.ui-tooltip-top {
  padding: .25em 0;
}

.ui-tooltip-top .ui-tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -.25em;
  border-width: .25em .25em 0;
  border-top-color: rgb(76, 76, 76);
}

.ui-tooltip-bottom .ui-tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -.25em;
  border-width: 0 .25em .25em;
  border-bottom-color: rgb(76, 76, 76);
}
.ui-treetable {
  position: relative;
}

.ui-treetable table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}

.ui-treetable .ui-treetable-thead > tr > th,
.ui-treetable .ui-treetable-tbody > tr > td,
.ui-treetable .ui-treetable-tfoot > tr > td {
  padding: 1.25em .5em;
}

.ui-treetable .ui-treetable-toggler {
  cursor: pointer;
  display: inline-block;
  height: 1em;
  position: relative;
  top: 50%;
  margin-top: -.5em;
}

.ui-treetable .ui-sortable-column {
  cursor: pointer;
}

.ui-treetable p-treetablesorticon {
  vertical-align: middle;
}

.ui-treetable-auto-layout > .ui-treetable-wrapper {
  overflow-x: auto;
}

.ui-treetable-auto-layout > .ui-treetable-wrapper > table {
  table-layout: auto;
}

.ui-treetable .ui-treetable-chkbox {
  margin: 0 .25em;
  vertical-align: middle;
}

/* Sections */
.ui-treetable-caption,
.ui-treetable-summary {
  padding: .25em .5em;
  text-align: center;
  font-weight: bold;
}

.ui-treetable-caption {
  border-bottom: 0 none;
}

.ui-treetable-summary {
  border-top: 0 none;
}

/* Paginator */
.ui-treetable .ui-paginator-top {
  border-bottom: 0 none;
}

.ui-treetable .ui-paginator-bottom {
  border-top: 0 none;
}

/* Scrollable */
.ui-treetable-scrollable-wrapper {
  position: relative;
}
.ui-treetable-scrollable-header,
.ui-treetable-scrollable-footer {
  overflow: hidden;
  border: 0 none;
}

.ui-treetable-scrollable-body {
  overflow: auto;
  position: relative;
}

.ui-treetable-scrollable-body > table > .ui-treetable-tbody > tr:first-child > td {
  border-top: 0 none;
}

.ui-treetable-virtual-table {
  position: absolute;
}

/* Frozen Columns */
.ui-treetable-frozen-view .ui-treetable-scrollable-body {
  overflow: hidden;
}

.ui-treetable-frozen-view > .ui-treetable-scrollable-body > table > .ui-treetable-tbody > tr > td:last-child {
  border-right: 0 none;
}

.ui-treetable-unfrozen-view {
  position: absolute;
  top: 0px;
}

/* Resizable */
.ui-treetable-resizable > .ui-treetable-wrapper {
  overflow-x: auto;
}

.ui-treetable-resizable .ui-treetable-thead > tr > th,
.ui-treetable-resizable .ui-treetable-tfoot > tr > td,
.ui-treetable-resizable .ui-treetable-tbody > tr > td {
  overflow: hidden;
}

.ui-treetable-resizable .ui-resizable-column {
  background-clip: padding-box;
  position: relative;
}

.ui-treetable-resizable-fit .ui-resizable-column:last-child .ui-column-resizer {
  display: none;
}

.ui-treetable .ui-column-resizer {
  display: block;
  position: absolute !important;
  top: 0;
  right: 0;
  margin: 0;
  width: .5em;
  height: 100%;
  padding: 0px;
  cursor:col-resize;
  border: 1px solid transparent;
}

.ui-treetable .ui-column-resizer-helper {
  width: 1px;
  position: absolute;
  z-index: 10;
  display: none;
}

/* Reorder */
.ui-treetable-reorder-indicator-up,
.ui-treetable-reorder-indicator-down {
  position: absolute;
  display: none;
}

/* Responsive */
.ui-treetable-responsive .ui-treetable-tbody > tr > td .ui-column-title {
  display: none;
}

@media screen and (max-width: 40em) {
  .ui-treetable-responsive .ui-treetable-thead > tr > th,
  .ui-treetable-responsive .ui-treetable-tfoot > tr > td {
      display: none !important;
  }

  .ui-treetable-responsive .ui-treetable-tbody > tr > td {
      text-align: left;
      display: block;
      border: 0 none;
      width: 100% !important;
  box-sizing: border-box;
  float: left;
  clear: left;
  }

  .ui-treetable-responsive .ui-treetable-tbody > tr > td .ui-column-title {
      padding: .4em;
      min-width: 30%;
      display: inline-block;
      margin: -.4em 1em -.4em -.4em;
      font-weight: bold;
  }
}

/* Loader */
.ui-treetable-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  opacity: 0.1;
  z-index: 1;
}

.ui-treetable-loading-content {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  margin-top: -1em;
  margin-left: -1em;
}

.ui-treetable .ui-treetable-loading-icon {
  font-size: 2em;
}
.ui-tree {
  width: 18em;
}

.ui-tree .ui-treenode-selectable.ui-treenode-content {
  cursor: pointer;
}

.ui-tree .ui-tree-container {
  height: 100%;
  margin: 0;
  overflow: auto;
  padding: .25em;
  white-space: nowrap;
}

.ui-tree-empty-message {
  padding: .25em;
}

.ui-tree .ui-treenode-children {
  margin: 0;
  padding: 0 0 0 1em;
}

.ui-tree .ui-treenode {
  background-attachment: scroll;
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat-y;
  list-style: none outside none;
  margin: 0;
  padding: .125em 0 0 0;
}

.ui-tree .ui-treenode-droppoint {
  height: 4px;
  list-style-type: none;
}

.ui-tree .ui-treenode-droppoint-active {
  border: 0 none;
}

.ui-tree .ui-tree-toggler {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}

.ui-tree .ui-treenode-icon {
  display: inline-block;
  vertical-align: middle;
}

.ui-tree .ui-treenode-label {
  display: inline-block;
  padding: 0 .25em;
  vertical-align: middle;
}

.ui-tree .ui-treenode-label.ui-state-hover,
.ui-tree .ui-treenode-label.ui-state-highlight {
  font-weight: normal;
  border: 0 none;
}

.ui-tree .ui-treenode.ui-treenode-leaf > .ui-treenode-content > .ui-tree-toggler {
  visibility: hidden;
}

.ui-tree .ui-chkbox-box {
  cursor: pointer;
}

.ui-tree .ui-chkbox {
  display: inline-block;
  vertical-align: middle;
}

.ui-tree .ui-chkbox .ui-chkbox-icon {
  margin-left: 1px;
}

.ui-tree .ui-tree-filter {
  width: 100%;
  box-sizing: border-box;
  padding-right: 1.5em;
}

.ui-tree .ui-tree-filter-container {
  position: relative;
  margin: 0;
  padding: 0.4em;
  display: inline-block;
  width: 100%;
}

.ui-tree .ui-tree-filter-container .ui-tree-filter-icon {
  position: absolute;
  top: .8em;
  right: 1em;
}

/** Fluid **/
.ui-fluid .ui-tree {
  width: 100%;
}

/** Horizontal Tree **/
.ui-tree-horizontal {
  width:auto;
  padding: .5em 0;
  overflow:auto;
}

.ui-tree.ui-tree-horizontal table,
.ui-tree.ui-tree-horizontal tr,
.ui-tree.ui-tree-horizontal td {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

.ui-tree.ui-tree-horizontal .ui-tree-toggler {
  vertical-align: middle;
  margin: 0;
}

.ui-tree-horizontal .ui-treenode-content {
  font-weight: normal;
  padding: 0.4em 1em 0.4em 0.2em;
}

.ui-tree.ui-tree-horizontal .ui-tree-node-label {
  margin: 0;
}

.ui-tree-horizontal .ui-treenode-parent .ui-treenode-content {
  font-weight: normal;
  white-space: nowrap;
}

.ui-tree.ui-tree-horizontal .ui-treenode {
  padding: .25em 2.5em;
}

.ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-leaf,
.ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-collapsed {
  padding-right: 0;
}

.ui-tree.ui-tree-horizontal .ui-treenode-children {
  padding: 0;
  margin: 0;
}

.ui-tree.ui-tree-horizontal .ui-treenode-connector {
  width: 1px;
}

.ui-tree.ui-tree-horizontal .ui-treenode-connector-table {
  height: 100%;
  width: 1px;
}

.ui-tree.ui-tree-horizontal .ui-treenode-connector-line {
  width: 1px;
}

.ui-tree.ui-tree-horizontal table {
height: 0;
}

.ui-tree.ui-tree-horizontal .ui-chkbox {
  vertical-align: bottom;
  margin-right: .25em;
}

/** Loading **/
.ui-tree.ui-tree-loading {
  position: relative;
  min-height: 4em;
}

.ui-tree .ui-tree-loading-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  opacity: 0.1;
  z-index: 1;
}

.ui-tree .ui-tree-loading-content {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  margin-top: -1em;
  margin-left: -1em;
}

.ui-tree .ui-tree-loading-content .ui-tree-loading-icon {
  font-size: 2em;
} 

.ui-virtualscroller .ui-virtualscroller-header {
  text-align: center;
padding: .5em .75em;
  border-bottom: 0 none;
}

.ui-virtualscroller .ui-virtualscroller-footer {
  text-align: center;
  padding: .25em .625em;
  border-top: 0px none;
}

.ui-virtualscroller .ui-virtualscroller-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.toast-container * {
  box-sizing: border-box;
  font-size: 14px;
}
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/primeicons/primeicons.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************/
@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/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/assets/scss/custom.scss?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
  background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1));
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-drag-preview .mat-ripple-element, .cdk-drag-placeholder .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}

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

.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

textarea.cdk-textarea-autosize {
  resize: none;
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}

@keyframes cdk-text-field-autofill-start { /*!*/ }
@keyframes cdk-text-field-autofill-end { /*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}

.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}

.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}

.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-app-background, transparent));
  color: var(--mat-app-text-color, var(--mat-app-on-background, inherit));
}

.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, none);
}

.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, none);
}

.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, none);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, none);
}

.mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, none);
}

.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, none);
}

.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, none);
}

.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, none);
}

.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, none);
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, none);
}

.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, none);
}

.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, none);
}

.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, none);
}

.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, none);
}

.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, none);
}

.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, none);
}

.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, none);
}

.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, none);
}

.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, none);
}

.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, none);
}

.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, none);
}

.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, none);
}

.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, none);
}

.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, none);
}

.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, none);
}

.mat-theme-loaded-marker {
  display: none;
}

html {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}

html {
  --mat-option-selected-state-label-text-color: #3f51b5;
  --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: #ff4081;
  --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: #f44336;
  --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);
}

.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #3f51b5;
  --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-minimal-pseudo-checkbox-selected-checkmark-color: #3f51b5;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --mat-full-pseudo-checkbox-selected-icon-color: #ff4081;
  --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-minimal-pseudo-checkbox-selected-checkmark-color: #ff4081;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #ff4081;
  --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-minimal-pseudo-checkbox-selected-checkmark-color: #ff4081;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #f44336;
  --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-minimal-pseudo-checkbox-selected-checkmark-color: #f44336;
  --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 {
  --mdc-elevated-card-container-shape: 4px;
  --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);
  --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);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
}

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: #3f51b5;
  --mdc-linear-progress-track-color: rgba(63, 81, 181, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #ff4081;
  --mdc-linear-progress-track-color: rgba(255, 64, 129, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #f44336;
  --mdc-linear-progress-track-color: rgba(244, 67, 54, 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-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --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: #3f51b5;
  --mdc-filled-text-field-focus-active-indicator-color: #3f51b5;
  --mdc-filled-text-field-focus-label-text-color: rgba(63, 81, 181, 0.87);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --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: #f44336;
  --mdc-filled-text-field-error-focus-label-text-color: #f44336;
  --mdc-filled-text-field-error-label-text-color: #f44336;
  --mdc-filled-text-field-error-caret-color: #f44336;
  --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: #f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
  --mdc-outlined-text-field-caret-color: #3f51b5;
  --mdc-outlined-text-field-focus-outline-color: #3f51b5;
  --mdc-outlined-text-field-focus-label-text-color: rgba(63, 81, 181, 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: #f44336;
  --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
  --mdc-outlined-text-field-error-label-text-color: #f44336;
  --mdc-outlined-text-field-error-hover-label-text-color: #f44336;
  --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: #f44336;
  --mdc-outlined-text-field-error-hover-outline-color: #f44336;
  --mdc-outlined-text-field-error-outline-color: #f44336;
  --mat-form-field-focus-select-arrow-color: rgba(63, 81, 181, 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: #f44336;
  --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: #ff4081;
  --mdc-filled-text-field-focus-active-indicator-color: #ff4081;
  --mdc-filled-text-field-focus-label-text-color: rgba(255, 64, 129, 0.87);
  --mdc-outlined-text-field-caret-color: #ff4081;
  --mdc-outlined-text-field-focus-outline-color: #ff4081;
  --mdc-outlined-text-field-focus-label-text-color: rgba(255, 64, 129, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(255, 64, 129, 0.87);
}

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

html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}

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(63, 81, 181, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 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(255, 64, 129, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 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(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}

html {
  --mat-select-arrow-transform: translateY(-8px);
}

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;
  --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);
}

.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-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: #e0e0e0;
  --mdc-chip-elevated-selected-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-flat-disabled-selected-container-color: #e0e0e0;
  --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-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: #3f51b5;
  --mdc-chip-elevated-selected-container-color: #3f51b5;
  --mdc-chip-elevated-disabled-container-color: #3f51b5;
  --mdc-chip-flat-disabled-selected-container-color: #3f51b5;
  --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-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: white;
  --mdc-chip-elevated-container-color: #ff4081;
  --mdc-chip-elevated-selected-container-color: #ff4081;
  --mdc-chip-elevated-disabled-container-color: #ff4081;
  --mdc-chip-flat-disabled-selected-container-color: #ff4081;
  --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-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.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: #f44336;
  --mdc-chip-elevated-selected-container-color: #f44336;
  --mdc-chip-elevated-disabled-container-color: #f44336;
  --mdc-chip-flat-disabled-selected-container-color: #f44336;
  --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-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: 32px;
}

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: #3949ab;
  --mdc-switch-selected-handle-color: #3949ab;
  --mdc-switch-selected-hover-state-layer-color: #3949ab;
  --mdc-switch-selected-pressed-state-layer-color: #3949ab;
  --mdc-switch-selected-focus-handle-color: #1a237e;
  --mdc-switch-selected-hover-handle-color: #1a237e;
  --mdc-switch-selected-pressed-handle-color: #1a237e;
  --mdc-switch-selected-focus-track-color: #7986cb;
  --mdc-switch-selected-hover-track-color: #7986cb;
  --mdc-switch-selected-pressed-track-color: #7986cb;
  --mdc-switch-selected-track-color: #7986cb;
  --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);
  --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: #d81b60;
  --mdc-switch-selected-handle-color: #d81b60;
  --mdc-switch-selected-hover-state-layer-color: #d81b60;
  --mdc-switch-selected-pressed-state-layer-color: #d81b60;
  --mdc-switch-selected-focus-handle-color: #880e4f;
  --mdc-switch-selected-hover-handle-color: #880e4f;
  --mdc-switch-selected-pressed-handle-color: #880e4f;
  --mdc-switch-selected-focus-track-color: #f06292;
  --mdc-switch-selected-hover-track-color: #f06292;
  --mdc-switch-selected-pressed-track-color: #f06292;
  --mdc-switch-selected-track-color: #f06292;
}
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: 40px;
}
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: #3f51b5;
  --mdc-radio-selected-hover-icon-color: #3f51b5;
  --mdc-radio-selected-icon-color: #3f51b5;
  --mdc-radio-selected-pressed-icon-color: #3f51b5;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #3f51b5;
  --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: #ff4081;
  --mdc-radio-selected-hover-icon-color: #ff4081;
  --mdc-radio-selected-icon-color: #ff4081;
  --mdc-radio-selected-pressed-icon-color: #ff4081;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #ff4081;
  --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: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #f44336;
  --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: 40px;
  --mat-radio-touch-target-display: block;
}

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);
  --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: #3f51b5;
  --mdc-slider-focus-handle-color: #3f51b5;
  --mdc-slider-hover-handle-color: #3f51b5;
  --mdc-slider-active-track-color: #3f51b5;
  --mdc-slider-inactive-track-color: #3f51b5;
  --mdc-slider-with-tick-marks-inactive-container-color: #3f51b5;
  --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;
  --mat-slider-ripple-color: #3f51b5;
  --mat-slider-hover-state-layer-color: rgba(63, 81, 181, 0.05);
  --mat-slider-focus-state-layer-color: rgba(63, 81, 181, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
}
html .mat-accent {
  --mdc-slider-handle-color: #ff4081;
  --mdc-slider-focus-handle-color: #ff4081;
  --mdc-slider-hover-handle-color: #ff4081;
  --mdc-slider-active-track-color: #ff4081;
  --mdc-slider-inactive-track-color: #ff4081;
  --mdc-slider-with-tick-marks-inactive-container-color: #ff4081;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mat-slider-ripple-color: #ff4081;
  --mat-slider-hover-state-layer-color: rgba(255, 64, 129, 0.05);
  --mat-slider-focus-state-layer-color: rgba(255, 64, 129, 0.2);
}
html .mat-warn {
  --mdc-slider-handle-color: #f44336;
  --mdc-slider-focus-handle-color: #f44336;
  --mdc-slider-hover-handle-color: #f44336;
  --mdc-slider-active-track-color: #f44336;
  --mdc-slider-inactive-track-color: #f44336;
  --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mat-slider-ripple-color: #f44336;
  --mat-slider-hover-state-layer-color: rgba(244, 67, 54, 0.05);
  --mat-slider-focus-state-layer-color: rgba(244, 67, 54, 0.2);
}

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-base-elevation-level: 8;
}

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 {
  --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;
  --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: #3f51b5;
  --mdc-radio-selected-hover-icon-color: #3f51b5;
  --mdc-radio-selected-icon-color: #3f51b5;
  --mdc-radio-selected-pressed-icon-color: #3f51b5;
}

.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: #ff4081;
  --mdc-radio-selected-hover-icon-color: #ff4081;
  --mdc-radio-selected-icon-color: #ff4081;
  --mdc-radio-selected-pressed-icon-color: #ff4081;
}

.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: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
}

.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: #3f51b5;
  --mdc-checkbox-selected-hover-icon-color: #3f51b5;
  --mdc-checkbox-selected-icon-color: #3f51b5;
  --mdc-checkbox-selected-pressed-icon-color: #3f51b5;
  --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: #3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --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: white;
  --mdc-checkbox-selected-focus-icon-color: #ff4081;
  --mdc-checkbox-selected-hover-icon-color: #ff4081;
  --mdc-checkbox-selected-icon-color: #ff4081;
  --mdc-checkbox-selected-pressed-icon-color: #ff4081;
  --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: #ff4081;
  --mdc-checkbox-selected-hover-state-layer-color: #ff4081;
  --mdc-checkbox-selected-pressed-state-layer-color: #ff4081;
  --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: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --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: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --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: #3f51b5;
}

.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: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
  --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: 40px;
}

.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: 56px;
}
.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: 72px;
}

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: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}

html {
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --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: #3f51b5;
  --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: #3f51b5;
  --mat-tab-header-active-ripple-color: #3f51b5;
  --mat-tab-header-inactive-ripple-color: #3f51b5;
  --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: #3f51b5;
  --mat-tab-header-active-hover-label-text-color: #3f51b5;
  --mat-tab-header-active-focus-indicator-color: #3f51b5;
  --mat-tab-header-active-hover-indicator-color: #3f51b5;
}
.mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #ff4081;
  --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: #ff4081;
  --mat-tab-header-active-ripple-color: #ff4081;
  --mat-tab-header-inactive-ripple-color: #ff4081;
  --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: #ff4081;
  --mat-tab-header-active-hover-label-text-color: #ff4081;
  --mat-tab-header-active-focus-indicator-color: #ff4081;
  --mat-tab-header-active-hover-indicator-color: #ff4081;
}
.mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #f44336;
  --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: #f44336;
  --mat-tab-header-active-ripple-color: #f44336;
  --mat-tab-header-inactive-ripple-color: #f44336;
  --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: #f44336;
  --mat-tab-header-active-hover-label-text-color: #f44336;
  --mat-tab-header-active-focus-indicator-color: #f44336;
  --mat-tab-header-active-hover-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #3f51b5;
  --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: #ff4081;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #f44336;
  --mat-tab-header-with-background-foreground-color: white;
}

.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}

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: white;
  --mdc-checkbox-selected-focus-icon-color: #ff4081;
  --mdc-checkbox-selected-hover-icon-color: #ff4081;
  --mdc-checkbox-selected-icon-color: #ff4081;
  --mdc-checkbox-selected-pressed-icon-color: #ff4081;
  --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: #ff4081;
  --mdc-checkbox-selected-hover-state-layer-color: #ff4081;
  --mdc-checkbox-selected-pressed-state-layer-color: #ff4081;
  --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-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: #3f51b5;
  --mdc-checkbox-selected-hover-icon-color: #3f51b5;
  --mdc-checkbox-selected-icon-color: #3f51b5;
  --mdc-checkbox-selected-pressed-icon-color: #3f51b5;
  --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: #3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --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: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --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: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --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: 40px;
  --mat-checkbox-touch-target-display: block;
}

html {
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --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);
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --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;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --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);
  --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;
  --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);
  --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;
  --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);
  --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;
  --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);
  --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: #3f51b5;
  --mat-text-button-state-layer-color: #3f51b5;
  --mat-text-button-ripple-color: rgba(63, 81, 181, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #ff4081;
  --mat-text-button-state-layer-color: #ff4081;
  --mat-text-button-ripple-color: rgba(255, 64, 129, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #f44336;
  --mat-text-button-state-layer-color: #f44336;
  --mat-text-button-ripple-color: rgba(244, 67, 54, 0.1);
}

.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #3f51b5;
  --mdc-filled-button-label-text-color: white;
  --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: #ff4081;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #f44336;
  --mdc-filled-button-label-text-color: white;
  --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: #3f51b5;
  --mdc-protected-button-label-text-color: white;
  --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: #ff4081;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #f44336;
  --mdc-protected-button-label-text-color: white;
  --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: #3f51b5;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #3f51b5;
  --mat-outlined-button-ripple-color: rgba(63, 81, 181, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #ff4081;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #ff4081;
  --mat-outlined-button-ripple-color: rgba(255, 64, 129, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #f44336;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #f44336;
  --mat-outlined-button-ripple-color: rgba(244, 67, 54, 0.1);
}

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

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);
  --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: #3f51b5;
  --mat-icon-button-state-layer-color: #3f51b5;
  --mat-icon-button-ripple-color: rgba(63, 81, 181, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #ff4081;
  --mat-icon-button-state-layer-color: #ff4081;
  --mat-icon-button-ripple-color: rgba(255, 64, 129, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #f44336;
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: rgba(244, 67, 54, 0.1);
}

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

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

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);
  --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);
  --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;
  --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);
  --mdc-fab-small-container-color: white;
  --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: #3f51b5;
  --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: #ff4081;
  --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-warn {
  --mdc-fab-container-color: #f44336;
  --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: #3f51b5;
  --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: #ff4081;
  --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-warn {
  --mdc-fab-small-container-color: #f44336;
  --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: block;
  --mat-fab-small-touch-target-display: block;
}

html {
  --mdc-snackbar-container-shape: 4px;
}

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

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: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}

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

html {
  --mdc-circular-progress-active-indicator-color: #3f51b5;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color: #ff4081;
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color: #f44336;
}

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: #3f51b5;
  --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: #ff4081;
  --mat-badge-text-color: white;
}

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

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-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --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;
  --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: #e0e0e0;
}

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

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: #3f51b5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(63, 81, 181, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(63, 81, 181, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(63, 81, 181, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #3f51b5;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(63, 81, 181, 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: #46a35e;
  --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: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ff4081;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 64, 129, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 64, 129, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 64, 129, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 64, 129, 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: #46a35e;
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 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: #46a35e;
}

.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #ff4081;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
}

.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-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: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}

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

.mat-icon.mat-primary {
  --mat-icon-color: #3f51b5;
}
.mat-icon.mat-accent {
  --mat-icon-color: #ff4081;
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}

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: #3f51b5;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #3f51b5;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #3f51b5;
  --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: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ff4081;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ff4081;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ff4081;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}

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

html {
  --mat-sort-arrow-color: #757575;
}

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: #3f51b5;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #ff4081;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}

html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}

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

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

/* config include */
/* colors */
/*font family*/
/* breakpoints */
/*asif*/
/*asif end*/
/* reset files */
/****** Elad Shechter's RESET *******/
/*** box sizing border-box for all elements ***/
*,
*::before,
*::after {
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

button {
  background-color: transparent;
  color: inherit;
  border-width: 0;
  padding: 0;
  cursor: pointer;
}

figure {
  margin: 0;
}

input::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0;
}

ul,
ol,
dd {
  margin: 0;
  padding: 0;
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
}

p {
  margin: 0;
}

cite {
  font-style: normal;
}

fieldset {
  border-width: 0;
  padding: 0;
  margin: 0;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

html {
  font-size: 10px;
}

body {
  background: #ffffff;
  font-size: 1.6rem;
  overflow-x: hidden !important;
  width: 100%;
  color: #666666;
  font-family: "Open Sans", sans-serif !important;
}

*:focus {
  outline: none !important;
}

img {
  width: 100%;
}

a {
  color: #666666;
}
a:hover {
  text-decoration: none;
  color: #0a0a5f;
}
a:focus {
  outline: none !important;
}

.main {
  width: 100%;
  overflow-x: hidden;
}

.cm-line-break {
  display: block;
}

.set-bg {
  background-size: cover;
}
.set-bg .fetch-img-src {
  display: none;
}

.swiper-button-prev,
.swiper-button-next {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px #c3cff0;
  background-size: 1.2rem;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0;
}

.swiper-button-next {
  right: 10px;
}

.swiper-button-prev {
  left: 10px;
}

.timestamp {
  font-style: italic;
  font-size: 1rem;
}

.overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  visibility: hidden;
  opacity: 0;
  z-index: 9;
  transition: all 0.2s ease-in-out;
}
.overlay.active {
  visibility: visible;
  opacity: 1;
}

.mob-view {
  display: none !important;
}

.mob-search {
  display: inline-block !important;
}

.col-item-1 {
  width: 66.66%;
  padding: 0 1rem;
}

@media only screen and (max-width: 767px) {
  .col-item-1 {
    width: 100%;
    padding: 0 1rem;
  }
}
.cm-card-label {
  font-size: 1.4rem;
  line-height: 1.8rem;
  text-transform: capitalize;
  margin-bottom: 1rem;
  display: block;
}

.row {
  margin-left: -1rem;
  margin-right: -1rem;
}
.row .col-item {
  padding: 0 1rem;
}
.row.col-2 {
  display: flex;
  flex-wrap: wrap;
}
.row.col-2 .col-item {
  width: 50%;
}
.row.col-3 {
  display: flex;
  flex-wrap: wrap;
}
.row.col-3 .col-item {
  width: 33.33%;
}
.row.col-3 .col-item.full-width {
  width: 100%;
}
.row.col-3 .col-item.full-width-spare {
  width: 66.6%;
}
.row.col-4 {
  display: flex;
  flex-wrap: wrap;
}
.row.col-4 .col-item {
  width: 25.33%;
}
.row.col-4 .col-item.full-width {
  width: 100%;
}
.row.col-table-4 {
  display: flex;
}
.row.col-table-4 .col-item {
  width: 25.33%;
}
.row.col-table-4 .col-item.full-width {
  width: 100%;
}
.row.col-5 {
  display: flex;
  flex-wrap: wrap;
}
.row.col-5 .col-item {
  width: 15%;
}
.row.col-5 .col-item.full-width {
  width: 100%;
}

.btn {
  color: #ffffff;
  font-size: 1.2rem;
  line-height: 1.6rem;
  cursor: pointer;
}
.btn.btn-default {
  color: #ffffff;
  font-size: 1.6rem;
  margin-left: 20px;
  font-weight: 700;
  line-height: 2.2rem;
  position: absolute;
  padding: 0.9rem 2.5rem;
  border-radius: 0.5rem;
  text-transform: uppercase;
  background: rgb(10, 10, 95);
  background: linear-gradient(271deg, rgb(10, 10, 95) 0%, rgb(24, 53, 144) 100%);
  filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr=" #0a0a5f ", endColorstr=" #183590 ", GradientType=1)";
}
.btn.btn-default.disabled, .btn.btn-default:disabled {
  opacity: 0.2;
}
.btn.btn-outline {
  color: #0a0a5f;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.2rem;
  padding: 0.8rem 1.6rem;
  border-radius: 0.5rem;
  text-transform: uppercase;
  background-color: #ffffff;
  border: 1px solid #0a0a5f;
}
.btn.btn-secondary {
  color: #0a0a5f;
  font-size: 1.4rem;
  text-transform: uppercase;
  font-weight: 700;
}
.btn.btn-secondary .icon {
  background-color: #0a0a5f;
  color: #ffffff;
  width: 2.8rem;
  text-align: center;
  height: 2.8rem;
  line-height: 2.8rem;
  display: inline-block;
  border-radius: 0.3rem;
  font-size: 1.2rem;
  font-weight: bold;
  margin-right: 1.2rem;
}
.btn.btn-link {
  font-weight: 700;
  color: #307fe2;
  text-transform: capitalize;
  transition: all 0.3s ease;
}
.btn.btn-link::after {
  content: "\e90d";
  font-family: "icomoon";
  display: inline-block;
  font-size: 0.85rem;
  margin-left: 0.3rem;
}
.btn.btn-link:hover {
  color: #0a0a5f;
}
.btn.btn-icon {
  font-weight: 700;
  color: #307fe2;
  padding: 0.5rem;
  text-transform: capitalize;
  transition: all 0.3s ease;
}
.btn.btn-icon .icon {
  margin: 0 0.5rem;
  font-weight: 700;
  font-size: 1.5rem;
}
.btn.btn-icon.disabled, .btn.btn-icon:disabled {
  opacity: 0.5;
}

.lyt-form {
  padding-bottom: 10rem;
}
.lyt-form .form-btn-wrap {
  padding: 2rem 4rem;
  background: #ffffff;
  box-shadow: 0 0 15px 0 #c3cff0;
  position: fixed;
  left: 18rem;
  bottom: 0;
  right: 0;
  text-align: right;
  z-index: 4;
}

.scrollable {
  overflow-y: auto;
}

@media only screen and (min-width: 1920px) {
  html {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1919px) {
  html {
    font-size: 12px;
  }
}
@media only screen and (max-width: 1024px) {
  .row.col-2 .col-item {
    width: 50%;
  }
  .row.col-3 .col-item {
    width: 50%;
  }
  .row.col-4 .col-item {
    width: 50%;
  }
  .row.col-5 .col-item {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .swiper-button-next,
  .swiper-button-prev {
    display: none;
  }
  body.overflow-hidden {
    overflow: hidden;
  }
  body.sticky-nav {
    margin-top: 4.8rem;
  }
  .mob-hidden {
    display: none !important;
  }
  .mob-view {
    display: block !important;
  }
  .mob-search {
    display: block !important;
  }
  .row.col-2 .col-item, .row.col-5 .col-item, .row.col-4 .col-item, .row.col-3 .col-item {
    width: 100%;
  }
  .lyt-form .form-btn-wrap {
    padding: 1.2rem 1.8rem;
    left: 0;
  }
  .btn.btn-default {
    font-size: 1.4rem;
    padding: 0.7rem 1.8rem;
  }
  .btn.btn-outline {
    font-size: 1.4rem;
    padding: 0.6rem 1.8rem;
  }
  .btn.btn-icon .text {
    display: none;
  }
  .lyt-form {
    padding-bottom: 7rem;
  }
}
@media only screen and (max-width: 320px) {
  html {
    font-size: 9px;
  }
}
@media only screen and (max-width: 767px) {
  .btn.btn-default {
    font-size: 1.4rem;
    padding: 0.7rem 10px;
  }
}
@font-face {
  font-family: "icomoon";
  src: url('icomoon.0491efe655789d58.eot?dld327');
  src: url('icomoon.0491efe655789d58.eot?dld327#iefix') format("embedded-opentype"), url('icomoon.c2ee13b714a5e082.ttf?dld327') format("truetype"), url('icomoon.b5055c96fd2aee47.woff?dld327') format("woff"), url('icomoon.c72604f20350e73e.svg?dld327#icomoon') format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-geofence-i:before {
  content: "\e933";
}

.icon-geofence-o:before {
  content: "\e934";
}

.icon-notifcation-o:before {
  content: "\e932";
}

.icon-filter:before {
  content: "\e931";
}

.icon-distance:before {
  content: "\e92e";
}

.icon-language:before {
  content: "\e92f";
}

.icon-offboard:before {
  content: "\e930";
}

.icon-collapse:before {
  content: "\e92c";
}

.icon-location:before {
  content: "\e92d";
}

.icon-expand:before {
  content: "\e929";
}

.icon-fuel:before {
  content: "\e92a";
}

.icon-odometer:before {
  content: "\e92b";
}

.icon-delete:before {
  content: "\e91d";
}

.icon-download:before {
  content: "\e91e";
}

.icon-driver:before {
  content: "\e91f";
}

.icon-export:before {
  content: "\e920";
}

.icon-eye:before {
  content: "\e921";
}

.icon-globe:before {
  content: "\e922";
}

.icon-import:before {
  content: "\e923";
}

.icon-information:before {
  content: "\e924";
}

.icon-print:before {
  content: "\e925";
}

.icon-replace:before {
  content: "\e926";
}

.icon-truck:before {
  content: "\e927";
}

.icon-upload:before {
  content: "\e928";
}

.icon-clock:before {
  content: "\e91b";
}

.icon-sos:before {
  content: "\e91c";
}

.icon-expense:before {
  content: "\e919";
}

.icon-revenue:before {
  content: "\e91a";
}

.icon-minus:before {
  content: "\e918";
}

.icon-calendar:before {
  content: "\e911";
}

.icon-down-arrow:before {
  content: "\e912";
}

.icon-more-ver-f:before {
  content: "\e913";
}

.icon-rupee:before {
  content: "\e914";
}

.icon-search:before {
  content: "\e915";
}

.icon-tick:before {
  content: "\e916";
}

.icon-up-arrow:before {
  content: "\e917";
}

.icon-call:before {
  content: "\e90e";
}

.icon-edit:before {
  content: "\e90f";
}

.icon-email:before {
  content: "\e910";
}

.icon-left-arrow:before {
  content: "\e90c";
}

.icon-right-arrow:before {
  content: "\e90d";
}

.icon-close:before {
  content: "\e90b";
}

.icon-more-f:before {
  content: "\e90a";
}

.icon-add:before {
  content: "\e905";
}

.icon-business-forecast:before {
  content: "\e906";
}

.icon-logout:before {
  content: "\e907";
}

.icon-notify:before {
  content: "\e908";
}

.icon-swap:before {
  content: "\e909";
}

.icon-analyse:before {
  content: "\e901";
}

.icon-more:before {
  content: "\e902";
}

.icon-plan:before {
  content: "\e903";
}

.icon-track:before {
  content: "\e904";
}

.icon-checklist:before {
  content: "\e900";
}

/* extented */
/* layout */
@font-face {
  font-family: "Open Sans Bold";
  src: url("/src/assets/fonts/OpenSans-Bold.ttf") format("truetype");
}
.typ-form {
  margin: 7rem 0 0 20rem;
  height: 100%;
}
.typ-form .lyt-form {
  padding-bottom: 10rem;
}
.typ-form .lyt-form form {
  margin-top: 0em;
}
.typ-form .lyt-form .input-container {
  padding: 1rem 2rem;
  position: relative;
}
.typ-form .lyt-form .input-container .sec-head .sec-title {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #333333;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow {
  box-shadow: 0 0 20px 0 #edf1ff;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-head {
  padding: 1.8rem 2rem;
  border: 1px solid #e8ecf8;
  position: relative;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-head .title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #0a0a5f;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .typ-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-cont {
  padding: 2rem 2rem 1rem 2rem;
  background: #e8ecf8;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-cont .row {
  display: flex;
  flex-wrap: wrap;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-cont .row .col-item {
  width: 28vw;
  padding: 0 1rem;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group {
  margin-bottom: 2.5rem;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group .form-label {
  display: block;
  margin-bottom: 0.5rem !important;
  font-weight: 700;
  color: #333333;
  font-size: 1.5rem;
  min-width: 80%;
  line-height: 1.9rem;
  margin-bottom: 0.8rem;
  margin-top: 1rem;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group .input-group {
  position: relative;
  background: #ffffff;
  border-radius: 0.5rem;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group .input-group .invalid-error {
  position: absolute;
  font-size: 1.1rem;
  top: 6vh;
  font-style: italic;
  font-weight: 500;
  line-height: 1.4rem;
  margin-top: 0.4rem;
  color: #db0b0b;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group input {
  width: 100%;
  font-size: 1.2rem;
  height: 4rem;
  font-weight: 700;
  color: #666666;
  background: transparent;
  border: 1px solid #ffffff;
  border-radius: 0.5rem;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown {
  width: 100%;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown {
  width: 100%;
  box-sizing: border-box;
  display: block;
  border: none;
  line-height: 2.4rem;
  font-size: 1.2rem;
  position: relative;
  height: 4rem;
  line-height: 4rem;
  border-radius: 0.5rem;
  font-weight: 700;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-dropdown-label {
  width: 26vw;
  padding: 0 0 0 1rem;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-dropdown-label .ui-dropdown-label-container {
  width: 100%;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-inputtext.ui-placeholder {
  font-weight: 700;
  color: #666666;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-dropdown-trigger {
  border-radius: 0.5rem;
  width: 2rem;
  cursor: pointer;
  height: 93%;
  margin-top: 0;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon {
  display: inline-block;
  vertical-align: middle;
  line-height: 4rem;
  position: static;
  font-size: 1rem;
  color: #307fe2;
  margin: 0;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon::before {
  content: "\e912";
  font-family: icomoon;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-dropdown-panel {
  max-width: 100%;
  position: absolute;
  top: 4.2rem !important;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-dropdown-panel .ui-dropdown-items {
  min-width: 100%;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item {
  padding: 1rem 1rem 1rem 3.5rem;
  color: #333333;
  position: relative;
  font-weight: bolder;
  right: 1rem;
  font-weight: bolder;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group .radio-btn {
  padding: 1rem 1.2rem;
  font-size: 1.2rem;
  height: 2rem;
  width: 17px;
  font-weight: 700;
  color: #666666;
  background: transparent;
  border: 1px solid #ffffff;
  border-radius: 0.5rem;
}
.typ-form .lyt-form .footer-save-btn {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}
.typ-form .lyt-form .footer-save-btn .form-btn-wrap {
  padding: 2rem 4rem;
  background: #ffffff;
  box-shadow: 0 0 5px 0 #c3cff0;
  position: relative;
  left: 0;
  width: 100%;
}
.typ-form .lyt-form .footer-save-btn .form-btn-wrap .btn-outline {
  position: relative;
  left: 0;
}
.typ-form .lyt-form .footer-save-btn .form-btn-wrap .btn-default {
  position: relative;
  left: 2vw;
}

@media only screen and (min-width: 861px) and (max-width: 1024px) {
  .typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown .ui-dropdown .ui-dropdown-panel {
    width: 103%;
  }
  .typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-dropdown-panel {
    min-width: 100%;
    position: absolute;
    top: 4.2rem !important;
  }
}
@media only screen and (max-width: 960px) {
  .typ-form .lyt-form {
    position: absolute;
    left: 0;
    right: 0;
  }
  .typ-form .lyt-form .row .col-item {
    width: 35vw !important;
  }
  .typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown .ui-dropdown .ui-dropdown-panel {
    width: 103%;
  }
  .typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown .ui-dropdown .ui-dropdown-label {
    width: 32vw;
  }
}
@media only screen and (max-width: 600px) {
  .typ-form .lyt-form .row .col-item {
    width: 40vw !important;
  }
  .typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown .ui-dropdown .ui-dropdown-label {
    width: 36vw;
  }
}
@media only screen and (max-width: 480px) {
  .row {
    flex-direction: column;
  }
  .typ-form .lyt-form .row .col-item {
    width: 90% !important;
    margin: auto;
  }
  .form-group .form-label {
    width: 70%;
  }
  .typ-form .lyt-form .footer-save-btn .form-btn-wrap .btn-outline {
    position: absolute;
    left: 7vw;
  }
}
@font-face {
  font-family: "Open Sans Bold";
  src: url("/src/assets/fonts/OpenSans-Bold.ttf") format("truetype");
}
.typ-login .lyt-login .cp-onboarding .login-form .desc .input-group {
  position: relative;
  background: #ffffff;
  border-radius: 0.5rem;
}
.typ-login .lyt-login .cp-onboarding .login-form .desc .input-group .invalid-error {
  position: absolute;
  font-size: 1.1rem;
  top: 6vh;
  font-style: italic;
  font-weight: 500;
  line-height: 1.4rem;
  margin-top: 0.4rem;
  color: #db0b0b;
}
.typ-login .lyt-login .cp-onboarding .login-form .cp-form {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.typ-login .lyt-login .cp-onboarding .login-form .cp-form .form-group {
  margin-bottom: 2.5rem;
}
.typ-login .lyt-login .cp-onboarding .login-form .cp-form .form-group .form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: bold;
  color: #333333;
  font-size: 1.5rem;
  width: 100%;
  line-height: 1.9rem;
  margin-bottom: 0.8rem;
  position: relative;
  top: 3rem;
}
.typ-login .lyt-login .cp-onboarding .login-form .cp-form .form-group .input-group {
  height: 4rem;
  position: relative;
  background: #ffffff;
  border-radius: 0.5rem;
}
.typ-login .lyt-login .cp-onboarding .login-form .cp-form .form-group .input-group .invalid-error {
  position: absolute;
  font-size: 1.1rem;
  top: 6vh;
  font-style: italic;
  font-weight: 500;
  line-height: 1.4rem;
  margin-top: 0.4rem;
  color: #db0b0b;
}
.typ-login .lyt-login .cp-onboarding .login-form .cp-form .form-group .input-group input {
  width: 100%;
  height: 100%;
  font-size: 1.2rem;
  font-weight: bolder;
  color: #666666;
  background: transparent;
  border: none;
  border-radius: 0.5rem;
}
.typ-login .lyt-login .cp-onboarding .login-form .cp-form .form-group .input-group .view-pwd {
  color: #307fe2;
  border: 0 !important;
  cursor: pointer;
  position: absolute;
  z-index: 3;
  font-size: 2rem;
  right: 0;
}
.typ-login .lyt-login .cp-onboarding .login-form .cp-form .btn-wrap {
  text-align: center;
  margin-bottom: 3rem;
  justify-content: center;
  display: flex;
}

/* component */
.cp-header {
  height: 5rem;
  box-shadow: 0 0.2rem 0.4rem 0 #e8ecf8;
  position: fixed;
  top: 0;
  left: 18rem;
  right: 0;
  z-index: 10;
  background: #ffffff;
  padding: 0.8rem 3.6rem;
  text-align: right;
}
.cp-header .show-on-mobile {
  display: none;
}
.cp-header .options-wrap {
  text-align: left;
  display: inline-block;
}
.cp-header .logout-btn {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0.5rem;
  color: #0a0a5f;
  cursor: pointer;
}
.cp-header .logout-btn .icon {
  display: block;
  height: 2.5rem;
  line-height: 2.5rem;
}
.cp-header .notification-wrap,
.cp-header .user-profile-wrap,
.cp-header .sos-notify-wrap {
  display: flex;
  flex-direction: row;
  margin-right: 1.8rem;
  padding: 0 0.5rem;
  position: relative;
  width: 18rem;
  height: 3rem;
}
.cp-header .user-profile-wrap.active .profile-dd {
  display: flex;
  align-items: center;
}
.cp-header .sos-notify-wrap.active .sos-profile-dd {
  display: block;
}
.cp-header .sos-profile-dd {
  padding: 0;
  max-width: 38rem;
  min-width: 38rem;
  background: #ffffff;
  top: 4.8rem;
  right: -1.6rem;
  border-radius: 0.5rem;
}
.cp-header .sos-profile-dd:before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: #ffffff;
  transform: rotate(45deg);
  position: absolute;
  top: -0.6rem;
  right: 2.3rem;
}
.cp-header .sos-profile-dd .sos-detail {
  padding-right: 5rem;
  position: relative;
}
.cp-header .sos-profile-dd .sos-detail .sos-typ {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  background: #db0b0b;
  border-radius: 50%;
  box-shadow: 0 0 10px 0 rgba(219, 11, 11, 0.75);
  overflow: hidden;
  width: 2rem;
  color: #ffffff;
  height: 2rem;
  font-size: 1.1rem;
  text-align: center;
  line-height: 2rem;
}
.cp-header .sos-profile-dd .vehicle-no {
  font-size: 1.8rem;
  font-weight: 700;
  color: #333333;
}
.cp-header .sos-profile-dd .issues {
  font-size: 1.2rem;
  color: #666666;
  line-height: 1.2rem;
  display: inline-block;
}
.cp-header .sos-profile-dd .issues + .issues {
  margin-left: 0.5rem;
  padding-left: 0.5rem;
  border-left: 1px solid #666666;
}
.cp-header .profile-dd {
  padding: 2rem 2rem;
  max-width: 38rem;
  min-width: 38rem;
  background: #ffffff;
  top: 4.8rem;
  right: 0;
  border-radius: 0.5rem;
}
.cp-header .profile-dd:before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: #ffffff;
  transform: rotate(45deg);
  position: absolute;
  top: -0.6rem;
  right: 4rem;
}
.cp-header .profile-dd .user-pic-lg {
  width: 10rem;
  position: relative;
}
.cp-header .profile-dd .user-pic-lg .change-img {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  overflow: hidden;
  background: #307fe2;
  color: #ffffff;
  cursor: pointer;
}
.cp-header .profile-dd .user-pic-lg .change-img:before {
  content: "\e90f";
  font-family: "icomoon";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cp-header .profile-dd .user-pic-lg .change-img .upolad-img {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.cp-header .profile-dd .user-pic-lg .img {
  width: 10rem;
  height: 10rem;
  overflow: hidden;
  border-radius: 50%;
}
.cp-header .profile-dd .user-pic-lg img {
  width: 100%;
}
.cp-header .profile-dd .user-details {
  margin-left: 2rem;
  width: 100%;
}
.cp-header .profile-dd .user-details .user-name {
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #0a0a5f;
  font-weight: 700;
}
.cp-header .profile-dd .user-details .designation {
  font-size: 1.2rem;
  color: #333333;
  margin-top: 0.4rem;
  font-weight: 700;
}
.cp-header .profile-dd .user-details .btn {
  display: block;
  margin-top: 1.5rem;
}
.cp-header .profile-dd .user-details .btn.btn-icon-text {
  padding: 0;
}
.cp-header .profile-dd .user-details .btn.btn-icon-text .icon {
  color: #307fe2;
  display: inline-block;
  vertical-align: middle;
  font-size: 1.6rem;
}
.cp-header .profile-dd .user-details .btn.btn-icon-text .text {
  font-size: 1.2rem;
  line-height: 1.6rem;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5rem;
  color: #307fe2;
}
.cp-header .user-profile {
  cursor: pointer;
}
.cp-header .user-profile .user-pic {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.6rem;
  overflow: hidden;
}
.cp-header .user-profile .user-name {
  vertical-align: middle;
  display: inline-block;
  font-size: 1.1rem;
  color: #0a0a5f;
  font-weight: 700;
  line-height: 1.22;
}
.cp-header .user-profile .user-name span {
  display: block;
}
.cp-header .sos-notify-btn {
  cursor: pointer;
}
.cp-header .sos-notify-btn .icon {
  display: inline-block;
  background: #db0b0b;
  border-radius: 50%;
  box-shadow: 0 0 10px 0 rgba(219, 11, 11, 0.75);
  overflow: hidden;
  width: 2rem;
  color: #ffffff;
  height: 2rem;
  font-size: 1.1rem;
  text-align: center;
  line-height: 2rem;
}
.cp-header .sos-notify-btn .count {
  position: absolute;
  top: -0.4rem;
  right: -0.6rem;
  width: 1.7rem;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #ffffff;
  height: 1.7rem;
  font-size: 0.9rem;
  text-align: center;
  line-height: 1.5rem;
  background: #e8ecf8;
}
.cp-header .sos-list .item {
  padding: 2rem;
  border-bottom: 1px solid #e8ecf8;
}
.cp-header .sos-list .item:last-child {
  border-bottom: 0;
}
.cp-header .sos-list .item .user-msg {
  margin-top: 2.6rem;
  display: flex;
}
.cp-header .sos-list .item .user-msg .user-pic {
  position: relative;
  margin-right: 0.2rem;
}
.cp-header .sos-list .item .user-msg .user-pic .img {
  border-radius: 0.4rem;
  width: 3rem;
  height: 3rem;
  overflow: hidden;
}
.cp-header .sos-list .item .user-msg .user-pic img {
  width: 100%;
}
.cp-header .sos-list .item .user-msg .plyr__progress {
  width: 100%;
  background: #e8ecf8;
  padding: 0.5rem 1rem;
  border-radius: 0.3rem;
}
.cp-header .sos-list .item .user-msg .plyr__progress__buffer {
  margin-left: 1rem;
  margin-right: 1rem;
  width: calc(100% - 2rem);
}
.cp-header .sos-list .item .user-msg .plyr__progress input[type=range] {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
.cp-header .sos-list .item .user-msg .plyr--full-ui input[type=range] {
  color: #95a5d5;
}
.cp-header .sos-list .item .user-msg .plyr--audio .plyr__control {
  color: #95a5d5;
}
.cp-header .sos-list .item .user-msg .plyr--audio .plyr__control:hover {
  background: transparent;
  color: #95a5d5;
}
.cp-header .sos-list .item .user-msg .plyr__control svg {
  width: 1.5rem;
}
.cp-header .sos-list .item .audio-player {
  width: 100%;
}
.cp-header .sos-list .item .plyr--audio .plyr__controls {
  background: transparent;
  padding: 0;
}
.cp-header .sos-list .item .plyr--audio .plyr__controls .plyr__progress__container {
  background: #e8ecf8;
  padding: 1rem;
  border-radius: 0.3rem;
}
.cp-header .sos-list .item .plyr--audio .plyr__controls .plyr__menu,
.cp-header .sos-list .item .plyr--audio .plyr__controls .plyr__volume,
.cp-header .sos-list .item .plyr--audio .plyr__controls .plyr__time {
  display: none;
}
.cp-header .notify-dd,
.cp-header .profile-dd,
.cp-header .sos-profile-dd {
  display: none;
  position: absolute;
}
.cp-header .notification-wrap .notify-btn {
  cursor: pointer;
  color: #0a0a5f;
  display: block;
}
.cp-header .notification-wrap .notify-btn .icon {
  display: block;
  height: 2.5rem;
  line-height: 2.5rem;
}
.cp-header .notification-wrap .notify-btn .icon:before {
  content: "\e908";
}
.cp-header .notification-wrap.active .notify-btn .icon:before {
  content: "\e932";
}
.cp-header .notification-wrap .notify-dd {
  min-width: 38rem;
  max-width: 38rem;
  right: -3.5rem;
  top: 4.8rem;
  line-height: 1.6rem;
  border-radius: 0.5rem;
  background: #ffffff;
  font-size: 1.2rem;
  padding-bottom: 2rem;
}
.cp-header .notification-wrap .notify-dd:before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: #ffffff;
  transform: rotate(45deg);
  position: absolute;
  top: -0.6rem;
  right: 4rem;
}
.cp-header .notification-wrap .notify-dd .notfy-head {
  padding: 1.1rem 2rem;
  font-size: 1.2rem;
  color: #333333;
  border-bottom: 1px solid #e8ecf8;
  display: flex;
  justify-content: space-between;
}
.cp-header .notification-wrap .notify-dd .clear-all {
  font-weight: 700;
  color: #307fe2;
  cursor: pointer;
}
.cp-header .notification-wrap .notify-dd .clear-all:hover {
  color: #0a0a5f;
}
.cp-header .notification-wrap .notify-dd .list {
  max-height: 40rem;
  overflow-y: auto;
}
.cp-header .notification-wrap .notify-dd .item {
  padding: 1.2rem 2rem 2rem;
  border-bottom: 1px solid #e8ecf8;
}
.cp-header .notification-wrap .notify-dd .item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.cp-header .notification-wrap .notify-dd .item .title {
  color: #333333;
  font-weight: 700;
  margin-bottom: 0.6rem;
}
.cp-header .notification-wrap .notify-dd .item .desc {
  margin-bottom: 0.4rem;
}
.cp-header .notification-wrap .notify-dd .item .timestamp {
  margin-top: 0.5rem;
}
.cp-header .notification-wrap.active .notify-dd {
  display: block;
}
.cp-header .notification-wrap.new .notify-btn {
  position: relative;
}
.cp-header .notification-wrap.new .notify-btn:before {
  content: "";
  width: 0.9rem;
  height: 0.9rem;
  position: absolute;
  background: #db0b0b;
  border-radius: 50%;
  top: -0.1rem;
  right: -0.2rem;
  border: 0.2rem solid #ffffff;
}

@media only screen and (max-width: 1024px) {
  .cp-header {
    position: static;
    display: flex;
    height: auto;
    background: #0a0a5f;
    background: linear-gradient(90deg, rgb(10, 10, 95) 0%, rgb(24, 53, 144) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a0a5f", endColorstr="#183590", GradientType=1);
    padding: 1.6rem 2rem 0.6rem;
    justify-content: space-between;
    align-items: center;
  }
  .cp-header .show-on-mobile {
    display: block;
  }
  .cp-header .logout-btn {
    display: none;
  }
  .cp-header .user-profile .user-name {
    display: none;
  }
  .cp-header .user-profile .user-pic {
    width: 3rem;
    height: 3rem;
    margin-right: 0;
  }
  .cp-header .logo-wrap img {
    width: auto;
    height: 10px;
  }
  .cp-header .sos-profile-dd {
    position: fixed;
    z-index: 10;
    max-width: 100%;
    min-width: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border-radius: 0;
  }
  .cp-header .sos-profile-dd .sos-list {
    height: 100%;
    overflow: auto;
    padding-bottom: 7rem;
  }
  .cp-header .sos-profile-dd .title-wrap {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e8ecf8;
    padding: 2rem;
    align-items: center;
    text-align: left;
  }
  .cp-header .sos-profile-dd .title-wrap .title {
    font-size: 1.5rem;
    font-weight: 700;
  }
  .cp-header .sos-profile-dd .close {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    margin-right: -0.5rem;
    cursor: pointer;
    font-size: 1.4rem;
  }
  .cp-header .notification-wrap.new .notify-btn:before {
    top: 0;
    border-color: #172b86;
  }
  .cp-header .notification-wrap .notify-dd .notfy-head {
    padding: 2rem;
  }
  .cp-header .notification-wrap .notify-dd .notfy-head .title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #333333;
  }
  .cp-header .notification-wrap.active .notify-dd {
    min-width: 100%;
    max-width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 15;
    border-radius: 0;
  }
  .cp-header .notification-wrap.active .notify-dd:before {
    display: none;
  }
  .cp-header .notification-wrap.active .notify-dd .right-wrap {
    display: flex;
    align-items: center;
  }
  .cp-header .notification-wrap.active .notify-dd .right-wrap .close {
    margin-left: 2.8rem;
    color: #bbb;
    cursor: pointer;
    font-size: 1.5rem;
  }
  .cp-header .notification-wrap.active .notify-dd .list {
    max-height: 95%;
  }
  .cp-header .notification-wrap .notify-btn {
    color: #ffffff;
  }
  .cp-header .user-profile-wrap {
    margin-right: 0;
    padding: 0;
  }
  .cp-header .user-profile-wrap .profile-dd {
    z-index: 15;
  }
  .cp-header .user-profile-wrap .profile-dd .close {
    display: none;
  }
  .cp-header .user-profile-wrap .profile-dd:before {
    right: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .cp-header .user-profile-wrap.active .profile-dd {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    max-width: 100%;
    min-width: 100%;
    bottom: auto;
    z-index: 10;
    padding-top: 6rem;
    border-radius: 0 0 1rem 1rem;
  }
  .cp-header .user-profile-wrap.active .profile-dd .close {
    position: absolute;
    top: 2rem;
    right: 2rem;
    cursor: pointer;
    font-size: 1.4rem;
  }
  .cp-header .user-profile-wrap .profile-dd .close {
    display: block;
  }
  .cp-header .user-profile-wrap .profile-dd .user-pic-lg {
    width: 6rem;
  }
  .cp-header .user-profile-wrap .profile-dd .user-pic-lg .img {
    width: 6rem;
    height: 6rem;
  }
  .cp-header .user-profile-wrap .profile-dd .user-pic-lg .change-img {
    top: -0.5rem;
    right: -0.5rem;
  }
  .cp-header .user-profile-wrap .profile-dd .user-details .designation {
    font-size: 1.3rem;
    margin-top: 0.5rem;
    line-height: 1.8rem;
    font-weight: 700;
  }
  .cp-header .user-profile-wrap .profile-dd .user-details .contact-details {
    font-size: 1.3rem;
  }
  .cp-header .user-profile-wrap .profile-dd .user-details .contact-details .item + .item {
    margin-top: 1rem;
  }
}
.cp-sidebar {
  background: #0a0a5f;
  background: linear-gradient(180deg, rgb(10, 10, 95) 8%, rgb(24, 53, 144) 85%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a0a5f", endColorstr="#183590", GradientType=1);
  position: fixed;
  left: 0;
  width: 18rem;
  bottom: 0;
  top: 0;
  z-index: 9;
}
.cp-sidebar .logo-wrap {
  padding: 2.6rem 2.6rem 2rem 2.6rem;
}
.cp-sidebar .logo-wrap .logo {
  max-width: 8rem;
}
.cp-sidebar .logo-wrap .logo img {
  width: 100%;
}
.cp-sidebar .top-section {
  border-bottom: 1px solid rgba(232, 236, 248, 0.2);
  margin-bottom: 0rem;
}
.cp-sidebar .nav-list {
  padding: 0 0 0 1rem;
}
.cp-sidebar .nav-list .nav-item {
  color: #ffffff;
  margin-bottom: 2rem;
  font-size: 1.3rem !important;
}
.cp-sidebar .nav-list .nav-item.vendor-logo {
  padding-left: 1rem;
}
.cp-sidebar .nav-list .nav-item.vendor-logo .nav-link {
  padding-left: 4.5rem;
  position: relative;
  display: block;
}
.cp-sidebar .nav-list .nav-item.vendor-logo .img {
  width: 3.5rem;
  height: 3.5rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  overflow: hidden;
  border-radius: 50%;
}
.cp-sidebar .nav-list .nav-item.vendor-logo .text {
  font-size: 1.2rem;
  line-height: 1.6rem;
  letter-spacing: 0.2px;
  display: block;
}
.cp-sidebar .nav-list .nav-item .nav-link {
  padding: 1.8rem 1.8rem 1.8rem 1.5rem;
  display: block;
  cursor: pointer;
  padding: 20px 5px !important;
}
.cp-sidebar .nav-list .nav-item .mod-icon-text .icon {
  font-size: 2.4rem;
}
.cp-sidebar .nav-list .nav-item .mod-icon-text .text {
  margin-left: 1.8rem;
}
.cp-sidebar .nav-list .nav-item.active {
  background: #ffffff;
  color: #0a0a5f;
  border-radius: 0.6rem 0 0 0.6rem;
  position: relative;
}
.cp-sidebar .nav-list .nav-item.active a {
  color: #0a0a5f;
}
.cp-sidebar .nav-list .nav-item.active .text {
  font-weight: 700;
}
.cp-sidebar .nav-list .nav-item.active:before {
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: -2.5rem;
  right: 0;
  background: url('rounded-corner-top.862503ccbe4896f9.png') bottom right no-repeat;
  background-size: cover;
}
.cp-sidebar .nav-list .nav-item.active:after {
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  bottom: -2.5rem;
  right: 0;
  background: url('rounded-corner-bottom.e28bfcc348fa6d7a.png') top right no-repeat;
  background-size: cover;
}
.cp-sidebar a {
  color: #ffffff;
}
.cp-sidebar a:hover {
  color: #ffffff;
}
.cp-sidebar .show-on-mobile {
  display: none;
}
.cp-sidebar .more-wrap {
  color: #ffffff;
  position: absolute;
  top: 31.4rem;
  bottom: 0;
  left: 0;
  width: 100%;
}
.cp-sidebar .more-wrap .custom-scrollbar .ps-content {
  padding: 3rem 0;
}
.cp-sidebar .more-wrap .less {
  display: none;
}
.cp-sidebar .more-wrap .more-list {
  font-size: 1.2rem;
  transition: all 0.3s ease;
}
.cp-sidebar .more-wrap .more-list .more-item {
  margin-left: 1rem;
}
.cp-sidebar .more-wrap .more-list .parent {
  margin-left: 0;
  padding-left: 1rem;
}
.cp-sidebar .more-wrap .more-list .parent > .link {
  position: relative;
}
.cp-sidebar .more-wrap .more-list .parent > .link:after {
  content: "";
  position: absolute;
  right: 2rem;
  top: 50%;
  transition: all 0.3s ease;
  border: 0.6rem solid transparent;
  border-top: 0.6rem solid #ffffff;
  margin-top: -0.2rem;
}
.cp-sidebar .more-wrap .more-list .parent.opened > .link:after {
  transform: rotate(180deg);
  margin-top: -0.6rem;
}
.cp-sidebar .more-wrap .more-list .parent .more-item {
  margin-left: 0;
}
.cp-sidebar .more-wrap .more-list .parent .sub-list {
  display: none;
}
.cp-sidebar .more-wrap .more-list .parent.opened {
  background: rgba(255, 255, 255, 0.1);
}
.cp-sidebar .more-wrap .more-list .parent.opened .sub-list {
  display: block;
}
.cp-sidebar .more-wrap .hide {
  display: none;
}
.cp-sidebar .more-wrap .more-item {
  position: relative;
}
.cp-sidebar .more-wrap .more-item .link {
  display: block;
  padding: 1.6rem;
}
.cp-sidebar .more-wrap .more-item.active {
  background: #ffffff;
  border-radius: 1rem 0 0 1rem;
  font-weight: 700;
}
.cp-sidebar .more-wrap .more-item.active a {
  color: #0a0a5f;
}
.cp-sidebar .more-wrap .more-item.active:before {
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: -2.5rem;
  right: 0;
  background: url('rounded-corner-top.862503ccbe4896f9.png') bottom right no-repeat;
  background-size: cover;
}
.cp-sidebar .more-wrap .more-item.active:after {
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  bottom: -2.5rem;
  right: 0;
  background: url('rounded-corner-bottom.e28bfcc348fa6d7a.png') top right no-repeat;
  background-size: cover;
}
.cp-sidebar .more-wrap .more-btn {
  display: block;
  cursor: pointer;
  padding: 1rem 2.9rem;
  font-size: 1.2rem;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 18rem;
  background-color: #183590;
}
.cp-sidebar .more-wrap .more-btn.active + .more-list {
  visibility: visible;
  opacity: 1;
}
.cp-sidebar .more-wrap .more-btn .icon {
  font-size: 2.5rem;
  margin-right: 1.1rem;
}

.ui-autocomplete-token-icon,
.ui-dropdown-clear-icon {
  width: 16px;
  height: 16px;
}
.ui-autocomplete-token-icon:before,
.ui-dropdown-clear-icon:before {
  content: "x";
}

perfect-scrollbar .ps__thumb-y {
  right: 0 !important;
  width: 0.8rem !important;
}
perfect-scrollbar > .ps.ps--active-y .ps__thumb-y,
perfect-scrollbar .ps.ps--scrolling-y .ps__thumb-y {
  background-color: #d6dffb !important;
}
perfect-scrollbar > .ps.ps--active-y > .ps__rail-y,
perfect-scrollbar .ps.ps--scrolling-y > .ps__rail-y {
  background-color: transparent !important;
  border-radius: 1.2rem;
  right: 0 !important;
  width: 0.8rem !important;
}

@media only screen and (max-width: 1024px) {
  .cp-sidebar {
    transition: all 0.3s ease;
    position: static;
    width: auto;
    background: #0a0a5f;
    background: linear-gradient(90deg, rgb(10, 10, 95) 0%, rgb(24, 53, 144) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a0a5f", endColorstr="#183590", GradientType=1);
    padding: 1rem 2rem 0 2rem;
    z-index: 9;
    position: relative;
  }
  .cp-sidebar .logo-wrap,
  .cp-sidebar .vendor-logo {
    display: none;
  }
  .cp-sidebar.logo-show {
    height: 6rem;
    align-items: center;
    padding: 0;
  }
  .cp-sidebar.logo-show .logo-wrap {
    display: block;
    padding: 0;
    width: 11rem;
  }
  .cp-sidebar.logo-show .logo-wrap .logo {
    max-width: none;
    display: block;
  }
  .cp-sidebar.logo-show .top-section {
    height: 100%;
    align-items: center;
    padding: 0 1.5rem;
  }
  .cp-sidebar .top-section {
    display: flex;
    justify-content: space-between;
    border-bottom: 0;
    margin-bottom: 0;
  }
  .cp-sidebar .nav-list {
    padding: 0;
    display: block;
    width: 100%;
  }
  .cp-sidebar .nav-list .nav-item {
    font-size: 1.2rem;
    margin-bottom: 0;
    margin-right: 0.7rem;
    display: inline-block;
  }
  .cp-sidebar .nav-list .nav-item.vendor-logo {
    display: none;
  }
  .cp-sidebar .nav-list .nav-item:last-child {
    margin-right: 0;
    float: right;
  }
  .cp-sidebar .nav-list .nav-item.active {
    border-radius: 0.6rem 0.6rem 0 0;
  }
  .cp-sidebar .nav-list .nav-item.active:before {
    width: 1.2rem;
    height: 1.2rem;
    right: -1.2rem;
    bottom: 0;
    top: inherit;
    background: url('rounded-corner-right.29ca96a6a954848f.png') bottom right no-repeat;
    background-size: cover;
  }
  .cp-sidebar .nav-list .nav-item.active:after {
    width: 1.2rem;
    height: 1.2rem;
    left: -1.2rem;
    bottom: 0;
    top: inherit;
    background: url('rounded-corner-left.862503ccbe4896f9.png') bottom right no-repeat;
    background-size: cover;
  }
  .cp-sidebar .nav-list .nav-item .nav-link {
    padding: 1rem 2.2rem 1rem 2.2rem;
  }
  .cp-sidebar .nav-list .nav-item .mod-icon-text .icon {
    font-size: 1.8rem;
  }
  .cp-sidebar .nav-list .nav-item .mod-icon-text .text {
    margin-left: 1rem;
  }
  .cp-sidebar .show-more {
    display: flex;
    align-items: center;
    color: #ffffff;
  }
  .cp-sidebar .show-on-mobile {
    display: block;
  }
  .cp-sidebar .more-wrap {
    display: none;
    position: fixed;
    top: 10rem;
    left: 0;
    overflow: auto;
    right: 0;
    bottom: 0;
    padding: 0;
    margin-bottom: 0;
    overflow: auto;
    background: #ffffff;
  }
  .cp-sidebar .more-wrap .custom-scrollbar {
    overflow: initial;
  }
  .cp-sidebar .more-wrap .custom-scrollbar > .ps {
    overflow: initial !important;
  }
  .cp-sidebar .more-wrap .custom-scrollbar .ps-content {
    padding: 0;
    overflow: initial;
    height: 100%;
  }
  .cp-sidebar .more-wrap.active {
    display: block;
  }
  .cp-sidebar .more-wrap .more-item.active:before, .cp-sidebar .more-wrap .more-item.active:after {
    display: none;
  }
  .cp-sidebar .more-wrap .more-btn {
    display: none;
  }
  .cp-sidebar .more-wrap .more-list {
    padding: 0;
    margin-bottom: 6rem;
  }
  .cp-sidebar .more-wrap .more-list .more-item {
    margin-left: 0;
    padding: 0 2rem;
  }
  .cp-sidebar .more-wrap .more-list .parent > .link:before {
    margin-top: -0.8rem;
    transform: rotate(90deg) !important;
  }
  .cp-sidebar .more-wrap .more-list .parent .sub-list {
    margin: 0 -2rem;
    background: rgba(48, 127, 226, 0.05);
  }
  .cp-sidebar .more-wrap .more-list .parent .sub-list .link {
    padding-left: 1rem;
    font-weight: normal;
  }
  .cp-sidebar .more-wrap .more-list .link {
    color: #333333;
    font-size: 1.4rem;
    padding: 2rem 0;
    font-weight: 700;
    display: flex;
    letter-spacing: 0.23px;
    align-items: center;
    position: relative;
    border-bottom: 1px solid #e8ecf8;
  }
  .cp-sidebar .more-wrap .more-list .link:before {
    content: "\e90d";
    font-family: "icomoon" !important;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: #307fe2;
  }
  .cp-sidebar .more-wrap .more-list .vendor-link .img {
    width: 3rem;
    height: 3rem;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0 0 10px 3px #ddd;
    margin-right: 1rem;
  }
  .cp-sidebar .more-wrap .logout-link {
    font-size: 1.4rem;
    padding: 2rem;
    cursor: pointer;
    position: fixed;
    bottom: 0;
    background: #ffffff;
    width: 100%;
    left: 0;
    box-shadow: 0 0 13px 1px #f1f1f1;
  }
  .cp-sidebar .more-wrap .logout-link a {
    color: #666666;
    display: inline-block;
  }
  .cp-sidebar.sticky-nav {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: auto;
  }
  .cp-sidebar .custom-scrollbar {
    position: static;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .cp-sidebar .nav-list {
    padding: 0;
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
  }
}
.cp-form .form-group,
.cp-form .form-group-radio-btn {
  margin-bottom: 2.5rem;
  position: relative;
}
.cp-form .form-group.disabled,
.cp-form .form-group-radio-btn.disabled {
  opacity: 0.4;
}
.cp-form .form-group .form-label,
.cp-form .form-group-radio-btn .form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 700;
  position: relative;
  color: #333333;
  font-size: 1.4rem;
  line-height: 2.5rem;
}
.cp-form .form-group .note,
.cp-form .form-group-radio-btn .note {
  float: right;
  font-size: 1.4rem;
  margin-top: 0.5rem;
}
.cp-form .form-group .note.btn-link:after,
.cp-form .form-group-radio-btn .note.btn-link:after {
  display: none;
}
.cp-form .form-group .input-wrap:after,
.cp-form .form-group-radio-btn .input-wrap:after {
  content: "";
  display: table;
  clear: both;
}
.cp-form .form-group.typ-multiple .input-group:first-child,
.cp-form .form-group-radio-btn.typ-multiple .input-group:first-child {
  width: 25%;
  float: left;
}
.cp-form .form-group.typ-multiple .input-group.input-switch,
.cp-form .form-group-radio-btn.typ-multiple .input-group.input-switch {
  width: 75%;
  float: left;
  padding-left: 2rem;
}
.cp-form .form-group .input-group,
.cp-form .form-group-radio-btn .input-group {
  position: relative;
  background: #ffffff;
  border-radius: 0.5rem;
}
.cp-form .form-group .input-group > .icon,
.cp-form .form-group-radio-btn .input-group > .icon {
  position: absolute;
  color: #307fe2;
  font-weight: 700;
  top: 0;
  right: 0;
  width: 4rem;
  height: 4rem;
  text-align: center;
  line-height: 4rem;
  border-left: 1px solid #e8ecf8;
}
.cp-form .form-group .input-group.success:after,
.cp-form .form-group-radio-btn .input-group.success:after {
  content: "\e916";
  font-family: "icomoon";
  color: #0c9f41;
  font-size: 1.3rem;
  position: absolute;
  font-weight: 700;
  top: 0;
  right: 0;
  width: 4rem;
  height: 4rem;
  text-align: center;
  line-height: 4rem;
}
.cp-form .form-group .input-group.success input,
.cp-form .form-group .input-group.success .form-control,
.cp-form .form-group-radio-btn .input-group.success input,
.cp-form .form-group-radio-btn .input-group.success .form-control {
  padding-right: 4.5rem;
}
.cp-form .form-group .input-group.verified:after,
.cp-form .form-group-radio-btn .input-group.verified:after {
  content: "Verified";
  color: #0c9f41;
  font-size: 1.2rem;
  position: absolute;
  top: 0;
  right: 1rem;
  width: 4rem;
  height: 4rem;
  font-style: italic;
  text-align: center;
  line-height: 4rem;
}
.cp-form .form-group .input-group.verified input,
.cp-form .form-group .input-group.verified .form-control,
.cp-form .form-group-radio-btn .input-group.verified input,
.cp-form .form-group-radio-btn .input-group.verified .form-control {
  padding-right: 6rem;
}
.cp-form .form-group .ui-calendar,
.cp-form .form-group .ui-dropdown,
.cp-form .form-group .ui-multiselect,
.cp-form .form-group-radio-btn .ui-calendar,
.cp-form .form-group-radio-btn .ui-dropdown,
.cp-form .form-group-radio-btn .ui-multiselect {
  display: block;
}
.cp-form .form-group .ui-datepicker,
.cp-form .form-group-radio-btn .ui-datepicker {
  padding: 0 0.5rem;
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 0 10px 0 #cfd7ec;
  border: 0;
}
.cp-form .form-group .ui-datepicker .ui-datepicker-header,
.cp-form .form-group-radio-btn .ui-datepicker .ui-datepicker-header {
  color: #0a0a5f;
  padding: 0.7em 0;
  font-weight: 700;
  border-bottom: 1px solid #e8ecf8;
}
.cp-form .form-group .ui-datepicker .ui-datepicker-title,
.cp-form .form-group-radio-btn .ui-datepicker .ui-datepicker-title {
  font-size: 1.5rem;
}
.cp-form .form-group .ui-datepicker .ui-datepicker-prev,
.cp-form .form-group .ui-datepicker .ui-datepicker-next,
.cp-form .form-group-radio-btn .ui-datepicker .ui-datepicker-prev,
.cp-form .form-group-radio-btn .ui-datepicker .ui-datepicker-next {
  top: 0.3rem;
}
.cp-form .form-group .ui-datepicker .ui-datepicker-prev span,
.cp-form .form-group .ui-datepicker .ui-datepicker-next span,
.cp-form .form-group-radio-btn .ui-datepicker .ui-datepicker-prev span,
.cp-form .form-group-radio-btn .ui-datepicker .ui-datepicker-next span {
  line-height: 1;
}
.cp-form .form-group .ui-datepicker .ui-datepicker-prev span:before,
.cp-form .form-group .ui-datepicker .ui-datepicker-next span:before,
.cp-form .form-group-radio-btn .ui-datepicker .ui-datepicker-prev span:before,
.cp-form .form-group-radio-btn .ui-datepicker .ui-datepicker-next span:before {
  content: "\e90c";
  font-family: "icomoon";
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: #0a0a5f;
}
.cp-form .form-group .ui-datepicker .ui-datepicker-next span:before,
.cp-form .form-group-radio-btn .ui-datepicker .ui-datepicker-next span:before {
  content: "\e90d";
}
.cp-form .form-group .ui-datepicker th,
.cp-form .form-group-radio-btn .ui-datepicker th {
  font-weight: normal;
  font-size: 1.2rem;
  color: #666666;
  padding: 0.9em 0.5em;
}
.cp-form .form-group .ui-datepicker table thead tr,
.cp-form .form-group-radio-btn .ui-datepicker table thead tr {
  border-bottom: 1px solid #e8ecf8;
}
.cp-form .form-group .ui-datepicker table td,
.cp-form .form-group-radio-btn .ui-datepicker table td {
  padding: 0.3rem;
  font-size: 1.2rem;
}
.cp-form .form-group .ui-datepicker table td.ui-datepicker-today > a,
.cp-form .form-group .ui-datepicker table td.ui-datepicker-today > span,
.cp-form .form-group-radio-btn .ui-datepicker table td.ui-datepicker-today > a,
.cp-form .form-group-radio-btn .ui-datepicker table td.ui-datepicker-today > span {
  background: #307fe2;
  color: #ffffff;
  border-radius: 50%;
}
.cp-form .form-group .ui-datepicker table td > a,
.cp-form .form-group .ui-datepicker table td > span,
.cp-form .form-group-radio-btn .ui-datepicker table td > a,
.cp-form .form-group-radio-btn .ui-datepicker table td > span {
  width: 3rem;
  height: 3rem;
  text-align: center;
  line-height: 3rem;
  padding: 0;
}
.cp-form .form-group .ui-datepicker table td > a.ui-state-active,
.cp-form .form-group .ui-datepicker table td > span.ui-state-active,
.cp-form .form-group-radio-btn .ui-datepicker table td > a.ui-state-active,
.cp-form .form-group-radio-btn .ui-datepicker table td > span.ui-state-active {
  background-color: rgba(163, 204, 255, 0.5);
  border-radius: 50%;
  color: #333333;
}
.cp-form .form-group .ui-multiselect,
.cp-form .form-group-radio-btn .ui-multiselect {
  font-size: 1.2rem;
  padding: 0 1.2rem;
  border: 0;
  position: static;
  height: 4rem;
  line-height: 4rem;
  border-radius: 0.5rem;
  min-width: inherit;
  font-weight: 700;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-label,
.cp-form .form-group-radio-btn .ui-multiselect .ui-multiselect-label {
  padding: 0;
  color: #666666;
}
.cp-form .form-group .ui-multiselect .ui-multiselected-empty-token,
.cp-form .form-group-radio-btn .ui-multiselect .ui-multiselected-empty-token {
  color: #666666;
  font-weight: 400;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-label-container,
.cp-form .form-group-radio-btn .ui-multiselect .ui-multiselect-label-container {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cp-form .form-group .ui-multiselect .ui-multiselected-item-token,
.cp-form .form-group-radio-btn .ui-multiselect .ui-multiselected-item-token {
  display: inline-block;
  width: auto;
  vertical-align: middle;
  line-height: 2.4rem;
  font-size: 1.2rem;
  border-radius: 1.8rem;
  background: #0a0a5f;
  color: #ffffff;
  font-weight: 700;
  padding: 0 1.2rem 0 1.6rem;
  border: 0;
  position: static;
  min-width: inherit;
}
.cp-form .form-group .ui-multiselect .ui-multiselected-item-token + .ui-multiselected-item-token,
.cp-form .form-group-radio-btn .ui-multiselect .ui-multiselected-item-token + .ui-multiselected-item-token {
  margin-left: 1rem;
}
.cp-form .form-group .ui-multiselect .ui-multiselected-item-token .icon-close,
.cp-form .form-group-radio-btn .ui-multiselect .ui-multiselected-item-token .icon-close {
  display: inline-block;
  vertical-align: middle;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  margin-left: 0;
  font-size: 0.8rem;
  font-weight: 700;
  text-align: center;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-trigger,
.cp-form .form-group-radio-btn .ui-multiselect .ui-multiselect-trigger {
  border-radius: 0.5rem;
  right: 1.2rem;
  width: 2rem;
  padding: 0;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-trigger .ui-multiselect-trigger-icon,
.cp-form .form-group-radio-btn .ui-multiselect .ui-multiselect-trigger .ui-multiselect-trigger-icon {
  display: inline-block;
  vertical-align: middle;
  line-height: 4rem;
  position: static;
  font-size: 1rem;
  color: #307fe2;
  margin: 0;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-trigger .ui-multiselect-trigger-icon:before,
.cp-form .form-group-radio-btn .ui-multiselect .ui-multiselect-trigger .ui-multiselect-trigger-icon:before {
  content: "\e912";
  font-family: "icomoon";
}
.cp-form .form-group .ui-multiselect .ui-multiselect-panel,
.cp-form .form-group-radio-btn .ui-multiselect .ui-multiselect-panel {
  padding: 0.5rem;
  width: 100%;
  border: 0;
  box-shadow: 0 3px 8px 0 #c3cff0;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item,
.cp-form .form-group-radio-btn .ui-multiselect .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item {
  padding: 1rem;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item .label,
.cp-form .form-group-radio-btn .ui-multiselect .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item .label {
  display: inline-block;
  vertical-align: middle;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-highlight,
.cp-form .form-group-radio-btn .ui-multiselect .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-highlight {
  background: transparent;
  color: #666666;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item:hover,
.cp-form .form-group-radio-btn .ui-multiselect .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item:hover {
  color: #666666;
  background-color: transparent;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-panel .ui-chkbox,
.cp-form .form-group-radio-btn .ui-multiselect .ui-multiselect-panel .ui-chkbox {
  width: auto;
  height: auto;
  margin-right: 1.3rem;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-panel .ui-chkbox .ui-chkbox-box,
.cp-form .form-group-radio-btn .ui-multiselect .ui-multiselect-panel .ui-chkbox .ui-chkbox-box {
  width: 1.6rem;
  height: 1.6rem;
  line-height: 1.6rem;
  border: 0;
  background: #e8ecf8;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-panel .ui-chkbox .ui-chkbox-box.ui-state-active,
.cp-form .form-group-radio-btn .ui-multiselect .ui-multiselect-panel .ui-chkbox .ui-chkbox-box.ui-state-active {
  background: #0a0a5f;
  color: #ffffff;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-panel .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon,
.cp-form .form-group-radio-btn .ui-multiselect .ui-multiselect-panel .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon {
  font-size: 1rem;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-panel .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before,
.cp-form .form-group-radio-btn .ui-multiselect .ui-multiselect-panel .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before {
  content: "\e916";
  font-family: "icomoon";
}
.cp-form .form-group .form-control,
.cp-form .form-group input,
.cp-form .form-group-radio-btn .form-control,
.cp-form .form-group-radio-btn input {
  border: 0;
  width: 100%;
  padding: 1rem 1.2rem;
  font-size: 1.2rem;
  height: 4rem;
  width: 1.8rem;
  font-weight: bold;
  color: black;
  background: transparent;
  border: 1px solid #c8c8c8;
  border-radius: 0.5rem;
}
.cp-form .form-group .form-control:disabled,
.cp-form .form-group input:disabled,
.cp-form .form-group-radio-btn .form-control:disabled,
.cp-form .form-group-radio-btn input:disabled {
  opacity: 1;
}
.cp-form .form-group .form-control.is-invalid,
.cp-form .form-group input.is-invalid,
.cp-form .form-group-radio-btn .form-control.is-invalid,
.cp-form .form-group-radio-btn input.is-invalid {
  border-color: #db0b0b;
  box-shadow: 0 0 10px 0 rgba(199, 34, 42, 0.26);
}
.cp-form .form-group .form-control.ng-valid,
.cp-form .form-group input.ng-valid,
.cp-form .form-group-radio-btn .form-control.ng-valid,
.cp-form .form-group-radio-btn input.ng-valid {
  border-color: #8ec6a2;
}
.cp-form .form-group .form-control::placeholder,
.cp-form .form-group input::placeholder,
.cp-form .form-group-radio-btn .form-control::placeholder,
.cp-form .form-group-radio-btn input::placeholder {
  font-weight: 400;
}
.cp-form .form-group .invalid-error,
.cp-form .form-group-radio-btn .invalid-error {
  position: absolute;
  font-size: 1.1rem;
  font-style: italic;
  line-height: 1.4rem;
  margin-top: 0.4rem;
  color: #db0b0b;
  top: 4rem;
}
.cp-form .form-group p-dropdown .ui-dropdown,
.cp-form .form-group-radio-btn p-dropdown .ui-dropdown {
  display: block;
  width: 34rem;
  line-height: 2.4rem;
  font-size: 1.2rem;
  border: 0;
  position: static;
  height: 4.2rem;
  line-height: 4rem;
  border-radius: 0.5rem;
  /* min-width: inherit; */
  font-weight: 600;
  border-radius: 0.5rem !important;
}
.cp-form .form-group p-dropdown .ui-dropdown .ui-dropdown-trigger,
.cp-form .form-group-radio-btn p-dropdown .ui-dropdown .ui-dropdown-trigger {
  border-radius: 0.5rem;
  right: 1.2rem;
  width: 2rem;
  height: 3.5rem;
  padding: 0;
}
.cp-form .form-group p-dropdown .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon,
.cp-form .form-group-radio-btn p-dropdown .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon {
  display: flex;
  /* vertical-align: middle; */
  line-height: 4rem;
  position: absolute;
  font-size: 1rem;
  color: #307fe2;
  height: 3.5rem;
  align-items: center;
  margin: 0;
  top: 0;
  justify-content: center;
}
.cp-form .form-group p-dropdown .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon:before,
.cp-form .form-group-radio-btn p-dropdown .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon:before {
  content: "\e912";
  font-family: "icomoon";
}
.cp-form .form-group p-dropdown .ui-dropdown .ui-inputtext,
.cp-form .form-group-radio-btn p-dropdown .ui-dropdown .ui-inputtext {
  padding: 0;
  font-weight: 700;
}
.cp-form .form-group p-dropdown .ui-dropdown .ui-inputtext.ui-placeholder,
.cp-form .form-group-radio-btn p-dropdown .ui-dropdown .ui-inputtext.ui-placeholder {
  font-weight: 400;
}
.cp-form .form-group p-dropdown.ui-inputwrapper-filled .ui-dropdown-label,
.cp-form .form-group-radio-btn p-dropdown.ui-inputwrapper-filled .ui-dropdown-label {
  display: inline-block;
  width: auto;
  font-size: 1.2rem;
  border-radius: 1.8rem;
  color: #000000;
  font-weight: bold;
  padding-left: 2px;
  border: 0;
  position: static;
  min-width: inherit;
}
.cp-form .form-group p-dropdown.ui-inputwrapper-filled .ui-dropdown-clear-icon,
.cp-form .form-group-radio-btn p-dropdown.ui-inputwrapper-filled .ui-dropdown-clear-icon {
  position: static;
  display: inline-block;
  vertical-align: middle;
  padding: 0 1.6rem 0 0.5rem;
  width: auto;
  height: auto;
  margin: 0;
  border-radius: 0 1.8rem 1.8rem 0;
  font-style: inherit;
  font-size: 0.8rem;
  color: #ffffff;
  background: #0a0a5f;
}
.cp-form .form-group p-dropdown.ui-inputwrapper-filled .ui-dropdown-clear-icon:before,
.cp-form .form-group-radio-btn p-dropdown.ui-inputwrapper-filled .ui-dropdown-clear-icon:before {
  content: "\e90b";
  font-family: "icomoon";
}
.cp-form .form-group p-dropdown .ui-dropdown-panel,
.cp-form .form-group-radio-btn p-dropdown .ui-dropdown-panel {
  box-shadow: 0 3px 8px 0 #c3cff0;
  border: 0;
  padding: 0.5rem;
  z-index: 1;
  top: 4.3rem !important;
  left: 0px;
  transform: translateY(0px);
  opacity: 1;
  width: 34rem;
}
.cp-form .form-group p-dropdown .ui-dropdown-panel .ui-dropdown-list,
.cp-form .form-group-radio-btn p-dropdown .ui-dropdown-panel .ui-dropdown-list {
  padding: 0;
}
.cp-form .form-group p-dropdown .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item,
.cp-form .form-group-radio-btn p-dropdown .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item {
  padding: 1rem 1rem 1rem 3.5rem;
  color: #666666;
  position: relative;
}
.cp-form .form-group p-dropdown .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item:before,
.cp-form .form-group-radio-btn p-dropdown .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item:before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border: 1px solid #0a0a5f;
  background: #ffffff;
  position: absolute;
  left: 1rem;
}
.cp-form .form-group p-dropdown .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item.ui-state-highlight,
.cp-form .form-group-radio-btn p-dropdown .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item.ui-state-highlight {
  background: transparent;
  color: #666666;
}
.cp-form .form-group p-dropdown .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item.ui-state-highlight:after,
.cp-form .form-group-radio-btn p-dropdown .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item.ui-state-highlight:after {
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  border: 0;
  left: 1.4rem;
  top: 1.4rem;
  position: absolute;
  background: #0a0a5f;
}
.cp-form .form-group p-dropdown.ui-dropdown-clearable .ui-dropdown-label,
.cp-form .form-group-radio-btn p-dropdown.ui-dropdown-clearable .ui-dropdown-label {
  border-radius: 1.8rem 0 0 1.8rem;
  padding: 0 0.5rem 0 1.6rem;
}
.cp-form .form-group p-dropdown.typ-2.ui-inputwrapper-filled .ui-dropdown-label,
.cp-form .form-group-radio-btn p-dropdown.typ-2.ui-inputwrapper-filled .ui-dropdown-label {
  background: transparent;
  color: #666666;
  padding: 0;
}
.cp-form .form-group p-dropdown.typ-2 .ui-dropdown-panel,
.cp-form .form-group-radio-btn p-dropdown.typ-2 .ui-dropdown-panel {
  padding: 0;
}
.cp-form .form-group p-dropdown.typ-2 .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item,
.cp-form .form-group-radio-btn p-dropdown.typ-2 .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item {
  padding: 1.3rem 1.5rem;
  -moz-columns: #666666;
       columns: #666666;
  border-bottom: 1px solid #e8ecf8;
}
.cp-form .form-group p-dropdown.typ-2 .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item:last-child,
.cp-form .form-group-radio-btn p-dropdown.typ-2 .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item:last-child {
  border-bottom: 0;
}
.cp-form .form-group p-dropdown.typ-2 .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item:after, .cp-form .form-group p-dropdown.typ-2 .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item:before,
.cp-form .form-group-radio-btn p-dropdown.typ-2 .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item:after,
.cp-form .form-group-radio-btn p-dropdown.typ-2 .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item:before {
  display: none;
}
.cp-form .form-group p-dropdown.typ-2 .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item:hover,
.cp-form .form-group-radio-btn p-dropdown.typ-2 .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item:hover {
  background: #e8ecf8;
  color: #307fe2;
}
.cp-form .form-group .dropdown-with-icon .ui-autocomplete-dd,
.cp-form .form-group-radio-btn .dropdown-with-icon .ui-autocomplete-dd {
  position: relative;
}
.cp-form .form-group .dropdown-with-icon .ui-autocomplete-dd .ui-autocomplete-input,
.cp-form .form-group-radio-btn .dropdown-with-icon .ui-autocomplete-dd .ui-autocomplete-input {
  padding-right: 3.2rem;
  text-transform: capitalize;
}
.cp-form .form-group .dropdown-with-icon .ui-autocomplete-dd button.ui-autocomplete-dropdown,
.cp-form .form-group-radio-btn .dropdown-with-icon .ui-autocomplete-dd button.ui-autocomplete-dropdown {
  display: block;
  position: absolute;
  top: 0;
  right: 0.5rem;
  background: transparent;
  border: 0;
}
.cp-form .form-group .dropdown-with-icon .ui-autocomplete-dd button.ui-autocomplete-dropdown .ui-button-icon-left,
.cp-form .form-group-radio-btn .dropdown-with-icon .ui-autocomplete-dd button.ui-autocomplete-dropdown .ui-button-icon-left {
  color: #307fe2;
  font-size: 1.2rem;
  margin-left: -0.7em;
}
.cp-form .form-group .dropdown-with-icon .ui-autocomplete-dd button.ui-autocomplete-dropdown .ui-button-icon-left:before,
.cp-form .form-group-radio-btn .dropdown-with-icon .ui-autocomplete-dd button.ui-autocomplete-dropdown .ui-button-icon-left:before {
  content: "\e912";
  font-family: "icomoon";
}
.cp-form .form-group .dropdown-with-icon .ui-autocomplete-panel,
.cp-form .form-group-radio-btn .dropdown-with-icon .ui-autocomplete-panel {
  box-shadow: none;
  left: -1px !important;
  right: -1px !important;
}
.cp-form .form-group .ui-autocomplete,
.cp-form .form-group-radio-btn .ui-autocomplete {
  display: block;
}
.cp-form .form-group .ui-autocomplete ul.ui-inputtext,
.cp-form .form-group-radio-btn .ui-autocomplete ul.ui-inputtext {
  border-radius: 0.5rem;
  display: block;
  padding-left: 1.2rem;
}
.cp-form .form-group .ui-autocomplete-panel,
.cp-form .form-group-radio-btn .ui-autocomplete-panel {
  padding: 0;
  top: 3.7rem !important;
  border-radius: 0 0 0.5rem 0.5rem;
  border: 1px solid #e8ecf8;
}
.cp-form .form-group .ui-autocomplete-panel .ui-autocomplete-list,
.cp-form .form-group-radio-btn .ui-autocomplete-panel .ui-autocomplete-list {
  font-size: 1.2rem;
  padding: 0;
  text-transform: capitalize;
}
.cp-form .form-group .ui-autocomplete-panel .ui-autocomplete-list .ui-autocomplete-list-item,
.cp-form .form-group-radio-btn .ui-autocomplete-panel .ui-autocomplete-list .ui-autocomplete-list-item {
  padding: 1.3rem 1.5rem;
  color: #666666;
}
.cp-form .form-group .ui-autocomplete-panel .ui-autocomplete-list .ui-autocomplete-list-item + .ui-autocomplete-list-item,
.cp-form .form-group-radio-btn .ui-autocomplete-panel .ui-autocomplete-list .ui-autocomplete-list-item + .ui-autocomplete-list-item {
  border-top: 1px solid #e8ecf8;
}
.cp-form .form-group .ui-autocomplete-panel .ui-autocomplete-list .ui-autocomplete-list-item:hover, .cp-form .form-group .ui-autocomplete-panel .ui-autocomplete-list .ui-autocomplete-list-item.ui-state-highlight,
.cp-form .form-group-radio-btn .ui-autocomplete-panel .ui-autocomplete-list .ui-autocomplete-list-item:hover,
.cp-form .form-group-radio-btn .ui-autocomplete-panel .ui-autocomplete-list .ui-autocomplete-list-item.ui-state-highlight {
  background: #e8ecf8;
  color: #307fe2;
}
.cp-form .form-group .ui-autocomplete-dd button.ui-autocomplete-dropdown,
.cp-form .form-group-radio-btn .ui-autocomplete-dd button.ui-autocomplete-dropdown {
  display: none;
}
.cp-form .form-group.with-icon .form-control,
.cp-form .form-group.with-icon input,
.cp-form .form-group-radio-btn.with-icon .form-control,
.cp-form .form-group-radio-btn.with-icon input {
  padding-right: 4rem;
}
.cp-form .form-group.with-icon .view-pwd,
.cp-form .form-group-radio-btn.with-icon .view-pwd {
  border: 0 !important;
  cursor: pointer;
}
.cp-form .form-group .qty-wrap,
.cp-form .form-group-radio-btn .qty-wrap {
  display: flex;
}
.cp-form .form-group .qty-wrap .form-control,
.cp-form .form-group-radio-btn .qty-wrap .form-control {
  text-align: center;
}
.cp-form .form-group .qty-wrap .btn,
.cp-form .form-group-radio-btn .qty-wrap .btn {
  padding: 1rem;
}
.cp-form .form-group .qty-wrap .btn.decrement,
.cp-form .form-group-radio-btn .qty-wrap .btn.decrement {
  border-right: 1px solid #e8ecf8;
}
.cp-form .form-group .qty-wrap .btn.increment,
.cp-form .form-group-radio-btn .qty-wrap .btn.increment {
  border-left: 1px solid #e8ecf8;
}
.cp-form .form-group .qty-wrap .btn .icon,
.cp-form .form-group-radio-btn .qty-wrap .btn .icon {
  background: #0a0a5f;
  color: #ffffff;
  border-radius: 0.3rem;
  width: 1.8rem;
  height: 1.8rem;
  display: inline-block;
  line-height: 1.8rem;
  font-size: 1rem;
}
.cp-form .form-group .ui-selectbutton,
.cp-form .form-group-radio-btn .ui-selectbutton {
  display: flex;
  justify-content: space-between;
  margin: 0 -1rem;
}
.cp-form .form-group .select-button .ui-button,
.cp-form .form-group-radio-btn .select-button .ui-button {
  border: 0;
  font-size: 1.2rem;
  text-align: center;
  border-radius: 1rem;
  line-height: 1.7rem;
  background: #ffffff;
  padding: 0.7rem 1.2rem;
  width: 25%;
  margin: 0 1rem;
}
.cp-form .form-group .select-button .ui-button:hover,
.cp-form .form-group-radio-btn .select-button .ui-button:hover {
  background: #ffffff;
}
.cp-form .form-group .select-button .ui-button.ui-state-active,
.cp-form .form-group-radio-btn .select-button .ui-button.ui-state-active {
  background: #0a0a5f;
}
.cp-form .form-group .select-button .ui-button.ui-state-active .title,
.cp-form .form-group .select-button .ui-button.ui-state-active .desc,
.cp-form .form-group-radio-btn .select-button .ui-button.ui-state-active .title,
.cp-form .form-group-radio-btn .select-button .ui-button.ui-state-active .desc {
  color: #ffffff;
}
.cp-form .form-group .select-button .title,
.cp-form .form-group-radio-btn .select-button .title {
  font-weight: 700;
  color: #333333;
}
.cp-form .form-group .select-button .desc,
.cp-form .form-group-radio-btn .select-button .desc {
  margin-top: 0.3rem;
  color: #666666;
}
.cp-form .form-group .radio-list,
.cp-form .form-group-radio-btn .radio-list {
  background: #e8ecf8;
}
.cp-form .form-group .radio-list .list-item,
.cp-form .form-group-radio-btn .radio-list .list-item {
  display: inline-block;
  margin: 0.4rem 0;
  margin-right: 1.5rem;
}
.cp-form .form-group .radio-list .list-item:last-child,
.cp-form .form-group-radio-btn .radio-list .list-item:last-child {
  margin-right: 0;
}
.cp-form .form-group .radio-list .ui-radiobutton-label,
.cp-form .form-group-radio-btn .radio-list .ui-radiobutton-label {
  display: inline-block;
  height: 3.5rem;
  cursor: pointer;
  line-height: 3.5rem;
  font-size: 1.2rem;
  padding: 0 2rem;
  border-radius: 3rem;
  min-width: 9rem;
  text-align: center;
  background: #ffffff;
  margin: 0;
  transition: all 0.3s ease;
}
.cp-form .form-group .radio-list .ui-radiobutton-label.ui-label-active,
.cp-form .form-group-radio-btn .radio-list .ui-radiobutton-label.ui-label-active {
  background: #0a0a5f;
  color: #ffffff;
}
.cp-form .form-group .checkbox-list,
.cp-form .form-group-radio-btn .checkbox-list {
  background: #e8ecf8;
  display: flex;
  margin-top: 1.2rem;
  flex-wrap: wrap;
}
.cp-form .form-group .checkbox-list .list-item,
.cp-form .form-group-radio-btn .checkbox-list .list-item {
  width: 20%;
  padding-right: 1rem;
  margin-bottom: 2rem;
}
.cp-form .form-group .checkbox-list .list-item:nth-last-child(-n+5),
.cp-form .form-group-radio-btn .checkbox-list .list-item:nth-last-child(-n+5) {
  margin-bottom: 0;
}
.cp-form .form-group p-radiobutton .ui-radiobutton,
.cp-form .form-group-radio-btn p-radiobutton .ui-radiobutton {
  display: none;
}
.cp-form .form-group .input-switch,
.cp-form .form-group-radio-btn .input-switch {
  background: transparent;
  position: relative;
  display: inline-block;
  font-size: 0;
}
.cp-form .form-group .input-switch .ui-radiobutton,
.cp-form .form-group-radio-btn .input-switch .ui-radiobutton {
  display: none;
}
.cp-form .form-group .input-switch .switch-wrap,
.cp-form .form-group-radio-btn .input-switch .switch-wrap {
  background: #ffffff;
  display: inline-block;
  border-radius: 3rem;
  overflow: hidden;
}
.cp-form .form-group .input-switch .ui-radiobutton-label,
.cp-form .form-group-radio-btn .input-switch .ui-radiobutton-label {
  display: inline-block;
  height: 4rem;
  cursor: pointer;
  line-height: 4rem;
  font-size: 1.2rem;
  padding: 0 2rem;
  border-radius: 3rem;
  min-width: 9rem;
  text-align: center;
  margin: 0;
  transition: all 0.3s ease;
}
.cp-form .form-group .input-switch .ui-radiobutton-label.ui-label-active,
.cp-form .form-group-radio-btn .input-switch .ui-radiobutton-label.ui-label-active {
  border-radius: 3rem;
  background: #0a0a5f;
  color: #ffffff;
  font-weight: 700;
}
.cp-form .form-group .input-switch + .dynamic-text,
.cp-form .form-group-radio-btn .input-switch + .dynamic-text {
  position: absolute;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
  bottom: -3rem;
}
.cp-form .form-group .switch,
.cp-form .form-group-radio-btn .switch {
  background: #ffffff;
  border-radius: 3rem;
  overflow: hidden;
  position: relative;
  display: inline-block;
}
.cp-form .form-group .switch input,
.cp-form .form-group-radio-btn .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.cp-form .form-group .switch input:checked + .slider:before,
.cp-form .form-group-radio-btn .switch input:checked + .slider:before {
  transform: translateX(100%);
}
.cp-form .form-group .switch .val,
.cp-form .form-group-radio-btn .switch .val {
  position: relative;
  z-index: 1;
  display: inline-block;
  height: 4rem;
  line-height: 4rem;
  padding: 0 2rem;
}
.cp-form .form-group .switch .slider:before,
.cp-form .form-group-radio-btn .switch .slider:before {
  position: absolute;
  content: "";
  height: 4rem;
  width: 50%;
  left: 4px;
  bottom: 4px;
  z-index: 0;
  background-color: #0a0a5f;
  border-radius: 3rem;
  transition: 0.4s;
}
.cp-form.typ-sleek .form-group {
  margin-bottom: 0;
}
.cp-form .ui-chkbox {
  width: auto;
  height: auto;
}
.cp-form .ui-chkbox .ui-chkbox-box {
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  border-radius: 0;
  text-align: center;
  border: 1px solid #d0d5e5;
}
.cp-form .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):hover {
  border-color: #d0d5e5;
}
.cp-form .ui-chkbox .ui-chkbox-box.ui-state-focus {
  box-shadow: none;
}
.cp-form .ui-chkbox .ui-chkbox-box.ui-state-active {
  background: #0a0a5f;
  color: #ffffff;
  border-color: #0a0a5f;
}
.cp-form .ui-chkbox .ui-chkbox-box.ui-state-active:hover {
  border-color: #0a0a5f;
  background: #0a0a5f;
}
.cp-form .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon {
  font-size: 0.9rem;
}
.cp-form .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before {
  content: "\e916";
  font-family: icomoon;
}
.cp-form .ui-chkbox-label {
  cursor: pointer;
}
.cp-form .user-img-wrap {
  display: flex;
}
.cp-form .user-img-wrap .profile-pic {
  position: relative;
  margin-right: 2rem;
  height: 7.6rem;
}
.cp-form .user-img-wrap .form-group {
  width: 100%;
}
.cp-form .user-img-wrap .img-wrap {
  width: 7.6rem;
  height: 7.6rem;
  border-radius: 50%;
  overflow: hidden;
  padding-right: 0.2rem;
  background: #ffffff;
}
.cp-form .user-img-wrap .change-img {
  position: absolute;
  bottom: 0.2rem;
  right: 0;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  overflow: hidden;
  background: #307fe2;
  color: #ffffff;
  cursor: pointer;
}
.cp-form .user-img-wrap .change-img:before {
  content: "\e90f";
  font-size: 1.1rem;
  font-family: "icomoon";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cp-form .user-img-wrap .change-img .upolad-img {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.cp-form.typ-shadow {
  box-shadow: 0 0 20px 0 #edf1ff;
}
.cp-form .form-head {
  padding: 1.8rem 2rem;
  border: 1px solid #e8ecf8;
  position: relative;
}
.cp-form .form-head .title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #0a0a5f;
}
.cp-form .form-head .title .small {
  color: #333333;
  font-size: 1.4rem;
}
.cp-form .form-head .linked-acc-wrap {
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
}
.cp-form .form-head.typ-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cp-form .form-head.typ-flex .btn-icon-text {
  display: inline-block;
  text-transform: uppercase;
  font-size: 1.4rem;
  color: #0a0a5f;
  font-weight: 700;
  vertical-align: middle;
}
.cp-form .form-head.typ-flex .btn-icon-text .icon {
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  background: #0a0a5f;
  display: inline-block;
  vertical-align: middle;
  border-radius: 0.3rem;
  margin-right: 0.8rem;
  color: #ffffff;
}
.cp-form .form-head.typ-flex .btn-icon-text .icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cp-form .form-head .icon-close {
  color: #333333;
}
.cp-form .form-head .left-wrap {
  display: flex;
  align-items: center;
}
.cp-form .form-head .left-wrap .checkbox-wrap {
  margin-left: 2rem;
}
.cp-form .form-head .left-wrap .support-text {
  font-size: 1.4rem;
  line-height: 1.7rem;
  color: #333333;
  display: inline-block;
}
.cp-form .form-head .left-wrap .support-text.typ-italic {
  font-style: italic;
}
.cp-form .form-head .left-wrap.typ-block {
  display: block;
}
.cp-form .form-head .left-wrap.typ-block .support-text {
  margin-top: 0.5rem;
}
.cp-form .form-cont {
  padding: 2rem 2rem 1rem 2rem;
  background: #e8ecf8;
}
.cp-form .form-cont .field-wrap {
  margin-bottom: 0.5rem;
}
.cp-form .form-cont .field-wrap .field-title {
  font-size: 1.8rem;
  line-height: 2.2rem;
  margin-bottom: 1rem;
  color: #0a0a5f;
  font-weight: 700;
}
.cp-form .form-cont > .label-value {
  margin-bottom: 4rem;
}
.cp-form .form-cont > .label-value .label {
  display: block;
  font-size: 1.2rem;
  line-height: 1.6rem;
  margin-bottom: 0.3rem;
}
.cp-form .form-cont > .label-value .value {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
  font-weight: 700;
}
.cp-form .form-cont .field-item .label-value .label {
  display: block;
  font-size: 1.2rem;
  line-height: 1.6rem;
  margin-bottom: 0.3rem;
}
.cp-form .form-cont .field-item .label-value .value {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
  font-weight: 700;
  position: relative;
}
.cp-form .form-cont .field-item .label-value .value.typ-currency {
  padding-left: 1.2rem;
}
.cp-form .form-cont .field-item .label-value .value.typ-currency:before {
  font-size: 1rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "\e914";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cp-form .form-cont .subtitle {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: #0a0a5f;
}
.cp-form .form-cont .map-container agm-map {
  height: 100%;
  width: 100%;
}
.cp-form .form-cont .map-container.typ-pin-location {
  height: 22.5rem;
}
.cp-form .form-cont .map-container.typ-geofence {
  margin-top: 2.5rem;
  height: 35rem;
}
.cp-form .form-cont .two-col-right {
  display: flex;
}
.cp-form .form-cont .two-col-right .left-wrap {
  width: 66.66%;
  padding-right: 1rem;
}
.cp-form .form-cont .two-col-right .right-wrap {
  width: 33.33%;
  padding-left: 1rem;
}
.cp-form .form-cont .two-col-left {
  display: flex;
}
.cp-form .form-cont .two-col-left .left-wrap {
  width: 33.33%;
  padding-right: 1rem;
}
.cp-form .form-cont .two-col-left .right-wrap {
  width: 66.66%;
  padding-left: 1rem;
  display: flex;
  align-items: center;
}
.cp-form .form-cont .two-col-left .right-wrap .row.col-2 {
  width: 100%;
}
.cp-form .add-new-fields {
  padding: 0 2rem 2rem 2rem;
  background: #e8ecf8;
}
.cp-form .new-fieldset .form-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cp-form .new-fieldset .form-head .title {
  font-size: 1.4rem;
}
.cp-form .new-fieldset .form-head .remove-fields {
  display: inline-block;
  cursor: pointer;
}
.cp-form .new-fieldset .form-head .remove-fields .icon {
  font-size: 0.9rem;
  margin-right: 0.5rem;
  font-weight: 700;
}
.cp-form .new-fieldset .form-head .remove-fields::after {
  display: none;
}
.cp-form .new-fieldset .ifsc-field-wrap {
  display: none;
}
.cp-form .new-fieldset.show-ifsc-fields .ifsc-field-wrap {
  display: block;
}
.cp-form .file-upload-status .ui-fileupload-files {
  display: inline-block;
  max-width: 50%;
  position: relative;
  padding-right: 6rem;
}
.cp-form .file-upload-status .ui-fileupload-buttonbar {
  position: absolute;
  background-color: transparent;
  padding: 0;
  border: 0;
  z-index: 1;
  right: 2rem;
  top: 1.35rem;
}
.cp-form .file-upload-status .ui-fileupload-buttonbar .ui-button {
  margin-right: 0;
  border: 0;
  background-color: #0a0a5f;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  text-align: center;
}
.cp-form .file-upload-status .ui-fileupload-buttonbar .ui-button:before {
  content: "\e928";
  font-family: "icomoon";
}
.cp-form .file-upload-status .ui-fileupload-buttonbar .ui-button .ui-button-text {
  display: none;
}
.cp-form .file-upload-status .ui-fileupload-row {
  display: table-row;
}
.cp-form .file-upload-status .ui-fileupload-row > div {
  padding: 0;
  display: table-cell;
  font-size: 1.2rem;
  line-height: 1.7rem;
  vertical-align: top;
}
.cp-form .file-upload-status .ui-fileupload-row > div:nth-child(2) {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.9rem;
  margin-bottom: 0.5rem;
}
.cp-form .file-upload-status .ui-fileupload-row > div:nth-child(3) {
  position: absolute;
  top: 2rem;
  left: 10rem;
}
.cp-form .file-upload-status .ui-fileupload-row button {
  position: absolute;
  right: -1.4rem;
  top: 0.4rem;
  color: #307fe2;
  background: transparent;
  border: 0;
  width: auto;
}
.cp-form .file-upload-status .ui-fileupload-row button:before {
  content: "\e90b";
  margin-right: 0.5rem;
  font-size: 1.1rem;
  line-height: 1.7rem;
  font-family: "icomoon";
}
.cp-form .file-upload-status .ui-fileupload-row button:after {
  content: "Remove";
}
.cp-form .file-upload-status .ui-fileupload-row button .ui-button-icon-left,
.cp-form .file-upload-status .ui-fileupload-row button .ui-button-text {
  display: none;
}
.cp-form .file-upload-status .ui-fileupload-row img {
  max-width: 8rem;
  margin-right: 2rem;
}
.cp-form .file-upload-status .ui-fileupload-content {
  padding: 0;
  border: 0;
  display: none;
  margin-top: 1.5rem;
}
.cp-form .file-upload-status .ui-fileupload-content .ui-progressbar {
  height: 0.8rem;
  background: #d8d8d8;
  border-radius: 0;
  width: 35%;
  left: inherit;
  right: 0;
  top: 1rem;
  overflow: visible;
}
.cp-form .file-upload-status .ui-fileupload-content .ui-progressbar:before {
  content: "Uploading";
  position: absolute;
  top: 100%;
  left: 0;
  font-size: 1.2rem;
  padding-top: 0.5rem;
}
.cp-form .file-upload-status .ui-fileupload-content .ui-progressbar-value {
  background: rgb(10, 10, 95);
  background: linear-gradient(271deg, rgb(10, 10, 95) 0%, rgb(48, 127, 226) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a0a5f", endColorstr="#307fe2", GradientType=1);
}
.cp-form .file-upload-status .ui-fileupload-content .ui-progressbar-determinate .ui-progressbar-value-animate {
  transition: width 2s ease-in-out;
}
.cp-form.upload-doc-wrap .form-cont {
  display: none;
}
.cp-form.upload-doc-wrap.active .form-cont,
.cp-form.upload-doc-wrap.active .ui-fileupload-content {
  display: block;
}
.cp-form.upload-doc-wrap.active.uploaded .file-upload-status .ui-fileupload-row > div:first-child {
  position: relative;
}
.cp-form.upload-doc-wrap.active.uploaded .file-upload-status .ui-fileupload-row > div:first-child:before {
  content: "";
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: -0.5rem;
  left: -0.5rem;
  background: url('check-filled.ccfa51c6e83408ff.svg') center center no-repeat;
  background-size: 100%;
}
.cp-form .document-detail-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.8rem;
}
.cp-form .document-detail-wrap .left-wrap {
  display: flex;
  align-items: top;
}
.cp-form .document-detail-wrap .left-wrap > div {
  margin-right: 2rem;
}
.cp-form .document-detail-wrap .file-details {
  display: flex;
  line-height: 1.9rem;
  min-width: 20rem;
}
.cp-form .document-detail-wrap .file-details img {
  margin-right: 2rem;
  max-width: 8rem;
  float: left;
}
.cp-form .document-detail-wrap .file-details .fname {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  max-width: 15rem;
}
.cp-form .document-detail-wrap .file-details .fsize {
  font-size: 1.2rem;
}
.cp-form .document-detail-wrap .doc-detail {
  line-height: 1.9rem;
  min-width: 12rem;
}
.cp-form .document-detail-wrap .doc-detail .name {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}
.cp-form .document-detail-wrap .doc-detail .value {
  font-size: 1.4rem;
  font-weight: 700;
  color: #0a0a5f;
}
.cp-form .document-detail-wrap + .document-detail-wrap {
  padding-top: 1.8rem;
  border-top: 1px solid #e8ecf8;
  margin-top: 1.8rem;
  padding-bottom: 0.3rem;
}
.cp-form .action-wrap button + button {
  margin-left: 3rem;
}
.cp-form .col-item .btn-wrap {
  margin-top: 2.7rem;
}
.cp-form .cp-verify {
  margin-top: 1.1rem;
}
.cp-form .cp-verify .otp-varification {
  display: flex;
  justify-content: space-between;
  align-items: self-start;
}
.cp-form .cp-verify .otp-varification .btn {
  padding-right: 0;
}
.cp-form .cp-verify .otp-varification .otp-note {
  font-size: 1rem;
  font-style: italic;
  color: #666666;
  margin-top: 0.5rem;
  line-height: 1.4rem;
}
.cp-form .cp-verify .otp-varification .resend-otp-btn {
  display: none;
  text-align: right;
}
.cp-form .cp-verify .enter-otp-wrap {
  display: none;
  margin-top: 1.5rem;
}
.cp-form .cp-verify .enter-otp-wrap .input-group {
  background: transparent;
  margin-top: 1rem;
}
.cp-form .cp-verify .enter-otp-wrap .form-control {
  width: 4rem;
  font-size: 2.4rem;
  padding: 0.7rem;
  color: #0a0a5f;
  font-weight: 700;
  background: #ffffff;
  text-align: center;
}
.cp-form .cp-verify .enter-otp-wrap .form-control + .form-control {
  margin-left: 2rem;
}
.cp-form .cp-verify.active .otp-varification .get-otp {
  display: none;
}
.cp-form .cp-verify.active .otp-varification .resend-otp-btn {
  display: block;
}
.cp-form .cp-verify.active .enter-otp-wrap {
  display: block;
}
.cp-form .company-image {
  margin: 0 auto;
  width: 15rem;
  position: relative;
}
.cp-form .company-image .img-wrap {
  width: 15rem;
  height: 15rem;
  border-radius: 50%;
  overflow: hidden;
  background: #ffffff;
}
.cp-form .company-image .icon {
  position: absolute;
  bottom: 1rem;
  right: -1rem;
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  background: #307fe2;
  color: #ffffff;
  text-align: center;
  border-radius: 50%;
  font-size: 2rem;
}
.cp-form .company-image .img {
  width: 100%;
}
.cp-form .pwd-note {
  font-size: 1.2rem;
  color: #666666;
  padding-top: 1.5rem;
}
.cp-form .forgot-pwd-link {
  text-align: right;
  margin-bottom: 2rem;
}

textarea,
select,
input,
button {
  outline: none;
}

@media only screen and (max-width: 1024px) {
  .cp-form .form-cont .two-col-right,
  .cp-form .form-cont .two-col-left {
    display: block;
  }
  .cp-form .form-cont .two-col-right .left-wrap,
  .cp-form .form-cont .two-col-left .left-wrap {
    width: 100%;
    padding-right: 0;
  }
  .cp-form .form-cont .two-col-right .right-wrap,
  .cp-form .form-cont .two-col-left .right-wrap {
    width: 100%;
    padding-left: 0;
  }
  .cp-form .form-cont .company-image {
    margin-bottom: 2rem;
    width: 10rem;
  }
  .cp-form .form-cont .company-image .img-wrap {
    width: 10rem;
    height: 10rem;
  }
  .cp-form .form-cont .company-image .icon {
    width: 3.2rem;
    height: 3.2rem;
    line-height: 3.2rem;
    font-size: 1.5rem;
  }
  .cp-form .form-cont .map-container.typ-pin-location {
    height: 20rem;
  }
  .cp-form .form-cont .map-container.typ-geofence {
    height: 25rem;
  }
  .cp-form .form-head .linked-acc-wrap {
    position: relative;
    right: auto;
    transform: none;
    margin-top: 1.5rem;
  }
  .cp-form .form-head .left-wrap .support-text {
    font-size: 1.3rem;
  }
  .cp-form .action-wrap button + button {
    margin-left: 2rem;
  }
  .cp-form .form-group .checkbox-list .list-item {
    width: 33.33%;
  }
  .cp-form .form-group .checkbox-list .list-item:nth-last-child(-n+5) {
    margin-bottom: 2rem;
  }
  .cp-form .form-group .checkbox-list .list-item:nth-last-child(-n+3) {
    margin-bottom: 0;
  }
  .cp-form .form-group .radio-list .list-item {
    margin-right: 1.2rem;
  }
}
@media only screen and (max-width: 900px) {
  .cp-form .document-detail-wrap {
    align-items: flex-start;
  }
  .cp-form .document-detail-wrap .left-wrap {
    display: block;
    width: 60%;
  }
  .cp-form .document-detail-wrap .left-wrap .file-details {
    width: 100%;
    display: flex;
  }
  .cp-form .document-detail-wrap .left-wrap .doc-detail {
    margin-top: 1.4rem;
  }
  .cp-form .document-detail-wrap .left-wrap > div {
    margin-right: 0;
    width: 50%;
    min-width: auto;
    padding-right: 1rem;
    display: inline-block;
  }
}
@media only screen and (max-width: 767px) {
  .cp-form .form-head {
    padding: 1.6rem 1.6rem;
  }
  .cp-form .form-head .title {
    font-size: 1.4rem;
  }
  .cp-form .form-head .title .small {
    font-size: 1.2rem;
  }
  .cp-form .form-group .checkbox-list .list-item {
    width: 50%;
  }
  .cp-form .form-group .checkbox-list .list-item:nth-last-child(-n+5), .cp-form .form-group .checkbox-list .list-item:nth-last-child(-n+3) {
    margin-bottom: 2rem;
  }
  .cp-form .form-group .checkbox-list .list-item:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
  .cp-form .user-img-wrap {
    display: flex;
    flex-direction: column;
  }
  .cp-form .user-img-wrap .profile-pic {
    width: 7.6rem;
    margin: 0 auto 1.5rem;
  }
  .cp-form .form-cont {
    padding: 1.6rem 1.6rem 0.5rem 1.6rem;
  }
  .cp-form .form-cont .map-container.typ-pin-location {
    height: 15rem;
  }
  .cp-form .form-group .form-label {
    font-size: 1.3rem;
    margin-bottom: 1.5rem;
  }
  .cp-form .form-group .form-control,
  .cp-form .form-group input {
    font-size: 1.2rem;
  }
  .cp-form .form-group .input-switch + .dynamic-text {
    font-size: 1.3rem;
    line-height: 1.7rem;
  }
  .cp-form .action-wrap button + button {
    margin-left: 0;
  }
  .cp-form .document-detail-wrap .left-wrap {
    width: 75%;
  }
  .cp-form .document-detail-wrap .left-wrap .file-details {
    width: 100%;
    display: flex;
  }
  .cp-form .document-detail-wrap .left-wrap .doc-detail {
    margin-top: 1.4rem;
  }
  .cp-form .document-detail-wrap .left-wrap > div {
    margin-right: 0;
    width: 50%;
    padding-right: 1rem;
    display: inline-block;
  }
  .cp-form .col-item .btn-wrap {
    margin-top: 0;
    margin-bottom: 1.2rem;
  }
  .cp-form .file-upload-status .ui-fileupload-row img {
    min-width: 7rem;
  }
  .cp-form .file-upload-status .ui-fileupload-row button {
    right: 0;
  }
  .cp-form .file-upload-status .ui-fileupload-row button:after {
    display: none;
  }
  .cp-form .file-upload-status .ui-fileupload-row > div {
    display: block;
  }
  .cp-form .file-upload-status .ui-fileupload-row > div:nth-child(2) {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: calc(100% - 12.5rem);
    position: absolute;
    top: 0;
    left: 9.5rem;
  }
  .cp-form .file-upload-status .ui-fileupload-row > div:nth-child(2) {
    left: 9.5rem;
  }
  .cp-form .file-upload-status .ui-fileupload-content {
    padding-bottom: 3.5rem;
    margin-top: 1.8rem;
  }
  .cp-form .file-upload-status .ui-fileupload-content .ui-progressbar {
    top: inherit;
    bottom: 1.4rem;
    width: 100%;
  }
  .cp-form .file-upload-status .ui-fileupload-content .ui-progressbar:before {
    font-size: 1.1rem;
  }
  .cp-form .file-upload-status .ui-fileupload-buttonbar {
    right: 1.5rem;
    top: 1.05rem;
  }
  .cp-form .file-upload-status .ui-fileupload-buttonbar .ui-button {
    width: 2.8rem;
    height: 2.8rem;
    line-height: 2.6rem;
    font-size: 1.2rem;
  }
  .cp-form .file-upload-status .ui-fileupload-files {
    max-width: 100%;
    display: block;
    margin-top: 1.5rem;
    padding-right: 4rem;
  }
  .cp-form p-checkbox {
    display: flex;
    font-size: 1.3rem;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 1024px) {
  .cp-form .form-group p-dropdown .ui-dropdown, .cp-form .form-group-radio-btn p-dropdown .ui-dropdown {
    width: 35vw;
  }
  .cp-form .form-group .form-label {
    font-size: 1.3rem;
    margin-bottom: 0.3rem;
    margin-top: 0.5rem;
  }
  .cp-form .form-group .form-label, .cp-form .form-group-radio-btn .form-label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 700;
    position: relative;
    color: #333333;
    font-size: 1.4rem;
    line-height: 1.5rem;
    margin-top: 10px;
  }
  .cp-form .form-group p-dropdown .ui-dropdown-panel, .cp-form .form-group-radio-btn p-dropdown .ui-dropdown-panel {
    box-shadow: 0 3px 8px 0 #c3cff0;
    border: 0;
    padding: 0.5rem;
    z-index: 1;
    top: 4.3rem !important;
    left: 0px;
    transform: translateY(0px);
    opacity: 1;
    width: 100%;
  }
  .cp-form .form-cont {
    padding: 0.2rem 1.6rem 1.5rem 1.6rem;
  }
}
@media only screen and (max-width: 425px) {
  .cp-form .form-group p-dropdown .ui-dropdown {
    width: 77vw;
  }
}
@media only screen and (min-width: 426px) and (max-width: 768px) {
  .cp-form .form-group p-dropdown .ui-dropdown {
    width: 77vw;
  }
}
@media only screen and (min-width: 769px) and (max-width: 960px) {
  .cp-form .form-group p-dropdown .ui-dropdown {
    width: 35vw;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1380px) {
  .cp-form .form-group p-dropdown .ui-dropdown {
    width: 25vw;
  }
}
.cp-card {
  background: #ffffff;
  box-shadow: 0 0 20px 0 #edf1ff;
}
.cp-card .card-head {
  padding: 1.2rem 2rem;
  border-bottom: 1px solid #e8ecf8;
}
.cp-card .card-head .card-title {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #0a0a5f;
  text-transform: capitalize;
}
.cp-card .card-body .mod-data-list dl {
  min-height: 6.5rem;
  padding: 1.2rem 2rem;
}
.cp-card .card-body .mod-data-list .icon-rupee {
  display: inline-block;
  vertical-align: middle;
}
.cp-card .card-body .mod-data-list .value .icon-rupee {
  font-size: 1rem;
}
.cp-card .card-body .mod-data-list .meta .icon-rupee {
  font-size: 0.9rem;
}
.cp-card.typ-service {
  border: none;
  border-radius: 0.2rem;
}
.cp-card.typ-service .card-head {
  position: relative;
  padding: 1rem;
  border-bottom: 1px solid #e8ecf8;
}
.cp-card.typ-service .card-head .mod-name-value .img-wrap {
  width: 3.5rem;
  height: 3.5rem;
  overflow: hidden;
  border-radius: 50%;
}
.cp-card.typ-service .card-head .mod-name-value .img-wrap img {
  width: 100%;
}
.cp-card.typ-service .card-head .mod-name-value .info-wrap .name {
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 700;
  color: #0a0a5f;
  margin-bottom: 0.2rem;
  display: block;
}
.cp-card.typ-service .card-head .mod-name-value .info-wrap .value {
  font-size: 1.2rem;
  line-height: 1.2rem;
}
.cp-card.typ-service .card-head .mod-name-value .info-wrap .value span {
  border-right: 1px solid #666666;
  padding-right: 0.3rem;
  margin-right: 0.3rem;
  line-height: 1.2rem;
  display: inline-block;
}
.cp-card.typ-service .card-head .mod-name-value .info-wrap .value span:last-of-type {
  border-right: none;
}
.cp-card.typ-service .card-head .service-count {
  position: absolute;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #0a0a5f;
  font-weight: 700;
  top: 1rem;
  right: 1rem;
}
.cp-card.typ-service .card-body {
  height: 11rem;
  overflow-y: auto;
}
.cp-card.typ-service .card-body .service-list {
  overflow: hidden;
}
.cp-card.typ-service .card-body .service-list .service-item {
  padding: 1.1rem 1rem;
  border-bottom: 1px solid #e8ecf8;
}
.cp-card.typ-service .card-body .service-list .service-item .left-wrap .label {
  font-size: 1.2rem;
  line-height: 1.6rem;
  display: block;
  margin-bottom: 0.3rem;
}
.cp-card.typ-service .card-body .service-list .service-item .left-wrap .timestamp {
  line-height: 1.4rem;
  display: block;
}
.cp-card.typ-service .card-body .service-list .service-item:last-of-type {
  border-bottom: none;
}
.cp-card.typ-service .card-body .service-list .service-item.typ-col2 {
  display: flex;
  justify-content: space-between;
}
.cp-card.typ-service .card-body .service-list .service-item.typ-col2 .right-wrap .duration {
  text-align: right;
}
.cp-card.typ-service .card-body .service-list .service-item.typ-col2 .right-wrap .duration .icon {
  font-size: 1.5rem;
  color: #666666;
  display: block;
  margin-bottom: 0.3rem;
}
.cp-card.typ-service .card-body .service-list .service-item.typ-col2 .right-wrap .duration .count {
  font-size: 1rem;
  line-height: 1.4rem;
  display: block;
  font-style: italic;
}
.cp-card.typ-service .card-body.one-service {
  height: auto;
}
.cp-card.typ-service .card-footer {
  padding: 1rem;
  border-top: 1px solid #e8ecf8;
}
.cp-card.typ-service .card-footer .btn {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-card.typ-service .card-footer .btn::after {
  content: "\e90d";
  font-family: "icomoon";
  display: inline-block;
  font-size: 0.85rem;
  margin-left: 0.3rem;
}
.cp-card.typ-incident {
  border: none;
  border-radius: 0.2rem;
  color: #333333;
}
.cp-card.typ-incident.typ-alert .card-body {
  position: relative;
}
.cp-card.typ-incident.typ-alert .issue-count {
  position: absolute;
  right: 1.5rem;
  bottom: 0.4rem;
}
.cp-card.typ-incident.typ-alert .issue-count .count {
  width: auto;
}
.cp-card.typ-incident .img-wrap {
  width: 3.5rem;
  height: 3.5rem;
  overflow: hidden;
  border-radius: 50%;
}
.cp-card.typ-incident .img-wrap img {
  width: 100%;
}
.cp-card.typ-incident .mod-name-value .info-wrap .name {
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 700;
  margin-bottom: 0.2rem;
  display: block;
  text-transform: uppercase;
}
.cp-card.typ-incident .mod-name-value .info-wrap .value {
  font-size: 1.2rem;
  line-height: 1.2rem;
}
.cp-card.typ-incident .mod-name-value .info-wrap .value span {
  border-right: 1px solid #666666;
  padding-right: 0.3rem;
  margin-right: 0.3rem;
  line-height: 1.2rem;
  display: inline-block;
}
.cp-card.typ-incident .mod-name-value .info-wrap .value span:last-of-type {
  border-right: none;
}
.cp-card.typ-incident .card-head {
  position: relative;
  padding: 1.5rem;
  border-bottom: 1px solid #e8ecf8;
}
.cp-card.typ-incident .card-head .more-info {
  position: absolute;
  top: 50%;
  right: 1.5rem;
  cursor: pointer;
  transform: translateY(-50%);
}
.cp-card.typ-incident .card-head .more-info .icon {
  color: #307fe2;
  font-size: 2rem;
}
.cp-card.typ-incident .card-body {
  padding: 1.5rem;
}
.cp-card.typ-incident .card-body .alert-type {
  padding-bottom: 1.5rem;
  display: flex;
  align-items: center;
}
.cp-card.typ-incident .card-body .alert-type .icon-wrap {
  margin-right: 1rem;
  width: 3.5rem;
  text-align: center;
  height: 2rem;
}
.cp-card.typ-incident .card-body .alert-type .text {
  font-size: 1.2rem;
  font-weight: 700;
}
.cp-card.typ-incident .card-body .alert-type .icon {
  font-size: 2.5rem;
  color: #0a0a5f;
}
.cp-card.typ-incident .card-body .alert-type .icon.typ-green {
  color: #0c9f41;
}
.cp-card.typ-incident .card-body .alert-type .icon.typ-error {
  color: #db0b0b;
}
.cp-card.typ-incident .card-body .alert-type .icon.typ-info {
  display: block;
  background: #db0b0b;
  border-radius: 50%;
  box-shadow: 0 0 10px 0 rgba(219, 11, 11, 0.75);
  overflow: hidden;
  width: 2rem;
  color: #ffffff;
  height: 2rem;
  font-size: 1.1rem;
  text-align: center;
  line-height: 2rem;
  margin: 0 auto;
}
.cp-card.typ-incident .card-body .issue-count {
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  padding-bottom: 1.5rem;
}
.cp-card.typ-incident .card-body .issue-count .count {
  width: 3.5rem;
  text-align: center;
  font-size: 2.2rem;
  color: #0a0a5f;
  margin-right: 1rem;
  font-weight: 700;
}
.cp-card.typ-incident .card-body .odometer-reading {
  font-size: 1.2rem;
  position: relative;
}
.cp-card.typ-incident .card-body .odometer-reading .mod-name-value .info-wrap .name {
  font-size: 1.2rem;
  text-transform: capitalize;
}
.cp-card.typ-incident .card-body .odometer-reading .img-wrap {
  background: #e8ecf8;
  text-align: center;
}
.cp-card.typ-incident .card-body .odometer-reading .img-wrap .icon {
  font-size: 2.3rem;
  line-height: 3.5rem;
  color: #307fe2;
}
.cp-card.typ-incident .card-body .odometer-reading .timestamp {
  position: absolute;
  right: 0;
  bottom: 0;
}
.cp-card.typ-table {
  box-shadow: none;
  background-color: transparent;
}
.cp-card.typ-table .ui-table .ui-table-wrapper {
  border: 1px solid #e8ecf8;
  box-shadow: 0 0 20px 0 #edf1ff;
}
.cp-card.typ-table .ui-table thead th {
  padding-bottom: 1rem;
}
.cp-card.typ-map {
  display: flex;
  padding: 2rem;
  border: 1px solid #e8ecf8;
}
.cp-card.typ-map .map-container {
  height: 35rem;
  width: 70%;
}
.cp-card.typ-map .map-container agm-map {
  width: 100%;
  height: 100%;
}
.cp-card.typ-map .map-detail {
  padding-left: 3rem;
}
.cp-card.typ-map .map-detail .status {
  display: inline-block;
  margin-bottom: 2rem;
  color: #ffffff;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 700;
  margin-bottom: 2rem;
  padding: 0.2rem 1rem;
}
.cp-card.typ-map .map-detail .status.typ-disabled {
  background-color: #999999;
}
.cp-card.typ-map .map-detail .status.typ-enabled {
  background-color: #0a0a5f;
}
.cp-card.typ-map .map-detail .label-value-list .item {
  margin-bottom: 2rem;
}
.cp-card.typ-map .map-detail .label-value-list .item:last-of-type {
  margin-bottom: 0;
}
.cp-card.typ-map .map-detail .label-value .label,
.cp-card.typ-map .map-detail .label-value .value {
  display: block;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-card.typ-map .map-detail .label-value .value {
  font-weight: 700;
  color: #333333;
  max-width: 25rem;
}
.cp-card.typ-map .map-detail .label-value .label {
  margin-bottom: 0.3rem;
}
.cp-card.typ-inline {
  display: flex;
  justify-content: space-between;
}
.cp-card.typ-inline .card-head {
  padding: 1.5rem 2rem;
  padding-right: 1rem;
  width: 33.33%;
  border-bottom: none;
}
.cp-card.typ-inline .card-body {
  flex-grow: 1;
  padding: 1.5rem 2rem;
  padding-left: 1rem;
}
.cp-card .card-body .detail-item {
  margin-bottom: 1.5rem;
}
.cp-card .card-body .detail-item .label-value .label {
  display: block;
  margin-bottom: 0.3rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-card .card-body .detail-item .label-value .value {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
  font-weight: 700;
}
.cp-card .card-body .detail-item .label-value .value.typ-highlight {
  color: #0a0a5f;
}
.cp-card .user-desg-list {
  padding-top: 1.5rem;
  border-top: 1px solid #e8ecf8;
}
.cp-card .user-desg-list .desg-tag {
  flex: 1 1 auto;
  height: 3.5rem;
  position: relative;
  font-size: 1.5rem;
  border: 2px solid #183590;
  border-radius: 5%;
  width: 10rem;
  background-color: #183590;
  color: #ffffff;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cp-card .user-desg-list .desg-tag:last-of-type {
  padding: 1rem;
  width: 12rem;
}
.cp-card.typ-detail .card-head .mod-name-value .img-wrap {
  width: 8rem;
  height: 8rem;
  margin-right: 1.8rem;
  border-radius: 50%;
  overflow: hidden;
}
.cp-card.typ-detail .card-head .mod-name-value .info-wrap .name {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #0a0a5f;
  margin-bottom: 0.5rem;
}
.cp-card.typ-detail .card-head .mod-name-value .info-wrap .value .location {
  font-size: 1.4rem;
  display: block;
  margin-bottom: 1.2rem;
}
.cp-card.typ-detail .card-head .mod-name-value .info-wrap .value .location span {
  display: inline-block;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  line-height: 1.4rem;
}
.cp-card.typ-detail .card-head .mod-name-value .info-wrap .value .location span:first-of-type {
  padding-left: 0;
  border-right: 1px solid #666666;
}
.cp-card.typ-detail .card-head .mod-name-value .info-wrap .value .location span:last-of-type {
  padding-right: 0;
}
.cp-card.typ-detail .card-head .mod-name-value .info-wrap .value .mod-icon-text {
  margin-bottom: 0.8rem;
  display: block;
}
.cp-card.typ-detail .card-head .mod-name-value .info-wrap .value .mod-icon-text .icon {
  font-size: 1.5rem;
  color: #95a5d5;
}
.cp-card.typ-detail .card-head .mod-name-value .info-wrap .value .mod-icon-text .text {
  font-size: 1.2rem;
  line-height: 1.6rem;
  margin-left: 0.8rem;
}
.cp-card.typ-detail .card-head .mod-name-value .info-wrap .value .mod-icon-text:last-of-type {
  margin-bottom: 0;
}
.cp-card.typ-detail .card-body.typ-no-pad {
  padding-bottom: 0;
}
.cp-card.typ-detail .user-desg-list .desg-tag {
  margin-top: 0;
  margin-bottom: 0;
}
.cp-card.typ-detail .driver-attributes {
  padding-bottom: 2rem;
  border-bottom: 1px solid #e8ecf8;
  margin-bottom: 2rem;
  display: flex;
  justify-content: space-between;
}
.cp-card.typ-detail .driver-attributes .mod-name-value .img-wrap {
  width: auto;
  height: auto;
}
.cp-card.typ-detail .driver-attributes .mod-name-value .img-wrap .icon {
  font-size: 2.5rem;
  color: #95a5d5;
}
.cp-card.typ-detail .driver-attributes .mod-name-value .info-wrap .name {
  font-size: 1.6rem;
  line-height: 2rem;
  color: #333333;
  margin-bottom: 0.3rem;
}
.cp-card.typ-detail .driver-attributes .mod-name-value .info-wrap .value {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-card.typ-detail .driver-attributes.typ-offboard {
  margin-bottom: 0;
  border-bottom: none;
  padding-top: 2rem;
}
.cp-card.typ-detail .details-list.col-3 {
  width: 80%;
}
.cp-card.typ-detail .details-list.col-3.typ-offboard {
  width: 100%;
}
.cp-card.typ-driver .card-head {
  display: flex;
  justify-content: space-between;
}
.cp-card.typ-driver .card-head .mod-name-value .img-wrap {
  width: 5rem;
  height: 5rem;
}
.cp-card.typ-driver .card-head .mod-name-value .name {
  font-size: 1.8rem;
  color: #0a0a5f;
}
.cp-card.typ-driver .card-head .mod-name-value .value {
  margin-top: 0.8rem;
  font-size: 1.4rem;
  color: #666666;
}
.cp-card.typ-driver .card-head .mod-name-value .value span {
  display: inline-block;
  line-height: 1.4rem;
}
.cp-card.typ-driver .card-head .mod-name-value .value span + span {
  margin-left: 0.6rem;
  padding-left: 0.6rem;
  border-left: 1px solid #666666;
}
.cp-card.typ-driver .card-head .contact-details .item {
  padding: 0.5rem 0;
  font-size: 1.2rem;
  color: #666666;
}
.cp-card.typ-driver .card-head .contact-details .item .icon {
  font-size: 1.5rem;
}
@media only screen and (max-width: 1024px) {
  .cp-card .card-head {
    padding: 1.2rem 1.5rem;
  }
  .cp-card .card-head .card-title {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  .cp-card .card-body .mod-data-list dl {
    min-height: 6rem;
    padding: 1.2rem 1.5rem;
  }
  .cp-card .user-desg-list .desg-tag {
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
  }
  .cp-card.typ-table {
    margin: 0 -1.5rem;
  }
  .cp-card.typ-map {
    padding: 1.5rem;
    flex-direction: column;
  }
  .cp-card.typ-map .map-container {
    width: 100%;
    height: 25rem;
  }
  .cp-card.typ-map .map-detail {
    padding-left: 0;
    padding-top: 1.5rem;
  }
  .cp-card.typ-map .map-detail .label-value-list {
    display: flex;
    flex-wrap: wrap;
  }
  .cp-card.typ-map .map-detail .label-value-list .item {
    min-width: 50%;
    margin-bottom: 1.5rem;
  }
  .cp-card.typ-inline {
    display: block;
  }
  .cp-card.typ-inline .card-head {
    width: 100%;
    padding: 1.5rem 1.5rem;
  }
  .cp-card.typ-inline .card-body {
    width: 100%;
    padding: 1.5rem;
    padding-top: 0;
  }
  .cp-card.typ-detail .card-head .mod-name-value .img-wrap {
    width: 5rem;
    height: 5rem;
    margin-right: 1.5rem;
  }
  .cp-card.typ-detail .card-head .mod-name-value .info-wrap .name {
    font-size: 1.5rem;
    line-height: 1.9rem;
  }
  .cp-card.typ-detail .card-head .mod-name-value .info-wrap .value .location {
    font-size: 1.3rem;
    margin-bottom: 1rem;
  }
  .cp-card.typ-detail .card-head .mod-name-value .info-wrap .value .location span {
    line-height: 1.3rem;
  }
  .cp-card.typ-detail .card-head .mod-name-value .info-wrap .value .mod-icon-text .icon {
    font-size: 1.4rem;
  }
  .cp-card.typ-detail .detail-item {
    margin-bottom: 1.5rem;
  }
  .cp-card.typ-detail .detail-item .label-value .value {
    font-size: 1.3rem;
    line-height: 1.7rem;
  }
  .cp-card.typ-detail .user-desg-list {
    padding-top: 1rem;
  }
  .cp-card.typ-detail .user-desg-list .desg-tag {
    font-size: 1.3rem;
    line-height: 1.7rem;
    margin-right: 1.5rem;
  }
  .cp-card.typ-detail .details-list {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .cp-card.typ-detail .driver-attributes {
    display: block;
  }
  .cp-card.typ-detail .driver-attributes .mod-name-value {
    margin-bottom: 1.5rem;
  }
  .cp-card.typ-detail .driver-attributes .mod-name-value:last-of-type {
    margin-bottom: 0;
  }
  .cp-card.typ-detail .driver-attributes .mod-name-value .info-wrap .name {
    font-size: 1.5rem;
  }
  .cp-card.typ-detail .driver-attributes.typ-offboard {
    padding-top: 0;
  }
  .cp-card.typ-detail .user-desg-list .desg-tag {
    margin-bottom: 1rem;
  }
  .cp-card.typ-detail .user-desg-list .desg-tag:last-of-type {
    margin-right: 0;
    margin-bottom: 0;
  }
}
@font-face {
  font-family: "Open Sans Bold";
  src: url("/src/assets/fonts/OpenSans-Bold.ttf") format("truetype");
}
.cp-section {
  padding: 2.5rem 3.5rem 2.5rem 5rem;
  position: relative;
}
.cp-section .sec-head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  align-items: center;
}
.cp-section .sec-head.typ-prev {
  position: relative;
}
.cp-section .sec-head.typ-prev .sec-title {
  padding-left: 1.8rem;
}
.cp-section .sec-head .edit-btn {
  font-size: 1.2rem;
  color: #307fe2;
  font-weight: 700;
}
.cp-section .sec-head .edit-btn .icon {
  font-weight: 700 !important;
}
.cp-section .sec-head .prev-btn {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.cp-section .sec-head .prev-btn .icon {
  font-size: 1.4rem;
  color: #333333;
}
.cp-section .sec-head .sec-title {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #333333;
  font-weight: 700;
  align-items: baseline;
  display: flex;
  position: relative;
  right: 3rem;
}
.cp-section .sec-head .sec-title .icon-left-arrow {
  padding-right: 0.5rem;
}
.cp-section .sec-head .sec-title .sec-child-title {
  font-size: 1.2rem;
  line-height: 1.2rem;
}
.cp-section .sec-head .sec-title .sec-child-title .title-margin {
  font-weight: normal;
  margin-left: 0.5em;
}
.cp-section .sec-head .sec-title .period {
  display: inline-block;
  padding-left: 0.8rem;
  margin-left: 0.3rem;
  line-height: 1.8rem;
  border-left: 2px solid #333333;
}
.cp-section .sec-head .sec-title .period .value {
  font-size: 1.2rem;
  line-height: 1.2rem;
}
.cp-section .sec-head .cp-form {
  display: flex;
  justify-content: space-between;
}
.cp-section .sec-head .cp-form .form-group {
  width: 55.5%;
  display: inline-block;
  margin-bottom: 0;
}
.cp-section .sec-head .cp-form .input-group {
  border: 1px solid #e8ecf8;
  color: #307fe2;
  width: 29rem;
  margin-right: 1.5rem;
}
.cp-section .sec-head .cp-form input {
  font-weight: 700;
  color: #307fe2;
}
.cp-section .sec-head .cp-form .search-box-wrap input {
  font-weight: 400;
  color: #307fe2;
}
.cp-section .sec-head .cp-form ul.ui-inputtext {
  border: 0;
}
.cp-section .sec-head .right-wrap .search-wrap {
  display: inline-block;
  vertical-align: middle;
}
.cp-section .sec-head .right-wrap .search-wrap .input-width {
  width: 15rem !important;
}
.cp-section .sec-head .right-wrap .search-wrap .search-input-width {
  width: 25rem !important;
}
.cp-section .sec-head .right-wrap .search-wrap .icon {
  font-size: 2rem;
  color: #307fe2;
}
.cp-section .sec-head .right-wrap .search-box-wrap {
  display: inline-block;
  margin-top: 13px;
  margin-right: 2rem;
  vertical-align: middle;
}
.cp-section .sec-head .right-wrap .search-box-wrap .input-width {
  width: 22rem !important;
}
.cp-section .sec-head .right-wrap .search-box-wrap .icon {
  font-size: 2rem;
  color: #307fe2;
}
.cp-section .sec-head .right-wrap .btn-icon-text {
  display: inline-block;
  margin-right: 1rem;
  text-transform: uppercase;
  font-size: 1.4rem;
  color: #0a0a5f;
  font-weight: 700;
  vertical-align: middle;
}
.cp-section .sec-head .right-wrap .btn-icon-text .icon {
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  background: #0a0a5f;
  display: inline-block;
  vertical-align: middle;
  border-radius: 0.3rem;
  margin-right: 0.8rem;
  color: #ffffff;
}
.cp-section .sec-head .right-wrap .btn-icon-text .icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cp-section .sec-head .right-wrap .btn-icon-text1 {
  display: inline-block;
  text-transform: uppercase;
  font-size: 1.4rem;
  color: #0a0a5f;
  font-weight: 700;
  vertical-align: middle;
}
.cp-section .sec-head .right-wrap .btn-icon-text1 .icon {
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  background: #0a0a5f;
  display: inline-block;
  vertical-align: middle;
  border-radius: 0.3rem;
  margin-right: 0.8rem;
  color: #ffffff;
}
.cp-section .sec-head .right-wrap .btn-icon-text1 .icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cp-section .sec-head .right-wrap .more-option-wrap {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.cp-section .sec-head .right-wrap .more-option-wrap .icon {
  color: #307fe2;
}
.cp-section .sec-head .right-wrap .more-option-wrap .list {
  width: 23rem;
  top: 3rem;
  right: -0.5rem;
  position: absolute;
  border-radius: 0.5rem;
  box-shadow: 0 0 25px 0 #c3cff0;
  background: #ffffff;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in;
  z-index: 1;
}
.cp-section .sec-head .right-wrap .more-option-wrap .list .item .btn {
  display: block;
  cursor: pointer;
  padding: 1.5rem 1rem;
  border-bottom: 1px solid #e8ecf8;
  margin-bottom: 0;
  color: #307fe2;
  text-transform: capitalize;
  width: 100%;
  text-align: left;
}
.cp-section .sec-head .right-wrap .more-option-wrap .list .item .btn.btn-icon-text .icon {
  color: #307fe2;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
  background-color: transparent;
  width: auto;
  height: auto;
  border-radius: 0;
  font-size: 2rem;
}
.cp-section .sec-head .right-wrap .more-option-wrap .list .item .btn.btn-icon-text .icon:before {
  position: static;
  transform: none;
}
.cp-section .sec-head .right-wrap .more-option-wrap .list .item .btn.btn-icon-text .text {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-section .sec-head .right-wrap .more-option-wrap .list .item:last-of-type {
  border-bottom: 0;
}
.cp-section .sec-head .right-wrap .more-option-wrap .list:before {
  content: "";
  position: absolute;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
  right: 0.6rem;
  top: -0.8rem;
}
.cp-section .sec-head .right-wrap .more-option-wrap.active .list {
  visibility: visible;
  opacity: 1;
}
.cp-section .sec-head .right-wrap .search-download-container {
  display: flex;
}
.cp-section .sec-head .right-wrap .search-download-container .act-container {
  padding-top: 3.5rem;
  margin-right: 1.5rem;
}
.cp-section .sec-head .right-wrap .search-download-container .act-container .btn {
  display: block;
  cursor: pointer;
  color: #307fe2;
  text-align: left;
  font-size: 1.8rem;
  line-height: 1.6rem;
}
.cp-section .sec-cont > .cp-table {
  margin: 0 -1.5rem;
}
.cp-section .sec-cont .card-list .col-item {
  margin-bottom: 2rem;
}
.cp-section .table-cont {
  box-shadow: 0 0 20px 0 #edf1ff;
  border: solid 1px #e8ecf8;
  margin-bottom: 0rem;
}

@media only screen and (max-width: 480px) {
  .cp-section {
    padding: 6rem 3rem;
  }
  .cp-section .sec-head .cp-form .input-group {
    width: 30rem;
  }
}
@media only screen and (max-width: 280px) {
  .cp-section {
    padding: 6rem 2.5rem;
  }
  .cp-section .sec-head .cp-form .input-group {
    width: 26rem;
  }
}
@media only screen and (max-width: 960px) {
  .cp-section .sec-head .cp-form .form-group {
    width: 58%;
  }
  .cp-section {
    padding: 8rem 3.5rem;
  }
}
@media only screen and (min-width: 861px) and (max-width: 1439px) {
  .cp-section {
    padding: 6rem 5.5rem;
    left: 18rem;
    width: 88%;
  }
}
@media screen and (min-width: 1440px) {
  .cp-section {
    padding: 2.5rem 3.5rem 2.5rem 5rem;
    margin-top: 4rem;
    margin-left: 19rem;
    position: relative;
  }
}
.cp-onboarding {
  background: rgba(244, 247, 255, 0.85);
  box-shadow: 0 0 20px 0 rgba(10, 10, 95, 0.35);
  width: 90%;
  max-width: 50rem;
  padding: 3.5rem 8rem 4rem;
  position: fixed;
  top: 50%;
  left: 50%;
  max-height: 98vh;
  overflow: auto;
  transform: translate(-50%, -50%);
  color: #333333;
}
.cp-onboarding .logo-wrap img {
  max-height: 2rem;
}
.cp-onboarding .cp-form {
  min-height: 34.5rem;
}
.cp-onboarding .cp-form .forgot-pwd-link {
  margin-bottom: 0;
}
.cp-onboarding .btn-icon {
  font-size: 1.4rem;
}
.cp-onboarding .title {
  font-size: 2.8rem;
  line-height: 1.25;
  margin-top: 2.2rem;
  font-weight: 700;
  color: #0a0a5f;
  text-align: center;
}
.cp-onboarding .subtitle {
  font-size: 1.6rem;
  font-weight: 700;
  color: #0a0a5f;
  text-align: center;
  margin-top: 0.5rem;
}
.cp-onboarding .desc {
  font-weight: 700;
  font-size: 1.4rem;
  margin-top: 1.6rem;
  text-align: center;
}
.cp-onboarding .field-list {
  margin: 3.5rem 0 4rem;
}
.cp-onboarding .btn-wrap {
  text-align: center;
  margin-bottom: 3rem;
}
.cp-onboarding .btn-wrap button + button {
  margin-left: 3rem;
}
.cp-onboarding .otp-note {
  font-size: 1.4rem;
  font-style: italic;
  margin-top: 1rem;
  color: #666666;
  margin-bottom: 2.5rem;
}
.cp-onboarding .invalid-error {
  position: absolute;
  font-size: 1.2rem;
  font-style: italic;
  line-height: 1.4rem;
  margin-top: 0.6rem;
  color: #db0b0b;
}
.cp-onboarding .pwd-note {
  font-size: 1.3rem;
  color: #666666;
  padding-top: 1rem;
}
.cp-onboarding .otp-wrap .input-group {
  background: transparent;
}
.cp-onboarding .otp-wrap .form-control {
  width: 12.5%;
  margin-left: 5%;
  text-align: center;
  background: #ffffff;
  font-size: 2.2rem;
  font-weight: 700;
  color: #0a0a5f;
}
.cp-onboarding .otp-wrap .form-control:first-child {
  margin-left: 0;
}
.cp-onboarding .resend-otp {
  text-align: right;
  margin-top: 2.1rem;
}
.cp-onboarding .resend-otp .btn-icon {
  padding-right: 0;
}
.cp-onboarding .timer {
  font-style: italic;
  font-size: 1.4rem;
  display: block;
  color: #666666;
}

.helpdesk-note {
  text-align: center;
  font-size: 1.4rem;
  margin-top: 2rem;
}
.helpdesk-note.fixed {
  position: absolute;
  bottom: 2.2rem;
  left: 0;
  right: 0;
  margin-top: 0;
}
.helpdesk-note .question {
  font-style: italic;
}

@media only screen and (max-width: 767px) {
  .cp-onboarding {
    padding: 3rem 1.8rem 3rem;
    overflow: auto;
  }
  .cp-onboarding .logo-wrap img {
    max-height: 1.4rem;
  }
  .cp-onboarding .title {
    font-size: 2.4rem;
  }
  .cp-onboarding .desc {
    line-height: 1.5;
  }
  .helpdesk-note {
    font-size: 1.3rem;
  }
  .helpdesk-note.fixed {
    position: static;
  }
  .helpdesk-note .btn {
    font-size: 1.3rem;
  }
}
.cp-kpi .cp-card {
  height: 8rem;
  display: flex;
  padding: 1rem;
  justify-content: space-between;
  border: 1px solid #e8ecf8;
}
.cp-kpi .cp-card .left-wrap {
  align-self: center;
}
.cp-kpi .cp-card .right-wrap {
  align-self: center;
  text-align: right;
}
.cp-kpi .cp-card .right-wrap .mod-currency {
  margin-bottom: 0.3rem;
}
.cp-kpi .cp-card .right-wrap .label {
  display: block;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-kpi .cp-card .wrap-icon-text .icon {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background: #e8ecf8;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.8rem;
  color: #95a5d5;
  font-size: 3.5rem;
  position: relative;
}
.cp-kpi .cp-card .wrap-icon-text .icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cp-kpi .cp-card .wrap-icon-text .text {
  display: inline-block;
  vertical-align: middle;
}
.cp-kpi .cp-card .wrap-icon-text .text .count {
  font-size: 1.8rem;
  line-height: 2.2rem;
  margin-bottom: 0.3rem;
  color: #333333;
  font-weight: 700;
  display: block;
}
.cp-kpi .cp-card .wrap-icon-text .text .label {
  display: block;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-kpi .cp-card.typ-bg {
  position: relative;
}
.cp-kpi .cp-card.typ-bg .left-wrap {
  padding-left: 1rem;
  position: relative;
  z-index: 1;
}
.cp-kpi .cp-card.typ-bg .left-wrap .count {
  font-size: 2.4rem;
  line-height: 2.8rem;
  font-weight: 700;
  color: #333333;
}
.cp-kpi .cp-card.typ-bg:before {
  content: "";
  background: url('buss-card-bg.f0b4696b662851a2.png') center center no-repeat;
  background-size: cover;
  top: 0;
  left: 0;
  bottom: 0;
  position: absolute;
  width: 65%;
  z-index: 0;
}
.cp-kpi .cp-card.typ-bg .right-wrap {
  text-align: right;
  width: 50%;
  position: relative;
  z-index: 1;
}
.cp-kpi .cp-card.typ-bg .right-wrap .value {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  margin-bottom: 0.3rem;
  font-weight: 700;
  color: #333333;
}
.cp-kpi .cp-card.typ-bg .right-wrap .label {
  font-size: 1.2rem;
  line-height: 1.6rem;
  display: block;
}
.cp-kpi .cp-card.typ-analyse {
  padding: 0 1rem;
}
.cp-kpi .cp-card.typ-analyse .left-wrap {
  max-width: 48%;
}
.cp-kpi .cp-card.typ-analyse .left-wrap .icon {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background: #e8ecf8;
  color: #95a5d5;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.8rem;
  font-size: 3.5rem;
  position: relative;
}
.cp-kpi .cp-card.typ-analyse .left-wrap .icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cp-kpi .cp-card.typ-analyse .left-wrap .value {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  margin-bottom: 0.3rem;
  font-weight: 700;
  color: #333333;
}
.cp-kpi .cp-card.typ-analyse .left-wrap .label {
  font-size: 1.2rem;
  line-height: 1.6rem;
  display: block;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont {
  position: relative;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .count,
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .mod-currency {
  font-size: 2.4rem;
  line-height: 2.8rem;
  margin-bottom: 0.4rem;
  font-weight: 700;
  color: #333333;
  display: block;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .count .value,
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .mod-currency .value {
  font-size: 2.4rem;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .count .icon,
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .mod-currency .icon {
  font-size: 1.6rem;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .value-label {
  padding-top: 0.3rem;
  border-top: 1px solid #e8ecf8;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .value-label .value,
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .value-label .label,
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .value-label .mod-currency {
  font-size: 1.2rem;
  font-weight: 400;
  display: inline-block;
  color: #666666;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .value-label .value .icon,
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .value-label .label .icon,
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .value-label .mod-currency .icon {
  font-size: 1rem;
  color: #666666;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .value-label > .value {
  padding-right: 0.3rem;
  border-right: 1px solid #666666;
  margin-right: 0.3rem;
  line-height: 1.2rem;
  vertical-align: middle;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .value-label .mod-currency {
  margin-bottom: 0;
  padding-right: 0;
  line-height: 1.2rem;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .value-label .mod-currency .value {
  line-height: 1.2rem;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .value-label .label {
  line-height: 1.2rem;
  vertical-align: middle;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont:before {
  position: absolute;
  right: -1rem;
  top: -0.5rem;
  content: "";
  width: 2.8rem;
  height: 2.8rem;
  background: transparent;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont.typ-high > .count,
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont.typ-high > .mod-currency {
  padding-right: 1.5rem;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont.typ-high:before {
  background: url('high.9e640e402c54ab26.svg') center center no-repeat;
  background-size: contain;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont.typ-low > .count,
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont.typ-low > .mod-currency {
  padding-right: 1.5rem;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont.typ-low:before {
  background: url('low.0f949b34c81062a5.svg') center center no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 1024px) {
  .cp-kpi .swiper-slide {
    width: 24rem;
  }
  .cp-kpi .cp-card .wrap-icon-text .icon {
    width: 4rem;
    height: 4rem;
    margin-right: 1.2rem;
  }
  .cp-kpi .cp-card .wrap-icon-text .text .count {
    font-size: 1.6rem;
    line-height: 2rem;
  }
}
.cp-task-list {
  position: relative;
  height: 100%;
}
.cp-task-list .title {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
  margin-bottom: 1.5rem;
  font-weight: 700;
}
.cp-task-list .date-label {
  font-size: 1.2rem;
  line-height: 1.6rem;
  display: block;
  margin-bottom: 1.1rem;
}
.cp-task-list .list {
  max-height: 50rem;
  transition: max-height 0.4s ease-in-out;
}
.cp-task-list .list .item {
  margin-bottom: 2rem;
}
.cp-task-list .list .item:last-child {
  margin-bottom: 1.5rem;
}
.cp-task-list .scrollable {
  padding-bottom: 5rem;
}
.cp-task-list .act-wrap {
  box-shadow: 0 0 15px 0 #c3cff0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ffffff;
}
.cp-task-list .act-wrap .btn {
  display: block;
  padding: 1.5rem 2rem;
  font-size: 1.2rem;
  overflow: hidden;
  width: 100%;
}
.cp-task-list .act-wrap .btn:after {
  content: none;
}
.cp-task-list .act-wrap .btn .text {
  float: left;
}
.cp-task-list .act-wrap .btn .text:after {
  content: "\e90d";
  font-family: "icomoon";
  display: inline-block;
  font-size: 0.85rem;
  margin-left: 0.3rem;
}
.cp-task-list .act-wrap .btn .icon {
  float: right;
  font-size: 1.2rem;
  color: #0a0a5f;
}
.cp-task-list .btn-icon {
  width: 2.4rem;
  height: 2.4rem;
  background: #0a0a5f;
  position: absolute;
  top: -0.5rem;
  right: 0;
  border-radius: 0.3rem;
}
.cp-task-list .btn-icon .icon {
  color: #ffffff;
  font-size: 1.4rem;
  margin: 0;
}

@media only screen and (max-width: 1024px) {
  .cp-task-list .title {
    font-size: 1.5rem;
    line-height: 1.9rem;
    margin-bottom: 1.2rem;
    text-transform: uppercase;
  }
  .cp-task-list .date-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .cp-task-list .list {
    overflow-y: initial;
  }
  .cp-task-list .list .item {
    display: none;
  }
  .cp-task-list .list .item:nth-of-type(1), .cp-task-list .list .item:nth-of-type(2), .cp-task-list .list .item:nth-of-type(3) {
    display: block;
  }
  .cp-task-list .list .item:nth-of-type(3) {
    margin-bottom: 0;
  }
  .cp-task-list .act-wrap {
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
  }
  .cp-task-list .scrollable {
    max-height: inherit !important;
    padding-bottom: 0;
  }
}
.cp-task {
  padding: 1rem 2rem;
  background: #ffffff;
  box-shadow: 0 0 15px 0 #c3cff0;
  position: relative;
}
.cp-task .status {
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 700;
  color: #333333;
  margin-bottom: 0.3rem;
  display: block;
}
.cp-task .location-wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.cp-task .location-wrap .place {
  font-size: 1.6rem;
  line-height: 2rem;
  color: #333333;
  font-weight: 700;
  display: block;
}
.cp-task .location-wrap .timestamp {
  display: block;
  line-height: 1.4rem;
}
.cp-task .location-wrap .to {
  padding-left: 4.5rem;
  position: relative;
}
.cp-task .location-wrap .to:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 2rem;
  background: url('route.66c31de1dadd37d9.svg') center center no-repeat;
  background-size: cover;
  width: 4rem;
}
.cp-task .desc {
  font-size: 1.2rem;
  line-height: 1.6rem;
  margin-bottom: 0.5rem;
}
.cp-task.completed .icon-tick {
  font-size: 1.2rem;
  position: absolute;
  top: 1rem;
  right: 0.5rem;
  color: #0c9f41;
}
.cp-task .more-option-wrap {
  position: absolute;
  top: 1rem;
  right: 0.5rem;
  z-index: 1;
}
.cp-task .more-option-wrap.active .list {
  visibility: visible;
  opacity: 1;
}
.cp-task .more-option-wrap .list {
  width: 20rem;
  top: -1rem;
  right: -0.5rem;
  position: absolute;
  border-radius: 0.5rem;
  box-shadow: 0 0 10px 0 rgba(149, 165, 213, 0.39);
  background: #ffffff;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in;
}
.cp-task .more-option-wrap .list .item {
  cursor: pointer;
  padding: 1rem 2rem;
  border-bottom: 1px solid #e8ecf8;
  font-size: 1.2rem;
  line-height: 1.6rem;
  margin-bottom: 0;
}
.cp-task .more-option-wrap .list .item:last-of-type {
  border-bottom: 0;
}
.cp-task:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0.5rem;
  background: transparent;
}
.cp-task.trip:before {
  background: #1414ae;
}
.cp-task.service:before {
  background: #396be5;
}
.cp-task.renewal:before {
  background: #70acf7;
}
.cp-task.payment:before {
  background: #c9e1ff;
}
.cp-task .btn-link::after {
  content: "\e90d";
  font-family: "icomoon";
  display: inline-block;
  font-size: 0.85rem;
  margin-left: 0.3rem;
}

@media only screen and (max-width: 767px) {
  .cp-task .location-wrap .place {
    font-size: 1.5rem;
  }
}
.cp-service-list .swiper-slide {
  width: 23rem;
}

.cp-tabs .ui-tabview {
  border-radius: 0;
  padding: 0;
}
.cp-tabs .ui-tabview .ui-tabview-nav {
  margin-bottom: 1.2rem;
  border-radius: 0;
  padding: 0;
  position: relative;
}
.cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default {
  margin-right: 1.8rem;
  border: none;
  background-color: transparent;
}
.cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default a {
  padding: 0.4rem 0.2rem 1rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #ccc;
  font-weight: 700;
  position: relative;
  transition: all 0.4s ease-in;
}
.cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default a:before {
  content: "";
  position: absolute;
  bottom: 0.3rem;
  left: 0.3rem;
  width: 0rem;
  background-color: #0a0a5f;
  height: 0.3rem;
  transition: all 0.4s ease-in-out;
  box-shadow: 0 0 4px 0 #0a0a5f;
  border-radius: 0.3rem;
}
.cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default:hover {
  background-color: transparent !important;
  border: none !important;
}
.cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default.ui-tabview-selected, .cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default.ui-state-active {
  background-color: transparent;
  border: none;
}
.cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default.ui-tabview-selected a, .cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default.ui-state-active a {
  color: #0a0a5f !important;
}
.cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default.ui-tabview-selected a:before, .cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default.ui-state-active a:before {
  width: 3rem;
}
.cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default.ui-tabview-selected:hover, .cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default.ui-state-active:hover {
  background-color: transparent;
  border: none;
}
.cp-tabs .ui-tabview .ui-tabview-panels {
  padding: 0;
  background-color: transparent;
  border: none;
}
.cp-tabs .offtrip-list-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.cp-tabs .offtrip-list-head .title {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
  font-weight: 700;
}
.cp-tabs .offtrip-list-head .search-field {
  position: absolute;
  top: -1.2rem;
  background-color: #ffffff;
  z-index: 1;
  left: 0;
  right: 0;
  height: 4rem;
  opacity: 0;
  visibility: hidden;
  transition: all 0.05s ease-in-out;
}
.cp-tabs .offtrip-list-head .search-field .input-group {
  width: 100%;
  border: 1px solid #e8ecf8;
  border-radius: 0.5rem;
  padding: 1rem 1.5rem;
  height: 100%;
  background-color: #ffffff;
}
.cp-tabs .offtrip-list-head .search-field .input-group .icon {
  font-size: 1.5rem;
  display: inline-block;
  color: #307fe2;
  vertical-align: middle;
}
.cp-tabs .offtrip-list-head .search-field .input-group .icon.icon-search {
  position: absolute;
  top: 50%;
  left: 1.5rem;
  transform: translateY(-50%);
}
.cp-tabs .offtrip-list-head .search-field .input-group .btn-close {
  position: absolute;
  right: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.cp-tabs .offtrip-list-head .search-field .input-group .btn-close .icon {
  font-size: 1.2rem;
  color: #999999;
}
.cp-tabs .offtrip-list-head .search-field .input-group .form-control {
  border: none;
  font-size: 1.2rem;
  line-height: 1.6rem;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding: 0 2rem 0 2.5rem;
  z-index: -1;
}
.cp-tabs .offtrip-list-head .search-field.active {
  opacity: 1;
  visibility: visible;
}

.ui-tabview.ui-tabview-top .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a,
.ui-tabview.ui-tabview-bottom .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a,
.ui-tabview.ui-tabview-left .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a,
.ui-tabview.ui-tabview-right .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a {
  color: #0a0a5f;
}

.abc .ui-tabview .ui-tabview-nav .ui-state-default.ui-tabview-selected a:before,
.abc .ui-tabview .ui-tabview-nav .ui-state-default.ui-state-active a:before {
  width: 0rem !important;
}

.abc .ui-tabview .ui-tabview-nav .ui-state-default.ui-state-active {
  width: 100% !important;
}
.abc .ui-tabview .ui-tabview-nav .ui-state-default.ui-state-active a {
  width: 100% !important;
}

@media only screen and (max-width: 767px) {
  .cp-tabs .ui-tabview .ui-tabview-nav {
    height: 50px !important;
    padding-left: 15px;
    overflow-x: auto;
    width: auto;
    display: flex;
    flex-wrap: nowrap;
    overflow-y: hidden;
  }
  .abc .ui-tabview .ui-tabview-nav {
    padding-left: 0 !important;
  }
  .abc .ui-tabview .ui-tabview-nav .ui-state-default.ui-state-active {
    width: 70% !important;
  }
}
.cp-vehicle-status {
  border-radius: 0.2rem;
  box-shadow: 0 0 15px 0 #c3cff0;
  background-color: #ffffff;
}
.cp-vehicle-status .vehicle-details {
  padding: 1rem 2rem;
  border-bottom: 1px solid #e8ecf8;
  position: relative;
}
.cp-vehicle-status .vehicle-details .vehicle-num {
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 700;
  display: inline-block;
  color: #0a0a5f;
  position: relative;
}
.cp-vehicle-status .vehicle-details .name {
  font-size: 1.2rem;
  line-height: 1.6rem;
  display: block;
}
.cp-vehicle-status .vehicle-details .status {
  position: absolute;
  top: 1rem;
  right: 2rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #000000;
}
.cp-vehicle-status .vehicle-details:before {
  content: "";
  position: absolute;
  width: 1rem;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
}
.cp-vehicle-status .vehicle-details .location-btn {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  padding: 0;
}
.cp-vehicle-status .vehicle-details .location-btn .icon {
  margin: 0;
  font-size: 1.5rem;
  color: #307fe2;
  font-weight: 700 !important;
}
.cp-vehicle-status .label-value .label {
  display: block;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 700;
  color: #333333;
}
.cp-vehicle-status .label-value .value {
  display: block;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-vehicle-status .label-value .value span {
  line-height: 1.2rem;
  display: inline-block;
  padding-right: 0.3rem;
  margin-right: 0.4rem;
  border-right: 1px solid #666666;
}
.cp-vehicle-status .label-value .value span:last-of-type {
  border-right: none;
}
.cp-vehicle-status .vehicle-alerts .alert-item {
  padding: 1rem 2rem;
  border-bottom: 1px solid #e8ecf8;
  display: flex;
  justify-content: space-between;
}
.cp-vehicle-status .vehicle-alerts .alert-item .timestamp {
  line-height: 1.4rem;
}
.cp-vehicle-status .vehicle-alerts .alert-item:last-of-type {
  border-bottom: none;
}
.cp-vehicle-status .vehicle-cont {
  padding: 1rem 2rem;
}
.cp-vehicle-status .vehicle-cont .data-list {
  display: flex;
  flex-wrap: wrap;
}
.cp-vehicle-status .vehicle-cont .data-list .data-item {
  width: 50%;
  margin-bottom: 1.5rem;
}
.cp-vehicle-status .vehicle-cont .data-list .data-item:nth-last-of-type(1), .cp-vehicle-status .vehicle-cont .data-list .data-item:nth-last-of-type(2) {
  margin-bottom: 0;
}
.cp-vehicle-status .vehicle-cont .label-value .label {
  font-weight: 400;
  margin-bottom: 0.3rem;
}
.cp-vehicle-status .vehicle-cont .label-value .value {
  font-weight: 700;
  color: #333333;
}
.cp-vehicle-status.sos .vehicle-details:before {
  background-color: #db0b0b;
}
.cp-vehicle-status.sos .vehicle-details .vehicle-num:before {
  content: "";
  position: absolute;
  right: -4rem;
  width: 4rem;
  height: 4rem;
  background: url('alert.17c5e3109cc93f17.svg') center center no-repeat;
  background-size: cover;
  top: 50%;
  transform: translateY(-50%);
}
.cp-vehicle-status.ontime .vehicle-details:before {
  background-color: #0c9f41;
}
.cp-vehicle-status.delayed .vehicle-details:before {
  background-color: #ffa100;
}
.cp-vehicle-status.moving .vehicle-details:before {
  background-color: #0c9f41;
}
.cp-vehicle-status.stopped .vehicle-details:before {
  background-color: #aa00bf;
}
.cp-vehicle-status.idle .vehicle-details:before {
  background-color: #ffa100;
}
.cp-vehicle-status.offline .vehicle-details:before {
  background-color: #999999;
}

@media only screen and (max-width: 1024px) {
  .cp-vehicle-status .vehicle-details .location-btn {
    display: none;
  }
}
.cp-map-filter-list .cp-tabs .item {
  margin-bottom: 2rem;
}
.cp-map-filter-list .cp-tabs .item:last-of-type {
  margin-bottom: 0;
}
.cp-map-filter-list .cp-tabs .ui-tabview-panels {
  height: 45.7rem;
  overflow-y: auto;
  padding: 1.5rem 0;
}
.cp-map-filter-list .list-head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  align-items: center;
  position: relative;
}
.cp-map-filter-list .list-head .title {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
  font-weight: 700;
}
.cp-map-filter-list .list-head .search-field {
  position: absolute;
  top: -1.2rem;
  background-color: #ffffff;
  z-index: 1;
  left: 0;
  right: 0;
  height: 4rem;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
}
.cp-map-filter-list .list-head .search-field .input-group {
  width: 100%;
  border: 1px solid #e8ecf8;
  border-radius: 0.5rem;
  padding: 1rem 1.5rem;
  height: 100%;
  background-color: #ffffff;
}
.cp-map-filter-list .list-head .search-field .input-group .icon {
  font-size: 1.5rem;
  display: inline-block;
  color: #307fe2;
  vertical-align: middle;
}
.cp-map-filter-list .list-head .search-field .input-group .icon.icon-search {
  position: absolute;
  top: 50%;
  left: 1.5rem;
  transform: translateY(-50%);
}
.cp-map-filter-list .list-head .search-field .input-group .btn-close {
  position: absolute;
  right: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.cp-map-filter-list .list-head .search-field .input-group .btn-close .icon {
  font-size: 1.2rem;
  color: #999999;
}
.cp-map-filter-list .list-head .search-field .input-group .form-control {
  border: none;
  font-size: 1.2rem;
  line-height: 1.6rem;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding: 0 2rem 0 2.5rem;
  z-index: -1;
}
.cp-map-filter-list .list-head .search-field.active {
  opacity: 1;
  visibility: visible;
}
.cp-map-filter-list .list-body {
  height: 46.6rem;
  overflow-y: auto;
  padding: 1.5rem 0;
}
.cp-map-filter-list .list-body .item {
  margin-bottom: 1.5rem;
}
.cp-map-filter-list .list-body .item:last-of-type {
  margin-bottom: 0;
}
.cp-map-filter-list .search-wrap .btn-icon {
  padding: 0;
}
.cp-map-filter-list .search-wrap .btn-icon .icon {
  font-size: 1.5rem;
  color: #307fe2;
  font-weight: normal;
}

@media only screen and (max-width: 1024px) {
  .cp-map-filter-list .cp-tabs {
    position: relative;
  }
  .cp-map-filter-list .cp-tabs .ui-tabview-panels {
    height: auto;
  }
  .cp-map-filter-list .cp-tabs .btn-link {
    position: absolute;
    top: 0.7rem;
    right: 0.5rem;
  }
  .cp-map-filter-list .list-head .search-wrap {
    display: none;
  }
  .cp-map-filter-list .list-body {
    height: auto;
    padding: 0;
  }
  .cp-map-filter-list .list-body .item {
    display: none;
  }
  .cp-map-filter-list .list-body .item:nth-of-type(1), .cp-map-filter-list .list-body .item:nth-of-type(2), .cp-map-filter-list .list-body .item:nth-of-type(3) {
    display: block;
  }
  .cp-map-filter-list .list-body .item:nth-of-type(3) {
    margin-bottom: 0;
  }
}
.cp-trip {
  background-color: #ffffff;
  box-shadow: 0 0 15px 0 #c3cff0;
}
.cp-trip .trip-head {
  background-color: #f5f6f9;
  padding: 1.2rem 2rem;
  position: relative;
}
.cp-trip .trip-head .from,
.cp-trip .trip-head .to {
  width: 50%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.cp-trip .trip-head .from .place,
.cp-trip .trip-head .to .place {
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 700;
  color: #333333;
}
.cp-trip .trip-head .from {
  padding-right: 4rem;
}
.cp-trip .trip-head .to:before {
  content: "";
  position: absolute;
  left: -4rem;
  top: 0;
  height: 1.8rem;
  background: url('route.66c31de1dadd37d9.svg') center center no-repeat;
  background-size: cover;
  width: 4rem;
}
.cp-trip .trip-head .status {
  position: absolute;
  font-size: 0.8rem;
  line-height: 1.2rem;
  padding: 0.3rem 1rem;
  background-color: transparent;
  left: 2rem;
  top: -0.9rem;
  color: #ffffff;
  font-weight: 700;
}
.cp-trip .trip-head:before {
  content: "";
  position: absolute;
  width: 0.8rem;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
}
.cp-trip .trip-body .trip-item {
  display: flex;
  border-bottom: 1px solid #e8ecf8;
  padding: 1.2rem 2rem;
}
.cp-trip .trip-body .trip-item .mod-name-value {
  width: 50%;
}
.cp-trip .trip-body .trip-item .mod-name-value .name {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #333333;
  font-weight: 700;
  margin-bottom: 0.2rem;
}
.cp-trip .trip-body .trip-item .mod-name-value .value {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-trip .trip-body .trip-item .mod-name-value .img-wrap {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  background-color: #666666;
  overflow: hidden;
}
.cp-trip .trip-body .trip-item:last-of-type {
  border-bottom: none;
}
.cp-trip.sos .trip-head:before,
.cp-trip.sos .trip-head .status {
  background-color: #db0b0b;
}
.cp-trip.ontime .trip-head:before,
.cp-trip.ontime .trip-head .status {
  background-color: #0c9f41;
}
.cp-trip.delayed .trip-head:before,
.cp-trip.delayed .trip-head .status {
  background-color: #ffa100;
}
.cp-trip.delayed .trip-head .to:before {
  background: url('route-yellow.47e1962bb6e06ee4.svg') center center no-repeat;
}

.cp-accordion.typ-2 {
  position: relative;
}
.cp-accordion.typ-2 .acc-header {
  display: flex;
}
.cp-accordion.typ-2 .swiper-container {
  overflow: initial;
}
.cp-accordion.typ-2 .cp-form .title {
  text-transform: initial;
  line-height: initial;
}
.cp-accordion.typ-2 .cp-form .ui-accordion .ui-accordion-content {
  padding: 0;
}
.cp-accordion.typ-2 .cp-form .ui-accordion-header .icon-down-arrow {
  display: inline-block;
}
.cp-accordion.typ-2 .ui-accordion .ui-accordion-header {
  margin-left: 4rem;
}
.cp-accordion.typ-2 .ui-accordion .ui-accordion-header a {
  padding: 0;
}
.cp-accordion.typ-2 .ui-accordion .ui-accordion-header .icon-down-arrow {
  transition: all 0.4s ease;
}
.cp-accordion.typ-2 .ui-accordion .ui-accordion-header.ui-state-active .icon-down-arrow {
  transform: rotate(180deg);
}
.cp-accordion.typ-2 .ui-accordion .ui-accordion-header.ui-state-active .view-all {
  display: inline-block;
}
.cp-accordion.typ-2 .ui-accordion .ui-accordion-content {
  padding: 1rem 0 0;
  border: 0;
}
.cp-accordion.typ-2 .sort-data {
  width: 3rem;
  height: 3rem;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.cp-accordion.typ-2 .title-wrap {
  color: #333333;
  position: relative;
  width: 100%;
}
.cp-accordion.typ-2 .title-wrap:before {
  content: "";
  position: absolute;
  top: 1.5rem;
  left: 0;
  right: 0;
  height: 0.1rem;
  min-height: 1px;
  background: #e8ecf8;
}
.cp-accordion.typ-2 .title-wrap .icon {
  position: absolute;
  top: 0;
  right: 3rem;
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background: #ffffff;
  border-radius: 50%;
  border: 1px solid #e8ecf8;
  text-align: center;
  line-height: 3rem;
  color: #307fe2;
}
.cp-accordion.typ-2 .card-head {
  padding-right: 8.5rem;
  position: relative;
}
.cp-accordion.typ-2 .card-head .card-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cp-accordion.typ-2 .title {
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: 700;
  text-transform: uppercase;
}
.cp-accordion.typ-2 .title span {
  position: relative;
  z-index: 2;
  display: inline-block;
  background: #ffffff;
  padding-right: 2rem;
}
.cp-accordion.typ-2 .mod-data-list .data .meta {
  font-size: 1.1rem;
}
.cp-accordion.typ-2.push-left .ui-accordion .ui-accordion-header {
  margin-left: 0;
}
.cp-accordion .data-item {
  margin-bottom: 2.5rem;
  margin-top: 1rem;
  overflow: hidden;
}
.cp-accordion .data-item > div {
  float: left;
}
.cp-accordion .data-item .timestamp {
  font-size: 1.4rem;
  text-transform: uppercase;
  font-style: normal;
}
.cp-accordion .data-item .view-all {
  font-size: 1.2rem;
  float: right;
}
.cp-accordion .data-item .view-all .icon-right-arrow {
  display: inline-block;
  margin-left: 0.5rem;
  font-size: 0.8rem;
  vertical-align: middle;
}
.cp-accordion.sort-by-bottom .sort-data, .cp-accordion.sort-by-top .sort-data {
  background: url('top-bottom-indicator.791cdfae2f6c2ec1.png') right top no-repeat;
  background-size: 7rem;
}
.cp-accordion.sort-by-bottom .card-head .indicator, .cp-accordion.sort-by-top .card-head .indicator {
  position: absolute;
  right: 2rem;
  top: 0.4rem;
}
.cp-accordion.sort-by-bottom .card-head .indicator:before, .cp-accordion.sort-by-top .card-head .indicator:before {
  content: "Bottom 3";
  background: url('bottom-3.1b5c923034759e40.png') top center no-repeat;
  display: inline-block;
  padding-top: 1.9rem;
  font-size: 1.2rem;
  background-size: 2.6rem;
}
.cp-accordion.sort-by-bottom .mod-data-list .label, .cp-accordion.sort-by-top .mod-data-list .label {
  max-width: 50%;
}
.cp-accordion.sort-by-bottom .mod-data-list .data .value, .cp-accordion.sort-by-top .mod-data-list .data .value {
  color: #c7222a;
}
.cp-accordion.sort-by-top .sort-data {
  background: url('top-bottom-indicator.791cdfae2f6c2ec1.png') left top no-repeat;
  background-size: 7rem;
}
.cp-accordion.sort-by-top .card-head .indicator:before {
  content: "Top 3";
  background: url('top-3.10d24ae8d1acb17c.png') top center no-repeat;
  background-size: 2.6rem;
}
.cp-accordion.sort-by-top .mod-data-list .data .value {
  color: #0c9f41;
}

@media only screen and (max-width: 1170px) {
  .cp-accordion.typ-2 .swiper-container {
    overflow: hidden;
    padding: 0.5rem;
  }
  .cp-accordion.typ-2 .swiper-container .cp-card {
    box-shadow: 0px 0px 5px 0 #c3cff0;
  }
  .cp-accordion.typ-2 .swiper-slide {
    width: 40rem;
  }
}
@media only screen and (max-width: 767px) {
  .cp-accordion.typ-2 .swiper-slide {
    width: 29.5rem;
  }
  .cp-accordion.typ-2 .swiper-container {
    overflow: inherit;
  }
  .cp-accordion.typ-2 .title-wrap .icon {
    right: 1rem;
  }
  .cp-accordion.typ-2 .title-wrap .title {
    font-size: 1.5rem;
  }
  .cp-accordion.typ-2 .title-wrap .title span {
    padding-right: 1rem;
  }
  .cp-accordion.typ-2 .ui-accordion .ui-accordion-content {
    padding: 1rem 0 0.5rem;
  }
}
.cp-map-wrap {
  border: 1px solid #e8ecf8;
  border-radius: 2px;
  background: #ffffff;
  box-shadow: 0 0 20px 0 #edf1ff;
}
.cp-map-wrap .map-filter {
  display: flex;
  align-items: center;
  position: relative;
  padding-right: 4.5rem;
}
.cp-map-wrap .map-filter.typ-sm {
  padding-right: 0;
}
.cp-map-wrap .map-filter.typ-sm .filter-list {
  width: 68%;
}
.cp-map-wrap .map-filter.typ-sm .search-wrap {
  width: 32%;
  height: 5.8rem;
}
.cp-map-wrap .map-filter.typ-sm .search-wrap .cp-form {
  display: flex;
  height: 100%;
  align-items: center;
  position: relative;
}
.cp-map-wrap .map-filter.typ-sm .search-wrap .form-group {
  margin-bottom: 0;
}
.cp-map-wrap .map-filter.typ-sm .search-wrap .form-group.typ-sm {
  width: 30%;
  position: static;
}
.cp-map-wrap .map-filter.typ-sm .search-wrap .form-group.typ-sm .input-group {
  position: static;
}
.cp-map-wrap .map-filter.typ-sm .search-wrap .form-group.typ-sm:before {
  position: absolute;
  content: "";
  width: 1px;
  top: 0rem;
  bottom: 0rem;
  left: 6.6rem;
  background: #e8ecf8;
  z-index: 1;
}
.cp-map-wrap .map-filter.typ-sm .search-wrap .form-group.typ-sm p-dropdown .ui-dropdown {
  padding: 0 1rem;
}
.cp-map-wrap .map-filter.typ-sm .search-wrap .form-group.typ-sm p-dropdown .ui-dropdown .ui-dropdown-trigger {
  right: auto;
  left: 3.8rem;
}
.cp-map-wrap .map-filter.typ-sm .search-wrap .form-group.typ-sm p-dropdown .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon {
  line-height: 5.8rem;
}
.cp-map-wrap .map-filter.typ-sm .search-wrap .form-group.typ-sm p-dropdown.typ-2.ui-inputwrapper-filled .ui-dropdown-label {
  color: #307fe2;
}
.cp-map-wrap .map-filter.typ-sm .search-wrap .form-group.typ-sm p-dropdown.typ-2 .ui-dropdown-label {
  line-height: 1.8rem;
  padding-right: 2rem;
  width: 4.8rem;
  white-space: break-spaces;
  overflow: inherit;
}
.cp-map-wrap .map-filter.typ-sm .search-wrap .form-group.typ-sm p-dropdown.typ-2 .ui-dropdown-panel {
  top: 5.8rem !important;
  box-shadow: 0px 3px 4px 0px #999;
  border-radius: 0;
}
.cp-map-wrap .map-filter.typ-sm .search-wrap .search {
  position: absolute;
  left: 1rem;
  top: 54%;
  transform: translateY(-50%);
}
.cp-map-wrap .map-filter.typ-sm .search-wrap .search .icon {
  color: #999999;
  font-size: 1.5rem;
}
.cp-map-wrap .map-filter .filter-list {
  display: flex;
  align-items: center;
  width: 100%;
}
.cp-map-wrap .map-filter .filter-list ul {
  background-color: #ffffff;
  padding-bottom: 0.8rem;
  display: flex;
  align-items: center;
}
.cp-map-wrap .map-filter .filter-list ul.assigned-list {
  width: 57%;
}
.cp-map-wrap .map-filter .filter-list ul.assigned-list .item {
  width: 25%;
}
.cp-map-wrap .map-filter .filter-list ul.unassigned-list {
  width: 43%;
}
.cp-map-wrap .map-filter .filter-list ul.unassigned-list .item {
  width: 33.33%;
}
.cp-map-wrap .map-filter .filter-list ul.vehicle-list {
  width: 100%;
}
.cp-map-wrap .map-filter .filter-list ul.vehicle-list .item {
  width: 20%;
}
.cp-map-wrap .map-filter .search-btn {
  width: 4.5rem;
  background-color: #ffffff;
  position: absolute;
  right: 0;
  height: 5.8rem;
}
.cp-map-wrap .map-filter .search-btn .icon {
  font-size: 1.5rem;
  color: #307fe2;
}
.cp-map-wrap .map-filter .search-input {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  height: 5.8rem;
  display: flex;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in;
}
.cp-map-wrap .map-filter .search-input .form-control {
  height: 100%;
  border: none;
  outline: none;
  box-shadow: none;
  padding: 1.5rem;
  width: 100%;
  padding-right: 4.5rem;
  color: #999;
  font-size: 1.6rem;
}
.cp-map-wrap .map-filter .search-input .close-btn {
  width: 4.5rem;
  background: #ffffff;
  position: absolute;
  right: 0;
  height: 5.8rem;
}
.cp-map-wrap .map-filter .search-input .close-btn .icon {
  font-size: 1.5rem;
  color: #999;
}
.cp-map-wrap .map-filter .search-input.active {
  opacity: 1;
  visibility: visible;
}
.cp-map-wrap .map-filter .item {
  height: 5rem;
  position: relative;
  border-right: 1px solid #e8ecf8;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.6rem;
  transition: all 0.4s ease-in-out;
  background-color: #ffffff;
  padding: 0.7rem 0rem;
  cursor: pointer;
}
.cp-map-wrap .map-filter .item .count {
  display: block;
  font-size: 1.6rem;
  line-height: 1.8rem;
  margin-bottom: 0.2rem;
  font-weight: 700;
  color: #333333;
}
.cp-map-wrap .map-filter .item .text {
  display: block;
  color: #666666;
}
.cp-map-wrap .map-filter .item.active .count,
.cp-map-wrap .map-filter .item.active .text {
  color: #ffffff;
}
.cp-map-wrap .map-filter .item.active:after {
  content: "";
}
.cp-map-wrap .map-filter .item:before {
  content: "";
  position: absolute;
  height: 0.8rem;
  left: 0;
  right: 0;
  bottom: -0.8rem;
  background: transparent;
}
.cp-map-wrap .map-filter .item:after {
  content: none;
  border-right: 0.8rem solid transparent;
  border-left: 0.8rem solid transparent;
  border-top: 0.8rem solid #0a0a5f;
  left: 50%;
  transform: translateX(-50%);
  bottom: -1.6rem;
  position: absolute;
  z-index: 1;
}
.cp-map-wrap .map-filter .item.all-assigned.active, .cp-map-wrap .map-filter .item.all-assigned:before {
  background-color: #0a0a5f;
}
.cp-map-wrap .map-filter .item.ontime.active, .cp-map-wrap .map-filter .item.ontime:before, .cp-map-wrap .map-filter .item.moving.active, .cp-map-wrap .map-filter .item.moving:before {
  background-color: #0c9f41;
}
.cp-map-wrap .map-filter .item.ontime.active:after, .cp-map-wrap .map-filter .item.moving.active:after {
  border-top-color: #0c9f41;
}
.cp-map-wrap .map-filter .item.delayed.active, .cp-map-wrap .map-filter .item.delayed:before, .cp-map-wrap .map-filter .item.idle.active, .cp-map-wrap .map-filter .item.idle:before {
  background-color: #ffa100;
}
.cp-map-wrap .map-filter .item.delayed.active:after, .cp-map-wrap .map-filter .item.idle.active:after {
  border-top-color: #ffa100;
}
.cp-map-wrap .map-filter .item.halt.active, .cp-map-wrap .map-filter .item.halt:before, .cp-map-wrap .map-filter .item.stopped.active, .cp-map-wrap .map-filter .item.stopped:before {
  background-color: #aa00bf;
}
.cp-map-wrap .map-filter .item.halt.active:after, .cp-map-wrap .map-filter .item.stopped.active:after {
  border-top-color: #aa00bf;
}
.cp-map-wrap .map-filter .item.all-unassigned.active, .cp-map-wrap .map-filter .item.all-unassigned:before {
  background-color: #0a0a5f;
}
.cp-map-wrap .map-filter .item.all-unassigned.active:after {
  border-top-color: #0a0a5f;
}
.cp-map-wrap .map-filter .item.offline.active, .cp-map-wrap .map-filter .item.offline:before {
  background-color: #999999;
}
.cp-map-wrap .map-filter .item.offline.active:after {
  border-top-color: #999999;
}
.cp-map-wrap .map-filter .item.avlbl.active, .cp-map-wrap .map-filter .item.avlbl:before {
  background-color: #a4c700;
}
.cp-map-wrap .map-filter .item.avlbl.active:after {
  border-top-color: #a4c700;
}
.cp-map-wrap .map-filter .item.service.active, .cp-map-wrap .map-filter .item.service:before {
  background-color: #333333;
}
.cp-map-wrap .map-filter .item.service.active:after {
  border-top-color: #333333;
}
.cp-map-wrap .map-container {
  height: 44.2rem;
  background-color: #666666;
  position: relative;
  z-index: 0;
}
.cp-map-wrap .map-container .btn-enlarge {
  position: absolute;
  top: 3rem;
  right: 2rem;
  padding: 0;
  background-color: #ffffff;
  border-radius: 0.5rem;
  box-shadow: 0 0 10px 0 #d1d6eb;
  width: 3rem;
  height: 3rem;
  z-index: 1;
}
.cp-map-wrap .map-container .btn-enlarge .icon {
  color: #333333;
  font-size: 1.8rem;
}
.cp-map-wrap .map-container agm-map {
  width: 100%;
  height: 100%;
}
.cp-map-wrap .map-container agm-map .gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint > div {
  width: 3rem !important;
  height: 6rem !important;
  border-radius: 0.5rem !important;
  box-shadow: 0 0 10px 0 #d1d6eb !important;
}
.cp-map-wrap .map-container agm-map .gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint > div > button.gm-control-active {
  width: 100% !important;
  height: 50% !important;
}
.cp-map-wrap .map-container agm-map .gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint > div > button.gm-control-active img {
  width: 1rem !important;
}
.cp-map-wrap .map-container agm-map .gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint > div > div {
  width: 100% !important;
  margin: 0 !important;
}

@media only screen and (max-width: 1024px) {
  .cp-map-wrap .map-filter {
    padding-right: 0;
  }
  .cp-map-wrap .map-filter .search-btn {
    display: none;
  }
  .cp-map-wrap .map-filter .filter-list {
    overflow-x: auto;
  }
  .cp-map-wrap .map-filter .filter-list ul {
    padding-bottom: 0.5rem;
  }
  .cp-map-wrap .map-filter .filter-list ul.assigned-list, .cp-map-wrap .map-filter .filter-list ul.unassigned-list, .cp-map-wrap .map-filter .filter-list ul.vehicle-list {
    width: auto;
  }
  .cp-map-wrap .map-filter .filter-list ul.assigned-list .item, .cp-map-wrap .map-filter .filter-list ul.unassigned-list .item, .cp-map-wrap .map-filter .filter-list ul.vehicle-list .item {
    width: 7.2rem;
  }
  .cp-map-wrap .map-filter .filter-list ul.vehicle-list {
    min-width: 100%;
  }
  .cp-map-wrap .map-filter .filter-list ul.vehicle-list .item {
    min-width: 20%;
  }
  .cp-map-wrap .map-filter .item .count {
    font-size: 1.4rem;
    outline-width: 1.6rem;
  }
  .cp-map-wrap .map-filter .item:before {
    height: 0.5rem;
    bottom: -0.5rem;
  }
  .cp-map-wrap .map-filter .item:after {
    border-right-width: 0.5rem;
    border-bottom-width: 0.5rem;
    border-left-width: 0.5rem;
    bottom: -0.5rem;
  }
  .cp-map-wrap .map-filter.typ-sm .filter-list {
    width: 100%;
  }
  .cp-map-wrap .map-filter.typ-sm .search-wrap {
    position: absolute;
    height: 5.5rem;
    background-color: #ffffff;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
  }
  .cp-map-wrap .map-filter.typ-sm .search-wrap * {
    height: 100%;
  }
  .cp-map-wrap .map-filter.typ-sm .search-wrap .search {
    display: none;
  }
  .cp-map-wrap .map-filter.typ-sm .search-wrap.active {
    opacity: 1;
    visibility: visible;
  }
  .cp-map-wrap .map-filter.typ-sm .search-wrap .form-group.typ-sm {
    width: 30%;
  }
  .cp-map-wrap .map-filter.typ-sm .search-wrap .form-group.typ-sm:before {
    top: 0;
    bottom: 0;
    left: 27%;
  }
  .cp-map-wrap .map-filter.typ-sm .search-wrap .form-group.typ-sm p-dropdown.typ-2 .ui-dropdown-label {
    width: auto;
    display: inline-block;
    height: auto;
    line-height: 5.5rem;
    padding-right: 0;
  }
  .cp-map-wrap .map-filter.typ-sm .search-wrap .form-group.typ-sm p-dropdown.typ-2 .ui-dropdown-panel {
    top: 5.5rem !important;
  }
  .cp-map-wrap .map-filter.typ-sm .search-wrap .form-group.typ-sm p-dropdown .ui-dropdown {
    padding-right: 3rem;
  }
  .cp-map-wrap .map-filter.typ-sm .search-wrap .form-group.typ-sm p-dropdown .ui-dropdown .ui-dropdown-trigger {
    left: 20%;
  }
  .cp-map-wrap .map-filter.typ-sm .search-wrap .form-group.typ-sm p-dropdown .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon {
    line-height: 5.5rem;
  }
  .cp-map-wrap .map-filter.typ-sm .search-wrap .ui-dropdown-panel,
  .cp-map-wrap .map-filter.typ-sm .search-wrap .ui-autocomplete-panel {
    height: auto;
  }
  .cp-map-wrap .map-filter.typ-sm .search-wrap .ui-dropdown-panel *,
  .cp-map-wrap .map-filter.typ-sm .search-wrap .ui-autocomplete-panel * {
    height: auto;
  }
  .cp-map-wrap .map-container {
    height: 32.5rem;
  }
}
.cp-unalloc-trip .swiper-slide {
  width: 28.2rem;
}

.cp-filter-wrap .filter-head .filter-tag {
  display: inline-block;
  margin-right: 1rem;
  padding: 0.8rem 2.5rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
  background-color: transparent;
  border: 1px solid #e8ecf8;
  border-radius: 1.8rem;
  text-transform: capitalize;
  color: #666666;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}
.cp-filter-wrap .filter-head .filter-tag:last-of-type {
  margin-right: 0;
}
.cp-filter-wrap .filter-head .filter-tag:hover, .cp-filter-wrap .filter-head .filter-tag.active {
  color: #ffffff;
  background-color: #0a0a5f;
  border-color: #0a0a5f;
}
.cp-filter-wrap .filter-cont {
  padding-top: 2rem;
}
.cp-filter-wrap .filter-cont .filter-item {
  margin-bottom: 2rem;
}
.cp-filter-wrap .filter-cont .filter-item .cp-vendors {
  height: 100%;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}
.cp-filter-wrap .filter-cont .filter-item .cp-vendors:hover {
  box-shadow: 0 0 25px 0 #d1d6eb;
}
.cp-filter-wrap .filter-cont .filter-item:nth-of-type(4n+1) .cp-vendors .img-wrap {
  background-color: #ff8535;
}
.cp-filter-wrap .filter-cont .filter-item:nth-of-type(4n+2) .cp-vendors .img-wrap {
  background-color: #b620e0;
}
.cp-filter-wrap .filter-cont .filter-item:nth-of-type(4n+3) .cp-vendors .img-wrap {
  background-color: #14bfba;
}
.cp-filter-wrap .filter-cont .filter-item:nth-of-type(4n+4) .cp-vendors .img-wrap {
  background-color: #307fe2;
}
.cp-filter-wrap .filter-cont .select-wrap {
  margin: 0 0 2rem;
}
.cp-filter-wrap .filter-cont .select-wrap .selected-count {
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
  font-style: italic;
  margin-left: 1rem;
}
.cp-filter-wrap .filter-cont .select-wrap .ui-chkbox {
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 0.6rem;
}
.cp-filter-wrap .filter-cont .select-wrap .ui-chkbox .ui-chkbox-box {
  width: 2.5rem;
  height: 2.5rem;
  background-color: transparent;
  border: none;
  margin: 0;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
.cp-filter-wrap .filter-cont .select-wrap .ui-chkbox .ui-chkbox-box span {
  display: none;
}
.cp-filter-wrap .filter-cont .select-wrap .ui-chkbox .ui-chkbox-box:before, .cp-filter-wrap .filter-cont .select-wrap .ui-chkbox .ui-chkbox-box:after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.cp-filter-wrap .filter-cont .select-wrap .ui-chkbox .ui-chkbox-box:before {
  background: url('check-empty.0aa98a0391624556.svg') center center no-repeat;
  background-size: cover;
}
.cp-filter-wrap .filter-cont .select-wrap .ui-chkbox .ui-chkbox-box:after {
  background: url('check-filled.ccfa51c6e83408ff.svg') center center no-repeat;
  background-size: cover;
}
.cp-filter-wrap .filter-cont .select-wrap .ui-chkbox .ui-chkbox-box.ui-state-default:before {
  opacity: 1;
}
.cp-filter-wrap .filter-cont .select-wrap .ui-chkbox .ui-chkbox-box.ui-state-default:after {
  opacity: 0;
}
.cp-filter-wrap .filter-cont .select-wrap .ui-chkbox .ui-chkbox-box.ui-state-default.ui-state-active:before {
  opacity: 0;
}
.cp-filter-wrap .filter-cont .select-wrap .ui-chkbox .ui-chkbox-box.ui-state-default.ui-state-active:after {
  opacity: 1;
}
.cp-filter-wrap .filter-cont .select-wrap .ui-chkbox .ui-chkbox-box.ui-state-default.ui-state-focus {
  outline: none;
  box-shadow: none;
}
.cp-filter-wrap .filter-cont .select-wrap .ui-chkbox-label {
  margin-left: 0;
  color: #333333;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.6rem;
  cursor: pointer;
}

@media only screen and (max-width: 1024px) {
  .cp-filter-wrap .filter-head {
    overflow-x: auto;
    margin: 0 -1.5rem;
    padding: 0 1.5rem;
  }
  .cp-filter-wrap .filter-head .tag-list {
    white-space: nowrap;
  }
}
.cp-card-listing .card-item {
  margin-bottom: 2rem;
}
.cp-card-listing .cp-card {
  height: 20.5rem;
  width: 35rem;
  display: flex;
  flex-flow: column;
  position: relative;
  left: 4rem;
  border: 1px solid #e8ecf8;
}
.cp-card-listing .cp-card .card-head {
  padding: 2rem;
  word-wrap: break-word !important;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 8rem;
}
.cp-card-listing .cp-card .card-head .timestamp {
  display: block;
  margin-bottom: 0.3rem;
  text-align: right;
}
.cp-card-listing .cp-card .card-head .right-wrap {
  position: absolute;
  right: 2rem;
}
.cp-card-listing .cp-card .card-head .right-wrap .pan {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #0a0a5f;
}
.cp-card-listing .cp-card .card-head .right-wrap .license {
  font-weight: 700;
  display: block;
  margin-bottom: 0.3rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #0a0a5f;
}
.cp-card-listing .cp-card .card-head .mod-name-value.typ-img .img-wrap {
  background-color: lightsteelblue;
  z-index: 1;
  border: 1px solid lightsteelblue;
}
.cp-card-listing .cp-card .card-head .mod-name-value.typ-img .info-wrap .name {
  color: #0a0a5f;
  font-size: 1.8rem;
  line-height: 2.2rem;
  margin-bottom: 0.3rem;
}
.cp-card-listing .cp-card .card-head .mod-name-value.typ-img .info-wrap .value {
  font-size: 1.4rem;
  color: #333333;
}
.cp-card-listing .cp-card .card-head .desg {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #95a5d5;
  color: #ffffff;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.6rem;
  text-transform: capitalize;
  padding: 0.1rem 0.2rem;
  width: 12rem;
  text-align: center;
}
.cp-card-listing .cp-card .mod-name-value.typ-img .img-wrap {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  position: relative;
  margin-right: 1.5rem;
}
.cp-card-listing .cp-card .mod-name-value.typ-img .img-wrap .initials {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #ffffff;
}
.cp-card-listing .cp-card .card-body {
  padding: 0 1.5rem;
  position: relative;
  background-color: #ffffff;
  flex-grow: 1;
  overflow-y: auto;
  display: flex;
  align-items: center;
  justify-content: start;
}
.cp-card-listing .cp-card .card-body.typ-flex {
  display: flex;
  align-items: center;
}
.cp-card-listing .cp-card .card-body .icon-text-list .item {
  margin-bottom: 2rem;
}
.cp-card-listing .cp-card .card-body .icon-text-list .item .mod-icon-text .icon {
  font-size: 1.5rem;
  color: #95a5d5;
}
.cp-card-listing .cp-card .card-body .icon-text-list .item .mod-icon-text .text {
  margin-left: 1.5rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-card-listing .cp-card .card-body .icon-text-list .item:last-of-type {
  margin-bottom: 0;
}
.cp-card-listing .cp-card .card-body .address-wrap {
  margin-bottom: 1.5rem;
}
.cp-card-listing .cp-card .card-body .address-wrap .title {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #333333;
  font-weight: 700;
  margin-bottom: 0.3rem;
  display: block;
}
.cp-card-listing .cp-card .card-body .address-wrap:last-of-type {
  margin-bottom: 0;
}
.cp-card-listing .cp-card .card-body .address-wrap address {
  margin-bottom: 0;
}
.cp-card-listing .cp-card .card-body address {
  font-size: 1.2rem;
  line-height: 1.6rem;
  margin-bottom: 1.5rem;
  font-style: normal;
}
.cp-card-listing .cp-card .card-body .locate-btn {
  font-size: 1.2rem;
  line-height: 1.6rem;
  text-transform: initial;
  position: absolute;
  left: 2rem;
  bottom: 2rem;
}
.cp-card-listing .cp-card .card-body .locate-btn:after {
  content: none;
}
.cp-card-listing .cp-card .card-body .mod-name-value.typ-img.align-top {
  align-items: flex-start;
}
.cp-card-listing .cp-card .card-body .mod-name-value.typ-img .name {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
  margin-bottom: 0.5rem;
}
.cp-card-listing .cp-card .card-body .mod-name-value.typ-img .bank-details {
  font-size: 1.2rem;
  line-height: 1.2rem;
}
.cp-card-listing .cp-card .card-body .mod-name-value.typ-img .bank-details > span {
  margin-bottom: 0.8rem;
  display: block;
}
.cp-card-listing .cp-card .card-body .mod-name-value.typ-img .bank-details > span:last-of-type {
  margin-bottom: 0;
}
.cp-card-listing .cp-card .card-body .mod-name-value.typ-img .bank-details > span span {
  display: inline-block;
  vertical-align: middle;
}
.cp-card-listing .cp-card .card-body .mod-name-value.typ-img .bank-details .address span {
  line-height: 1.2rem;
  display: inline-block;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  border-right: 1px solid #666666;
}
.cp-card-listing .cp-card .card-body .mod-name-value.typ-img .bank-details .address span:first-of-type {
  padding-left: 0;
}
.cp-card-listing .cp-card .card-body .mod-name-value.typ-img .bank-details .address span:last-of-type {
  padding-right: 0;
  border-right: none;
}
.cp-card-listing .cp-card .card-body .gst {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
}
.cp-card-listing .cp-card .card-body > .img-wrap {
  width: 20rem;
  margin: 0 auto;
}
.cp-card-listing .cp-card .card-body > .img-wrap img {
  width: 100%;
}
.cp-card-listing .cp-card .card-body .doc-list {
  width: 100%;
}
.cp-card-listing .cp-card .card-body .doc-list .doc-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}
.cp-card-listing .cp-card .card-body .doc-list .doc-item:last-of-type {
  margin-bottom: 0;
}
.cp-card-listing .cp-card .card-body .doc-list .doc-item .name {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-card-listing .cp-card .card-body .doc-list .doc-item .act-wrap .icon {
  font-size: 1.8rem;
  color: #307fe2;
  font-weight: 400;
  margin: 0;
}
.cp-card-listing .cp-card .card-body .doc-list .doc-item .act-wrap .btn {
  display: inline-block;
  margin-right: 2rem;
}
.cp-card-listing .cp-card .card-body .doc-list .doc-item .act-wrap .btn:last-of-type {
  margin-right: 0;
}
.cp-card-listing .cp-card .card-body .profile-wrap .img-wrap {
  background-color: #14bfba;
}
.cp-card-listing .cp-card .card-body .profile-wrap .info-wrap .value > span {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-card-listing .cp-card .card-body .profile-wrap .info-wrap .value > span:last-of-type {
  margin-bottom: 0;
}
.cp-card-listing .cp-card .card-body .profile-wrap .info-wrap .value .contact a {
  display: block;
  margin-bottom: 0.5rem;
}
.cp-card-listing .cp-card .card-body .profile-wrap .info-wrap .value .contact a:last-of-type {
  margin-bottom: 0;
}
.cp-card-listing .cp-card .card-body .fleet-wrap .title {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
  font-weight: 700;
  margin-bottom: 1rem;
}
.cp-card-listing .cp-card .card-body .fleet-wrap .fleet-list {
  display: flex;
  justify-content: space-between;
}
.cp-card-listing .cp-card .card-body .fleet-wrap .fleet-list .wrap-icon-text {
  width: 50%;
}
.cp-card-listing .cp-card .card-body .fleet-wrap .fleet-list .wrap-icon-text .icon {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background: #e8ecf8;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1.5rem;
  color: #95a5d5;
  font-size: 3.5rem;
  position: relative;
}
.cp-card-listing .cp-card .card-body .fleet-wrap .fleet-list .wrap-icon-text .icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cp-card-listing .cp-card .card-body .fleet-wrap .fleet-list .wrap-icon-text .text {
  display: inline-block;
  vertical-align: middle;
}
.cp-card-listing .cp-card .card-body .fleet-wrap .fleet-list .wrap-icon-text .text .count {
  font-size: 2.4rem;
  line-height: 2.6rem;
  margin-bottom: 0.3rem;
  color: #333333;
  font-weight: 700;
  display: block;
}
.cp-card-listing .cp-card .card-body .fleet-wrap .fleet-list .wrap-icon-text .text .label {
  display: block;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-card-listing .cp-card .card-body .data-list {
  padding: 10px !important;
}
.cp-card-listing .cp-card .card-body .data-list .data-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-card-listing .cp-card .card-body .data-list .data-item .label {
  max-width: 49%;
}
.cp-card-listing .cp-card .card-body .data-list .data-item .value {
  left: 12rem;
  max-width: 49%;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #0a0a5f;
  font-weight: 700;
  position: absolute;
}
.cp-card-listing .cp-card .card-body .data-list .data-item .value-alt {
  left: 30rem;
  max-width: 49%;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #0a0a5f;
  font-weight: 700;
  position: absolute;
}
.cp-card-listing .cp-card .card-body .data-list .data-item:last-of-type {
  margin-bottom: 0;
}

@media only screen and (max-width: 1024px) {
  .cp-card-listing .cp-card {
    height: 21.5rem;
  }
  .cp-card-listing .cp-card .card-head {
    padding: 1.8rem 1.5rem;
  }
  .cp-card-listing .cp-card .card-head .mod-name-value.typ-img .info-wrap .name {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  .cp-card-listing .cp-card .card-head .mod-name-value.typ-img .info-wrap .value {
    font-size: 1.3rem;
    line-height: 1.7rem;
  }
  .cp-card-listing .cp-card .card-head .desg {
    width: 11rem;
    border: 2px solid red;
  }
  .cp-card-listing .cp-card .card-body {
    padding: 5.5rem;
    position: absolute;
    top: 2rem;
  }
  .cp-card-listing .cp-card .card-body address {
    margin-bottom: 1rem;
  }
  .cp-card-listing .cp-card .card-body .locate-btn {
    position: static;
  }
  .cp-card-listing .cp-card .mod-name-value.typ-img .img-wrap {
    width: 3.5rem;
    height: 3.5rem;
    margin-right: 1rem;
  }
  .cp-card-listing .cp-card .mod-name-value.typ-img .img-wrap .initials {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}
@media only screen and (max-width: 767px) {
  .cp-card-listing .cp-card {
    height: auto;
  }
}
.cp-modal .ui-dialog {
  border-radius: 0.2rem;
  border: none;
  box-shadow: none;
  background-color: #ffffff;
  overflow: hidden;
}
.cp-modal .ui-dialog .ui-dialog-titlebar {
  padding: 1rem 0 1rem 2rem;
  background-color: #ffffff;
  border-radius: 0;
  border: none;
}
.cp-modal .ui-dialog .ui-dialog-titlebar .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cp-modal .ui-dialog .ui-dialog-titlebar .modal-header .close-btn .icon {
  font-size: 1.6rem;
  color: #666666;
  font-weight: 400;
}
.cp-modal .ui-dialog .ui-dialog-titlebar .title {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #0a0a5f;
}
.cp-modal .ui-dialog .ui-dialog-titlebar .title .last-updated {
  font-size: 1.1rem;
  color: #333333;
  font-style: italic;
  font-weight: normal;
}
.cp-modal .ui-dialog .ui-dialog-titlebar .title.typ-center {
  text-align: center;
}
.cp-modal .ui-dialog .ui-dialog-titlebar-close {
  position: relative;
  padding: 0.5rem;
  position: absolute;
  right: 2rem;
  top: 1.7rem;
}
.cp-modal .ui-dialog .ui-dialog-titlebar-close .pi-times:before {
  content: "\e90b";
  font-family: "icomoon";
}
.cp-modal .ui-dialog .ui-dialog-content {
  padding: 2rem;
  overflow: visible;
  background: #e6eaf7 !important;
}
.cp-modal .ui-dialog .ui-dialog-content .modal-body {
  height: 100%;
  flex-direction: column;
}
.cp-modal .ui-dialog .heading-1 {
  font-weight: 700;
  color: #333333;
}
.cp-modal .ui-dialog .mod-name-value.typ-img {
  margin-bottom: 2rem;
}
.cp-modal .ui-dialog .mod-name-value.typ-img .info-wrap .name {
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 700;
  margin-bottom: 0.2rem;
  display: block;
  text-transform: uppercase;
}
.cp-modal .ui-dialog .mod-name-value.typ-img .info-wrap .value {
  font-size: 1.2rem;
  line-height: 1.2rem;
}
.cp-modal .ui-dialog .mod-name-value.typ-img .info-wrap .value span {
  border-right: 1px solid #666666;
  padding-right: 0.3rem;
  margin-right: 0.3rem;
  line-height: 1.2rem;
  display: inline-block;
}
.cp-modal .ui-dialog .mod-name-value.typ-img .info-wrap .value span:last-of-type {
  border-right: none;
}
.cp-modal .ui-dialog .mod-name-value.typ-img .img-wrap {
  width: 3.5rem;
  height: 3.5rem;
  overflow: hidden;
  border-radius: 50%;
}
.cp-modal .ui-dialog .mod-name-value.typ-img .img-wrap img {
  width: 100%;
}
.cp-modal .ui-dialog .title-desc-wrap {
  margin-bottom: 1.5rem;
}
.cp-modal .ui-dialog .title-desc-wrap .heading-1 {
  margin-bottom: 0.5rem;
}
.cp-modal .ui-dialog .title-desc-wrap .desc {
  line-height: 1.5;
}
.cp-modal .ui-dialog .title-desc-wrap .desc + .desc {
  margin-top: 1.5rem;
}
.cp-modal .ui-dialog .title-desc-wrap.typ-bg {
  background-color: rgba(48, 127, 226, 0.1);
  padding: 1.5rem 1rem;
}
.cp-modal .ui-dialog .title-desc-wrap.typ-bg .desc {
  color: #666666;
}
.cp-modal .ui-dialog .issue-list-wrap,
.cp-modal .ui-dialog .alert-list-wrap {
  font-size: 1.2rem;
}
.cp-modal .ui-dialog .issue-list-wrap .count-wrap,
.cp-modal .ui-dialog .alert-list-wrap .count-wrap {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.cp-modal .ui-dialog .issue-list-wrap .count-wrap span,
.cp-modal .ui-dialog .alert-list-wrap .count-wrap span {
  margin-right: 0.3rem;
  vertical-align: middle;
  display: inline-block;
}
.cp-modal .ui-dialog .issue-list-wrap .list .item,
.cp-modal .ui-dialog .alert-list-wrap .list .item {
  margin-bottom: 1rem;
  line-height: 1.5;
  position: relative;
  display: flex;
}
.cp-modal .ui-dialog .issue-list-wrap .list .item span,
.cp-modal .ui-dialog .alert-list-wrap .list .item span {
  width: calc(100% - 3.5rem);
}
.cp-modal .ui-dialog .issue-list-wrap .list .item .img-icon,
.cp-modal .ui-dialog .alert-list-wrap .list .item .img-icon {
  width: 2.5rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
}
.cp-modal .ui-dialog .issue-list-wrap .list .item .img-icon img,
.cp-modal .ui-dialog .alert-list-wrap .list .item .img-icon img {
  width: 100%;
}
.cp-modal .ui-dialog .issue-list-wrap .list .item .img-icon.typ-alert,
.cp-modal .ui-dialog .alert-list-wrap .list .item .img-icon.typ-alert {
  background: #db0b0b;
  border-radius: 50%;
  box-shadow: 0 0 10px 0 rgba(219, 11, 11, 0.75);
  overflow: hidden;
  width: 2rem;
  color: #ffffff;
  height: 2rem;
  font-size: 1.4rem;
  text-align: center;
}
.cp-modal .ui-dialog .alert-type {
  padding-bottom: 1.5rem;
  display: flex;
  align-items: center;
}
.cp-modal .ui-dialog .alert-type .icon-wrap {
  margin-right: 1rem;
  width: auto;
  text-align: center;
  height: auto;
}
.cp-modal .ui-dialog .alert-type .text {
  font-size: 1.2rem;
  font-weight: 700;
}
.cp-modal .ui-dialog .alert-type .icon {
  font-size: 2.5rem;
}
.cp-modal .ui-dialog .alert-type .icon.typ-green {
  color: #0c9f41;
}
.cp-modal .ui-dialog .alert-type .icon.typ-error {
  color: #db0b0b;
}
.cp-modal .ui-dialog .alert-type .icon.typ-info {
  display: block;
  background: #db0b0b;
  border-radius: 50%;
  box-shadow: 0 0 10px 0 rgba(219, 11, 11, 0.75);
  overflow: hidden;
  width: 2rem;
  color: #ffffff;
  height: 2rem;
  font-size: 1.1rem;
  text-align: center;
  line-height: 2rem;
  margin: 0 auto;
}
.cp-modal.typ-servicing .ui-dialog {
  width: 45rem;
  min-height: 36rem;
  max-height: 48rem;
}
.cp-modal.typ-servicing .ui-dialog .ui-dialog-titlebar {
  border-bottom: none;
  padding-top: 3rem;
  display: flex;
}
.cp-modal.typ-servicing .ui-dialog .ui-dialog-titlebar .modal-header {
  display: block;
}
.cp-modal.typ-servicing .ui-dialog .ui-dialog-content {
  padding: 0;
  display: flex;
  height: 85%;
  flex-direction: column;
  padding: 12px 25px 0px 25px;
  background-color: #ffffff;
}
.cp-modal.typ-servicing .act-wrap {
  text-align: center;
  margin-bottom: 4rem;
  padding: 2rem 0 0;
}
.cp-modal.typ-servicing .act-wrap button {
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.typ-servicing .act-wrap button:last-of-type {
  margin-right: 0;
}
.cp-modal.typ-servicing .note {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  text-align: center;
}
.cp-modal.typ-tasklist-AM .ui-dialog {
  width: 42rem;
  min-height: 46.7rem;
  max-height: 48rem;
}
.cp-modal.typ-tasklist-AM .ui-dialog .ui-dialog-titlebar {
  border-bottom: none;
  padding: 2.1rem 2.5rem 2rem 2.5rem;
  display: flex;
}
.cp-modal.typ-tasklist-AM .ui-dialog .ui-dialog-titlebar .modal-header {
  display: block;
}
.cp-modal.typ-tasklist-AM .ui-dialog .ui-dialog-content {
  padding: 0;
  display: flex;
  height: 325px;
  flex-direction: column;
  padding: 12px 25px 0px 25px;
  background-color: #ffffff;
  justify-content: space-between;
}
.cp-modal.typ-tasklist-AM .act-wrap {
  text-align: center;
  margin-bottom: 4rem;
  padding: 2rem 0 0;
}
.cp-modal.typ-tasklist-AM .act-wrap button {
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.typ-tasklist-AM .act-wrap button:last-of-type {
  margin-right: 0;
}
.cp-modal.typ-tasklist-AM .note {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  text-align: center;
}
.cp-modal.typ-reject-leave .ui-dialog {
  width: 60rem;
  height: 37.8rem;
  border-radius: 2px;
  box-shadow: 0 0 15px 0 #000000;
  background-color: white;
}
.cp-modal.typ-reject-leave .ui-dialog .ui-dialog-titlebar {
  height: 64px;
  display: flex;
}
.cp-modal.typ-reject-leave .ui-dialog .ui-dialog-titlebar .title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #0a0a5f;
}
.cp-modal.typ-reject-leave .ui-dialog .ui-dialog-titlebar .modal-header {
  display: block;
}
.cp-modal.typ-reject-leave .ui-dialog .ui-dialog-titlebar-close span {
  font-size: 1.5rem;
}
.cp-modal.typ-reject-leave .ui-dialog .ui-dialog-content {
  display: flex;
  height: 313px;
  flex-direction: column;
  background-color: #ffffff;
  padding: 0;
}
.cp-modal.typ-reject-leave .act-wrap {
  text-align: center;
  margin-bottom: 4rem;
  padding: 2rem 0 0;
}
.cp-modal.typ-reject-leave .act-wrap button {
  width: 150px;
  height: 45px;
  border-radius: 5px;
  border: solid 1px #122382;
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.typ-reject-leave .act-wrap button:last-of-type {
  margin-right: 0;
}
.cp-modal.typ-reject-leave .note {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  text-align: center;
}
.cp-modal.typ-leave-request-message .ui-dialog {
  width: 60rem;
  height: 26.9rem;
  box-shadow: 0 0 15px 0 #000000;
  background-color: white;
}
.cp-modal.typ-leave-request-message .ui-dialog .ui-dialog-titlebar {
  padding: 2rem;
  height: 64px;
  display: flex;
}
.cp-modal.typ-leave-request-message .ui-dialog .ui-dialog-titlebar .title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #0a0a5f;
}
.cp-modal.typ-leave-request-message .ui-dialog .ui-dialog-titlebar .modal-header {
  display: block;
}
.cp-modal.typ-leave-request-message .ui-dialog .ui-dialog-titlebar-close span {
  font-size: 1.5rem;
}
.cp-modal.typ-leave-request-message .ui-dialog .ui-dialog-content {
  padding: 19px 20px 20px 20px;
  display: flex;
  height: 204px;
  flex-direction: column;
  background-color: #ffffff;
}
.cp-modal.typ-leave-request-message .act-wrap {
  text-align: center;
  margin-bottom: 4rem;
  padding: 2rem 0 0;
}
.cp-modal.typ-leave-request-message .act-wrap button {
  width: 150px;
  height: 45px;
  border-radius: 5px;
  border: solid 1px #122382;
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.typ-leave-request-message .act-wrap button:last-of-type {
  margin-right: 0;
}
.cp-modal.typ-leave-request-message .note {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  text-align: center;
}
.cp-modal.typ-remove-rate .ui-dialog {
  max-width: 50rem;
  height: 27rem;
  box-shadow: 0 0 30px 0 rgba(128, 129, 132, 0.2);
}
.cp-modal.typ-remove-rate .ui-dialog .ui-dialog-titlebar {
  border-bottom: none;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: flex;
}
.cp-modal.typ-remove-rate .ui-dialog .ui-dialog-titlebar .title {
  font-size: 1.75rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #0a0a5f;
  padding-left: 4rem;
}
.cp-modal.typ-remove-rate .ui-dialog .ui-dialog-titlebar .modal-header {
  display: block;
}
.cp-modal.typ-remove-rate .ui-dialog .ui-dialog-titlebar-close {
  display: none;
  right: 1.5rem;
  top: 1.3rem;
}
.cp-modal.typ-remove-rate .ui-dialog .ui-dialog-titlebar-close span {
  font-size: 1.5rem;
}
.cp-modal.typ-remove-rate .ui-dialog .ui-dialog-content {
  padding: 0;
  display: flex;
  height: 75%;
  flex-direction: row;
  background-color: #ffffff;
}
.cp-modal.typ-remove-rate .act-wrap {
  text-align: center;
  margin-bottom: 4rem;
  padding: 2rem 0 0;
}
.cp-modal.typ-remove-rate .act-wrap button {
  width: 150px;
  height: 45px;
  border-radius: 5px;
  border: solid 1px #122382;
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.typ-remove-rate .act-wrap button:last-of-type {
  margin-right: 0;
}
.cp-modal.typ-remove-rate .note {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  text-align: center;
}
.cp-modal.typ-delete .ui-dialog {
  max-width: 50rem;
  height: 27rem;
  box-shadow: 0 0 30px 0 rgba(128, 129, 132, 0.2);
}
.cp-modal.typ-delete .ui-dialog .ui-dialog-titlebar {
  border-bottom: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  padding: 2rem !important;
}
.cp-modal.typ-delete .ui-dialog .ui-dialog-titlebar .title {
  font-size: 1.75rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #0a0a5f;
}
.cp-modal.typ-delete .ui-dialog .ui-dialog-titlebar .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  height: 90px;
}
.cp-modal.typ-delete .ui-dialog .ui-dialog-titlebar-close {
  right: 1.5rem;
  top: 1.3rem;
}
.cp-modal.typ-delete .ui-dialog .ui-dialog-titlebar-close span {
  font-size: 1.2rem;
}
.cp-modal.typ-delete .ui-dialog .ui-dialog-content {
  padding: 0;
  display: flex;
  height: 50%;
  flex-direction: row;
  background-color: #ffffff;
}
.cp-modal.typ-delete .act-wrap {
  text-align: center;
  margin-bottom: 4rem;
  padding: 2rem 0 0;
}
.cp-modal.typ-delete .act-wrap button {
  width: 150px;
  height: 45px;
  border-radius: 5px;
  border: solid 1px #122382;
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.typ-delete .act-wrap button:last-of-type {
  margin-right: 0;
}
.cp-modal.typ-delete .note {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  text-align: center;
}
.cp-modal.typ-trip-advance .ui-dialog {
  width: 42rem;
  height: 27.9rem;
  box-shadow: 0 0 30px 0 rgba(128, 129, 132, 0.2);
  background-color: white;
}
.cp-modal.typ-trip-advance .ui-dialog .ui-dialog-titlebar {
  padding-top: 2rem;
  padding-left: 2rem;
  padding-right: 2.6rem;
  padding-bottom: 2rem;
  display: flex;
}
.cp-modal.typ-trip-advance .ui-dialog .ui-dialog-titlebar .title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #0a0a5f;
}
.cp-modal.typ-trip-advance .ui-dialog .ui-dialog-titlebar .modal-header {
  display: block;
}
.cp-modal.typ-trip-advance .ui-dialog .ui-dialog-titlebar-close span {
  font-size: 1.5rem;
}
.cp-modal.typ-trip-advance .ui-dialog .ui-dialog-content {
  padding: 20px 20px 30px 20px;
  display: flex;
  height: 80%;
  flex-direction: column;
  background-color: #ffffff;
}
.cp-modal.typ-trip-advance .act-wrap {
  text-align: center;
  margin-bottom: 4rem;
  padding: 2rem 0 0;
}
.cp-modal.typ-trip-advance .act-wrap button {
  width: 150px;
  height: 45px;
  border-radius: 5px;
  border: solid 1px #122382;
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.typ-trip-advance .act-wrap button:last-of-type {
  margin-right: 0;
}
.cp-modal.typ-trip-advance .note {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  text-align: center;
}
.cp-modal.typ-confirm .ui-dialog {
  width: 58rem;
}
.cp-modal.typ-confirm .ui-dialog .ui-dialog-titlebar {
  border-bottom: none;
  display: flex;
}
.cp-modal.typ-confirm .ui-dialog .ui-dialog-titlebar .modal-header {
  display: block;
}
.cp-modal.typ-confirm .ui-dialog .ui-dialog-content {
  padding: 0;
  background-color: #ffffff;
}
.cp-modal.typ-confirm .act-wrap {
  text-align: center;
  margin-bottom: 2rem;
  padding: 2rem 0 0;
}
.cp-modal.typ-confirm .act-wrap button {
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.typ-confirm .act-wrap button:last-of-type {
  margin-right: 0;
}
.cp-modal.typ-confirm .note {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  text-align: center;
}
.cp-modal.popup .ui-dialog {
  width: 58rem !important;
  top: 155px !important;
  height: 35rem !important;
}
.cp-modal.popup .ui-dialog .ui-dialog-titlebar {
  border-bottom: none;
  padding-top: 4rem;
  display: flex;
}
.cp-modal.popup .ui-dialog .ui-dialog-titlebar .modal-header {
  display: block;
}
.cp-modal.popup .ui-dialog .ui-dialog-content {
  padding: 0;
  background-color: #ffffff;
}
.cp-modal.popup .act-wrap {
  text-align: center;
  margin-bottom: 4rem;
  padding: 2rem 0 0;
}
.cp-modal.popup .act-wrap button {
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.popup .act-wrap button:last-of-type {
  margin-right: 0;
}
.cp-modal.typ-confirm-validation .ui-dialog {
  width: 58rem;
  height: 18rem;
}
.cp-modal.typ-confirm-validation .ui-dialog .ui-dialog-titlebar {
  border-bottom: none;
  padding: 5rem 2rem 1.5rem 2rem !important;
  display: flex;
}
.cp-modal.typ-confirm-validation .ui-dialog .ui-dialog-titlebar .modal-header {
  display: block;
}
.cp-modal.typ-confirm-validation .ui-dialog .ui-dialog-content {
  padding: 0;
  background-color: #ffffff;
}
.cp-modal.typ-confirm-validation .act-wrap {
  text-align: center;
  margin-bottom: 4rem;
  padding: 2rem 0 0;
}
.cp-modal.typ-confirm-validation .act-wrap button {
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.typ-confirm-validation .act-wrap button:last-of-type {
  margin-right: 0;
}
.cp-modal.typ-confirm-validation .note {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  text-align: center;
}
.cp-modal.typ-confirm-material .ui-dialog {
  width: 58rem;
}
.cp-modal.typ-confirm-material .ui-dialog .ui-dialog-titlebar {
  border-bottom: none;
  padding-top: 2rem;
  display: flex;
}
.cp-modal.typ-confirm-material .ui-dialog .ui-dialog-titlebar .modal-header {
  display: block;
}
.cp-modal.typ-confirm-material .ui-dialog .ui-dialog-content {
  padding: 0;
  background-color: #ffffff;
}
.cp-modal.typ-confirm-material .act-wrap {
  text-align: center;
  margin-bottom: 4rem;
  padding: 2rem 0 0;
}
.cp-modal.typ-confirm-material .act-wrap button {
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.typ-confirm-material .act-wrap button:last-of-type {
  margin-right: 0;
}
.cp-modal.typ-confirm-material .note {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  text-align: center;
}
.cp-modal.type-load-unload .ui-dialog {
  width: 42rem;
  height: 53.9rem;
}
.cp-modal.type-load-unload .ui-dialog .ui-dialog-titlebar {
  padding-top: 2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.cp-modal.type-load-unload .ui-dialog .ui-dialog-titlebar .modal-header {
  display: block;
}
.cp-modal.type-load-unload .ui-dialog .ui-dialog-content {
  padding: 0;
  background-color: #ffffff;
}
.cp-modal.type-load-unload .ui-dialog .trip-leg-time {
  color: #666666;
  font-size: 10px;
}
.cp-modal.type-load-unload .ui-dialog .location-popup-name {
  padding: 2rem;
}
.cp-modal.type-load-unload .act-wrap {
  background: #e6eaf7;
  height: 20rem;
  padding: 0rem 0 0;
}
.cp-modal.type-load-unload .act-wrap .field-item {
  margin-top: 0.6rem;
}
.cp-modal.type-load-unload .act-wrap .form-group input {
  height: 4rem;
  border-radius: 0px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid #ffffff;
  border-right: 1px solid #e8ecf8;
  color: #666666;
  font-size: 12px;
  font-weight: bold;
  font-family: "Open Sans";
  width: 30rem;
}
.cp-modal.type-load-unload .act-wrap .ui-dropdown {
  height: 4rem;
  vertical-align: bottom;
  z-index: 200000 !important;
}
.cp-modal.type-load-unload .act-wrap .ui-dropdown .ui-dropdown-trigger {
  color: #307fe2;
}
.cp-modal.type-load-unload .act-wrap .ui-dropdown-panel {
  z-index: 200000 !important;
}
.cp-modal.type-load-unload .act-wrap .ui-dropdown label.ui-dropdown-label {
  color: #307fe2;
}
.cp-modal.type-load-unload .act-wrap .ui-corner-all {
  border-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 1px solid #ffffff;
  font-size: 12px;
  font-weight: bold;
  font-family: "Open Sans";
  padding-top: 0.5rem;
  z-index: 200000 !important;
}
.cp-modal.type-load-unload .act-wrap .footer-part {
  text-align: center;
}
.cp-modal.type-load-unload .act-wrap .footer-part button {
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.type-load-unload .act-wrap .footer-part button:last-of-type {
  margin-right: 0;
}
.cp-modal.type-load-unload .note {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  text-align: center;
}
.cp-modal.type-other-expense .ui-dialog {
  width: 42rem;
  height: 48.9rem;
}
.cp-modal.type-other-expense .ui-dialog .ui-dialog-titlebar {
  padding-top: 2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.cp-modal.type-other-expense .ui-dialog .ui-dialog-titlebar .modal-header {
  display: block;
}
.cp-modal.type-other-expense .ui-dialog .ui-dialog-content {
  padding: 0;
  background-color: #ffffff;
}
.cp-modal.type-other-expense .ui-dialog .trip-leg-time {
  color: #666666;
  font-size: 10px;
}
.cp-modal.type-other-expense .ui-dialog .location-popup-name {
  padding: 2rem;
  border-bottom: 1px solid #e8ecf8;
  padding-bottom: 1rem;
  padding-top: 2rem;
}
.cp-modal.type-other-expense .ui-dialog .location-popup-name .blocks .lable-class-input {
  font-size: 14px !important;
  font-weight: bold !important;
  color: var(--black) !important;
}
.cp-modal.type-other-expense .ui-dialog .location-popup-name .estimated-amount-block {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.cp-modal.type-other-expense .ui-dialog .location-popup-name .estimated-amount-block .name {
  width: 131px;
  font-size: 14px;
  font-weight: bold;
  color: var(--black);
}
.cp-modal.type-other-expense .ui-dialog .location-popup-name .estimated-amount-block .value {
  font-size: 18px;
  font-weight: bold;
  color: var(--dark-indigo);
}
.cp-modal.type-other-expense .ui-dialog .location-popup-name .estimated-amount-block .value img {
  top: 0px;
}
.cp-modal.type-other-expense .ui-dialog .location-popup-name .rate-card-block {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.cp-modal.type-other-expense .ui-dialog .location-popup-name .rate-card-block .name {
  font-size: 14px;
  font-weight: bold;
  color: var(--black);
}
.cp-modal.type-other-expense .ui-dialog .location-popup-name .rate-card-block .value {
  font-size: 18px;
  font-weight: bold;
  color: var(--dark-indigo);
}
.cp-modal.type-other-expense .ui-dialog .location-popup-name .rate-card-block .rate-card-data {
  font-size: 14px;
  font-weight: bold;
  color: var(--dark-indigo);
}
.cp-modal.type-other-expense .ui-dialog .location-popup-name .rate-card-block .class-add {
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  background: #0a0a5f;
  display: inline-block;
  vertical-align: middle;
  border-radius: 0.3rem;
  margin-right: 0.8rem;
  color: #ffffff;
  padding-top: 0px;
  padding-left: 5px;
}
.cp-modal.type-other-expense .act-wrap {
  background: #e6eaf7;
  height: 32rem;
  padding: 0rem 0 0;
}
.cp-modal.type-other-expense .act-wrap .field-item {
  margin-top: 0.6rem;
}
.cp-modal.type-other-expense .act-wrap .form-group input {
  height: 4rem;
  border-radius: 0px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 1px solid #ffffff;
  border-right: 1px solid #e8ecf8;
  color: #666666;
  font-size: 12px;
  font-weight: bold;
  font-family: "Open Sans";
  width: 39rem;
}
.cp-modal.type-other-expense .act-wrap .ui-dropdown {
  height: 4rem;
  vertical-align: bottom;
  z-index: 200000 !important;
}
.cp-modal.type-other-expense .act-wrap .ui-dropdown .ui-dropdown-trigger {
  color: #307fe2;
}
.cp-modal.type-other-expense .act-wrap .ui-dropdown-panel {
  z-index: 200000 !important;
}
.cp-modal.type-other-expense .act-wrap .ui-dropdown label.ui-dropdown-label {
  color: #307fe2;
}
.cp-modal.type-other-expense .act-wrap .ui-corner-all {
  border-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 1px solid #ffffff;
  font-size: 12px;
  font-weight: bold;
  font-family: "Open Sans";
  padding-top: 0.5rem;
  z-index: 200000 !important;
}
.cp-modal.type-other-expense .act-wrap .footer-part {
  text-align: center;
}
.cp-modal.type-other-expense .act-wrap .footer-part button {
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.type-other-expense .act-wrap .footer-part button:last-of-type {
  margin-right: 0;
}
.cp-modal.type-other-expense .note {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  text-align: center;
}
.cp-modal.typ-map .ui-dialog {
  width: 60rem;
}
.cp-modal.typ-map .ui-dialog-content {
  padding: 0;
}
.cp-modal.typ-map .address-cont {
  background-color: #ffffff;
  padding: 2rem;
}
.cp-modal.typ-map .address-cont address {
  font-size: 1.2rem;
  line-height: 1.6rem;
  width: 40rem;
}
.cp-modal.typ-map .map-wrap {
  height: 34rem;
}
.cp-modal agm-map {
  width: 100%;
  height: 100%;
}
.cp-modal.typ-big .ui-dialog {
  max-width: 90rem;
  width: 95%;
}
.cp-modal.typ-big.typ-live .ui-dialog {
  min-height: 45rem;
  max-height: 80vh;
}
.cp-modal.typ-big.typ-live .ui-dialog-content {
  max-height: none;
}
.cp-modal.typ-big.typ-live .right-wrap .cont-wrap {
  max-height: 30rem;
  overflow: auto;
}
.cp-modal.typ-big .ui-dialog-content {
  max-height: 42rem;
  overflow: auto;
}
.cp-modal.typ-big .vehicle-detail {
  display: flex;
  justify-content: space-between;
}
.cp-modal.typ-big .vehicle-detail a {
  margin-top: 0.2rem;
}
.cp-modal.typ-big-dic .ui-dialog {
  max-width: 100rem;
  width: 100% !important;
}
.cp-modal.typ-big-dic.typ-live .ui-dialog {
  min-height: 45rem;
  max-height: 80vh;
}
.cp-modal.typ-big-dic.typ-live .ui-dialog-content {
  max-height: none;
}
.cp-modal.typ-big-dic.typ-live .right-wrap .cont-wrap {
  max-height: 30rem;
  overflow: auto;
}
.cp-modal.typ-big-dic .ui-dialog-content {
  max-height: 42rem;
  overflow: auto;
}
.cp-modal.typ-big-dic .vehicle-detail {
  display: flex;
  justify-content: space-between;
}
.cp-modal.typ-big-dic .vehicle-detail a {
  margin-top: 0.2rem;
}
.cp-modal .detail-with-map {
  display: flex;
}
.cp-modal .detail-with-map .map-wrap {
  width: 56%;
  margin-right: 4%;
  height: 35rem;
}
.cp-modal .detail-with-map .map-wrap agm-map {
  width: 100%;
  height: 100%;
}
.cp-modal .detail-with-map .right-wrap {
  width: 40%;
  display: flex;
  flex-direction: column;
}
.cp-modal .detail-with-map .right-wrap .head-wrap {
  padding-bottom: 0.5rem;
}
.cp-modal .detail-with-map .right-wrap .head-wrap .vehicle-status {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #ffffff;
  font-weight: 700;
  padding: 0.2rem 1.5rem;
  display: inline-block;
  margin-bottom: 1rem;
}
.cp-modal .detail-with-map .right-wrap .head-wrap .vehicle-status.moving {
  background-color: #0c9f41;
}
.cp-modal .detail-with-map .right-wrap .head-wrap .vehicle-status.stopped {
  background-color: #aa00bf;
}
.cp-modal .detail-with-map .right-wrap .head-wrap .vehicle-status.idle {
  background-color: #ffa100;
}
.cp-modal .detail-with-map .right-wrap .head-wrap .vehicle-status.offline {
  background-color: #999999;
}
.cp-modal .detail-with-map .right-wrap .head-wrap .mod-name-value .name {
  font-size: 1.6rem;
  line-height: 2rem;
}
.cp-modal .detail-with-map .right-wrap .head-wrap .mod-name-value .value {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #666666;
}
.cp-modal .detail-with-map .right-wrap .cont-wrap {
  padding-top: 0.5rem;
}
.cp-modal .detail-with-map .right-wrap .cont-wrap .data-list {
  display: flex;
  flex-wrap: wrap;
}
.cp-modal .detail-with-map .right-wrap .cont-wrap .data-list .data-item {
  width: 50%;
  margin-bottom: 1.5rem;
}
.cp-modal .veh-detail-with-map {
  display: flex;
}
.cp-modal .veh-detail-with-map .map-wrap {
  width: 100%;
  margin-right: 4%;
  height: 35rem;
}
.cp-modal .veh-detail-with-map .map-wrap agm-map {
  width: 100%;
  height: 100%;
}
.cp-modal .veh-detail-with-map .right-wrap {
  width: 40%;
  display: flex;
  flex-direction: column;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap {
  padding-bottom: 0.5rem;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap .vehicle-status {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #ffffff;
  font-weight: 700;
  padding: 0.2rem 1.5rem;
  display: inline-block;
  margin-bottom: 1rem;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap .vehicle-status.moving {
  background-color: #0c9f41;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap .vehicle-status.stopped {
  background-color: #aa00bf;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap .vehicle-status.idle {
  background-color: #ffa100;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap .vehicle-status.offline {
  background-color: #999999;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap .mod-name-value .name {
  font-size: 1.6rem;
  line-height: 2rem;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap .mod-name-value .value {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #666666;
}
.cp-modal .veh-detail-with-map .right-wrap .cont-wrap {
  padding-top: 0.5rem;
}
.cp-modal .veh-detail-with-map .right-wrap .cont-wrap .data-list {
  display: flex;
  flex-wrap: wrap;
}
.cp-modal .veh-detail-with-map .right-wrap .cont-wrap .data-list .data-item {
  width: 50%;
  margin-bottom: 1.5rem;
}
.cp-modal .label-value .label {
  font-weight: 400;
  margin-bottom: 0.3rem;
  display: block;
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #666666;
}
.cp-modal .label-value .value {
  font-size: 1.2rem;
  line-height: 1.6rem;
  display: block;
  font-weight: 700;
  color: #333333;
}
.cp-modal .address-with-map,
.cp-modal .vehicle-live-status {
  display: flex;
}
.cp-modal .address-with-map .heading,
.cp-modal .vehicle-live-status .heading {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
}
.cp-modal .address-with-map .left-wrap,
.cp-modal .vehicle-live-status .left-wrap {
  width: 30%;
  padding-right: 2rem;
}
.cp-modal .address-with-map .right-wrap,
.cp-modal .vehicle-live-status .right-wrap {
  width: 70%;
  padding-left: 2rem;
}
.cp-modal .address-with-map .desc.vehicle-status,
.cp-modal .vehicle-live-status .desc.vehicle-status {
  font-size: 1rem;
  font-style: italic;
  color: #666666;
}
.cp-modal .address-with-map {
  padding-top: 1.5rem;
  margin-top: 1.5rem;
  border-top: 1px solid #e8ecf8;
}
.cp-modal .address-with-map .map-wrap {
  height: 20rem;
  padding-bottom: 1.5rem;
}
.cp-modal.typ-scrollable .ui.ui-dialog {
  max-height: initial;
}
.cp-modal .vehicle-live-status {
  display: flex;
}
.cp-modal .vehicle-live-status .left-wrap {
  border-right: 1px solid #e8ecf8;
  z-index: 2;
}
.cp-modal .vehicle-live-status .data-list .data-item {
  margin-bottom: 1.5rem;
}
.cp-modal .vehicle-live-status .data-list .data-item:last-child {
  margin-bottom: 0;
}
.cp-modal.typ-map .ui-dialog {
  width: 60rem;
}
.cp-modal.typ-map .ui-dialog-content {
  padding: 0;
}
.cp-modal.typ-map .address-cont {
  background-color: #ffffff;
  padding: 2rem;
}
.cp-modal.typ-map .address-cont address {
  font-size: 1.2rem;
  line-height: 1.6rem;
  width: 40rem;
}
.cp-modal.typ-map .map-wrap {
  height: 34rem;
}
.cp-modal agm-map {
  width: 100%;
  height: 100%;
}
.cp-modal.typ-big .ui-dialog {
  max-width: 90rem;
  width: 95%;
}
.cp-modal.typ-big.typ-live .ui-dialog {
  min-height: 45rem;
  max-height: 80vh;
}
.cp-modal.typ-big.typ-live .ui-dialog-content {
  max-height: none;
}
.cp-modal.typ-big.typ-live .right-wrap .cont-wrap {
  max-height: 30rem;
  overflow: auto;
}
.cp-modal.typ-big .ui-dialog-content {
  max-height: 42rem;
  overflow: auto;
}
.cp-modal.typ-big .vehicle-detail {
  display: flex;
  justify-content: space-between;
}
.cp-modal.typ-big .vehicle-detail a {
  margin-top: 0.2rem;
}
.cp-modal.typ-big-dic .ui-dialog {
  max-width: 100rem;
  width: 100% !important;
}
.cp-modal.typ-big-dic.typ-live .ui-dialog {
  min-height: 45rem;
  max-height: 80vh;
}
.cp-modal.typ-big-dic.typ-live .ui-dialog-content {
  max-height: none;
}
.cp-modal.typ-big-dic.typ-live .right-wrap .cont-wrap {
  max-height: 30rem;
  overflow: auto;
}
.cp-modal.typ-big-dic .ui-dialog-content {
  max-height: 42rem;
  overflow-y: scroll;
  overflow-x: hidden;
}
.cp-modal.typ-big-dic .vehicle-detail {
  display: flex;
  justify-content: space-between;
}
.cp-modal.typ-big-dic .vehicle-detail a {
  margin-top: 0.2rem;
}
.cp-modal .detail-with-map {
  display: flex;
}
.cp-modal .detail-with-map .map-wrap {
  width: 56%;
  margin-right: 4%;
  height: 35rem;
}
.cp-modal .detail-with-map .map-wrap agm-map {
  width: 100%;
  height: 100%;
}
.cp-modal .detail-with-map .right-wrap {
  width: 40%;
  display: flex;
  flex-direction: column;
}
.cp-modal .detail-with-map .right-wrap .head-wrap {
  padding-bottom: 0.5rem;
}
.cp-modal .detail-with-map .right-wrap .head-wrap .vehicle-status {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #ffffff;
  font-weight: 700;
  padding: 0.2rem 1.5rem;
  display: inline-block;
  margin-bottom: 1rem;
}
.cp-modal .detail-with-map .right-wrap .head-wrap .vehicle-status.moving {
  background-color: #0c9f41;
}
.cp-modal .detail-with-map .right-wrap .head-wrap .vehicle-status.stopped {
  background-color: #aa00bf;
}
.cp-modal .detail-with-map .right-wrap .head-wrap .vehicle-status.idle {
  background-color: #ffa100;
}
.cp-modal .detail-with-map .right-wrap .head-wrap .vehicle-status.offline {
  background-color: #999999;
}
.cp-modal .detail-with-map .right-wrap .head-wrap .mod-name-value .name {
  font-size: 1.6rem;
  line-height: 2rem;
}
.cp-modal .detail-with-map .right-wrap .head-wrap .mod-name-value .value {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #666666;
}
.cp-modal .detail-with-map .right-wrap .cont-wrap {
  padding-top: 0.5rem;
}
.cp-modal .detail-with-map .right-wrap .cont-wrap .data-list {
  display: flex;
  flex-wrap: wrap;
}
.cp-modal .detail-with-map .right-wrap .cont-wrap .data-list .data-item {
  width: 50%;
  margin-bottom: 1.5rem;
}
.cp-modal .veh-detail-with-map {
  display: flex;
}
.cp-modal .veh-detail-with-map .map-wrap {
  width: 100%;
  margin-right: 4%;
  height: 35rem;
}
.cp-modal .veh-detail-with-map .map-wrap agm-map {
  width: 100%;
  height: 100%;
}
.cp-modal .veh-detail-with-map .right-wrap {
  width: 40%;
  display: flex;
  flex-direction: column;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap {
  padding-bottom: 0.5rem;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap .vehicle-status {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #ffffff;
  font-weight: 700;
  padding: 0.2rem 1.5rem;
  display: inline-block;
  margin-bottom: 1rem;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap .vehicle-status.moving {
  background-color: #0c9f41;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap .vehicle-status.stopped {
  background-color: #aa00bf;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap .vehicle-status.idle {
  background-color: #ffa100;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap .vehicle-status.offline {
  background-color: #999999;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap .mod-name-value .name {
  font-size: 1.6rem;
  line-height: 2rem;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap .mod-name-value .value {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #666666;
}
.cp-modal .veh-detail-with-map .right-wrap .cont-wrap {
  padding-top: 0.5rem;
}
.cp-modal .veh-detail-with-map .right-wrap .cont-wrap .data-list {
  display: flex;
  flex-wrap: wrap;
}
.cp-modal .veh-detail-with-map .right-wrap .cont-wrap .data-list .data-item {
  width: 50%;
  margin-bottom: 1.5rem;
}
.cp-modal .label-value .label {
  font-weight: 400;
  margin-bottom: 0.3rem;
  display: block;
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #666666;
}
.cp-modal .label-value .value {
  font-size: 1.2rem;
  line-height: 1.6rem;
  display: block;
  font-weight: 700;
  color: #333333;
}
.cp-modal .address-with-map,
.cp-modal .vehicle-live-status {
  display: flex;
}
.cp-modal .address-with-map .heading,
.cp-modal .vehicle-live-status .heading {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
}
.cp-modal .address-with-map .left-wrap,
.cp-modal .vehicle-live-status .left-wrap {
  width: 21vw;
  padding-right: 2rem;
}
.cp-modal .address-with-map .right-wrap,
.cp-modal .vehicle-live-status .right-wrap {
  width: 70%;
  padding-left: 2rem;
}
.cp-modal .address-with-map .desc.vehicle-status,
.cp-modal .vehicle-live-status .desc.vehicle-status {
  font-size: 1rem;
  font-style: italic;
  color: #666666;
}
.cp-modal .address-with-map {
  padding-top: 1.5rem;
  margin-top: 1.5rem;
  border-top: 1px solid #e8ecf8;
}
.cp-modal .address-with-map .map-wrap {
  height: 20rem;
  padding-bottom: 1.5rem;
}
.cp-modal.typ-scrollable .ui.ui-dialog {
  max-height: initial;
}
.cp-modal .vehicle-live-status {
  display: flex;
}
.cp-modal .vehicle-live-status .left-wrap {
  border-right: 1px solid #e8ecf8;
  z-index: 2;
}
.cp-modal .vehicle-live-status .data-list .data-item {
  margin-bottom: 1.5rem;
}
.cp-modal .vehicle-live-status .data-list .data-item:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 1024px) {
  .cp-modal.typ-map .ui-dialog {
    height: 100vh;
  }
  .cp-modal.typ-map .address-cont address {
    width: 100%;
  }
  .cp-modal.typ-map .map-wrap {
    height: calc(100vh - 13.5rem);
  }
  .cp-modal.typ-confirm .act-wrap button {
    display: block;
    margin: 0 auto 1.5rem;
  }
  .cp-modal.typ-confirm .act-wrap button:last-of-type {
    margin-right: auto;
    margin-bottom: 0;
  }
  .cp-modal.popup .act-wrap button {
    display: block;
    margin: 0 auto 1.5rem;
  }
  .cp-modal.popup .act-wrap button:last-of-type {
    margin-right: auto;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .cp-modal.head-typ-2 .ui-dialog {
    padding-top: 7.5rem;
  }
  .cp-modal.head-typ-2-dic .ui-dialog {
    padding-top: 7.5rem;
  }
  .cp-modal .ui-dialog {
    top: 0 !important;
    width: 100% !important;
    left: 0 !important;
    bottom: 0 !important;
    height: auto !important;
    padding-top: 5.5rem;
    overflow: auto;
  }
  .cp-modal .ui-dialog .ui-dialog-titlebar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    padding: 1.5rem;
  }
  .cp-modal .ui-dialog .ui-dialog-titlebar .title .last-updated {
    display: block;
  }
  .cp-modal .ui-dialog .ui-dialog-content {
    padding: 1.5rem;
  }
  .cp-modal .ui-dialog .ui-dialog-titlebar-close {
    right: 1.5rem;
    top: 1.3rem;
  }
  .cp-modal .ui-dialog .ui-dialog-titlebar-close span {
    font-size: 1.5rem;
  }
  .cp-modal .detail-with-map {
    display: block;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    margin-top: -1.5rem;
  }
  .cp-modal .detail-with-map .map-wrap {
    width: 100%;
  }
  .cp-modal .detail-with-map .right-wrap {
    width: 100%;
    padding: 2rem;
  }
  .cp-modal .veh-detail-with-map {
    display: block;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    margin-top: -1.5rem;
  }
  .cp-modal .veh-detail-with-map .map-wrap {
    width: 100%;
  }
  .cp-modal .veh-detail-with-map .right-wrap {
    width: 100%;
    padding: 2rem;
  }
  .cp-modal.typ-big .ui-dialog-content {
    max-height: initial;
    overflow: auto;
    height: 100% !important;
  }
  .cp-modal.typ-big.typ-live .right-wrap .cont-wrap {
    max-height: inherit;
  }
  .cp-modal.typ-big-dic .ui-dialog {
    max-width: 100rem;
    width: 100% !important;
  }
  .cp-modal.typ-big-dic .ui-dialog-content {
    max-height: initial;
    overflow: auto;
    height: 100% !important;
  }
  .cp-modal.typ-big-dic.typ-live .right-wrap .cont-wrap {
    max-height: inherit;
  }
  .cp-modal .address-with-map,
  .cp-modal .vehicle-live-status {
    display: block;
  }
  .cp-modal .address-with-map .heading,
  .cp-modal .vehicle-live-status .heading {
    font-size: 1.5rem;
  }
  .cp-modal .address-with-map .left-wrap,
  .cp-modal .address-with-map .right-wrap,
  .cp-modal .vehicle-live-status .left-wrap,
  .cp-modal .vehicle-live-status .right-wrap {
    width: 100%;
    padding: 0;
    border: 0;
    border-bottom: 1px solid #e8ecf8;
    margin-bottom: 1.5rem;
  }
  .cp-modal .address-with-map {
    padding-top: 0;
    margin-top: 0;
    border-top: 0;
  }
  .cp-modal .address-with-map .right-wrap {
    border: 0;
    margin-bottom: 0;
  }
  .cp-modal .vehicle-live-status .data-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .cp-modal .vehicle-live-status .data-list .data-item {
    width: 46%;
  }
}
@media only screen and (max-width: 425px) {
  .cp-modal .ui-dialog .ui-dialog-titlebar {
    position: absolute !important;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    padding: 1.5rem;
  }
  .cp-modal.typ-confirm .act-wrap {
    text-align: center;
    margin-bottom: 2rem;
    padding: 1rem 18%;
  }
  .modal-body {
    position: relative;
    flex: 1 1 auto;
    margin-top: 5vh;
  }
  .cp-modal .ui-dialog .ui-dialog-titlebar-close span {
    font-size: 1.5rem;
    padding-top: 0.2rem;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1440px) {
  .modal-body {
    flex: 1 1 auto;
    padding: 1rem;
    display: flex;
  }
}
@media only screen and (min-width: 426px) and (max-width: 767px) {
  .cp-modal .ui-dialog .ui-dialog-titlebar {
    position: absolute !important;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    padding: 1.5rem;
  }
  .modal-body {
    flex: 1 1 auto;
    padding: 1rem;
    display: flex;
    justify-content: center;
  }
  .cp-modal.typ-confirm .act-wrap {
    text-align: center;
    padding: 6rem 0 0;
  }
}
.cp-table .ui-table .ui-table-wrapper {
  border-top: 1px solid #e8ecf8;
  border-bottom: 1px solid #e8ecf8;
}
.cp-table .ui-table .ui-paginator {
  border: none;
  background-color: transparent;
  margin-top: 2rem;
  padding: 0;
  text-align: right;
}
.cp-table .ui-table .ui-paginator .ui-paginator-right-content,
.cp-table .ui-table .ui-paginator .ui-paginator-left-content {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-table .ui-table .ui-paginator .ui-paginator-pages {
  height: auto;
  display: inline-block;
  vertical-align: middle;
  margin: 0 1.5rem;
}
.cp-table .ui-table .ui-paginator .ui-paginator-pages .ui-paginator-page {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  color: #ffffff;
  font-weight: 700;
  background-color: #95a5d5;
  margin-right: 1.5rem;
  font-size: 1rem;
  line-height: 2.5rem;
  transition: background-color 0.4s ease-in-out;
}
.cp-table .ui-table .ui-paginator .ui-paginator-pages .ui-paginator-page:last-of-type {
  margin-right: 0;
}
.cp-table .ui-table .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active, .cp-table .ui-table .ui-paginator .ui-paginator-pages .ui-paginator-page:hover {
  background-color: #0a0a5f;
}
.cp-table .ui-table .ui-paginator .ui-paginator-first,
.cp-table .ui-table .ui-paginator .ui-paginator-last {
  display: none;
}
.cp-table .ui-table .ui-paginator .ui-paginator-prev {
  font-size: 1.2rem;
  color: #307fe2;
  transition: all 0.5s ease-in-out;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 1rem;
}
.cp-table .ui-table .ui-paginator .ui-paginator-prev:hover {
  color: #0a0a5f;
  background-color: transparent;
}
.cp-table .ui-table .ui-paginator .ui-paginator-prev span {
  display: none;
}
.cp-table .ui-table .ui-paginator .ui-paginator-prev:before {
  content: "Prev";
}
.cp-table .ui-table .ui-paginator .ui-paginator-prev:after {
  position: absolute;
  left: 0;
  top: 56%;
  transform: translateY(-50%);
  content: "\e90c";
  display: inline-block;
  vertical-align: middle;
  font-size: 0.8rem;
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cp-table .ui-table .ui-paginator .ui-paginator-prev.ui-state-disabled {
  display: none;
}
.cp-table .ui-table .ui-paginator .ui-paginator-next {
  font-size: 1.2rem;
  color: #307fe2;
  transition: all 0.5s ease-in-out;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-right: 1rem;
}
.cp-table .ui-table .ui-paginator .ui-paginator-next:hover {
  color: #0a0a5f;
  background-color: transparent;
}
.cp-table .ui-table .ui-paginator .ui-paginator-next span {
  display: none;
}
.cp-table .ui-table .ui-paginator .ui-paginator-next:before {
  content: "Next";
}
.cp-table .ui-table .ui-paginator .ui-paginator-next:after {
  position: absolute;
  right: 0;
  top: 62%;
  transform: translateY(-50%);
  display: inline-block;
  vertical-align: middle;
  font-size: 0.8rem;
  content: "\e90d";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cp-table .ui-table .ui-paginator .ui-paginator-next.ui-state-disabled {
  display: none;
}
.cp-table .ui-table thead tr {
  background-color: #ffffff;
}
.cp-table .ui-table thead tr th {
  padding: 2rem 1rem 2rem 2.5rem;
  color: #0a0a5f;
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 1.7rem;
  text-align: left;
  border: none;
  background-color: #ffffff;
  vertical-align: top;
}
.cp-table .ui-table thead tr th .text {
  display: inline-block;
  position: relative;
  padding-right: 1.5rem;
}
.cp-table .ui-table .ui-sortable-column:not(.ui-state-highlight):hover {
  background-color: #ffffff;
  color: #0a0a5f;
}
.cp-table .ui-table .ui-sortable-column.ui-state-highlight {
  color: #0a0a5f;
  background-color: #ffffff;
}
.cp-table .ui-table .ui-sortable-column p-sorticon {
  display: inline-block;
  position: absolute;
  top: 0.2rem;
  right: 0rem;
}
.cp-table .ui-table .ui-sortable-column .ui-sortable-column-icon {
  width: 1rem;
  height: 1.2rem;
  background: url('sort-default.b2c5f20b4690f5e1.svg') center center no-repeat;
  background-size: cover;
  display: inline-block;
}
.cp-table .ui-table .ui-sortable-column .ui-sortable-column-icon.pi-sort-up {
  background-image: url('sort-asc.2bf004a4932ca55a.svg');
}
.cp-table .ui-table .ui-sortable-column .ui-sortable-column-icon.pi-sort-down {
  background-image: url('sort-desc.1fd02b4f305610ea.svg');
}
.cp-table .ui-table tbody tr {
  background-color: #e8ecf8;
}
.cp-table .ui-table tbody tr:nth-child(even) {
  background-color: #ffffff;
}
.cp-table .ui-table tbody tr td {
  padding: 1rem 2.5rem !important;
  font-size: 1.3rem;
  line-height: 1.7rem;
  text-align: left;
  border: none;
  padding: 0;
}
.cp-table .ui-table tbody tr td .timestamp {
  font-size: 1.2rem;
}
.cp-table .ui-table tbody tr td .act-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.2rem 0;
}
.cp-table .ui-table tbody tr td .act-wrap .btn-icon {
  padding-left: 0;
  padding-right: 0;
}
.cp-table .ui-table tbody tr td .navigate-link .icon {
  color: #307fe2;
}
.cp-table .ui-table tbody tr td .btn-outline {
  font-size: 1.4rem;
  line-height: 1.8rem;
  width: 9.5rem;
}
.cp-table.hidePagination .ui-paginator-pages {
  display: none;
}
.cp-table.typ-2 .ui-table tbody tr {
  background-color: #ffffff;
  border-top: 1px solid #e8ecf8;
  border-bottom: 1px solid #e8ecf8;
}
.cp-table.typ-2 .ui-table tbody tr:last-of-type {
  border-bottom: none;
}
.cp-table.typ-2 .ui-table tbody tr td {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

@media only screen and (max-width: 1024px) {
  .cp-table .ui-table .ui-table-wrapper {
    overflow-x: auto;
  }
  .cp-table .ui-table .ui-paginator {
    padding: 0 2rem;
    margin-top: 1.5rem;
    text-align: right;
  }
  .cp-table .ui-table .ui-paginator .ui-paginator-left-content {
    float: none;
    margin-bottom: 1rem;
  }
  .cp-table .ui-table table {
    width: 100rem;
  }
  .cp-table .ui-table thead tr th {
    padding: 1.6rem 2rem;
  }
  .cp-table .ui-table tbody tr td {
    padding: 1rem 2rem !important;
  }
}
.cp-vehicle {
  background: #ffffff;
  position: relative;
  box-shadow: 0 0 20px 0 #edf1ff;
  border: 1px solid #e8ecf8;
}
.cp-vehicle .vehicle-head {
  padding: 1.2rem 1rem;
  display: flex;
  align-items: center;
  position: relative;
}
.cp-vehicle .vehicle-head .mod-name-value .img-wrap {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  overflow: hidden;
}
.cp-vehicle .vehicle-head .mod-name-value .img-wrap img {
  width: 100%;
}
.cp-vehicle .vehicle-head .mod-name-value .name {
  font-size: 1.8rem;
  line-height: 2rem;
  color: #0a0a5f;
  margin-bottom: 0.3rem;
}
.cp-vehicle .vehicle-head .mod-name-value .value {
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: #333333;
}
.cp-vehicle .vehicle-head .mod-name-value .value span {
  display: inline-block;
  padding-right: 0.3rem;
  padding-left: 0.3rem;
  border-right: 1px solid #333333;
}
.cp-vehicle .vehicle-head .mod-name-value .value span:last-of-type {
  padding-right: 0;
  border-right: none;
}
.cp-vehicle .vehicle-head .mod-name-value .value span:first-of-type {
  padding-left: 0;
}
.cp-vehicle .vehicle-head .ui-chkbox-label {
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  cursor: pointer;
}
.cp-vehicle .vehicle-head .ui-chkbox .ui-chkbox-box {
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: -0.8rem;
  right: -0.8rem;
  background-color: transparent;
  border: none;
  margin: 0;
  border-radius: 50%;
  overflow: hidden;
}
.cp-vehicle .vehicle-head .ui-chkbox .ui-chkbox-box span {
  display: none;
}
.cp-vehicle .vehicle-head .ui-chkbox .ui-chkbox-box:before, .cp-vehicle .vehicle-head .ui-chkbox .ui-chkbox-box:after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.cp-vehicle .vehicle-head .ui-chkbox .ui-chkbox-box:before {
  background: url('check-empty.0aa98a0391624556.svg') center center no-repeat;
  background-size: cover;
}
.cp-vehicle .vehicle-head .ui-chkbox .ui-chkbox-box:after {
  background: url('check-filled.ccfa51c6e83408ff.svg') center center no-repeat;
  background-size: cover;
}
.cp-vehicle .vehicle-head .ui-chkbox .ui-chkbox-box.ui-state-default:before {
  opacity: 1;
}
.cp-vehicle .vehicle-head .ui-chkbox .ui-chkbox-box.ui-state-default:after {
  opacity: 0;
}
.cp-vehicle .vehicle-head .ui-chkbox .ui-chkbox-box.ui-state-default.ui-state-active:before {
  opacity: 0;
}
.cp-vehicle .vehicle-head .ui-chkbox .ui-chkbox-box.ui-state-default.ui-state-active:after {
  opacity: 1;
}
.cp-vehicle .vehicle-head .ui-chkbox .ui-chkbox-box.ui-state-default.ui-state-focus {
  outline: none;
  box-shadow: none;
}
.cp-vehicle .label-value .label {
  display: block;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-vehicle .label-value .value {
  display: block;
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: #333333;
  font-weight: 700;
}
.cp-vehicle .label-value .value span {
  display: inline-block;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  border-right: 1px solid #333333;
}
.cp-vehicle .label-value .value span:first-of-type {
  padding-left: 0;
}
.cp-vehicle .label-value .value span:last-of-type {
  padding-right: 0;
  border-right: none;
}
.cp-vehicle .vehicle-body {
  padding: 0 2rem 1.5rem;
  border-top: 1px solid #e8ecf8;
}
.cp-vehicle .vehicle-body .detail-item {
  margin-top: 1.5rem;
  margin-bottom: 0 !important;
}
.cp-vehicle .vehicle-body .detail-item .label-value .label {
  display: block;
  margin-bottom: 0.3rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-vehicle .vehicle-body .detail-item .label-value .value {
  display: block;
  font-size: 1.2rem;
  line-height: 1.5rem;
  color: #333333;
  font-weight: 700;
}
.cp-vehicle .vehicle-body .detail-item .label-value .value.typ-highlight {
  color: #0a0a5f;
}
.cp-vehicle.typ-big {
  padding: 0 2rem;
  border: 1px solid #e8ecf8;
  box-shadow: 0 0 20px 0 #edf1ff;
}
.cp-vehicle.typ-big .vehicle-head {
  padding: 1.5rem 0;
}
.cp-vehicle.typ-big .vehicle-head .mod-name-value .img-wrap {
  width: 5rem;
  height: 5rem;
}
.cp-vehicle.typ-big .vehicle-head .mod-name-value .name {
  font-size: 1.8rem;
  line-height: 2.2rem;
}
.cp-vehicle.typ-big .vehicle-head .mod-name-value .value {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #666666;
}
.cp-vehicle.typ-big .vehicle-head .mod-name-value .location {
  margin-top: 0.5rem;
  display: block;
}
.cp-vehicle.typ-big .vehicle-head .mod-name-value .location span {
  display: inline-block;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  line-height: 1.4rem;
}
.cp-vehicle.typ-big .vehicle-head .mod-name-value .location span:first-of-type {
  padding-left: 0;
  border-right: 1px solid #666666;
}
.cp-vehicle.typ-big .vehicle-head .mod-name-value .location span:last-of-type {
  padding-right: 0;
}
.cp-vehicle.typ-big .vehicle-body {
  padding: 0rem 0 1.5rem;
}
.cp-vehicle.typ-big .vehicle-body .data-list {
  justify-content: initial;
}
.cp-vehicle.typ-big .vehicle-body .data-list .data-item {
  width: 20%;
  margin-bottom: 2rem;
}
.cp-vehicle.typ-big .label-value .label {
  margin-bottom: 0.3rem;
}
.cp-vehicle.typ-inline {
  display: flex;
  align-items: center;
}
.cp-vehicle.typ-inline .vehicle-head {
  width: 33.33%;
}
.cp-vehicle.typ-inline .vehicle-head .mod-name-value .img-wrap {
  width: 8rem;
  height: 8rem;
}
.cp-vehicle.typ-inline .vehicle-body {
  flex-grow: 1;
  padding: 0rem 0 2rem;
  border-top: none;
}
.cp-vehicle.typ-inline .vehicle-body .data-list {
  align-items: center;
}
.cp-vehicle.typ-inline .vehicle-body .data-list .data-item {
  width: 25%;
}
.cp-vehicle .status {
  height: 2.2rem;
  font-size: 1.1rem;
  padding: 0 1rem;
  min-width: 12rem;
  line-height: 2.2rem;
  text-align: center;
  color: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  text-transform: capitalize;
  background: #666666;
}
.cp-vehicle.typ-approved .status {
  background: #0c9f41;
}
.cp-vehicle.typ-pending .status {
  background: #ffa100;
}
.cp-vehicle.typ-rejected .status {
  background: #db0b0b;
}

@media only screen and (max-width: 1024px) {
  .cp-vehicle.typ-big .vehicle-head .mod-name-value .name {
    font-size: 1.5rem;
    line-height: 1.9rem;
  }
  .cp-vehicle.typ-big .vehicle-head .mod-name-value .value {
    font-size: 1.3rem;
  }
  .cp-vehicle.typ-big .vehicle-body .data-list .data-item {
    width: 33.33%;
  }
  .cp-vehicle.typ-big .vehicle-body .data-list .data-item:last-of-type {
    margin-bottom: 2rem;
  }
  .cp-vehicle.typ-inline {
    display: block;
  }
  .cp-vehicle.typ-inline .vehicle-head {
    width: 100%;
  }
  .cp-vehicle.typ-inline .vehicle-head .mod-name-value .img-wrap {
    width: 5rem;
    height: 5rem;
  }
  .cp-vehicle.typ-inline .vehicle-head .mod-name-value .name {
    font-size: 1.5rem;
    line-height: 1.9rem;
  }
  .cp-vehicle.typ-inline .vehicle-head .mod-name-value .value,
  .cp-vehicle.typ-inline .vehicle-head .mod-name-value .location {
    font-size: 1.3rem;
  }
  .cp-vehicle.typ-inline .vehicle-body {
    padding-bottom: 1.5rem;
    border-top: 1px solid #e8ecf8;
  }
  .cp-vehicle.typ-inline .vehicle-body .data-list .data-item {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .cp-vehicle.typ-big .vehicle-body {
    padding-bottom: 2rem;
  }
  .cp-vehicle.typ-big .vehicle-body .data-list .data-item {
    width: 100%;
  }
  .cp-vehicle.typ-big .vehicle-body .data-list .data-item:last-of-type {
    margin-bottom: 0;
  }
  .cp-vehicle.typ-inline .data-list .data-item {
    width: 100%;
  }
}
.cp-document-sec {
  margin-top: 4rem;
}
.cp-document-sec .sec-heading {
  font-size: 1.8rem;
  font-weight: 700;
  color: #0a0a5f;
  padding: 1rem 4rem;
}
.cp-document-sec .cp-section {
  padding: 1rem 4rem;
}

@media only screen and (max-width: 1024px) {
  .cp-document-sec {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .cp-document-sec .sec-heading {
    padding: 1rem 1.5rem;
  }
  .cp-document-sec .cp-section {
    padding: 1rem 1.5rem;
  }
}
.cp-driver {
  box-shadow: 0 0 20px 0 #edf1ff;
  border: 1px solid #e8ecf8;
  height: 100%;
}
.cp-driver .card-head {
  display: flex;
  justify-content: space-between;
}
.cp-driver .card-head .mod-name-value .img-wrap {
  width: 5rem;
  height: 5rem;
  flex-shrink: 0;
}
.cp-driver .card-head .mod-name-value .name {
  font-size: 1.8rem;
  color: #0a0a5f;
}
.cp-driver .card-head .mod-name-value .value {
  margin-top: 0.8rem;
  font-size: 1.2rem;
  color: #666666;
}
.cp-driver .card-head .mod-name-value .value span {
  display: inline-block;
  line-height: 1.4rem;
}
.cp-driver .card-head .mod-name-value .value span + span {
  margin-left: 0.6rem;
  padding-left: 0.6rem;
  border-left: 1px solid #666666;
}
.cp-driver .card-head .contact-details .item {
  padding: 0.5rem 0;
  font-size: 1.2rem;
  color: #666666;
}
.cp-driver .card-head .contact-details .item .icon {
  font-size: 1.5rem;
  color: #307fe2;
}
.cp-driver .details-list {
  display: flex;
}
.cp-driver .details-list .detail-item {
  margin-bottom: 0;
  min-width: 6.5rem;
}
.cp-driver .details-list .detail-item + .detail-item {
  margin-left: 10rem;
}
.cp-driver .card-body {
  padding: 1.5rem 2rem;
}

@media only screen and (max-width: 1024px) {
  .cp-driver .card-head .mod-name-value .name {
    font-size: 1.5rem;
  }
  .cp-driver .details-list .detail-item + .detail-item {
    margin-left: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  .cp-driver .card-head {
    display: block;
  }
  .cp-driver .card-head .mod-name-value .value {
    font-size: 1.3rem;
  }
  .cp-driver .card-head .contact-details {
    margin-top: 1rem;
  }
  .cp-driver .card-head .contact-details .item {
    padding: 0.3rem 0;
  }
  .cp-driver .details-list {
    display: block;
  }
  .cp-driver .details-list .detail-item + .detail-item {
    margin-left: 0;
    margin-top: 1.5rem;
  }
}
.cp-user {
  box-shadow: 0 0 20px 0 #edf1ff;
  height: 100%;
}
.cp-user .card-head {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.cp-user .card-head .mod-name-value .img-wrap {
  width: 5rem;
  height: 5rem;
  flex-shrink: 0;
}
.cp-user .card-head .mod-name-value .name {
  font-size: 1.8rem;
  color: #0a0a5f;
}
.cp-user .card-head .mod-name-value .value {
  margin-top: 0.8rem;
  font-size: 1.2rem;
  color: #666666;
}
.cp-user .card-head .mod-name-value .value span {
  display: inline-block;
  line-height: 1.4rem;
}
.cp-user .card-head .mod-name-value .value span + span {
  margin-left: 0.6rem;
  padding-left: 0.6rem;
  border-left: 1px solid #666666;
}
.cp-user .card-head .contact-details .item {
  padding: 0.5rem 0;
  font-size: 1.2rem;
  color: #666666;
}
.cp-user .card-head .contact-details .item .icon {
  font-size: 1.5rem;
  color: #307fe2;
}
.cp-user .card-head .user-desg-list {
  padding-top: 1.5rem;
  width: 100%;
}
.cp-user .user-desg-list {
  padding: 0;
  border: 0;
}
.cp-user .card-body {
  padding: 1.5rem 2rem;
}
.cp-user .details-list {
  display: flex;
}
.cp-user .details-list .detail-item {
  margin-bottom: 0;
  min-width: 6.5rem;
}
.cp-user .details-list .detail-item + .detail-item {
  margin-left: 10rem;
}

@media only screen and (max-width: 1024px) {
  .cp-user .card-head .mod-name-value .name {
    font-size: 1.5rem;
  }
  .cp-user .details-list .detail-item + .detail-item {
    margin-left: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  .cp-user .card-head {
    display: block;
  }
  .cp-user .card-head .mod-name-value .value {
    font-size: 1.3rem;
  }
  .cp-user .card-head .contact-details {
    margin-top: 1rem;
  }
  .cp-user .card-head .contact-details .item {
    padding: 0.3rem 0;
  }
  .cp-user .details-list {
    display: block;
  }
  .cp-user .details-list .detail-item + .detail-item {
    margin-left: 0;
    margin-top: 1.5rem;
  }
}
/* module */
.mod-icon-text {
  display: inline-block;
}
.mod-icon-text .icon {
  font-size: 2rem;
  vertical-align: middle;
}
.mod-icon-text .text {
  vertical-align: middle;
  margin-left: 1rem;
}

.mod-name-value .name {
  display: block;
}
.mod-name-value .value {
  display: block;
}
.mod-name-value.typ-img {
  display: flex;
  align-items: center;
}
.mod-name-value.typ-img .img-wrap {
  margin-right: 1rem;
  overflow: hidden;
  border-radius: 50%;
}
.mod-name-value.typ-img.align-top {
  align-items: flex-start;
}

.mod-data-list dl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e8ecf8;
  margin: 0;
}
.mod-data-list dl:last-of-type {
  border-bottom: none;
}
.mod-data-list .label {
  font-size: 1.4rem;
  line-height: 1.8rem;
}
.mod-data-list .data {
  font-size: 1.4rem;
  line-height: 1.8rem;
  text-align: right;
}
.mod-data-list .data .value {
  display: block;
}
.mod-data-list .data .meta {
  margin-top: 0.3rem;
  font-size: 1.2rem;
  line-height: 1.4rem;
  display: block;
}
.mod-data-list .data .meta span {
  display: inline-block;
  padding-right: 0.3rem;
  margin-right: 0.3rem;
  line-height: 1rem;
  border-right: 1px solid #666666;
}
.mod-data-list .data .meta span:last-of-type {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}

@media only screen and (max-width: 1024px) {
  .mod-data-list .label {
    font-size: 1.3rem;
    line-height: 1.7rem;
  }
  .mod-data-list .data {
    font-size: 1.3rem;
    line-height: 1.7rem;
  }
  .mod-data-list .data .meta {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
}
/* Bootstrap */
.swiper-container.disable-on-desktop .swiper-wrapper {
  display: block;
  margin-left: -1%;
  margin-right: -1%;
  width: auto;
  transform: none !important;
}
.swiper-container.disable-on-desktop .swiper-wrapper:after {
  content: "";
  display: table;
  clear: both;
}
.swiper-container.disable-on-desktop .swiper-wrapper .swiper-slide {
  width: 31.33%;
  float: left;
  margin: 0 1% 2% !important;
}
.swiper-container.with-shadow {
  padding: 0.5rem;
}
.swiper-container.with-shadow .cp-card,
.swiper-container.with-shadow .cp-task {
  box-shadow: 0px 0px 5px 0 #edf1ff;
}
.swiper-container.trip-incident .swiper-slide {
  width: 29rem;
}

@media only screen and (min-width: 1600px) and (max-width: 1920px) {
  .swiper-container.trip-incident .swiper-slide {
    width: 30rem;
  }
}
@media only screen and (max-width: 767px) {
  .swiper-container {
    overflow: inherit;
  }
  .swiper-container.with-shadow {
    padding: 0;
  }
  .swiper-container.with-shadow .cp-card,
  .swiper-container.with-shadow .cp-task {
    box-shadow: 0 0 10px 0 #d1d6eb;
  }
  .swiper-container.disable-on-mobile .swiper-wrapper {
    transform: none !important;
    display: block;
  }
  .swiper-container.disable-on-mobile .swiper-slide {
    margin-bottom: 1.5rem;
  }
  .swiper-container.disable-on-mobile .swiper-slide:nth-of-type(3) {
    margin-bottom: 0;
  }
  .swiper-container.disable-on-mobile .swiper-slide:nth-of-type(1n+4) {
    display: none;
  }
  .swiper-container.disable-on-mobile.trip-incident .swiper-slide {
    width: 100%;
  }
}
@font-face {
  font-family: "Open Sans Bold";
  src: url("/src/assets/fonts/OpenSans-Bold.ttf") format("truetype");
}
.typ-form {
  margin: 7rem 0 0 20rem;
  height: 100%;
}
.typ-form .lyt-form {
  padding-bottom: 10rem;
}
.typ-form .lyt-form form {
  margin-top: 0em;
}
.typ-form .lyt-form .input-container {
  padding: 1rem 2rem;
  position: relative;
}
.typ-form .lyt-form .input-container .sec-head .sec-title {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #333333;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow {
  box-shadow: 0 0 20px 0 #edf1ff;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-head {
  padding: 1.8rem 2rem;
  border: 1px solid #e8ecf8;
  position: relative;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-head .title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #0a0a5f;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .typ-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-cont {
  padding: 2rem 2rem 1rem 2rem;
  background: #e8ecf8;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-cont .row {
  display: flex;
  flex-wrap: wrap;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-cont .row .col-item {
  width: 28vw;
  padding: 0 1rem;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group {
  margin-bottom: 2.5rem;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group .form-label {
  display: block;
  margin-bottom: 0.5rem !important;
  font-weight: 700;
  color: #333333;
  font-size: 1.5rem;
  min-width: 80%;
  line-height: 1.9rem;
  margin-bottom: 0.8rem;
  margin-top: 1rem;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group .input-group {
  position: relative;
  background: #ffffff;
  border-radius: 0.5rem;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group .input-group .invalid-error {
  position: absolute;
  font-size: 1.1rem;
  top: 6vh;
  font-style: italic;
  font-weight: 500;
  line-height: 1.4rem;
  margin-top: 0.4rem;
  color: #db0b0b;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group input {
  width: 100%;
  font-size: 1.2rem;
  height: 4rem;
  font-weight: 700;
  color: #666666;
  background: transparent;
  border: 1px solid #ffffff;
  border-radius: 0.5rem;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown {
  width: 100%;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown {
  width: 100%;
  box-sizing: border-box;
  display: block;
  border: none;
  line-height: 2.4rem;
  font-size: 1.2rem;
  position: relative;
  height: 4rem;
  line-height: 4rem;
  border-radius: 0.5rem;
  font-weight: 700;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-dropdown-label {
  width: 26vw;
  padding: 0 0 0 1rem;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-dropdown-label .ui-dropdown-label-container {
  width: 100%;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-inputtext.ui-placeholder {
  font-weight: 700;
  color: #666666;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-dropdown-trigger {
  border-radius: 0.5rem;
  width: 2rem;
  cursor: pointer;
  height: 93%;
  margin-top: 0;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon {
  display: inline-block;
  vertical-align: middle;
  line-height: 4rem;
  position: static;
  font-size: 1rem;
  color: #307fe2;
  margin: 0;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon::before {
  content: "\e912";
  font-family: icomoon;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-dropdown-panel {
  max-width: 100%;
  position: absolute;
  top: 4.2rem !important;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-dropdown-panel .ui-dropdown-items {
  min-width: 100%;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item {
  padding: 1rem 1rem 1rem 3.5rem;
  color: #333333;
  position: relative;
  font-weight: bolder;
  right: 1rem;
  font-weight: bolder;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group .radio-btn {
  padding: 1rem 1.2rem;
  font-size: 1.2rem;
  height: 2rem;
  width: 17px;
  font-weight: 700;
  color: #666666;
  background: transparent;
  border: 1px solid #ffffff;
  border-radius: 0.5rem;
}
.typ-form .lyt-form .footer-save-btn {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}
.typ-form .lyt-form .footer-save-btn .form-btn-wrap {
  padding: 2rem 4rem;
  background: #ffffff;
  box-shadow: 0 0 5px 0 #c3cff0;
  position: relative;
  left: 0;
  width: 100%;
}
.typ-form .lyt-form .footer-save-btn .form-btn-wrap .btn-outline {
  position: relative;
  left: 0;
}
.typ-form .lyt-form .footer-save-btn .form-btn-wrap .btn-default {
  position: relative;
  left: 2vw;
}

@media only screen and (min-width: 861px) and (max-width: 1024px) {
  .typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown .ui-dropdown .ui-dropdown-panel {
    width: 103%;
  }
  .typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-dropdown-panel {
    min-width: 100%;
    position: absolute;
    top: 4.2rem !important;
  }
}
@media only screen and (max-width: 960px) {
  .typ-form .lyt-form {
    position: absolute;
    left: 0;
    right: 0;
  }
  .typ-form .lyt-form .row .col-item {
    width: 35vw !important;
  }
  .typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown .ui-dropdown .ui-dropdown-panel {
    width: 103%;
  }
  .typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown .ui-dropdown .ui-dropdown-label {
    width: 32vw;
  }
}
@media only screen and (max-width: 600px) {
  .typ-form .lyt-form .row .col-item {
    width: 40vw !important;
  }
  .typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown .ui-dropdown .ui-dropdown-label {
    width: 36vw;
  }
}
@media only screen and (max-width: 480px) {
  .row {
    flex-direction: column;
  }
  .typ-form .lyt-form .row .col-item {
    width: 90% !important;
    margin: auto;
  }
  .form-group .form-label {
    width: 70%;
  }
  .typ-form .lyt-form .footer-save-btn .form-btn-wrap .btn-outline {
    position: absolute;
    left: 7vw;
  }
}
@font-face {
  font-family: "Open Sans Bold";
  src: url("/src/assets/fonts/OpenSans-Bold.ttf") format("truetype");
}
.typ-login .lyt-login .cp-onboarding .login-form .desc .input-group {
  position: relative;
  background: #ffffff;
  border-radius: 0.5rem;
}
.typ-login .lyt-login .cp-onboarding .login-form .desc .input-group .invalid-error {
  position: absolute;
  font-size: 1.1rem;
  top: 6vh;
  font-style: italic;
  font-weight: 500;
  line-height: 1.4rem;
  margin-top: 0.4rem;
  color: #db0b0b;
}
.typ-login .lyt-login .cp-onboarding .login-form .cp-form {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.typ-login .lyt-login .cp-onboarding .login-form .cp-form .form-group {
  margin-bottom: 2.5rem;
}
.typ-login .lyt-login .cp-onboarding .login-form .cp-form .form-group .form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: bold;
  color: #333333;
  font-size: 1.5rem;
  width: 100%;
  line-height: 1.9rem;
  margin-bottom: 0.8rem;
  position: relative;
  top: 3rem;
}
.typ-login .lyt-login .cp-onboarding .login-form .cp-form .form-group .input-group {
  height: 4rem;
  position: relative;
  background: #ffffff;
  border-radius: 0.5rem;
}
.typ-login .lyt-login .cp-onboarding .login-form .cp-form .form-group .input-group .invalid-error {
  position: absolute;
  font-size: 1.1rem;
  top: 6vh;
  font-style: italic;
  font-weight: 500;
  line-height: 1.4rem;
  margin-top: 0.4rem;
  color: #db0b0b;
}
.typ-login .lyt-login .cp-onboarding .login-form .cp-form .form-group .input-group input {
  width: 100%;
  height: 100%;
  font-size: 1.2rem;
  font-weight: bolder;
  color: #666666;
  background: transparent;
  border: none;
  border-radius: 0.5rem;
}
.typ-login .lyt-login .cp-onboarding .login-form .cp-form .form-group .input-group .view-pwd {
  color: #307fe2;
  border: 0 !important;
  cursor: pointer;
  position: absolute;
  z-index: 3;
  font-size: 2rem;
  right: 0;
}
.typ-login .lyt-login .cp-onboarding .login-form .cp-form .btn-wrap {
  text-align: center;
  margin-bottom: 3rem;
  justify-content: center;
  display: flex;
}

.typ-cards {
  position: relative;
  left: 15vw;
  top: 11vh;
  width: 84.5%;
}
.typ-cards .lyt-cards .cards-container {
  padding: 1.5rem 2.5rem;
  position: relative;
}
.typ-cards .lyt-cards .cards-container .sec-head.typ-prev {
  position: relative;
}
.typ-cards .lyt-cards .cards-container .sec-head.typ-prev .sec-title {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #333333;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.typ-cards .lyt-cards .cards-container .cp-card-listing .cp-card {
  left: 0 !important;
  box-shadow: 0 0 20px 0 #edf1ff;
}
.typ-cards .lyt-cards .cards-container .cp-card-listing .row.col-3 {
  display: flex;
  flex-wrap: nowrap;
}
.typ-cards .lyt-cards .cards-container .cp-card-listing .row.col-3 .col-item {
  width: 356px;
  height: 220px;
  margin-top: 5px;
  margin-right: 10px;
}

.card-head {
  border-bottom: 1px solid #e8ecf8;
}

@media only screen and (max-width: 1024px) {
  .cp-section {
    padding: 2rem 1.5rem;
  }
}
@media only screen and (max-width: 480px) {
  .typ-cards {
    border: 1px solid red;
    position: relative;
    left: 0vw;
    top: 8vh;
    width: 100%;
  }
  .cp-card-listing .cp-card .card-body {
    padding: 2rem;
    position: relative;
    background-color: #ffffff;
    flex-grow: 1;
    overflow-y: auto;
  }
  .cp-card-listing .cp-card {
    height: 23.5rem;
  }
  .cp-card-listing .cp-card .card-body {
    top: 0rem;
  }
}
th {
  color: #0a0a5f;
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 1.7rem;
  text-align: center !important;
  border: none;
  background-color: #ffffff;
  vertical-align: middle !important;
}
th .text {
  display: inline-block;
  position: relative;
  padding-right: 1.5rem;
}

.thcss {
  padding: 1.5rem 1rem 1.5rem 1.5rem;
}

.tdcss {
  padding: 1rem 1.5rem !important;
}

tbody tr {
  background-color: #e8ecf8;
}
tbody tr:nth-child(even) {
  background-color: #ffffff;
}
tbody tr td {
  font-size: 1.3rem;
  line-height: 1.7rem;
  text-align: center;
  border: none;
  vertical-align: middle;
}
tbody tr td .timestamp {
  font-size: 1.2rem;
}
tbody tr td .act-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.2rem 0;
}
tbody tr td .act-wrap .btn-icon {
  padding-left: 0;
  padding-right: 0;
}
tbody tr td .navigate-link .icon {
  color: #307fe2;
}
tbody tr td .btn-outline {
  font-size: 1.4rem;
  line-height: 1.8rem;
  width: 9.5rem;
}

.table-responsive {
  display: block;
  width: 100%;
  margin-top: 3rem;
  overflow-x: auto;
}

@media screen and (max-width: 480px) {
  .table-responsive {
    display: block;
    width: 90vw;
    margin-top: 3rem;
    overflow-x: auto;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/bootstrap/dist/css/bootstrap.min.css?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
/*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([class]){color:inherit;text-decoration:none}a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit;text-align:-webkit-match-parent}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:.875em;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:.875em;color:#6c757d}.blockquote-footer::before{content:"\2014\00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-1>*{flex:0 0 100%;max-width:100%}.row-cols-2>*{flex:0 0 50%;max-width:50%}.row-cols-3>*{flex:0 0 33.333333%;max-width:33.333333%}.row-cols-4>*{flex:0 0 25%;max-width:25%}.row-cols-5>*{flex:0 0 20%;max-width:20%}.row-cols-6>*{flex:0 0 16.666667%;max-width:16.666667%}.col-auto{flex:0 0 auto;width:auto;max-width:100%}.col-1{flex:0 0 8.333333%;max-width:8.333333%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-5{flex:0 0 41.666667%;max-width:41.666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.333333%;max-width:58.333333%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.333333%;max-width:83.333333%}.col-11{flex:0 0 91.666667%;max-width:91.666667%}.col-12{flex:0 0 100%;max-width:100%}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-sm-1>*{flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{flex:0 0 33.333333%;max-width:33.333333%}.row-cols-sm-4>*{flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{flex:0 0 16.666667%;max-width:16.666667%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-md-1>*{flex:0 0 100%;max-width:100%}.row-cols-md-2>*{flex:0 0 50%;max-width:50%}.row-cols-md-3>*{flex:0 0 33.333333%;max-width:33.333333%}.row-cols-md-4>*{flex:0 0 25%;max-width:25%}.row-cols-md-5>*{flex:0 0 20%;max-width:20%}.row-cols-md-6>*{flex:0 0 16.666667%;max-width:16.666667%}.col-md-auto{flex:0 0 auto;width:auto;max-width:100%}.col-md-1{flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-lg-1>*{flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{flex:0 0 33.333333%;max-width:33.333333%}.row-cols-lg-4>*{flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{flex:0 0 16.666667%;max-width:16.666667%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-xl-1>*{flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{flex:0 0 33.333333%;max-width:33.333333%}.row-cols-xl-4>*{flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{flex:0 0 16.666667%;max-width:16.666667%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;margin-bottom:1rem;color:#212529}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#7abaff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#b3b7bb}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#8fd19e}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#86cfda}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#ffdf7e}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#ed969e}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfc}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#95999c}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#343a40;border-color:#454d55}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#343a40}.table-dark td,.table-dark th,.table-dark thead th{border-color:#454d55}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{-webkit-appearance:none;appearance:none}select.form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;font-size:1rem;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:inline-flex;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#28a745}.valid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.form-row>.col>.valid-tooltip,.form-row>[class*=col-]>.valid-tooltip{left:5px}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#28a745;padding-right:calc(1.5em + .75rem)!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.was-validated select.form-control:valid,select.form-control.is-valid{padding-right:3rem!important;background-position:right 1.5rem center}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#28a745;padding-right:calc(.75em + 2.3125rem)!important;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat}.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#28a745}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#34ce57;background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.form-row>.col>.invalid-tooltip,.form-row>[class*=col-]>.invalid-tooltip{left:5px}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem)!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.was-validated select.form-control:invalid,select.form-control.is-invalid{padding-right:3rem!important;background-position:right 1.5rem center}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#dc3545;padding-right:calc(.75em + 2.3125rem)!important;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat}.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#dc3545}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e4606d;background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:flex;flex-flow:row wrap;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:flex;align-items:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:flex;flex:0 0 auto;flex-flow:row wrap;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:flex;align-items:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{align-items:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#0069d9;border-color:#0062cc;box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{color:#fff;background-color:#5a6268;border-color:#545b62;box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#218838;border-color:#1e7e34;box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#138496;border-color:#117a8b;box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{color:#212529;background-color:#e0a800;border-color:#d39e00;box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c82333;border-color:#bd2130;box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{color:#212529;background-color:#e2e6ea;border-color:#dae0e5;box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{color:#fff;background-color:#23272b;border-color:#1d2124;box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-outline-primary{color:#007bff;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;text-decoration:none}.btn-link:hover{color:#0056b3;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.width{width:0;height:auto;transition:width .35s ease}@media (prefers-reduced-motion:reduce){.collapsing.width{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#e9ecef}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#adb5bd;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;flex:1 1 auto;width:1%;min-width:0;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:flex;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,.input-group:not(.has-validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after,.input-group.has-validation>.custom-select:nth-last-child(n+3),.input-group.has-validation>.form-control:nth-last-child(n+3){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-append,.input-group-prepend{display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(1.5em + 1rem + 2px)}.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.5em + .5rem + 2px)}.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;z-index:1;display:block;min-height:1.5rem;padding-left:1.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}.custom-control-inline{display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;left:0;z-index:-1;width:1rem;height:1.25rem;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#007bff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label,.custom-control-input[disabled]~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before,.custom-control-input[disabled]~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:1px solid #adb5bd}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:50%/50% 50% no-repeat}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#007bff;background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;transform:translateX(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{display:none}.custom-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.custom-select-sm{height:calc(1.5em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.custom-select-lg{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + .75rem + 2px);margin:0;overflow:hidden;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:disabled~.custom-file-label,.custom-file-input[disabled]~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;overflow:hidden;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.5em + .75rem);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;height:1.4rem;padding:0;background-color:transparent;-webkit-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{-moz-transition:none;transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;-ms-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{-ms-transition:none;transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-link{margin-bottom:-1px;background-color:transparent;border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{background:0 0;border:0;border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:.5rem 1rem}.navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:50%/100% 100% no-repeat}.navbar-nav-scroll{max-height:75vh;overflow-y:auto}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{flex-wrap:nowrap}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{flex-wrap:nowrap}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{flex-wrap:nowrap}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{flex-wrap:nowrap}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{flex-wrap:nowrap}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;min-height:1px;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem;border-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom,.card-img-top{flex-shrink:0;width:100%}.card-img,.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{display:flex;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{flex:1 0 0%;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-moz-column-count:3;column-count:3;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion{overflow-anchor:none}.accordion>.card{overflow:hidden}.accordion>.card:not(:last-of-type){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}.accordion>.card>.card-header{border-radius:0;margin-bottom:-1px}.breadcrumb{display:flex;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:3;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:#0062cc}a.badge-primary.focus,a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#545b62}a.badge-secondary.focus,a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.badge-success{color:#fff;background-color:#28a745}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:#1e7e34}a.badge-success.focus,a.badge-success:focus{outline:0;box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.badge-info{color:#fff;background-color:#17a2b8}a.badge-info:focus,a.badge-info:hover{color:#fff;background-color:#117a8b}a.badge-info.focus,a.badge-info:focus{outline:0;box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.badge-warning{color:#212529;background-color:#ffc107}a.badge-warning:focus,a.badge-warning:hover{color:#212529;background-color:#d39e00}a.badge-warning.focus,a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#bd2130}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.badge-light{color:#212529;background-color:#f8f9fa}a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:#dae0e5}a.badge-light.focus,a.badge-light:focus{outline:0;box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.badge-dark{color:#fff;background-color:#343a40}a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:#1d2124}a.badge-dark.focus,a.badge-dark:focus{outline:0;box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;z-index:2;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:flex;height:1rem;overflow:hidden;line-height:0;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.media{display:flex;align-items:flex-start}.media-body{flex:1}.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.25rem}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 1px}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0}a.close.disabled{pointer-events:none}.toast{flex-basis:350px;max-width:350px;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1);opacity:0;border-radius:.25rem}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:flex;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05);border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);height:min-content;content:""}.modal-dialog-centered.modal-dialog-scrollable{flex-direction:column;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem);height:min-content}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top]>.arrow,.bs-popover-top>.arrow{bottom:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=top]>.arrow::before,.bs-popover-top>.arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top]>.arrow::after,.bs-popover-top>.arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right]>.arrow,.bs-popover-right>.arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right]>.arrow::before,.bs-popover-right>.arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right]>.arrow::after,.bs-popover-right>.arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom]>.arrow,.bs-popover-bottom>.arrow{top:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=bottom]>.arrow::before,.bs-popover-bottom>.arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom]>.arrow::after,.bs-popover-bottom>.arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left]>.arrow,.bs-popover-left>.arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left]>.arrow::before,.bs-popover-left>.arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left]>.arrow::after,.bs-popover-left>.arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:50%/100% 100% no-repeat}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:flex;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;border:.25em solid currentcolor;border-right-color:transparent;border-radius:50%;animation:.75s linear infinite spinner-border}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;background-color:currentcolor;border-radius:50%;opacity:0;animation:.75s linear infinite spinner-grow}.spinner-grow-sm{width:1rem;height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{animation-duration:1.5s}}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded-sm{border-radius:.2rem!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-lg{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}@media (min-width:576px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}}@media (min-width:768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.user-select-all{-webkit-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;user-select:none!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports (position:sticky){.sticky-top{position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0056b3!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#494f54!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#19692c!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#0f6674!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#ba8b00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#a71d2a!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#cbd3da!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#121416!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-decoration-none{text-decoration:none!important}.text-break{word-break:break-word!important;word-wrap:break-word!important}.text-reset{color:inherit!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
  background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1));
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-drag-preview .mat-ripple-element, .cdk-drag-placeholder .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}

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

.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

textarea.cdk-textarea-autosize {
  resize: none;
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}

@keyframes cdk-text-field-autofill-start { /*!*/ }
@keyframes cdk-text-field-autofill-end { /*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}

.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}

.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}

.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-app-background, transparent));
  color: var(--mat-app-text-color, var(--mat-app-on-background, inherit));
}

.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, none);
}

.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, none);
}

.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, none);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, none);
}

.mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, none);
}

.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, none);
}

.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, none);
}

.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, none);
}

.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, none);
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, none);
}

.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, none);
}

.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, none);
}

.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, none);
}

.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, none);
}

.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, none);
}

.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, none);
}

.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, none);
}

.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, none);
}

.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, none);
}

.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, none);
}

.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, none);
}

.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, none);
}

.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, none);
}

.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, none);
}

.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, none);
}

.mat-theme-loaded-marker {
  display: none;
}

html {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}

html {
  --mat-option-selected-state-label-text-color: #3f51b5;
  --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: #ff4081;
  --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: #f44336;
  --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);
}

.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #3f51b5;
  --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-minimal-pseudo-checkbox-selected-checkmark-color: #3f51b5;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --mat-full-pseudo-checkbox-selected-icon-color: #ff4081;
  --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-minimal-pseudo-checkbox-selected-checkmark-color: #ff4081;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #ff4081;
  --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-minimal-pseudo-checkbox-selected-checkmark-color: #ff4081;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #f44336;
  --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-minimal-pseudo-checkbox-selected-checkmark-color: #f44336;
  --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 {
  --mdc-elevated-card-container-shape: 4px;
  --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);
  --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);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
}

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: #3f51b5;
  --mdc-linear-progress-track-color: rgba(63, 81, 181, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #ff4081;
  --mdc-linear-progress-track-color: rgba(255, 64, 129, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #f44336;
  --mdc-linear-progress-track-color: rgba(244, 67, 54, 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-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --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: #3f51b5;
  --mdc-filled-text-field-focus-active-indicator-color: #3f51b5;
  --mdc-filled-text-field-focus-label-text-color: rgba(63, 81, 181, 0.87);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --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: #f44336;
  --mdc-filled-text-field-error-focus-label-text-color: #f44336;
  --mdc-filled-text-field-error-label-text-color: #f44336;
  --mdc-filled-text-field-error-caret-color: #f44336;
  --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: #f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
  --mdc-outlined-text-field-caret-color: #3f51b5;
  --mdc-outlined-text-field-focus-outline-color: #3f51b5;
  --mdc-outlined-text-field-focus-label-text-color: rgba(63, 81, 181, 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: #f44336;
  --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
  --mdc-outlined-text-field-error-label-text-color: #f44336;
  --mdc-outlined-text-field-error-hover-label-text-color: #f44336;
  --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: #f44336;
  --mdc-outlined-text-field-error-hover-outline-color: #f44336;
  --mdc-outlined-text-field-error-outline-color: #f44336;
  --mat-form-field-focus-select-arrow-color: rgba(63, 81, 181, 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: #f44336;
  --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: #ff4081;
  --mdc-filled-text-field-focus-active-indicator-color: #ff4081;
  --mdc-filled-text-field-focus-label-text-color: rgba(255, 64, 129, 0.87);
  --mdc-outlined-text-field-caret-color: #ff4081;
  --mdc-outlined-text-field-focus-outline-color: #ff4081;
  --mdc-outlined-text-field-focus-label-text-color: rgba(255, 64, 129, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(255, 64, 129, 0.87);
}

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

html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}

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(63, 81, 181, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 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(255, 64, 129, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 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(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}

html {
  --mat-select-arrow-transform: translateY(-8px);
}

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;
  --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);
}

.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-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: #e0e0e0;
  --mdc-chip-elevated-selected-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-flat-disabled-selected-container-color: #e0e0e0;
  --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-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: #3f51b5;
  --mdc-chip-elevated-selected-container-color: #3f51b5;
  --mdc-chip-elevated-disabled-container-color: #3f51b5;
  --mdc-chip-flat-disabled-selected-container-color: #3f51b5;
  --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-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: white;
  --mdc-chip-elevated-container-color: #ff4081;
  --mdc-chip-elevated-selected-container-color: #ff4081;
  --mdc-chip-elevated-disabled-container-color: #ff4081;
  --mdc-chip-flat-disabled-selected-container-color: #ff4081;
  --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-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.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: #f44336;
  --mdc-chip-elevated-selected-container-color: #f44336;
  --mdc-chip-elevated-disabled-container-color: #f44336;
  --mdc-chip-flat-disabled-selected-container-color: #f44336;
  --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-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: 32px;
}

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: #3949ab;
  --mdc-switch-selected-handle-color: #3949ab;
  --mdc-switch-selected-hover-state-layer-color: #3949ab;
  --mdc-switch-selected-pressed-state-layer-color: #3949ab;
  --mdc-switch-selected-focus-handle-color: #1a237e;
  --mdc-switch-selected-hover-handle-color: #1a237e;
  --mdc-switch-selected-pressed-handle-color: #1a237e;
  --mdc-switch-selected-focus-track-color: #7986cb;
  --mdc-switch-selected-hover-track-color: #7986cb;
  --mdc-switch-selected-pressed-track-color: #7986cb;
  --mdc-switch-selected-track-color: #7986cb;
  --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);
  --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: #d81b60;
  --mdc-switch-selected-handle-color: #d81b60;
  --mdc-switch-selected-hover-state-layer-color: #d81b60;
  --mdc-switch-selected-pressed-state-layer-color: #d81b60;
  --mdc-switch-selected-focus-handle-color: #880e4f;
  --mdc-switch-selected-hover-handle-color: #880e4f;
  --mdc-switch-selected-pressed-handle-color: #880e4f;
  --mdc-switch-selected-focus-track-color: #f06292;
  --mdc-switch-selected-hover-track-color: #f06292;
  --mdc-switch-selected-pressed-track-color: #f06292;
  --mdc-switch-selected-track-color: #f06292;
}
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: 40px;
}
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: #3f51b5;
  --mdc-radio-selected-hover-icon-color: #3f51b5;
  --mdc-radio-selected-icon-color: #3f51b5;
  --mdc-radio-selected-pressed-icon-color: #3f51b5;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #3f51b5;
  --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: #ff4081;
  --mdc-radio-selected-hover-icon-color: #ff4081;
  --mdc-radio-selected-icon-color: #ff4081;
  --mdc-radio-selected-pressed-icon-color: #ff4081;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #ff4081;
  --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: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #f44336;
  --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: 40px;
  --mat-radio-touch-target-display: block;
}

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);
  --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: #3f51b5;
  --mdc-slider-focus-handle-color: #3f51b5;
  --mdc-slider-hover-handle-color: #3f51b5;
  --mdc-slider-active-track-color: #3f51b5;
  --mdc-slider-inactive-track-color: #3f51b5;
  --mdc-slider-with-tick-marks-inactive-container-color: #3f51b5;
  --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;
  --mat-slider-ripple-color: #3f51b5;
  --mat-slider-hover-state-layer-color: rgba(63, 81, 181, 0.05);
  --mat-slider-focus-state-layer-color: rgba(63, 81, 181, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
}
html .mat-accent {
  --mdc-slider-handle-color: #ff4081;
  --mdc-slider-focus-handle-color: #ff4081;
  --mdc-slider-hover-handle-color: #ff4081;
  --mdc-slider-active-track-color: #ff4081;
  --mdc-slider-inactive-track-color: #ff4081;
  --mdc-slider-with-tick-marks-inactive-container-color: #ff4081;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mat-slider-ripple-color: #ff4081;
  --mat-slider-hover-state-layer-color: rgba(255, 64, 129, 0.05);
  --mat-slider-focus-state-layer-color: rgba(255, 64, 129, 0.2);
}
html .mat-warn {
  --mdc-slider-handle-color: #f44336;
  --mdc-slider-focus-handle-color: #f44336;
  --mdc-slider-hover-handle-color: #f44336;
  --mdc-slider-active-track-color: #f44336;
  --mdc-slider-inactive-track-color: #f44336;
  --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mat-slider-ripple-color: #f44336;
  --mat-slider-hover-state-layer-color: rgba(244, 67, 54, 0.05);
  --mat-slider-focus-state-layer-color: rgba(244, 67, 54, 0.2);
}

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-base-elevation-level: 8;
}

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 {
  --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;
  --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: #3f51b5;
  --mdc-radio-selected-hover-icon-color: #3f51b5;
  --mdc-radio-selected-icon-color: #3f51b5;
  --mdc-radio-selected-pressed-icon-color: #3f51b5;
}

.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: #ff4081;
  --mdc-radio-selected-hover-icon-color: #ff4081;
  --mdc-radio-selected-icon-color: #ff4081;
  --mdc-radio-selected-pressed-icon-color: #ff4081;
}

.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: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
}

.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: #3f51b5;
  --mdc-checkbox-selected-hover-icon-color: #3f51b5;
  --mdc-checkbox-selected-icon-color: #3f51b5;
  --mdc-checkbox-selected-pressed-icon-color: #3f51b5;
  --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: #3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --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: white;
  --mdc-checkbox-selected-focus-icon-color: #ff4081;
  --mdc-checkbox-selected-hover-icon-color: #ff4081;
  --mdc-checkbox-selected-icon-color: #ff4081;
  --mdc-checkbox-selected-pressed-icon-color: #ff4081;
  --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: #ff4081;
  --mdc-checkbox-selected-hover-state-layer-color: #ff4081;
  --mdc-checkbox-selected-pressed-state-layer-color: #ff4081;
  --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: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --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: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --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: #3f51b5;
}

.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: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
  --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: 40px;
}

.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: 56px;
}
.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: 72px;
}

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: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}

html {
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --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: #3f51b5;
  --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: #3f51b5;
  --mat-tab-header-active-ripple-color: #3f51b5;
  --mat-tab-header-inactive-ripple-color: #3f51b5;
  --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: #3f51b5;
  --mat-tab-header-active-hover-label-text-color: #3f51b5;
  --mat-tab-header-active-focus-indicator-color: #3f51b5;
  --mat-tab-header-active-hover-indicator-color: #3f51b5;
}
.mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #ff4081;
  --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: #ff4081;
  --mat-tab-header-active-ripple-color: #ff4081;
  --mat-tab-header-inactive-ripple-color: #ff4081;
  --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: #ff4081;
  --mat-tab-header-active-hover-label-text-color: #ff4081;
  --mat-tab-header-active-focus-indicator-color: #ff4081;
  --mat-tab-header-active-hover-indicator-color: #ff4081;
}
.mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #f44336;
  --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: #f44336;
  --mat-tab-header-active-ripple-color: #f44336;
  --mat-tab-header-inactive-ripple-color: #f44336;
  --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: #f44336;
  --mat-tab-header-active-hover-label-text-color: #f44336;
  --mat-tab-header-active-focus-indicator-color: #f44336;
  --mat-tab-header-active-hover-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #3f51b5;
  --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: #ff4081;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #f44336;
  --mat-tab-header-with-background-foreground-color: white;
}

.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}

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: white;
  --mdc-checkbox-selected-focus-icon-color: #ff4081;
  --mdc-checkbox-selected-hover-icon-color: #ff4081;
  --mdc-checkbox-selected-icon-color: #ff4081;
  --mdc-checkbox-selected-pressed-icon-color: #ff4081;
  --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: #ff4081;
  --mdc-checkbox-selected-hover-state-layer-color: #ff4081;
  --mdc-checkbox-selected-pressed-state-layer-color: #ff4081;
  --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-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: #3f51b5;
  --mdc-checkbox-selected-hover-icon-color: #3f51b5;
  --mdc-checkbox-selected-icon-color: #3f51b5;
  --mdc-checkbox-selected-pressed-icon-color: #3f51b5;
  --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: #3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --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: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --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: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --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: 40px;
  --mat-checkbox-touch-target-display: block;
}

html {
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --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);
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --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;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --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);
  --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;
  --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);
  --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;
  --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);
  --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;
  --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);
  --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: #3f51b5;
  --mat-text-button-state-layer-color: #3f51b5;
  --mat-text-button-ripple-color: rgba(63, 81, 181, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #ff4081;
  --mat-text-button-state-layer-color: #ff4081;
  --mat-text-button-ripple-color: rgba(255, 64, 129, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #f44336;
  --mat-text-button-state-layer-color: #f44336;
  --mat-text-button-ripple-color: rgba(244, 67, 54, 0.1);
}

.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #3f51b5;
  --mdc-filled-button-label-text-color: white;
  --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: #ff4081;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #f44336;
  --mdc-filled-button-label-text-color: white;
  --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: #3f51b5;
  --mdc-protected-button-label-text-color: white;
  --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: #ff4081;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #f44336;
  --mdc-protected-button-label-text-color: white;
  --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: #3f51b5;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #3f51b5;
  --mat-outlined-button-ripple-color: rgba(63, 81, 181, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #ff4081;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #ff4081;
  --mat-outlined-button-ripple-color: rgba(255, 64, 129, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #f44336;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #f44336;
  --mat-outlined-button-ripple-color: rgba(244, 67, 54, 0.1);
}

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

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);
  --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: #3f51b5;
  --mat-icon-button-state-layer-color: #3f51b5;
  --mat-icon-button-ripple-color: rgba(63, 81, 181, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #ff4081;
  --mat-icon-button-state-layer-color: #ff4081;
  --mat-icon-button-ripple-color: rgba(255, 64, 129, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #f44336;
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: rgba(244, 67, 54, 0.1);
}

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

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

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);
  --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);
  --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;
  --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);
  --mdc-fab-small-container-color: white;
  --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: #3f51b5;
  --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: #ff4081;
  --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-warn {
  --mdc-fab-container-color: #f44336;
  --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: #3f51b5;
  --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: #ff4081;
  --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-warn {
  --mdc-fab-small-container-color: #f44336;
  --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: block;
  --mat-fab-small-touch-target-display: block;
}

html {
  --mdc-snackbar-container-shape: 4px;
}

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

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: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}

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

html {
  --mdc-circular-progress-active-indicator-color: #3f51b5;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color: #ff4081;
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color: #f44336;
}

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: #3f51b5;
  --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: #ff4081;
  --mat-badge-text-color: white;
}

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

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-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --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;
  --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: #e0e0e0;
}

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

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: #3f51b5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(63, 81, 181, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(63, 81, 181, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(63, 81, 181, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #3f51b5;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(63, 81, 181, 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: #46a35e;
  --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: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ff4081;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 64, 129, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 64, 129, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 64, 129, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 64, 129, 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: #46a35e;
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 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: #46a35e;
}

.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #ff4081;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
}

.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-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: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}

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

.mat-icon.mat-primary {
  --mat-icon-color: #3f51b5;
}
.mat-icon.mat-accent {
  --mat-icon-color: #ff4081;
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}

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: #3f51b5;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #3f51b5;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #3f51b5;
  --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: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ff4081;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ff4081;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ff4081;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}

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

html {
  --mat-sort-arrow-color: #757575;
}

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: #3f51b5;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #ff4081;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}

html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}

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

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

/* config include */
/* colors */
/*font family*/
/* breakpoints */
/*asif*/
/*asif end*/
/* reset files */
/****** Elad Shechter's RESET *******/
/*** box sizing border-box for all elements ***/
*,
*::before,
*::after {
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

button {
  background-color: transparent;
  color: inherit;
  border-width: 0;
  padding: 0;
  cursor: pointer;
}

figure {
  margin: 0;
}

input::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0;
}

ul,
ol,
dd {
  margin: 0;
  padding: 0;
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
}

p {
  margin: 0;
}

cite {
  font-style: normal;
}

fieldset {
  border-width: 0;
  padding: 0;
  margin: 0;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

html {
  font-size: 10px;
}

body {
  background: #ffffff;
  font-size: 1.6rem;
  overflow-x: hidden !important;
  width: 100%;
  color: #666666;
  font-family: "Open Sans", sans-serif !important;
}

*:focus {
  outline: none !important;
}

img {
  width: 100%;
}

a {
  color: #666666;
}
a:hover {
  text-decoration: none;
  color: #0a0a5f;
}
a:focus {
  outline: none !important;
}

.main {
  width: 100%;
  overflow-x: hidden;
}

.cm-line-break {
  display: block;
}

.set-bg {
  background-size: cover;
}
.set-bg .fetch-img-src {
  display: none;
}

.swiper-button-prev,
.swiper-button-next {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px #c3cff0;
  background-size: 1.2rem;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0;
}

.swiper-button-next {
  right: 10px;
}

.swiper-button-prev {
  left: 10px;
}

.timestamp {
  font-style: italic;
  font-size: 1rem;
}

.overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  visibility: hidden;
  opacity: 0;
  z-index: 9;
  transition: all 0.2s ease-in-out;
}
.overlay.active {
  visibility: visible;
  opacity: 1;
}

.mob-view {
  display: none !important;
}

.mob-search {
  display: inline-block !important;
}

.col-item-1 {
  width: 66.66%;
  padding: 0 1rem;
}

@media only screen and (max-width: 767px) {
  .col-item-1 {
    width: 100%;
    padding: 0 1rem;
  }
}
.cm-card-label {
  font-size: 1.4rem;
  line-height: 1.8rem;
  text-transform: capitalize;
  margin-bottom: 1rem;
  display: block;
}

.row {
  margin-left: -1rem;
  margin-right: -1rem;
}
.row .col-item {
  padding: 0 1rem;
}
.row.col-2 {
  display: flex;
  flex-wrap: wrap;
}
.row.col-2 .col-item {
  width: 50%;
}
.row.col-3 {
  display: flex;
  flex-wrap: wrap;
}
.row.col-3 .col-item {
  width: 33.33%;
}
.row.col-3 .col-item.full-width {
  width: 100%;
}
.row.col-3 .col-item.full-width-spare {
  width: 66.6%;
}
.row.col-4 {
  display: flex;
  flex-wrap: wrap;
}
.row.col-4 .col-item {
  width: 25.33%;
}
.row.col-4 .col-item.full-width {
  width: 100%;
}
.row.col-table-4 {
  display: flex;
}
.row.col-table-4 .col-item {
  width: 25.33%;
}
.row.col-table-4 .col-item.full-width {
  width: 100%;
}
.row.col-5 {
  display: flex;
  flex-wrap: wrap;
}
.row.col-5 .col-item {
  width: 15%;
}
.row.col-5 .col-item.full-width {
  width: 100%;
}

.btn {
  color: #ffffff;
  font-size: 1.2rem;
  line-height: 1.6rem;
  cursor: pointer;
}
.btn.btn-default {
  color: #ffffff;
  font-size: 1.6rem;
  margin-left: 20px;
  font-weight: 700;
  line-height: 2.2rem;
  position: absolute;
  padding: 0.9rem 2.5rem;
  border-radius: 0.5rem;
  text-transform: uppercase;
  background: rgb(10, 10, 95);
  background: linear-gradient(271deg, rgb(10, 10, 95) 0%, rgb(24, 53, 144) 100%);
  filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr=" #0a0a5f ", endColorstr=" #183590 ", GradientType=1)";
}
.btn.btn-default.disabled, .btn.btn-default:disabled {
  opacity: 0.2;
}
.btn.btn-outline {
  color: #0a0a5f;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.2rem;
  padding: 0.8rem 1.6rem;
  border-radius: 0.5rem;
  text-transform: uppercase;
  background-color: #ffffff;
  border: 1px solid #0a0a5f;
}
.btn.btn-secondary {
  color: #0a0a5f;
  font-size: 1.4rem;
  text-transform: uppercase;
  font-weight: 700;
}
.btn.btn-secondary .icon {
  background-color: #0a0a5f;
  color: #ffffff;
  width: 2.8rem;
  text-align: center;
  height: 2.8rem;
  line-height: 2.8rem;
  display: inline-block;
  border-radius: 0.3rem;
  font-size: 1.2rem;
  font-weight: bold;
  margin-right: 1.2rem;
}
.btn.btn-link {
  font-weight: 700;
  color: #307fe2;
  text-transform: capitalize;
  transition: all 0.3s ease;
}
.btn.btn-link::after {
  content: "\e90d";
  font-family: "icomoon";
  display: inline-block;
  font-size: 0.85rem;
  margin-left: 0.3rem;
}
.btn.btn-link:hover {
  color: #0a0a5f;
}
.btn.btn-icon {
  font-weight: 700;
  color: #307fe2;
  padding: 0.5rem;
  text-transform: capitalize;
  transition: all 0.3s ease;
}
.btn.btn-icon .icon {
  margin: 0 0.5rem;
  font-weight: 700;
  font-size: 1.5rem;
}
.btn.btn-icon.disabled, .btn.btn-icon:disabled {
  opacity: 0.5;
}

.lyt-form {
  padding-bottom: 10rem;
}
.lyt-form .form-btn-wrap {
  padding: 2rem 4rem;
  background: #ffffff;
  box-shadow: 0 0 15px 0 #c3cff0;
  position: fixed;
  left: 18rem;
  bottom: 0;
  right: 0;
  text-align: right;
  z-index: 4;
}

.scrollable {
  overflow-y: auto;
}

@media only screen and (min-width: 1920px) {
  html {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1919px) {
  html {
    font-size: 12px;
  }
}
@media only screen and (max-width: 1024px) {
  .row.col-2 .col-item {
    width: 50%;
  }
  .row.col-3 .col-item {
    width: 50%;
  }
  .row.col-4 .col-item {
    width: 50%;
  }
  .row.col-5 .col-item {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .swiper-button-next,
  .swiper-button-prev {
    display: none;
  }
  body.overflow-hidden {
    overflow: hidden;
  }
  body.sticky-nav {
    margin-top: 4.8rem;
  }
  .mob-hidden {
    display: none !important;
  }
  .mob-view {
    display: block !important;
  }
  .mob-search {
    display: block !important;
  }
  .row.col-2 .col-item, .row.col-5 .col-item, .row.col-4 .col-item, .row.col-3 .col-item {
    width: 100%;
  }
  .lyt-form .form-btn-wrap {
    padding: 1.2rem 1.8rem;
    left: 0;
  }
  .btn.btn-default {
    font-size: 1.4rem;
    padding: 0.7rem 1.8rem;
  }
  .btn.btn-outline {
    font-size: 1.4rem;
    padding: 0.6rem 1.8rem;
  }
  .btn.btn-icon .text {
    display: none;
  }
  .lyt-form {
    padding-bottom: 7rem;
  }
}
@media only screen and (max-width: 320px) {
  html {
    font-size: 9px;
  }
}
@media only screen and (max-width: 767px) {
  .btn.btn-default {
    font-size: 1.4rem;
    padding: 0.7rem 10px;
  }
}
@font-face {
  font-family: "icomoon";
  src: url('icomoon.0491efe655789d58.eot?dld327');
  src: url('icomoon.0491efe655789d58.eot?dld327#iefix') format("embedded-opentype"), url('icomoon.c2ee13b714a5e082.ttf?dld327') format("truetype"), url('icomoon.b5055c96fd2aee47.woff?dld327') format("woff"), url('icomoon.c72604f20350e73e.svg?dld327#icomoon') format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-geofence-i:before {
  content: "\e933";
}

.icon-geofence-o:before {
  content: "\e934";
}

.icon-notifcation-o:before {
  content: "\e932";
}

.icon-filter:before {
  content: "\e931";
}

.icon-distance:before {
  content: "\e92e";
}

.icon-language:before {
  content: "\e92f";
}

.icon-offboard:before {
  content: "\e930";
}

.icon-collapse:before {
  content: "\e92c";
}

.icon-location:before {
  content: "\e92d";
}

.icon-expand:before {
  content: "\e929";
}

.icon-fuel:before {
  content: "\e92a";
}

.icon-odometer:before {
  content: "\e92b";
}

.icon-delete:before {
  content: "\e91d";
}

.icon-download:before {
  content: "\e91e";
}

.icon-driver:before {
  content: "\e91f";
}

.icon-export:before {
  content: "\e920";
}

.icon-eye:before {
  content: "\e921";
}

.icon-globe:before {
  content: "\e922";
}

.icon-import:before {
  content: "\e923";
}

.icon-information:before {
  content: "\e924";
}

.icon-print:before {
  content: "\e925";
}

.icon-replace:before {
  content: "\e926";
}

.icon-truck:before {
  content: "\e927";
}

.icon-upload:before {
  content: "\e928";
}

.icon-clock:before {
  content: "\e91b";
}

.icon-sos:before {
  content: "\e91c";
}

.icon-expense:before {
  content: "\e919";
}

.icon-revenue:before {
  content: "\e91a";
}

.icon-minus:before {
  content: "\e918";
}

.icon-calendar:before {
  content: "\e911";
}

.icon-down-arrow:before {
  content: "\e912";
}

.icon-more-ver-f:before {
  content: "\e913";
}

.icon-rupee:before {
  content: "\e914";
}

.icon-search:before {
  content: "\e915";
}

.icon-tick:before {
  content: "\e916";
}

.icon-up-arrow:before {
  content: "\e917";
}

.icon-call:before {
  content: "\e90e";
}

.icon-edit:before {
  content: "\e90f";
}

.icon-email:before {
  content: "\e910";
}

.icon-left-arrow:before {
  content: "\e90c";
}

.icon-right-arrow:before {
  content: "\e90d";
}

.icon-close:before {
  content: "\e90b";
}

.icon-more-f:before {
  content: "\e90a";
}

.icon-add:before {
  content: "\e905";
}

.icon-business-forecast:before {
  content: "\e906";
}

.icon-logout:before {
  content: "\e907";
}

.icon-notify:before {
  content: "\e908";
}

.icon-swap:before {
  content: "\e909";
}

.icon-analyse:before {
  content: "\e901";
}

.icon-more:before {
  content: "\e902";
}

.icon-plan:before {
  content: "\e903";
}

.icon-track:before {
  content: "\e904";
}

.icon-checklist:before {
  content: "\e900";
}

/* extented */
/* layout */
@font-face {
  font-family: "Open Sans Bold";
  src: url("/src/assets/fonts/OpenSans-Bold.ttf") format("truetype");
}
.typ-form {
  margin: 7rem 0 0 20rem;
  height: 100%;
}
.typ-form .lyt-form {
  padding-bottom: 10rem;
}
.typ-form .lyt-form form {
  margin-top: 0em;
}
.typ-form .lyt-form .input-container {
  padding: 1rem 2rem;
  position: relative;
}
.typ-form .lyt-form .input-container .sec-head .sec-title {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #333333;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow {
  box-shadow: 0 0 20px 0 #edf1ff;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-head {
  padding: 1.8rem 2rem;
  border: 1px solid #e8ecf8;
  position: relative;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-head .title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #0a0a5f;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .typ-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-cont {
  padding: 2rem 2rem 1rem 2rem;
  background: #e8ecf8;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-cont .row {
  display: flex;
  flex-wrap: wrap;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-cont .row .col-item {
  width: 28vw;
  padding: 0 1rem;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group {
  margin-bottom: 2.5rem;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group .form-label {
  display: block;
  margin-bottom: 0.5rem !important;
  font-weight: 700;
  color: #333333;
  font-size: 1.5rem;
  min-width: 80%;
  line-height: 1.9rem;
  margin-bottom: 0.8rem;
  margin-top: 1rem;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group .input-group {
  position: relative;
  background: #ffffff;
  border-radius: 0.5rem;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group .input-group .invalid-error {
  position: absolute;
  font-size: 1.1rem;
  top: 6vh;
  font-style: italic;
  font-weight: 500;
  line-height: 1.4rem;
  margin-top: 0.4rem;
  color: #db0b0b;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group input {
  width: 100%;
  font-size: 1.2rem;
  height: 4rem;
  font-weight: 700;
  color: #666666;
  background: transparent;
  border: 1px solid #ffffff;
  border-radius: 0.5rem;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown {
  width: 100%;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown {
  width: 100%;
  box-sizing: border-box;
  display: block;
  border: none;
  line-height: 2.4rem;
  font-size: 1.2rem;
  position: relative;
  height: 4rem;
  line-height: 4rem;
  border-radius: 0.5rem;
  font-weight: 700;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-dropdown-label {
  width: 26vw;
  padding: 0 0 0 1rem;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-dropdown-label .ui-dropdown-label-container {
  width: 100%;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-inputtext.ui-placeholder {
  font-weight: 700;
  color: #666666;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-dropdown-trigger {
  border-radius: 0.5rem;
  width: 2rem;
  cursor: pointer;
  height: 93%;
  margin-top: 0;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon {
  display: inline-block;
  vertical-align: middle;
  line-height: 4rem;
  position: static;
  font-size: 1rem;
  color: #307fe2;
  margin: 0;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon::before {
  content: "\e912";
  font-family: icomoon;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-dropdown-panel {
  max-width: 100%;
  position: absolute;
  top: 4.2rem !important;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-dropdown-panel .ui-dropdown-items {
  min-width: 100%;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item {
  padding: 1rem 1rem 1rem 3.5rem;
  color: #333333;
  position: relative;
  font-weight: bolder;
  right: 1rem;
  font-weight: bolder;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group .radio-btn {
  padding: 1rem 1.2rem;
  font-size: 1.2rem;
  height: 2rem;
  width: 17px;
  font-weight: 700;
  color: #666666;
  background: transparent;
  border: 1px solid #ffffff;
  border-radius: 0.5rem;
}
.typ-form .lyt-form .footer-save-btn {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}
.typ-form .lyt-form .footer-save-btn .form-btn-wrap {
  padding: 2rem 4rem;
  background: #ffffff;
  box-shadow: 0 0 5px 0 #c3cff0;
  position: relative;
  left: 0;
  width: 100%;
}
.typ-form .lyt-form .footer-save-btn .form-btn-wrap .btn-outline {
  position: relative;
  left: 0;
}
.typ-form .lyt-form .footer-save-btn .form-btn-wrap .btn-default {
  position: relative;
  left: 2vw;
}

@media only screen and (min-width: 861px) and (max-width: 1024px) {
  .typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown .ui-dropdown .ui-dropdown-panel {
    width: 103%;
  }
  .typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-dropdown-panel {
    min-width: 100%;
    position: absolute;
    top: 4.2rem !important;
  }
}
@media only screen and (max-width: 960px) {
  .typ-form .lyt-form {
    position: absolute;
    left: 0;
    right: 0;
  }
  .typ-form .lyt-form .row .col-item {
    width: 35vw !important;
  }
  .typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown .ui-dropdown .ui-dropdown-panel {
    width: 103%;
  }
  .typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown .ui-dropdown .ui-dropdown-label {
    width: 32vw;
  }
}
@media only screen and (max-width: 600px) {
  .typ-form .lyt-form .row .col-item {
    width: 40vw !important;
  }
  .typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown .ui-dropdown .ui-dropdown-label {
    width: 36vw;
  }
}
@media only screen and (max-width: 480px) {
  .row {
    flex-direction: column;
  }
  .typ-form .lyt-form .row .col-item {
    width: 90% !important;
    margin: auto;
  }
  .form-group .form-label {
    width: 70%;
  }
  .typ-form .lyt-form .footer-save-btn .form-btn-wrap .btn-outline {
    position: absolute;
    left: 7vw;
  }
}
@font-face {
  font-family: "Open Sans Bold";
  src: url("/src/assets/fonts/OpenSans-Bold.ttf") format("truetype");
}
.typ-login .lyt-login .cp-onboarding .login-form .desc .input-group {
  position: relative;
  background: #ffffff;
  border-radius: 0.5rem;
}
.typ-login .lyt-login .cp-onboarding .login-form .desc .input-group .invalid-error {
  position: absolute;
  font-size: 1.1rem;
  top: 6vh;
  font-style: italic;
  font-weight: 500;
  line-height: 1.4rem;
  margin-top: 0.4rem;
  color: #db0b0b;
}
.typ-login .lyt-login .cp-onboarding .login-form .cp-form {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.typ-login .lyt-login .cp-onboarding .login-form .cp-form .form-group {
  margin-bottom: 2.5rem;
}
.typ-login .lyt-login .cp-onboarding .login-form .cp-form .form-group .form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: bold;
  color: #333333;
  font-size: 1.5rem;
  width: 100%;
  line-height: 1.9rem;
  margin-bottom: 0.8rem;
  position: relative;
  top: 3rem;
}
.typ-login .lyt-login .cp-onboarding .login-form .cp-form .form-group .input-group {
  height: 4rem;
  position: relative;
  background: #ffffff;
  border-radius: 0.5rem;
}
.typ-login .lyt-login .cp-onboarding .login-form .cp-form .form-group .input-group .invalid-error {
  position: absolute;
  font-size: 1.1rem;
  top: 6vh;
  font-style: italic;
  font-weight: 500;
  line-height: 1.4rem;
  margin-top: 0.4rem;
  color: #db0b0b;
}
.typ-login .lyt-login .cp-onboarding .login-form .cp-form .form-group .input-group input {
  width: 100%;
  height: 100%;
  font-size: 1.2rem;
  font-weight: bolder;
  color: #666666;
  background: transparent;
  border: none;
  border-radius: 0.5rem;
}
.typ-login .lyt-login .cp-onboarding .login-form .cp-form .form-group .input-group .view-pwd {
  color: #307fe2;
  border: 0 !important;
  cursor: pointer;
  position: absolute;
  z-index: 3;
  font-size: 2rem;
  right: 0;
}
.typ-login .lyt-login .cp-onboarding .login-form .cp-form .btn-wrap {
  text-align: center;
  margin-bottom: 3rem;
  justify-content: center;
  display: flex;
}

/* component */
.cp-header {
  height: 5rem;
  box-shadow: 0 0.2rem 0.4rem 0 #e8ecf8;
  position: fixed;
  top: 0;
  left: 18rem;
  right: 0;
  z-index: 10;
  background: #ffffff;
  padding: 0.8rem 3.6rem;
  text-align: right;
}
.cp-header .show-on-mobile {
  display: none;
}
.cp-header .options-wrap {
  text-align: left;
  display: inline-block;
}
.cp-header .logout-btn {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0.5rem;
  color: #0a0a5f;
  cursor: pointer;
}
.cp-header .logout-btn .icon {
  display: block;
  height: 2.5rem;
  line-height: 2.5rem;
}
.cp-header .notification-wrap,
.cp-header .user-profile-wrap,
.cp-header .sos-notify-wrap {
  display: flex;
  flex-direction: row;
  margin-right: 1.8rem;
  padding: 0 0.5rem;
  position: relative;
  width: 18rem;
  height: 3rem;
}
.cp-header .user-profile-wrap.active .profile-dd {
  display: flex;
  align-items: center;
}
.cp-header .sos-notify-wrap.active .sos-profile-dd {
  display: block;
}
.cp-header .sos-profile-dd {
  padding: 0;
  max-width: 38rem;
  min-width: 38rem;
  background: #ffffff;
  top: 4.8rem;
  right: -1.6rem;
  border-radius: 0.5rem;
}
.cp-header .sos-profile-dd:before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: #ffffff;
  transform: rotate(45deg);
  position: absolute;
  top: -0.6rem;
  right: 2.3rem;
}
.cp-header .sos-profile-dd .sos-detail {
  padding-right: 5rem;
  position: relative;
}
.cp-header .sos-profile-dd .sos-detail .sos-typ {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  background: #db0b0b;
  border-radius: 50%;
  box-shadow: 0 0 10px 0 rgba(219, 11, 11, 0.75);
  overflow: hidden;
  width: 2rem;
  color: #ffffff;
  height: 2rem;
  font-size: 1.1rem;
  text-align: center;
  line-height: 2rem;
}
.cp-header .sos-profile-dd .vehicle-no {
  font-size: 1.8rem;
  font-weight: 700;
  color: #333333;
}
.cp-header .sos-profile-dd .issues {
  font-size: 1.2rem;
  color: #666666;
  line-height: 1.2rem;
  display: inline-block;
}
.cp-header .sos-profile-dd .issues + .issues {
  margin-left: 0.5rem;
  padding-left: 0.5rem;
  border-left: 1px solid #666666;
}
.cp-header .profile-dd {
  padding: 2rem 2rem;
  max-width: 38rem;
  min-width: 38rem;
  background: #ffffff;
  top: 4.8rem;
  right: 0;
  border-radius: 0.5rem;
}
.cp-header .profile-dd:before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: #ffffff;
  transform: rotate(45deg);
  position: absolute;
  top: -0.6rem;
  right: 4rem;
}
.cp-header .profile-dd .user-pic-lg {
  width: 10rem;
  position: relative;
}
.cp-header .profile-dd .user-pic-lg .change-img {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  overflow: hidden;
  background: #307fe2;
  color: #ffffff;
  cursor: pointer;
}
.cp-header .profile-dd .user-pic-lg .change-img:before {
  content: "\e90f";
  font-family: "icomoon";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cp-header .profile-dd .user-pic-lg .change-img .upolad-img {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.cp-header .profile-dd .user-pic-lg .img {
  width: 10rem;
  height: 10rem;
  overflow: hidden;
  border-radius: 50%;
}
.cp-header .profile-dd .user-pic-lg img {
  width: 100%;
}
.cp-header .profile-dd .user-details {
  margin-left: 2rem;
  width: 100%;
}
.cp-header .profile-dd .user-details .user-name {
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #0a0a5f;
  font-weight: 700;
}
.cp-header .profile-dd .user-details .designation {
  font-size: 1.2rem;
  color: #333333;
  margin-top: 0.4rem;
  font-weight: 700;
}
.cp-header .profile-dd .user-details .btn {
  display: block;
  margin-top: 1.5rem;
}
.cp-header .profile-dd .user-details .btn.btn-icon-text {
  padding: 0;
}
.cp-header .profile-dd .user-details .btn.btn-icon-text .icon {
  color: #307fe2;
  display: inline-block;
  vertical-align: middle;
  font-size: 1.6rem;
}
.cp-header .profile-dd .user-details .btn.btn-icon-text .text {
  font-size: 1.2rem;
  line-height: 1.6rem;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5rem;
  color: #307fe2;
}
.cp-header .user-profile {
  cursor: pointer;
}
.cp-header .user-profile .user-pic {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.6rem;
  overflow: hidden;
}
.cp-header .user-profile .user-name {
  vertical-align: middle;
  display: inline-block;
  font-size: 1.1rem;
  color: #0a0a5f;
  font-weight: 700;
  line-height: 1.22;
}
.cp-header .user-profile .user-name span {
  display: block;
}
.cp-header .sos-notify-btn {
  cursor: pointer;
}
.cp-header .sos-notify-btn .icon {
  display: inline-block;
  background: #db0b0b;
  border-radius: 50%;
  box-shadow: 0 0 10px 0 rgba(219, 11, 11, 0.75);
  overflow: hidden;
  width: 2rem;
  color: #ffffff;
  height: 2rem;
  font-size: 1.1rem;
  text-align: center;
  line-height: 2rem;
}
.cp-header .sos-notify-btn .count {
  position: absolute;
  top: -0.4rem;
  right: -0.6rem;
  width: 1.7rem;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #ffffff;
  height: 1.7rem;
  font-size: 0.9rem;
  text-align: center;
  line-height: 1.5rem;
  background: #e8ecf8;
}
.cp-header .sos-list .item {
  padding: 2rem;
  border-bottom: 1px solid #e8ecf8;
}
.cp-header .sos-list .item:last-child {
  border-bottom: 0;
}
.cp-header .sos-list .item .user-msg {
  margin-top: 2.6rem;
  display: flex;
}
.cp-header .sos-list .item .user-msg .user-pic {
  position: relative;
  margin-right: 0.2rem;
}
.cp-header .sos-list .item .user-msg .user-pic .img {
  border-radius: 0.4rem;
  width: 3rem;
  height: 3rem;
  overflow: hidden;
}
.cp-header .sos-list .item .user-msg .user-pic img {
  width: 100%;
}
.cp-header .sos-list .item .user-msg .plyr__progress {
  width: 100%;
  background: #e8ecf8;
  padding: 0.5rem 1rem;
  border-radius: 0.3rem;
}
.cp-header .sos-list .item .user-msg .plyr__progress__buffer {
  margin-left: 1rem;
  margin-right: 1rem;
  width: calc(100% - 2rem);
}
.cp-header .sos-list .item .user-msg .plyr__progress input[type=range] {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
.cp-header .sos-list .item .user-msg .plyr--full-ui input[type=range] {
  color: #95a5d5;
}
.cp-header .sos-list .item .user-msg .plyr--audio .plyr__control {
  color: #95a5d5;
}
.cp-header .sos-list .item .user-msg .plyr--audio .plyr__control:hover {
  background: transparent;
  color: #95a5d5;
}
.cp-header .sos-list .item .user-msg .plyr__control svg {
  width: 1.5rem;
}
.cp-header .sos-list .item .audio-player {
  width: 100%;
}
.cp-header .sos-list .item .plyr--audio .plyr__controls {
  background: transparent;
  padding: 0;
}
.cp-header .sos-list .item .plyr--audio .plyr__controls .plyr__progress__container {
  background: #e8ecf8;
  padding: 1rem;
  border-radius: 0.3rem;
}
.cp-header .sos-list .item .plyr--audio .plyr__controls .plyr__menu,
.cp-header .sos-list .item .plyr--audio .plyr__controls .plyr__volume,
.cp-header .sos-list .item .plyr--audio .plyr__controls .plyr__time {
  display: none;
}
.cp-header .notify-dd,
.cp-header .profile-dd,
.cp-header .sos-profile-dd {
  display: none;
  position: absolute;
}
.cp-header .notification-wrap .notify-btn {
  cursor: pointer;
  color: #0a0a5f;
  display: block;
}
.cp-header .notification-wrap .notify-btn .icon {
  display: block;
  height: 2.5rem;
  line-height: 2.5rem;
}
.cp-header .notification-wrap .notify-btn .icon:before {
  content: "\e908";
}
.cp-header .notification-wrap.active .notify-btn .icon:before {
  content: "\e932";
}
.cp-header .notification-wrap .notify-dd {
  min-width: 38rem;
  max-width: 38rem;
  right: -3.5rem;
  top: 4.8rem;
  line-height: 1.6rem;
  border-radius: 0.5rem;
  background: #ffffff;
  font-size: 1.2rem;
  padding-bottom: 2rem;
}
.cp-header .notification-wrap .notify-dd:before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: #ffffff;
  transform: rotate(45deg);
  position: absolute;
  top: -0.6rem;
  right: 4rem;
}
.cp-header .notification-wrap .notify-dd .notfy-head {
  padding: 1.1rem 2rem;
  font-size: 1.2rem;
  color: #333333;
  border-bottom: 1px solid #e8ecf8;
  display: flex;
  justify-content: space-between;
}
.cp-header .notification-wrap .notify-dd .clear-all {
  font-weight: 700;
  color: #307fe2;
  cursor: pointer;
}
.cp-header .notification-wrap .notify-dd .clear-all:hover {
  color: #0a0a5f;
}
.cp-header .notification-wrap .notify-dd .list {
  max-height: 40rem;
  overflow-y: auto;
}
.cp-header .notification-wrap .notify-dd .item {
  padding: 1.2rem 2rem 2rem;
  border-bottom: 1px solid #e8ecf8;
}
.cp-header .notification-wrap .notify-dd .item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.cp-header .notification-wrap .notify-dd .item .title {
  color: #333333;
  font-weight: 700;
  margin-bottom: 0.6rem;
}
.cp-header .notification-wrap .notify-dd .item .desc {
  margin-bottom: 0.4rem;
}
.cp-header .notification-wrap .notify-dd .item .timestamp {
  margin-top: 0.5rem;
}
.cp-header .notification-wrap.active .notify-dd {
  display: block;
}
.cp-header .notification-wrap.new .notify-btn {
  position: relative;
}
.cp-header .notification-wrap.new .notify-btn:before {
  content: "";
  width: 0.9rem;
  height: 0.9rem;
  position: absolute;
  background: #db0b0b;
  border-radius: 50%;
  top: -0.1rem;
  right: -0.2rem;
  border: 0.2rem solid #ffffff;
}

@media only screen and (max-width: 1024px) {
  .cp-header {
    position: static;
    display: flex;
    height: auto;
    background: #0a0a5f;
    background: linear-gradient(90deg, rgb(10, 10, 95) 0%, rgb(24, 53, 144) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a0a5f", endColorstr="#183590", GradientType=1);
    padding: 1.6rem 2rem 0.6rem;
    justify-content: space-between;
    align-items: center;
  }
  .cp-header .show-on-mobile {
    display: block;
  }
  .cp-header .logout-btn {
    display: none;
  }
  .cp-header .user-profile .user-name {
    display: none;
  }
  .cp-header .user-profile .user-pic {
    width: 3rem;
    height: 3rem;
    margin-right: 0;
  }
  .cp-header .logo-wrap img {
    width: auto;
    height: 10px;
  }
  .cp-header .sos-profile-dd {
    position: fixed;
    z-index: 10;
    max-width: 100%;
    min-width: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border-radius: 0;
  }
  .cp-header .sos-profile-dd .sos-list {
    height: 100%;
    overflow: auto;
    padding-bottom: 7rem;
  }
  .cp-header .sos-profile-dd .title-wrap {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e8ecf8;
    padding: 2rem;
    align-items: center;
    text-align: left;
  }
  .cp-header .sos-profile-dd .title-wrap .title {
    font-size: 1.5rem;
    font-weight: 700;
  }
  .cp-header .sos-profile-dd .close {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    margin-right: -0.5rem;
    cursor: pointer;
    font-size: 1.4rem;
  }
  .cp-header .notification-wrap.new .notify-btn:before {
    top: 0;
    border-color: #172b86;
  }
  .cp-header .notification-wrap .notify-dd .notfy-head {
    padding: 2rem;
  }
  .cp-header .notification-wrap .notify-dd .notfy-head .title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #333333;
  }
  .cp-header .notification-wrap.active .notify-dd {
    min-width: 100%;
    max-width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 15;
    border-radius: 0;
  }
  .cp-header .notification-wrap.active .notify-dd:before {
    display: none;
  }
  .cp-header .notification-wrap.active .notify-dd .right-wrap {
    display: flex;
    align-items: center;
  }
  .cp-header .notification-wrap.active .notify-dd .right-wrap .close {
    margin-left: 2.8rem;
    color: #bbb;
    cursor: pointer;
    font-size: 1.5rem;
  }
  .cp-header .notification-wrap.active .notify-dd .list {
    max-height: 95%;
  }
  .cp-header .notification-wrap .notify-btn {
    color: #ffffff;
  }
  .cp-header .user-profile-wrap {
    margin-right: 0;
    padding: 0;
  }
  .cp-header .user-profile-wrap .profile-dd {
    z-index: 15;
  }
  .cp-header .user-profile-wrap .profile-dd .close {
    display: none;
  }
  .cp-header .user-profile-wrap .profile-dd:before {
    right: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .cp-header .user-profile-wrap.active .profile-dd {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    max-width: 100%;
    min-width: 100%;
    bottom: auto;
    z-index: 10;
    padding-top: 6rem;
    border-radius: 0 0 1rem 1rem;
  }
  .cp-header .user-profile-wrap.active .profile-dd .close {
    position: absolute;
    top: 2rem;
    right: 2rem;
    cursor: pointer;
    font-size: 1.4rem;
  }
  .cp-header .user-profile-wrap .profile-dd .close {
    display: block;
  }
  .cp-header .user-profile-wrap .profile-dd .user-pic-lg {
    width: 6rem;
  }
  .cp-header .user-profile-wrap .profile-dd .user-pic-lg .img {
    width: 6rem;
    height: 6rem;
  }
  .cp-header .user-profile-wrap .profile-dd .user-pic-lg .change-img {
    top: -0.5rem;
    right: -0.5rem;
  }
  .cp-header .user-profile-wrap .profile-dd .user-details .designation {
    font-size: 1.3rem;
    margin-top: 0.5rem;
    line-height: 1.8rem;
    font-weight: 700;
  }
  .cp-header .user-profile-wrap .profile-dd .user-details .contact-details {
    font-size: 1.3rem;
  }
  .cp-header .user-profile-wrap .profile-dd .user-details .contact-details .item + .item {
    margin-top: 1rem;
  }
}
.cp-sidebar {
  background: #0a0a5f;
  background: linear-gradient(180deg, rgb(10, 10, 95) 8%, rgb(24, 53, 144) 85%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a0a5f", endColorstr="#183590", GradientType=1);
  position: fixed;
  left: 0;
  width: 18rem;
  bottom: 0;
  top: 0;
  z-index: 9;
}
.cp-sidebar .logo-wrap {
  padding: 2.6rem 2.6rem 2rem 2.6rem;
}
.cp-sidebar .logo-wrap .logo {
  max-width: 8rem;
}
.cp-sidebar .logo-wrap .logo img {
  width: 100%;
}
.cp-sidebar .top-section {
  border-bottom: 1px solid rgba(232, 236, 248, 0.2);
  margin-bottom: 0rem;
}
.cp-sidebar .nav-list {
  padding: 0 0 0 1rem;
}
.cp-sidebar .nav-list .nav-item {
  color: #ffffff;
  margin-bottom: 2rem;
  font-size: 1.3rem !important;
}
.cp-sidebar .nav-list .nav-item.vendor-logo {
  padding-left: 1rem;
}
.cp-sidebar .nav-list .nav-item.vendor-logo .nav-link {
  padding-left: 4.5rem;
  position: relative;
  display: block;
}
.cp-sidebar .nav-list .nav-item.vendor-logo .img {
  width: 3.5rem;
  height: 3.5rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  overflow: hidden;
  border-radius: 50%;
}
.cp-sidebar .nav-list .nav-item.vendor-logo .text {
  font-size: 1.2rem;
  line-height: 1.6rem;
  letter-spacing: 0.2px;
  display: block;
}
.cp-sidebar .nav-list .nav-item .nav-link {
  padding: 1.8rem 1.8rem 1.8rem 1.5rem;
  display: block;
  cursor: pointer;
  padding: 20px 5px !important;
}
.cp-sidebar .nav-list .nav-item .mod-icon-text .icon {
  font-size: 2.4rem;
}
.cp-sidebar .nav-list .nav-item .mod-icon-text .text {
  margin-left: 1.8rem;
}
.cp-sidebar .nav-list .nav-item.active {
  background: #ffffff;
  color: #0a0a5f;
  border-radius: 0.6rem 0 0 0.6rem;
  position: relative;
}
.cp-sidebar .nav-list .nav-item.active a {
  color: #0a0a5f;
}
.cp-sidebar .nav-list .nav-item.active .text {
  font-weight: 700;
}
.cp-sidebar .nav-list .nav-item.active:before {
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: -2.5rem;
  right: 0;
  background: url('rounded-corner-top.862503ccbe4896f9.png') bottom right no-repeat;
  background-size: cover;
}
.cp-sidebar .nav-list .nav-item.active:after {
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  bottom: -2.5rem;
  right: 0;
  background: url('rounded-corner-bottom.e28bfcc348fa6d7a.png') top right no-repeat;
  background-size: cover;
}
.cp-sidebar a {
  color: #ffffff;
}
.cp-sidebar a:hover {
  color: #ffffff;
}
.cp-sidebar .show-on-mobile {
  display: none;
}
.cp-sidebar .more-wrap {
  color: #ffffff;
  position: absolute;
  top: 31.4rem;
  bottom: 0;
  left: 0;
  width: 100%;
}
.cp-sidebar .more-wrap .custom-scrollbar .ps-content {
  padding: 3rem 0;
}
.cp-sidebar .more-wrap .less {
  display: none;
}
.cp-sidebar .more-wrap .more-list {
  font-size: 1.2rem;
  transition: all 0.3s ease;
}
.cp-sidebar .more-wrap .more-list .more-item {
  margin-left: 1rem;
}
.cp-sidebar .more-wrap .more-list .parent {
  margin-left: 0;
  padding-left: 1rem;
}
.cp-sidebar .more-wrap .more-list .parent > .link {
  position: relative;
}
.cp-sidebar .more-wrap .more-list .parent > .link:after {
  content: "";
  position: absolute;
  right: 2rem;
  top: 50%;
  transition: all 0.3s ease;
  border: 0.6rem solid transparent;
  border-top: 0.6rem solid #ffffff;
  margin-top: -0.2rem;
}
.cp-sidebar .more-wrap .more-list .parent.opened > .link:after {
  transform: rotate(180deg);
  margin-top: -0.6rem;
}
.cp-sidebar .more-wrap .more-list .parent .more-item {
  margin-left: 0;
}
.cp-sidebar .more-wrap .more-list .parent .sub-list {
  display: none;
}
.cp-sidebar .more-wrap .more-list .parent.opened {
  background: rgba(255, 255, 255, 0.1);
}
.cp-sidebar .more-wrap .more-list .parent.opened .sub-list {
  display: block;
}
.cp-sidebar .more-wrap .hide {
  display: none;
}
.cp-sidebar .more-wrap .more-item {
  position: relative;
}
.cp-sidebar .more-wrap .more-item .link {
  display: block;
  padding: 1.6rem;
}
.cp-sidebar .more-wrap .more-item.active {
  background: #ffffff;
  border-radius: 1rem 0 0 1rem;
  font-weight: 700;
}
.cp-sidebar .more-wrap .more-item.active a {
  color: #0a0a5f;
}
.cp-sidebar .more-wrap .more-item.active:before {
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: -2.5rem;
  right: 0;
  background: url('rounded-corner-top.862503ccbe4896f9.png') bottom right no-repeat;
  background-size: cover;
}
.cp-sidebar .more-wrap .more-item.active:after {
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  bottom: -2.5rem;
  right: 0;
  background: url('rounded-corner-bottom.e28bfcc348fa6d7a.png') top right no-repeat;
  background-size: cover;
}
.cp-sidebar .more-wrap .more-btn {
  display: block;
  cursor: pointer;
  padding: 1rem 2.9rem;
  font-size: 1.2rem;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 18rem;
  background-color: #183590;
}
.cp-sidebar .more-wrap .more-btn.active + .more-list {
  visibility: visible;
  opacity: 1;
}
.cp-sidebar .more-wrap .more-btn .icon {
  font-size: 2.5rem;
  margin-right: 1.1rem;
}

.ui-autocomplete-token-icon,
.ui-dropdown-clear-icon {
  width: 16px;
  height: 16px;
}
.ui-autocomplete-token-icon:before,
.ui-dropdown-clear-icon:before {
  content: "x";
}

perfect-scrollbar .ps__thumb-y {
  right: 0 !important;
  width: 0.8rem !important;
}
perfect-scrollbar > .ps.ps--active-y .ps__thumb-y,
perfect-scrollbar .ps.ps--scrolling-y .ps__thumb-y {
  background-color: #d6dffb !important;
}
perfect-scrollbar > .ps.ps--active-y > .ps__rail-y,
perfect-scrollbar .ps.ps--scrolling-y > .ps__rail-y {
  background-color: transparent !important;
  border-radius: 1.2rem;
  right: 0 !important;
  width: 0.8rem !important;
}

@media only screen and (max-width: 1024px) {
  .cp-sidebar {
    transition: all 0.3s ease;
    position: static;
    width: auto;
    background: #0a0a5f;
    background: linear-gradient(90deg, rgb(10, 10, 95) 0%, rgb(24, 53, 144) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a0a5f", endColorstr="#183590", GradientType=1);
    padding: 1rem 2rem 0 2rem;
    z-index: 9;
    position: relative;
  }
  .cp-sidebar .logo-wrap,
  .cp-sidebar .vendor-logo {
    display: none;
  }
  .cp-sidebar.logo-show {
    height: 6rem;
    align-items: center;
    padding: 0;
  }
  .cp-sidebar.logo-show .logo-wrap {
    display: block;
    padding: 0;
    width: 11rem;
  }
  .cp-sidebar.logo-show .logo-wrap .logo {
    max-width: none;
    display: block;
  }
  .cp-sidebar.logo-show .top-section {
    height: 100%;
    align-items: center;
    padding: 0 1.5rem;
  }
  .cp-sidebar .top-section {
    display: flex;
    justify-content: space-between;
    border-bottom: 0;
    margin-bottom: 0;
  }
  .cp-sidebar .nav-list {
    padding: 0;
    display: block;
    width: 100%;
  }
  .cp-sidebar .nav-list .nav-item {
    font-size: 1.2rem;
    margin-bottom: 0;
    margin-right: 0.7rem;
    display: inline-block;
  }
  .cp-sidebar .nav-list .nav-item.vendor-logo {
    display: none;
  }
  .cp-sidebar .nav-list .nav-item:last-child {
    margin-right: 0;
    float: right;
  }
  .cp-sidebar .nav-list .nav-item.active {
    border-radius: 0.6rem 0.6rem 0 0;
  }
  .cp-sidebar .nav-list .nav-item.active:before {
    width: 1.2rem;
    height: 1.2rem;
    right: -1.2rem;
    bottom: 0;
    top: inherit;
    background: url('rounded-corner-right.29ca96a6a954848f.png') bottom right no-repeat;
    background-size: cover;
  }
  .cp-sidebar .nav-list .nav-item.active:after {
    width: 1.2rem;
    height: 1.2rem;
    left: -1.2rem;
    bottom: 0;
    top: inherit;
    background: url('rounded-corner-left.862503ccbe4896f9.png') bottom right no-repeat;
    background-size: cover;
  }
  .cp-sidebar .nav-list .nav-item .nav-link {
    padding: 1rem 2.2rem 1rem 2.2rem;
  }
  .cp-sidebar .nav-list .nav-item .mod-icon-text .icon {
    font-size: 1.8rem;
  }
  .cp-sidebar .nav-list .nav-item .mod-icon-text .text {
    margin-left: 1rem;
  }
  .cp-sidebar .show-more {
    display: flex;
    align-items: center;
    color: #ffffff;
  }
  .cp-sidebar .show-on-mobile {
    display: block;
  }
  .cp-sidebar .more-wrap {
    display: none;
    position: fixed;
    top: 10rem;
    left: 0;
    overflow: auto;
    right: 0;
    bottom: 0;
    padding: 0;
    margin-bottom: 0;
    overflow: auto;
    background: #ffffff;
  }
  .cp-sidebar .more-wrap .custom-scrollbar {
    overflow: initial;
  }
  .cp-sidebar .more-wrap .custom-scrollbar > .ps {
    overflow: initial !important;
  }
  .cp-sidebar .more-wrap .custom-scrollbar .ps-content {
    padding: 0;
    overflow: initial;
    height: 100%;
  }
  .cp-sidebar .more-wrap.active {
    display: block;
  }
  .cp-sidebar .more-wrap .more-item.active:before, .cp-sidebar .more-wrap .more-item.active:after {
    display: none;
  }
  .cp-sidebar .more-wrap .more-btn {
    display: none;
  }
  .cp-sidebar .more-wrap .more-list {
    padding: 0;
    margin-bottom: 6rem;
  }
  .cp-sidebar .more-wrap .more-list .more-item {
    margin-left: 0;
    padding: 0 2rem;
  }
  .cp-sidebar .more-wrap .more-list .parent > .link:before {
    margin-top: -0.8rem;
    transform: rotate(90deg) !important;
  }
  .cp-sidebar .more-wrap .more-list .parent .sub-list {
    margin: 0 -2rem;
    background: rgba(48, 127, 226, 0.05);
  }
  .cp-sidebar .more-wrap .more-list .parent .sub-list .link {
    padding-left: 1rem;
    font-weight: normal;
  }
  .cp-sidebar .more-wrap .more-list .link {
    color: #333333;
    font-size: 1.4rem;
    padding: 2rem 0;
    font-weight: 700;
    display: flex;
    letter-spacing: 0.23px;
    align-items: center;
    position: relative;
    border-bottom: 1px solid #e8ecf8;
  }
  .cp-sidebar .more-wrap .more-list .link:before {
    content: "\e90d";
    font-family: "icomoon" !important;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: #307fe2;
  }
  .cp-sidebar .more-wrap .more-list .vendor-link .img {
    width: 3rem;
    height: 3rem;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0 0 10px 3px #ddd;
    margin-right: 1rem;
  }
  .cp-sidebar .more-wrap .logout-link {
    font-size: 1.4rem;
    padding: 2rem;
    cursor: pointer;
    position: fixed;
    bottom: 0;
    background: #ffffff;
    width: 100%;
    left: 0;
    box-shadow: 0 0 13px 1px #f1f1f1;
  }
  .cp-sidebar .more-wrap .logout-link a {
    color: #666666;
    display: inline-block;
  }
  .cp-sidebar.sticky-nav {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: auto;
  }
  .cp-sidebar .custom-scrollbar {
    position: static;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .cp-sidebar .nav-list {
    padding: 0;
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
  }
}
.cp-form .form-group,
.cp-form .form-group-radio-btn {
  margin-bottom: 2.5rem;
  position: relative;
}
.cp-form .form-group.disabled,
.cp-form .form-group-radio-btn.disabled {
  opacity: 0.4;
}
.cp-form .form-group .form-label,
.cp-form .form-group-radio-btn .form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 700;
  position: relative;
  color: #333333;
  font-size: 1.4rem;
  line-height: 2.5rem;
}
.cp-form .form-group .note,
.cp-form .form-group-radio-btn .note {
  float: right;
  font-size: 1.4rem;
  margin-top: 0.5rem;
}
.cp-form .form-group .note.btn-link:after,
.cp-form .form-group-radio-btn .note.btn-link:after {
  display: none;
}
.cp-form .form-group .input-wrap:after,
.cp-form .form-group-radio-btn .input-wrap:after {
  content: "";
  display: table;
  clear: both;
}
.cp-form .form-group.typ-multiple .input-group:first-child,
.cp-form .form-group-radio-btn.typ-multiple .input-group:first-child {
  width: 25%;
  float: left;
}
.cp-form .form-group.typ-multiple .input-group.input-switch,
.cp-form .form-group-radio-btn.typ-multiple .input-group.input-switch {
  width: 75%;
  float: left;
  padding-left: 2rem;
}
.cp-form .form-group .input-group,
.cp-form .form-group-radio-btn .input-group {
  position: relative;
  background: #ffffff;
  border-radius: 0.5rem;
}
.cp-form .form-group .input-group > .icon,
.cp-form .form-group-radio-btn .input-group > .icon {
  position: absolute;
  color: #307fe2;
  font-weight: 700;
  top: 0;
  right: 0;
  width: 4rem;
  height: 4rem;
  text-align: center;
  line-height: 4rem;
  border-left: 1px solid #e8ecf8;
}
.cp-form .form-group .input-group.success:after,
.cp-form .form-group-radio-btn .input-group.success:after {
  content: "\e916";
  font-family: "icomoon";
  color: #0c9f41;
  font-size: 1.3rem;
  position: absolute;
  font-weight: 700;
  top: 0;
  right: 0;
  width: 4rem;
  height: 4rem;
  text-align: center;
  line-height: 4rem;
}
.cp-form .form-group .input-group.success input,
.cp-form .form-group .input-group.success .form-control,
.cp-form .form-group-radio-btn .input-group.success input,
.cp-form .form-group-radio-btn .input-group.success .form-control {
  padding-right: 4.5rem;
}
.cp-form .form-group .input-group.verified:after,
.cp-form .form-group-radio-btn .input-group.verified:after {
  content: "Verified";
  color: #0c9f41;
  font-size: 1.2rem;
  position: absolute;
  top: 0;
  right: 1rem;
  width: 4rem;
  height: 4rem;
  font-style: italic;
  text-align: center;
  line-height: 4rem;
}
.cp-form .form-group .input-group.verified input,
.cp-form .form-group .input-group.verified .form-control,
.cp-form .form-group-radio-btn .input-group.verified input,
.cp-form .form-group-radio-btn .input-group.verified .form-control {
  padding-right: 6rem;
}
.cp-form .form-group .ui-calendar,
.cp-form .form-group .ui-dropdown,
.cp-form .form-group .ui-multiselect,
.cp-form .form-group-radio-btn .ui-calendar,
.cp-form .form-group-radio-btn .ui-dropdown,
.cp-form .form-group-radio-btn .ui-multiselect {
  display: block;
}
.cp-form .form-group .ui-datepicker,
.cp-form .form-group-radio-btn .ui-datepicker {
  padding: 0 0.5rem;
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 0 10px 0 #cfd7ec;
  border: 0;
}
.cp-form .form-group .ui-datepicker .ui-datepicker-header,
.cp-form .form-group-radio-btn .ui-datepicker .ui-datepicker-header {
  color: #0a0a5f;
  padding: 0.7em 0;
  font-weight: 700;
  border-bottom: 1px solid #e8ecf8;
}
.cp-form .form-group .ui-datepicker .ui-datepicker-title,
.cp-form .form-group-radio-btn .ui-datepicker .ui-datepicker-title {
  font-size: 1.5rem;
}
.cp-form .form-group .ui-datepicker .ui-datepicker-prev,
.cp-form .form-group .ui-datepicker .ui-datepicker-next,
.cp-form .form-group-radio-btn .ui-datepicker .ui-datepicker-prev,
.cp-form .form-group-radio-btn .ui-datepicker .ui-datepicker-next {
  top: 0.3rem;
}
.cp-form .form-group .ui-datepicker .ui-datepicker-prev span,
.cp-form .form-group .ui-datepicker .ui-datepicker-next span,
.cp-form .form-group-radio-btn .ui-datepicker .ui-datepicker-prev span,
.cp-form .form-group-radio-btn .ui-datepicker .ui-datepicker-next span {
  line-height: 1;
}
.cp-form .form-group .ui-datepicker .ui-datepicker-prev span:before,
.cp-form .form-group .ui-datepicker .ui-datepicker-next span:before,
.cp-form .form-group-radio-btn .ui-datepicker .ui-datepicker-prev span:before,
.cp-form .form-group-radio-btn .ui-datepicker .ui-datepicker-next span:before {
  content: "\e90c";
  font-family: "icomoon";
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: #0a0a5f;
}
.cp-form .form-group .ui-datepicker .ui-datepicker-next span:before,
.cp-form .form-group-radio-btn .ui-datepicker .ui-datepicker-next span:before {
  content: "\e90d";
}
.cp-form .form-group .ui-datepicker th,
.cp-form .form-group-radio-btn .ui-datepicker th {
  font-weight: normal;
  font-size: 1.2rem;
  color: #666666;
  padding: 0.9em 0.5em;
}
.cp-form .form-group .ui-datepicker table thead tr,
.cp-form .form-group-radio-btn .ui-datepicker table thead tr {
  border-bottom: 1px solid #e8ecf8;
}
.cp-form .form-group .ui-datepicker table td,
.cp-form .form-group-radio-btn .ui-datepicker table td {
  padding: 0.3rem;
  font-size: 1.2rem;
}
.cp-form .form-group .ui-datepicker table td.ui-datepicker-today > a,
.cp-form .form-group .ui-datepicker table td.ui-datepicker-today > span,
.cp-form .form-group-radio-btn .ui-datepicker table td.ui-datepicker-today > a,
.cp-form .form-group-radio-btn .ui-datepicker table td.ui-datepicker-today > span {
  background: #307fe2;
  color: #ffffff;
  border-radius: 50%;
}
.cp-form .form-group .ui-datepicker table td > a,
.cp-form .form-group .ui-datepicker table td > span,
.cp-form .form-group-radio-btn .ui-datepicker table td > a,
.cp-form .form-group-radio-btn .ui-datepicker table td > span {
  width: 3rem;
  height: 3rem;
  text-align: center;
  line-height: 3rem;
  padding: 0;
}
.cp-form .form-group .ui-datepicker table td > a.ui-state-active,
.cp-form .form-group .ui-datepicker table td > span.ui-state-active,
.cp-form .form-group-radio-btn .ui-datepicker table td > a.ui-state-active,
.cp-form .form-group-radio-btn .ui-datepicker table td > span.ui-state-active {
  background-color: rgba(163, 204, 255, 0.5);
  border-radius: 50%;
  color: #333333;
}
.cp-form .form-group .ui-multiselect,
.cp-form .form-group-radio-btn .ui-multiselect {
  font-size: 1.2rem;
  padding: 0 1.2rem;
  border: 0;
  position: static;
  height: 4rem;
  line-height: 4rem;
  border-radius: 0.5rem;
  min-width: inherit;
  font-weight: 700;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-label,
.cp-form .form-group-radio-btn .ui-multiselect .ui-multiselect-label {
  padding: 0;
  color: #666666;
}
.cp-form .form-group .ui-multiselect .ui-multiselected-empty-token,
.cp-form .form-group-radio-btn .ui-multiselect .ui-multiselected-empty-token {
  color: #666666;
  font-weight: 400;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-label-container,
.cp-form .form-group-radio-btn .ui-multiselect .ui-multiselect-label-container {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cp-form .form-group .ui-multiselect .ui-multiselected-item-token,
.cp-form .form-group-radio-btn .ui-multiselect .ui-multiselected-item-token {
  display: inline-block;
  width: auto;
  vertical-align: middle;
  line-height: 2.4rem;
  font-size: 1.2rem;
  border-radius: 1.8rem;
  background: #0a0a5f;
  color: #ffffff;
  font-weight: 700;
  padding: 0 1.2rem 0 1.6rem;
  border: 0;
  position: static;
  min-width: inherit;
}
.cp-form .form-group .ui-multiselect .ui-multiselected-item-token + .ui-multiselected-item-token,
.cp-form .form-group-radio-btn .ui-multiselect .ui-multiselected-item-token + .ui-multiselected-item-token {
  margin-left: 1rem;
}
.cp-form .form-group .ui-multiselect .ui-multiselected-item-token .icon-close,
.cp-form .form-group-radio-btn .ui-multiselect .ui-multiselected-item-token .icon-close {
  display: inline-block;
  vertical-align: middle;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  margin-left: 0;
  font-size: 0.8rem;
  font-weight: 700;
  text-align: center;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-trigger,
.cp-form .form-group-radio-btn .ui-multiselect .ui-multiselect-trigger {
  border-radius: 0.5rem;
  right: 1.2rem;
  width: 2rem;
  padding: 0;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-trigger .ui-multiselect-trigger-icon,
.cp-form .form-group-radio-btn .ui-multiselect .ui-multiselect-trigger .ui-multiselect-trigger-icon {
  display: inline-block;
  vertical-align: middle;
  line-height: 4rem;
  position: static;
  font-size: 1rem;
  color: #307fe2;
  margin: 0;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-trigger .ui-multiselect-trigger-icon:before,
.cp-form .form-group-radio-btn .ui-multiselect .ui-multiselect-trigger .ui-multiselect-trigger-icon:before {
  content: "\e912";
  font-family: "icomoon";
}
.cp-form .form-group .ui-multiselect .ui-multiselect-panel,
.cp-form .form-group-radio-btn .ui-multiselect .ui-multiselect-panel {
  padding: 0.5rem;
  width: 100%;
  border: 0;
  box-shadow: 0 3px 8px 0 #c3cff0;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item,
.cp-form .form-group-radio-btn .ui-multiselect .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item {
  padding: 1rem;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item .label,
.cp-form .form-group-radio-btn .ui-multiselect .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item .label {
  display: inline-block;
  vertical-align: middle;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-highlight,
.cp-form .form-group-radio-btn .ui-multiselect .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-highlight {
  background: transparent;
  color: #666666;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item:hover,
.cp-form .form-group-radio-btn .ui-multiselect .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item:hover {
  color: #666666;
  background-color: transparent;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-panel .ui-chkbox,
.cp-form .form-group-radio-btn .ui-multiselect .ui-multiselect-panel .ui-chkbox {
  width: auto;
  height: auto;
  margin-right: 1.3rem;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-panel .ui-chkbox .ui-chkbox-box,
.cp-form .form-group-radio-btn .ui-multiselect .ui-multiselect-panel .ui-chkbox .ui-chkbox-box {
  width: 1.6rem;
  height: 1.6rem;
  line-height: 1.6rem;
  border: 0;
  background: #e8ecf8;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-panel .ui-chkbox .ui-chkbox-box.ui-state-active,
.cp-form .form-group-radio-btn .ui-multiselect .ui-multiselect-panel .ui-chkbox .ui-chkbox-box.ui-state-active {
  background: #0a0a5f;
  color: #ffffff;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-panel .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon,
.cp-form .form-group-radio-btn .ui-multiselect .ui-multiselect-panel .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon {
  font-size: 1rem;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-panel .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before,
.cp-form .form-group-radio-btn .ui-multiselect .ui-multiselect-panel .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before {
  content: "\e916";
  font-family: "icomoon";
}
.cp-form .form-group .form-control,
.cp-form .form-group input,
.cp-form .form-group-radio-btn .form-control,
.cp-form .form-group-radio-btn input {
  border: 0;
  width: 100%;
  padding: 1rem 1.2rem;
  font-size: 1.2rem;
  height: 4rem;
  width: 1.8rem;
  font-weight: bold;
  color: black;
  background: transparent;
  border: 1px solid #c8c8c8;
  border-radius: 0.5rem;
}
.cp-form .form-group .form-control:disabled,
.cp-form .form-group input:disabled,
.cp-form .form-group-radio-btn .form-control:disabled,
.cp-form .form-group-radio-btn input:disabled {
  opacity: 1;
}
.cp-form .form-group .form-control.is-invalid,
.cp-form .form-group input.is-invalid,
.cp-form .form-group-radio-btn .form-control.is-invalid,
.cp-form .form-group-radio-btn input.is-invalid {
  border-color: #db0b0b;
  box-shadow: 0 0 10px 0 rgba(199, 34, 42, 0.26);
}
.cp-form .form-group .form-control.ng-valid,
.cp-form .form-group input.ng-valid,
.cp-form .form-group-radio-btn .form-control.ng-valid,
.cp-form .form-group-radio-btn input.ng-valid {
  border-color: #8ec6a2;
}
.cp-form .form-group .form-control::placeholder,
.cp-form .form-group input::placeholder,
.cp-form .form-group-radio-btn .form-control::placeholder,
.cp-form .form-group-radio-btn input::placeholder {
  font-weight: 400;
}
.cp-form .form-group .invalid-error,
.cp-form .form-group-radio-btn .invalid-error {
  position: absolute;
  font-size: 1.1rem;
  font-style: italic;
  line-height: 1.4rem;
  margin-top: 0.4rem;
  color: #db0b0b;
  top: 4rem;
}
.cp-form .form-group p-dropdown .ui-dropdown,
.cp-form .form-group-radio-btn p-dropdown .ui-dropdown {
  display: block;
  width: 34rem;
  line-height: 2.4rem;
  font-size: 1.2rem;
  border: 0;
  position: static;
  height: 4.2rem;
  line-height: 4rem;
  border-radius: 0.5rem;
  /* min-width: inherit; */
  font-weight: 600;
  border-radius: 0.5rem !important;
}
.cp-form .form-group p-dropdown .ui-dropdown .ui-dropdown-trigger,
.cp-form .form-group-radio-btn p-dropdown .ui-dropdown .ui-dropdown-trigger {
  border-radius: 0.5rem;
  right: 1.2rem;
  width: 2rem;
  height: 3.5rem;
  padding: 0;
}
.cp-form .form-group p-dropdown .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon,
.cp-form .form-group-radio-btn p-dropdown .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon {
  display: flex;
  /* vertical-align: middle; */
  line-height: 4rem;
  position: absolute;
  font-size: 1rem;
  color: #307fe2;
  height: 3.5rem;
  align-items: center;
  margin: 0;
  top: 0;
  justify-content: center;
}
.cp-form .form-group p-dropdown .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon:before,
.cp-form .form-group-radio-btn p-dropdown .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon:before {
  content: "\e912";
  font-family: "icomoon";
}
.cp-form .form-group p-dropdown .ui-dropdown .ui-inputtext,
.cp-form .form-group-radio-btn p-dropdown .ui-dropdown .ui-inputtext {
  padding: 0;
  font-weight: 700;
}
.cp-form .form-group p-dropdown .ui-dropdown .ui-inputtext.ui-placeholder,
.cp-form .form-group-radio-btn p-dropdown .ui-dropdown .ui-inputtext.ui-placeholder {
  font-weight: 400;
}
.cp-form .form-group p-dropdown.ui-inputwrapper-filled .ui-dropdown-label,
.cp-form .form-group-radio-btn p-dropdown.ui-inputwrapper-filled .ui-dropdown-label {
  display: inline-block;
  width: auto;
  font-size: 1.2rem;
  border-radius: 1.8rem;
  color: #000000;
  font-weight: bold;
  padding-left: 2px;
  border: 0;
  position: static;
  min-width: inherit;
}
.cp-form .form-group p-dropdown.ui-inputwrapper-filled .ui-dropdown-clear-icon,
.cp-form .form-group-radio-btn p-dropdown.ui-inputwrapper-filled .ui-dropdown-clear-icon {
  position: static;
  display: inline-block;
  vertical-align: middle;
  padding: 0 1.6rem 0 0.5rem;
  width: auto;
  height: auto;
  margin: 0;
  border-radius: 0 1.8rem 1.8rem 0;
  font-style: inherit;
  font-size: 0.8rem;
  color: #ffffff;
  background: #0a0a5f;
}
.cp-form .form-group p-dropdown.ui-inputwrapper-filled .ui-dropdown-clear-icon:before,
.cp-form .form-group-radio-btn p-dropdown.ui-inputwrapper-filled .ui-dropdown-clear-icon:before {
  content: "\e90b";
  font-family: "icomoon";
}
.cp-form .form-group p-dropdown .ui-dropdown-panel,
.cp-form .form-group-radio-btn p-dropdown .ui-dropdown-panel {
  box-shadow: 0 3px 8px 0 #c3cff0;
  border: 0;
  padding: 0.5rem;
  z-index: 1;
  top: 4.3rem !important;
  left: 0px;
  transform: translateY(0px);
  opacity: 1;
  width: 34rem;
}
.cp-form .form-group p-dropdown .ui-dropdown-panel .ui-dropdown-list,
.cp-form .form-group-radio-btn p-dropdown .ui-dropdown-panel .ui-dropdown-list {
  padding: 0;
}
.cp-form .form-group p-dropdown .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item,
.cp-form .form-group-radio-btn p-dropdown .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item {
  padding: 1rem 1rem 1rem 3.5rem;
  color: #666666;
  position: relative;
}
.cp-form .form-group p-dropdown .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item:before,
.cp-form .form-group-radio-btn p-dropdown .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item:before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border: 1px solid #0a0a5f;
  background: #ffffff;
  position: absolute;
  left: 1rem;
}
.cp-form .form-group p-dropdown .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item.ui-state-highlight,
.cp-form .form-group-radio-btn p-dropdown .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item.ui-state-highlight {
  background: transparent;
  color: #666666;
}
.cp-form .form-group p-dropdown .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item.ui-state-highlight:after,
.cp-form .form-group-radio-btn p-dropdown .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item.ui-state-highlight:after {
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  border: 0;
  left: 1.4rem;
  top: 1.4rem;
  position: absolute;
  background: #0a0a5f;
}
.cp-form .form-group p-dropdown.ui-dropdown-clearable .ui-dropdown-label,
.cp-form .form-group-radio-btn p-dropdown.ui-dropdown-clearable .ui-dropdown-label {
  border-radius: 1.8rem 0 0 1.8rem;
  padding: 0 0.5rem 0 1.6rem;
}
.cp-form .form-group p-dropdown.typ-2.ui-inputwrapper-filled .ui-dropdown-label,
.cp-form .form-group-radio-btn p-dropdown.typ-2.ui-inputwrapper-filled .ui-dropdown-label {
  background: transparent;
  color: #666666;
  padding: 0;
}
.cp-form .form-group p-dropdown.typ-2 .ui-dropdown-panel,
.cp-form .form-group-radio-btn p-dropdown.typ-2 .ui-dropdown-panel {
  padding: 0;
}
.cp-form .form-group p-dropdown.typ-2 .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item,
.cp-form .form-group-radio-btn p-dropdown.typ-2 .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item {
  padding: 1.3rem 1.5rem;
  -moz-columns: #666666;
       columns: #666666;
  border-bottom: 1px solid #e8ecf8;
}
.cp-form .form-group p-dropdown.typ-2 .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item:last-child,
.cp-form .form-group-radio-btn p-dropdown.typ-2 .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item:last-child {
  border-bottom: 0;
}
.cp-form .form-group p-dropdown.typ-2 .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item:after, .cp-form .form-group p-dropdown.typ-2 .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item:before,
.cp-form .form-group-radio-btn p-dropdown.typ-2 .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item:after,
.cp-form .form-group-radio-btn p-dropdown.typ-2 .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item:before {
  display: none;
}
.cp-form .form-group p-dropdown.typ-2 .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item:hover,
.cp-form .form-group-radio-btn p-dropdown.typ-2 .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item:hover {
  background: #e8ecf8;
  color: #307fe2;
}
.cp-form .form-group .dropdown-with-icon .ui-autocomplete-dd,
.cp-form .form-group-radio-btn .dropdown-with-icon .ui-autocomplete-dd {
  position: relative;
}
.cp-form .form-group .dropdown-with-icon .ui-autocomplete-dd .ui-autocomplete-input,
.cp-form .form-group-radio-btn .dropdown-with-icon .ui-autocomplete-dd .ui-autocomplete-input {
  padding-right: 3.2rem;
  text-transform: capitalize;
}
.cp-form .form-group .dropdown-with-icon .ui-autocomplete-dd button.ui-autocomplete-dropdown,
.cp-form .form-group-radio-btn .dropdown-with-icon .ui-autocomplete-dd button.ui-autocomplete-dropdown {
  display: block;
  position: absolute;
  top: 0;
  right: 0.5rem;
  background: transparent;
  border: 0;
}
.cp-form .form-group .dropdown-with-icon .ui-autocomplete-dd button.ui-autocomplete-dropdown .ui-button-icon-left,
.cp-form .form-group-radio-btn .dropdown-with-icon .ui-autocomplete-dd button.ui-autocomplete-dropdown .ui-button-icon-left {
  color: #307fe2;
  font-size: 1.2rem;
  margin-left: -0.7em;
}
.cp-form .form-group .dropdown-with-icon .ui-autocomplete-dd button.ui-autocomplete-dropdown .ui-button-icon-left:before,
.cp-form .form-group-radio-btn .dropdown-with-icon .ui-autocomplete-dd button.ui-autocomplete-dropdown .ui-button-icon-left:before {
  content: "\e912";
  font-family: "icomoon";
}
.cp-form .form-group .dropdown-with-icon .ui-autocomplete-panel,
.cp-form .form-group-radio-btn .dropdown-with-icon .ui-autocomplete-panel {
  box-shadow: none;
  left: -1px !important;
  right: -1px !important;
}
.cp-form .form-group .ui-autocomplete,
.cp-form .form-group-radio-btn .ui-autocomplete {
  display: block;
}
.cp-form .form-group .ui-autocomplete ul.ui-inputtext,
.cp-form .form-group-radio-btn .ui-autocomplete ul.ui-inputtext {
  border-radius: 0.5rem;
  display: block;
  padding-left: 1.2rem;
}
.cp-form .form-group .ui-autocomplete-panel,
.cp-form .form-group-radio-btn .ui-autocomplete-panel {
  padding: 0;
  top: 3.7rem !important;
  border-radius: 0 0 0.5rem 0.5rem;
  border: 1px solid #e8ecf8;
}
.cp-form .form-group .ui-autocomplete-panel .ui-autocomplete-list,
.cp-form .form-group-radio-btn .ui-autocomplete-panel .ui-autocomplete-list {
  font-size: 1.2rem;
  padding: 0;
  text-transform: capitalize;
}
.cp-form .form-group .ui-autocomplete-panel .ui-autocomplete-list .ui-autocomplete-list-item,
.cp-form .form-group-radio-btn .ui-autocomplete-panel .ui-autocomplete-list .ui-autocomplete-list-item {
  padding: 1.3rem 1.5rem;
  color: #666666;
}
.cp-form .form-group .ui-autocomplete-panel .ui-autocomplete-list .ui-autocomplete-list-item + .ui-autocomplete-list-item,
.cp-form .form-group-radio-btn .ui-autocomplete-panel .ui-autocomplete-list .ui-autocomplete-list-item + .ui-autocomplete-list-item {
  border-top: 1px solid #e8ecf8;
}
.cp-form .form-group .ui-autocomplete-panel .ui-autocomplete-list .ui-autocomplete-list-item:hover, .cp-form .form-group .ui-autocomplete-panel .ui-autocomplete-list .ui-autocomplete-list-item.ui-state-highlight,
.cp-form .form-group-radio-btn .ui-autocomplete-panel .ui-autocomplete-list .ui-autocomplete-list-item:hover,
.cp-form .form-group-radio-btn .ui-autocomplete-panel .ui-autocomplete-list .ui-autocomplete-list-item.ui-state-highlight {
  background: #e8ecf8;
  color: #307fe2;
}
.cp-form .form-group .ui-autocomplete-dd button.ui-autocomplete-dropdown,
.cp-form .form-group-radio-btn .ui-autocomplete-dd button.ui-autocomplete-dropdown {
  display: none;
}
.cp-form .form-group.with-icon .form-control,
.cp-form .form-group.with-icon input,
.cp-form .form-group-radio-btn.with-icon .form-control,
.cp-form .form-group-radio-btn.with-icon input {
  padding-right: 4rem;
}
.cp-form .form-group.with-icon .view-pwd,
.cp-form .form-group-radio-btn.with-icon .view-pwd {
  border: 0 !important;
  cursor: pointer;
}
.cp-form .form-group .qty-wrap,
.cp-form .form-group-radio-btn .qty-wrap {
  display: flex;
}
.cp-form .form-group .qty-wrap .form-control,
.cp-form .form-group-radio-btn .qty-wrap .form-control {
  text-align: center;
}
.cp-form .form-group .qty-wrap .btn,
.cp-form .form-group-radio-btn .qty-wrap .btn {
  padding: 1rem;
}
.cp-form .form-group .qty-wrap .btn.decrement,
.cp-form .form-group-radio-btn .qty-wrap .btn.decrement {
  border-right: 1px solid #e8ecf8;
}
.cp-form .form-group .qty-wrap .btn.increment,
.cp-form .form-group-radio-btn .qty-wrap .btn.increment {
  border-left: 1px solid #e8ecf8;
}
.cp-form .form-group .qty-wrap .btn .icon,
.cp-form .form-group-radio-btn .qty-wrap .btn .icon {
  background: #0a0a5f;
  color: #ffffff;
  border-radius: 0.3rem;
  width: 1.8rem;
  height: 1.8rem;
  display: inline-block;
  line-height: 1.8rem;
  font-size: 1rem;
}
.cp-form .form-group .ui-selectbutton,
.cp-form .form-group-radio-btn .ui-selectbutton {
  display: flex;
  justify-content: space-between;
  margin: 0 -1rem;
}
.cp-form .form-group .select-button .ui-button,
.cp-form .form-group-radio-btn .select-button .ui-button {
  border: 0;
  font-size: 1.2rem;
  text-align: center;
  border-radius: 1rem;
  line-height: 1.7rem;
  background: #ffffff;
  padding: 0.7rem 1.2rem;
  width: 25%;
  margin: 0 1rem;
}
.cp-form .form-group .select-button .ui-button:hover,
.cp-form .form-group-radio-btn .select-button .ui-button:hover {
  background: #ffffff;
}
.cp-form .form-group .select-button .ui-button.ui-state-active,
.cp-form .form-group-radio-btn .select-button .ui-button.ui-state-active {
  background: #0a0a5f;
}
.cp-form .form-group .select-button .ui-button.ui-state-active .title,
.cp-form .form-group .select-button .ui-button.ui-state-active .desc,
.cp-form .form-group-radio-btn .select-button .ui-button.ui-state-active .title,
.cp-form .form-group-radio-btn .select-button .ui-button.ui-state-active .desc {
  color: #ffffff;
}
.cp-form .form-group .select-button .title,
.cp-form .form-group-radio-btn .select-button .title {
  font-weight: 700;
  color: #333333;
}
.cp-form .form-group .select-button .desc,
.cp-form .form-group-radio-btn .select-button .desc {
  margin-top: 0.3rem;
  color: #666666;
}
.cp-form .form-group .radio-list,
.cp-form .form-group-radio-btn .radio-list {
  background: #e8ecf8;
}
.cp-form .form-group .radio-list .list-item,
.cp-form .form-group-radio-btn .radio-list .list-item {
  display: inline-block;
  margin: 0.4rem 0;
  margin-right: 1.5rem;
}
.cp-form .form-group .radio-list .list-item:last-child,
.cp-form .form-group-radio-btn .radio-list .list-item:last-child {
  margin-right: 0;
}
.cp-form .form-group .radio-list .ui-radiobutton-label,
.cp-form .form-group-radio-btn .radio-list .ui-radiobutton-label {
  display: inline-block;
  height: 3.5rem;
  cursor: pointer;
  line-height: 3.5rem;
  font-size: 1.2rem;
  padding: 0 2rem;
  border-radius: 3rem;
  min-width: 9rem;
  text-align: center;
  background: #ffffff;
  margin: 0;
  transition: all 0.3s ease;
}
.cp-form .form-group .radio-list .ui-radiobutton-label.ui-label-active,
.cp-form .form-group-radio-btn .radio-list .ui-radiobutton-label.ui-label-active {
  background: #0a0a5f;
  color: #ffffff;
}
.cp-form .form-group .checkbox-list,
.cp-form .form-group-radio-btn .checkbox-list {
  background: #e8ecf8;
  display: flex;
  margin-top: 1.2rem;
  flex-wrap: wrap;
}
.cp-form .form-group .checkbox-list .list-item,
.cp-form .form-group-radio-btn .checkbox-list .list-item {
  width: 20%;
  padding-right: 1rem;
  margin-bottom: 2rem;
}
.cp-form .form-group .checkbox-list .list-item:nth-last-child(-n+5),
.cp-form .form-group-radio-btn .checkbox-list .list-item:nth-last-child(-n+5) {
  margin-bottom: 0;
}
.cp-form .form-group p-radiobutton .ui-radiobutton,
.cp-form .form-group-radio-btn p-radiobutton .ui-radiobutton {
  display: none;
}
.cp-form .form-group .input-switch,
.cp-form .form-group-radio-btn .input-switch {
  background: transparent;
  position: relative;
  display: inline-block;
  font-size: 0;
}
.cp-form .form-group .input-switch .ui-radiobutton,
.cp-form .form-group-radio-btn .input-switch .ui-radiobutton {
  display: none;
}
.cp-form .form-group .input-switch .switch-wrap,
.cp-form .form-group-radio-btn .input-switch .switch-wrap {
  background: #ffffff;
  display: inline-block;
  border-radius: 3rem;
  overflow: hidden;
}
.cp-form .form-group .input-switch .ui-radiobutton-label,
.cp-form .form-group-radio-btn .input-switch .ui-radiobutton-label {
  display: inline-block;
  height: 4rem;
  cursor: pointer;
  line-height: 4rem;
  font-size: 1.2rem;
  padding: 0 2rem;
  border-radius: 3rem;
  min-width: 9rem;
  text-align: center;
  margin: 0;
  transition: all 0.3s ease;
}
.cp-form .form-group .input-switch .ui-radiobutton-label.ui-label-active,
.cp-form .form-group-radio-btn .input-switch .ui-radiobutton-label.ui-label-active {
  border-radius: 3rem;
  background: #0a0a5f;
  color: #ffffff;
  font-weight: 700;
}
.cp-form .form-group .input-switch + .dynamic-text,
.cp-form .form-group-radio-btn .input-switch + .dynamic-text {
  position: absolute;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
  bottom: -3rem;
}
.cp-form .form-group .switch,
.cp-form .form-group-radio-btn .switch {
  background: #ffffff;
  border-radius: 3rem;
  overflow: hidden;
  position: relative;
  display: inline-block;
}
.cp-form .form-group .switch input,
.cp-form .form-group-radio-btn .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.cp-form .form-group .switch input:checked + .slider:before,
.cp-form .form-group-radio-btn .switch input:checked + .slider:before {
  transform: translateX(100%);
}
.cp-form .form-group .switch .val,
.cp-form .form-group-radio-btn .switch .val {
  position: relative;
  z-index: 1;
  display: inline-block;
  height: 4rem;
  line-height: 4rem;
  padding: 0 2rem;
}
.cp-form .form-group .switch .slider:before,
.cp-form .form-group-radio-btn .switch .slider:before {
  position: absolute;
  content: "";
  height: 4rem;
  width: 50%;
  left: 4px;
  bottom: 4px;
  z-index: 0;
  background-color: #0a0a5f;
  border-radius: 3rem;
  transition: 0.4s;
}
.cp-form.typ-sleek .form-group {
  margin-bottom: 0;
}
.cp-form .ui-chkbox {
  width: auto;
  height: auto;
}
.cp-form .ui-chkbox .ui-chkbox-box {
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  border-radius: 0;
  text-align: center;
  border: 1px solid #d0d5e5;
}
.cp-form .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):hover {
  border-color: #d0d5e5;
}
.cp-form .ui-chkbox .ui-chkbox-box.ui-state-focus {
  box-shadow: none;
}
.cp-form .ui-chkbox .ui-chkbox-box.ui-state-active {
  background: #0a0a5f;
  color: #ffffff;
  border-color: #0a0a5f;
}
.cp-form .ui-chkbox .ui-chkbox-box.ui-state-active:hover {
  border-color: #0a0a5f;
  background: #0a0a5f;
}
.cp-form .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon {
  font-size: 0.9rem;
}
.cp-form .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before {
  content: "\e916";
  font-family: icomoon;
}
.cp-form .ui-chkbox-label {
  cursor: pointer;
}
.cp-form .user-img-wrap {
  display: flex;
}
.cp-form .user-img-wrap .profile-pic {
  position: relative;
  margin-right: 2rem;
  height: 7.6rem;
}
.cp-form .user-img-wrap .form-group {
  width: 100%;
}
.cp-form .user-img-wrap .img-wrap {
  width: 7.6rem;
  height: 7.6rem;
  border-radius: 50%;
  overflow: hidden;
  padding-right: 0.2rem;
  background: #ffffff;
}
.cp-form .user-img-wrap .change-img {
  position: absolute;
  bottom: 0.2rem;
  right: 0;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  overflow: hidden;
  background: #307fe2;
  color: #ffffff;
  cursor: pointer;
}
.cp-form .user-img-wrap .change-img:before {
  content: "\e90f";
  font-size: 1.1rem;
  font-family: "icomoon";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cp-form .user-img-wrap .change-img .upolad-img {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.cp-form.typ-shadow {
  box-shadow: 0 0 20px 0 #edf1ff;
}
.cp-form .form-head {
  padding: 1.8rem 2rem;
  border: 1px solid #e8ecf8;
  position: relative;
}
.cp-form .form-head .title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #0a0a5f;
}
.cp-form .form-head .title .small {
  color: #333333;
  font-size: 1.4rem;
}
.cp-form .form-head .linked-acc-wrap {
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
}
.cp-form .form-head.typ-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cp-form .form-head.typ-flex .btn-icon-text {
  display: inline-block;
  text-transform: uppercase;
  font-size: 1.4rem;
  color: #0a0a5f;
  font-weight: 700;
  vertical-align: middle;
}
.cp-form .form-head.typ-flex .btn-icon-text .icon {
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  background: #0a0a5f;
  display: inline-block;
  vertical-align: middle;
  border-radius: 0.3rem;
  margin-right: 0.8rem;
  color: #ffffff;
}
.cp-form .form-head.typ-flex .btn-icon-text .icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cp-form .form-head .icon-close {
  color: #333333;
}
.cp-form .form-head .left-wrap {
  display: flex;
  align-items: center;
}
.cp-form .form-head .left-wrap .checkbox-wrap {
  margin-left: 2rem;
}
.cp-form .form-head .left-wrap .support-text {
  font-size: 1.4rem;
  line-height: 1.7rem;
  color: #333333;
  display: inline-block;
}
.cp-form .form-head .left-wrap .support-text.typ-italic {
  font-style: italic;
}
.cp-form .form-head .left-wrap.typ-block {
  display: block;
}
.cp-form .form-head .left-wrap.typ-block .support-text {
  margin-top: 0.5rem;
}
.cp-form .form-cont {
  padding: 2rem 2rem 1rem 2rem;
  background: #e8ecf8;
}
.cp-form .form-cont .field-wrap {
  margin-bottom: 0.5rem;
}
.cp-form .form-cont .field-wrap .field-title {
  font-size: 1.8rem;
  line-height: 2.2rem;
  margin-bottom: 1rem;
  color: #0a0a5f;
  font-weight: 700;
}
.cp-form .form-cont > .label-value {
  margin-bottom: 4rem;
}
.cp-form .form-cont > .label-value .label {
  display: block;
  font-size: 1.2rem;
  line-height: 1.6rem;
  margin-bottom: 0.3rem;
}
.cp-form .form-cont > .label-value .value {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
  font-weight: 700;
}
.cp-form .form-cont .field-item .label-value .label {
  display: block;
  font-size: 1.2rem;
  line-height: 1.6rem;
  margin-bottom: 0.3rem;
}
.cp-form .form-cont .field-item .label-value .value {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
  font-weight: 700;
  position: relative;
}
.cp-form .form-cont .field-item .label-value .value.typ-currency {
  padding-left: 1.2rem;
}
.cp-form .form-cont .field-item .label-value .value.typ-currency:before {
  font-size: 1rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "\e914";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cp-form .form-cont .subtitle {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: #0a0a5f;
}
.cp-form .form-cont .map-container agm-map {
  height: 100%;
  width: 100%;
}
.cp-form .form-cont .map-container.typ-pin-location {
  height: 22.5rem;
}
.cp-form .form-cont .map-container.typ-geofence {
  margin-top: 2.5rem;
  height: 35rem;
}
.cp-form .form-cont .two-col-right {
  display: flex;
}
.cp-form .form-cont .two-col-right .left-wrap {
  width: 66.66%;
  padding-right: 1rem;
}
.cp-form .form-cont .two-col-right .right-wrap {
  width: 33.33%;
  padding-left: 1rem;
}
.cp-form .form-cont .two-col-left {
  display: flex;
}
.cp-form .form-cont .two-col-left .left-wrap {
  width: 33.33%;
  padding-right: 1rem;
}
.cp-form .form-cont .two-col-left .right-wrap {
  width: 66.66%;
  padding-left: 1rem;
  display: flex;
  align-items: center;
}
.cp-form .form-cont .two-col-left .right-wrap .row.col-2 {
  width: 100%;
}
.cp-form .add-new-fields {
  padding: 0 2rem 2rem 2rem;
  background: #e8ecf8;
}
.cp-form .new-fieldset .form-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cp-form .new-fieldset .form-head .title {
  font-size: 1.4rem;
}
.cp-form .new-fieldset .form-head .remove-fields {
  display: inline-block;
  cursor: pointer;
}
.cp-form .new-fieldset .form-head .remove-fields .icon {
  font-size: 0.9rem;
  margin-right: 0.5rem;
  font-weight: 700;
}
.cp-form .new-fieldset .form-head .remove-fields::after {
  display: none;
}
.cp-form .new-fieldset .ifsc-field-wrap {
  display: none;
}
.cp-form .new-fieldset.show-ifsc-fields .ifsc-field-wrap {
  display: block;
}
.cp-form .file-upload-status .ui-fileupload-files {
  display: inline-block;
  max-width: 50%;
  position: relative;
  padding-right: 6rem;
}
.cp-form .file-upload-status .ui-fileupload-buttonbar {
  position: absolute;
  background-color: transparent;
  padding: 0;
  border: 0;
  z-index: 1;
  right: 2rem;
  top: 1.35rem;
}
.cp-form .file-upload-status .ui-fileupload-buttonbar .ui-button {
  margin-right: 0;
  border: 0;
  background-color: #0a0a5f;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  text-align: center;
}
.cp-form .file-upload-status .ui-fileupload-buttonbar .ui-button:before {
  content: "\e928";
  font-family: "icomoon";
}
.cp-form .file-upload-status .ui-fileupload-buttonbar .ui-button .ui-button-text {
  display: none;
}
.cp-form .file-upload-status .ui-fileupload-row {
  display: table-row;
}
.cp-form .file-upload-status .ui-fileupload-row > div {
  padding: 0;
  display: table-cell;
  font-size: 1.2rem;
  line-height: 1.7rem;
  vertical-align: top;
}
.cp-form .file-upload-status .ui-fileupload-row > div:nth-child(2) {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.9rem;
  margin-bottom: 0.5rem;
}
.cp-form .file-upload-status .ui-fileupload-row > div:nth-child(3) {
  position: absolute;
  top: 2rem;
  left: 10rem;
}
.cp-form .file-upload-status .ui-fileupload-row button {
  position: absolute;
  right: -1.4rem;
  top: 0.4rem;
  color: #307fe2;
  background: transparent;
  border: 0;
  width: auto;
}
.cp-form .file-upload-status .ui-fileupload-row button:before {
  content: "\e90b";
  margin-right: 0.5rem;
  font-size: 1.1rem;
  line-height: 1.7rem;
  font-family: "icomoon";
}
.cp-form .file-upload-status .ui-fileupload-row button:after {
  content: "Remove";
}
.cp-form .file-upload-status .ui-fileupload-row button .ui-button-icon-left,
.cp-form .file-upload-status .ui-fileupload-row button .ui-button-text {
  display: none;
}
.cp-form .file-upload-status .ui-fileupload-row img {
  max-width: 8rem;
  margin-right: 2rem;
}
.cp-form .file-upload-status .ui-fileupload-content {
  padding: 0;
  border: 0;
  display: none;
  margin-top: 1.5rem;
}
.cp-form .file-upload-status .ui-fileupload-content .ui-progressbar {
  height: 0.8rem;
  background: #d8d8d8;
  border-radius: 0;
  width: 35%;
  left: inherit;
  right: 0;
  top: 1rem;
  overflow: visible;
}
.cp-form .file-upload-status .ui-fileupload-content .ui-progressbar:before {
  content: "Uploading";
  position: absolute;
  top: 100%;
  left: 0;
  font-size: 1.2rem;
  padding-top: 0.5rem;
}
.cp-form .file-upload-status .ui-fileupload-content .ui-progressbar-value {
  background: rgb(10, 10, 95);
  background: linear-gradient(271deg, rgb(10, 10, 95) 0%, rgb(48, 127, 226) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a0a5f", endColorstr="#307fe2", GradientType=1);
}
.cp-form .file-upload-status .ui-fileupload-content .ui-progressbar-determinate .ui-progressbar-value-animate {
  transition: width 2s ease-in-out;
}
.cp-form.upload-doc-wrap .form-cont {
  display: none;
}
.cp-form.upload-doc-wrap.active .form-cont,
.cp-form.upload-doc-wrap.active .ui-fileupload-content {
  display: block;
}
.cp-form.upload-doc-wrap.active.uploaded .file-upload-status .ui-fileupload-row > div:first-child {
  position: relative;
}
.cp-form.upload-doc-wrap.active.uploaded .file-upload-status .ui-fileupload-row > div:first-child:before {
  content: "";
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: -0.5rem;
  left: -0.5rem;
  background: url('check-filled.ccfa51c6e83408ff.svg') center center no-repeat;
  background-size: 100%;
}
.cp-form .document-detail-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.8rem;
}
.cp-form .document-detail-wrap .left-wrap {
  display: flex;
  align-items: top;
}
.cp-form .document-detail-wrap .left-wrap > div {
  margin-right: 2rem;
}
.cp-form .document-detail-wrap .file-details {
  display: flex;
  line-height: 1.9rem;
  min-width: 20rem;
}
.cp-form .document-detail-wrap .file-details img {
  margin-right: 2rem;
  max-width: 8rem;
  float: left;
}
.cp-form .document-detail-wrap .file-details .fname {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  max-width: 15rem;
}
.cp-form .document-detail-wrap .file-details .fsize {
  font-size: 1.2rem;
}
.cp-form .document-detail-wrap .doc-detail {
  line-height: 1.9rem;
  min-width: 12rem;
}
.cp-form .document-detail-wrap .doc-detail .name {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}
.cp-form .document-detail-wrap .doc-detail .value {
  font-size: 1.4rem;
  font-weight: 700;
  color: #0a0a5f;
}
.cp-form .document-detail-wrap + .document-detail-wrap {
  padding-top: 1.8rem;
  border-top: 1px solid #e8ecf8;
  margin-top: 1.8rem;
  padding-bottom: 0.3rem;
}
.cp-form .action-wrap button + button {
  margin-left: 3rem;
}
.cp-form .col-item .btn-wrap {
  margin-top: 2.7rem;
}
.cp-form .cp-verify {
  margin-top: 1.1rem;
}
.cp-form .cp-verify .otp-varification {
  display: flex;
  justify-content: space-between;
  align-items: self-start;
}
.cp-form .cp-verify .otp-varification .btn {
  padding-right: 0;
}
.cp-form .cp-verify .otp-varification .otp-note {
  font-size: 1rem;
  font-style: italic;
  color: #666666;
  margin-top: 0.5rem;
  line-height: 1.4rem;
}
.cp-form .cp-verify .otp-varification .resend-otp-btn {
  display: none;
  text-align: right;
}
.cp-form .cp-verify .enter-otp-wrap {
  display: none;
  margin-top: 1.5rem;
}
.cp-form .cp-verify .enter-otp-wrap .input-group {
  background: transparent;
  margin-top: 1rem;
}
.cp-form .cp-verify .enter-otp-wrap .form-control {
  width: 4rem;
  font-size: 2.4rem;
  padding: 0.7rem;
  color: #0a0a5f;
  font-weight: 700;
  background: #ffffff;
  text-align: center;
}
.cp-form .cp-verify .enter-otp-wrap .form-control + .form-control {
  margin-left: 2rem;
}
.cp-form .cp-verify.active .otp-varification .get-otp {
  display: none;
}
.cp-form .cp-verify.active .otp-varification .resend-otp-btn {
  display: block;
}
.cp-form .cp-verify.active .enter-otp-wrap {
  display: block;
}
.cp-form .company-image {
  margin: 0 auto;
  width: 15rem;
  position: relative;
}
.cp-form .company-image .img-wrap {
  width: 15rem;
  height: 15rem;
  border-radius: 50%;
  overflow: hidden;
  background: #ffffff;
}
.cp-form .company-image .icon {
  position: absolute;
  bottom: 1rem;
  right: -1rem;
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  background: #307fe2;
  color: #ffffff;
  text-align: center;
  border-radius: 50%;
  font-size: 2rem;
}
.cp-form .company-image .img {
  width: 100%;
}
.cp-form .pwd-note {
  font-size: 1.2rem;
  color: #666666;
  padding-top: 1.5rem;
}
.cp-form .forgot-pwd-link {
  text-align: right;
  margin-bottom: 2rem;
}

textarea,
select,
input,
button {
  outline: none;
}

@media only screen and (max-width: 1024px) {
  .cp-form .form-cont .two-col-right,
  .cp-form .form-cont .two-col-left {
    display: block;
  }
  .cp-form .form-cont .two-col-right .left-wrap,
  .cp-form .form-cont .two-col-left .left-wrap {
    width: 100%;
    padding-right: 0;
  }
  .cp-form .form-cont .two-col-right .right-wrap,
  .cp-form .form-cont .two-col-left .right-wrap {
    width: 100%;
    padding-left: 0;
  }
  .cp-form .form-cont .company-image {
    margin-bottom: 2rem;
    width: 10rem;
  }
  .cp-form .form-cont .company-image .img-wrap {
    width: 10rem;
    height: 10rem;
  }
  .cp-form .form-cont .company-image .icon {
    width: 3.2rem;
    height: 3.2rem;
    line-height: 3.2rem;
    font-size: 1.5rem;
  }
  .cp-form .form-cont .map-container.typ-pin-location {
    height: 20rem;
  }
  .cp-form .form-cont .map-container.typ-geofence {
    height: 25rem;
  }
  .cp-form .form-head .linked-acc-wrap {
    position: relative;
    right: auto;
    transform: none;
    margin-top: 1.5rem;
  }
  .cp-form .form-head .left-wrap .support-text {
    font-size: 1.3rem;
  }
  .cp-form .action-wrap button + button {
    margin-left: 2rem;
  }
  .cp-form .form-group .checkbox-list .list-item {
    width: 33.33%;
  }
  .cp-form .form-group .checkbox-list .list-item:nth-last-child(-n+5) {
    margin-bottom: 2rem;
  }
  .cp-form .form-group .checkbox-list .list-item:nth-last-child(-n+3) {
    margin-bottom: 0;
  }
  .cp-form .form-group .radio-list .list-item {
    margin-right: 1.2rem;
  }
}
@media only screen and (max-width: 900px) {
  .cp-form .document-detail-wrap {
    align-items: flex-start;
  }
  .cp-form .document-detail-wrap .left-wrap {
    display: block;
    width: 60%;
  }
  .cp-form .document-detail-wrap .left-wrap .file-details {
    width: 100%;
    display: flex;
  }
  .cp-form .document-detail-wrap .left-wrap .doc-detail {
    margin-top: 1.4rem;
  }
  .cp-form .document-detail-wrap .left-wrap > div {
    margin-right: 0;
    width: 50%;
    min-width: auto;
    padding-right: 1rem;
    display: inline-block;
  }
}
@media only screen and (max-width: 767px) {
  .cp-form .form-head {
    padding: 1.6rem 1.6rem;
  }
  .cp-form .form-head .title {
    font-size: 1.4rem;
  }
  .cp-form .form-head .title .small {
    font-size: 1.2rem;
  }
  .cp-form .form-group .checkbox-list .list-item {
    width: 50%;
  }
  .cp-form .form-group .checkbox-list .list-item:nth-last-child(-n+5), .cp-form .form-group .checkbox-list .list-item:nth-last-child(-n+3) {
    margin-bottom: 2rem;
  }
  .cp-form .form-group .checkbox-list .list-item:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
  .cp-form .user-img-wrap {
    display: flex;
    flex-direction: column;
  }
  .cp-form .user-img-wrap .profile-pic {
    width: 7.6rem;
    margin: 0 auto 1.5rem;
  }
  .cp-form .form-cont {
    padding: 1.6rem 1.6rem 0.5rem 1.6rem;
  }
  .cp-form .form-cont .map-container.typ-pin-location {
    height: 15rem;
  }
  .cp-form .form-group .form-label {
    font-size: 1.3rem;
    margin-bottom: 1.5rem;
  }
  .cp-form .form-group .form-control,
  .cp-form .form-group input {
    font-size: 1.2rem;
  }
  .cp-form .form-group .input-switch + .dynamic-text {
    font-size: 1.3rem;
    line-height: 1.7rem;
  }
  .cp-form .action-wrap button + button {
    margin-left: 0;
  }
  .cp-form .document-detail-wrap .left-wrap {
    width: 75%;
  }
  .cp-form .document-detail-wrap .left-wrap .file-details {
    width: 100%;
    display: flex;
  }
  .cp-form .document-detail-wrap .left-wrap .doc-detail {
    margin-top: 1.4rem;
  }
  .cp-form .document-detail-wrap .left-wrap > div {
    margin-right: 0;
    width: 50%;
    padding-right: 1rem;
    display: inline-block;
  }
  .cp-form .col-item .btn-wrap {
    margin-top: 0;
    margin-bottom: 1.2rem;
  }
  .cp-form .file-upload-status .ui-fileupload-row img {
    min-width: 7rem;
  }
  .cp-form .file-upload-status .ui-fileupload-row button {
    right: 0;
  }
  .cp-form .file-upload-status .ui-fileupload-row button:after {
    display: none;
  }
  .cp-form .file-upload-status .ui-fileupload-row > div {
    display: block;
  }
  .cp-form .file-upload-status .ui-fileupload-row > div:nth-child(2) {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: calc(100% - 12.5rem);
    position: absolute;
    top: 0;
    left: 9.5rem;
  }
  .cp-form .file-upload-status .ui-fileupload-row > div:nth-child(2) {
    left: 9.5rem;
  }
  .cp-form .file-upload-status .ui-fileupload-content {
    padding-bottom: 3.5rem;
    margin-top: 1.8rem;
  }
  .cp-form .file-upload-status .ui-fileupload-content .ui-progressbar {
    top: inherit;
    bottom: 1.4rem;
    width: 100%;
  }
  .cp-form .file-upload-status .ui-fileupload-content .ui-progressbar:before {
    font-size: 1.1rem;
  }
  .cp-form .file-upload-status .ui-fileupload-buttonbar {
    right: 1.5rem;
    top: 1.05rem;
  }
  .cp-form .file-upload-status .ui-fileupload-buttonbar .ui-button {
    width: 2.8rem;
    height: 2.8rem;
    line-height: 2.6rem;
    font-size: 1.2rem;
  }
  .cp-form .file-upload-status .ui-fileupload-files {
    max-width: 100%;
    display: block;
    margin-top: 1.5rem;
    padding-right: 4rem;
  }
  .cp-form p-checkbox {
    display: flex;
    font-size: 1.3rem;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 1024px) {
  .cp-form .form-group p-dropdown .ui-dropdown, .cp-form .form-group-radio-btn p-dropdown .ui-dropdown {
    width: 35vw;
  }
  .cp-form .form-group .form-label {
    font-size: 1.3rem;
    margin-bottom: 0.3rem;
    margin-top: 0.5rem;
  }
  .cp-form .form-group .form-label, .cp-form .form-group-radio-btn .form-label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 700;
    position: relative;
    color: #333333;
    font-size: 1.4rem;
    line-height: 1.5rem;
    margin-top: 10px;
  }
  .cp-form .form-group p-dropdown .ui-dropdown-panel, .cp-form .form-group-radio-btn p-dropdown .ui-dropdown-panel {
    box-shadow: 0 3px 8px 0 #c3cff0;
    border: 0;
    padding: 0.5rem;
    z-index: 1;
    top: 4.3rem !important;
    left: 0px;
    transform: translateY(0px);
    opacity: 1;
    width: 100%;
  }
  .cp-form .form-cont {
    padding: 0.2rem 1.6rem 1.5rem 1.6rem;
  }
}
@media only screen and (max-width: 425px) {
  .cp-form .form-group p-dropdown .ui-dropdown {
    width: 77vw;
  }
}
@media only screen and (min-width: 426px) and (max-width: 768px) {
  .cp-form .form-group p-dropdown .ui-dropdown {
    width: 77vw;
  }
}
@media only screen and (min-width: 769px) and (max-width: 960px) {
  .cp-form .form-group p-dropdown .ui-dropdown {
    width: 35vw;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1380px) {
  .cp-form .form-group p-dropdown .ui-dropdown {
    width: 25vw;
  }
}
.cp-card {
  background: #ffffff;
  box-shadow: 0 0 20px 0 #edf1ff;
}
.cp-card .card-head {
  padding: 1.2rem 2rem;
  border-bottom: 1px solid #e8ecf8;
}
.cp-card .card-head .card-title {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #0a0a5f;
  text-transform: capitalize;
}
.cp-card .card-body .mod-data-list dl {
  min-height: 6.5rem;
  padding: 1.2rem 2rem;
}
.cp-card .card-body .mod-data-list .icon-rupee {
  display: inline-block;
  vertical-align: middle;
}
.cp-card .card-body .mod-data-list .value .icon-rupee {
  font-size: 1rem;
}
.cp-card .card-body .mod-data-list .meta .icon-rupee {
  font-size: 0.9rem;
}
.cp-card.typ-service {
  border: none;
  border-radius: 0.2rem;
}
.cp-card.typ-service .card-head {
  position: relative;
  padding: 1rem;
  border-bottom: 1px solid #e8ecf8;
}
.cp-card.typ-service .card-head .mod-name-value .img-wrap {
  width: 3.5rem;
  height: 3.5rem;
  overflow: hidden;
  border-radius: 50%;
}
.cp-card.typ-service .card-head .mod-name-value .img-wrap img {
  width: 100%;
}
.cp-card.typ-service .card-head .mod-name-value .info-wrap .name {
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 700;
  color: #0a0a5f;
  margin-bottom: 0.2rem;
  display: block;
}
.cp-card.typ-service .card-head .mod-name-value .info-wrap .value {
  font-size: 1.2rem;
  line-height: 1.2rem;
}
.cp-card.typ-service .card-head .mod-name-value .info-wrap .value span {
  border-right: 1px solid #666666;
  padding-right: 0.3rem;
  margin-right: 0.3rem;
  line-height: 1.2rem;
  display: inline-block;
}
.cp-card.typ-service .card-head .mod-name-value .info-wrap .value span:last-of-type {
  border-right: none;
}
.cp-card.typ-service .card-head .service-count {
  position: absolute;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #0a0a5f;
  font-weight: 700;
  top: 1rem;
  right: 1rem;
}
.cp-card.typ-service .card-body {
  height: 11rem;
  overflow-y: auto;
}
.cp-card.typ-service .card-body .service-list {
  overflow: hidden;
}
.cp-card.typ-service .card-body .service-list .service-item {
  padding: 1.1rem 1rem;
  border-bottom: 1px solid #e8ecf8;
}
.cp-card.typ-service .card-body .service-list .service-item .left-wrap .label {
  font-size: 1.2rem;
  line-height: 1.6rem;
  display: block;
  margin-bottom: 0.3rem;
}
.cp-card.typ-service .card-body .service-list .service-item .left-wrap .timestamp {
  line-height: 1.4rem;
  display: block;
}
.cp-card.typ-service .card-body .service-list .service-item:last-of-type {
  border-bottom: none;
}
.cp-card.typ-service .card-body .service-list .service-item.typ-col2 {
  display: flex;
  justify-content: space-between;
}
.cp-card.typ-service .card-body .service-list .service-item.typ-col2 .right-wrap .duration {
  text-align: right;
}
.cp-card.typ-service .card-body .service-list .service-item.typ-col2 .right-wrap .duration .icon {
  font-size: 1.5rem;
  color: #666666;
  display: block;
  margin-bottom: 0.3rem;
}
.cp-card.typ-service .card-body .service-list .service-item.typ-col2 .right-wrap .duration .count {
  font-size: 1rem;
  line-height: 1.4rem;
  display: block;
  font-style: italic;
}
.cp-card.typ-service .card-body.one-service {
  height: auto;
}
.cp-card.typ-service .card-footer {
  padding: 1rem;
  border-top: 1px solid #e8ecf8;
}
.cp-card.typ-service .card-footer .btn {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-card.typ-service .card-footer .btn::after {
  content: "\e90d";
  font-family: "icomoon";
  display: inline-block;
  font-size: 0.85rem;
  margin-left: 0.3rem;
}
.cp-card.typ-incident {
  border: none;
  border-radius: 0.2rem;
  color: #333333;
}
.cp-card.typ-incident.typ-alert .card-body {
  position: relative;
}
.cp-card.typ-incident.typ-alert .issue-count {
  position: absolute;
  right: 1.5rem;
  bottom: 0.4rem;
}
.cp-card.typ-incident.typ-alert .issue-count .count {
  width: auto;
}
.cp-card.typ-incident .img-wrap {
  width: 3.5rem;
  height: 3.5rem;
  overflow: hidden;
  border-radius: 50%;
}
.cp-card.typ-incident .img-wrap img {
  width: 100%;
}
.cp-card.typ-incident .mod-name-value .info-wrap .name {
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 700;
  margin-bottom: 0.2rem;
  display: block;
  text-transform: uppercase;
}
.cp-card.typ-incident .mod-name-value .info-wrap .value {
  font-size: 1.2rem;
  line-height: 1.2rem;
}
.cp-card.typ-incident .mod-name-value .info-wrap .value span {
  border-right: 1px solid #666666;
  padding-right: 0.3rem;
  margin-right: 0.3rem;
  line-height: 1.2rem;
  display: inline-block;
}
.cp-card.typ-incident .mod-name-value .info-wrap .value span:last-of-type {
  border-right: none;
}
.cp-card.typ-incident .card-head {
  position: relative;
  padding: 1.5rem;
  border-bottom: 1px solid #e8ecf8;
}
.cp-card.typ-incident .card-head .more-info {
  position: absolute;
  top: 50%;
  right: 1.5rem;
  cursor: pointer;
  transform: translateY(-50%);
}
.cp-card.typ-incident .card-head .more-info .icon {
  color: #307fe2;
  font-size: 2rem;
}
.cp-card.typ-incident .card-body {
  padding: 1.5rem;
}
.cp-card.typ-incident .card-body .alert-type {
  padding-bottom: 1.5rem;
  display: flex;
  align-items: center;
}
.cp-card.typ-incident .card-body .alert-type .icon-wrap {
  margin-right: 1rem;
  width: 3.5rem;
  text-align: center;
  height: 2rem;
}
.cp-card.typ-incident .card-body .alert-type .text {
  font-size: 1.2rem;
  font-weight: 700;
}
.cp-card.typ-incident .card-body .alert-type .icon {
  font-size: 2.5rem;
  color: #0a0a5f;
}
.cp-card.typ-incident .card-body .alert-type .icon.typ-green {
  color: #0c9f41;
}
.cp-card.typ-incident .card-body .alert-type .icon.typ-error {
  color: #db0b0b;
}
.cp-card.typ-incident .card-body .alert-type .icon.typ-info {
  display: block;
  background: #db0b0b;
  border-radius: 50%;
  box-shadow: 0 0 10px 0 rgba(219, 11, 11, 0.75);
  overflow: hidden;
  width: 2rem;
  color: #ffffff;
  height: 2rem;
  font-size: 1.1rem;
  text-align: center;
  line-height: 2rem;
  margin: 0 auto;
}
.cp-card.typ-incident .card-body .issue-count {
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  padding-bottom: 1.5rem;
}
.cp-card.typ-incident .card-body .issue-count .count {
  width: 3.5rem;
  text-align: center;
  font-size: 2.2rem;
  color: #0a0a5f;
  margin-right: 1rem;
  font-weight: 700;
}
.cp-card.typ-incident .card-body .odometer-reading {
  font-size: 1.2rem;
  position: relative;
}
.cp-card.typ-incident .card-body .odometer-reading .mod-name-value .info-wrap .name {
  font-size: 1.2rem;
  text-transform: capitalize;
}
.cp-card.typ-incident .card-body .odometer-reading .img-wrap {
  background: #e8ecf8;
  text-align: center;
}
.cp-card.typ-incident .card-body .odometer-reading .img-wrap .icon {
  font-size: 2.3rem;
  line-height: 3.5rem;
  color: #307fe2;
}
.cp-card.typ-incident .card-body .odometer-reading .timestamp {
  position: absolute;
  right: 0;
  bottom: 0;
}
.cp-card.typ-table {
  box-shadow: none;
  background-color: transparent;
}
.cp-card.typ-table .ui-table .ui-table-wrapper {
  border: 1px solid #e8ecf8;
  box-shadow: 0 0 20px 0 #edf1ff;
}
.cp-card.typ-table .ui-table thead th {
  padding-bottom: 1rem;
}
.cp-card.typ-map {
  display: flex;
  padding: 2rem;
  border: 1px solid #e8ecf8;
}
.cp-card.typ-map .map-container {
  height: 35rem;
  width: 70%;
}
.cp-card.typ-map .map-container agm-map {
  width: 100%;
  height: 100%;
}
.cp-card.typ-map .map-detail {
  padding-left: 3rem;
}
.cp-card.typ-map .map-detail .status {
  display: inline-block;
  margin-bottom: 2rem;
  color: #ffffff;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 700;
  margin-bottom: 2rem;
  padding: 0.2rem 1rem;
}
.cp-card.typ-map .map-detail .status.typ-disabled {
  background-color: #999999;
}
.cp-card.typ-map .map-detail .status.typ-enabled {
  background-color: #0a0a5f;
}
.cp-card.typ-map .map-detail .label-value-list .item {
  margin-bottom: 2rem;
}
.cp-card.typ-map .map-detail .label-value-list .item:last-of-type {
  margin-bottom: 0;
}
.cp-card.typ-map .map-detail .label-value .label,
.cp-card.typ-map .map-detail .label-value .value {
  display: block;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-card.typ-map .map-detail .label-value .value {
  font-weight: 700;
  color: #333333;
  max-width: 25rem;
}
.cp-card.typ-map .map-detail .label-value .label {
  margin-bottom: 0.3rem;
}
.cp-card.typ-inline {
  display: flex;
  justify-content: space-between;
}
.cp-card.typ-inline .card-head {
  padding: 1.5rem 2rem;
  padding-right: 1rem;
  width: 33.33%;
  border-bottom: none;
}
.cp-card.typ-inline .card-body {
  flex-grow: 1;
  padding: 1.5rem 2rem;
  padding-left: 1rem;
}
.cp-card .card-body .detail-item {
  margin-bottom: 1.5rem;
}
.cp-card .card-body .detail-item .label-value .label {
  display: block;
  margin-bottom: 0.3rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-card .card-body .detail-item .label-value .value {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
  font-weight: 700;
}
.cp-card .card-body .detail-item .label-value .value.typ-highlight {
  color: #0a0a5f;
}
.cp-card .user-desg-list {
  padding-top: 1.5rem;
  border-top: 1px solid #e8ecf8;
}
.cp-card .user-desg-list .desg-tag {
  flex: 1 1 auto;
  height: 3.5rem;
  position: relative;
  font-size: 1.5rem;
  border: 2px solid #183590;
  border-radius: 5%;
  width: 10rem;
  background-color: #183590;
  color: #ffffff;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cp-card .user-desg-list .desg-tag:last-of-type {
  padding: 1rem;
  width: 12rem;
}
.cp-card.typ-detail .card-head .mod-name-value .img-wrap {
  width: 8rem;
  height: 8rem;
  margin-right: 1.8rem;
  border-radius: 50%;
  overflow: hidden;
}
.cp-card.typ-detail .card-head .mod-name-value .info-wrap .name {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #0a0a5f;
  margin-bottom: 0.5rem;
}
.cp-card.typ-detail .card-head .mod-name-value .info-wrap .value .location {
  font-size: 1.4rem;
  display: block;
  margin-bottom: 1.2rem;
}
.cp-card.typ-detail .card-head .mod-name-value .info-wrap .value .location span {
  display: inline-block;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  line-height: 1.4rem;
}
.cp-card.typ-detail .card-head .mod-name-value .info-wrap .value .location span:first-of-type {
  padding-left: 0;
  border-right: 1px solid #666666;
}
.cp-card.typ-detail .card-head .mod-name-value .info-wrap .value .location span:last-of-type {
  padding-right: 0;
}
.cp-card.typ-detail .card-head .mod-name-value .info-wrap .value .mod-icon-text {
  margin-bottom: 0.8rem;
  display: block;
}
.cp-card.typ-detail .card-head .mod-name-value .info-wrap .value .mod-icon-text .icon {
  font-size: 1.5rem;
  color: #95a5d5;
}
.cp-card.typ-detail .card-head .mod-name-value .info-wrap .value .mod-icon-text .text {
  font-size: 1.2rem;
  line-height: 1.6rem;
  margin-left: 0.8rem;
}
.cp-card.typ-detail .card-head .mod-name-value .info-wrap .value .mod-icon-text:last-of-type {
  margin-bottom: 0;
}
.cp-card.typ-detail .card-body.typ-no-pad {
  padding-bottom: 0;
}
.cp-card.typ-detail .user-desg-list .desg-tag {
  margin-top: 0;
  margin-bottom: 0;
}
.cp-card.typ-detail .driver-attributes {
  padding-bottom: 2rem;
  border-bottom: 1px solid #e8ecf8;
  margin-bottom: 2rem;
  display: flex;
  justify-content: space-between;
}
.cp-card.typ-detail .driver-attributes .mod-name-value .img-wrap {
  width: auto;
  height: auto;
}
.cp-card.typ-detail .driver-attributes .mod-name-value .img-wrap .icon {
  font-size: 2.5rem;
  color: #95a5d5;
}
.cp-card.typ-detail .driver-attributes .mod-name-value .info-wrap .name {
  font-size: 1.6rem;
  line-height: 2rem;
  color: #333333;
  margin-bottom: 0.3rem;
}
.cp-card.typ-detail .driver-attributes .mod-name-value .info-wrap .value {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-card.typ-detail .driver-attributes.typ-offboard {
  margin-bottom: 0;
  border-bottom: none;
  padding-top: 2rem;
}
.cp-card.typ-detail .details-list.col-3 {
  width: 80%;
}
.cp-card.typ-detail .details-list.col-3.typ-offboard {
  width: 100%;
}
.cp-card.typ-driver .card-head {
  display: flex;
  justify-content: space-between;
}
.cp-card.typ-driver .card-head .mod-name-value .img-wrap {
  width: 5rem;
  height: 5rem;
}
.cp-card.typ-driver .card-head .mod-name-value .name {
  font-size: 1.8rem;
  color: #0a0a5f;
}
.cp-card.typ-driver .card-head .mod-name-value .value {
  margin-top: 0.8rem;
  font-size: 1.4rem;
  color: #666666;
}
.cp-card.typ-driver .card-head .mod-name-value .value span {
  display: inline-block;
  line-height: 1.4rem;
}
.cp-card.typ-driver .card-head .mod-name-value .value span + span {
  margin-left: 0.6rem;
  padding-left: 0.6rem;
  border-left: 1px solid #666666;
}
.cp-card.typ-driver .card-head .contact-details .item {
  padding: 0.5rem 0;
  font-size: 1.2rem;
  color: #666666;
}
.cp-card.typ-driver .card-head .contact-details .item .icon {
  font-size: 1.5rem;
}
@media only screen and (max-width: 1024px) {
  .cp-card .card-head {
    padding: 1.2rem 1.5rem;
  }
  .cp-card .card-head .card-title {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  .cp-card .card-body .mod-data-list dl {
    min-height: 6rem;
    padding: 1.2rem 1.5rem;
  }
  .cp-card .user-desg-list .desg-tag {
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
  }
  .cp-card.typ-table {
    margin: 0 -1.5rem;
  }
  .cp-card.typ-map {
    padding: 1.5rem;
    flex-direction: column;
  }
  .cp-card.typ-map .map-container {
    width: 100%;
    height: 25rem;
  }
  .cp-card.typ-map .map-detail {
    padding-left: 0;
    padding-top: 1.5rem;
  }
  .cp-card.typ-map .map-detail .label-value-list {
    display: flex;
    flex-wrap: wrap;
  }
  .cp-card.typ-map .map-detail .label-value-list .item {
    min-width: 50%;
    margin-bottom: 1.5rem;
  }
  .cp-card.typ-inline {
    display: block;
  }
  .cp-card.typ-inline .card-head {
    width: 100%;
    padding: 1.5rem 1.5rem;
  }
  .cp-card.typ-inline .card-body {
    width: 100%;
    padding: 1.5rem;
    padding-top: 0;
  }
  .cp-card.typ-detail .card-head .mod-name-value .img-wrap {
    width: 5rem;
    height: 5rem;
    margin-right: 1.5rem;
  }
  .cp-card.typ-detail .card-head .mod-name-value .info-wrap .name {
    font-size: 1.5rem;
    line-height: 1.9rem;
  }
  .cp-card.typ-detail .card-head .mod-name-value .info-wrap .value .location {
    font-size: 1.3rem;
    margin-bottom: 1rem;
  }
  .cp-card.typ-detail .card-head .mod-name-value .info-wrap .value .location span {
    line-height: 1.3rem;
  }
  .cp-card.typ-detail .card-head .mod-name-value .info-wrap .value .mod-icon-text .icon {
    font-size: 1.4rem;
  }
  .cp-card.typ-detail .detail-item {
    margin-bottom: 1.5rem;
  }
  .cp-card.typ-detail .detail-item .label-value .value {
    font-size: 1.3rem;
    line-height: 1.7rem;
  }
  .cp-card.typ-detail .user-desg-list {
    padding-top: 1rem;
  }
  .cp-card.typ-detail .user-desg-list .desg-tag {
    font-size: 1.3rem;
    line-height: 1.7rem;
    margin-right: 1.5rem;
  }
  .cp-card.typ-detail .details-list {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .cp-card.typ-detail .driver-attributes {
    display: block;
  }
  .cp-card.typ-detail .driver-attributes .mod-name-value {
    margin-bottom: 1.5rem;
  }
  .cp-card.typ-detail .driver-attributes .mod-name-value:last-of-type {
    margin-bottom: 0;
  }
  .cp-card.typ-detail .driver-attributes .mod-name-value .info-wrap .name {
    font-size: 1.5rem;
  }
  .cp-card.typ-detail .driver-attributes.typ-offboard {
    padding-top: 0;
  }
  .cp-card.typ-detail .user-desg-list .desg-tag {
    margin-bottom: 1rem;
  }
  .cp-card.typ-detail .user-desg-list .desg-tag:last-of-type {
    margin-right: 0;
    margin-bottom: 0;
  }
}
@font-face {
  font-family: "Open Sans Bold";
  src: url("/src/assets/fonts/OpenSans-Bold.ttf") format("truetype");
}
.cp-section {
  padding: 2.5rem 3.5rem 2.5rem 5rem;
  position: relative;
}
.cp-section .sec-head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  align-items: center;
}
.cp-section .sec-head.typ-prev {
  position: relative;
}
.cp-section .sec-head.typ-prev .sec-title {
  padding-left: 1.8rem;
}
.cp-section .sec-head .edit-btn {
  font-size: 1.2rem;
  color: #307fe2;
  font-weight: 700;
}
.cp-section .sec-head .edit-btn .icon {
  font-weight: 700 !important;
}
.cp-section .sec-head .prev-btn {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.cp-section .sec-head .prev-btn .icon {
  font-size: 1.4rem;
  color: #333333;
}
.cp-section .sec-head .sec-title {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #333333;
  font-weight: 700;
  align-items: baseline;
  display: flex;
  position: relative;
  right: 3rem;
}
.cp-section .sec-head .sec-title .icon-left-arrow {
  padding-right: 0.5rem;
}
.cp-section .sec-head .sec-title .sec-child-title {
  font-size: 1.2rem;
  line-height: 1.2rem;
}
.cp-section .sec-head .sec-title .sec-child-title .title-margin {
  font-weight: normal;
  margin-left: 0.5em;
}
.cp-section .sec-head .sec-title .period {
  display: inline-block;
  padding-left: 0.8rem;
  margin-left: 0.3rem;
  line-height: 1.8rem;
  border-left: 2px solid #333333;
}
.cp-section .sec-head .sec-title .period .value {
  font-size: 1.2rem;
  line-height: 1.2rem;
}
.cp-section .sec-head .cp-form {
  display: flex;
  justify-content: space-between;
}
.cp-section .sec-head .cp-form .form-group {
  width: 55.5%;
  display: inline-block;
  margin-bottom: 0;
}
.cp-section .sec-head .cp-form .input-group {
  border: 1px solid #e8ecf8;
  color: #307fe2;
  width: 29rem;
  margin-right: 1.5rem;
}
.cp-section .sec-head .cp-form input {
  font-weight: 700;
  color: #307fe2;
}
.cp-section .sec-head .cp-form .search-box-wrap input {
  font-weight: 400;
  color: #307fe2;
}
.cp-section .sec-head .cp-form ul.ui-inputtext {
  border: 0;
}
.cp-section .sec-head .right-wrap .search-wrap {
  display: inline-block;
  vertical-align: middle;
}
.cp-section .sec-head .right-wrap .search-wrap .input-width {
  width: 15rem !important;
}
.cp-section .sec-head .right-wrap .search-wrap .search-input-width {
  width: 25rem !important;
}
.cp-section .sec-head .right-wrap .search-wrap .icon {
  font-size: 2rem;
  color: #307fe2;
}
.cp-section .sec-head .right-wrap .search-box-wrap {
  display: inline-block;
  margin-top: 13px;
  margin-right: 2rem;
  vertical-align: middle;
}
.cp-section .sec-head .right-wrap .search-box-wrap .input-width {
  width: 22rem !important;
}
.cp-section .sec-head .right-wrap .search-box-wrap .icon {
  font-size: 2rem;
  color: #307fe2;
}
.cp-section .sec-head .right-wrap .btn-icon-text {
  display: inline-block;
  margin-right: 1rem;
  text-transform: uppercase;
  font-size: 1.4rem;
  color: #0a0a5f;
  font-weight: 700;
  vertical-align: middle;
}
.cp-section .sec-head .right-wrap .btn-icon-text .icon {
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  background: #0a0a5f;
  display: inline-block;
  vertical-align: middle;
  border-radius: 0.3rem;
  margin-right: 0.8rem;
  color: #ffffff;
}
.cp-section .sec-head .right-wrap .btn-icon-text .icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cp-section .sec-head .right-wrap .btn-icon-text1 {
  display: inline-block;
  text-transform: uppercase;
  font-size: 1.4rem;
  color: #0a0a5f;
  font-weight: 700;
  vertical-align: middle;
}
.cp-section .sec-head .right-wrap .btn-icon-text1 .icon {
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  background: #0a0a5f;
  display: inline-block;
  vertical-align: middle;
  border-radius: 0.3rem;
  margin-right: 0.8rem;
  color: #ffffff;
}
.cp-section .sec-head .right-wrap .btn-icon-text1 .icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cp-section .sec-head .right-wrap .more-option-wrap {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.cp-section .sec-head .right-wrap .more-option-wrap .icon {
  color: #307fe2;
}
.cp-section .sec-head .right-wrap .more-option-wrap .list {
  width: 23rem;
  top: 3rem;
  right: -0.5rem;
  position: absolute;
  border-radius: 0.5rem;
  box-shadow: 0 0 25px 0 #c3cff0;
  background: #ffffff;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in;
  z-index: 1;
}
.cp-section .sec-head .right-wrap .more-option-wrap .list .item .btn {
  display: block;
  cursor: pointer;
  padding: 1.5rem 1rem;
  border-bottom: 1px solid #e8ecf8;
  margin-bottom: 0;
  color: #307fe2;
  text-transform: capitalize;
  width: 100%;
  text-align: left;
}
.cp-section .sec-head .right-wrap .more-option-wrap .list .item .btn.btn-icon-text .icon {
  color: #307fe2;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
  background-color: transparent;
  width: auto;
  height: auto;
  border-radius: 0;
  font-size: 2rem;
}
.cp-section .sec-head .right-wrap .more-option-wrap .list .item .btn.btn-icon-text .icon:before {
  position: static;
  transform: none;
}
.cp-section .sec-head .right-wrap .more-option-wrap .list .item .btn.btn-icon-text .text {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-section .sec-head .right-wrap .more-option-wrap .list .item:last-of-type {
  border-bottom: 0;
}
.cp-section .sec-head .right-wrap .more-option-wrap .list:before {
  content: "";
  position: absolute;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
  right: 0.6rem;
  top: -0.8rem;
}
.cp-section .sec-head .right-wrap .more-option-wrap.active .list {
  visibility: visible;
  opacity: 1;
}
.cp-section .sec-head .right-wrap .search-download-container {
  display: flex;
}
.cp-section .sec-head .right-wrap .search-download-container .act-container {
  padding-top: 3.5rem;
  margin-right: 1.5rem;
}
.cp-section .sec-head .right-wrap .search-download-container .act-container .btn {
  display: block;
  cursor: pointer;
  color: #307fe2;
  text-align: left;
  font-size: 1.8rem;
  line-height: 1.6rem;
}
.cp-section .sec-cont > .cp-table {
  margin: 0 -1.5rem;
}
.cp-section .sec-cont .card-list .col-item {
  margin-bottom: 2rem;
}
.cp-section .table-cont {
  box-shadow: 0 0 20px 0 #edf1ff;
  border: solid 1px #e8ecf8;
  margin-bottom: 0rem;
}

@media only screen and (max-width: 480px) {
  .cp-section {
    padding: 6rem 3rem;
  }
  .cp-section .sec-head .cp-form .input-group {
    width: 30rem;
  }
}
@media only screen and (max-width: 280px) {
  .cp-section {
    padding: 6rem 2.5rem;
  }
  .cp-section .sec-head .cp-form .input-group {
    width: 26rem;
  }
}
@media only screen and (max-width: 960px) {
  .cp-section .sec-head .cp-form .form-group {
    width: 58%;
  }
  .cp-section {
    padding: 8rem 3.5rem;
  }
}
@media only screen and (min-width: 861px) and (max-width: 1439px) {
  .cp-section {
    padding: 6rem 5.5rem;
    left: 18rem;
    width: 88%;
  }
}
@media screen and (min-width: 1440px) {
  .cp-section {
    padding: 2.5rem 3.5rem 2.5rem 5rem;
    margin-top: 4rem;
    margin-left: 19rem;
    position: relative;
  }
}
.cp-onboarding {
  background: rgba(244, 247, 255, 0.85);
  box-shadow: 0 0 20px 0 rgba(10, 10, 95, 0.35);
  width: 90%;
  max-width: 50rem;
  padding: 3.5rem 8rem 4rem;
  position: fixed;
  top: 50%;
  left: 50%;
  max-height: 98vh;
  overflow: auto;
  transform: translate(-50%, -50%);
  color: #333333;
}
.cp-onboarding .logo-wrap img {
  max-height: 2rem;
}
.cp-onboarding .cp-form {
  min-height: 34.5rem;
}
.cp-onboarding .cp-form .forgot-pwd-link {
  margin-bottom: 0;
}
.cp-onboarding .btn-icon {
  font-size: 1.4rem;
}
.cp-onboarding .title {
  font-size: 2.8rem;
  line-height: 1.25;
  margin-top: 2.2rem;
  font-weight: 700;
  color: #0a0a5f;
  text-align: center;
}
.cp-onboarding .subtitle {
  font-size: 1.6rem;
  font-weight: 700;
  color: #0a0a5f;
  text-align: center;
  margin-top: 0.5rem;
}
.cp-onboarding .desc {
  font-weight: 700;
  font-size: 1.4rem;
  margin-top: 1.6rem;
  text-align: center;
}
.cp-onboarding .field-list {
  margin: 3.5rem 0 4rem;
}
.cp-onboarding .btn-wrap {
  text-align: center;
  margin-bottom: 3rem;
}
.cp-onboarding .btn-wrap button + button {
  margin-left: 3rem;
}
.cp-onboarding .otp-note {
  font-size: 1.4rem;
  font-style: italic;
  margin-top: 1rem;
  color: #666666;
  margin-bottom: 2.5rem;
}
.cp-onboarding .invalid-error {
  position: absolute;
  font-size: 1.2rem;
  font-style: italic;
  line-height: 1.4rem;
  margin-top: 0.6rem;
  color: #db0b0b;
}
.cp-onboarding .pwd-note {
  font-size: 1.3rem;
  color: #666666;
  padding-top: 1rem;
}
.cp-onboarding .otp-wrap .input-group {
  background: transparent;
}
.cp-onboarding .otp-wrap .form-control {
  width: 12.5%;
  margin-left: 5%;
  text-align: center;
  background: #ffffff;
  font-size: 2.2rem;
  font-weight: 700;
  color: #0a0a5f;
}
.cp-onboarding .otp-wrap .form-control:first-child {
  margin-left: 0;
}
.cp-onboarding .resend-otp {
  text-align: right;
  margin-top: 2.1rem;
}
.cp-onboarding .resend-otp .btn-icon {
  padding-right: 0;
}
.cp-onboarding .timer {
  font-style: italic;
  font-size: 1.4rem;
  display: block;
  color: #666666;
}

.helpdesk-note {
  text-align: center;
  font-size: 1.4rem;
  margin-top: 2rem;
}
.helpdesk-note.fixed {
  position: absolute;
  bottom: 2.2rem;
  left: 0;
  right: 0;
  margin-top: 0;
}
.helpdesk-note .question {
  font-style: italic;
}

@media only screen and (max-width: 767px) {
  .cp-onboarding {
    padding: 3rem 1.8rem 3rem;
    overflow: auto;
  }
  .cp-onboarding .logo-wrap img {
    max-height: 1.4rem;
  }
  .cp-onboarding .title {
    font-size: 2.4rem;
  }
  .cp-onboarding .desc {
    line-height: 1.5;
  }
  .helpdesk-note {
    font-size: 1.3rem;
  }
  .helpdesk-note.fixed {
    position: static;
  }
  .helpdesk-note .btn {
    font-size: 1.3rem;
  }
}
.cp-kpi .cp-card {
  height: 8rem;
  display: flex;
  padding: 1rem;
  justify-content: space-between;
  border: 1px solid #e8ecf8;
}
.cp-kpi .cp-card .left-wrap {
  align-self: center;
}
.cp-kpi .cp-card .right-wrap {
  align-self: center;
  text-align: right;
}
.cp-kpi .cp-card .right-wrap .mod-currency {
  margin-bottom: 0.3rem;
}
.cp-kpi .cp-card .right-wrap .label {
  display: block;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-kpi .cp-card .wrap-icon-text .icon {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background: #e8ecf8;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.8rem;
  color: #95a5d5;
  font-size: 3.5rem;
  position: relative;
}
.cp-kpi .cp-card .wrap-icon-text .icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cp-kpi .cp-card .wrap-icon-text .text {
  display: inline-block;
  vertical-align: middle;
}
.cp-kpi .cp-card .wrap-icon-text .text .count {
  font-size: 1.8rem;
  line-height: 2.2rem;
  margin-bottom: 0.3rem;
  color: #333333;
  font-weight: 700;
  display: block;
}
.cp-kpi .cp-card .wrap-icon-text .text .label {
  display: block;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-kpi .cp-card.typ-bg {
  position: relative;
}
.cp-kpi .cp-card.typ-bg .left-wrap {
  padding-left: 1rem;
  position: relative;
  z-index: 1;
}
.cp-kpi .cp-card.typ-bg .left-wrap .count {
  font-size: 2.4rem;
  line-height: 2.8rem;
  font-weight: 700;
  color: #333333;
}
.cp-kpi .cp-card.typ-bg:before {
  content: "";
  background: url('buss-card-bg.f0b4696b662851a2.png') center center no-repeat;
  background-size: cover;
  top: 0;
  left: 0;
  bottom: 0;
  position: absolute;
  width: 65%;
  z-index: 0;
}
.cp-kpi .cp-card.typ-bg .right-wrap {
  text-align: right;
  width: 50%;
  position: relative;
  z-index: 1;
}
.cp-kpi .cp-card.typ-bg .right-wrap .value {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  margin-bottom: 0.3rem;
  font-weight: 700;
  color: #333333;
}
.cp-kpi .cp-card.typ-bg .right-wrap .label {
  font-size: 1.2rem;
  line-height: 1.6rem;
  display: block;
}
.cp-kpi .cp-card.typ-analyse {
  padding: 0 1rem;
}
.cp-kpi .cp-card.typ-analyse .left-wrap {
  max-width: 48%;
}
.cp-kpi .cp-card.typ-analyse .left-wrap .icon {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background: #e8ecf8;
  color: #95a5d5;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.8rem;
  font-size: 3.5rem;
  position: relative;
}
.cp-kpi .cp-card.typ-analyse .left-wrap .icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cp-kpi .cp-card.typ-analyse .left-wrap .value {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  margin-bottom: 0.3rem;
  font-weight: 700;
  color: #333333;
}
.cp-kpi .cp-card.typ-analyse .left-wrap .label {
  font-size: 1.2rem;
  line-height: 1.6rem;
  display: block;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont {
  position: relative;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .count,
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .mod-currency {
  font-size: 2.4rem;
  line-height: 2.8rem;
  margin-bottom: 0.4rem;
  font-weight: 700;
  color: #333333;
  display: block;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .count .value,
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .mod-currency .value {
  font-size: 2.4rem;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .count .icon,
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .mod-currency .icon {
  font-size: 1.6rem;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .value-label {
  padding-top: 0.3rem;
  border-top: 1px solid #e8ecf8;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .value-label .value,
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .value-label .label,
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .value-label .mod-currency {
  font-size: 1.2rem;
  font-weight: 400;
  display: inline-block;
  color: #666666;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .value-label .value .icon,
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .value-label .label .icon,
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .value-label .mod-currency .icon {
  font-size: 1rem;
  color: #666666;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .value-label > .value {
  padding-right: 0.3rem;
  border-right: 1px solid #666666;
  margin-right: 0.3rem;
  line-height: 1.2rem;
  vertical-align: middle;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .value-label .mod-currency {
  margin-bottom: 0;
  padding-right: 0;
  line-height: 1.2rem;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .value-label .mod-currency .value {
  line-height: 1.2rem;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .value-label .label {
  line-height: 1.2rem;
  vertical-align: middle;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont:before {
  position: absolute;
  right: -1rem;
  top: -0.5rem;
  content: "";
  width: 2.8rem;
  height: 2.8rem;
  background: transparent;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont.typ-high > .count,
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont.typ-high > .mod-currency {
  padding-right: 1.5rem;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont.typ-high:before {
  background: url('high.9e640e402c54ab26.svg') center center no-repeat;
  background-size: contain;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont.typ-low > .count,
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont.typ-low > .mod-currency {
  padding-right: 1.5rem;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont.typ-low:before {
  background: url('low.0f949b34c81062a5.svg') center center no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 1024px) {
  .cp-kpi .swiper-slide {
    width: 24rem;
  }
  .cp-kpi .cp-card .wrap-icon-text .icon {
    width: 4rem;
    height: 4rem;
    margin-right: 1.2rem;
  }
  .cp-kpi .cp-card .wrap-icon-text .text .count {
    font-size: 1.6rem;
    line-height: 2rem;
  }
}
.cp-task-list {
  position: relative;
  height: 100%;
}
.cp-task-list .title {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
  margin-bottom: 1.5rem;
  font-weight: 700;
}
.cp-task-list .date-label {
  font-size: 1.2rem;
  line-height: 1.6rem;
  display: block;
  margin-bottom: 1.1rem;
}
.cp-task-list .list {
  max-height: 50rem;
  transition: max-height 0.4s ease-in-out;
}
.cp-task-list .list .item {
  margin-bottom: 2rem;
}
.cp-task-list .list .item:last-child {
  margin-bottom: 1.5rem;
}
.cp-task-list .scrollable {
  padding-bottom: 5rem;
}
.cp-task-list .act-wrap {
  box-shadow: 0 0 15px 0 #c3cff0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ffffff;
}
.cp-task-list .act-wrap .btn {
  display: block;
  padding: 1.5rem 2rem;
  font-size: 1.2rem;
  overflow: hidden;
  width: 100%;
}
.cp-task-list .act-wrap .btn:after {
  content: none;
}
.cp-task-list .act-wrap .btn .text {
  float: left;
}
.cp-task-list .act-wrap .btn .text:after {
  content: "\e90d";
  font-family: "icomoon";
  display: inline-block;
  font-size: 0.85rem;
  margin-left: 0.3rem;
}
.cp-task-list .act-wrap .btn .icon {
  float: right;
  font-size: 1.2rem;
  color: #0a0a5f;
}
.cp-task-list .btn-icon {
  width: 2.4rem;
  height: 2.4rem;
  background: #0a0a5f;
  position: absolute;
  top: -0.5rem;
  right: 0;
  border-radius: 0.3rem;
}
.cp-task-list .btn-icon .icon {
  color: #ffffff;
  font-size: 1.4rem;
  margin: 0;
}

@media only screen and (max-width: 1024px) {
  .cp-task-list .title {
    font-size: 1.5rem;
    line-height: 1.9rem;
    margin-bottom: 1.2rem;
    text-transform: uppercase;
  }
  .cp-task-list .date-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .cp-task-list .list {
    overflow-y: initial;
  }
  .cp-task-list .list .item {
    display: none;
  }
  .cp-task-list .list .item:nth-of-type(1), .cp-task-list .list .item:nth-of-type(2), .cp-task-list .list .item:nth-of-type(3) {
    display: block;
  }
  .cp-task-list .list .item:nth-of-type(3) {
    margin-bottom: 0;
  }
  .cp-task-list .act-wrap {
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
  }
  .cp-task-list .scrollable {
    max-height: inherit !important;
    padding-bottom: 0;
  }
}
.cp-task {
  padding: 1rem 2rem;
  background: #ffffff;
  box-shadow: 0 0 15px 0 #c3cff0;
  position: relative;
}
.cp-task .status {
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 700;
  color: #333333;
  margin-bottom: 0.3rem;
  display: block;
}
.cp-task .location-wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.cp-task .location-wrap .place {
  font-size: 1.6rem;
  line-height: 2rem;
  color: #333333;
  font-weight: 700;
  display: block;
}
.cp-task .location-wrap .timestamp {
  display: block;
  line-height: 1.4rem;
}
.cp-task .location-wrap .to {
  padding-left: 4.5rem;
  position: relative;
}
.cp-task .location-wrap .to:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 2rem;
  background: url('route.66c31de1dadd37d9.svg') center center no-repeat;
  background-size: cover;
  width: 4rem;
}
.cp-task .desc {
  font-size: 1.2rem;
  line-height: 1.6rem;
  margin-bottom: 0.5rem;
}
.cp-task.completed .icon-tick {
  font-size: 1.2rem;
  position: absolute;
  top: 1rem;
  right: 0.5rem;
  color: #0c9f41;
}
.cp-task .more-option-wrap {
  position: absolute;
  top: 1rem;
  right: 0.5rem;
  z-index: 1;
}
.cp-task .more-option-wrap.active .list {
  visibility: visible;
  opacity: 1;
}
.cp-task .more-option-wrap .list {
  width: 20rem;
  top: -1rem;
  right: -0.5rem;
  position: absolute;
  border-radius: 0.5rem;
  box-shadow: 0 0 10px 0 rgba(149, 165, 213, 0.39);
  background: #ffffff;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in;
}
.cp-task .more-option-wrap .list .item {
  cursor: pointer;
  padding: 1rem 2rem;
  border-bottom: 1px solid #e8ecf8;
  font-size: 1.2rem;
  line-height: 1.6rem;
  margin-bottom: 0;
}
.cp-task .more-option-wrap .list .item:last-of-type {
  border-bottom: 0;
}
.cp-task:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0.5rem;
  background: transparent;
}
.cp-task.trip:before {
  background: #1414ae;
}
.cp-task.service:before {
  background: #396be5;
}
.cp-task.renewal:before {
  background: #70acf7;
}
.cp-task.payment:before {
  background: #c9e1ff;
}
.cp-task .btn-link::after {
  content: "\e90d";
  font-family: "icomoon";
  display: inline-block;
  font-size: 0.85rem;
  margin-left: 0.3rem;
}

@media only screen and (max-width: 767px) {
  .cp-task .location-wrap .place {
    font-size: 1.5rem;
  }
}
.cp-service-list .swiper-slide {
  width: 23rem;
}

.cp-tabs .ui-tabview {
  border-radius: 0;
  padding: 0;
}
.cp-tabs .ui-tabview .ui-tabview-nav {
  margin-bottom: 1.2rem;
  border-radius: 0;
  padding: 0;
  position: relative;
}
.cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default {
  margin-right: 1.8rem;
  border: none;
  background-color: transparent;
}
.cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default a {
  padding: 0.4rem 0.2rem 1rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #ccc;
  font-weight: 700;
  position: relative;
  transition: all 0.4s ease-in;
}
.cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default a:before {
  content: "";
  position: absolute;
  bottom: 0.3rem;
  left: 0.3rem;
  width: 0rem;
  background-color: #0a0a5f;
  height: 0.3rem;
  transition: all 0.4s ease-in-out;
  box-shadow: 0 0 4px 0 #0a0a5f;
  border-radius: 0.3rem;
}
.cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default:hover {
  background-color: transparent !important;
  border: none !important;
}
.cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default.ui-tabview-selected, .cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default.ui-state-active {
  background-color: transparent;
  border: none;
}
.cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default.ui-tabview-selected a, .cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default.ui-state-active a {
  color: #0a0a5f !important;
}
.cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default.ui-tabview-selected a:before, .cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default.ui-state-active a:before {
  width: 3rem;
}
.cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default.ui-tabview-selected:hover, .cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default.ui-state-active:hover {
  background-color: transparent;
  border: none;
}
.cp-tabs .ui-tabview .ui-tabview-panels {
  padding: 0;
  background-color: transparent;
  border: none;
}
.cp-tabs .offtrip-list-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.cp-tabs .offtrip-list-head .title {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
  font-weight: 700;
}
.cp-tabs .offtrip-list-head .search-field {
  position: absolute;
  top: -1.2rem;
  background-color: #ffffff;
  z-index: 1;
  left: 0;
  right: 0;
  height: 4rem;
  opacity: 0;
  visibility: hidden;
  transition: all 0.05s ease-in-out;
}
.cp-tabs .offtrip-list-head .search-field .input-group {
  width: 100%;
  border: 1px solid #e8ecf8;
  border-radius: 0.5rem;
  padding: 1rem 1.5rem;
  height: 100%;
  background-color: #ffffff;
}
.cp-tabs .offtrip-list-head .search-field .input-group .icon {
  font-size: 1.5rem;
  display: inline-block;
  color: #307fe2;
  vertical-align: middle;
}
.cp-tabs .offtrip-list-head .search-field .input-group .icon.icon-search {
  position: absolute;
  top: 50%;
  left: 1.5rem;
  transform: translateY(-50%);
}
.cp-tabs .offtrip-list-head .search-field .input-group .btn-close {
  position: absolute;
  right: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.cp-tabs .offtrip-list-head .search-field .input-group .btn-close .icon {
  font-size: 1.2rem;
  color: #999999;
}
.cp-tabs .offtrip-list-head .search-field .input-group .form-control {
  border: none;
  font-size: 1.2rem;
  line-height: 1.6rem;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding: 0 2rem 0 2.5rem;
  z-index: -1;
}
.cp-tabs .offtrip-list-head .search-field.active {
  opacity: 1;
  visibility: visible;
}

.ui-tabview.ui-tabview-top .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a,
.ui-tabview.ui-tabview-bottom .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a,
.ui-tabview.ui-tabview-left .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a,
.ui-tabview.ui-tabview-right .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a {
  color: #0a0a5f;
}

.abc .ui-tabview .ui-tabview-nav .ui-state-default.ui-tabview-selected a:before,
.abc .ui-tabview .ui-tabview-nav .ui-state-default.ui-state-active a:before {
  width: 0rem !important;
}

.abc .ui-tabview .ui-tabview-nav .ui-state-default.ui-state-active {
  width: 100% !important;
}
.abc .ui-tabview .ui-tabview-nav .ui-state-default.ui-state-active a {
  width: 100% !important;
}

@media only screen and (max-width: 767px) {
  .cp-tabs .ui-tabview .ui-tabview-nav {
    height: 50px !important;
    padding-left: 15px;
    overflow-x: auto;
    width: auto;
    display: flex;
    flex-wrap: nowrap;
    overflow-y: hidden;
  }
  .abc .ui-tabview .ui-tabview-nav {
    padding-left: 0 !important;
  }
  .abc .ui-tabview .ui-tabview-nav .ui-state-default.ui-state-active {
    width: 70% !important;
  }
}
.cp-vehicle-status {
  border-radius: 0.2rem;
  box-shadow: 0 0 15px 0 #c3cff0;
  background-color: #ffffff;
}
.cp-vehicle-status .vehicle-details {
  padding: 1rem 2rem;
  border-bottom: 1px solid #e8ecf8;
  position: relative;
}
.cp-vehicle-status .vehicle-details .vehicle-num {
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 700;
  display: inline-block;
  color: #0a0a5f;
  position: relative;
}
.cp-vehicle-status .vehicle-details .name {
  font-size: 1.2rem;
  line-height: 1.6rem;
  display: block;
}
.cp-vehicle-status .vehicle-details .status {
  position: absolute;
  top: 1rem;
  right: 2rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #000000;
}
.cp-vehicle-status .vehicle-details:before {
  content: "";
  position: absolute;
  width: 1rem;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
}
.cp-vehicle-status .vehicle-details .location-btn {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  padding: 0;
}
.cp-vehicle-status .vehicle-details .location-btn .icon {
  margin: 0;
  font-size: 1.5rem;
  color: #307fe2;
  font-weight: 700 !important;
}
.cp-vehicle-status .label-value .label {
  display: block;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 700;
  color: #333333;
}
.cp-vehicle-status .label-value .value {
  display: block;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-vehicle-status .label-value .value span {
  line-height: 1.2rem;
  display: inline-block;
  padding-right: 0.3rem;
  margin-right: 0.4rem;
  border-right: 1px solid #666666;
}
.cp-vehicle-status .label-value .value span:last-of-type {
  border-right: none;
}
.cp-vehicle-status .vehicle-alerts .alert-item {
  padding: 1rem 2rem;
  border-bottom: 1px solid #e8ecf8;
  display: flex;
  justify-content: space-between;
}
.cp-vehicle-status .vehicle-alerts .alert-item .timestamp {
  line-height: 1.4rem;
}
.cp-vehicle-status .vehicle-alerts .alert-item:last-of-type {
  border-bottom: none;
}
.cp-vehicle-status .vehicle-cont {
  padding: 1rem 2rem;
}
.cp-vehicle-status .vehicle-cont .data-list {
  display: flex;
  flex-wrap: wrap;
}
.cp-vehicle-status .vehicle-cont .data-list .data-item {
  width: 50%;
  margin-bottom: 1.5rem;
}
.cp-vehicle-status .vehicle-cont .data-list .data-item:nth-last-of-type(1), .cp-vehicle-status .vehicle-cont .data-list .data-item:nth-last-of-type(2) {
  margin-bottom: 0;
}
.cp-vehicle-status .vehicle-cont .label-value .label {
  font-weight: 400;
  margin-bottom: 0.3rem;
}
.cp-vehicle-status .vehicle-cont .label-value .value {
  font-weight: 700;
  color: #333333;
}
.cp-vehicle-status.sos .vehicle-details:before {
  background-color: #db0b0b;
}
.cp-vehicle-status.sos .vehicle-details .vehicle-num:before {
  content: "";
  position: absolute;
  right: -4rem;
  width: 4rem;
  height: 4rem;
  background: url('alert.17c5e3109cc93f17.svg') center center no-repeat;
  background-size: cover;
  top: 50%;
  transform: translateY(-50%);
}
.cp-vehicle-status.ontime .vehicle-details:before {
  background-color: #0c9f41;
}
.cp-vehicle-status.delayed .vehicle-details:before {
  background-color: #ffa100;
}
.cp-vehicle-status.moving .vehicle-details:before {
  background-color: #0c9f41;
}
.cp-vehicle-status.stopped .vehicle-details:before {
  background-color: #aa00bf;
}
.cp-vehicle-status.idle .vehicle-details:before {
  background-color: #ffa100;
}
.cp-vehicle-status.offline .vehicle-details:before {
  background-color: #999999;
}

@media only screen and (max-width: 1024px) {
  .cp-vehicle-status .vehicle-details .location-btn {
    display: none;
  }
}
.cp-map-filter-list .cp-tabs .item {
  margin-bottom: 2rem;
}
.cp-map-filter-list .cp-tabs .item:last-of-type {
  margin-bottom: 0;
}
.cp-map-filter-list .cp-tabs .ui-tabview-panels {
  height: 45.7rem;
  overflow-y: auto;
  padding: 1.5rem 0;
}
.cp-map-filter-list .list-head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  align-items: center;
  position: relative;
}
.cp-map-filter-list .list-head .title {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
  font-weight: 700;
}
.cp-map-filter-list .list-head .search-field {
  position: absolute;
  top: -1.2rem;
  background-color: #ffffff;
  z-index: 1;
  left: 0;
  right: 0;
  height: 4rem;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
}
.cp-map-filter-list .list-head .search-field .input-group {
  width: 100%;
  border: 1px solid #e8ecf8;
  border-radius: 0.5rem;
  padding: 1rem 1.5rem;
  height: 100%;
  background-color: #ffffff;
}
.cp-map-filter-list .list-head .search-field .input-group .icon {
  font-size: 1.5rem;
  display: inline-block;
  color: #307fe2;
  vertical-align: middle;
}
.cp-map-filter-list .list-head .search-field .input-group .icon.icon-search {
  position: absolute;
  top: 50%;
  left: 1.5rem;
  transform: translateY(-50%);
}
.cp-map-filter-list .list-head .search-field .input-group .btn-close {
  position: absolute;
  right: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.cp-map-filter-list .list-head .search-field .input-group .btn-close .icon {
  font-size: 1.2rem;
  color: #999999;
}
.cp-map-filter-list .list-head .search-field .input-group .form-control {
  border: none;
  font-size: 1.2rem;
  line-height: 1.6rem;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding: 0 2rem 0 2.5rem;
  z-index: -1;
}
.cp-map-filter-list .list-head .search-field.active {
  opacity: 1;
  visibility: visible;
}
.cp-map-filter-list .list-body {
  height: 46.6rem;
  overflow-y: auto;
  padding: 1.5rem 0;
}
.cp-map-filter-list .list-body .item {
  margin-bottom: 1.5rem;
}
.cp-map-filter-list .list-body .item:last-of-type {
  margin-bottom: 0;
}
.cp-map-filter-list .search-wrap .btn-icon {
  padding: 0;
}
.cp-map-filter-list .search-wrap .btn-icon .icon {
  font-size: 1.5rem;
  color: #307fe2;
  font-weight: normal;
}

@media only screen and (max-width: 1024px) {
  .cp-map-filter-list .cp-tabs {
    position: relative;
  }
  .cp-map-filter-list .cp-tabs .ui-tabview-panels {
    height: auto;
  }
  .cp-map-filter-list .cp-tabs .btn-link {
    position: absolute;
    top: 0.7rem;
    right: 0.5rem;
  }
  .cp-map-filter-list .list-head .search-wrap {
    display: none;
  }
  .cp-map-filter-list .list-body {
    height: auto;
    padding: 0;
  }
  .cp-map-filter-list .list-body .item {
    display: none;
  }
  .cp-map-filter-list .list-body .item:nth-of-type(1), .cp-map-filter-list .list-body .item:nth-of-type(2), .cp-map-filter-list .list-body .item:nth-of-type(3) {
    display: block;
  }
  .cp-map-filter-list .list-body .item:nth-of-type(3) {
    margin-bottom: 0;
  }
}
.cp-trip {
  background-color: #ffffff;
  box-shadow: 0 0 15px 0 #c3cff0;
}
.cp-trip .trip-head {
  background-color: #f5f6f9;
  padding: 1.2rem 2rem;
  position: relative;
}
.cp-trip .trip-head .from,
.cp-trip .trip-head .to {
  width: 50%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.cp-trip .trip-head .from .place,
.cp-trip .trip-head .to .place {
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 700;
  color: #333333;
}
.cp-trip .trip-head .from {
  padding-right: 4rem;
}
.cp-trip .trip-head .to:before {
  content: "";
  position: absolute;
  left: -4rem;
  top: 0;
  height: 1.8rem;
  background: url('route.66c31de1dadd37d9.svg') center center no-repeat;
  background-size: cover;
  width: 4rem;
}
.cp-trip .trip-head .status {
  position: absolute;
  font-size: 0.8rem;
  line-height: 1.2rem;
  padding: 0.3rem 1rem;
  background-color: transparent;
  left: 2rem;
  top: -0.9rem;
  color: #ffffff;
  font-weight: 700;
}
.cp-trip .trip-head:before {
  content: "";
  position: absolute;
  width: 0.8rem;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
}
.cp-trip .trip-body .trip-item {
  display: flex;
  border-bottom: 1px solid #e8ecf8;
  padding: 1.2rem 2rem;
}
.cp-trip .trip-body .trip-item .mod-name-value {
  width: 50%;
}
.cp-trip .trip-body .trip-item .mod-name-value .name {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #333333;
  font-weight: 700;
  margin-bottom: 0.2rem;
}
.cp-trip .trip-body .trip-item .mod-name-value .value {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-trip .trip-body .trip-item .mod-name-value .img-wrap {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  background-color: #666666;
  overflow: hidden;
}
.cp-trip .trip-body .trip-item:last-of-type {
  border-bottom: none;
}
.cp-trip.sos .trip-head:before,
.cp-trip.sos .trip-head .status {
  background-color: #db0b0b;
}
.cp-trip.ontime .trip-head:before,
.cp-trip.ontime .trip-head .status {
  background-color: #0c9f41;
}
.cp-trip.delayed .trip-head:before,
.cp-trip.delayed .trip-head .status {
  background-color: #ffa100;
}
.cp-trip.delayed .trip-head .to:before {
  background: url('route-yellow.47e1962bb6e06ee4.svg') center center no-repeat;
}

.cp-accordion.typ-2 {
  position: relative;
}
.cp-accordion.typ-2 .acc-header {
  display: flex;
}
.cp-accordion.typ-2 .swiper-container {
  overflow: initial;
}
.cp-accordion.typ-2 .cp-form .title {
  text-transform: initial;
  line-height: initial;
}
.cp-accordion.typ-2 .cp-form .ui-accordion .ui-accordion-content {
  padding: 0;
}
.cp-accordion.typ-2 .cp-form .ui-accordion-header .icon-down-arrow {
  display: inline-block;
}
.cp-accordion.typ-2 .ui-accordion .ui-accordion-header {
  margin-left: 4rem;
}
.cp-accordion.typ-2 .ui-accordion .ui-accordion-header a {
  padding: 0;
}
.cp-accordion.typ-2 .ui-accordion .ui-accordion-header .icon-down-arrow {
  transition: all 0.4s ease;
}
.cp-accordion.typ-2 .ui-accordion .ui-accordion-header.ui-state-active .icon-down-arrow {
  transform: rotate(180deg);
}
.cp-accordion.typ-2 .ui-accordion .ui-accordion-header.ui-state-active .view-all {
  display: inline-block;
}
.cp-accordion.typ-2 .ui-accordion .ui-accordion-content {
  padding: 1rem 0 0;
  border: 0;
}
.cp-accordion.typ-2 .sort-data {
  width: 3rem;
  height: 3rem;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.cp-accordion.typ-2 .title-wrap {
  color: #333333;
  position: relative;
  width: 100%;
}
.cp-accordion.typ-2 .title-wrap:before {
  content: "";
  position: absolute;
  top: 1.5rem;
  left: 0;
  right: 0;
  height: 0.1rem;
  min-height: 1px;
  background: #e8ecf8;
}
.cp-accordion.typ-2 .title-wrap .icon {
  position: absolute;
  top: 0;
  right: 3rem;
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background: #ffffff;
  border-radius: 50%;
  border: 1px solid #e8ecf8;
  text-align: center;
  line-height: 3rem;
  color: #307fe2;
}
.cp-accordion.typ-2 .card-head {
  padding-right: 8.5rem;
  position: relative;
}
.cp-accordion.typ-2 .card-head .card-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cp-accordion.typ-2 .title {
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: 700;
  text-transform: uppercase;
}
.cp-accordion.typ-2 .title span {
  position: relative;
  z-index: 2;
  display: inline-block;
  background: #ffffff;
  padding-right: 2rem;
}
.cp-accordion.typ-2 .mod-data-list .data .meta {
  font-size: 1.1rem;
}
.cp-accordion.typ-2.push-left .ui-accordion .ui-accordion-header {
  margin-left: 0;
}
.cp-accordion .data-item {
  margin-bottom: 2.5rem;
  margin-top: 1rem;
  overflow: hidden;
}
.cp-accordion .data-item > div {
  float: left;
}
.cp-accordion .data-item .timestamp {
  font-size: 1.4rem;
  text-transform: uppercase;
  font-style: normal;
}
.cp-accordion .data-item .view-all {
  font-size: 1.2rem;
  float: right;
}
.cp-accordion .data-item .view-all .icon-right-arrow {
  display: inline-block;
  margin-left: 0.5rem;
  font-size: 0.8rem;
  vertical-align: middle;
}
.cp-accordion.sort-by-bottom .sort-data, .cp-accordion.sort-by-top .sort-data {
  background: url('top-bottom-indicator.791cdfae2f6c2ec1.png') right top no-repeat;
  background-size: 7rem;
}
.cp-accordion.sort-by-bottom .card-head .indicator, .cp-accordion.sort-by-top .card-head .indicator {
  position: absolute;
  right: 2rem;
  top: 0.4rem;
}
.cp-accordion.sort-by-bottom .card-head .indicator:before, .cp-accordion.sort-by-top .card-head .indicator:before {
  content: "Bottom 3";
  background: url('bottom-3.1b5c923034759e40.png') top center no-repeat;
  display: inline-block;
  padding-top: 1.9rem;
  font-size: 1.2rem;
  background-size: 2.6rem;
}
.cp-accordion.sort-by-bottom .mod-data-list .label, .cp-accordion.sort-by-top .mod-data-list .label {
  max-width: 50%;
}
.cp-accordion.sort-by-bottom .mod-data-list .data .value, .cp-accordion.sort-by-top .mod-data-list .data .value {
  color: #c7222a;
}
.cp-accordion.sort-by-top .sort-data {
  background: url('top-bottom-indicator.791cdfae2f6c2ec1.png') left top no-repeat;
  background-size: 7rem;
}
.cp-accordion.sort-by-top .card-head .indicator:before {
  content: "Top 3";
  background: url('top-3.10d24ae8d1acb17c.png') top center no-repeat;
  background-size: 2.6rem;
}
.cp-accordion.sort-by-top .mod-data-list .data .value {
  color: #0c9f41;
}

@media only screen and (max-width: 1170px) {
  .cp-accordion.typ-2 .swiper-container {
    overflow: hidden;
    padding: 0.5rem;
  }
  .cp-accordion.typ-2 .swiper-container .cp-card {
    box-shadow: 0px 0px 5px 0 #c3cff0;
  }
  .cp-accordion.typ-2 .swiper-slide {
    width: 40rem;
  }
}
@media only screen and (max-width: 767px) {
  .cp-accordion.typ-2 .swiper-slide {
    width: 29.5rem;
  }
  .cp-accordion.typ-2 .swiper-container {
    overflow: inherit;
  }
  .cp-accordion.typ-2 .title-wrap .icon {
    right: 1rem;
  }
  .cp-accordion.typ-2 .title-wrap .title {
    font-size: 1.5rem;
  }
  .cp-accordion.typ-2 .title-wrap .title span {
    padding-right: 1rem;
  }
  .cp-accordion.typ-2 .ui-accordion .ui-accordion-content {
    padding: 1rem 0 0.5rem;
  }
}
.cp-map-wrap {
  border: 1px solid #e8ecf8;
  border-radius: 2px;
  background: #ffffff;
  box-shadow: 0 0 20px 0 #edf1ff;
}
.cp-map-wrap .map-filter {
  display: flex;
  align-items: center;
  position: relative;
  padding-right: 4.5rem;
}
.cp-map-wrap .map-filter.typ-sm {
  padding-right: 0;
}
.cp-map-wrap .map-filter.typ-sm .filter-list {
  width: 68%;
}
.cp-map-wrap .map-filter.typ-sm .search-wrap {
  width: 32%;
  height: 5.8rem;
}
.cp-map-wrap .map-filter.typ-sm .search-wrap .cp-form {
  display: flex;
  height: 100%;
  align-items: center;
  position: relative;
}
.cp-map-wrap .map-filter.typ-sm .search-wrap .form-group {
  margin-bottom: 0;
}
.cp-map-wrap .map-filter.typ-sm .search-wrap .form-group.typ-sm {
  width: 30%;
  position: static;
}
.cp-map-wrap .map-filter.typ-sm .search-wrap .form-group.typ-sm .input-group {
  position: static;
}
.cp-map-wrap .map-filter.typ-sm .search-wrap .form-group.typ-sm:before {
  position: absolute;
  content: "";
  width: 1px;
  top: 0rem;
  bottom: 0rem;
  left: 6.6rem;
  background: #e8ecf8;
  z-index: 1;
}
.cp-map-wrap .map-filter.typ-sm .search-wrap .form-group.typ-sm p-dropdown .ui-dropdown {
  padding: 0 1rem;
}
.cp-map-wrap .map-filter.typ-sm .search-wrap .form-group.typ-sm p-dropdown .ui-dropdown .ui-dropdown-trigger {
  right: auto;
  left: 3.8rem;
}
.cp-map-wrap .map-filter.typ-sm .search-wrap .form-group.typ-sm p-dropdown .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon {
  line-height: 5.8rem;
}
.cp-map-wrap .map-filter.typ-sm .search-wrap .form-group.typ-sm p-dropdown.typ-2.ui-inputwrapper-filled .ui-dropdown-label {
  color: #307fe2;
}
.cp-map-wrap .map-filter.typ-sm .search-wrap .form-group.typ-sm p-dropdown.typ-2 .ui-dropdown-label {
  line-height: 1.8rem;
  padding-right: 2rem;
  width: 4.8rem;
  white-space: break-spaces;
  overflow: inherit;
}
.cp-map-wrap .map-filter.typ-sm .search-wrap .form-group.typ-sm p-dropdown.typ-2 .ui-dropdown-panel {
  top: 5.8rem !important;
  box-shadow: 0px 3px 4px 0px #999;
  border-radius: 0;
}
.cp-map-wrap .map-filter.typ-sm .search-wrap .search {
  position: absolute;
  left: 1rem;
  top: 54%;
  transform: translateY(-50%);
}
.cp-map-wrap .map-filter.typ-sm .search-wrap .search .icon {
  color: #999999;
  font-size: 1.5rem;
}
.cp-map-wrap .map-filter .filter-list {
  display: flex;
  align-items: center;
  width: 100%;
}
.cp-map-wrap .map-filter .filter-list ul {
  background-color: #ffffff;
  padding-bottom: 0.8rem;
  display: flex;
  align-items: center;
}
.cp-map-wrap .map-filter .filter-list ul.assigned-list {
  width: 57%;
}
.cp-map-wrap .map-filter .filter-list ul.assigned-list .item {
  width: 25%;
}
.cp-map-wrap .map-filter .filter-list ul.unassigned-list {
  width: 43%;
}
.cp-map-wrap .map-filter .filter-list ul.unassigned-list .item {
  width: 33.33%;
}
.cp-map-wrap .map-filter .filter-list ul.vehicle-list {
  width: 100%;
}
.cp-map-wrap .map-filter .filter-list ul.vehicle-list .item {
  width: 20%;
}
.cp-map-wrap .map-filter .search-btn {
  width: 4.5rem;
  background-color: #ffffff;
  position: absolute;
  right: 0;
  height: 5.8rem;
}
.cp-map-wrap .map-filter .search-btn .icon {
  font-size: 1.5rem;
  color: #307fe2;
}
.cp-map-wrap .map-filter .search-input {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  height: 5.8rem;
  display: flex;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in;
}
.cp-map-wrap .map-filter .search-input .form-control {
  height: 100%;
  border: none;
  outline: none;
  box-shadow: none;
  padding: 1.5rem;
  width: 100%;
  padding-right: 4.5rem;
  color: #999;
  font-size: 1.6rem;
}
.cp-map-wrap .map-filter .search-input .close-btn {
  width: 4.5rem;
  background: #ffffff;
  position: absolute;
  right: 0;
  height: 5.8rem;
}
.cp-map-wrap .map-filter .search-input .close-btn .icon {
  font-size: 1.5rem;
  color: #999;
}
.cp-map-wrap .map-filter .search-input.active {
  opacity: 1;
  visibility: visible;
}
.cp-map-wrap .map-filter .item {
  height: 5rem;
  position: relative;
  border-right: 1px solid #e8ecf8;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.6rem;
  transition: all 0.4s ease-in-out;
  background-color: #ffffff;
  padding: 0.7rem 0rem;
  cursor: pointer;
}
.cp-map-wrap .map-filter .item .count {
  display: block;
  font-size: 1.6rem;
  line-height: 1.8rem;
  margin-bottom: 0.2rem;
  font-weight: 700;
  color: #333333;
}
.cp-map-wrap .map-filter .item .text {
  display: block;
  color: #666666;
}
.cp-map-wrap .map-filter .item.active .count,
.cp-map-wrap .map-filter .item.active .text {
  color: #ffffff;
}
.cp-map-wrap .map-filter .item.active:after {
  content: "";
}
.cp-map-wrap .map-filter .item:before {
  content: "";
  position: absolute;
  height: 0.8rem;
  left: 0;
  right: 0;
  bottom: -0.8rem;
  background: transparent;
}
.cp-map-wrap .map-filter .item:after {
  content: none;
  border-right: 0.8rem solid transparent;
  border-left: 0.8rem solid transparent;
  border-top: 0.8rem solid #0a0a5f;
  left: 50%;
  transform: translateX(-50%);
  bottom: -1.6rem;
  position: absolute;
  z-index: 1;
}
.cp-map-wrap .map-filter .item.all-assigned.active, .cp-map-wrap .map-filter .item.all-assigned:before {
  background-color: #0a0a5f;
}
.cp-map-wrap .map-filter .item.ontime.active, .cp-map-wrap .map-filter .item.ontime:before, .cp-map-wrap .map-filter .item.moving.active, .cp-map-wrap .map-filter .item.moving:before {
  background-color: #0c9f41;
}
.cp-map-wrap .map-filter .item.ontime.active:after, .cp-map-wrap .map-filter .item.moving.active:after {
  border-top-color: #0c9f41;
}
.cp-map-wrap .map-filter .item.delayed.active, .cp-map-wrap .map-filter .item.delayed:before, .cp-map-wrap .map-filter .item.idle.active, .cp-map-wrap .map-filter .item.idle:before {
  background-color: #ffa100;
}
.cp-map-wrap .map-filter .item.delayed.active:after, .cp-map-wrap .map-filter .item.idle.active:after {
  border-top-color: #ffa100;
}
.cp-map-wrap .map-filter .item.halt.active, .cp-map-wrap .map-filter .item.halt:before, .cp-map-wrap .map-filter .item.stopped.active, .cp-map-wrap .map-filter .item.stopped:before {
  background-color: #aa00bf;
}
.cp-map-wrap .map-filter .item.halt.active:after, .cp-map-wrap .map-filter .item.stopped.active:after {
  border-top-color: #aa00bf;
}
.cp-map-wrap .map-filter .item.all-unassigned.active, .cp-map-wrap .map-filter .item.all-unassigned:before {
  background-color: #0a0a5f;
}
.cp-map-wrap .map-filter .item.all-unassigned.active:after {
  border-top-color: #0a0a5f;
}
.cp-map-wrap .map-filter .item.offline.active, .cp-map-wrap .map-filter .item.offline:before {
  background-color: #999999;
}
.cp-map-wrap .map-filter .item.offline.active:after {
  border-top-color: #999999;
}
.cp-map-wrap .map-filter .item.avlbl.active, .cp-map-wrap .map-filter .item.avlbl:before {
  background-color: #a4c700;
}
.cp-map-wrap .map-filter .item.avlbl.active:after {
  border-top-color: #a4c700;
}
.cp-map-wrap .map-filter .item.service.active, .cp-map-wrap .map-filter .item.service:before {
  background-color: #333333;
}
.cp-map-wrap .map-filter .item.service.active:after {
  border-top-color: #333333;
}
.cp-map-wrap .map-container {
  height: 44.2rem;
  background-color: #666666;
  position: relative;
  z-index: 0;
}
.cp-map-wrap .map-container .btn-enlarge {
  position: absolute;
  top: 3rem;
  right: 2rem;
  padding: 0;
  background-color: #ffffff;
  border-radius: 0.5rem;
  box-shadow: 0 0 10px 0 #d1d6eb;
  width: 3rem;
  height: 3rem;
  z-index: 1;
}
.cp-map-wrap .map-container .btn-enlarge .icon {
  color: #333333;
  font-size: 1.8rem;
}
.cp-map-wrap .map-container agm-map {
  width: 100%;
  height: 100%;
}
.cp-map-wrap .map-container agm-map .gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint > div {
  width: 3rem !important;
  height: 6rem !important;
  border-radius: 0.5rem !important;
  box-shadow: 0 0 10px 0 #d1d6eb !important;
}
.cp-map-wrap .map-container agm-map .gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint > div > button.gm-control-active {
  width: 100% !important;
  height: 50% !important;
}
.cp-map-wrap .map-container agm-map .gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint > div > button.gm-control-active img {
  width: 1rem !important;
}
.cp-map-wrap .map-container agm-map .gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint > div > div {
  width: 100% !important;
  margin: 0 !important;
}

@media only screen and (max-width: 1024px) {
  .cp-map-wrap .map-filter {
    padding-right: 0;
  }
  .cp-map-wrap .map-filter .search-btn {
    display: none;
  }
  .cp-map-wrap .map-filter .filter-list {
    overflow-x: auto;
  }
  .cp-map-wrap .map-filter .filter-list ul {
    padding-bottom: 0.5rem;
  }
  .cp-map-wrap .map-filter .filter-list ul.assigned-list, .cp-map-wrap .map-filter .filter-list ul.unassigned-list, .cp-map-wrap .map-filter .filter-list ul.vehicle-list {
    width: auto;
  }
  .cp-map-wrap .map-filter .filter-list ul.assigned-list .item, .cp-map-wrap .map-filter .filter-list ul.unassigned-list .item, .cp-map-wrap .map-filter .filter-list ul.vehicle-list .item {
    width: 7.2rem;
  }
  .cp-map-wrap .map-filter .filter-list ul.vehicle-list {
    min-width: 100%;
  }
  .cp-map-wrap .map-filter .filter-list ul.vehicle-list .item {
    min-width: 20%;
  }
  .cp-map-wrap .map-filter .item .count {
    font-size: 1.4rem;
    outline-width: 1.6rem;
  }
  .cp-map-wrap .map-filter .item:before {
    height: 0.5rem;
    bottom: -0.5rem;
  }
  .cp-map-wrap .map-filter .item:after {
    border-right-width: 0.5rem;
    border-bottom-width: 0.5rem;
    border-left-width: 0.5rem;
    bottom: -0.5rem;
  }
  .cp-map-wrap .map-filter.typ-sm .filter-list {
    width: 100%;
  }
  .cp-map-wrap .map-filter.typ-sm .search-wrap {
    position: absolute;
    height: 5.5rem;
    background-color: #ffffff;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
  }
  .cp-map-wrap .map-filter.typ-sm .search-wrap * {
    height: 100%;
  }
  .cp-map-wrap .map-filter.typ-sm .search-wrap .search {
    display: none;
  }
  .cp-map-wrap .map-filter.typ-sm .search-wrap.active {
    opacity: 1;
    visibility: visible;
  }
  .cp-map-wrap .map-filter.typ-sm .search-wrap .form-group.typ-sm {
    width: 30%;
  }
  .cp-map-wrap .map-filter.typ-sm .search-wrap .form-group.typ-sm:before {
    top: 0;
    bottom: 0;
    left: 27%;
  }
  .cp-map-wrap .map-filter.typ-sm .search-wrap .form-group.typ-sm p-dropdown.typ-2 .ui-dropdown-label {
    width: auto;
    display: inline-block;
    height: auto;
    line-height: 5.5rem;
    padding-right: 0;
  }
  .cp-map-wrap .map-filter.typ-sm .search-wrap .form-group.typ-sm p-dropdown.typ-2 .ui-dropdown-panel {
    top: 5.5rem !important;
  }
  .cp-map-wrap .map-filter.typ-sm .search-wrap .form-group.typ-sm p-dropdown .ui-dropdown {
    padding-right: 3rem;
  }
  .cp-map-wrap .map-filter.typ-sm .search-wrap .form-group.typ-sm p-dropdown .ui-dropdown .ui-dropdown-trigger {
    left: 20%;
  }
  .cp-map-wrap .map-filter.typ-sm .search-wrap .form-group.typ-sm p-dropdown .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon {
    line-height: 5.5rem;
  }
  .cp-map-wrap .map-filter.typ-sm .search-wrap .ui-dropdown-panel,
  .cp-map-wrap .map-filter.typ-sm .search-wrap .ui-autocomplete-panel {
    height: auto;
  }
  .cp-map-wrap .map-filter.typ-sm .search-wrap .ui-dropdown-panel *,
  .cp-map-wrap .map-filter.typ-sm .search-wrap .ui-autocomplete-panel * {
    height: auto;
  }
  .cp-map-wrap .map-container {
    height: 32.5rem;
  }
}
.cp-unalloc-trip .swiper-slide {
  width: 28.2rem;
}

.cp-filter-wrap .filter-head .filter-tag {
  display: inline-block;
  margin-right: 1rem;
  padding: 0.8rem 2.5rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
  background-color: transparent;
  border: 1px solid #e8ecf8;
  border-radius: 1.8rem;
  text-transform: capitalize;
  color: #666666;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}
.cp-filter-wrap .filter-head .filter-tag:last-of-type {
  margin-right: 0;
}
.cp-filter-wrap .filter-head .filter-tag:hover, .cp-filter-wrap .filter-head .filter-tag.active {
  color: #ffffff;
  background-color: #0a0a5f;
  border-color: #0a0a5f;
}
.cp-filter-wrap .filter-cont {
  padding-top: 2rem;
}
.cp-filter-wrap .filter-cont .filter-item {
  margin-bottom: 2rem;
}
.cp-filter-wrap .filter-cont .filter-item .cp-vendors {
  height: 100%;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}
.cp-filter-wrap .filter-cont .filter-item .cp-vendors:hover {
  box-shadow: 0 0 25px 0 #d1d6eb;
}
.cp-filter-wrap .filter-cont .filter-item:nth-of-type(4n+1) .cp-vendors .img-wrap {
  background-color: #ff8535;
}
.cp-filter-wrap .filter-cont .filter-item:nth-of-type(4n+2) .cp-vendors .img-wrap {
  background-color: #b620e0;
}
.cp-filter-wrap .filter-cont .filter-item:nth-of-type(4n+3) .cp-vendors .img-wrap {
  background-color: #14bfba;
}
.cp-filter-wrap .filter-cont .filter-item:nth-of-type(4n+4) .cp-vendors .img-wrap {
  background-color: #307fe2;
}
.cp-filter-wrap .filter-cont .select-wrap {
  margin: 0 0 2rem;
}
.cp-filter-wrap .filter-cont .select-wrap .selected-count {
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
  font-style: italic;
  margin-left: 1rem;
}
.cp-filter-wrap .filter-cont .select-wrap .ui-chkbox {
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 0.6rem;
}
.cp-filter-wrap .filter-cont .select-wrap .ui-chkbox .ui-chkbox-box {
  width: 2.5rem;
  height: 2.5rem;
  background-color: transparent;
  border: none;
  margin: 0;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
.cp-filter-wrap .filter-cont .select-wrap .ui-chkbox .ui-chkbox-box span {
  display: none;
}
.cp-filter-wrap .filter-cont .select-wrap .ui-chkbox .ui-chkbox-box:before, .cp-filter-wrap .filter-cont .select-wrap .ui-chkbox .ui-chkbox-box:after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.cp-filter-wrap .filter-cont .select-wrap .ui-chkbox .ui-chkbox-box:before {
  background: url('check-empty.0aa98a0391624556.svg') center center no-repeat;
  background-size: cover;
}
.cp-filter-wrap .filter-cont .select-wrap .ui-chkbox .ui-chkbox-box:after {
  background: url('check-filled.ccfa51c6e83408ff.svg') center center no-repeat;
  background-size: cover;
}
.cp-filter-wrap .filter-cont .select-wrap .ui-chkbox .ui-chkbox-box.ui-state-default:before {
  opacity: 1;
}
.cp-filter-wrap .filter-cont .select-wrap .ui-chkbox .ui-chkbox-box.ui-state-default:after {
  opacity: 0;
}
.cp-filter-wrap .filter-cont .select-wrap .ui-chkbox .ui-chkbox-box.ui-state-default.ui-state-active:before {
  opacity: 0;
}
.cp-filter-wrap .filter-cont .select-wrap .ui-chkbox .ui-chkbox-box.ui-state-default.ui-state-active:after {
  opacity: 1;
}
.cp-filter-wrap .filter-cont .select-wrap .ui-chkbox .ui-chkbox-box.ui-state-default.ui-state-focus {
  outline: none;
  box-shadow: none;
}
.cp-filter-wrap .filter-cont .select-wrap .ui-chkbox-label {
  margin-left: 0;
  color: #333333;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.6rem;
  cursor: pointer;
}

@media only screen and (max-width: 1024px) {
  .cp-filter-wrap .filter-head {
    overflow-x: auto;
    margin: 0 -1.5rem;
    padding: 0 1.5rem;
  }
  .cp-filter-wrap .filter-head .tag-list {
    white-space: nowrap;
  }
}
.cp-card-listing .card-item {
  margin-bottom: 2rem;
}
.cp-card-listing .cp-card {
  height: 20.5rem;
  width: 35rem;
  display: flex;
  flex-flow: column;
  position: relative;
  left: 4rem;
  border: 1px solid #e8ecf8;
}
.cp-card-listing .cp-card .card-head {
  padding: 2rem;
  word-wrap: break-word !important;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 8rem;
}
.cp-card-listing .cp-card .card-head .timestamp {
  display: block;
  margin-bottom: 0.3rem;
  text-align: right;
}
.cp-card-listing .cp-card .card-head .right-wrap {
  position: absolute;
  right: 2rem;
}
.cp-card-listing .cp-card .card-head .right-wrap .pan {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #0a0a5f;
}
.cp-card-listing .cp-card .card-head .right-wrap .license {
  font-weight: 700;
  display: block;
  margin-bottom: 0.3rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #0a0a5f;
}
.cp-card-listing .cp-card .card-head .mod-name-value.typ-img .img-wrap {
  background-color: lightsteelblue;
  z-index: 1;
  border: 1px solid lightsteelblue;
}
.cp-card-listing .cp-card .card-head .mod-name-value.typ-img .info-wrap .name {
  color: #0a0a5f;
  font-size: 1.8rem;
  line-height: 2.2rem;
  margin-bottom: 0.3rem;
}
.cp-card-listing .cp-card .card-head .mod-name-value.typ-img .info-wrap .value {
  font-size: 1.4rem;
  color: #333333;
}
.cp-card-listing .cp-card .card-head .desg {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #95a5d5;
  color: #ffffff;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.6rem;
  text-transform: capitalize;
  padding: 0.1rem 0.2rem;
  width: 12rem;
  text-align: center;
}
.cp-card-listing .cp-card .mod-name-value.typ-img .img-wrap {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  position: relative;
  margin-right: 1.5rem;
}
.cp-card-listing .cp-card .mod-name-value.typ-img .img-wrap .initials {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #ffffff;
}
.cp-card-listing .cp-card .card-body {
  padding: 0 1.5rem;
  position: relative;
  background-color: #ffffff;
  flex-grow: 1;
  overflow-y: auto;
  display: flex;
  align-items: center;
  justify-content: start;
}
.cp-card-listing .cp-card .card-body.typ-flex {
  display: flex;
  align-items: center;
}
.cp-card-listing .cp-card .card-body .icon-text-list .item {
  margin-bottom: 2rem;
}
.cp-card-listing .cp-card .card-body .icon-text-list .item .mod-icon-text .icon {
  font-size: 1.5rem;
  color: #95a5d5;
}
.cp-card-listing .cp-card .card-body .icon-text-list .item .mod-icon-text .text {
  margin-left: 1.5rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-card-listing .cp-card .card-body .icon-text-list .item:last-of-type {
  margin-bottom: 0;
}
.cp-card-listing .cp-card .card-body .address-wrap {
  margin-bottom: 1.5rem;
}
.cp-card-listing .cp-card .card-body .address-wrap .title {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #333333;
  font-weight: 700;
  margin-bottom: 0.3rem;
  display: block;
}
.cp-card-listing .cp-card .card-body .address-wrap:last-of-type {
  margin-bottom: 0;
}
.cp-card-listing .cp-card .card-body .address-wrap address {
  margin-bottom: 0;
}
.cp-card-listing .cp-card .card-body address {
  font-size: 1.2rem;
  line-height: 1.6rem;
  margin-bottom: 1.5rem;
  font-style: normal;
}
.cp-card-listing .cp-card .card-body .locate-btn {
  font-size: 1.2rem;
  line-height: 1.6rem;
  text-transform: initial;
  position: absolute;
  left: 2rem;
  bottom: 2rem;
}
.cp-card-listing .cp-card .card-body .locate-btn:after {
  content: none;
}
.cp-card-listing .cp-card .card-body .mod-name-value.typ-img.align-top {
  align-items: flex-start;
}
.cp-card-listing .cp-card .card-body .mod-name-value.typ-img .name {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
  margin-bottom: 0.5rem;
}
.cp-card-listing .cp-card .card-body .mod-name-value.typ-img .bank-details {
  font-size: 1.2rem;
  line-height: 1.2rem;
}
.cp-card-listing .cp-card .card-body .mod-name-value.typ-img .bank-details > span {
  margin-bottom: 0.8rem;
  display: block;
}
.cp-card-listing .cp-card .card-body .mod-name-value.typ-img .bank-details > span:last-of-type {
  margin-bottom: 0;
}
.cp-card-listing .cp-card .card-body .mod-name-value.typ-img .bank-details > span span {
  display: inline-block;
  vertical-align: middle;
}
.cp-card-listing .cp-card .card-body .mod-name-value.typ-img .bank-details .address span {
  line-height: 1.2rem;
  display: inline-block;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  border-right: 1px solid #666666;
}
.cp-card-listing .cp-card .card-body .mod-name-value.typ-img .bank-details .address span:first-of-type {
  padding-left: 0;
}
.cp-card-listing .cp-card .card-body .mod-name-value.typ-img .bank-details .address span:last-of-type {
  padding-right: 0;
  border-right: none;
}
.cp-card-listing .cp-card .card-body .gst {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
}
.cp-card-listing .cp-card .card-body > .img-wrap {
  width: 20rem;
  margin: 0 auto;
}
.cp-card-listing .cp-card .card-body > .img-wrap img {
  width: 100%;
}
.cp-card-listing .cp-card .card-body .doc-list {
  width: 100%;
}
.cp-card-listing .cp-card .card-body .doc-list .doc-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}
.cp-card-listing .cp-card .card-body .doc-list .doc-item:last-of-type {
  margin-bottom: 0;
}
.cp-card-listing .cp-card .card-body .doc-list .doc-item .name {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-card-listing .cp-card .card-body .doc-list .doc-item .act-wrap .icon {
  font-size: 1.8rem;
  color: #307fe2;
  font-weight: 400;
  margin: 0;
}
.cp-card-listing .cp-card .card-body .doc-list .doc-item .act-wrap .btn {
  display: inline-block;
  margin-right: 2rem;
}
.cp-card-listing .cp-card .card-body .doc-list .doc-item .act-wrap .btn:last-of-type {
  margin-right: 0;
}
.cp-card-listing .cp-card .card-body .profile-wrap .img-wrap {
  background-color: #14bfba;
}
.cp-card-listing .cp-card .card-body .profile-wrap .info-wrap .value > span {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-card-listing .cp-card .card-body .profile-wrap .info-wrap .value > span:last-of-type {
  margin-bottom: 0;
}
.cp-card-listing .cp-card .card-body .profile-wrap .info-wrap .value .contact a {
  display: block;
  margin-bottom: 0.5rem;
}
.cp-card-listing .cp-card .card-body .profile-wrap .info-wrap .value .contact a:last-of-type {
  margin-bottom: 0;
}
.cp-card-listing .cp-card .card-body .fleet-wrap .title {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
  font-weight: 700;
  margin-bottom: 1rem;
}
.cp-card-listing .cp-card .card-body .fleet-wrap .fleet-list {
  display: flex;
  justify-content: space-between;
}
.cp-card-listing .cp-card .card-body .fleet-wrap .fleet-list .wrap-icon-text {
  width: 50%;
}
.cp-card-listing .cp-card .card-body .fleet-wrap .fleet-list .wrap-icon-text .icon {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background: #e8ecf8;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1.5rem;
  color: #95a5d5;
  font-size: 3.5rem;
  position: relative;
}
.cp-card-listing .cp-card .card-body .fleet-wrap .fleet-list .wrap-icon-text .icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cp-card-listing .cp-card .card-body .fleet-wrap .fleet-list .wrap-icon-text .text {
  display: inline-block;
  vertical-align: middle;
}
.cp-card-listing .cp-card .card-body .fleet-wrap .fleet-list .wrap-icon-text .text .count {
  font-size: 2.4rem;
  line-height: 2.6rem;
  margin-bottom: 0.3rem;
  color: #333333;
  font-weight: 700;
  display: block;
}
.cp-card-listing .cp-card .card-body .fleet-wrap .fleet-list .wrap-icon-text .text .label {
  display: block;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-card-listing .cp-card .card-body .data-list {
  padding: 10px !important;
}
.cp-card-listing .cp-card .card-body .data-list .data-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-card-listing .cp-card .card-body .data-list .data-item .label {
  max-width: 49%;
}
.cp-card-listing .cp-card .card-body .data-list .data-item .value {
  left: 12rem;
  max-width: 49%;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #0a0a5f;
  font-weight: 700;
  position: absolute;
}
.cp-card-listing .cp-card .card-body .data-list .data-item .value-alt {
  left: 30rem;
  max-width: 49%;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #0a0a5f;
  font-weight: 700;
  position: absolute;
}
.cp-card-listing .cp-card .card-body .data-list .data-item:last-of-type {
  margin-bottom: 0;
}

@media only screen and (max-width: 1024px) {
  .cp-card-listing .cp-card {
    height: 21.5rem;
  }
  .cp-card-listing .cp-card .card-head {
    padding: 1.8rem 1.5rem;
  }
  .cp-card-listing .cp-card .card-head .mod-name-value.typ-img .info-wrap .name {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  .cp-card-listing .cp-card .card-head .mod-name-value.typ-img .info-wrap .value {
    font-size: 1.3rem;
    line-height: 1.7rem;
  }
  .cp-card-listing .cp-card .card-head .desg {
    width: 11rem;
    border: 2px solid red;
  }
  .cp-card-listing .cp-card .card-body {
    padding: 5.5rem;
    position: absolute;
    top: 2rem;
  }
  .cp-card-listing .cp-card .card-body address {
    margin-bottom: 1rem;
  }
  .cp-card-listing .cp-card .card-body .locate-btn {
    position: static;
  }
  .cp-card-listing .cp-card .mod-name-value.typ-img .img-wrap {
    width: 3.5rem;
    height: 3.5rem;
    margin-right: 1rem;
  }
  .cp-card-listing .cp-card .mod-name-value.typ-img .img-wrap .initials {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}
@media only screen and (max-width: 767px) {
  .cp-card-listing .cp-card {
    height: auto;
  }
}
.cp-modal .ui-dialog {
  border-radius: 0.2rem;
  border: none;
  box-shadow: none;
  background-color: #ffffff;
  overflow: hidden;
}
.cp-modal .ui-dialog .ui-dialog-titlebar {
  padding: 1rem 0 1rem 2rem;
  background-color: #ffffff;
  border-radius: 0;
  border: none;
}
.cp-modal .ui-dialog .ui-dialog-titlebar .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cp-modal .ui-dialog .ui-dialog-titlebar .modal-header .close-btn .icon {
  font-size: 1.6rem;
  color: #666666;
  font-weight: 400;
}
.cp-modal .ui-dialog .ui-dialog-titlebar .title {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #0a0a5f;
}
.cp-modal .ui-dialog .ui-dialog-titlebar .title .last-updated {
  font-size: 1.1rem;
  color: #333333;
  font-style: italic;
  font-weight: normal;
}
.cp-modal .ui-dialog .ui-dialog-titlebar .title.typ-center {
  text-align: center;
}
.cp-modal .ui-dialog .ui-dialog-titlebar-close {
  position: relative;
  padding: 0.5rem;
  position: absolute;
  right: 2rem;
  top: 1.7rem;
}
.cp-modal .ui-dialog .ui-dialog-titlebar-close .pi-times:before {
  content: "\e90b";
  font-family: "icomoon";
}
.cp-modal .ui-dialog .ui-dialog-content {
  padding: 2rem;
  overflow: visible;
  background: #e6eaf7 !important;
}
.cp-modal .ui-dialog .ui-dialog-content .modal-body {
  height: 100%;
  flex-direction: column;
}
.cp-modal .ui-dialog .heading-1 {
  font-weight: 700;
  color: #333333;
}
.cp-modal .ui-dialog .mod-name-value.typ-img {
  margin-bottom: 2rem;
}
.cp-modal .ui-dialog .mod-name-value.typ-img .info-wrap .name {
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 700;
  margin-bottom: 0.2rem;
  display: block;
  text-transform: uppercase;
}
.cp-modal .ui-dialog .mod-name-value.typ-img .info-wrap .value {
  font-size: 1.2rem;
  line-height: 1.2rem;
}
.cp-modal .ui-dialog .mod-name-value.typ-img .info-wrap .value span {
  border-right: 1px solid #666666;
  padding-right: 0.3rem;
  margin-right: 0.3rem;
  line-height: 1.2rem;
  display: inline-block;
}
.cp-modal .ui-dialog .mod-name-value.typ-img .info-wrap .value span:last-of-type {
  border-right: none;
}
.cp-modal .ui-dialog .mod-name-value.typ-img .img-wrap {
  width: 3.5rem;
  height: 3.5rem;
  overflow: hidden;
  border-radius: 50%;
}
.cp-modal .ui-dialog .mod-name-value.typ-img .img-wrap img {
  width: 100%;
}
.cp-modal .ui-dialog .title-desc-wrap {
  margin-bottom: 1.5rem;
}
.cp-modal .ui-dialog .title-desc-wrap .heading-1 {
  margin-bottom: 0.5rem;
}
.cp-modal .ui-dialog .title-desc-wrap .desc {
  line-height: 1.5;
}
.cp-modal .ui-dialog .title-desc-wrap .desc + .desc {
  margin-top: 1.5rem;
}
.cp-modal .ui-dialog .title-desc-wrap.typ-bg {
  background-color: rgba(48, 127, 226, 0.1);
  padding: 1.5rem 1rem;
}
.cp-modal .ui-dialog .title-desc-wrap.typ-bg .desc {
  color: #666666;
}
.cp-modal .ui-dialog .issue-list-wrap,
.cp-modal .ui-dialog .alert-list-wrap {
  font-size: 1.2rem;
}
.cp-modal .ui-dialog .issue-list-wrap .count-wrap,
.cp-modal .ui-dialog .alert-list-wrap .count-wrap {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.cp-modal .ui-dialog .issue-list-wrap .count-wrap span,
.cp-modal .ui-dialog .alert-list-wrap .count-wrap span {
  margin-right: 0.3rem;
  vertical-align: middle;
  display: inline-block;
}
.cp-modal .ui-dialog .issue-list-wrap .list .item,
.cp-modal .ui-dialog .alert-list-wrap .list .item {
  margin-bottom: 1rem;
  line-height: 1.5;
  position: relative;
  display: flex;
}
.cp-modal .ui-dialog .issue-list-wrap .list .item span,
.cp-modal .ui-dialog .alert-list-wrap .list .item span {
  width: calc(100% - 3.5rem);
}
.cp-modal .ui-dialog .issue-list-wrap .list .item .img-icon,
.cp-modal .ui-dialog .alert-list-wrap .list .item .img-icon {
  width: 2.5rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
}
.cp-modal .ui-dialog .issue-list-wrap .list .item .img-icon img,
.cp-modal .ui-dialog .alert-list-wrap .list .item .img-icon img {
  width: 100%;
}
.cp-modal .ui-dialog .issue-list-wrap .list .item .img-icon.typ-alert,
.cp-modal .ui-dialog .alert-list-wrap .list .item .img-icon.typ-alert {
  background: #db0b0b;
  border-radius: 50%;
  box-shadow: 0 0 10px 0 rgba(219, 11, 11, 0.75);
  overflow: hidden;
  width: 2rem;
  color: #ffffff;
  height: 2rem;
  font-size: 1.4rem;
  text-align: center;
}
.cp-modal .ui-dialog .alert-type {
  padding-bottom: 1.5rem;
  display: flex;
  align-items: center;
}
.cp-modal .ui-dialog .alert-type .icon-wrap {
  margin-right: 1rem;
  width: auto;
  text-align: center;
  height: auto;
}
.cp-modal .ui-dialog .alert-type .text {
  font-size: 1.2rem;
  font-weight: 700;
}
.cp-modal .ui-dialog .alert-type .icon {
  font-size: 2.5rem;
}
.cp-modal .ui-dialog .alert-type .icon.typ-green {
  color: #0c9f41;
}
.cp-modal .ui-dialog .alert-type .icon.typ-error {
  color: #db0b0b;
}
.cp-modal .ui-dialog .alert-type .icon.typ-info {
  display: block;
  background: #db0b0b;
  border-radius: 50%;
  box-shadow: 0 0 10px 0 rgba(219, 11, 11, 0.75);
  overflow: hidden;
  width: 2rem;
  color: #ffffff;
  height: 2rem;
  font-size: 1.1rem;
  text-align: center;
  line-height: 2rem;
  margin: 0 auto;
}
.cp-modal.typ-servicing .ui-dialog {
  width: 45rem;
  min-height: 36rem;
  max-height: 48rem;
}
.cp-modal.typ-servicing .ui-dialog .ui-dialog-titlebar {
  border-bottom: none;
  padding-top: 3rem;
  display: flex;
}
.cp-modal.typ-servicing .ui-dialog .ui-dialog-titlebar .modal-header {
  display: block;
}
.cp-modal.typ-servicing .ui-dialog .ui-dialog-content {
  padding: 0;
  display: flex;
  height: 85%;
  flex-direction: column;
  padding: 12px 25px 0px 25px;
  background-color: #ffffff;
}
.cp-modal.typ-servicing .act-wrap {
  text-align: center;
  margin-bottom: 4rem;
  padding: 2rem 0 0;
}
.cp-modal.typ-servicing .act-wrap button {
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.typ-servicing .act-wrap button:last-of-type {
  margin-right: 0;
}
.cp-modal.typ-servicing .note {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  text-align: center;
}
.cp-modal.typ-tasklist-AM .ui-dialog {
  width: 42rem;
  min-height: 46.7rem;
  max-height: 48rem;
}
.cp-modal.typ-tasklist-AM .ui-dialog .ui-dialog-titlebar {
  border-bottom: none;
  padding: 2.1rem 2.5rem 2rem 2.5rem;
  display: flex;
}
.cp-modal.typ-tasklist-AM .ui-dialog .ui-dialog-titlebar .modal-header {
  display: block;
}
.cp-modal.typ-tasklist-AM .ui-dialog .ui-dialog-content {
  padding: 0;
  display: flex;
  height: 325px;
  flex-direction: column;
  padding: 12px 25px 0px 25px;
  background-color: #ffffff;
  justify-content: space-between;
}
.cp-modal.typ-tasklist-AM .act-wrap {
  text-align: center;
  margin-bottom: 4rem;
  padding: 2rem 0 0;
}
.cp-modal.typ-tasklist-AM .act-wrap button {
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.typ-tasklist-AM .act-wrap button:last-of-type {
  margin-right: 0;
}
.cp-modal.typ-tasklist-AM .note {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  text-align: center;
}
.cp-modal.typ-reject-leave .ui-dialog {
  width: 60rem;
  height: 37.8rem;
  border-radius: 2px;
  box-shadow: 0 0 15px 0 #000000;
  background-color: white;
}
.cp-modal.typ-reject-leave .ui-dialog .ui-dialog-titlebar {
  height: 64px;
  display: flex;
}
.cp-modal.typ-reject-leave .ui-dialog .ui-dialog-titlebar .title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #0a0a5f;
}
.cp-modal.typ-reject-leave .ui-dialog .ui-dialog-titlebar .modal-header {
  display: block;
}
.cp-modal.typ-reject-leave .ui-dialog .ui-dialog-titlebar-close span {
  font-size: 1.5rem;
}
.cp-modal.typ-reject-leave .ui-dialog .ui-dialog-content {
  display: flex;
  height: 313px;
  flex-direction: column;
  background-color: #ffffff;
  padding: 0;
}
.cp-modal.typ-reject-leave .act-wrap {
  text-align: center;
  margin-bottom: 4rem;
  padding: 2rem 0 0;
}
.cp-modal.typ-reject-leave .act-wrap button {
  width: 150px;
  height: 45px;
  border-radius: 5px;
  border: solid 1px #122382;
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.typ-reject-leave .act-wrap button:last-of-type {
  margin-right: 0;
}
.cp-modal.typ-reject-leave .note {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  text-align: center;
}
.cp-modal.typ-leave-request-message .ui-dialog {
  width: 60rem;
  height: 26.9rem;
  box-shadow: 0 0 15px 0 #000000;
  background-color: white;
}
.cp-modal.typ-leave-request-message .ui-dialog .ui-dialog-titlebar {
  padding: 2rem;
  height: 64px;
  display: flex;
}
.cp-modal.typ-leave-request-message .ui-dialog .ui-dialog-titlebar .title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #0a0a5f;
}
.cp-modal.typ-leave-request-message .ui-dialog .ui-dialog-titlebar .modal-header {
  display: block;
}
.cp-modal.typ-leave-request-message .ui-dialog .ui-dialog-titlebar-close span {
  font-size: 1.5rem;
}
.cp-modal.typ-leave-request-message .ui-dialog .ui-dialog-content {
  padding: 19px 20px 20px 20px;
  display: flex;
  height: 204px;
  flex-direction: column;
  background-color: #ffffff;
}
.cp-modal.typ-leave-request-message .act-wrap {
  text-align: center;
  margin-bottom: 4rem;
  padding: 2rem 0 0;
}
.cp-modal.typ-leave-request-message .act-wrap button {
  width: 150px;
  height: 45px;
  border-radius: 5px;
  border: solid 1px #122382;
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.typ-leave-request-message .act-wrap button:last-of-type {
  margin-right: 0;
}
.cp-modal.typ-leave-request-message .note {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  text-align: center;
}
.cp-modal.typ-remove-rate .ui-dialog {
  max-width: 50rem;
  height: 27rem;
  box-shadow: 0 0 30px 0 rgba(128, 129, 132, 0.2);
}
.cp-modal.typ-remove-rate .ui-dialog .ui-dialog-titlebar {
  border-bottom: none;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: flex;
}
.cp-modal.typ-remove-rate .ui-dialog .ui-dialog-titlebar .title {
  font-size: 1.75rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #0a0a5f;
  padding-left: 4rem;
}
.cp-modal.typ-remove-rate .ui-dialog .ui-dialog-titlebar .modal-header {
  display: block;
}
.cp-modal.typ-remove-rate .ui-dialog .ui-dialog-titlebar-close {
  display: none;
  right: 1.5rem;
  top: 1.3rem;
}
.cp-modal.typ-remove-rate .ui-dialog .ui-dialog-titlebar-close span {
  font-size: 1.5rem;
}
.cp-modal.typ-remove-rate .ui-dialog .ui-dialog-content {
  padding: 0;
  display: flex;
  height: 75%;
  flex-direction: row;
  background-color: #ffffff;
}
.cp-modal.typ-remove-rate .act-wrap {
  text-align: center;
  margin-bottom: 4rem;
  padding: 2rem 0 0;
}
.cp-modal.typ-remove-rate .act-wrap button {
  width: 150px;
  height: 45px;
  border-radius: 5px;
  border: solid 1px #122382;
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.typ-remove-rate .act-wrap button:last-of-type {
  margin-right: 0;
}
.cp-modal.typ-remove-rate .note {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  text-align: center;
}
.cp-modal.typ-delete .ui-dialog {
  max-width: 50rem;
  height: 27rem;
  box-shadow: 0 0 30px 0 rgba(128, 129, 132, 0.2);
}
.cp-modal.typ-delete .ui-dialog .ui-dialog-titlebar {
  border-bottom: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  padding: 2rem !important;
}
.cp-modal.typ-delete .ui-dialog .ui-dialog-titlebar .title {
  font-size: 1.75rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #0a0a5f;
}
.cp-modal.typ-delete .ui-dialog .ui-dialog-titlebar .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  height: 90px;
}
.cp-modal.typ-delete .ui-dialog .ui-dialog-titlebar-close {
  right: 1.5rem;
  top: 1.3rem;
}
.cp-modal.typ-delete .ui-dialog .ui-dialog-titlebar-close span {
  font-size: 1.2rem;
}
.cp-modal.typ-delete .ui-dialog .ui-dialog-content {
  padding: 0;
  display: flex;
  height: 50%;
  flex-direction: row;
  background-color: #ffffff;
}
.cp-modal.typ-delete .act-wrap {
  text-align: center;
  margin-bottom: 4rem;
  padding: 2rem 0 0;
}
.cp-modal.typ-delete .act-wrap button {
  width: 150px;
  height: 45px;
  border-radius: 5px;
  border: solid 1px #122382;
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.typ-delete .act-wrap button:last-of-type {
  margin-right: 0;
}
.cp-modal.typ-delete .note {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  text-align: center;
}
.cp-modal.typ-trip-advance .ui-dialog {
  width: 42rem;
  height: 27.9rem;
  box-shadow: 0 0 30px 0 rgba(128, 129, 132, 0.2);
  background-color: white;
}
.cp-modal.typ-trip-advance .ui-dialog .ui-dialog-titlebar {
  padding-top: 2rem;
  padding-left: 2rem;
  padding-right: 2.6rem;
  padding-bottom: 2rem;
  display: flex;
}
.cp-modal.typ-trip-advance .ui-dialog .ui-dialog-titlebar .title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #0a0a5f;
}
.cp-modal.typ-trip-advance .ui-dialog .ui-dialog-titlebar .modal-header {
  display: block;
}
.cp-modal.typ-trip-advance .ui-dialog .ui-dialog-titlebar-close span {
  font-size: 1.5rem;
}
.cp-modal.typ-trip-advance .ui-dialog .ui-dialog-content {
  padding: 20px 20px 30px 20px;
  display: flex;
  height: 80%;
  flex-direction: column;
  background-color: #ffffff;
}
.cp-modal.typ-trip-advance .act-wrap {
  text-align: center;
  margin-bottom: 4rem;
  padding: 2rem 0 0;
}
.cp-modal.typ-trip-advance .act-wrap button {
  width: 150px;
  height: 45px;
  border-radius: 5px;
  border: solid 1px #122382;
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.typ-trip-advance .act-wrap button:last-of-type {
  margin-right: 0;
}
.cp-modal.typ-trip-advance .note {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  text-align: center;
}
.cp-modal.typ-confirm .ui-dialog {
  width: 58rem;
}
.cp-modal.typ-confirm .ui-dialog .ui-dialog-titlebar {
  border-bottom: none;
  display: flex;
}
.cp-modal.typ-confirm .ui-dialog .ui-dialog-titlebar .modal-header {
  display: block;
}
.cp-modal.typ-confirm .ui-dialog .ui-dialog-content {
  padding: 0;
  background-color: #ffffff;
}
.cp-modal.typ-confirm .act-wrap {
  text-align: center;
  margin-bottom: 2rem;
  padding: 2rem 0 0;
}
.cp-modal.typ-confirm .act-wrap button {
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.typ-confirm .act-wrap button:last-of-type {
  margin-right: 0;
}
.cp-modal.typ-confirm .note {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  text-align: center;
}
.cp-modal.popup .ui-dialog {
  width: 58rem !important;
  top: 155px !important;
  height: 35rem !important;
}
.cp-modal.popup .ui-dialog .ui-dialog-titlebar {
  border-bottom: none;
  padding-top: 4rem;
  display: flex;
}
.cp-modal.popup .ui-dialog .ui-dialog-titlebar .modal-header {
  display: block;
}
.cp-modal.popup .ui-dialog .ui-dialog-content {
  padding: 0;
  background-color: #ffffff;
}
.cp-modal.popup .act-wrap {
  text-align: center;
  margin-bottom: 4rem;
  padding: 2rem 0 0;
}
.cp-modal.popup .act-wrap button {
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.popup .act-wrap button:last-of-type {
  margin-right: 0;
}
.cp-modal.typ-confirm-validation .ui-dialog {
  width: 58rem;
  height: 18rem;
}
.cp-modal.typ-confirm-validation .ui-dialog .ui-dialog-titlebar {
  border-bottom: none;
  padding: 5rem 2rem 1.5rem 2rem !important;
  display: flex;
}
.cp-modal.typ-confirm-validation .ui-dialog .ui-dialog-titlebar .modal-header {
  display: block;
}
.cp-modal.typ-confirm-validation .ui-dialog .ui-dialog-content {
  padding: 0;
  background-color: #ffffff;
}
.cp-modal.typ-confirm-validation .act-wrap {
  text-align: center;
  margin-bottom: 4rem;
  padding: 2rem 0 0;
}
.cp-modal.typ-confirm-validation .act-wrap button {
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.typ-confirm-validation .act-wrap button:last-of-type {
  margin-right: 0;
}
.cp-modal.typ-confirm-validation .note {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  text-align: center;
}
.cp-modal.typ-confirm-material .ui-dialog {
  width: 58rem;
}
.cp-modal.typ-confirm-material .ui-dialog .ui-dialog-titlebar {
  border-bottom: none;
  padding-top: 2rem;
  display: flex;
}
.cp-modal.typ-confirm-material .ui-dialog .ui-dialog-titlebar .modal-header {
  display: block;
}
.cp-modal.typ-confirm-material .ui-dialog .ui-dialog-content {
  padding: 0;
  background-color: #ffffff;
}
.cp-modal.typ-confirm-material .act-wrap {
  text-align: center;
  margin-bottom: 4rem;
  padding: 2rem 0 0;
}
.cp-modal.typ-confirm-material .act-wrap button {
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.typ-confirm-material .act-wrap button:last-of-type {
  margin-right: 0;
}
.cp-modal.typ-confirm-material .note {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  text-align: center;
}
.cp-modal.type-load-unload .ui-dialog {
  width: 42rem;
  height: 53.9rem;
}
.cp-modal.type-load-unload .ui-dialog .ui-dialog-titlebar {
  padding-top: 2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.cp-modal.type-load-unload .ui-dialog .ui-dialog-titlebar .modal-header {
  display: block;
}
.cp-modal.type-load-unload .ui-dialog .ui-dialog-content {
  padding: 0;
  background-color: #ffffff;
}
.cp-modal.type-load-unload .ui-dialog .trip-leg-time {
  color: #666666;
  font-size: 10px;
}
.cp-modal.type-load-unload .ui-dialog .location-popup-name {
  padding: 2rem;
}
.cp-modal.type-load-unload .act-wrap {
  background: #e6eaf7;
  height: 20rem;
  padding: 0rem 0 0;
}
.cp-modal.type-load-unload .act-wrap .field-item {
  margin-top: 0.6rem;
}
.cp-modal.type-load-unload .act-wrap .form-group input {
  height: 4rem;
  border-radius: 0px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid #ffffff;
  border-right: 1px solid #e8ecf8;
  color: #666666;
  font-size: 12px;
  font-weight: bold;
  font-family: "Open Sans";
  width: 30rem;
}
.cp-modal.type-load-unload .act-wrap .ui-dropdown {
  height: 4rem;
  vertical-align: bottom;
  z-index: 200000 !important;
}
.cp-modal.type-load-unload .act-wrap .ui-dropdown .ui-dropdown-trigger {
  color: #307fe2;
}
.cp-modal.type-load-unload .act-wrap .ui-dropdown-panel {
  z-index: 200000 !important;
}
.cp-modal.type-load-unload .act-wrap .ui-dropdown label.ui-dropdown-label {
  color: #307fe2;
}
.cp-modal.type-load-unload .act-wrap .ui-corner-all {
  border-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 1px solid #ffffff;
  font-size: 12px;
  font-weight: bold;
  font-family: "Open Sans";
  padding-top: 0.5rem;
  z-index: 200000 !important;
}
.cp-modal.type-load-unload .act-wrap .footer-part {
  text-align: center;
}
.cp-modal.type-load-unload .act-wrap .footer-part button {
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.type-load-unload .act-wrap .footer-part button:last-of-type {
  margin-right: 0;
}
.cp-modal.type-load-unload .note {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  text-align: center;
}
.cp-modal.type-other-expense .ui-dialog {
  width: 42rem;
  height: 48.9rem;
}
.cp-modal.type-other-expense .ui-dialog .ui-dialog-titlebar {
  padding-top: 2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.cp-modal.type-other-expense .ui-dialog .ui-dialog-titlebar .modal-header {
  display: block;
}
.cp-modal.type-other-expense .ui-dialog .ui-dialog-content {
  padding: 0;
  background-color: #ffffff;
}
.cp-modal.type-other-expense .ui-dialog .trip-leg-time {
  color: #666666;
  font-size: 10px;
}
.cp-modal.type-other-expense .ui-dialog .location-popup-name {
  padding: 2rem;
  border-bottom: 1px solid #e8ecf8;
  padding-bottom: 1rem;
  padding-top: 2rem;
}
.cp-modal.type-other-expense .ui-dialog .location-popup-name .blocks .lable-class-input {
  font-size: 14px !important;
  font-weight: bold !important;
  color: var(--black) !important;
}
.cp-modal.type-other-expense .ui-dialog .location-popup-name .estimated-amount-block {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.cp-modal.type-other-expense .ui-dialog .location-popup-name .estimated-amount-block .name {
  width: 131px;
  font-size: 14px;
  font-weight: bold;
  color: var(--black);
}
.cp-modal.type-other-expense .ui-dialog .location-popup-name .estimated-amount-block .value {
  font-size: 18px;
  font-weight: bold;
  color: var(--dark-indigo);
}
.cp-modal.type-other-expense .ui-dialog .location-popup-name .estimated-amount-block .value img {
  top: 0px;
}
.cp-modal.type-other-expense .ui-dialog .location-popup-name .rate-card-block {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.cp-modal.type-other-expense .ui-dialog .location-popup-name .rate-card-block .name {
  font-size: 14px;
  font-weight: bold;
  color: var(--black);
}
.cp-modal.type-other-expense .ui-dialog .location-popup-name .rate-card-block .value {
  font-size: 18px;
  font-weight: bold;
  color: var(--dark-indigo);
}
.cp-modal.type-other-expense .ui-dialog .location-popup-name .rate-card-block .rate-card-data {
  font-size: 14px;
  font-weight: bold;
  color: var(--dark-indigo);
}
.cp-modal.type-other-expense .ui-dialog .location-popup-name .rate-card-block .class-add {
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  background: #0a0a5f;
  display: inline-block;
  vertical-align: middle;
  border-radius: 0.3rem;
  margin-right: 0.8rem;
  color: #ffffff;
  padding-top: 0px;
  padding-left: 5px;
}
.cp-modal.type-other-expense .act-wrap {
  background: #e6eaf7;
  height: 32rem;
  padding: 0rem 0 0;
}
.cp-modal.type-other-expense .act-wrap .field-item {
  margin-top: 0.6rem;
}
.cp-modal.type-other-expense .act-wrap .form-group input {
  height: 4rem;
  border-radius: 0px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 1px solid #ffffff;
  border-right: 1px solid #e8ecf8;
  color: #666666;
  font-size: 12px;
  font-weight: bold;
  font-family: "Open Sans";
  width: 39rem;
}
.cp-modal.type-other-expense .act-wrap .ui-dropdown {
  height: 4rem;
  vertical-align: bottom;
  z-index: 200000 !important;
}
.cp-modal.type-other-expense .act-wrap .ui-dropdown .ui-dropdown-trigger {
  color: #307fe2;
}
.cp-modal.type-other-expense .act-wrap .ui-dropdown-panel {
  z-index: 200000 !important;
}
.cp-modal.type-other-expense .act-wrap .ui-dropdown label.ui-dropdown-label {
  color: #307fe2;
}
.cp-modal.type-other-expense .act-wrap .ui-corner-all {
  border-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 1px solid #ffffff;
  font-size: 12px;
  font-weight: bold;
  font-family: "Open Sans";
  padding-top: 0.5rem;
  z-index: 200000 !important;
}
.cp-modal.type-other-expense .act-wrap .footer-part {
  text-align: center;
}
.cp-modal.type-other-expense .act-wrap .footer-part button {
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.type-other-expense .act-wrap .footer-part button:last-of-type {
  margin-right: 0;
}
.cp-modal.type-other-expense .note {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  text-align: center;
}
.cp-modal.typ-map .ui-dialog {
  width: 60rem;
}
.cp-modal.typ-map .ui-dialog-content {
  padding: 0;
}
.cp-modal.typ-map .address-cont {
  background-color: #ffffff;
  padding: 2rem;
}
.cp-modal.typ-map .address-cont address {
  font-size: 1.2rem;
  line-height: 1.6rem;
  width: 40rem;
}
.cp-modal.typ-map .map-wrap {
  height: 34rem;
}
.cp-modal agm-map {
  width: 100%;
  height: 100%;
}
.cp-modal.typ-big .ui-dialog {
  max-width: 90rem;
  width: 95%;
}
.cp-modal.typ-big.typ-live .ui-dialog {
  min-height: 45rem;
  max-height: 80vh;
}
.cp-modal.typ-big.typ-live .ui-dialog-content {
  max-height: none;
}
.cp-modal.typ-big.typ-live .right-wrap .cont-wrap {
  max-height: 30rem;
  overflow: auto;
}
.cp-modal.typ-big .ui-dialog-content {
  max-height: 42rem;
  overflow: auto;
}
.cp-modal.typ-big .vehicle-detail {
  display: flex;
  justify-content: space-between;
}
.cp-modal.typ-big .vehicle-detail a {
  margin-top: 0.2rem;
}
.cp-modal.typ-big-dic .ui-dialog {
  max-width: 100rem;
  width: 100% !important;
}
.cp-modal.typ-big-dic.typ-live .ui-dialog {
  min-height: 45rem;
  max-height: 80vh;
}
.cp-modal.typ-big-dic.typ-live .ui-dialog-content {
  max-height: none;
}
.cp-modal.typ-big-dic.typ-live .right-wrap .cont-wrap {
  max-height: 30rem;
  overflow: auto;
}
.cp-modal.typ-big-dic .ui-dialog-content {
  max-height: 42rem;
  overflow: auto;
}
.cp-modal.typ-big-dic .vehicle-detail {
  display: flex;
  justify-content: space-between;
}
.cp-modal.typ-big-dic .vehicle-detail a {
  margin-top: 0.2rem;
}
.cp-modal .detail-with-map {
  display: flex;
}
.cp-modal .detail-with-map .map-wrap {
  width: 56%;
  margin-right: 4%;
  height: 35rem;
}
.cp-modal .detail-with-map .map-wrap agm-map {
  width: 100%;
  height: 100%;
}
.cp-modal .detail-with-map .right-wrap {
  width: 40%;
  display: flex;
  flex-direction: column;
}
.cp-modal .detail-with-map .right-wrap .head-wrap {
  padding-bottom: 0.5rem;
}
.cp-modal .detail-with-map .right-wrap .head-wrap .vehicle-status {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #ffffff;
  font-weight: 700;
  padding: 0.2rem 1.5rem;
  display: inline-block;
  margin-bottom: 1rem;
}
.cp-modal .detail-with-map .right-wrap .head-wrap .vehicle-status.moving {
  background-color: #0c9f41;
}
.cp-modal .detail-with-map .right-wrap .head-wrap .vehicle-status.stopped {
  background-color: #aa00bf;
}
.cp-modal .detail-with-map .right-wrap .head-wrap .vehicle-status.idle {
  background-color: #ffa100;
}
.cp-modal .detail-with-map .right-wrap .head-wrap .vehicle-status.offline {
  background-color: #999999;
}
.cp-modal .detail-with-map .right-wrap .head-wrap .mod-name-value .name {
  font-size: 1.6rem;
  line-height: 2rem;
}
.cp-modal .detail-with-map .right-wrap .head-wrap .mod-name-value .value {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #666666;
}
.cp-modal .detail-with-map .right-wrap .cont-wrap {
  padding-top: 0.5rem;
}
.cp-modal .detail-with-map .right-wrap .cont-wrap .data-list {
  display: flex;
  flex-wrap: wrap;
}
.cp-modal .detail-with-map .right-wrap .cont-wrap .data-list .data-item {
  width: 50%;
  margin-bottom: 1.5rem;
}
.cp-modal .veh-detail-with-map {
  display: flex;
}
.cp-modal .veh-detail-with-map .map-wrap {
  width: 100%;
  margin-right: 4%;
  height: 35rem;
}
.cp-modal .veh-detail-with-map .map-wrap agm-map {
  width: 100%;
  height: 100%;
}
.cp-modal .veh-detail-with-map .right-wrap {
  width: 40%;
  display: flex;
  flex-direction: column;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap {
  padding-bottom: 0.5rem;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap .vehicle-status {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #ffffff;
  font-weight: 700;
  padding: 0.2rem 1.5rem;
  display: inline-block;
  margin-bottom: 1rem;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap .vehicle-status.moving {
  background-color: #0c9f41;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap .vehicle-status.stopped {
  background-color: #aa00bf;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap .vehicle-status.idle {
  background-color: #ffa100;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap .vehicle-status.offline {
  background-color: #999999;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap .mod-name-value .name {
  font-size: 1.6rem;
  line-height: 2rem;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap .mod-name-value .value {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #666666;
}
.cp-modal .veh-detail-with-map .right-wrap .cont-wrap {
  padding-top: 0.5rem;
}
.cp-modal .veh-detail-with-map .right-wrap .cont-wrap .data-list {
  display: flex;
  flex-wrap: wrap;
}
.cp-modal .veh-detail-with-map .right-wrap .cont-wrap .data-list .data-item {
  width: 50%;
  margin-bottom: 1.5rem;
}
.cp-modal .label-value .label {
  font-weight: 400;
  margin-bottom: 0.3rem;
  display: block;
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #666666;
}
.cp-modal .label-value .value {
  font-size: 1.2rem;
  line-height: 1.6rem;
  display: block;
  font-weight: 700;
  color: #333333;
}
.cp-modal .address-with-map,
.cp-modal .vehicle-live-status {
  display: flex;
}
.cp-modal .address-with-map .heading,
.cp-modal .vehicle-live-status .heading {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
}
.cp-modal .address-with-map .left-wrap,
.cp-modal .vehicle-live-status .left-wrap {
  width: 30%;
  padding-right: 2rem;
}
.cp-modal .address-with-map .right-wrap,
.cp-modal .vehicle-live-status .right-wrap {
  width: 70%;
  padding-left: 2rem;
}
.cp-modal .address-with-map .desc.vehicle-status,
.cp-modal .vehicle-live-status .desc.vehicle-status {
  font-size: 1rem;
  font-style: italic;
  color: #666666;
}
.cp-modal .address-with-map {
  padding-top: 1.5rem;
  margin-top: 1.5rem;
  border-top: 1px solid #e8ecf8;
}
.cp-modal .address-with-map .map-wrap {
  height: 20rem;
  padding-bottom: 1.5rem;
}
.cp-modal.typ-scrollable .ui.ui-dialog {
  max-height: initial;
}
.cp-modal .vehicle-live-status {
  display: flex;
}
.cp-modal .vehicle-live-status .left-wrap {
  border-right: 1px solid #e8ecf8;
  z-index: 2;
}
.cp-modal .vehicle-live-status .data-list .data-item {
  margin-bottom: 1.5rem;
}
.cp-modal .vehicle-live-status .data-list .data-item:last-child {
  margin-bottom: 0;
}
.cp-modal.typ-map .ui-dialog {
  width: 60rem;
}
.cp-modal.typ-map .ui-dialog-content {
  padding: 0;
}
.cp-modal.typ-map .address-cont {
  background-color: #ffffff;
  padding: 2rem;
}
.cp-modal.typ-map .address-cont address {
  font-size: 1.2rem;
  line-height: 1.6rem;
  width: 40rem;
}
.cp-modal.typ-map .map-wrap {
  height: 34rem;
}
.cp-modal agm-map {
  width: 100%;
  height: 100%;
}
.cp-modal.typ-big .ui-dialog {
  max-width: 90rem;
  width: 95%;
}
.cp-modal.typ-big.typ-live .ui-dialog {
  min-height: 45rem;
  max-height: 80vh;
}
.cp-modal.typ-big.typ-live .ui-dialog-content {
  max-height: none;
}
.cp-modal.typ-big.typ-live .right-wrap .cont-wrap {
  max-height: 30rem;
  overflow: auto;
}
.cp-modal.typ-big .ui-dialog-content {
  max-height: 42rem;
  overflow: auto;
}
.cp-modal.typ-big .vehicle-detail {
  display: flex;
  justify-content: space-between;
}
.cp-modal.typ-big .vehicle-detail a {
  margin-top: 0.2rem;
}
.cp-modal.typ-big-dic .ui-dialog {
  max-width: 100rem;
  width: 100% !important;
}
.cp-modal.typ-big-dic.typ-live .ui-dialog {
  min-height: 45rem;
  max-height: 80vh;
}
.cp-modal.typ-big-dic.typ-live .ui-dialog-content {
  max-height: none;
}
.cp-modal.typ-big-dic.typ-live .right-wrap .cont-wrap {
  max-height: 30rem;
  overflow: auto;
}
.cp-modal.typ-big-dic .ui-dialog-content {
  max-height: 42rem;
  overflow-y: scroll;
  overflow-x: hidden;
}
.cp-modal.typ-big-dic .vehicle-detail {
  display: flex;
  justify-content: space-between;
}
.cp-modal.typ-big-dic .vehicle-detail a {
  margin-top: 0.2rem;
}
.cp-modal .detail-with-map {
  display: flex;
}
.cp-modal .detail-with-map .map-wrap {
  width: 56%;
  margin-right: 4%;
  height: 35rem;
}
.cp-modal .detail-with-map .map-wrap agm-map {
  width: 100%;
  height: 100%;
}
.cp-modal .detail-with-map .right-wrap {
  width: 40%;
  display: flex;
  flex-direction: column;
}
.cp-modal .detail-with-map .right-wrap .head-wrap {
  padding-bottom: 0.5rem;
}
.cp-modal .detail-with-map .right-wrap .head-wrap .vehicle-status {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #ffffff;
  font-weight: 700;
  padding: 0.2rem 1.5rem;
  display: inline-block;
  margin-bottom: 1rem;
}
.cp-modal .detail-with-map .right-wrap .head-wrap .vehicle-status.moving {
  background-color: #0c9f41;
}
.cp-modal .detail-with-map .right-wrap .head-wrap .vehicle-status.stopped {
  background-color: #aa00bf;
}
.cp-modal .detail-with-map .right-wrap .head-wrap .vehicle-status.idle {
  background-color: #ffa100;
}
.cp-modal .detail-with-map .right-wrap .head-wrap .vehicle-status.offline {
  background-color: #999999;
}
.cp-modal .detail-with-map .right-wrap .head-wrap .mod-name-value .name {
  font-size: 1.6rem;
  line-height: 2rem;
}
.cp-modal .detail-with-map .right-wrap .head-wrap .mod-name-value .value {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #666666;
}
.cp-modal .detail-with-map .right-wrap .cont-wrap {
  padding-top: 0.5rem;
}
.cp-modal .detail-with-map .right-wrap .cont-wrap .data-list {
  display: flex;
  flex-wrap: wrap;
}
.cp-modal .detail-with-map .right-wrap .cont-wrap .data-list .data-item {
  width: 50%;
  margin-bottom: 1.5rem;
}
.cp-modal .veh-detail-with-map {
  display: flex;
}
.cp-modal .veh-detail-with-map .map-wrap {
  width: 100%;
  margin-right: 4%;
  height: 35rem;
}
.cp-modal .veh-detail-with-map .map-wrap agm-map {
  width: 100%;
  height: 100%;
}
.cp-modal .veh-detail-with-map .right-wrap {
  width: 40%;
  display: flex;
  flex-direction: column;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap {
  padding-bottom: 0.5rem;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap .vehicle-status {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #ffffff;
  font-weight: 700;
  padding: 0.2rem 1.5rem;
  display: inline-block;
  margin-bottom: 1rem;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap .vehicle-status.moving {
  background-color: #0c9f41;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap .vehicle-status.stopped {
  background-color: #aa00bf;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap .vehicle-status.idle {
  background-color: #ffa100;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap .vehicle-status.offline {
  background-color: #999999;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap .mod-name-value .name {
  font-size: 1.6rem;
  line-height: 2rem;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap .mod-name-value .value {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #666666;
}
.cp-modal .veh-detail-with-map .right-wrap .cont-wrap {
  padding-top: 0.5rem;
}
.cp-modal .veh-detail-with-map .right-wrap .cont-wrap .data-list {
  display: flex;
  flex-wrap: wrap;
}
.cp-modal .veh-detail-with-map .right-wrap .cont-wrap .data-list .data-item {
  width: 50%;
  margin-bottom: 1.5rem;
}
.cp-modal .label-value .label {
  font-weight: 400;
  margin-bottom: 0.3rem;
  display: block;
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #666666;
}
.cp-modal .label-value .value {
  font-size: 1.2rem;
  line-height: 1.6rem;
  display: block;
  font-weight: 700;
  color: #333333;
}
.cp-modal .address-with-map,
.cp-modal .vehicle-live-status {
  display: flex;
}
.cp-modal .address-with-map .heading,
.cp-modal .vehicle-live-status .heading {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
}
.cp-modal .address-with-map .left-wrap,
.cp-modal .vehicle-live-status .left-wrap {
  width: 21vw;
  padding-right: 2rem;
}
.cp-modal .address-with-map .right-wrap,
.cp-modal .vehicle-live-status .right-wrap {
  width: 70%;
  padding-left: 2rem;
}
.cp-modal .address-with-map .desc.vehicle-status,
.cp-modal .vehicle-live-status .desc.vehicle-status {
  font-size: 1rem;
  font-style: italic;
  color: #666666;
}
.cp-modal .address-with-map {
  padding-top: 1.5rem;
  margin-top: 1.5rem;
  border-top: 1px solid #e8ecf8;
}
.cp-modal .address-with-map .map-wrap {
  height: 20rem;
  padding-bottom: 1.5rem;
}
.cp-modal.typ-scrollable .ui.ui-dialog {
  max-height: initial;
}
.cp-modal .vehicle-live-status {
  display: flex;
}
.cp-modal .vehicle-live-status .left-wrap {
  border-right: 1px solid #e8ecf8;
  z-index: 2;
}
.cp-modal .vehicle-live-status .data-list .data-item {
  margin-bottom: 1.5rem;
}
.cp-modal .vehicle-live-status .data-list .data-item:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 1024px) {
  .cp-modal.typ-map .ui-dialog {
    height: 100vh;
  }
  .cp-modal.typ-map .address-cont address {
    width: 100%;
  }
  .cp-modal.typ-map .map-wrap {
    height: calc(100vh - 13.5rem);
  }
  .cp-modal.typ-confirm .act-wrap button {
    display: block;
    margin: 0 auto 1.5rem;
  }
  .cp-modal.typ-confirm .act-wrap button:last-of-type {
    margin-right: auto;
    margin-bottom: 0;
  }
  .cp-modal.popup .act-wrap button {
    display: block;
    margin: 0 auto 1.5rem;
  }
  .cp-modal.popup .act-wrap button:last-of-type {
    margin-right: auto;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .cp-modal.head-typ-2 .ui-dialog {
    padding-top: 7.5rem;
  }
  .cp-modal.head-typ-2-dic .ui-dialog {
    padding-top: 7.5rem;
  }
  .cp-modal .ui-dialog {
    top: 0 !important;
    width: 100% !important;
    left: 0 !important;
    bottom: 0 !important;
    height: auto !important;
    padding-top: 5.5rem;
    overflow: auto;
  }
  .cp-modal .ui-dialog .ui-dialog-titlebar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    padding: 1.5rem;
  }
  .cp-modal .ui-dialog .ui-dialog-titlebar .title .last-updated {
    display: block;
  }
  .cp-modal .ui-dialog .ui-dialog-content {
    padding: 1.5rem;
  }
  .cp-modal .ui-dialog .ui-dialog-titlebar-close {
    right: 1.5rem;
    top: 1.3rem;
  }
  .cp-modal .ui-dialog .ui-dialog-titlebar-close span {
    font-size: 1.5rem;
  }
  .cp-modal .detail-with-map {
    display: block;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    margin-top: -1.5rem;
  }
  .cp-modal .detail-with-map .map-wrap {
    width: 100%;
  }
  .cp-modal .detail-with-map .right-wrap {
    width: 100%;
    padding: 2rem;
  }
  .cp-modal .veh-detail-with-map {
    display: block;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    margin-top: -1.5rem;
  }
  .cp-modal .veh-detail-with-map .map-wrap {
    width: 100%;
  }
  .cp-modal .veh-detail-with-map .right-wrap {
    width: 100%;
    padding: 2rem;
  }
  .cp-modal.typ-big .ui-dialog-content {
    max-height: initial;
    overflow: auto;
    height: 100% !important;
  }
  .cp-modal.typ-big.typ-live .right-wrap .cont-wrap {
    max-height: inherit;
  }
  .cp-modal.typ-big-dic .ui-dialog {
    max-width: 100rem;
    width: 100% !important;
  }
  .cp-modal.typ-big-dic .ui-dialog-content {
    max-height: initial;
    overflow: auto;
    height: 100% !important;
  }
  .cp-modal.typ-big-dic.typ-live .right-wrap .cont-wrap {
    max-height: inherit;
  }
  .cp-modal .address-with-map,
  .cp-modal .vehicle-live-status {
    display: block;
  }
  .cp-modal .address-with-map .heading,
  .cp-modal .vehicle-live-status .heading {
    font-size: 1.5rem;
  }
  .cp-modal .address-with-map .left-wrap,
  .cp-modal .address-with-map .right-wrap,
  .cp-modal .vehicle-live-status .left-wrap,
  .cp-modal .vehicle-live-status .right-wrap {
    width: 100%;
    padding: 0;
    border: 0;
    border-bottom: 1px solid #e8ecf8;
    margin-bottom: 1.5rem;
  }
  .cp-modal .address-with-map {
    padding-top: 0;
    margin-top: 0;
    border-top: 0;
  }
  .cp-modal .address-with-map .right-wrap {
    border: 0;
    margin-bottom: 0;
  }
  .cp-modal .vehicle-live-status .data-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .cp-modal .vehicle-live-status .data-list .data-item {
    width: 46%;
  }
}
@media only screen and (max-width: 425px) {
  .cp-modal .ui-dialog .ui-dialog-titlebar {
    position: absolute !important;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    padding: 1.5rem;
  }
  .cp-modal.typ-confirm .act-wrap {
    text-align: center;
    margin-bottom: 2rem;
    padding: 1rem 18%;
  }
  .modal-body {
    position: relative;
    flex: 1 1 auto;
    margin-top: 5vh;
  }
  .cp-modal .ui-dialog .ui-dialog-titlebar-close span {
    font-size: 1.5rem;
    padding-top: 0.2rem;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1440px) {
  .modal-body {
    flex: 1 1 auto;
    padding: 1rem;
    display: flex;
  }
}
@media only screen and (min-width: 426px) and (max-width: 767px) {
  .cp-modal .ui-dialog .ui-dialog-titlebar {
    position: absolute !important;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    padding: 1.5rem;
  }
  .modal-body {
    flex: 1 1 auto;
    padding: 1rem;
    display: flex;
    justify-content: center;
  }
  .cp-modal.typ-confirm .act-wrap {
    text-align: center;
    padding: 6rem 0 0;
  }
}
.cp-table .ui-table .ui-table-wrapper {
  border-top: 1px solid #e8ecf8;
  border-bottom: 1px solid #e8ecf8;
}
.cp-table .ui-table .ui-paginator {
  border: none;
  background-color: transparent;
  margin-top: 2rem;
  padding: 0;
  text-align: right;
}
.cp-table .ui-table .ui-paginator .ui-paginator-right-content,
.cp-table .ui-table .ui-paginator .ui-paginator-left-content {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-table .ui-table .ui-paginator .ui-paginator-pages {
  height: auto;
  display: inline-block;
  vertical-align: middle;
  margin: 0 1.5rem;
}
.cp-table .ui-table .ui-paginator .ui-paginator-pages .ui-paginator-page {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  color: #ffffff;
  font-weight: 700;
  background-color: #95a5d5;
  margin-right: 1.5rem;
  font-size: 1rem;
  line-height: 2.5rem;
  transition: background-color 0.4s ease-in-out;
}
.cp-table .ui-table .ui-paginator .ui-paginator-pages .ui-paginator-page:last-of-type {
  margin-right: 0;
}
.cp-table .ui-table .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active, .cp-table .ui-table .ui-paginator .ui-paginator-pages .ui-paginator-page:hover {
  background-color: #0a0a5f;
}
.cp-table .ui-table .ui-paginator .ui-paginator-first,
.cp-table .ui-table .ui-paginator .ui-paginator-last {
  display: none;
}
.cp-table .ui-table .ui-paginator .ui-paginator-prev {
  font-size: 1.2rem;
  color: #307fe2;
  transition: all 0.5s ease-in-out;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 1rem;
}
.cp-table .ui-table .ui-paginator .ui-paginator-prev:hover {
  color: #0a0a5f;
  background-color: transparent;
}
.cp-table .ui-table .ui-paginator .ui-paginator-prev span {
  display: none;
}
.cp-table .ui-table .ui-paginator .ui-paginator-prev:before {
  content: "Prev";
}
.cp-table .ui-table .ui-paginator .ui-paginator-prev:after {
  position: absolute;
  left: 0;
  top: 56%;
  transform: translateY(-50%);
  content: "\e90c";
  display: inline-block;
  vertical-align: middle;
  font-size: 0.8rem;
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cp-table .ui-table .ui-paginator .ui-paginator-prev.ui-state-disabled {
  display: none;
}
.cp-table .ui-table .ui-paginator .ui-paginator-next {
  font-size: 1.2rem;
  color: #307fe2;
  transition: all 0.5s ease-in-out;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-right: 1rem;
}
.cp-table .ui-table .ui-paginator .ui-paginator-next:hover {
  color: #0a0a5f;
  background-color: transparent;
}
.cp-table .ui-table .ui-paginator .ui-paginator-next span {
  display: none;
}
.cp-table .ui-table .ui-paginator .ui-paginator-next:before {
  content: "Next";
}
.cp-table .ui-table .ui-paginator .ui-paginator-next:after {
  position: absolute;
  right: 0;
  top: 62%;
  transform: translateY(-50%);
  display: inline-block;
  vertical-align: middle;
  font-size: 0.8rem;
  content: "\e90d";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cp-table .ui-table .ui-paginator .ui-paginator-next.ui-state-disabled {
  display: none;
}
.cp-table .ui-table thead tr {
  background-color: #ffffff;
}
.cp-table .ui-table thead tr th {
  padding: 2rem 1rem 2rem 2.5rem;
  color: #0a0a5f;
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 1.7rem;
  text-align: left;
  border: none;
  background-color: #ffffff;
  vertical-align: top;
}
.cp-table .ui-table thead tr th .text {
  display: inline-block;
  position: relative;
  padding-right: 1.5rem;
}
.cp-table .ui-table .ui-sortable-column:not(.ui-state-highlight):hover {
  background-color: #ffffff;
  color: #0a0a5f;
}
.cp-table .ui-table .ui-sortable-column.ui-state-highlight {
  color: #0a0a5f;
  background-color: #ffffff;
}
.cp-table .ui-table .ui-sortable-column p-sorticon {
  display: inline-block;
  position: absolute;
  top: 0.2rem;
  right: 0rem;
}
.cp-table .ui-table .ui-sortable-column .ui-sortable-column-icon {
  width: 1rem;
  height: 1.2rem;
  background: url('sort-default.b2c5f20b4690f5e1.svg') center center no-repeat;
  background-size: cover;
  display: inline-block;
}
.cp-table .ui-table .ui-sortable-column .ui-sortable-column-icon.pi-sort-up {
  background-image: url('sort-asc.2bf004a4932ca55a.svg');
}
.cp-table .ui-table .ui-sortable-column .ui-sortable-column-icon.pi-sort-down {
  background-image: url('sort-desc.1fd02b4f305610ea.svg');
}
.cp-table .ui-table tbody tr {
  background-color: #e8ecf8;
}
.cp-table .ui-table tbody tr:nth-child(even) {
  background-color: #ffffff;
}
.cp-table .ui-table tbody tr td {
  padding: 1rem 2.5rem !important;
  font-size: 1.3rem;
  line-height: 1.7rem;
  text-align: left;
  border: none;
  padding: 0;
}
.cp-table .ui-table tbody tr td .timestamp {
  font-size: 1.2rem;
}
.cp-table .ui-table tbody tr td .act-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.2rem 0;
}
.cp-table .ui-table tbody tr td .act-wrap .btn-icon {
  padding-left: 0;
  padding-right: 0;
}
.cp-table .ui-table tbody tr td .navigate-link .icon {
  color: #307fe2;
}
.cp-table .ui-table tbody tr td .btn-outline {
  font-size: 1.4rem;
  line-height: 1.8rem;
  width: 9.5rem;
}
.cp-table.hidePagination .ui-paginator-pages {
  display: none;
}
.cp-table.typ-2 .ui-table tbody tr {
  background-color: #ffffff;
  border-top: 1px solid #e8ecf8;
  border-bottom: 1px solid #e8ecf8;
}
.cp-table.typ-2 .ui-table tbody tr:last-of-type {
  border-bottom: none;
}
.cp-table.typ-2 .ui-table tbody tr td {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

@media only screen and (max-width: 1024px) {
  .cp-table .ui-table .ui-table-wrapper {
    overflow-x: auto;
  }
  .cp-table .ui-table .ui-paginator {
    padding: 0 2rem;
    margin-top: 1.5rem;
    text-align: right;
  }
  .cp-table .ui-table .ui-paginator .ui-paginator-left-content {
    float: none;
    margin-bottom: 1rem;
  }
  .cp-table .ui-table table {
    width: 100rem;
  }
  .cp-table .ui-table thead tr th {
    padding: 1.6rem 2rem;
  }
  .cp-table .ui-table tbody tr td {
    padding: 1rem 2rem !important;
  }
}
.cp-vehicle {
  background: #ffffff;
  position: relative;
  box-shadow: 0 0 20px 0 #edf1ff;
  border: 1px solid #e8ecf8;
}
.cp-vehicle .vehicle-head {
  padding: 1.2rem 1rem;
  display: flex;
  align-items: center;
  position: relative;
}
.cp-vehicle .vehicle-head .mod-name-value .img-wrap {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  overflow: hidden;
}
.cp-vehicle .vehicle-head .mod-name-value .img-wrap img {
  width: 100%;
}
.cp-vehicle .vehicle-head .mod-name-value .name {
  font-size: 1.8rem;
  line-height: 2rem;
  color: #0a0a5f;
  margin-bottom: 0.3rem;
}
.cp-vehicle .vehicle-head .mod-name-value .value {
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: #333333;
}
.cp-vehicle .vehicle-head .mod-name-value .value span {
  display: inline-block;
  padding-right: 0.3rem;
  padding-left: 0.3rem;
  border-right: 1px solid #333333;
}
.cp-vehicle .vehicle-head .mod-name-value .value span:last-of-type {
  padding-right: 0;
  border-right: none;
}
.cp-vehicle .vehicle-head .mod-name-value .value span:first-of-type {
  padding-left: 0;
}
.cp-vehicle .vehicle-head .ui-chkbox-label {
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  cursor: pointer;
}
.cp-vehicle .vehicle-head .ui-chkbox .ui-chkbox-box {
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: -0.8rem;
  right: -0.8rem;
  background-color: transparent;
  border: none;
  margin: 0;
  border-radius: 50%;
  overflow: hidden;
}
.cp-vehicle .vehicle-head .ui-chkbox .ui-chkbox-box span {
  display: none;
}
.cp-vehicle .vehicle-head .ui-chkbox .ui-chkbox-box:before, .cp-vehicle .vehicle-head .ui-chkbox .ui-chkbox-box:after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.cp-vehicle .vehicle-head .ui-chkbox .ui-chkbox-box:before {
  background: url('check-empty.0aa98a0391624556.svg') center center no-repeat;
  background-size: cover;
}
.cp-vehicle .vehicle-head .ui-chkbox .ui-chkbox-box:after {
  background: url('check-filled.ccfa51c6e83408ff.svg') center center no-repeat;
  background-size: cover;
}
.cp-vehicle .vehicle-head .ui-chkbox .ui-chkbox-box.ui-state-default:before {
  opacity: 1;
}
.cp-vehicle .vehicle-head .ui-chkbox .ui-chkbox-box.ui-state-default:after {
  opacity: 0;
}
.cp-vehicle .vehicle-head .ui-chkbox .ui-chkbox-box.ui-state-default.ui-state-active:before {
  opacity: 0;
}
.cp-vehicle .vehicle-head .ui-chkbox .ui-chkbox-box.ui-state-default.ui-state-active:after {
  opacity: 1;
}
.cp-vehicle .vehicle-head .ui-chkbox .ui-chkbox-box.ui-state-default.ui-state-focus {
  outline: none;
  box-shadow: none;
}
.cp-vehicle .label-value .label {
  display: block;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-vehicle .label-value .value {
  display: block;
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: #333333;
  font-weight: 700;
}
.cp-vehicle .label-value .value span {
  display: inline-block;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  border-right: 1px solid #333333;
}
.cp-vehicle .label-value .value span:first-of-type {
  padding-left: 0;
}
.cp-vehicle .label-value .value span:last-of-type {
  padding-right: 0;
  border-right: none;
}
.cp-vehicle .vehicle-body {
  padding: 0 2rem 1.5rem;
  border-top: 1px solid #e8ecf8;
}
.cp-vehicle .vehicle-body .detail-item {
  margin-top: 1.5rem;
  margin-bottom: 0 !important;
}
.cp-vehicle .vehicle-body .detail-item .label-value .label {
  display: block;
  margin-bottom: 0.3rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-vehicle .vehicle-body .detail-item .label-value .value {
  display: block;
  font-size: 1.2rem;
  line-height: 1.5rem;
  color: #333333;
  font-weight: 700;
}
.cp-vehicle .vehicle-body .detail-item .label-value .value.typ-highlight {
  color: #0a0a5f;
}
.cp-vehicle.typ-big {
  padding: 0 2rem;
  border: 1px solid #e8ecf8;
  box-shadow: 0 0 20px 0 #edf1ff;
}
.cp-vehicle.typ-big .vehicle-head {
  padding: 1.5rem 0;
}
.cp-vehicle.typ-big .vehicle-head .mod-name-value .img-wrap {
  width: 5rem;
  height: 5rem;
}
.cp-vehicle.typ-big .vehicle-head .mod-name-value .name {
  font-size: 1.8rem;
  line-height: 2.2rem;
}
.cp-vehicle.typ-big .vehicle-head .mod-name-value .value {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #666666;
}
.cp-vehicle.typ-big .vehicle-head .mod-name-value .location {
  margin-top: 0.5rem;
  display: block;
}
.cp-vehicle.typ-big .vehicle-head .mod-name-value .location span {
  display: inline-block;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  line-height: 1.4rem;
}
.cp-vehicle.typ-big .vehicle-head .mod-name-value .location span:first-of-type {
  padding-left: 0;
  border-right: 1px solid #666666;
}
.cp-vehicle.typ-big .vehicle-head .mod-name-value .location span:last-of-type {
  padding-right: 0;
}
.cp-vehicle.typ-big .vehicle-body {
  padding: 0rem 0 1.5rem;
}
.cp-vehicle.typ-big .vehicle-body .data-list {
  justify-content: initial;
}
.cp-vehicle.typ-big .vehicle-body .data-list .data-item {
  width: 20%;
  margin-bottom: 2rem;
}
.cp-vehicle.typ-big .label-value .label {
  margin-bottom: 0.3rem;
}
.cp-vehicle.typ-inline {
  display: flex;
  align-items: center;
}
.cp-vehicle.typ-inline .vehicle-head {
  width: 33.33%;
}
.cp-vehicle.typ-inline .vehicle-head .mod-name-value .img-wrap {
  width: 8rem;
  height: 8rem;
}
.cp-vehicle.typ-inline .vehicle-body {
  flex-grow: 1;
  padding: 0rem 0 2rem;
  border-top: none;
}
.cp-vehicle.typ-inline .vehicle-body .data-list {
  align-items: center;
}
.cp-vehicle.typ-inline .vehicle-body .data-list .data-item {
  width: 25%;
}
.cp-vehicle .status {
  height: 2.2rem;
  font-size: 1.1rem;
  padding: 0 1rem;
  min-width: 12rem;
  line-height: 2.2rem;
  text-align: center;
  color: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  text-transform: capitalize;
  background: #666666;
}
.cp-vehicle.typ-approved .status {
  background: #0c9f41;
}
.cp-vehicle.typ-pending .status {
  background: #ffa100;
}
.cp-vehicle.typ-rejected .status {
  background: #db0b0b;
}

@media only screen and (max-width: 1024px) {
  .cp-vehicle.typ-big .vehicle-head .mod-name-value .name {
    font-size: 1.5rem;
    line-height: 1.9rem;
  }
  .cp-vehicle.typ-big .vehicle-head .mod-name-value .value {
    font-size: 1.3rem;
  }
  .cp-vehicle.typ-big .vehicle-body .data-list .data-item {
    width: 33.33%;
  }
  .cp-vehicle.typ-big .vehicle-body .data-list .data-item:last-of-type {
    margin-bottom: 2rem;
  }
  .cp-vehicle.typ-inline {
    display: block;
  }
  .cp-vehicle.typ-inline .vehicle-head {
    width: 100%;
  }
  .cp-vehicle.typ-inline .vehicle-head .mod-name-value .img-wrap {
    width: 5rem;
    height: 5rem;
  }
  .cp-vehicle.typ-inline .vehicle-head .mod-name-value .name {
    font-size: 1.5rem;
    line-height: 1.9rem;
  }
  .cp-vehicle.typ-inline .vehicle-head .mod-name-value .value,
  .cp-vehicle.typ-inline .vehicle-head .mod-name-value .location {
    font-size: 1.3rem;
  }
  .cp-vehicle.typ-inline .vehicle-body {
    padding-bottom: 1.5rem;
    border-top: 1px solid #e8ecf8;
  }
  .cp-vehicle.typ-inline .vehicle-body .data-list .data-item {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .cp-vehicle.typ-big .vehicle-body {
    padding-bottom: 2rem;
  }
  .cp-vehicle.typ-big .vehicle-body .data-list .data-item {
    width: 100%;
  }
  .cp-vehicle.typ-big .vehicle-body .data-list .data-item:last-of-type {
    margin-bottom: 0;
  }
  .cp-vehicle.typ-inline .data-list .data-item {
    width: 100%;
  }
}
.cp-document-sec {
  margin-top: 4rem;
}
.cp-document-sec .sec-heading {
  font-size: 1.8rem;
  font-weight: 700;
  color: #0a0a5f;
  padding: 1rem 4rem;
}
.cp-document-sec .cp-section {
  padding: 1rem 4rem;
}

@media only screen and (max-width: 1024px) {
  .cp-document-sec {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .cp-document-sec .sec-heading {
    padding: 1rem 1.5rem;
  }
  .cp-document-sec .cp-section {
    padding: 1rem 1.5rem;
  }
}
.cp-driver {
  box-shadow: 0 0 20px 0 #edf1ff;
  border: 1px solid #e8ecf8;
  height: 100%;
}
.cp-driver .card-head {
  display: flex;
  justify-content: space-between;
}
.cp-driver .card-head .mod-name-value .img-wrap {
  width: 5rem;
  height: 5rem;
  flex-shrink: 0;
}
.cp-driver .card-head .mod-name-value .name {
  font-size: 1.8rem;
  color: #0a0a5f;
}
.cp-driver .card-head .mod-name-value .value {
  margin-top: 0.8rem;
  font-size: 1.2rem;
  color: #666666;
}
.cp-driver .card-head .mod-name-value .value span {
  display: inline-block;
  line-height: 1.4rem;
}
.cp-driver .card-head .mod-name-value .value span + span {
  margin-left: 0.6rem;
  padding-left: 0.6rem;
  border-left: 1px solid #666666;
}
.cp-driver .card-head .contact-details .item {
  padding: 0.5rem 0;
  font-size: 1.2rem;
  color: #666666;
}
.cp-driver .card-head .contact-details .item .icon {
  font-size: 1.5rem;
  color: #307fe2;
}
.cp-driver .details-list {
  display: flex;
}
.cp-driver .details-list .detail-item {
  margin-bottom: 0;
  min-width: 6.5rem;
}
.cp-driver .details-list .detail-item + .detail-item {
  margin-left: 10rem;
}
.cp-driver .card-body {
  padding: 1.5rem 2rem;
}

@media only screen and (max-width: 1024px) {
  .cp-driver .card-head .mod-name-value .name {
    font-size: 1.5rem;
  }
  .cp-driver .details-list .detail-item + .detail-item {
    margin-left: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  .cp-driver .card-head {
    display: block;
  }
  .cp-driver .card-head .mod-name-value .value {
    font-size: 1.3rem;
  }
  .cp-driver .card-head .contact-details {
    margin-top: 1rem;
  }
  .cp-driver .card-head .contact-details .item {
    padding: 0.3rem 0;
  }
  .cp-driver .details-list {
    display: block;
  }
  .cp-driver .details-list .detail-item + .detail-item {
    margin-left: 0;
    margin-top: 1.5rem;
  }
}
.cp-user {
  box-shadow: 0 0 20px 0 #edf1ff;
  height: 100%;
}
.cp-user .card-head {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.cp-user .card-head .mod-name-value .img-wrap {
  width: 5rem;
  height: 5rem;
  flex-shrink: 0;
}
.cp-user .card-head .mod-name-value .name {
  font-size: 1.8rem;
  color: #0a0a5f;
}
.cp-user .card-head .mod-name-value .value {
  margin-top: 0.8rem;
  font-size: 1.2rem;
  color: #666666;
}
.cp-user .card-head .mod-name-value .value span {
  display: inline-block;
  line-height: 1.4rem;
}
.cp-user .card-head .mod-name-value .value span + span {
  margin-left: 0.6rem;
  padding-left: 0.6rem;
  border-left: 1px solid #666666;
}
.cp-user .card-head .contact-details .item {
  padding: 0.5rem 0;
  font-size: 1.2rem;
  color: #666666;
}
.cp-user .card-head .contact-details .item .icon {
  font-size: 1.5rem;
  color: #307fe2;
}
.cp-user .card-head .user-desg-list {
  padding-top: 1.5rem;
  width: 100%;
}
.cp-user .user-desg-list {
  padding: 0;
  border: 0;
}
.cp-user .card-body {
  padding: 1.5rem 2rem;
}
.cp-user .details-list {
  display: flex;
}
.cp-user .details-list .detail-item {
  margin-bottom: 0;
  min-width: 6.5rem;
}
.cp-user .details-list .detail-item + .detail-item {
  margin-left: 10rem;
}

@media only screen and (max-width: 1024px) {
  .cp-user .card-head .mod-name-value .name {
    font-size: 1.5rem;
  }
  .cp-user .details-list .detail-item + .detail-item {
    margin-left: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  .cp-user .card-head {
    display: block;
  }
  .cp-user .card-head .mod-name-value .value {
    font-size: 1.3rem;
  }
  .cp-user .card-head .contact-details {
    margin-top: 1rem;
  }
  .cp-user .card-head .contact-details .item {
    padding: 0.3rem 0;
  }
  .cp-user .details-list {
    display: block;
  }
  .cp-user .details-list .detail-item + .detail-item {
    margin-left: 0;
    margin-top: 1.5rem;
  }
}
/* module */
.mod-icon-text {
  display: inline-block;
}
.mod-icon-text .icon {
  font-size: 2rem;
  vertical-align: middle;
}
.mod-icon-text .text {
  vertical-align: middle;
  margin-left: 1rem;
}

.mod-name-value .name {
  display: block;
}
.mod-name-value .value {
  display: block;
}
.mod-name-value.typ-img {
  display: flex;
  align-items: center;
}
.mod-name-value.typ-img .img-wrap {
  margin-right: 1rem;
  overflow: hidden;
  border-radius: 50%;
}
.mod-name-value.typ-img.align-top {
  align-items: flex-start;
}

.mod-data-list dl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e8ecf8;
  margin: 0;
}
.mod-data-list dl:last-of-type {
  border-bottom: none;
}
.mod-data-list .label {
  font-size: 1.4rem;
  line-height: 1.8rem;
}
.mod-data-list .data {
  font-size: 1.4rem;
  line-height: 1.8rem;
  text-align: right;
}
.mod-data-list .data .value {
  display: block;
}
.mod-data-list .data .meta {
  margin-top: 0.3rem;
  font-size: 1.2rem;
  line-height: 1.4rem;
  display: block;
}
.mod-data-list .data .meta span {
  display: inline-block;
  padding-right: 0.3rem;
  margin-right: 0.3rem;
  line-height: 1rem;
  border-right: 1px solid #666666;
}
.mod-data-list .data .meta span:last-of-type {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}

@media only screen and (max-width: 1024px) {
  .mod-data-list .label {
    font-size: 1.3rem;
    line-height: 1.7rem;
  }
  .mod-data-list .data {
    font-size: 1.3rem;
    line-height: 1.7rem;
  }
  .mod-data-list .data .meta {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
}
/* Bootstrap */
.swiper-container.disable-on-desktop .swiper-wrapper {
  display: block;
  margin-left: -1%;
  margin-right: -1%;
  width: auto;
  transform: none !important;
}
.swiper-container.disable-on-desktop .swiper-wrapper:after {
  content: "";
  display: table;
  clear: both;
}
.swiper-container.disable-on-desktop .swiper-wrapper .swiper-slide {
  width: 31.33%;
  float: left;
  margin: 0 1% 2% !important;
}
.swiper-container.with-shadow {
  padding: 0.5rem;
}
.swiper-container.with-shadow .cp-card,
.swiper-container.with-shadow .cp-task {
  box-shadow: 0px 0px 5px 0 #edf1ff;
}
.swiper-container.trip-incident .swiper-slide {
  width: 29rem;
}

@media only screen and (min-width: 1600px) and (max-width: 1920px) {
  .swiper-container.trip-incident .swiper-slide {
    width: 30rem;
  }
}
@media only screen and (max-width: 767px) {
  .swiper-container {
    overflow: inherit;
  }
  .swiper-container.with-shadow {
    padding: 0;
  }
  .swiper-container.with-shadow .cp-card,
  .swiper-container.with-shadow .cp-task {
    box-shadow: 0 0 10px 0 #d1d6eb;
  }
  .swiper-container.disable-on-mobile .swiper-wrapper {
    transform: none !important;
    display: block;
  }
  .swiper-container.disable-on-mobile .swiper-slide {
    margin-bottom: 1.5rem;
  }
  .swiper-container.disable-on-mobile .swiper-slide:nth-of-type(3) {
    margin-bottom: 0;
  }
  .swiper-container.disable-on-mobile .swiper-slide:nth-of-type(1n+4) {
    display: none;
  }
  .swiper-container.disable-on-mobile.trip-incident .swiper-slide {
    width: 100%;
  }
}
@font-face {
  font-family: "Open Sans Bold";
  src: url("/src/assets/fonts/OpenSans-Bold.ttf") format("truetype");
}
.typ-form {
  margin: 7rem 0 0 20rem;
  height: 100%;
}
.typ-form .lyt-form {
  padding-bottom: 10rem;
}
.typ-form .lyt-form form {
  margin-top: 0em;
}
.typ-form .lyt-form .input-container {
  padding: 1rem 2rem;
  position: relative;
}
.typ-form .lyt-form .input-container .sec-head .sec-title {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #333333;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow {
  box-shadow: 0 0 20px 0 #edf1ff;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-head {
  padding: 1.8rem 2rem;
  border: 1px solid #e8ecf8;
  position: relative;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-head .title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #0a0a5f;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .typ-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-cont {
  padding: 2rem 2rem 1rem 2rem;
  background: #e8ecf8;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-cont .row {
  display: flex;
  flex-wrap: wrap;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-cont .row .col-item {
  width: 28vw;
  padding: 0 1rem;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group {
  margin-bottom: 2.5rem;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group .form-label {
  display: block;
  margin-bottom: 0.5rem !important;
  font-weight: 700;
  color: #333333;
  font-size: 1.5rem;
  min-width: 80%;
  line-height: 1.9rem;
  margin-bottom: 0.8rem;
  margin-top: 1rem;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group .input-group {
  position: relative;
  background: #ffffff;
  border-radius: 0.5rem;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group .input-group .invalid-error {
  position: absolute;
  font-size: 1.1rem;
  top: 6vh;
  font-style: italic;
  font-weight: 500;
  line-height: 1.4rem;
  margin-top: 0.4rem;
  color: #db0b0b;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group input {
  width: 100%;
  font-size: 1.2rem;
  height: 4rem;
  font-weight: 700;
  color: #666666;
  background: transparent;
  border: 1px solid #ffffff;
  border-radius: 0.5rem;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown {
  width: 100%;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown {
  width: 100%;
  box-sizing: border-box;
  display: block;
  border: none;
  line-height: 2.4rem;
  font-size: 1.2rem;
  position: relative;
  height: 4rem;
  line-height: 4rem;
  border-radius: 0.5rem;
  font-weight: 700;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-dropdown-label {
  width: 26vw;
  padding: 0 0 0 1rem;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-dropdown-label .ui-dropdown-label-container {
  width: 100%;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-inputtext.ui-placeholder {
  font-weight: 700;
  color: #666666;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-dropdown-trigger {
  border-radius: 0.5rem;
  width: 2rem;
  cursor: pointer;
  height: 93%;
  margin-top: 0;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon {
  display: inline-block;
  vertical-align: middle;
  line-height: 4rem;
  position: static;
  font-size: 1rem;
  color: #307fe2;
  margin: 0;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon::before {
  content: "\e912";
  font-family: icomoon;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-dropdown-panel {
  max-width: 100%;
  position: absolute;
  top: 4.2rem !important;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-dropdown-panel .ui-dropdown-items {
  min-width: 100%;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item {
  padding: 1rem 1rem 1rem 3.5rem;
  color: #333333;
  position: relative;
  font-weight: bolder;
  right: 1rem;
  font-weight: bolder;
}
.typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group .radio-btn {
  padding: 1rem 1.2rem;
  font-size: 1.2rem;
  height: 2rem;
  width: 17px;
  font-weight: 700;
  color: #666666;
  background: transparent;
  border: 1px solid #ffffff;
  border-radius: 0.5rem;
}
.typ-form .lyt-form .footer-save-btn {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}
.typ-form .lyt-form .footer-save-btn .form-btn-wrap {
  padding: 2rem 4rem;
  background: #ffffff;
  box-shadow: 0 0 5px 0 #c3cff0;
  position: relative;
  left: 0;
  width: 100%;
}
.typ-form .lyt-form .footer-save-btn .form-btn-wrap .btn-outline {
  position: relative;
  left: 0;
}
.typ-form .lyt-form .footer-save-btn .form-btn-wrap .btn-default {
  position: relative;
  left: 2vw;
}

@media only screen and (min-width: 861px) and (max-width: 1024px) {
  .typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown .ui-dropdown .ui-dropdown-panel {
    width: 103%;
  }
  .typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown#role-dropdown .ui-dropdown .ui-dropdown-panel {
    min-width: 100%;
    position: absolute;
    top: 4.2rem !important;
  }
}
@media only screen and (max-width: 960px) {
  .typ-form .lyt-form {
    position: absolute;
    left: 0;
    right: 0;
  }
  .typ-form .lyt-form .row .col-item {
    width: 35vw !important;
  }
  .typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown .ui-dropdown .ui-dropdown-panel {
    width: 103%;
  }
  .typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown .ui-dropdown .ui-dropdown-label {
    width: 32vw;
  }
}
@media only screen and (max-width: 600px) {
  .typ-form .lyt-form .row .col-item {
    width: 40vw !important;
  }
  .typ-form .lyt-form .input-container .sec-cont .cp-form.typ-shadow .form-group p-dropdown .ui-dropdown .ui-dropdown-label {
    width: 36vw;
  }
}
@media only screen and (max-width: 480px) {
  .row {
    flex-direction: column;
  }
  .typ-form .lyt-form .row .col-item {
    width: 90% !important;
    margin: auto;
  }
  .form-group .form-label {
    width: 70%;
  }
  .typ-form .lyt-form .footer-save-btn .form-btn-wrap .btn-outline {
    position: absolute;
    left: 7vw;
  }
}
@font-face {
  font-family: "Open Sans Bold";
  src: url("/src/assets/fonts/OpenSans-Bold.ttf") format("truetype");
}
.typ-login .lyt-login .cp-onboarding .login-form .desc .input-group {
  position: relative;
  background: #ffffff;
  border-radius: 0.5rem;
}
.typ-login .lyt-login .cp-onboarding .login-form .desc .input-group .invalid-error {
  position: absolute;
  font-size: 1.1rem;
  top: 6vh;
  font-style: italic;
  font-weight: 500;
  line-height: 1.4rem;
  margin-top: 0.4rem;
  color: #db0b0b;
}
.typ-login .lyt-login .cp-onboarding .login-form .cp-form {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.typ-login .lyt-login .cp-onboarding .login-form .cp-form .form-group {
  margin-bottom: 2.5rem;
}
.typ-login .lyt-login .cp-onboarding .login-form .cp-form .form-group .form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: bold;
  color: #333333;
  font-size: 1.5rem;
  width: 100%;
  line-height: 1.9rem;
  margin-bottom: 0.8rem;
  position: relative;
  top: 3rem;
}
.typ-login .lyt-login .cp-onboarding .login-form .cp-form .form-group .input-group {
  height: 4rem;
  position: relative;
  background: #ffffff;
  border-radius: 0.5rem;
}
.typ-login .lyt-login .cp-onboarding .login-form .cp-form .form-group .input-group .invalid-error {
  position: absolute;
  font-size: 1.1rem;
  top: 6vh;
  font-style: italic;
  font-weight: 500;
  line-height: 1.4rem;
  margin-top: 0.4rem;
  color: #db0b0b;
}
.typ-login .lyt-login .cp-onboarding .login-form .cp-form .form-group .input-group input {
  width: 100%;
  height: 100%;
  font-size: 1.2rem;
  font-weight: bolder;
  color: #666666;
  background: transparent;
  border: none;
  border-radius: 0.5rem;
}
.typ-login .lyt-login .cp-onboarding .login-form .cp-form .form-group .input-group .view-pwd {
  color: #307fe2;
  border: 0 !important;
  cursor: pointer;
  position: absolute;
  z-index: 3;
  font-size: 2rem;
  right: 0;
}
.typ-login .lyt-login .cp-onboarding .login-form .cp-form .btn-wrap {
  text-align: center;
  margin-bottom: 3rem;
  justify-content: center;
  display: flex;
}

.typ-cards {
  position: relative;
  left: 15vw;
  top: 11vh;
  width: 84.5%;
}
.typ-cards .lyt-cards .cards-container {
  padding: 1.5rem 2.5rem;
  position: relative;
}
.typ-cards .lyt-cards .cards-container .sec-head.typ-prev {
  position: relative;
}
.typ-cards .lyt-cards .cards-container .sec-head.typ-prev .sec-title {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #333333;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.typ-cards .lyt-cards .cards-container .cp-card-listing .cp-card {
  left: 0 !important;
  box-shadow: 0 0 20px 0 #edf1ff;
}
.typ-cards .lyt-cards .cards-container .cp-card-listing .row.col-3 {
  display: flex;
  flex-wrap: nowrap;
}
.typ-cards .lyt-cards .cards-container .cp-card-listing .row.col-3 .col-item {
  width: 356px;
  height: 220px;
  margin-top: 5px;
  margin-right: 10px;
}

.card-head {
  border-bottom: 1px solid #e8ecf8;
}

@media only screen and (max-width: 1024px) {
  .cp-section {
    padding: 2rem 1.5rem;
  }
}
@media only screen and (max-width: 480px) {
  .typ-cards {
    border: 1px solid red;
    position: relative;
    left: 0vw;
    top: 8vh;
    width: 100%;
  }
  .cp-card-listing .cp-card .card-body {
    padding: 2rem;
    position: relative;
    background-color: #ffffff;
    flex-grow: 1;
    overflow-y: auto;
  }
  .cp-card-listing .cp-card {
    height: 23.5rem;
  }
  .cp-card-listing .cp-card .card-body {
    top: 0rem;
  }
}
th {
  color: #0a0a5f;
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 1.7rem;
  text-align: center !important;
  border: none;
  background-color: #ffffff;
  vertical-align: middle !important;
}
th .text {
  display: inline-block;
  position: relative;
  padding-right: 1.5rem;
}

.thcss {
  padding: 1.5rem 1rem 1.5rem 1.5rem;
}

.tdcss {
  padding: 1rem 1.5rem !important;
}

tbody tr {
  background-color: #e8ecf8;
}
tbody tr:nth-child(even) {
  background-color: #ffffff;
}
tbody tr td {
  font-size: 1.3rem;
  line-height: 1.7rem;
  text-align: center;
  border: none;
  vertical-align: middle;
}
tbody tr td .timestamp {
  font-size: 1.2rem;
}
tbody tr td .act-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.2rem 0;
}
tbody tr td .act-wrap .btn-icon {
  padding-left: 0;
  padding-right: 0;
}
tbody tr td .navigate-link .icon {
  color: #307fe2;
}
tbody tr td .btn-outline {
  font-size: 1.4rem;
  line-height: 1.8rem;
  width: 9.5rem;
}

.table-responsive {
  display: block;
  width: 100%;
  margin-top: 3rem;
  overflow-x: auto;
}

@media screen and (max-width: 480px) {
  .table-responsive {
    display: block;
    width: 90vw;
    margin-top: 3rem;
    overflow-x: auto;
  }
}
html, body {
  height: 100%;
}

body {
  margin: 0;
}

.md-drppicker .calendar {
  max-width: 320px !important;
  margin: 4px;
}

.md-drppicker.shown {
  display: flex !important;
  margin-top: 5rem;
}

@media only screen and (max-width: 480px) {
  .act-list.typ-multiline.right.ppt {
    display: flex;
    position: relative;
    justify-content: flex-end !important;
    flex: auto;
    margin-right: 4rem;
  }
  .typ-full {
    padding-bottom: 2rem;
  }
}
.mat-mdc-option .mat-pseudo-checkbox-minimal {
  background: none;
}

.cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel {
  max-height: 22rem;
  font-weight: bold;
}

.mat-mdc-option .mat-pseudo-checkbox-minimal {
  margin-left: 16px;
  flex-shrink: 0;
  background: none;
}

div.mat-mdc-select-panel .mat-mdc-option {
  --mdc-list-list-item-container-color: var(--mat-select-panel-background-color);
  font-size: 1.2rem;
}

div.mat-mdc-select-panel {
  width: 100%;
  max-height: 275px;
  outline: 0;
  overflow: auto;
  padding: 8px 0;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: var(--mat-select-panel-background-color, var(--mat-app-surface-container));
  top: 1.1rem;
  right: 1.2rem;
  margin-top: 0.05rem;
}

.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked, .mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate {
  background-color: #307fe2 !important;
}

.mat-mdc-select-value {
  height: 4rem;
  padding: 1rem;
  font-size: 1.2rem;
  font-weight: 1000;
}

.mat-mdc-select-arrow-wrapper {
  padding-right: 1rem;
}

svg {
  color: #307fe2;
}

.subscription-select-panel {
  position: relative !important;
  background-color: var(--mat-select-panel-background-color, var(--mat-app-surface-container)) !important;
  top: -1rem !important;
}

.fuel-select-panel {
  position: relative !important;
  background-color: var(--mat-select-panel-background-color, var(--mat-app-surface-container)) !important;
  top: -1rem !important;
}

.vehicle-onboarding-panel {
  position: relative !important;
  background-color: var(--mat-select-panel-background-color, var(--mat-app-surface-container)) !important;
  top: 0.5rem !important;
  right: 0rem !important;
}

.admin-request-panel {
  position: relative !important;
  background-color: var(--mat-select-panel-background-color, var(--mat-app-surface-container)) !important;
  top: -1rem !important;
  right: 1rem !important;
}

.dropdown-multiselect__caret {
  padding-left: 2.5rem !important;
}

.multiselect-dropdown[_ngcontent-ng-c692748064] .dropdown-btn[_ngcontent-ng-c692748064] .dropdown-multiselect--active[_ngcontent-ng-c692748064] .dropdown-multiselect__caret[_ngcontent-ng-c692748064] {
  transform: none !important;
}