@charset "UTF-8";
@import "https://cdn.jsdelivr.net/npm/katex@0.13.11/dist/katex.min.css";

/* node_modules/angular-calendar/css/angular-calendar.css */
.cal-month-view .cal-header {
  text-align: center;
  font-weight: bolder;
}
.cal-month-view .cal-header .cal-cell {
  padding: 5px 0;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
.cal-month-view .cal-days {
  border: 1px solid;
  border-bottom: 0;
}
.cal-month-view .cal-cell-top {
  min-height: 78px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.cal-month-view .cal-cell-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cal-month-view .cal-cell {
  float: left;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.cal-month-view .cal-cell .cal-event {
  pointer-events: all !important;
}
.cal-month-view .cal-day-cell {
  min-height: 100px;
}
.cal-month-view .cal-day-cell:not(:last-child) {
  border-right: 1px solid;
}
[dir=rtl] .cal-month-view .cal-day-cell:not(:last-child) {
  border-right: initial;
  border-left: 1px solid;
}
.cal-month-view .cal-days .cal-cell-row {
  border-bottom: 1px solid;
}
.cal-month-view .cal-day-badge {
  margin-top: 18px;
  margin-left: 10px;
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 10px;
  float: left;
}
.cal-month-view .cal-day-number {
  font-size: 1.2em;
  font-weight: 400;
  opacity: 0.5;
  margin-top: 15px;
  margin-right: 15px;
  float: right;
  margin-bottom: 10px;
}
.cal-month-view .cal-events {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin: 3px;
  line-height: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.cal-month-view .cal-event {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin: 2px;
}
.cal-month-view .cal-day-cell.cal-in-month.cal-has-events {
  cursor: pointer;
}
.cal-month-view .cal-day-cell.cal-out-month .cal-day-number {
  opacity: 0.1;
  cursor: default;
}
.cal-month-view .cal-day-cell.cal-today .cal-day-number {
  font-size: 1.9em;
}
.cal-month-view .cal-open-day-events {
  padding: 15px;
}
.cal-month-view .cal-open-day-events .cal-event {
  position: relative;
  top: 2px;
}
.cal-month-view .cal-out-month .cal-day-badge,
.cal-month-view .cal-out-month .cal-event {
  opacity: 0.3;
}
.cal-month-view .cal-draggable {
  cursor: move;
}
.cal-month-view .cal-drag-active * {
  pointer-events: none;
}
.cal-month-view .cal-event-title {
  cursor: pointer;
}
.cal-month-view .cal-event-title:hover {
  text-decoration: underline;
}
.cal-month-view {
  background-color: #fff;
}
.cal-month-view .cal-cell-row:hover {
  background-color: #fafafa;
}
.cal-month-view .cal-cell-row .cal-cell:hover,
.cal-month-view .cal-cell.cal-has-events.cal-open {
  background-color: #ededed;
}
.cal-month-view .cal-days {
  border-color: #e1e1e1;
}
.cal-month-view .cal-day-cell:not(:last-child) {
  border-right-color: #e1e1e1;
}
[dir=rtl] .cal-month-view .cal-day-cell:not(:last-child) {
  border-right-color: initial;
  border-left-color: #e1e1e1;
}
.cal-month-view .cal-days .cal-cell-row {
  border-bottom-color: #e1e1e1;
}
.cal-month-view .cal-day-badge {
  background-color: #b94a48;
  color: #fff;
}
.cal-month-view .cal-event {
  background-color: #1e90ff;
  border-color: #d1e8ff;
  color: #fff;
}
.cal-month-view .cal-day-cell.cal-weekend .cal-day-number {
  color: #8b0000;
}
.cal-month-view .cal-day-cell.cal-today {
  background-color: #e8fde7;
}
.cal-month-view .cal-day-cell.cal-drag-over {
  background-color: #e0e0e0 !important;
}
.cal-month-view .cal-open-day-events {
  color: #fff;
  background-color: #555;
  -webkit-box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.5);
}
.cal-week-view {
}
.cal-week-view * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cal-week-view .cal-day-headers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 70px;
  border: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers {
  padding-left: initial;
  padding-right: 70px;
}
.cal-week-view .cal-day-headers .cal-header {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  padding: 5px;
}
.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right: initial;
  border-left: 1px solid;
}
.cal-week-view .cal-day-headers .cal-header:first-child {
  border-left: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child {
  border-left: initial;
  border-right: 1px solid;
}
.cal-week-view .cal-day-headers span {
  font-weight: 400;
  opacity: 0.5;
}
.cal-week-view .cal-day-column {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border-left: solid 1px;
}
[dir=rtl] .cal-week-view .cal-day-column {
  border-left: initial;
  border-right: solid 1px;
}
.cal-week-view .cal-event {
  font-size: 12px;
  border: 1px solid;
  direction: ltr;
}
.cal-week-view .cal-time-label-column {
  width: 70px;
  height: 100%;
}
.cal-week-view .cal-current-time-marker {
  position: absolute;
  width: 100%;
  height: 2px;
  z-index: 2;
}
.cal-week-view .cal-all-day-events {
  border: solid 1px;
  border-top: 0;
  border-bottom-width: 3px;
  padding-top: 3px;
  position: relative;
}
.cal-week-view .cal-all-day-events .cal-day-columns {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  z-index: 0;
}
.cal-week-view .cal-all-day-events .cal-events-row {
  position: relative;
  height: 31px;
  margin-left: 70px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-events-row {
  margin-left: initial;
  margin-right: 70px;
}
.cal-week-view .cal-all-day-events .cal-event-container {
  display: inline-block;
  position: absolute;
}
.cal-week-view .cal-all-day-events .cal-event-container.resize-active {
  z-index: 1;
  pointer-events: none;
}
.cal-week-view .cal-all-day-events .cal-event {
  padding: 0 5px;
  margin-left: 2px;
  margin-right: 2px;
  height: 28px;
  line-height: 28px;
}
.cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
  border-top-left-radius: initial;
  border-bottom-left-radius: initial;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
.cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
  border-top-right-radius: initial;
  border-bottom-right-radius: initial;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.cal-week-view .cal-all-day-events .cal-time-label-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px;
}
.cal-week-view .cal-all-day-events .cal-resize-handle {
  width: 6px;
  height: 100%;
  cursor: col-resize;
  position: absolute;
  top: 0;
}
.cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
  right: 0;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
  right: initial;
  left: 0;
}
.cal-week-view .cal-event,
.cal-week-view .cal-header {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cal-week-view .cal-drag-active {
  pointer-events: none;
  z-index: 1;
}
.cal-week-view .cal-drag-active * {
  pointer-events: none;
}
.cal-week-view .cal-time-events {
  position: relative;
  border: solid 1px;
  border-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cal-week-view .cal-time-events .cal-day-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.cal-week-view .cal-time-events .cal-day-column {
  position: relative;
}
.cal-week-view .cal-time-events .cal-events-container {
  position: relative;
}
.cal-week-view .cal-time-events .cal-event-container {
  position: absolute;
  z-index: 1;
}
.cal-week-view .cal-time-events .cal-event {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  margin: 1px;
  padding: 0 5px;
  line-height: 25px;
}
.cal-week-view .cal-time-events .cal-resize-handle {
  width: 100%;
  height: 4px;
  cursor: row-resize;
  position: absolute;
}
.cal-week-view .cal-time-events .cal-resize-handle.cal-resize-handle-after-end {
  bottom: 0;
}
.cal-week-view .cal-hour-segment {
  position: relative;
}
.cal-week-view .cal-hour-segment::after {
  content: "\a0";
}
.cal-week-view .cal-event-container:not(.cal-draggable) {
  cursor: pointer;
}
.cal-week-view .cal-draggable {
  cursor: move;
}
.cal-week-view mwl-calendar-week-view-hour-segment,
.cal-week-view .cal-hour-segment {
  display: block;
}
.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
  border-bottom: thin dashed;
}
.cal-week-view .cal-time {
  font-weight: bold;
  padding-top: 5px;
  width: 70px;
  text-align: center;
}
.cal-week-view .cal-hour-segment.cal-after-hour-start .cal-time {
  display: none;
}
.cal-week-view .cal-starts-within-day .cal-event {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.cal-week-view .cal-ends-within-day .cal-event {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.cal-week-view {
  background-color: #fff;
  border-top: solid 1px #e1e1e1;
}
.cal-week-view .cal-day-headers {
  border-color: #e1e1e1;
  border-top: 0;
}
.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right-color: initial;
  border-left: solid 1px #e1e1e1 !important;
}
.cal-week-view .cal-day-headers .cal-header:first-child {
  border-left-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child {
  border-left-color: initial;
  border-right-color: #e1e1e1;
}
.cal-week-view .cal-day-headers .cal-header:hover,
.cal-week-view .cal-day-headers .cal-drag-over {
  background-color: #ededed;
}
.cal-week-view .cal-day-column {
  border-left-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-column {
  border-left-color: initial;
  border-right-color: #e1e1e1;
}
.cal-week-view .cal-event {
  background-color: #d1e8ff;
  border-color: #1e90ff;
  color: #1e90ff;
}
.cal-week-view .cal-all-day-events {
  border-color: #e1e1e1;
}
.cal-week-view .cal-header.cal-today {
  background-color: #e8fde7;
}
.cal-week-view .cal-header.cal-weekend span {
  color: #8b0000;
}
.cal-week-view .cal-time-events {
  border-color: #e1e1e1;
}
.cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover {
  background-color: #ededed;
}
.cal-week-view .cal-hour-odd {
  background-color: #fafafa;
}
.cal-week-view .cal-drag-over .cal-hour-segment {
  background-color: #ededed;
}
.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
  border-bottom-color: #e1e1e1;
}
.cal-week-view .cal-current-time-marker {
  background-color: #ea4334;
}
.cal-day-view {
}
.cal-day-view mwl-calendar-week-view-header {
  display: none;
}
.cal-day-view .cal-events-container {
  margin-left: 70px;
}
[dir=rtl] .cal-day-view .cal-events-container {
  margin-left: initial;
  margin-right: 70px;
}
.cal-day-view .cal-day-column {
  border-left: 0;
}
.cal-day-view .cal-current-time-marker {
  margin-left: 70px;
  width: calc(100% - 70px);
}
[dir=rtl] .cal-day-view .cal-current-time-marker {
  margin-left: initial;
  margin-right: 70px;
}
.cal-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  font-size: 11px;
  word-wrap: break-word;
  opacity: 0.9;
}
.cal-tooltip.cal-tooltip-top {
  padding: 5px 0;
  margin-top: -3px;
}
.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
}
.cal-tooltip.cal-tooltip-right {
  padding: 0 5px;
  margin-left: 3px;
}
.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
}
.cal-tooltip.cal-tooltip-bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
}
.cal-tooltip.cal-tooltip-left {
  padding: 0 5px;
  margin-left: -3px;
}
.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
}
.cal-tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  text-align: center;
  border-radius: 0.25rem;
}
.cal-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
  border-top-color: #000;
}
.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
  border-right-color: #000;
}
.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
  border-bottom-color: #000;
}
.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
  border-left-color: #000;
}
.cal-tooltip-inner {
  color: #fff;
  background-color: #000;
}

/* node_modules/@angular/material/prebuilt-themes/indigo-pink.css */
html {
  --mat-sys-on-surface: initial;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-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);
}
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);
}
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;
}
html {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#ff4081;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}
.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-primary {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#3f51b5;
  --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-accent {
  --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-warn {
  --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 {
  --mat-option-label-text-font:Roboto, sans-serif;
  --mat-option-label-text-line-height:24px;
  --mat-option-label-text-size:16px;
  --mat-option-label-text-tracking:0.03125em;
  --mat-option-label-text-weight:400;
}
html {
  --mat-optgroup-label-text-font:Roboto, sans-serif;
  --mat-optgroup-label-text-line-height:24px;
  --mat-optgroup-label-text-size:16px;
  --mat-optgroup-label-text-tracking:0.03125em;
  --mat-optgroup-label-text-weight:400;
}
html {
  --mdc-elevated-card-container-shape:4px;
}
html {
  --mdc-outlined-card-container-shape:4px;
  --mdc-outlined-card-outline-width:1px;
}
html {
  --mdc-elevated-card-container-color:white;
  --mdc-elevated-card-container-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-outlined-card-container-color:white;
  --mdc-outlined-card-outline-color:rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-card-subtitle-text-color:rgba(0, 0, 0, 0.54);
}
html {
  --mat-card-title-text-font:Roboto, sans-serif;
  --mat-card-title-text-line-height:32px;
  --mat-card-title-text-size:20px;
  --mat-card-title-text-tracking:0.0125em;
  --mat-card-title-text-weight:500;
  --mat-card-subtitle-text-font:Roboto, sans-serif;
  --mat-card-subtitle-text-line-height:22px;
  --mat-card-subtitle-text-size:14px;
  --mat-card-subtitle-text-tracking:0.0071428571em;
  --mat-card-subtitle-text-weight:500;
}
html {
  --mdc-linear-progress-active-indicator-height:4px;
  --mdc-linear-progress-track-height:4px;
  --mdc-linear-progress-track-shape:0;
}
.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color:#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-plain-tooltip-supporting-text-font:Roboto, sans-serif;
  --mdc-plain-tooltip-supporting-text-size:12px;
  --mdc-plain-tooltip-supporting-text-weight:400;
  --mdc-plain-tooltip-supporting-text-tracking:0.0333333333em;
}
html {
  --mdc-filled-text-field-active-indicator-height:1px;
  --mdc-filled-text-field-focus-active-indicator-height:2px;
  --mdc-filled-text-field-container-shape:4px;
}
html {
  --mdc-outlined-text-field-outline-width:1px;
  --mdc-outlined-text-field-focus-outline-width:2px;
  --mdc-outlined-text-field-container-shape:4px;
}
html {
  --mdc-filled-text-field-caret-color:#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:rgb(244.8, 244.8, 244.8);
  --mdc-filled-text-field-disabled-container-color:rgb(249.9, 249.9, 249.9);
  --mdc-filled-text-field-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color:rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color:#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;
}
html {
  --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;
}
html {
  --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);
}
.mat-mdc-form-field.mat-accent {
  --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-mdc-form-field.mat-accent {
  --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);
}
.mat-mdc-form-field.mat-warn {
  --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-mdc-form-field.mat-warn {
  --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 {
  --mdc-filled-text-field-label-text-font:Roboto, sans-serif;
  --mdc-filled-text-field-label-text-size:16px;
  --mdc-filled-text-field-label-text-tracking:0.03125em;
  --mdc-filled-text-field-label-text-weight:400;
}
html {
  --mdc-outlined-text-field-label-text-font:Roboto, sans-serif;
  --mdc-outlined-text-field-label-text-size:16px;
  --mdc-outlined-text-field-label-text-tracking:0.03125em;
  --mdc-outlined-text-field-label-text-weight:400;
}
html {
  --mat-form-field-container-text-font:Roboto, sans-serif;
  --mat-form-field-container-text-line-height:24px;
  --mat-form-field-container-text-size:16px;
  --mat-form-field-container-text-tracking:0.03125em;
  --mat-form-field-container-text-weight:400;
  --mat-form-field-outlined-label-text-populated-size:16px;
  --mat-form-field-subscript-text-font:Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height:20px;
  --mat-form-field-subscript-text-size:12px;
  --mat-form-field-subscript-text-tracking:0.0333333333em;
  --mat-form-field-subscript-text-weight:400;
}
html {
  --mat-select-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-select-panel-background-color:white;
  --mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color:rgba(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-select-trigger-text-font:Roboto, sans-serif;
  --mat-select-trigger-text-line-height:24px;
  --mat-select-trigger-text-size:16px;
  --mat-select-trigger-text-tracking:0.03125em;
  --mat-select-trigger-text-weight:400;
}
html {
  --mat-autocomplete-container-shape:4px;
  --mat-autocomplete-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-autocomplete-background-color:white;
}
html {
  --mdc-dialog-container-shape:4px;
}
html {
  --mat-dialog-container-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width:80vw;
  --mat-dialog-container-small-max-width:80vw;
  --mat-dialog-container-min-width:0;
  --mat-dialog-actions-alignment:start;
  --mat-dialog-actions-padding:8px;
  --mat-dialog-content-padding:20px 24px;
  --mat-dialog-with-actions-content-padding:20px 24px;
  --mat-dialog-headline-padding:0 24px 9px;
}
html {
  --mdc-dialog-container-color:white;
  --mdc-dialog-subhead-color:rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color:rgba(0, 0, 0, 0.6);
}
html {
  --mdc-dialog-subhead-font:Roboto, sans-serif;
  --mdc-dialog-subhead-line-height:32px;
  --mdc-dialog-subhead-size:20px;
  --mdc-dialog-subhead-weight:500;
  --mdc-dialog-subhead-tracking:0.0125em;
  --mdc-dialog-supporting-text-font:Roboto, sans-serif;
  --mdc-dialog-supporting-text-line-height:24px;
  --mdc-dialog-supporting-text-size:16px;
  --mdc-dialog-supporting-text-weight:400;
  --mdc-dialog-supporting-text-tracking:0.03125em;
}
.mat-mdc-standard-chip {
  --mdc-chip-container-shape-radius:16px;
  --mdc-chip-with-avatar-avatar-shape-radius:14px;
  --mdc-chip-with-avatar-avatar-size:28px;
  --mdc-chip-with-icon-icon-size:18px;
  --mdc-chip-outline-width:0;
  --mdc-chip-outline-color:transparent;
  --mdc-chip-disabled-outline-color:transparent;
  --mdc-chip-focus-outline-color:transparent;
  --mdc-chip-hover-state-layer-opacity:0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity:1;
  --mdc-chip-flat-selected-outline-width:0;
  --mdc-chip-selected-hover-state-layer-opacity:0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity:1;
  --mdc-chip-with-icon-disabled-icon-opacity:1;
}
.mat-mdc-standard-chip {
  --mat-chip-disabled-container-opacity:0.4;
  --mat-chip-trailing-action-opacity:0.54;
  --mat-chip-trailing-action-focus-opacity:1;
  --mat-chip-trailing-action-state-layer-color:transparent;
  --mat-chip-selected-trailing-action-state-layer-color:transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity:0;
  --mat-chip-trailing-action-focus-state-layer-opacity:0;
}
.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color:#212121;
  --mdc-chip-elevated-container-color:rgb(224.4, 224.4, 224.4);
  --mdc-chip-elevated-selected-container-color:rgb(224.4, 224.4, 224.4);
  --mdc-chip-elevated-disabled-container-color:rgb(224.4, 224.4, 224.4);
  --mdc-chip-flat-disabled-selected-container-color:rgb(224.4, 224.4, 224.4);
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:#212121;
  --mdc-chip-selected-label-text-color:#212121;
  --mdc-chip-with-icon-icon-color:#212121;
  --mdc-chip-with-icon-disabled-icon-color:#212121;
  --mdc-chip-with-icon-selected-icon-color:#212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:#212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color:#212121;
}
.mat-mdc-standard-chip {
  --mat-chip-selected-disabled-trailing-icon-color:#212121;
  --mat-chip-selected-trailing-icon-color:#212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color:white;
  --mdc-chip-elevated-container-color:#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-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-selected-disabled-trailing-icon-color:white;
  --mat-chip-selected-trailing-icon-color:white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: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-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-selected-disabled-trailing-icon-color: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-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-selected-disabled-trailing-icon-color:white;
  --mat-chip-selected-trailing-icon-color:white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height:32px;
}
.mat-mdc-standard-chip {
  --mdc-chip-label-text-font:Roboto, sans-serif;
  --mdc-chip-label-text-line-height:20px;
  --mdc-chip-label-text-size:14px;
  --mdc-chip-label-text-tracking:0.0178571429em;
  --mdc-chip-label-text-weight:400;
}
html {
  --mdc-switch-disabled-selected-icon-opacity:0.38;
  --mdc-switch-disabled-track-opacity:0.12;
  --mdc-switch-disabled-unselected-icon-opacity:0.38;
  --mdc-switch-handle-height:20px;
  --mdc-switch-handle-shape:10px;
  --mdc-switch-handle-width:20px;
  --mdc-switch-selected-icon-size:18px;
  --mdc-switch-track-height:14px;
  --mdc-switch-track-shape:7px;
  --mdc-switch-track-width:36px;
  --mdc-switch-unselected-icon-size:18px;
  --mdc-switch-selected-focus-state-layer-opacity:0.12;
  --mdc-switch-selected-hover-state-layer-opacity:0.04;
  --mdc-switch-selected-pressed-state-layer-opacity:0.1;
  --mdc-switch-unselected-focus-state-layer-opacity:0.12;
  --mdc-switch-unselected-hover-state-layer-opacity:0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity:0.1;
}
html .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity:0.38;
  --mat-switch-disabled-unselected-handle-opacity:0.38;
  --mat-switch-unselected-handle-size:20px;
  --mat-switch-selected-handle-size:20px;
  --mat-switch-pressed-handle-size:20px;
  --mat-switch-with-icon-handle-size:20px;
  --mat-switch-selected-handle-horizontal-margin:0;
  --mat-switch-selected-with-icon-handle-horizontal-margin:0;
  --mat-switch-selected-pressed-handle-horizontal-margin:0;
  --mat-switch-unselected-handle-horizontal-margin:0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin:0;
  --mat-switch-unselected-pressed-handle-horizontal-margin:0;
  --mat-switch-visible-track-opacity:1;
  --mat-switch-hidden-track-opacity:1;
  --mat-switch-visible-track-transition:transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition:transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width:1px;
  --mat-switch-track-outline-color:transparent;
  --mat-switch-selected-track-outline-width:1px;
  --mat-switch-selected-track-outline-color:transparent;
  --mat-switch-disabled-unselected-track-outline-width:1px;
  --mat-switch-disabled-unselected-track-outline-color:transparent;
}
html {
  --mdc-switch-selected-focus-state-layer-color:#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);
}
html {
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-color:rgba(0, 0, 0, 0.87);
}
html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color:#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 .mat-mdc-slide-toggle {
  --mat-switch-label-text-font:Roboto, sans-serif;
  --mat-switch-label-text-line-height:20px;
  --mat-switch-label-text-size:14px;
  --mat-switch-label-text-tracking:0.0178571429em;
  --mat-switch-label-text-weight:400;
}
html {
  --mdc-radio-disabled-selected-icon-opacity:0.38;
  --mdc-radio-disabled-unselected-icon-opacity:0.38;
  --mdc-radio-state-layer-size:40px;
}
.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#3f51b5;
  --mdc-radio-selected-hover-icon-color:#3f51b5;
  --mdc-radio-selected-icon-color:#3f51b5;
  --mdc-radio-selected-pressed-icon-color:#3f51b5;
}
.mat-mdc-radio-button.mat-primary {
  --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-mdc-radio-button.mat-accent {
  --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-mdc-radio-button.mat-warn {
  --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;
}
html {
  --mat-radio-touch-target-display:block;
}
html {
  --mat-radio-label-text-font:Roboto, sans-serif;
  --mat-radio-label-text-line-height:20px;
  --mat-radio-label-text-size:14px;
  --mat-radio-label-text-tracking:0.0178571429em;
  --mat-radio-label-text-weight:400;
}
html {
  --mdc-slider-active-track-height:6px;
  --mdc-slider-active-track-shape:9999px;
  --mdc-slider-handle-height:20px;
  --mdc-slider-handle-shape:50%;
  --mdc-slider-handle-width:20px;
  --mdc-slider-inactive-track-height:4px;
  --mdc-slider-inactive-track-shape:9999px;
  --mdc-slider-with-overlap-handle-outline-width:1px;
  --mdc-slider-with-tick-marks-active-container-opacity:0.6;
  --mdc-slider-with-tick-marks-container-shape:50%;
  --mdc-slider-with-tick-marks-container-size:2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity:0.6;
  --mdc-slider-handle-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-slider-value-indicator-width:auto;
  --mat-slider-value-indicator-height:32px;
  --mat-slider-value-indicator-caret-display:block;
  --mat-slider-value-indicator-border-radius:4px;
  --mat-slider-value-indicator-padding:0 12px;
  --mat-slider-value-indicator-text-transform:none;
  --mat-slider-value-indicator-container-transform:translateX(-50%);
}
html {
  --mdc-slider-handle-color:#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;
}
html {
  --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;
}
html .mat-accent {
  --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;
}
html .mat-warn {
  --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 {
  --mdc-slider-label-label-text-font:Roboto, sans-serif;
  --mdc-slider-label-label-text-size:14px;
  --mdc-slider-label-label-text-line-height:22px;
  --mdc-slider-label-label-text-tracking:0.0071428571em;
  --mdc-slider-label-label-text-weight:500;
}
html {
  --mat-menu-container-shape:4px;
  --mat-menu-divider-bottom-spacing:0;
  --mat-menu-divider-top-spacing:0;
  --mat-menu-item-spacing:16px;
  --mat-menu-item-icon-size:24px;
  --mat-menu-item-leading-spacing:16px;
  --mat-menu-item-trailing-spacing:16px;
  --mat-menu-item-with-icon-leading-spacing:16px;
  --mat-menu-item-with-icon-trailing-spacing:16px;
  --mat-menu-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color:rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-menu-container-color:white;
  --mat-menu-divider-color:rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-font:Roboto, sans-serif;
  --mat-menu-item-label-text-size:16px;
  --mat-menu-item-label-text-tracking:0.03125em;
  --mat-menu-item-label-text-line-height:24px;
  --mat-menu-item-label-text-weight:400;
}
html {
  --mdc-list-list-item-container-shape:0;
  --mdc-list-list-item-leading-avatar-shape:50%;
  --mdc-list-list-item-container-color:transparent;
  --mdc-list-list-item-selected-container-color:transparent;
  --mdc-list-list-item-leading-avatar-color:transparent;
  --mdc-list-list-item-leading-icon-size:24px;
  --mdc-list-list-item-leading-avatar-size:40px;
  --mdc-list-list-item-trailing-icon-size:24px;
  --mdc-list-list-item-disabled-state-layer-color:transparent;
  --mdc-list-list-item-disabled-state-layer-opacity:0;
  --mdc-list-list-item-disabled-label-text-opacity:0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity:0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity:0.38;
}
html {
  --mat-list-active-indicator-color:transparent;
  --mat-list-active-indicator-shape:4px;
}
html {
  --mdc-list-list-item-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color:rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color:black;
  --mdc-list-list-item-disabled-leading-icon-color:black;
  --mdc-list-list-item-disabled-trailing-icon-color:black;
  --mdc-list-list-item-hover-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color:black;
  --mdc-list-list-item-hover-state-layer-opacity:0.04;
  --mdc-list-list-item-focus-state-layer-color:black;
  --mdc-list-list-item-focus-state-layer-opacity:0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#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;
}
html {
  --mat-list-list-item-leading-icon-start-space:16px;
  --mat-list-list-item-leading-icon-end-space:32px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size: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 {
  --mdc-list-list-item-label-text-font:Roboto, sans-serif;
  --mdc-list-list-item-label-text-line-height:24px;
  --mdc-list-list-item-label-text-size:16px;
  --mdc-list-list-item-label-text-tracking:0.03125em;
  --mdc-list-list-item-label-text-weight:400;
  --mdc-list-list-item-supporting-text-font:Roboto, sans-serif;
  --mdc-list-list-item-supporting-text-line-height:20px;
  --mdc-list-list-item-supporting-text-size:14px;
  --mdc-list-list-item-supporting-text-tracking:0.0178571429em;
  --mdc-list-list-item-supporting-text-weight:400;
  --mdc-list-list-item-trailing-supporting-text-font:Roboto, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height:20px;
  --mdc-list-list-item-trailing-supporting-text-size:12px;
  --mdc-list-list-item-trailing-supporting-text-tracking:0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight:400;
}
.mdc-list-group__subheader {
  font: 400 16px/28px Roboto, sans-serif;
  letter-spacing: .009375em;
}
html {
  --mat-paginator-container-text-color:rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color:white;
  --mat-paginator-enabled-icon-color:rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color:rgba(0, 0, 0, 0.12);
}
html {
  --mat-paginator-container-size:56px;
  --mat-paginator-form-field-container-height:40px;
  --mat-paginator-form-field-container-vertical-padding:8px;
  --mat-paginator-touch-target-display:block;
}
html {
  --mat-paginator-container-text-font:Roboto, sans-serif;
  --mat-paginator-container-text-line-height:20px;
  --mat-paginator-container-text-size:12px;
  --mat-paginator-container-text-tracking:0.0333333333em;
  --mat-paginator-container-text-weight:400;
  --mat-paginator-select-trigger-text-size:12px;
}
html {
  --mdc-secondary-navigation-tab-container-height:48px;
}
html {
  --mdc-tab-indicator-active-indicator-height:2px;
  --mdc-tab-indicator-active-indicator-shape:0;
}
html {
  --mat-tab-header-divider-color:transparent;
  --mat-tab-header-divider-height:0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color:#3f51b5;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color:black;
  --mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color:#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-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color:black;
  --mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color:#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-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color:black;
  --mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color:#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;
}
.mat-mdc-tab-header {
  --mat-tab-header-label-text-font:Roboto, sans-serif;
  --mat-tab-header-label-text-size:14px;
  --mat-tab-header-label-text-tracking:0.0892857143em;
  --mat-tab-header-label-text-line-height:36px;
  --mat-tab-header-label-text-weight:500;
}
html {
  --mdc-checkbox-disabled-selected-checkmark-color:#fff;
  --mdc-checkbox-selected-focus-state-layer-opacity:0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity:0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity:0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity:0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity:0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity:0.16;
}
html {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: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;
}
html {
  --mat-checkbox-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color:rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#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;
}
html {
  --mat-checkbox-touch-target-display:block;
}
html {
  --mat-checkbox-label-text-font:Roboto, sans-serif;
  --mat-checkbox-label-text-line-height:20px;
  --mat-checkbox-label-text-size:14px;
  --mat-checkbox-label-text-tracking:0.0178571429em;
  --mat-checkbox-label-text-weight:400;
}
html {
  --mdc-text-button-container-shape:4px;
  --mdc-text-button-keep-touch-target:false;
}
html {
  --mdc-filled-button-container-shape:4px;
  --mdc-filled-button-keep-touch-target:false;
}
html {
  --mdc-protected-button-container-shape:4px;
  --mdc-protected-button-container-elevation-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-outlined-button-keep-touch-target:false;
  --mdc-outlined-button-outline-width:1px;
  --mdc-outlined-button-container-shape:4px;
}
html {
  --mat-text-button-horizontal-padding:8px;
  --mat-text-button-with-icon-horizontal-padding:8px;
  --mat-text-button-icon-spacing:8px;
  --mat-text-button-icon-offset:0;
}
html {
  --mat-filled-button-horizontal-padding:16px;
  --mat-filled-button-icon-spacing:8px;
  --mat-filled-button-icon-offset:-4px;
}
html {
  --mat-protected-button-horizontal-padding:16px;
  --mat-protected-button-icon-spacing:8px;
  --mat-protected-button-icon-offset:-4px;
}
html {
  --mat-outlined-button-horizontal-padding:15px;
  --mat-outlined-button-icon-spacing:8px;
  --mat-outlined-button-icon-offset:-4px;
}
html {
  --mdc-text-button-label-text-color:black;
  --mdc-text-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
}
html {
  --mat-text-button-state-layer-color:black;
  --mat-text-button-disabled-state-layer-color:black;
  --mat-text-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity:0.04;
  --mat-text-button-focus-state-layer-opacity:0.12;
  --mat-text-button-pressed-state-layer-opacity:0.12;
}
html {
  --mdc-filled-button-container-color:white;
  --mdc-filled-button-label-text-color:black;
  --mdc-filled-button-disabled-container-color:rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
}
html {
  --mat-filled-button-state-layer-color:black;
  --mat-filled-button-disabled-state-layer-color:black;
  --mat-filled-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity:0.04;
  --mat-filled-button-focus-state-layer-opacity:0.12;
  --mat-filled-button-pressed-state-layer-opacity:0.12;
}
html {
  --mdc-protected-button-container-color:white;
  --mdc-protected-button-label-text-color:black;
  --mdc-protected-button-disabled-container-color:rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
}
html {
  --mat-protected-button-state-layer-color:black;
  --mat-protected-button-disabled-state-layer-color:black;
  --mat-protected-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity:0.04;
  --mat-protected-button-focus-state-layer-opacity:0.12;
  --mat-protected-button-pressed-state-layer-opacity:0.12;
}
html {
  --mdc-outlined-button-disabled-outline-color:rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color:black;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
}
html {
  --mat-outlined-button-state-layer-color:black;
  --mat-outlined-button-disabled-state-layer-color:black;
  --mat-outlined-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity:0.04;
  --mat-outlined-button-focus-state-layer-opacity:0.12;
  --mat-outlined-button-pressed-state-layer-opacity:0.12;
}
.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color:#3f51b5;
}
.mat-mdc-button.mat-primary {
  --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-mdc-button.mat-accent {
  --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-mdc-button.mat-warn {
  --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-mdc-unelevated-button.mat-primary {
  --mat-filled-button-state-layer-color:white;
  --mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color:#ff4081;
  --mdc-filled-button-label-text-color:white;
}
.mat-mdc-unelevated-button.mat-accent {
  --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-mdc-unelevated-button.mat-warn {
  --mat-filled-button-state-layer-color:white;
  --mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color:#3f51b5;
  --mdc-protected-button-label-text-color:white;
}
.mat-mdc-raised-button.mat-primary {
  --mat-protected-button-state-layer-color:white;
  --mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color:#ff4081;
  --mdc-protected-button-label-text-color:white;
}
.mat-mdc-raised-button.mat-accent {
  --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-mdc-raised-button.mat-warn {
  --mat-protected-button-state-layer-color:white;
  --mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color:#3f51b5;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-primary {
  --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-mdc-outlined-button.mat-accent {
  --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-mdc-outlined-button.mat-warn {
  --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;
}
html {
  --mdc-filled-button-container-height:36px;
}
html {
  --mdc-protected-button-container-height:36px;
}
html {
  --mdc-outlined-button-container-height:36px;
}
html {
  --mat-text-button-touch-target-display:block;
}
html {
  --mat-filled-button-touch-target-display:block;
}
html {
  --mat-protected-button-touch-target-display:block;
}
html {
  --mat-outlined-button-touch-target-display:block;
}
html {
  --mdc-text-button-label-text-font:Roboto, sans-serif;
  --mdc-text-button-label-text-size:14px;
  --mdc-text-button-label-text-tracking:0.0892857143em;
  --mdc-text-button-label-text-weight:500;
  --mdc-text-button-label-text-transform:none;
}
html {
  --mdc-filled-button-label-text-font:Roboto, sans-serif;
  --mdc-filled-button-label-text-size:14px;
  --mdc-filled-button-label-text-tracking:0.0892857143em;
  --mdc-filled-button-label-text-weight:500;
  --mdc-filled-button-label-text-transform:none;
}
html {
  --mdc-protected-button-label-text-font:Roboto, sans-serif;
  --mdc-protected-button-label-text-size:14px;
  --mdc-protected-button-label-text-tracking:0.0892857143em;
  --mdc-protected-button-label-text-weight:500;
  --mdc-protected-button-label-text-transform:none;
}
html {
  --mdc-outlined-button-label-text-font:Roboto, sans-serif;
  --mdc-outlined-button-label-text-size:14px;
  --mdc-outlined-button-label-text-tracking:0.0892857143em;
  --mdc-outlined-button-label-text-weight:500;
  --mdc-outlined-button-label-text-transform:none;
}
html {
  --mdc-icon-button-icon-size:24px;
}
html {
  --mdc-icon-button-icon-color:inherit;
  --mdc-icon-button-disabled-icon-color:rgba(0, 0, 0, 0.38);
}
html {
  --mat-icon-button-state-layer-color:black;
  --mat-icon-button-disabled-state-layer-color:black;
  --mat-icon-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity:0.04;
  --mat-icon-button-focus-state-layer-opacity:0.12;
  --mat-icon-button-pressed-state-layer-opacity:0.12;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color:#3f51b5;
}
html .mat-mdc-icon-button.mat-primary {
  --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;
}
html .mat-mdc-icon-button.mat-accent {
  --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;
}
html .mat-mdc-icon-button.mat-warn {
  --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);
}
html {
  --mdc-fab-small-container-shape:50%;
  --mdc-fab-small-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-extended-fab-container-height:48px;
  --mdc-extended-fab-container-shape:24px;
  --mdc-extended-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-fab-container-color:white;
}
html {
  --mat-fab-foreground-color:black;
  --mat-fab-state-layer-color:black;
  --mat-fab-disabled-state-layer-color:black;
  --mat-fab-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity:0.04;
  --mat-fab-focus-state-layer-opacity:0.12;
  --mat-fab-pressed-state-layer-opacity:0.12;
  --mat-fab-disabled-state-container-color:rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color:rgba(0, 0, 0, 0.38);
}
html {
  --mdc-fab-small-container-color:white;
}
html {
  --mat-fab-small-foreground-color:black;
  --mat-fab-small-state-layer-color:black;
  --mat-fab-small-disabled-state-layer-color:black;
  --mat-fab-small-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity:0.04;
  --mat-fab-small-focus-state-layer-opacity:0.12;
  --mat-fab-small-pressed-state-layer-opacity:0.12;
  --mat-fab-small-disabled-state-container-color:rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color:rgba(0, 0, 0, 0.38);
}
html .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color:#3f51b5;
}
html .mat-mdc-fab.mat-primary {
  --mat-fab-foreground-color:white;
  --mat-fab-state-layer-color:white;
  --mat-fab-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color:#ff4081;
}
html .mat-mdc-fab.mat-accent {
  --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;
}
html .mat-mdc-fab.mat-warn {
  --mat-fab-foreground-color:white;
  --mat-fab-state-layer-color:white;
  --mat-fab-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color:#3f51b5;
}
html .mat-mdc-mini-fab.mat-primary {
  --mat-fab-small-foreground-color:white;
  --mat-fab-small-state-layer-color:white;
  --mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color:#ff4081;
}
html .mat-mdc-mini-fab.mat-accent {
  --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;
}
html .mat-mdc-mini-fab.mat-warn {
  --mat-fab-small-foreground-color:white;
  --mat-fab-small-state-layer-color:white;
  --mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1);
}
html {
  --mat-fab-touch-target-display:block;
}
html {
  --mat-fab-small-touch-target-display:block;
}
html {
  --mdc-extended-fab-label-text-font:Roboto, sans-serif;
  --mdc-extended-fab-label-text-size:14px;
  --mdc-extended-fab-label-text-tracking:0.0892857143em;
  --mdc-extended-fab-label-text-weight:500;
}
html {
  --mdc-snackbar-container-shape:4px;
}
html {
  --mdc-snackbar-container-color:#333333;
  --mdc-snackbar-supporting-text-color:rgba(255, 255, 255, 0.87);
}
html {
  --mat-snack-bar-button-color:#c5cae9;
}
html {
  --mdc-snackbar-supporting-text-font:Roboto, sans-serif;
  --mdc-snackbar-supporting-text-line-height:20px;
  --mdc-snackbar-supporting-text-size:14px;
  --mdc-snackbar-supporting-text-weight:400;
}
html {
  --mat-table-row-item-outline-width:1px;
}
html {
  --mat-table-background-color:white;
  --mat-table-header-headline-color:rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color:rgba(0, 0, 0, 0.12);
}
html {
  --mat-table-header-container-height:56px;
  --mat-table-footer-container-height:52px;
  --mat-table-row-item-container-height:52px;
}
html {
  --mat-table-header-headline-font:Roboto, sans-serif;
  --mat-table-header-headline-line-height:22px;
  --mat-table-header-headline-size:14px;
  --mat-table-header-headline-weight:500;
  --mat-table-header-headline-tracking:0.0071428571em;
  --mat-table-row-item-label-text-font:Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height:20px;
  --mat-table-row-item-label-text-size:14px;
  --mat-table-row-item-label-text-weight:400;
  --mat-table-row-item-label-text-tracking:0.0178571429em;
  --mat-table-footer-supporting-text-font:Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height:20px;
  --mat-table-footer-supporting-text-size:14px;
  --mat-table-footer-supporting-text-weight:400;
  --mat-table-footer-supporting-text-tracking:0.0178571429em;
}
html {
  --mdc-circular-progress-active-indicator-width:4px;
  --mdc-circular-progress-size:48px;
}
html {
  --mdc-circular-progress-active-indicator-color:#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-badge-text-font:Roboto, sans-serif;
  --mat-badge-line-height:22px;
  --mat-badge-text-size:12px;
  --mat-badge-text-weight:600;
  --mat-badge-small-size-text-size:9px;
  --mat-badge-small-size-line-height:16px;
  --mat-badge-large-size-text-size:24px;
  --mat-badge-large-size-line-height:28px;
}
html {
  --mat-bottom-sheet-container-shape:4px;
}
html {
  --mat-bottom-sheet-container-text-color:rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color:white;
}
html {
  --mat-bottom-sheet-container-text-font:Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height:20px;
  --mat-bottom-sheet-container-text-size:14px;
  --mat-bottom-sheet-container-text-tracking:0.0178571429em;
  --mat-bottom-sheet-container-text-weight:400;
}
html {
  --mat-legacy-button-toggle-height:36px;
  --mat-legacy-button-toggle-shape:2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity:1;
}
html {
  --mat-standard-button-toggle-shape:4px;
  --mat-standard-button-toggle-hover-state-layer-opacity:0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity:0.12;
}
html {
  --mat-legacy-button-toggle-text-color:rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color:rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color:#e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color:#eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color:#bdbdbd;
}
html {
  --mat-standard-button-toggle-text-color:rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color:white;
  --mat-standard-button-toggle-state-layer-color:black;
  --mat-standard-button-toggle-selected-state-background-color:#e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color:white;
  --mat-standard-button-toggle-disabled-selected-state-text-color:rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color:#bdbdbd;
  --mat-standard-button-toggle-divider-color:rgb(224.4, 224.4, 224.4);
}
html {
  --mat-standard-button-toggle-height:48px;
}
html {
  --mat-legacy-button-toggle-label-text-font:Roboto, sans-serif;
  --mat-legacy-button-toggle-label-text-line-height:24px;
  --mat-legacy-button-toggle-label-text-size:16px;
  --mat-legacy-button-toggle-label-text-tracking:0.03125em;
  --mat-legacy-button-toggle-label-text-weight:400;
}
html {
  --mat-standard-button-toggle-label-text-font:Roboto, sans-serif;
  --mat-standard-button-toggle-label-text-line-height:24px;
  --mat-standard-button-toggle-label-text-size:16px;
  --mat-standard-button-toggle-label-text-tracking:0.03125em;
  --mat-standard-button-toggle-label-text-weight:400;
}
html {
  --mat-datepicker-calendar-container-shape:4px;
  --mat-datepicker-calendar-container-touch-shape:4px;
  --mat-datepicker-calendar-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-datepicker-calendar-date-selected-state-text-color:white;
  --mat-datepicker-calendar-date-selected-state-background-color:#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:rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color:black;
  --mat-datepicker-calendar-period-button-icon-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color:rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color:rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color:rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color:transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color:rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color:rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color:white;
  --mat-datepicker-calendar-container-text-color:rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: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:rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color:white;
  --mat-datepicker-calendar-date-selected-state-background-color:#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:rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.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-datepicker-calendar-text-font:Roboto, sans-serif;
  --mat-datepicker-calendar-text-size:13px;
  --mat-datepicker-calendar-body-label-text-size:14px;
  --mat-datepicker-calendar-body-label-text-weight:500;
  --mat-datepicker-calendar-period-button-text-size:14px;
  --mat-datepicker-calendar-period-button-text-weight:500;
  --mat-datepicker-calendar-header-text-size:11px;
  --mat-datepicker-calendar-header-text-weight:400;
}
html {
  --mat-divider-width:1px;
}
html {
  --mat-divider-color:rgba(0, 0, 0, 0.12);
}
html {
  --mat-expansion-container-shape:4px;
  --mat-expansion-legacy-header-indicator-display:inline-block;
  --mat-expansion-header-indicator-display:none;
}
html {
  --mat-expansion-container-background-color:white;
  --mat-expansion-container-text-color:rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color:rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color:rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color:rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color:rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color:rgba(0, 0, 0, 0.54);
}
html {
  --mat-expansion-header-collapsed-state-height:48px;
  --mat-expansion-header-expanded-state-height:64px;
}
html {
  --mat-expansion-header-text-font:Roboto, sans-serif;
  --mat-expansion-header-text-size:14px;
  --mat-expansion-header-text-weight:500;
  --mat-expansion-header-text-line-height:inherit;
  --mat-expansion-header-text-tracking:inherit;
  --mat-expansion-container-text-font:Roboto, sans-serif;
  --mat-expansion-container-text-line-height:20px;
  --mat-expansion-container-text-size:14px;
  --mat-expansion-container-text-tracking:0.0178571429em;
  --mat-expansion-container-text-weight:400;
}
html {
  --mat-grid-list-tile-header-primary-text-size:14px;
  --mat-grid-list-tile-header-secondary-text-size:12px;
  --mat-grid-list-tile-footer-primary-text-size:14px;
  --mat-grid-list-tile-footer-secondary-text-size:12px;
}
html {
  --mat-icon-color:inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color:#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-stepper-container-text-font:Roboto, sans-serif;
  --mat-stepper-header-label-text-font:Roboto, sans-serif;
  --mat-stepper-header-label-text-size:14px;
  --mat-stepper-header-label-text-weight:400;
  --mat-stepper-header-error-state-label-text-size:16px;
  --mat-stepper-header-selected-state-label-text-size:16px;
  --mat-stepper-header-selected-state-label-text-weight:400;
}
html {
  --mat-sort-arrow-color:rgb(117.3, 117.3, 117.3);
}
html {
  --mat-toolbar-container-background-color:whitesmoke;
  --mat-toolbar-container-text-color:rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color:#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-toolbar-title-text-font:Roboto, sans-serif;
  --mat-toolbar-title-text-line-height:32px;
  --mat-toolbar-title-text-size:20px;
  --mat-toolbar-title-text-tracking:0.0125em;
  --mat-toolbar-title-text-weight:500;
}
html {
  --mat-tree-container-background-color:white;
  --mat-tree-node-text-color:rgba(0, 0, 0, 0.87);
}
html {
  --mat-tree-node-min-height:48px;
}
html {
  --mat-tree-node-text-font:Roboto, sans-serif;
  --mat-tree-node-text-size:14px;
  --mat-tree-node-text-weight:400;
}
html {
  --mat-timepicker-container-shape:4px;
  --mat-timepicker-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-timepicker-container-background-color:white;
}
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px/32px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 20px/32px Roboto, sans-serif;
  letter-spacing: .0125em;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px/28px Roboto, sans-serif;
  letter-spacing: .009375em;
  margin: 0 0 16px;
}
.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 16px/24px Roboto, sans-serif;
  letter-spacing: .03125em;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px*.83)/20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px*.67)/20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px/22px Roboto, sans-serif;
  letter-spacing: .0071428571em;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px/20px Roboto, sans-serif;
  letter-spacing: .0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px/20px Roboto, sans-serif;
  letter-spacing: .0333333333em;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px/96px Roboto, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px/60px Roboto, sans-serif;
  letter-spacing: -.0083333333em;
  margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px/50px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px/40px Roboto, sans-serif;
  letter-spacing: .0073529412em;
  margin: 0 0 64px;
}

/* node_modules/quill/dist/quill.core.css */
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family:
    Helvetica,
    Arial,
    sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: "\2022";
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: "\2611";
}
.ql-editor ul[data-checked=false] > li::before {
  content: "\2610";
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) ". ";
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) ". ";
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) ". ";
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) ". ";
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) ". ";
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) ". ";
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) ". ";
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) ". ";
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) ". ";
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) ". ";
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-editor .ql-font-monospace {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}

/* node_modules/quill/dist/quill.bubble.css */
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family:
    Helvetica,
    Arial,
    sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: "\2022";
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: "\2611";
}
.ql-editor ul[data-checked=false] > li::before {
  content: "\2610";
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) ". ";
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) ". ";
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) ". ";
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) ". ";
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) ". ";
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) ". ";
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) ". ";
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) ". ";
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) ". ";
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) ". ";
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-editor .ql-font-monospace {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-bubble.ql-toolbar:after,
.ql-bubble .ql-toolbar:after {
  clear: both;
  content: "";
  display: table;
}
.ql-bubble.ql-toolbar button,
.ql-bubble .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-bubble.ql-toolbar button svg,
.ql-bubble .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-bubble.ql-toolbar button:active:hover,
.ql-bubble .ql-toolbar button:active:hover {
  outline: none;
}
.ql-bubble.ql-toolbar input.ql-image[type=file],
.ql-bubble .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-bubble.ql-toolbar button:hover,
.ql-bubble .ql-toolbar button:hover,
.ql-bubble.ql-toolbar button:focus,
.ql-bubble .ql-toolbar button:focus,
.ql-bubble.ql-toolbar button.ql-active,
.ql-bubble .ql-toolbar button.ql-active,
.ql-bubble.ql-toolbar .ql-picker-label:hover,
.ql-bubble .ql-toolbar .ql-picker-label:hover,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active,
.ql-bubble.ql-toolbar .ql-picker-item:hover,
.ql-bubble .ql-toolbar .ql-picker-item:hover,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected {
  color: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-stroke,
.ql-bubble .ql-toolbar button:hover .ql-stroke,
.ql-bubble.ql-toolbar button:focus .ql-stroke,
.ql-bubble .ql-toolbar button:focus .ql-stroke,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble.ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble .ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #fff;
}
@media (pointer: coarse) {
  .ql-bubble.ql-toolbar button:hover:not(.ql-active),
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) {
    color: #ccc;
  }
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #ccc;
  }
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #ccc;
  }
}
.ql-bubble {
  box-sizing: border-box;
}
.ql-bubble * {
  box-sizing: border-box;
}
.ql-bubble .ql-hidden {
  display: none;
}
.ql-bubble .ql-out-bottom,
.ql-bubble .ql-out-top {
  visibility: hidden;
}
.ql-bubble .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-bubble .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-bubble .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-bubble .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-bubble .ql-formats:after {
  clear: both;
  content: "";
  display: table;
}
.ql-bubble .ql-stroke {
  fill: none;
  stroke: #ccc;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-bubble .ql-stroke-miter {
  fill: none;
  stroke: #ccc;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-bubble .ql-fill,
.ql-bubble .ql-stroke.ql-fill {
  fill: #ccc;
}
.ql-bubble .ql-empty {
  fill: none;
}
.ql-bubble .ql-even {
  fill-rule: evenodd;
}
.ql-bubble .ql-thin,
.ql-bubble .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-bubble .ql-transparent {
  opacity: 0.4;
}
.ql-bubble .ql-direction svg:last-child {
  display: none;
}
.ql-bubble .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-bubble .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-bubble .ql-editor h1 {
  font-size: 2em;
}
.ql-bubble .ql-editor h2 {
  font-size: 1.5em;
}
.ql-bubble .ql-editor h3 {
  font-size: 1.17em;
}
.ql-bubble .ql-editor h4 {
  font-size: 1em;
}
.ql-bubble .ql-editor h5 {
  font-size: 0.83em;
}
.ql-bubble .ql-editor h6 {
  font-size: 0.67em;
}
.ql-bubble .ql-editor a {
  text-decoration: underline;
}
.ql-bubble .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-bubble .ql-editor code,
.ql-bubble .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-bubble .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-bubble .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-bubble .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-bubble .ql-editor img {
  max-width: 100%;
}
.ql-bubble .ql-picker {
  color: #ccc;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-bubble .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-bubble .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-bubble .ql-picker-options {
  background-color: #444;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-bubble .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label {
  color: #777;
  z-index: 2;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-bubble .ql-color-picker,
.ql-bubble .ql-icon-picker {
  width: 28px;
}
.ql-bubble .ql-color-picker .ql-picker-label,
.ql-bubble .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-label svg,
.ql-bubble .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-bubble .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-bubble .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-bubble .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
  content: attr(data-label);
}
.ql-bubble .ql-picker.ql-header {
  width: 98px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item::before {
  content: "Normal";
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: "Heading 1";
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: "Heading 2";
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: "Heading 3";
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: "Heading 4";
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: "Heading 5";
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: "Heading 6";
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-bubble .ql-picker.ql-font {
  width: 108px;
}
.ql-bubble .ql-picker.ql-font .ql-picker-label::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item::before {
  content: "Sans Serif";
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: "Serif";
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: "Monospace";
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-bubble .ql-picker.ql-size {
  width: 98px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-label::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item::before {
  content: "Normal";
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: "Small";
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: "Large";
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: "Huge";
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-bubble .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-bubble .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-bubble .ql-toolbar .ql-formats {
  margin: 8px 12px 8px 0px;
}
.ql-bubble .ql-toolbar .ql-formats:first-child {
  margin-left: 12px;
}
.ql-bubble .ql-color-picker svg {
  margin: 1px;
}
.ql-bubble .ql-color-picker .ql-picker-item.ql-selected,
.ql-bubble .ql-color-picker .ql-picker-item:hover {
  border-color: #fff;
}
.ql-bubble .ql-tooltip {
  background-color: #444;
  border-radius: 25px;
  color: #fff;
}
.ql-bubble .ql-tooltip-arrow {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: " ";
  display: block;
  left: 50%;
  margin-left: -6px;
  position: absolute;
}
.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
  border-bottom: 6px solid #444;
  top: -6px;
}
.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
  border-top: 6px solid #444;
  bottom: -6px;
}
.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
  display: block;
}
.ql-bubble .ql-tooltip.ql-editing .ql-formats {
  visibility: hidden;
}
.ql-bubble .ql-tooltip-editor {
  display: none;
}
.ql-bubble .ql-tooltip-editor input[type=text] {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 13px;
  height: 100%;
  outline: none;
  padding: 10px 20px;
  position: absolute;
  width: 100%;
}
.ql-bubble .ql-tooltip-editor a {
  top: 10px;
  position: absolute;
  right: 20px;
}
.ql-bubble .ql-tooltip-editor a:before {
  color: #ccc;
  content: "\d7";
  font-size: 16px;
  font-weight: bold;
}
.ql-container.ql-bubble:not(.ql-disabled) a {
  position: relative;
  white-space: nowrap;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before {
  background-color: #444;
  border-radius: 15px;
  top: -5px;
  font-size: 12px;
  color: #fff;
  content: attr(href);
  font-weight: normal;
  overflow: hidden;
  padding: 5px 15px;
  text-decoration: none;
  z-index: 1;
}
.ql-container.ql-bubble:not(.ql-disabled) a::after {
  border-top: 6px solid #444;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: 0;
  content: " ";
  height: 0;
  width: 0;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before,
.ql-container.ql-bubble:not(.ql-disabled) a::after {
  left: 0;
  margin-left: 50%;
  position: absolute;
  transform: translate(-50%, -100%);
  transition: visibility 0s ease 200ms;
  visibility: hidden;
}
.ql-container.ql-bubble:not(.ql-disabled) a:hover::before,
.ql-container.ql-bubble:not(.ql-disabled) a:hover::after {
  visibility: visible;
}

/* node_modules/quill/dist/quill.snow.css */
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family:
    Helvetica,
    Arial,
    sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: "\2022";
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: "\2611";
}
.ql-editor ul[data-checked=false] > li::before {
  content: "\2610";
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) ". ";
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) ". ";
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) ". ";
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) ". ";
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) ". ";
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) ". ";
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) ". ";
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) ". ";
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) ". ";
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) ". ";
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-editor .ql-font-monospace {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: "Heading 1";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: "Heading 2";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: "Heading 3";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: "Heading 4";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: "Heading 5";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: "Heading 6";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: "Sans Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: "Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: "Monospace";
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: "Small";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: "Large";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: "Huge";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family:
    "Helvetica Neue",
    "Helvetica",
    "Arial",
    sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: "Edit";
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: "Remove";
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: "Save";
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}

/* node_modules/angular2-draggable/css/resizable.min.css */
.ng-resizable {
  position: relative;
}
.ng-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.ng-resizable-handle.ng-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  height: 100%;
  top: 0;
}
.ng-resizable-handle.ng-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  height: 100%;
  top: 0;
}
.ng-resizable-handle.ng-resizable-s {
  cursor: s-resize;
  height: 7px;
  bottom: -5px;
  width: 100%;
  left: 0;
}
.ng-resizable-handle.ng-resizable-n {
  cursor: n-resize;
  height: 7px;
  top: -5px;
  width: 100%;
  left: 0;
}
.ng-resizable-handle.ng-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ng-resizable-handle.ng-resizable-sw {
  cursor: sw-resize;
  width: 12px;
  height: 12px;
  left: 1px;
  bottom: 1px;
}
.ng-resizable-handle.ng-resizable-ne {
  cursor: ne-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  top: 1px;
}
.ng-resizable-handle.ng-resizable-nw {
  cursor: nw-resize;
  width: 12px;
  height: 12px;
  left: 1px;
  top: 1px;
}
.ng-resizable-diagonal {
  box-sizing: border-box;
  width: 0;
  height: 0;
  border-bottom: 12px solid #aaa;
  border-left: 12px solid transparent;
}

/* node_modules/animate.css/animate.min.css */
/*!
* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/
:root {
  --animate-duration:1s;
  --animate-delay:1s;
  --animate-repeat:1;
}
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
  -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
  animation-iteration-count: calc(var(--animate-repeat)*2);
}
.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
  -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
  animation-iteration-count: calc(var(--animate-repeat)*3);
}
.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-delay: calc(var(--animate-delay)*2);
  animation-delay: calc(var(--animate-delay)*2);
}
.animate__animated.animate__delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-delay: calc(var(--animate-delay)*3);
  animation-delay: calc(var(--animate-delay)*3);
}
.animate__animated.animate__delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-delay: calc(var(--animate-delay)*4);
  animation-delay: calc(var(--animate-delay)*4);
}
.animate__animated.animate__delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-delay: calc(var(--animate-delay)*5);
  animation-delay: calc(var(--animate-delay)*5);
}
.animate__animated.animate__faster {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-duration: calc(var(--animate-duration)/2);
  animation-duration: calc(var(--animate-duration)/2);
}
.animate__animated.animate__fast {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.8);
  animation-duration: calc(var(--animate-duration)*0.8);
}
.animate__animated.animate__slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration)*2);
  animation-duration: calc(var(--animate-duration)*2);
}
.animate__animated.animate__slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-duration: calc(var(--animate-duration)*3);
  animation-duration: calc(var(--animate-duration)*3);
}
@media (prefers-reduced-motion:reduce), print {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
  .animate__animated[class*=Out] {
    opacity: 0;
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0) scaleY(.95);
    transform: translateZ(0) scaleY(.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@keyframes bounce {
  0%, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0) scaleY(.95);
    transform: translateZ(0) scaleY(.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  0%, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  30% {
    -webkit-transform: scale3d(1.25, .75, 1);
    transform: scale3d(1.25, .75, 1);
  }
  40% {
    -webkit-transform: scale3d(.75, 1.25, 1);
    transform: scale3d(.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, .85, 1);
    transform: scale3d(1.15, .85, 1);
  }
  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  30% {
    -webkit-transform: scale3d(1.25, .75, 1);
    transform: scale3d(1.25, .75, 1);
  }
  40% {
    -webkit-transform: scale3d(.75, 1.25, 1);
    transform: scale3d(.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, .85, 1);
    transform: scale3d(1.15, .85, 1);
  }
  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shakeX {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shakeX {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX;
}
@-webkit-keyframes shakeY {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
@keyframes shakeY {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY;
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.animate__swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
    transform: scale3d(.9, .9, .9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
    transform: scale3d(.9, .9, .9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
    transform: skewX(-.78125deg) skewY(-.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(.390625deg) skewY(.390625deg);
    transform: skewX(.390625deg) skewY(.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
    transform: skewX(-.1953125deg) skewY(-.1953125deg);
  }
}
@keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
    transform: skewX(-.78125deg) skewY(-.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(.390625deg) skewY(.390625deg);
    transform: skewX(.390625deg) skewY(.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
    transform: skewX(-.1953125deg) skewY(-.1953125deg);
  }
}
.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-duration: calc(var(--animate-duration)*1.3);
  animation-duration: calc(var(--animate-duration)*1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(.7);
    transform: translateY(-1200px) scale(.7);
    opacity: .7;
  }
  80% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(.7);
    transform: translateY(-1200px) scale(.7);
    opacity: .7;
  }
  80% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown;
}
@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(.7);
    transform: translateX(-2000px) scale(.7);
    opacity: .7;
  }
  80% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(.7);
    transform: translateX(-2000px) scale(.7);
    opacity: .7;
  }
  80% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft;
}
@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(.7);
    transform: translateX(2000px) scale(.7);
    opacity: .7;
  }
  80% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(.7);
    transform: translateX(2000px) scale(.7);
    opacity: .7;
  }
  80% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight;
}
@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(.7);
    transform: translateY(1200px) scale(.7);
    opacity: .7;
  }
  80% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(.7);
    transform: translateY(1200px) scale(.7);
    opacity: .7;
  }
  80% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp;
}
@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: translateY(700px) scale(.7);
    transform: translateY(700px) scale(.7);
    opacity: .7;
  }
}
@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: translateY(700px) scale(.7);
    transform: translateY(700px) scale(.7);
    opacity: .7;
  }
}
.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown;
}
@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: translateX(-2000px) scale(.7);
    transform: translateX(-2000px) scale(.7);
    opacity: .7;
  }
}
@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: translateX(-2000px) scale(.7);
    transform: translateX(-2000px) scale(.7);
    opacity: .7;
  }
}
.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft;
}
@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: translateX(2000px) scale(.7);
    transform: translateX(2000px) scale(.7);
    opacity: .7;
  }
}
@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: translateX(2000px) scale(.7);
    transform: translateX(2000px) scale(.7);
    opacity: .7;
  }
}
.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight;
}
@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: translateY(-700px) scale(.7);
    transform: translateY(-700px) scale(.7);
    opacity: .7;
  }
}
@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: translateY(-700px) scale(.7);
    transform: translateY(-700px) scale(.7);
    opacity: .7;
  }
}
.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp;
}
@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.animate__bounceIn {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
    transform: translate3d(0, 25px, 0) scaleY(.9);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
    transform: translate3d(0, -10px, 0) scaleY(.95);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
    transform: translate3d(0, 5px, 0) scaleY(.985);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
    transform: translate3d(0, 25px, 0) scaleY(.9);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
    transform: translate3d(0, -10px, 0) scaleY(.95);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
    transform: translate3d(0, 5px, 0) scaleY(.985);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
    transform: translate3d(-10px, 0, 0) scaleX(.98);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
    transform: translate3d(5px, 0, 0) scaleX(.995);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
    transform: translate3d(-10px, 0, 0) scaleX(.98);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
    transform: translate3d(5px, 0, 0) scaleX(.995);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
    transform: translate3d(10px, 0, 0) scaleX(.98);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
    transform: translate3d(-5px, 0, 0) scaleX(.995);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
    transform: translate3d(10px, 0, 0) scaleX(.98);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
    transform: translate3d(-5px, 0, 0) scaleX(.995);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
    transform: translate3d(0, -20px, 0) scaleY(.9);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
    transform: translate3d(0, 10px, 0) scaleY(.95);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
    transform: translate3d(0, -5px, 0) scaleY(.985);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
    transform: translate3d(0, -20px, 0) scaleY(.9);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
    transform: translate3d(0, 10px, 0) scaleY(.95);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
    transform: translate3d(0, -5px, 0) scaleY(.985);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}
.animate__bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
    transform: translate3d(0, 10px, 0) scaleY(.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
    transform: translate3d(0, -20px, 0) scaleY(.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
    transform: translate3d(0, 10px, 0) scaleY(.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
    transform: translate3d(0, -20px, 0) scaleY(.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
    transform: translate3d(20px, 0, 0) scaleX(.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
    transform: translate3d(20px, 0, 0) scaleX(.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
    transform: translate3d(-20px, 0, 0) scaleX(.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
    transform: translate3d(-20px, 0, 0) scaleX(.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
    transform: translate3d(0, -10px, 0) scaleY(.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
    transform: translate3d(0, 20px, 0) scaleY(.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
    transform: translate3d(0, -10px, 0) scaleY(.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
    transform: translate3d(0, 20px, 0) scaleY(.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft;
}
@-webkit-keyframes fadeInTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight;
}
@-webkit-keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft;
}
@-webkit-keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
@keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft;
}
@-webkit-keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
@keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight;
}
@-webkit-keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
@keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight;
}
@-webkit-keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
@keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes lightSpeedInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes lightSpeedInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOutRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes lightSpeedOutLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateOut {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animate__hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration)*2);
  animation-duration: calc(var(--animate-duration)*2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
@-webkit-keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) rotate(30deg);
    transform: scale(.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) rotate(30deg);
    transform: scale(.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}
.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/* node_modules/@nebular/theme/styles/prebuilt/default.css */
/*!
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
.visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
.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;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  opacity: 0;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media (forced-colors: active) {
  .cdk-overlay-backdrop-showing {
    opacity: .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,
.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
.nb-global-scrollblock {
  position: static;
  width: auto;
  overflow: hidden;
}
/*!
* @license
* Copyright Akveo. All Rights Reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*/
/*!
* @license
* Copyright Akveo. All Rights Reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*/
html {
  box-sizing: border-box;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
html,
body {
  margin: 0;
  padding: 0;
}
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
h1 {
  font-size: 2em;
  margin: .67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: rgba(0, 0, 0, 0);
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: .35em .75em .625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
.nb-theme-default nb-layout .scrollable-container::-webkit-scrollbar {
  width: .3125rem;
  height: .3125rem;
}
.nb-theme-default nb-layout .scrollable-container::-webkit-scrollbar-thumb {
  background: #e4e9f2;
  cursor: pointer;
  border-radius: calc(0.3125rem*.5);
}
.nb-theme-default nb-layout .scrollable-container::-webkit-scrollbar-track {
  background: #f7f9fc;
}
.nb-theme-default nb-layout .scrollable-container::-webkit-scrollbar-corner {
  background: #f7f9fc;
}
.nb-theme-default nb-layout .scrollable-container {
  scrollbar-face-color: #e4e9f2;
  scrollbar-track-color: #f7f9fc;
}
.nb-theme-default nb-layout.with-scroll .scrollable-container {
  overflow: auto;
  height: 100vh;
  display: block;
}
@media (max-width: 767.98px) {
  .nb-theme-default nb-layout.with-scroll .scrollable-container {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
.nb-theme-default .layout {
  min-width: 300px;
}
.nb-theme-default nb-layout.window-mode {
  background: #edf1f7;
  display: block;
}
.nb-theme-default nb-layout.window-mode .scrollable-container {
  max-width: 1920px;
  margin: 0 auto;
}
.nb-theme-default nb-layout.window-mode .layout nb-layout-header {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.nb-theme-default nb-layout.window-mode .layout nb-layout-header nav {
  max-width: 1920px;
  margin: 0 auto;
}
@media screen and (min-width: 1940px) {
  .nb-theme-default nb-layout.window-mode {
    padding-top: calc(4.75rem*.25);
  }
  .nb-theme-default nb-layout.window-mode nb-layout-header.fixed {
    top: calc(4.75rem*.25);
  }
  .nb-theme-default nb-layout.window-mode nb-layout-header.fixed ~ .layout-container nb-sidebar .main-container-fixed {
    height: calc(100vh - calc(4.75rem * 0.25) - 4.75rem);
    top: calc(calc(4.75rem * 0.25) + 4.75rem);
  }
  .nb-theme-default nb-layout.window-mode nb-sidebar.fixed {
    left: calc((100vw - 1920px)/2);
  }
  .nb-theme-default nb-layout.window-mode .layout .layout-container nb-sidebar.fixed.right {
    right: calc((100vw - 1920px)/2);
  }
  .nb-theme-default nb-layout.window-mode .layout .layout-container nb-sidebar.fixed {
    top: calc(4.75rem + calc(4.75rem * 0.25));
  }
  .nb-theme-default nb-layout.window-mode .scrollable-container {
    height: calc(100vh - calc(4.75rem * 0.25));
    box-shadow: 0 .5rem 1rem 0 rgba(44, 51, 73, .1);
  }
  .nb-theme-default nb-layout.window-mode nb-layout.with-scroll .scrollable-container {
    height: calc(100vh - calc(4.75rem * 0.25));
  }
}
@media screen and (min-width: 2070px) {
  .nb-theme-default nb-layout.window-mode {
    padding-top: calc(4.75rem*.5);
  }
  .nb-theme-default nb-layout.window-mode nb-layout-header.fixed {
    top: calc(4.75rem*.5);
  }
  .nb-theme-default nb-layout.window-mode nb-layout-header.fixed ~ .layout-container nb-sidebar .main-container-fixed {
    height: calc(100vh - calc(4.75rem * 0.5) - 4.75rem);
    top: calc(calc(4.75rem * 0.5) + 4.75rem);
  }
  .nb-theme-default nb-layout.window-mode nb-sidebar.fixed {
    left: calc((100vw - 1920px)/2);
  }
  .nb-theme-default nb-layout.window-mode .layout .layout-container nb-sidebar.fixed.right {
    right: calc((100vw - 1920px)/2);
  }
  .nb-theme-default nb-layout.window-mode .layout .layout-container nb-sidebar.fixed {
    top: calc(4.75rem + calc(4.75rem * 0.5));
  }
  .nb-theme-default nb-layout.window-mode .scrollable-container {
    height: calc(100vh - calc(4.75rem * 0.5));
    box-shadow: 0 .5rem 1rem 0 rgba(44, 51, 73, .1);
  }
  .nb-theme-default nb-layout.window-mode nb-layout.with-scroll .scrollable-container {
    height: calc(100vh - calc(4.75rem * 0.5));
  }
}
@media screen and (min-width: 2220px) {
  .nb-theme-default nb-layout.window-mode {
    padding-top: 4.75rem;
  }
  .nb-theme-default nb-layout.window-mode nb-layout-header.fixed {
    top: 4.75rem;
  }
  .nb-theme-default nb-layout.window-mode nb-layout-header.fixed ~ .layout-container nb-sidebar .main-container-fixed {
    height: calc(100vh - 4.75rem - 4.75rem);
    top: calc(4.75rem + 4.75rem);
  }
  .nb-theme-default nb-layout.window-mode nb-sidebar.fixed {
    left: calc((100vw - 1920px)/2);
  }
  .nb-theme-default nb-layout.window-mode .layout .layout-container nb-sidebar.fixed.right {
    right: calc((100vw - 1920px)/2);
  }
  .nb-theme-default nb-layout.window-mode .layout .layout-container nb-sidebar.fixed {
    top: calc(4.75rem + 4.75rem);
  }
  .nb-theme-default nb-layout.window-mode .scrollable-container {
    height: calc(100vh - 4.75rem);
    box-shadow: 0 .5rem 1rem 0 rgba(44, 51, 73, .1);
  }
  .nb-theme-default nb-layout.window-mode nb-layout.with-scroll .scrollable-container {
    height: calc(100vh - 4.75rem);
  }
}
.nb-theme-default nb-layout .layout {
  background-color: #edf1f7;
  color: #222b45;
  font-family: Open Sans, sans-serif;
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.25rem;
  min-height: 100vh;
}
.nb-theme-default nb-layout .layout .layout-container nb-sidebar.fixed,
.nb-theme-default nb-layout .layout .layout-container nb-sidebar .main-container-fixed {
  top: 4.75rem;
}
.nb-theme-default nb-layout .layout .layout-container .content nb-layout-footer {
  box-shadow: 0 .5rem 1rem 0 rgba(44, 51, 73, .1);
}
.nb-theme-default nb-layout .layout .layout-container .content nb-layout-footer nav {
  background-color: #fff;
  border-top: 1px solid #edf1f7;
  color: #222b45;
  font-family: Open Sans, sans-serif;
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.25rem;
  padding: 1.25rem;
}
.nb-theme-default nb-layout .layout .layout-container .content nb-layout-footer nav a {
  color: #598bff;
}
.nb-theme-default nb-layout .layout .layout-container .content nb-layout-footer nav a:focus,
.nb-theme-default nb-layout .layout .layout-container .content nb-layout-footer nav a:active,
.nb-theme-default nb-layout .layout .layout-container .content nb-layout-footer nav a:hover {
  color: #598bff;
}
.nb-theme-default nb-layout .layout .layout-container .content.center {
  width: 900px;
  flex: 0 100 900px !important;
}
.nb-theme-default nb-layout .layout .layout-container .content .columns nb-layout-column {
  padding: 2.25rem 2.25rem .75rem;
}
@media (max-width: 991.98px) {
  .nb-theme-default nb-layout .layout .layout-container .content .columns nb-layout-column {
    padding: 1.5rem 1.5rem .5rem;
  }
}
@media (max-width: 767.98px) {
  .nb-theme-default nb-layout .layout .layout-container .content .columns nb-layout-column {
    padding: 1rem 1rem 0;
  }
}
.nb-theme-default nb-layout-header {
  background-color: #fff;
  color: #222b45;
  font-family: Open Sans, sans-serif;
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.nb-theme-default nb-layout-header nav {
  color: #222b45;
  box-shadow: 0 .5rem 1rem 0 rgba(44, 51, 73, .1);
  height: 4.75rem;
  padding: 1.25rem;
}
.nb-theme-default nb-layout-header nav a {
  color: #222b45;
}
.nb-theme-default nb-layout-header nav a:focus,
.nb-theme-default nb-layout-header nav a:active,
.nb-theme-default nb-layout-header nav a:hover {
  color: #222b45;
}
.nb-theme-default nb-layout-header ~ .layout-container {
  min-height: calc(100vh - 4.75rem);
}
.nb-theme-default nb-layout-header.fixed ~ .layout-container {
  padding-top: 4.75rem;
  min-height: 100vh;
}
.nb-theme-default nb-layout-header.fixed ~ .layout-container nb-sidebar .main-container {
  height: calc(100vh - 4.75rem);
}
.nb-theme-default nb-layout.with-subheader nb-sidebar .main-container {
  box-shadow: none;
}
.nb-theme-default nb-sidebar {
  background-color: #fff;
  box-shadow: 0 .5rem 1rem 0 rgba(44, 51, 73, .1);
  color: #222b45;
  font-family: Open Sans, sans-serif;
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.25rem;
  width: 16rem;
}
.nb-theme-default nb-sidebar .main-container {
  height: 100vh;
  width: 16rem;
}
.nb-theme-default nb-sidebar .scrollable {
  padding: 1.25rem;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
}
@media (max-width: 767.98px) {
  .nb-theme-default nb-sidebar .scrollable {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
.nb-theme-default nb-sidebar .scrollable::-webkit-scrollbar {
  width: .3125rem;
  height: .3125rem;
}
.nb-theme-default nb-sidebar .scrollable::-webkit-scrollbar-thumb {
  background: #e4e9f2;
  cursor: pointer;
  border-radius: calc(0.3125rem*.5);
}
.nb-theme-default nb-sidebar .scrollable::-webkit-scrollbar-track {
  background: #f7f9fc;
}
.nb-theme-default nb-sidebar .scrollable::-webkit-scrollbar-corner {
  background: #f7f9fc;
}
.nb-theme-default nb-sidebar .scrollable {
  scrollbar-face-color: #e4e9f2;
  scrollbar-track-color: #f7f9fc;
}
.nb-theme-default nb-sidebar.collapsed {
  width: 0;
  padding: 0;
}
.nb-theme-default nb-sidebar.collapsed .main-container {
  width: 0;
  padding: 0;
}
.nb-theme-default nb-sidebar.collapsed .scrollable {
  width: 0;
  padding: 0;
  overflow: hidden;
}
.nb-theme-default nb-sidebar.collapsed nb-sidebar-header,
.nb-theme-default nb-sidebar.collapsed nb-sidebar-footer {
  width: 0;
  padding: 0;
  overflow: hidden;
}
.nb-theme-default nb-sidebar.compacted {
  width: 3.5rem;
}
.nb-theme-default nb-sidebar.compacted .main-container {
  width: 3.5rem;
}
.nb-theme-default nb-sidebar.compacted nb-menu {
  width: 3.5rem;
}
.nb-theme-default nb-sidebar.compacted nb-menu .menu-item a.active {
  position: relative;
}
.nb-theme-default nb-sidebar.compacted nb-menu .menu-item a.active::before {
  position: absolute;
  content: "";
  top: 0;
  height: 100%;
  width: 4px;
  background: #36f;
}
[dir=ltr] .nb-theme-default nb-sidebar.compacted nb-menu .menu-item a.active::before {
  left: 0;
}
[dir=rtl] .nb-theme-default nb-sidebar.compacted nb-menu .menu-item a.active::before {
  right: 0;
}
.nb-theme-default nb-sidebar.compacted nb-menu > .menu-items > .menu-item > a span,
.nb-theme-default nb-sidebar.compacted nb-menu > .menu-items > .menu-item > a nb-badge,
.nb-theme-default nb-sidebar.compacted nb-menu > .menu-items > .menu-item > a .expand-state {
  display: none;
}
.nb-theme-default nb-sidebar.compacted nb-menu .menu-items > .menu-item {
  transition: border-color 1s ease;
}
.nb-theme-default nb-sidebar.compacted nb-menu .menu-items > .menu-item.menu-group {
  display: block;
  color: rgba(0, 0, 0, 0);
  width: 0;
  padding: 0;
  overflow: hidden;
}
.nb-theme-default nb-sidebar.compacted nb-menu .menu-items > .menu-item i {
  margin-right: 0;
}
.nb-theme-default nb-sidebar.compacted nb-menu .menu-items > .menu-item a {
  justify-content: center;
}
.nb-theme-default nb-sidebar.compacted nb-menu .menu-items > .menu-item > .expanded {
  display: none;
}
.nb-theme-default nb-sidebar.compacted.left.fixed ~ .content {
  margin-left: 3.5rem;
}
.nb-theme-default nb-sidebar.compacted.fixed.right ~ .content {
  margin-left: 0;
  margin-right: 3.5rem;
}
.nb-theme-default nb-sidebar.compacted.left.fixed ~ .content.center {
  padding-left: 3.5rem;
}
.nb-theme-default nb-sidebar.compacted.fixed.right ~ .content.center {
  padding-left: 0;
  padding-right: 3.5rem;
}
[dir=ltr] .nb-theme-default nb-sidebar.compacted.start.fixed ~ .content {
  margin-left: 3.5rem;
}
[dir=rtl] .nb-theme-default nb-sidebar.compacted.start.fixed ~ .content {
  margin-right: 3.5rem;
}
[dir=ltr] .nb-theme-default nb-sidebar.compacted.fixed.end ~ .content {
  margin-right: 3.5rem;
}
[dir=rtl] .nb-theme-default nb-sidebar.compacted.fixed.end ~ .content {
  margin-left: 3.5rem;
}
[dir=ltr] .nb-theme-default nb-sidebar.compacted.start.fixed ~ .content.center {
  padding-left: 3.5rem;
}
[dir=rtl] .nb-theme-default nb-sidebar.compacted.start.fixed ~ .content.center {
  padding-right: 3.5rem;
}
[dir=ltr] .nb-theme-default nb-sidebar.compacted.fixed.end ~ .content.center {
  padding-right: 3.5rem;
}
[dir=rtl] .nb-theme-default nb-sidebar.compacted.fixed.end ~ .content.center {
  padding-left: 3.5rem;
}
.nb-theme-default nb-sidebar.fixed.left.collapsed + .content,
.nb-theme-default nb-sidebar.fixed.start.collapsed + .content {
  margin-left: 0;
}
.nb-theme-default nb-sidebar.fixed.right.collapsed + .content,
.nb-theme-default nb-sidebar.fixed.end.collapsed + .content {
  margin-right: 0;
}
.nb-theme-default nb-sidebar.expanded {
  width: 16rem;
}
.nb-theme-default nb-sidebar.expanded > .scrollable {
  width: 16rem;
}
.nb-theme-default nb-sidebar nb-sidebar-header {
  padding: 1.25rem;
  height: 3.5rem;
}
.nb-theme-default nb-sidebar nb-sidebar-footer {
  padding: 1.25rem;
  height: 3.5rem;
}
.nb-theme-default nb-sidebar nb-menu {
  margin: 0 calc(1.25rem*-1) calc(1.25rem*-1);
}
.nb-theme-default nb-calendar-view-mode [nbButton].appearance-ghost.status-basic,
.nb-theme-default nb-calendar-view-mode .appearance-ghost.status-basic[nbButtonToggle],
.nb-theme-default nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:hover,
.nb-theme-default nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:focus,
.nb-theme-default nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:active,
.nb-theme-default nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic,
.nb-theme-default nb-calendar-pageable-navigation .appearance-ghost.status-basic[nbButtonToggle],
.nb-theme-default nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:hover,
.nb-theme-default nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:focus,
.nb-theme-default nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:active {
  color: #222b45;
  font-family: Open Sans, sans-serif;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1rem;
}
.nb-theme-default nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:focus,
.nb-theme-default nb-calendar-view-mode .appearance-ghost.status-basic[nbButtonToggle]:focus,
.nb-theme-default nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:focus:not(:hover):not(:active),
.nb-theme-default nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:focus,
.nb-theme-default nb-calendar-pageable-navigation .appearance-ghost.status-basic[nbButtonToggle]:focus,
.nb-theme-default nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:focus:not(:hover):not(:active) {
  box-shadow: none;
}
[dir=ltr] .nb-theme-default nb-calendar-pageable-navigation {
  margin-left: auto;
}
[dir=rtl] .nb-theme-default nb-calendar-pageable-navigation {
  margin-right: auto;
}
.nb-theme-default nb-calendar-picker {
  display: block;
  padding-top: .25rem;
  padding-bottom: .625rem;
}
[dir=ltr] .nb-theme-default nb-calendar-picker {
  padding-right: .625rem;
  padding-left: .625rem;
}
[dir=rtl] .nb-theme-default nb-calendar-picker {
  padding-right: .625rem;
  padding-left: .625rem;
}
.nb-theme-default nb-calendar-days-names {
  background: rgba(0, 0, 0, 0);
  border-top: 1px solid #edf1f7;
  border-bottom: 1px solid #edf1f7;
}
[dir=ltr] .nb-theme-default nb-calendar-days-names {
  padding-left: .625rem;
  padding-right: .625rem;
}
[dir=rtl] .nb-theme-default nb-calendar-days-names {
  padding-left: .625rem;
  padding-right: .625rem;
}
.nb-theme-default nb-calendar-days-names .day {
  width: 2.75rem;
  height: 2.75rem;
  color: #8f9bb3;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.nb-theme-default nb-calendar-days-names .day.holiday {
  color: #8f9bb3;
}
.nb-theme-default nb-calendar-days-names.size-large .day {
  width: 3rem;
  height: 3rem;
}
.nb-theme-default nb-calendar-week-numbers {
  background: rgba(0, 0, 0, 0);
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: #8f9bb3;
  padding-bottom: .625rem;
}
.nb-theme-default nb-calendar-week-numbers .sign-container {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #edf1f7;
  border-bottom: 1px solid #edf1f7;
  margin-bottom: .25rem;
}
.nb-theme-default nb-calendar-week-numbers .sign,
.nb-theme-default nb-calendar-week-numbers .week-number {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.75rem;
  width: 2.75rem;
}
.nb-theme-default nb-calendar-week-numbers.size-large .sign,
.nb-theme-default nb-calendar-week-numbers.size-large .week-number {
  height: 3rem;
  width: 3rem;
}
[dir=ltr] .nb-theme-default nb-calendar-day-picker nb-calendar-week-numbers {
  border-right: 1px solid #edf1f7;
}
[dir=rtl] .nb-theme-default nb-calendar-day-picker nb-calendar-week-numbers {
  border-left: 1px solid #edf1f7;
}
.nb-theme-default nb-calendar-picker .day-cell {
  width: 2.75rem;
  height: 2.75rem;
}
.nb-theme-default nb-calendar-picker .day-cell.size-large {
  width: 3rem;
  height: 3rem;
}
.nb-theme-default nb-calendar-picker .month-cell {
  width: 4.8125rem;
  height: 2.75rem;
}
.nb-theme-default nb-calendar-picker .month-cell.size-large {
  width: 5.25rem;
  height: 3rem;
}
.nb-theme-default nb-calendar-picker .year-cell {
  width: 4.8125rem;
  height: 2.75rem;
}
.nb-theme-default nb-calendar-picker .year-cell.size-large {
  width: 5.25rem;
  height: 3rem;
}
.nb-theme-default nb-calendar-picker .cell-content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  border-radius: .25rem;
}
.nb-theme-default nb-calendar-picker .day-cell,
.nb-theme-default nb-calendar-picker .month-cell,
.nb-theme-default nb-calendar-picker .year-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Open Sans, sans-serif;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: #222b45;
  text-transform: uppercase;
  cursor: pointer;
}
.nb-theme-default nb-calendar-picker .day-cell,
.nb-theme-default nb-calendar-picker .day-cell .cell-content,
.nb-theme-default nb-calendar-picker .month-cell,
.nb-theme-default nb-calendar-picker .month-cell .cell-content,
.nb-theme-default nb-calendar-picker .year-cell,
.nb-theme-default nb-calendar-picker .year-cell .cell-content {
  transition-duration: .15s;
  transition-property:
    background-color,
    border-color,
    color;
  transition-timing-function: ease-in;
}
.nb-theme-default nb-calendar-picker .day-cell.empty,
.nb-theme-default nb-calendar-picker .day-cell.disabled,
.nb-theme-default nb-calendar-picker .month-cell.empty,
.nb-theme-default nb-calendar-picker .month-cell.disabled,
.nb-theme-default nb-calendar-picker .year-cell.empty,
.nb-theme-default nb-calendar-picker .year-cell.disabled {
  cursor: default;
}
.nb-theme-default nb-calendar-picker .day-cell.bounding-month,
.nb-theme-default nb-calendar-picker .month-cell.bounding-month,
.nb-theme-default nb-calendar-picker .year-cell.bounding-month {
  color: #8f9bb3;
}
.nb-theme-default nb-calendar-picker .day-cell:not(.disabled):not(.empty):hover .cell-content,
.nb-theme-default nb-calendar-picker .month-cell:not(.disabled):not(.empty):hover .cell-content,
.nb-theme-default nb-calendar-picker .year-cell:not(.disabled):not(.empty):hover .cell-content {
  background-color: #f7f9fc;
  border-color: #f7f9fc;
  color: #222b45;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.nb-theme-default nb-calendar-picker .day-cell:not(.disabled):not(.empty):active .cell-content,
.nb-theme-default nb-calendar-picker .month-cell:not(.disabled):not(.empty):active .cell-content,
.nb-theme-default nb-calendar-picker .year-cell:not(.disabled):not(.empty):active .cell-content {
  background-color: #274bdb;
  border-color: #274bdb;
  color: #fff;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.nb-theme-default nb-calendar-picker .day-cell:not(.disabled):not(.empty).today .cell-content,
.nb-theme-default nb-calendar-picker .month-cell:not(.disabled):not(.empty).today .cell-content,
.nb-theme-default nb-calendar-picker .year-cell:not(.disabled):not(.empty).today .cell-content {
  background-color: rgba(51, 102, 255, .08);
  border: 1px solid #36f;
  color: #222b45;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.nb-theme-default nb-calendar-picker .day-cell:not(.disabled):not(.empty).today .cell-content:hover,
.nb-theme-default nb-calendar-picker .month-cell:not(.disabled):not(.empty).today .cell-content:hover,
.nb-theme-default nb-calendar-picker .year-cell:not(.disabled):not(.empty).today .cell-content:hover {
  background-color: rgba(51, 102, 255, .16);
  border-color: #36f;
}
.nb-theme-default nb-calendar-picker .day-cell:not(.disabled):not(.empty).today .cell-content:active,
.nb-theme-default nb-calendar-picker .month-cell:not(.disabled):not(.empty).today .cell-content:active,
.nb-theme-default nb-calendar-picker .year-cell:not(.disabled):not(.empty).today .cell-content:active {
  background-color: rgba(51, 102, 255, .24);
  border-color: #36f;
}
.nb-theme-default nb-calendar-picker .day-cell:not(.disabled):not(.empty).selected .cell-content,
.nb-theme-default nb-calendar-picker .month-cell:not(.disabled):not(.empty).selected .cell-content,
.nb-theme-default nb-calendar-picker .year-cell:not(.disabled):not(.empty).selected .cell-content {
  background-color: #36f;
  border-color: #36f;
  color: #fff;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.nb-theme-default nb-calendar-picker .day-cell:not(.disabled):not(.empty).selected .cell-content:hover,
.nb-theme-default nb-calendar-picker .month-cell:not(.disabled):not(.empty).selected .cell-content:hover,
.nb-theme-default nb-calendar-picker .year-cell:not(.disabled):not(.empty).selected .cell-content:hover {
  background-color: #598bff;
  border-color: #598bff;
}
.nb-theme-default nb-calendar-picker .day-cell:not(.disabled):not(.empty).selected .cell-content:active,
.nb-theme-default nb-calendar-picker .month-cell:not(.disabled):not(.empty).selected .cell-content:active,
.nb-theme-default nb-calendar-picker .year-cell:not(.disabled):not(.empty).selected .cell-content:active {
  background-color: #274bdb;
  border-color: #274bdb;
}
.nb-theme-default nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected,
.nb-theme-default nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected,
.nb-theme-default nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected {
  background-color: #36f;
  border-radius: .25rem;
}
.nb-theme-default nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected .cell-content,
.nb-theme-default nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected .cell-content,
.nb-theme-default nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected .cell-content {
  background-color: hsla(0, 0%, 100%, .08);
  border-color: rgba(0, 0, 0, 0);
  color: #fff;
}
.nb-theme-default nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected .cell-content:hover,
.nb-theme-default nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected .cell-content:hover,
.nb-theme-default nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected .cell-content:hover {
  background-color: hsla(0, 0%, 100%, .16);
  border-color: rgba(0, 0, 0, 0);
}
.nb-theme-default nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected .cell-content:focus,
.nb-theme-default nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected .cell-content:focus,
.nb-theme-default nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected .cell-content:focus {
  background-color: hsla(0, 0%, 100%, .24);
  border-color: rgba(0, 0, 0, 0);
}
.nb-theme-default nb-calendar-picker .day-cell.disabled,
.nb-theme-default nb-calendar-picker .month-cell.disabled,
.nb-theme-default nb-calendar-picker .year-cell.disabled {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-calendar-picker .day-cell.disabled.today .cell-content,
.nb-theme-default nb-calendar-picker .month-cell.disabled.today .cell-content,
.nb-theme-default nb-calendar-picker .year-cell.disabled.today .cell-content {
  border: 1px solid #e4e9f2;
}
.nb-theme-default nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty) {
  background-color: #36f;
  border-radius: 0;
}
[dir=ltr] .nb-theme-default nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).start {
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem;
}
[dir=rtl] .nb-theme-default nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).start {
  border-top-right-radius: .25rem;
  border-bottom-right-radius: .25rem;
}
[dir=ltr] .nb-theme-default nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).end {
  border-top-right-radius: .25rem;
  border-bottom-right-radius: .25rem;
}
[dir=rtl] .nb-theme-default nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).end {
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem;
}
.nb-theme-default nb-base-calendar nb-card {
  background-color: #fff;
  border: .0625rem solid #e4e9f2;
  box-shadow: none;
  margin: 0;
  width: 20.625rem;
  overflow: hidden;
}
.nb-theme-default nb-base-calendar nb-card-body {
  padding: 0;
}
.nb-theme-default nb-base-calendar .calendar-navigation {
  border: none;
  display: flex;
  padding: .625rem .25rem;
  color: #222b45;
  font-family: Open Sans, sans-serif;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1rem;
}
.nb-theme-default nb-base-calendar:not(.has-navigation) nb-calendar-week-numbers .sign-container,
.nb-theme-default nb-base-calendar:not(.has-navigation) nb-calendar-days-names {
  border-top: 0;
}
.nb-theme-default nb-base-calendar.has-week-number nb-card {
  width: calc(20.625rem + 2.75rem + 1px);
}
.nb-theme-default nb-base-calendar.has-week-number .month-cell,
.nb-theme-default nb-base-calendar.has-week-number .year-cell {
  flex: 1 0 auto;
}
.nb-theme-default nb-base-calendar.size-large nb-card {
  width: 22.375rem;
}
.nb-theme-default nb-base-calendar.size-large.has-week-number nb-card {
  width: calc(22.375rem + 3rem + 1px);
}
.nb-theme-default nb-card {
  background-color: #fff;
  border: .0625rem solid #e4e9f2;
  border-radius: .25rem;
  box-shadow: none;
  color: #222b45;
  font-family: Open Sans, sans-serif;
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.25rem;
  margin-bottom: 1.875rem;
}
.nb-theme-default nb-card::-webkit-scrollbar {
  width: .3125rem;
  height: .3125rem;
}
.nb-theme-default nb-card::-webkit-scrollbar-thumb {
  background: #e4e9f2;
  cursor: pointer;
  border-radius: calc(0.3125rem*.5);
}
.nb-theme-default nb-card::-webkit-scrollbar-track {
  background: #f7f9fc;
}
.nb-theme-default nb-card::-webkit-scrollbar-corner {
  background: #f7f9fc;
}
.nb-theme-default nb-card {
  scrollbar-face-color: #e4e9f2;
  scrollbar-track-color: #f7f9fc;
}
.nb-theme-default nb-card.size-tiny {
  height: 13.5rem;
}
.nb-theme-default nb-card.size-small {
  height: 21.1875rem;
}
.nb-theme-default nb-card.size-medium {
  height: 28.875rem;
}
.nb-theme-default nb-card.size-large {
  height: 36.5625rem;
}
.nb-theme-default nb-card.size-giant {
  height: 44.25rem;
}
.nb-theme-default nb-card.status-basic nb-card-header {
  background-color: #f7f9fc;
  border-bottom-width: 0;
  border-bottom-color: #f7f9fc;
  color: #222b45;
}
.nb-theme-default nb-card.status-basic nb-card-header a,
.nb-theme-default nb-card.status-basic nb-card-header a:hover {
  color: #222b45;
}
.nb-theme-default nb-card.status-primary nb-card-header {
  background-color: #36f;
  border-bottom-width: 0;
  border-bottom-color: #36f;
  color: #fff;
}
.nb-theme-default nb-card.status-primary nb-card-header a,
.nb-theme-default nb-card.status-primary nb-card-header a:hover {
  color: #fff;
}
.nb-theme-default nb-card.status-success nb-card-header {
  background-color: #00d68f;
  border-bottom-width: 0;
  border-bottom-color: #00d68f;
  color: #fff;
}
.nb-theme-default nb-card.status-success nb-card-header a,
.nb-theme-default nb-card.status-success nb-card-header a:hover {
  color: #fff;
}
.nb-theme-default nb-card.status-warning nb-card-header {
  background-color: #fa0;
  border-bottom-width: 0;
  border-bottom-color: #fa0;
  color: #fff;
}
.nb-theme-default nb-card.status-warning nb-card-header a,
.nb-theme-default nb-card.status-warning nb-card-header a:hover {
  color: #fff;
}
.nb-theme-default nb-card.status-danger nb-card-header {
  background-color: #ff3d71;
  border-bottom-width: 0;
  border-bottom-color: #ff3d71;
  color: #fff;
}
.nb-theme-default nb-card.status-danger nb-card-header a,
.nb-theme-default nb-card.status-danger nb-card-header a:hover {
  color: #fff;
}
.nb-theme-default nb-card.status-info nb-card-header {
  background-color: #0095ff;
  border-bottom-width: 0;
  border-bottom-color: #0095ff;
  color: #fff;
}
.nb-theme-default nb-card.status-info nb-card-header a,
.nb-theme-default nb-card.status-info nb-card-header a:hover {
  color: #fff;
}
.nb-theme-default nb-card.status-control nb-card-header {
  background-color: #fff;
  border-bottom-width: 0;
  border-bottom-color: #fff;
  color: #222b45;
}
.nb-theme-default nb-card.status-control nb-card-header a,
.nb-theme-default nb-card.status-control nb-card-header a:hover {
  color: #222b45;
}
.nb-theme-default nb-card.accent-basic {
  border-top-color: #f7f9fc;
}
.nb-theme-default nb-card.accent-primary {
  border-top-color: #36f;
}
.nb-theme-default nb-card.accent-success {
  border-top-color: #00d68f;
}
.nb-theme-default nb-card.accent-warning {
  border-top-color: #fa0;
}
.nb-theme-default nb-card.accent-danger {
  border-top-color: #ff3d71;
}
.nb-theme-default nb-card.accent-info {
  border-top-color: #0095ff;
}
.nb-theme-default nb-card.accent-control {
  border-top-color: #fff;
}
.nb-theme-default nb-card.accent {
  border-top-style: solid;
  border-top-width: .25rem;
}
.nb-theme-default nb-card.accent nb-card-header {
  border-radius: 0;
}
.nb-theme-default nb-card-body {
  flex: 1;
  -ms-flex: 1 1 auto;
  overflow: auto;
  padding: 1rem 1.5rem;
  position: relative;
}
.nb-theme-default nb-card-body::-webkit-scrollbar {
  width: .3125rem;
  height: .3125rem;
}
.nb-theme-default nb-card-body::-webkit-scrollbar-thumb {
  background: #e4e9f2;
  cursor: pointer;
  border-radius: calc(0.3125rem*.5);
}
.nb-theme-default nb-card-body::-webkit-scrollbar-track {
  background: #f7f9fc;
}
.nb-theme-default nb-card-body::-webkit-scrollbar-corner {
  background: #f7f9fc;
}
.nb-theme-default nb-card-body {
  scrollbar-face-color: #e4e9f2;
  scrollbar-track-color: #f7f9fc;
}
.nb-theme-default nb-card-footer {
  padding: 1rem 1.5rem;
  border-top: 1px solid #edf1f7;
  border-bottom-left-radius: .25rem;
  border-bottom-right-radius: .25rem;
}
.nb-theme-default nb-card-header {
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #edf1f7;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  color: #222b45;
  font-family: Open Sans, sans-serif;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.nb-theme-default nb-card-header h1 {
  margin: 0;
}
.nb-theme-default nb-card-header h2 {
  margin: 0;
}
.nb-theme-default nb-card-header h3 {
  margin: 0;
}
.nb-theme-default nb-card-header h4 {
  margin: 0;
}
.nb-theme-default nb-card-header h5 {
  margin: 0;
}
.nb-theme-default nb-card-header h6 {
  margin: 0;
}
.nb-theme-default nb-reveal-card {
  box-shadow: none;
  margin-bottom: 1.875rem;
}
.nb-theme-default .second-card-container {
  height: 100%;
  border-radius: .25rem;
}
.nb-theme-default .reveal-button {
  line-height: 1.25rem;
  padding: 1rem 1.5rem;
}
.nb-theme-default .flip-button {
  line-height: 1.25rem;
  margin-bottom: 1.875rem;
  padding: 1rem 1.5rem;
}
[dir=ltr] .nb-theme-default .flipcard-body .front-container {
  margin-right: -100%;
}
[dir=rtl] .nb-theme-default .flipcard-body .front-container {
  margin-left: -100%;
}
.nb-theme-default nb-tabset {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  box-shadow: none;
}
.nb-theme-default nb-tabset .tabset {
  border-bottom: 1px solid #edf1f7;
}
.nb-theme-default nb-tabset .tab-link {
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  padding: 1rem 2rem;
  color: #8f9bb3;
  font-family: Open Sans, sans-serif;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1rem;
  text-transform: uppercase;
}
.nb-theme-default nb-tabset .tab-link::before {
  background-color: rgba(0, 0, 0, 0);
  height: .25rem;
}
.nb-theme-default nb-tabset nb-badge.dot-mode.position-left {
  left: .75rem;
}
.nb-theme-default nb-tabset nb-badge.dot-mode.position-right {
  right: .75rem;
}
[dir=ltr] .nb-theme-default nb-tabset nb-badge.dot-mode.position-start {
  left: .75rem;
}
[dir=rtl] .nb-theme-default nb-tabset nb-badge.dot-mode.position-start {
  right: .75rem;
}
[dir=ltr] .nb-theme-default nb-tabset nb-badge.dot-mode.position-end {
  right: .75rem;
}
[dir=rtl] .nb-theme-default nb-tabset nb-badge.dot-mode.position-end {
  left: .75rem;
}
.nb-theme-default nb-tabset .tab.active .tab-link {
  background-color: rgba(0, 0, 0, 0);
  color: #36f;
}
.nb-theme-default nb-tabset .tab.active .tab-link::before {
  background-color: #36f;
}
.nb-theme-default nb-tabset .tab:focus .tab-link {
  background-color: rgba(0, 0, 0, 0);
  color: #274bdb;
}
.nb-theme-default nb-tabset .tab:focus .tab-link::before {
  background-color: #274bdb;
}
.nb-theme-default nb-tabset .tab:hover .tab-link {
  color: #598bff;
  background-color: rgba(0, 0, 0, 0);
}
.nb-theme-default nb-tabset .tab:hover .tab-link::before {
  background-color: #598bff;
}
.nb-theme-default nb-tabset .tab.disabled {
  cursor: default;
  pointer-events: none;
}
.nb-theme-default nb-tabset .tab.disabled .tab-link {
  background-color: rgba(0, 0, 0, 0);
  color: rgba(143, 155, 179, .48);
  cursor: default;
  pointer-events: none;
}
.nb-theme-default nb-tabset .tab.disabled .tab-link::before {
  background-color: rgba(0, 0, 0, 0);
}
@media screen and (max-width: 36rem) {
  .nb-theme-default nb-tabset .tab.responsive .tab-text {
    display: none;
  }
}
.nb-theme-default nb-tabset nb-tab {
  background-color: rgba(0, 0, 0, 0);
  color: #222b45;
  font-family: Open Sans, sans-serif;
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.25rem;
  padding: 1rem 2rem;
}
.nb-theme-default nb-tabset nb-tab::-webkit-scrollbar {
  width: .3125rem;
  height: .3125rem;
}
.nb-theme-default nb-tabset nb-tab::-webkit-scrollbar-thumb {
  background: #e4e9f2;
  cursor: pointer;
  border-radius: calc(0.3125rem*.5);
}
.nb-theme-default nb-tabset nb-tab::-webkit-scrollbar-track {
  background: #f7f9fc;
}
.nb-theme-default nb-tabset nb-tab::-webkit-scrollbar-corner {
  background: #f7f9fc;
}
.nb-theme-default nb-tabset nb-tab {
  scrollbar-face-color: #e4e9f2;
  scrollbar-track-color: #f7f9fc;
}
.nb-theme-default nb-route-tabset::-webkit-scrollbar {
  width: .3125rem;
  height: .3125rem;
}
.nb-theme-default nb-route-tabset::-webkit-scrollbar-thumb {
  background: #e4e9f2;
  cursor: pointer;
  border-radius: calc(0.3125rem*.5);
}
.nb-theme-default nb-route-tabset::-webkit-scrollbar-track {
  background: #f7f9fc;
}
.nb-theme-default nb-route-tabset::-webkit-scrollbar-corner {
  background: #f7f9fc;
}
.nb-theme-default nb-route-tabset {
  scrollbar-face-color: #e4e9f2;
  scrollbar-track-color: #f7f9fc;
}
.nb-theme-default nb-route-tabset {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  box-shadow: none;
}
.nb-theme-default nb-route-tabset .route-tabset {
  border-bottom: 1px solid #edf1f7;
}
.nb-theme-default nb-route-tabset .tab-link {
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  padding: 1rem 2rem;
  color: #8f9bb3;
  font-family: Open Sans, sans-serif;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1rem;
  text-transform: uppercase;
}
.nb-theme-default nb-route-tabset .tab-link::before {
  background-color: rgba(0, 0, 0, 0);
  height: .25rem;
}
.nb-theme-default nb-route-tabset .route-tab.active .tab-link {
  background-color: rgba(0, 0, 0, 0);
  color: #36f;
}
.nb-theme-default nb-route-tabset .route-tab.active .tab-link::before {
  background-color: #36f;
}
.nb-theme-default nb-route-tabset .tab-link:focus {
  background-color: rgba(0, 0, 0, 0);
  color: #274bdb;
}
.nb-theme-default nb-route-tabset .tab-link:focus::before {
  background-color: #274bdb;
}
.nb-theme-default nb-route-tabset .tab-link:hover {
  background-color: rgba(0, 0, 0, 0);
  color: #598bff;
}
.nb-theme-default nb-route-tabset .tab-link:hover::before {
  background-color: #598bff;
}
.nb-theme-default nb-route-tabset .route-tab.disabled {
  cursor: default;
  pointer-events: none;
}
.nb-theme-default nb-route-tabset .route-tab.disabled .tab-link {
  background-color: rgba(0, 0, 0, 0);
  color: rgba(143, 155, 179, .48);
  cursor: default;
  pointer-events: none;
}
.nb-theme-default nb-route-tabset .route-tab.disabled .tab-link::before {
  background-color: rgba(0, 0, 0, 0);
}
@media screen and (max-width: 36rem) {
  .nb-theme-default nb-route-tabset .route-tab.responsive .tab-text {
    display: none;
  }
}
.nb-theme-default nb-menu {
  background-color: rgba(0, 0, 0, 0);
}
.nb-theme-default nb-menu ul.menu-items {
  margin: 0;
  padding: 0;
}
.nb-theme-default nb-menu .menu-group,
.nb-theme-default nb-menu .menu-item a {
  font-family: Open Sans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.5rem;
  padding: .75rem 1rem;
}
.nb-theme-default nb-menu .menu-group,
.nb-theme-default nb-menu .menu-group nb-icon.menu-icon {
  color: #8f9bb3;
}
.nb-theme-default nb-menu .menu-item a {
  color: #222b45;
  border-radius: 0;
}
.nb-theme-default nb-menu .menu-item a.active {
  background-color: rgba(0, 0, 0, 0);
  color: #36f;
}
.nb-theme-default nb-menu .menu-item a.active .menu-icon {
  color: #36f;
}
.nb-theme-default nb-menu .menu-item a:hover {
  background-color: rgba(0, 0, 0, 0);
  color: #598bff;
  cursor: pointer;
}
.nb-theme-default nb-menu .menu-item a:hover .menu-icon {
  color: #598bff;
}
.nb-theme-default nb-menu .menu-item .menu-icon {
  color: #8f9bb3;
  font-size: 1.25rem;
  margin: 0 .5rem 0 0;
  width: 1em;
  text-align: center;
}
.nb-theme-default nb-menu .menu-item .expand-state {
  color: #8f9bb3;
}
.nb-theme-default nb-menu .menu-item {
  border-bottom: 1px solid #edf1f7;
}
.nb-theme-default nb-menu .menu-item:first-child {
  border-top: none;
}
.nb-theme-default nb-menu .menu-item:last-child {
  border-bottom: none;
}
.nb-theme-default nb-menu .menu-item .menu-item:first-child {
  border-top: 1px solid #edf1f7;
}
.nb-theme-default nb-menu .menu-item > .menu-items {
  background-color: rgba(0, 0, 0, 0);
  margin: 0;
  padding: 0 1.25rem;
}
.nb-theme-default nb-menu .menu-item > .menu-items > .menu-item {
  background: rgba(0, 0, 0, 0);
  color: #222b45;
}
.nb-theme-default nb-menu .menu-item > .menu-items > .menu-item a {
  border-color: rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 0;
  padding: .75rem 1rem;
}
.nb-theme-default nb-menu .menu-item > .menu-items > .menu-item a.active {
  background-color: rgba(0, 0, 0, 0);
  border-color: #36f;
  color: #36f;
}
.nb-theme-default nb-menu .menu-item > .menu-items > .menu-item a.active .menu-icon {
  color: #36f;
}
.nb-theme-default nb-menu .menu-item > .menu-items > .menu-item a:hover {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
  color: #598bff;
}
.nb-theme-default nb-menu .menu-item > .menu-items > .menu-item a:hover .menu-icon {
  color: #598bff;
}
.nb-theme-default nb-menu .menu-item > .menu-items > .menu-item a.active:hover {
  background-color: rgba(0, 0, 0, 0);
  border-color: #598bff;
  color: #598bff;
}
.nb-theme-default nb-menu .menu-item > .menu-items > .menu-item a.active:hover .menu-icon {
  color: #598bff;
}
.nb-theme-default nb-menu .menu-item > .menu-items > .menu-group,
.nb-theme-default nb-menu .menu-item > .menu-items > .menu-group nb-icon.menu-icon {
  color: #8f9bb3;
}
.nb-theme-default nb-user .user-picture {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #edf1f7;
}
.nb-theme-default nb-user .initials {
  color: #222b45;
  font-family: Open Sans, sans-serif;
  font-weight: 400;
}
.nb-theme-default nb-user .user-name {
  color: #222b45;
  font-family: Open Sans, sans-serif;
  font-weight: 400;
}
.nb-theme-default nb-user .user-title {
  color: #222b45;
  font-family: Open Sans, sans-serif;
  font-weight: 400;
}
.nb-theme-default nb-user.size-tiny .user-picture {
  height: 1.25rem;
  width: 1.25rem;
}
.nb-theme-default nb-user.size-tiny .initials {
  font-size: .75rem;
  line-height: 1rem;
}
.nb-theme-default nb-user.size-tiny .user-name {
  font-size: .75rem;
  line-height: 1rem;
}
.nb-theme-default nb-user.size-tiny .user-title {
  font-size: .75rem;
  line-height: 1rem;
}
.nb-theme-default nb-user.size-small .user-picture {
  height: 1.5rem;
  width: 1.5rem;
}
.nb-theme-default nb-user.size-small .initials {
  font-size: .75rem;
  line-height: 1rem;
}
.nb-theme-default nb-user.size-small .user-name {
  font-size: .75rem;
  line-height: 1rem;
}
.nb-theme-default nb-user.size-small .user-title {
  font-size: .75rem;
  line-height: 1rem;
}
.nb-theme-default nb-user.size-medium .user-picture {
  height: 2.5rem;
  width: 2.5rem;
}
.nb-theme-default nb-user.size-medium .initials {
  font-size: .9375rem;
  line-height: 1.25rem;
}
.nb-theme-default nb-user.size-medium .user-name {
  font-size: .9375rem;
  line-height: 1.25rem;
}
.nb-theme-default nb-user.size-medium .user-title {
  font-size: .75rem;
  line-height: 1rem;
}
.nb-theme-default nb-user.size-large .user-picture {
  height: 3.25rem;
  width: 3.25rem;
}
.nb-theme-default nb-user.size-large .initials {
  font-size: .9375rem;
  line-height: 1.25rem;
}
.nb-theme-default nb-user.size-large .user-name {
  font-size: .9375rem;
  line-height: 1.25rem;
}
.nb-theme-default nb-user.size-large .user-title {
  font-size: .8125rem;
  line-height: 1.125rem;
}
.nb-theme-default nb-user.size-giant .user-picture {
  height: 4rem;
  width: 4rem;
}
.nb-theme-default nb-user.size-giant .initials {
  font-size: .9375rem;
  line-height: 1.25rem;
}
.nb-theme-default nb-user.size-giant .user-name {
  font-size: .9375rem;
  line-height: 1.25rem;
}
.nb-theme-default nb-user.size-giant .user-title {
  font-size: .9375rem;
  line-height: 1.25rem;
}
.nb-theme-default nb-user.shape-rectangle .user-picture {
  border-radius: .5rem;
}
.nb-theme-default nb-user.shape-semi-round .user-picture {
  border-radius: .75rem;
}
.nb-theme-default nb-user.shape-round .user-picture {
  border-radius: 50%;
}
.nb-theme-default nb-actions {
  background-color: rgba(0, 0, 0, 0);
  color: #222b45;
  font-family: Open Sans, sans-serif;
  font-weight: 700;
  line-height: 1rem;
}
.nb-theme-default nb-actions.size-tiny nb-action {
  font-size: .625rem;
  height: 1rem;
  padding: 0 1.25rem;
}
.nb-theme-default nb-actions.size-tiny nb-action nb-icon {
  font-size: 1rem;
}
.nb-theme-default nb-actions.size-small nb-action {
  font-size: .75rem;
  height: 1.5rem;
  padding: 0 1.25rem;
}
.nb-theme-default nb-actions.size-small nb-action nb-icon {
  font-size: 1.5rem;
}
.nb-theme-default nb-actions.size-medium nb-action {
  font-size: .875rem;
  height: 2.25rem;
  padding: 0 1.25rem;
}
.nb-theme-default nb-actions.size-medium nb-action nb-icon {
  font-size: 2.25rem;
}
.nb-theme-default nb-actions.size-large nb-action {
  font-size: 1rem;
  height: 3.5rem;
  padding: 0 1.25rem;
}
.nb-theme-default nb-actions.size-large nb-action nb-icon {
  font-size: 3.5rem;
}
.nb-theme-default nb-actions.size-giant nb-action {
  font-size: 1.125rem;
  height: 4rem;
  padding: 0 1.25rem;
}
.nb-theme-default nb-actions.size-giant nb-action nb-icon {
  font-size: 4rem;
}
[dir=ltr] .nb-theme-default nb-action {
  border-left: 1px solid #edf1f7;
}
[dir=rtl] .nb-theme-default nb-action {
  border-right: 1px solid #edf1f7;
}
[dir=ltr] .nb-theme-default nb-action:first-child {
  border-left: none !important;
}
[dir=rtl] .nb-theme-default nb-action:first-child {
  border-right: none !important;
}
.nb-theme-default nb-action nb-icon {
  color: #8f9bb3;
}
.nb-theme-default nb-action.disabled {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-action.disabled nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-search-field .close-button {
  z-index: 1;
}
.nb-theme-default nb-search-field .search {
  background: #fff;
}
.nb-theme-default nb-search-field .search span.info {
  color: #8f9bb3;
  font-family: Open Sans, sans-serif;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.nb-theme-default nb-search-field .search input {
  border-bottom: 1px solid #edf1f7;
  color: #222b45;
  font-family: Open Sans, sans-serif;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 3rem;
}
.nb-theme-default nb-search-field .search input::placeholder {
  color: #8f9bb3;
}
.nb-theme-default nb-search-field .search input::-ms-clear {
  display: none;
}
.nb-theme-default nb-search-field.rotate-layout {
  opacity: 0;
  background: #fff;
}
.nb-theme-default nb-search-field.modal-zoomin .search::before,
.nb-theme-default nb-search-field.modal-zoomin .search::after {
  border: 1.5rem solid #36f;
}
.nb-theme-default nb-search-field.modal-half .form-wrapper {
  background: #fff;
}
.nb-theme-default nb-search-field.modal-half .search::before {
  background: #36f;
}
.nb-theme-default nb-search-field.modal-drop .form-content::after {
  background: #edf1f7;
}
.nb-theme-default nb-search-field.modal-drop .search::before {
  background: #fff;
}
.nb-theme-default nb-search-field.curtain .search::after {
  background: #fff;
}
.nb-theme-default nb-search-field.curtain .search {
  background: #fff;
}
.nb-theme-default nb-search-field.column-curtain::before {
  background: #fff;
}
.nb-theme-default nb-search-field.column-curtain::after {
  background: rgba(0, 0, 0, 0);
}
.nb-theme-default nb-search-field.column-curtain.show::after {
  background: #36f;
}
.nb-theme-default .nb-spinner-container {
  position: relative;
}
.nb-theme-default nb-spinner .message {
  color: #222b45;
  font-family: Open Sans, sans-serif;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1rem;
}
.nb-theme-default nb-spinner.status-basic {
  background-color: rgba(143, 155, 179, .16);
}
.nb-theme-default nb-spinner.status-basic .spin-circle {
  border-top-color: #8f9bb3;
  border-right-color: rgba(0, 0, 0, 0);
  border-bottom-color: #8f9bb3;
  border-left-color: #8f9bb3;
}
.nb-theme-default nb-spinner.status-primary {
  background-color: rgba(143, 155, 179, .16);
}
.nb-theme-default nb-spinner.status-primary .spin-circle {
  border-top-color: #36f;
  border-right-color: rgba(0, 0, 0, 0);
  border-bottom-color: #36f;
  border-left-color: #36f;
}
.nb-theme-default nb-spinner.status-success {
  background-color: rgba(143, 155, 179, .16);
}
.nb-theme-default nb-spinner.status-success .spin-circle {
  border-top-color: #00d68f;
  border-right-color: rgba(0, 0, 0, 0);
  border-bottom-color: #00d68f;
  border-left-color: #00d68f;
}
.nb-theme-default nb-spinner.status-warning {
  background-color: rgba(143, 155, 179, .16);
}
.nb-theme-default nb-spinner.status-warning .spin-circle {
  border-top-color: #fa0;
  border-right-color: rgba(0, 0, 0, 0);
  border-bottom-color: #fa0;
  border-left-color: #fa0;
}
.nb-theme-default nb-spinner.status-danger {
  background-color: rgba(143, 155, 179, .16);
}
.nb-theme-default nb-spinner.status-danger .spin-circle {
  border-top-color: #ff3d71;
  border-right-color: rgba(0, 0, 0, 0);
  border-bottom-color: #ff3d71;
  border-left-color: #ff3d71;
}
.nb-theme-default nb-spinner.status-info {
  background-color: rgba(143, 155, 179, .16);
}
.nb-theme-default nb-spinner.status-info .spin-circle {
  border-top-color: #0095ff;
  border-right-color: rgba(0, 0, 0, 0);
  border-bottom-color: #0095ff;
  border-left-color: #0095ff;
}
.nb-theme-default nb-spinner.status-control {
  background-color: hsla(0, 0%, 100%, .16);
}
.nb-theme-default nb-spinner.status-control .spin-circle {
  border-top-color: #fff;
  border-right-color: rgba(0, 0, 0, 0);
  border-bottom-color: #fff;
  border-left-color: #fff;
}
.nb-theme-default nb-spinner.size-tiny {
  font-size: 1rem;
}
.nb-theme-default nb-spinner.size-small {
  font-size: 1.25rem;
}
.nb-theme-default nb-spinner.size-medium {
  font-size: 1.5rem;
}
.nb-theme-default nb-spinner.size-large {
  font-size: 1.75rem;
}
.nb-theme-default nb-spinner.size-giant {
  font-size: 2rem;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  40% {
    transform: rotate(230deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.nb-theme-default .nb-timepicker-container {
  width: 20rem;
  height: 26.1875rem;
}
.nb-theme-default .nb-timepicker-container .list-item {
  color: #222b45;
  font-size: .9375rem;
  font-family: Open Sans, sans-serif;
  height: 2.75rem;
  line-height: 1.5rem;
  font-weight: 600;
}
.nb-theme-default .nb-timepicker-container .list-item:first-child {
  border-top: none;
}
.nb-theme-default .nb-timepicker-container .list-item:hover {
  background-color: #f7f9fc;
  color: #222b45;
}
.nb-theme-default .nb-timepicker-container .list-item:focus {
  background-color: #e4e9f2;
  color: #222b45;
}
.nb-theme-default .nb-timepicker-container .list-item.selected {
  background-color: #36f;
  color: #fff;
}
[dir=ltr] .nb-theme-default .nb-timepicker-container .values-list:not(:last-of-type) {
  border-right: .0625rem solid #e4e9f2;
}
[dir=rtl] .nb-theme-default .nb-timepicker-container .values-list:not(:last-of-type) {
  border-left: .0625rem solid #e4e9f2;
}
.nb-theme-default .nb-timepicker-container .values-list::-webkit-scrollbar {
  width: .3125rem;
  height: .3125rem;
}
.nb-theme-default .nb-timepicker-container .values-list::-webkit-scrollbar-thumb {
  background: #e4e9f2;
  cursor: pointer;
  border-radius: calc(0.3125rem*.5);
}
.nb-theme-default .nb-timepicker-container .values-list::-webkit-scrollbar-track {
  background: #f7f9fc;
}
.nb-theme-default .nb-timepicker-container .values-list::-webkit-scrollbar-corner {
  background: #f7f9fc;
}
.nb-theme-default .nb-timepicker-container .values-list {
  scrollbar-face-color: #e4e9f2;
  scrollbar-track-color: #f7f9fc;
}
[dir=ltr] .nb-theme-default .nb-timepicker-container.supports-scrollbar-theming .values-list:hover .list-item:not(.am-pm-item) {
  margin-right: calc(0.3125rem*-1);
}
[dir=rtl] .nb-theme-default .nb-timepicker-container.supports-scrollbar-theming .values-list:hover .list-item:not(.am-pm-item) {
  margin-left: calc(0.3125rem*-1);
}
.nb-theme-default .nb-timepicker-container .header-cell {
  color: #8f9bb3;
  font-size: .9375rem;
  font-family: Open Sans, sans-serif;
  height: 2.75rem;
  line-height: 1.5rem;
  font-weight: 600;
}
[dir=ltr] .nb-theme-default .nb-timepicker-container .header-cell:not(:last-child) {
  border-right: .0625rem solid #e4e9f2;
}
[dir=rtl] .nb-theme-default .nb-timepicker-container .header-cell:not(:last-child) {
  border-left: .0625rem solid #e4e9f2;
}
.nb-theme-default .nb-timepicker-container .column-header {
  border-bottom: .0625rem solid #e4e9f2;
}
[dir=ltr] .nb-theme-default .nb-timepicker-container .actions-footer {
  padding-left: .625rem;
}
[dir=rtl] .nb-theme-default .nb-timepicker-container .actions-footer {
  padding-right: .625rem;
}
.nb-theme-default nb-checkbox .label {
  padding: 0;
}
.nb-theme-default nb-checkbox .custom-checkbox {
  width: 1.25rem;
  height: 1.25rem;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  position: relative;
}
.nb-theme-default nb-checkbox .native-input:focus:not(:checked) + .custom-checkbox {
  box-shadow: 0 0 0 .375rem rgba(143, 155, 179, .16);
}
.nb-theme-default nb-checkbox .native-input:focus:not(:checked) + .custom-checkbox:not(:hover):not(:active) {
  box-shadow: 0 0 0 .375rem rgba(143, 155, 179, .16), inset 0 0 0 100vmax rgba(143, 155, 179, .16);
}
.nb-theme-default nb-checkbox .native-input:focus:checked + .custom-checkbox {
  box-shadow: 0 0 0 .375rem rgba(143, 155, 179, .16);
}
.nb-theme-default nb-checkbox .custom-checkbox-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
}
.nb-theme-default nb-checkbox .text {
  font-family: Open Sans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.5rem;
}
[dir=ltr] .nb-theme-default nb-checkbox .text:not(:empty) {
  padding-left: .6875rem;
}
[dir=rtl] .nb-theme-default nb-checkbox .text:not(:empty) {
  padding-right: .6875rem;
}
.nb-theme-default nb-checkbox.status-basic .custom-checkbox {
  background-color: rgba(143, 155, 179, .08);
  border-color: #8f9bb3;
}
.nb-theme-default nb-checkbox.status-basic .text {
  color: #222b45;
}
.nb-theme-default nb-checkbox.status-basic .custom-checkbox.checked {
  background-color: #36f;
  border-color: #36f;
}
.nb-theme-default nb-checkbox.status-basic .custom-checkbox.checked .custom-checkbox-icon {
  color: #fff;
}
.nb-theme-default nb-checkbox.status-basic .custom-checkbox.indeterminate {
  background-color: #36f;
  border-color: #36f;
}
.nb-theme-default nb-checkbox.status-basic .custom-checkbox.indeterminate .custom-checkbox-icon {
  color: #fff;
}
.nb-theme-default nb-checkbox.status-basic .native-input:enabled:focus + .custom-checkbox {
  background-color: rgba(143, 155, 179, .24);
  border-color: #8f9bb3;
}
.nb-theme-default nb-checkbox.status-basic .native-input:enabled:focus + .custom-checkbox.indeterminate,
.nb-theme-default nb-checkbox.status-basic .native-input:enabled:focus + .custom-checkbox.checked {
  background-color: #274bdb;
  border-color: #1a34b8;
}
.nb-theme-default nb-checkbox.status-basic .custom-checkbox:hover {
  background-color: rgba(51, 102, 255, .16);
  border-color: #36f;
}
.nb-theme-default nb-checkbox.status-basic .custom-checkbox:hover.indeterminate,
.nb-theme-default nb-checkbox.status-basic .custom-checkbox:hover.checked {
  background-color: #598bff;
  border-color: #598bff;
}
.nb-theme-default nb-checkbox.status-basic .native-input:enabled:active + .custom-checkbox {
  background-color: rgba(143, 155, 179, .24);
  border-color: #8f9bb3;
}
.nb-theme-default nb-checkbox.status-basic .native-input:enabled:active + .custom-checkbox.indeterminate,
.nb-theme-default nb-checkbox.status-basic .native-input:enabled:active + .custom-checkbox.checked {
  background-color: #274bdb;
  border-color: #274bdb;
}
.nb-theme-default nb-checkbox.status-basic .native-input:disabled + .custom-checkbox {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(143, 155, 179, .24);
}
.nb-theme-default nb-checkbox.status-basic .native-input:disabled + .custom-checkbox .custom-checkbox-icon {
  color: #fff;
}
.nb-theme-default nb-checkbox.status-basic .native-input:disabled ~ .text {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-checkbox.status-basic .native-input:disabled:indeterminate + .custom-checkbox,
.nb-theme-default nb-checkbox.status-basic .native-input:disabled:checked + .custom-checkbox {
  background-color: rgba(143, 155, 179, .48);
  border-color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-checkbox.status-primary .custom-checkbox {
  background-color: rgba(51, 102, 255, .08);
  border-color: #36f;
}
.nb-theme-default nb-checkbox.status-primary .text {
  color: #222b45;
}
.nb-theme-default nb-checkbox.status-primary .custom-checkbox.checked {
  background-color: #36f;
  border-color: #36f;
}
.nb-theme-default nb-checkbox.status-primary .custom-checkbox.checked .custom-checkbox-icon {
  color: #fff;
}
.nb-theme-default nb-checkbox.status-primary .custom-checkbox.indeterminate {
  background-color: #36f;
  border-color: #36f;
}
.nb-theme-default nb-checkbox.status-primary .custom-checkbox.indeterminate .custom-checkbox-icon {
  color: #fff;
}
.nb-theme-default nb-checkbox.status-primary .native-input:enabled:focus + .custom-checkbox {
  background-color: rgba(51, 102, 255, .24);
  border-color: #36f;
}
.nb-theme-default nb-checkbox.status-primary .native-input:enabled:focus + .custom-checkbox.indeterminate,
.nb-theme-default nb-checkbox.status-primary .native-input:enabled:focus + .custom-checkbox.checked {
  background-color: #274bdb;
  border-color: #1a34b8;
}
.nb-theme-default nb-checkbox.status-primary .custom-checkbox:hover {
  background-color: rgba(51, 102, 255, .16);
  border-color: #36f;
}
.nb-theme-default nb-checkbox.status-primary .custom-checkbox:hover.indeterminate,
.nb-theme-default nb-checkbox.status-primary .custom-checkbox:hover.checked {
  background-color: #598bff;
  border-color: #598bff;
}
.nb-theme-default nb-checkbox.status-primary .native-input:enabled:active + .custom-checkbox {
  background-color: rgba(51, 102, 255, .24);
  border-color: #36f;
}
.nb-theme-default nb-checkbox.status-primary .native-input:enabled:active + .custom-checkbox.indeterminate,
.nb-theme-default nb-checkbox.status-primary .native-input:enabled:active + .custom-checkbox.checked {
  background-color: #274bdb;
  border-color: #274bdb;
}
.nb-theme-default nb-checkbox.status-primary .native-input:disabled + .custom-checkbox {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(143, 155, 179, .24);
}
.nb-theme-default nb-checkbox.status-primary .native-input:disabled + .custom-checkbox .custom-checkbox-icon {
  color: #fff;
}
.nb-theme-default nb-checkbox.status-primary .native-input:disabled ~ .text {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-checkbox.status-primary .native-input:disabled:indeterminate + .custom-checkbox,
.nb-theme-default nb-checkbox.status-primary .native-input:disabled:checked + .custom-checkbox {
  background-color: rgba(143, 155, 179, .48);
  border-color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-checkbox.status-success .custom-checkbox {
  background-color: rgba(0, 214, 143, .08);
  border-color: #00d68f;
}
.nb-theme-default nb-checkbox.status-success .text {
  color: #222b45;
}
.nb-theme-default nb-checkbox.status-success .custom-checkbox.checked {
  background-color: #00d68f;
  border-color: #00d68f;
}
.nb-theme-default nb-checkbox.status-success .custom-checkbox.checked .custom-checkbox-icon {
  color: #fff;
}
.nb-theme-default nb-checkbox.status-success .custom-checkbox.indeterminate {
  background-color: #00d68f;
  border-color: #00d68f;
}
.nb-theme-default nb-checkbox.status-success .custom-checkbox.indeterminate .custom-checkbox-icon {
  color: #fff;
}
.nb-theme-default nb-checkbox.status-success .native-input:enabled:focus + .custom-checkbox {
  background-color: rgba(0, 214, 143, .24);
  border-color: #00d68f;
}
.nb-theme-default nb-checkbox.status-success .native-input:enabled:focus + .custom-checkbox.indeterminate,
.nb-theme-default nb-checkbox.status-success .native-input:enabled:focus + .custom-checkbox.checked {
  background-color: #00b887;
  border-color: #00997a;
}
.nb-theme-default nb-checkbox.status-success .custom-checkbox:hover {
  background-color: rgba(0, 214, 143, .16);
  border-color: #00d68f;
}
.nb-theme-default nb-checkbox.status-success .custom-checkbox:hover.indeterminate,
.nb-theme-default nb-checkbox.status-success .custom-checkbox:hover.checked {
  background-color: #2ce69b;
  border-color: #2ce69b;
}
.nb-theme-default nb-checkbox.status-success .native-input:enabled:active + .custom-checkbox {
  background-color: rgba(0, 214, 143, .24);
  border-color: #00d68f;
}
.nb-theme-default nb-checkbox.status-success .native-input:enabled:active + .custom-checkbox.indeterminate,
.nb-theme-default nb-checkbox.status-success .native-input:enabled:active + .custom-checkbox.checked {
  background-color: #00b887;
  border-color: #00b887;
}
.nb-theme-default nb-checkbox.status-success .native-input:disabled + .custom-checkbox {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(143, 155, 179, .24);
}
.nb-theme-default nb-checkbox.status-success .native-input:disabled + .custom-checkbox .custom-checkbox-icon {
  color: #fff;
}
.nb-theme-default nb-checkbox.status-success .native-input:disabled ~ .text {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-checkbox.status-success .native-input:disabled:indeterminate + .custom-checkbox,
.nb-theme-default nb-checkbox.status-success .native-input:disabled:checked + .custom-checkbox {
  background-color: rgba(143, 155, 179, .48);
  border-color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-checkbox.status-warning .custom-checkbox {
  background-color: rgba(255, 170, 0, .08);
  border-color: #fa0;
}
.nb-theme-default nb-checkbox.status-warning .text {
  color: #222b45;
}
.nb-theme-default nb-checkbox.status-warning .custom-checkbox.checked {
  background-color: #fa0;
  border-color: #fa0;
}
.nb-theme-default nb-checkbox.status-warning .custom-checkbox.checked .custom-checkbox-icon {
  color: #fff;
}
.nb-theme-default nb-checkbox.status-warning .custom-checkbox.indeterminate {
  background-color: #fa0;
  border-color: #fa0;
}
.nb-theme-default nb-checkbox.status-warning .custom-checkbox.indeterminate .custom-checkbox-icon {
  color: #fff;
}
.nb-theme-default nb-checkbox.status-warning .native-input:enabled:focus + .custom-checkbox {
  background-color: rgba(255, 170, 0, .24);
  border-color: #fa0;
}
.nb-theme-default nb-checkbox.status-warning .native-input:enabled:focus + .custom-checkbox.indeterminate,
.nb-theme-default nb-checkbox.status-warning .native-input:enabled:focus + .custom-checkbox.checked {
  background-color: #db8b00;
  border-color: #b86e00;
}
.nb-theme-default nb-checkbox.status-warning .custom-checkbox:hover {
  background-color: rgba(255, 170, 0, .16);
  border-color: #fa0;
}
.nb-theme-default nb-checkbox.status-warning .custom-checkbox:hover.indeterminate,
.nb-theme-default nb-checkbox.status-warning .custom-checkbox:hover.checked {
  background-color: #ffc94d;
  border-color: #ffc94d;
}
.nb-theme-default nb-checkbox.status-warning .native-input:enabled:active + .custom-checkbox {
  background-color: rgba(255, 170, 0, .24);
  border-color: #fa0;
}
.nb-theme-default nb-checkbox.status-warning .native-input:enabled:active + .custom-checkbox.indeterminate,
.nb-theme-default nb-checkbox.status-warning .native-input:enabled:active + .custom-checkbox.checked {
  background-color: #db8b00;
  border-color: #db8b00;
}
.nb-theme-default nb-checkbox.status-warning .native-input:disabled + .custom-checkbox {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(143, 155, 179, .24);
}
.nb-theme-default nb-checkbox.status-warning .native-input:disabled + .custom-checkbox .custom-checkbox-icon {
  color: #fff;
}
.nb-theme-default nb-checkbox.status-warning .native-input:disabled ~ .text {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-checkbox.status-warning .native-input:disabled:indeterminate + .custom-checkbox,
.nb-theme-default nb-checkbox.status-warning .native-input:disabled:checked + .custom-checkbox {
  background-color: rgba(143, 155, 179, .48);
  border-color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-checkbox.status-danger .custom-checkbox {
  background-color: rgba(255, 61, 113, .08);
  border-color: #ff3d71;
}
.nb-theme-default nb-checkbox.status-danger .text {
  color: #222b45;
}
.nb-theme-default nb-checkbox.status-danger .custom-checkbox.checked {
  background-color: #ff3d71;
  border-color: #ff3d71;
}
.nb-theme-default nb-checkbox.status-danger .custom-checkbox.checked .custom-checkbox-icon {
  color: #fff;
}
.nb-theme-default nb-checkbox.status-danger .custom-checkbox.indeterminate {
  background-color: #ff3d71;
  border-color: #ff3d71;
}
.nb-theme-default nb-checkbox.status-danger .custom-checkbox.indeterminate .custom-checkbox-icon {
  color: #fff;
}
.nb-theme-default nb-checkbox.status-danger .native-input:enabled:focus + .custom-checkbox {
  background-color: rgba(255, 61, 113, .24);
  border-color: #ff3d71;
}
.nb-theme-default nb-checkbox.status-danger .native-input:enabled:focus + .custom-checkbox.indeterminate,
.nb-theme-default nb-checkbox.status-danger .native-input:enabled:focus + .custom-checkbox.checked {
  background-color: #db2c66;
  border-color: #b81d5b;
}
.nb-theme-default nb-checkbox.status-danger .custom-checkbox:hover {
  background-color: rgba(255, 61, 113, .16);
  border-color: #ff3d71;
}
.nb-theme-default nb-checkbox.status-danger .custom-checkbox:hover.indeterminate,
.nb-theme-default nb-checkbox.status-danger .custom-checkbox:hover.checked {
  background-color: #ff708d;
  border-color: #ff708d;
}
.nb-theme-default nb-checkbox.status-danger .native-input:enabled:active + .custom-checkbox {
  background-color: rgba(255, 61, 113, .24);
  border-color: #ff3d71;
}
.nb-theme-default nb-checkbox.status-danger .native-input:enabled:active + .custom-checkbox.indeterminate,
.nb-theme-default nb-checkbox.status-danger .native-input:enabled:active + .custom-checkbox.checked {
  background-color: #db2c66;
  border-color: #db2c66;
}
.nb-theme-default nb-checkbox.status-danger .native-input:disabled + .custom-checkbox {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(143, 155, 179, .24);
}
.nb-theme-default nb-checkbox.status-danger .native-input:disabled + .custom-checkbox .custom-checkbox-icon {
  color: #fff;
}
.nb-theme-default nb-checkbox.status-danger .native-input:disabled ~ .text {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-checkbox.status-danger .native-input:disabled:indeterminate + .custom-checkbox,
.nb-theme-default nb-checkbox.status-danger .native-input:disabled:checked + .custom-checkbox {
  background-color: rgba(143, 155, 179, .48);
  border-color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-checkbox.status-info .custom-checkbox {
  background-color: rgba(0, 149, 255, .08);
  border-color: #0095ff;
}
.nb-theme-default nb-checkbox.status-info .text {
  color: #222b45;
}
.nb-theme-default nb-checkbox.status-info .custom-checkbox.checked {
  background-color: #0095ff;
  border-color: #0095ff;
}
.nb-theme-default nb-checkbox.status-info .custom-checkbox.checked .custom-checkbox-icon {
  color: #fff;
}
.nb-theme-default nb-checkbox.status-info .custom-checkbox.indeterminate {
  background-color: #0095ff;
  border-color: #0095ff;
}
.nb-theme-default nb-checkbox.status-info .custom-checkbox.indeterminate .custom-checkbox-icon {
  color: #fff;
}
.nb-theme-default nb-checkbox.status-info .native-input:enabled:focus + .custom-checkbox {
  background-color: rgba(0, 149, 255, .24);
  border-color: #0095ff;
}
.nb-theme-default nb-checkbox.status-info .native-input:enabled:focus + .custom-checkbox.indeterminate,
.nb-theme-default nb-checkbox.status-info .native-input:enabled:focus + .custom-checkbox.checked {
  background-color: #006fd6;
  border-color: #0057c2;
}
.nb-theme-default nb-checkbox.status-info .custom-checkbox:hover {
  background-color: rgba(0, 149, 255, .16);
  border-color: #0095ff;
}
.nb-theme-default nb-checkbox.status-info .custom-checkbox:hover.indeterminate,
.nb-theme-default nb-checkbox.status-info .custom-checkbox:hover.checked {
  background-color: #42aaff;
  border-color: #42aaff;
}
.nb-theme-default nb-checkbox.status-info .native-input:enabled:active + .custom-checkbox {
  background-color: rgba(0, 149, 255, .24);
  border-color: #0095ff;
}
.nb-theme-default nb-checkbox.status-info .native-input:enabled:active + .custom-checkbox.indeterminate,
.nb-theme-default nb-checkbox.status-info .native-input:enabled:active + .custom-checkbox.checked {
  background-color: #006fd6;
  border-color: #006fd6;
}
.nb-theme-default nb-checkbox.status-info .native-input:disabled + .custom-checkbox {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(143, 155, 179, .24);
}
.nb-theme-default nb-checkbox.status-info .native-input:disabled + .custom-checkbox .custom-checkbox-icon {
  color: #fff;
}
.nb-theme-default nb-checkbox.status-info .native-input:disabled ~ .text {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-checkbox.status-info .native-input:disabled:indeterminate + .custom-checkbox,
.nb-theme-default nb-checkbox.status-info .native-input:disabled:checked + .custom-checkbox {
  background-color: rgba(143, 155, 179, .48);
  border-color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-checkbox.status-control .custom-checkbox {
  background-color: hsla(0, 0%, 100%, .08);
  border-color: #fff;
}
.nb-theme-default nb-checkbox.status-control .text {
  color: #fff;
}
.nb-theme-default nb-checkbox.status-control .custom-checkbox.checked {
  background-color: #fff;
  border-color: #fff;
}
.nb-theme-default nb-checkbox.status-control .custom-checkbox.checked .custom-checkbox-icon {
  color: #222b45;
}
.nb-theme-default nb-checkbox.status-control .custom-checkbox.indeterminate {
  background-color: #fff;
  border-color: #fff;
}
.nb-theme-default nb-checkbox.status-control .custom-checkbox.indeterminate .custom-checkbox-icon {
  color: #222b45;
}
.nb-theme-default nb-checkbox.status-control .native-input:enabled:focus + .custom-checkbox {
  background-color: hsla(0, 0%, 100%, .24);
  border-color: #fff;
}
.nb-theme-default nb-checkbox.status-control .native-input:enabled:focus + .custom-checkbox.indeterminate,
.nb-theme-default nb-checkbox.status-control .native-input:enabled:focus + .custom-checkbox.checked {
  background-color: #edf1f7;
  border-color: #c5cee0;
}
.nb-theme-default nb-checkbox.status-control .custom-checkbox:hover {
  background-color: hsla(0, 0%, 100%, .16);
  border-color: #fff;
}
.nb-theme-default nb-checkbox.status-control .custom-checkbox:hover.indeterminate,
.nb-theme-default nb-checkbox.status-control .custom-checkbox:hover.checked {
  background-color: #f7f9fc;
  border-color: #f7f9fc;
}
.nb-theme-default nb-checkbox.status-control .native-input:enabled:active + .custom-checkbox {
  background-color: hsla(0, 0%, 100%, .24);
  border-color: #fff;
}
.nb-theme-default nb-checkbox.status-control .native-input:enabled:active + .custom-checkbox.indeterminate,
.nb-theme-default nb-checkbox.status-control .native-input:enabled:active + .custom-checkbox.checked {
  background-color: #edf1f7;
  border-color: #edf1f7;
}
.nb-theme-default nb-checkbox.status-control .native-input:disabled + .custom-checkbox {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(143, 155, 179, .24);
}
.nb-theme-default nb-checkbox.status-control .native-input:disabled + .custom-checkbox .custom-checkbox-icon {
  color: #fff;
}
.nb-theme-default nb-checkbox.status-control .native-input:disabled ~ .text {
  color: #fff;
}
.nb-theme-default nb-checkbox.status-control .native-input:disabled:indeterminate + .custom-checkbox,
.nb-theme-default nb-checkbox.status-control .native-input:disabled:checked + .custom-checkbox {
  background-color: rgba(143, 155, 179, .48);
  border-color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-toggle .toggle {
  height: 1.875rem;
  width: 3.125rem;
  border-width: 1px;
  border-style: solid;
  border-radius: 100px;
  cursor: pointer;
}
[dir=ltr] .nb-theme-default nb-toggle .toggle.checked .toggle-switcher {
  left: calc(100% - 1.75rem - 1px - 1px);
}
[dir=ltr] .nb-theme-default nb-toggle .toggle:not(.checked) .toggle-switcher {
  right: 0;
}
[dir=rtl] .nb-theme-default nb-toggle .toggle.checked .toggle-switcher {
  right: calc(100% - 1.75rem - 1px - 1px);
}
[dir=rtl] .nb-theme-default nb-toggle .toggle:not(.checked) .toggle-switcher {
  left: 0;
}
.nb-theme-default nb-toggle .native-input:enabled:focus + .toggle {
  box-shadow: 0 0 0 .375rem rgba(143, 155, 179, .16);
}
.nb-theme-default nb-toggle .native-input:disabled + .toggle {
  cursor: default;
}
.nb-theme-default nb-toggle .toggle-switcher {
  width: 1.75rem;
  height: 1.75rem;
}
.nb-theme-default nb-toggle .toggle-switcher nb-icon {
  height: .75rem;
  width: .75rem;
}
.nb-theme-default nb-toggle .text {
  font-family: Open Sans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.nb-theme-default nb-toggle.status-basic .text {
  color: #222b45;
}
.nb-theme-default nb-toggle.status-basic .toggle {
  background-color: rgba(143, 155, 179, .08);
  border-color: #8f9bb3;
}
.nb-theme-default nb-toggle.status-basic .toggle.checked {
  background-color: #36f;
  border-color: #36f;
}
.nb-theme-default nb-toggle.status-basic .native-input:enabled:focus + .toggle {
  background-color: rgba(51, 102, 255, .24);
  border-color: #36f;
}
.nb-theme-default nb-toggle.status-basic .native-input:enabled:focus + .toggle.checked {
  background-color: #274bdb;
  border-color: #1a34b8;
}
.nb-theme-default nb-toggle.status-basic .native-input:enabled:active + .toggle {
  background-color: rgba(51, 102, 255, .24);
  border-color: #36f;
}
.nb-theme-default nb-toggle.status-basic .native-input:enabled:active + .toggle.checked {
  background-color: #274bdb;
  border-color: #274bdb;
}
.nb-theme-default nb-toggle.status-basic .native-input:enabled + .toggle:hover {
  background-color: rgba(51, 102, 255, .16);
  border-color: #36f;
}
.nb-theme-default nb-toggle.status-basic .native-input:enabled + .toggle:hover.checked {
  background-color: #598bff;
  border-color: #598bff;
}
.nb-theme-default nb-toggle.status-basic .toggle-switcher {
  background-color: #fff;
}
.nb-theme-default nb-toggle.status-basic .toggle-switcher nb-icon {
  color: #36f;
}
.nb-theme-default nb-toggle.status-basic .native-input:disabled + .toggle {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(143, 155, 179, .24);
}
.nb-theme-default nb-toggle.status-basic .native-input:disabled + .toggle .toggle-switcher {
  background-color: rgba(143, 155, 179, .24);
}
.nb-theme-default nb-toggle.status-basic .native-input:disabled + .toggle .toggle-switcher nb-icon {
  color: #fff;
}
.nb-theme-default nb-toggle.status-basic .native-input:disabled ~ .text {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-toggle.status-primary .text {
  color: #222b45;
}
.nb-theme-default nb-toggle.status-primary .toggle {
  background-color: rgba(51, 102, 255, .08);
  border-color: #36f;
}
.nb-theme-default nb-toggle.status-primary .toggle.checked {
  background-color: #36f;
  border-color: #36f;
}
.nb-theme-default nb-toggle.status-primary .native-input:enabled:focus + .toggle {
  background-color: rgba(51, 102, 255, .24);
  border-color: #36f;
}
.nb-theme-default nb-toggle.status-primary .native-input:enabled:focus + .toggle.checked {
  background-color: #274bdb;
  border-color: #1a34b8;
}
.nb-theme-default nb-toggle.status-primary .native-input:enabled:active + .toggle {
  background-color: rgba(51, 102, 255, .24);
  border-color: #36f;
}
.nb-theme-default nb-toggle.status-primary .native-input:enabled:active + .toggle.checked {
  background-color: #274bdb;
  border-color: #274bdb;
}
.nb-theme-default nb-toggle.status-primary .native-input:enabled + .toggle:hover {
  background-color: rgba(51, 102, 255, .16);
  border-color: #36f;
}
.nb-theme-default nb-toggle.status-primary .native-input:enabled + .toggle:hover.checked {
  background-color: #598bff;
  border-color: #598bff;
}
.nb-theme-default nb-toggle.status-primary .toggle-switcher {
  background-color: #fff;
}
.nb-theme-default nb-toggle.status-primary .toggle-switcher nb-icon {
  color: #36f;
}
.nb-theme-default nb-toggle.status-primary .native-input:disabled + .toggle {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(143, 155, 179, .24);
}
.nb-theme-default nb-toggle.status-primary .native-input:disabled + .toggle .toggle-switcher {
  background-color: rgba(143, 155, 179, .24);
}
.nb-theme-default nb-toggle.status-primary .native-input:disabled + .toggle .toggle-switcher nb-icon {
  color: #fff;
}
.nb-theme-default nb-toggle.status-primary .native-input:disabled ~ .text {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-toggle.status-success .text {
  color: #222b45;
}
.nb-theme-default nb-toggle.status-success .toggle {
  background-color: rgba(0, 214, 143, .08);
  border-color: #00d68f;
}
.nb-theme-default nb-toggle.status-success .toggle.checked {
  background-color: #00d68f;
  border-color: #00d68f;
}
.nb-theme-default nb-toggle.status-success .native-input:enabled:focus + .toggle {
  background-color: rgba(0, 214, 143, .24);
  border-color: #00d68f;
}
.nb-theme-default nb-toggle.status-success .native-input:enabled:focus + .toggle.checked {
  background-color: #00b887;
  border-color: #00997a;
}
.nb-theme-default nb-toggle.status-success .native-input:enabled:active + .toggle {
  background-color: rgba(0, 214, 143, .24);
  border-color: #00d68f;
}
.nb-theme-default nb-toggle.status-success .native-input:enabled:active + .toggle.checked {
  background-color: #00b887;
  border-color: #00b887;
}
.nb-theme-default nb-toggle.status-success .native-input:enabled + .toggle:hover {
  background-color: rgba(0, 214, 143, .16);
  border-color: #00d68f;
}
.nb-theme-default nb-toggle.status-success .native-input:enabled + .toggle:hover.checked {
  background-color: #2ce69b;
  border-color: #2ce69b;
}
.nb-theme-default nb-toggle.status-success .toggle-switcher {
  background-color: #fff;
}
.nb-theme-default nb-toggle.status-success .toggle-switcher nb-icon {
  color: #00d68f;
}
.nb-theme-default nb-toggle.status-success .native-input:disabled + .toggle {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(143, 155, 179, .24);
}
.nb-theme-default nb-toggle.status-success .native-input:disabled + .toggle .toggle-switcher {
  background-color: rgba(143, 155, 179, .24);
}
.nb-theme-default nb-toggle.status-success .native-input:disabled + .toggle .toggle-switcher nb-icon {
  color: #fff;
}
.nb-theme-default nb-toggle.status-success .native-input:disabled ~ .text {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-toggle.status-warning .text {
  color: #222b45;
}
.nb-theme-default nb-toggle.status-warning .toggle {
  background-color: rgba(255, 170, 0, .08);
  border-color: #fa0;
}
.nb-theme-default nb-toggle.status-warning .toggle.checked {
  background-color: #fa0;
  border-color: #fa0;
}
.nb-theme-default nb-toggle.status-warning .native-input:enabled:focus + .toggle {
  background-color: rgba(255, 170, 0, .24);
  border-color: #fa0;
}
.nb-theme-default nb-toggle.status-warning .native-input:enabled:focus + .toggle.checked {
  background-color: #db8b00;
  border-color: #b86e00;
}
.nb-theme-default nb-toggle.status-warning .native-input:enabled:active + .toggle {
  background-color: rgba(255, 170, 0, .24);
  border-color: #fa0;
}
.nb-theme-default nb-toggle.status-warning .native-input:enabled:active + .toggle.checked {
  background-color: #db8b00;
  border-color: #db8b00;
}
.nb-theme-default nb-toggle.status-warning .native-input:enabled + .toggle:hover {
  background-color: rgba(255, 170, 0, .16);
  border-color: #fa0;
}
.nb-theme-default nb-toggle.status-warning .native-input:enabled + .toggle:hover.checked {
  background-color: #ffc94d;
  border-color: #ffc94d;
}
.nb-theme-default nb-toggle.status-warning .toggle-switcher {
  background-color: #fff;
}
.nb-theme-default nb-toggle.status-warning .toggle-switcher nb-icon {
  color: #fa0;
}
.nb-theme-default nb-toggle.status-warning .native-input:disabled + .toggle {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(143, 155, 179, .24);
}
.nb-theme-default nb-toggle.status-warning .native-input:disabled + .toggle .toggle-switcher {
  background-color: rgba(143, 155, 179, .24);
}
.nb-theme-default nb-toggle.status-warning .native-input:disabled + .toggle .toggle-switcher nb-icon {
  color: #fff;
}
.nb-theme-default nb-toggle.status-warning .native-input:disabled ~ .text {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-toggle.status-danger .text {
  color: #222b45;
}
.nb-theme-default nb-toggle.status-danger .toggle {
  background-color: rgba(255, 61, 113, .08);
  border-color: #ff3d71;
}
.nb-theme-default nb-toggle.status-danger .toggle.checked {
  background-color: #ff3d71;
  border-color: #ff3d71;
}
.nb-theme-default nb-toggle.status-danger .native-input:enabled:focus + .toggle {
  background-color: rgba(255, 61, 113, .24);
  border-color: #ff3d71;
}
.nb-theme-default nb-toggle.status-danger .native-input:enabled:focus + .toggle.checked {
  background-color: #db2c66;
  border-color: #b81d5b;
}
.nb-theme-default nb-toggle.status-danger .native-input:enabled:active + .toggle {
  background-color: rgba(255, 61, 113, .24);
  border-color: #ff3d71;
}
.nb-theme-default nb-toggle.status-danger .native-input:enabled:active + .toggle.checked {
  background-color: #db2c66;
  border-color: #db2c66;
}
.nb-theme-default nb-toggle.status-danger .native-input:enabled + .toggle:hover {
  background-color: rgba(255, 61, 113, .16);
  border-color: #ff3d71;
}
.nb-theme-default nb-toggle.status-danger .native-input:enabled + .toggle:hover.checked {
  background-color: #ff708d;
  border-color: #ff708d;
}
.nb-theme-default nb-toggle.status-danger .toggle-switcher {
  background-color: #fff;
}
.nb-theme-default nb-toggle.status-danger .toggle-switcher nb-icon {
  color: #ff3d71;
}
.nb-theme-default nb-toggle.status-danger .native-input:disabled + .toggle {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(143, 155, 179, .24);
}
.nb-theme-default nb-toggle.status-danger .native-input:disabled + .toggle .toggle-switcher {
  background-color: rgba(143, 155, 179, .24);
}
.nb-theme-default nb-toggle.status-danger .native-input:disabled + .toggle .toggle-switcher nb-icon {
  color: #fff;
}
.nb-theme-default nb-toggle.status-danger .native-input:disabled ~ .text {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-toggle.status-info .text {
  color: #222b45;
}
.nb-theme-default nb-toggle.status-info .toggle {
  background-color: rgba(0, 149, 255, .08);
  border-color: #0095ff;
}
.nb-theme-default nb-toggle.status-info .toggle.checked {
  background-color: #0095ff;
  border-color: #0095ff;
}
.nb-theme-default nb-toggle.status-info .native-input:enabled:focus + .toggle {
  background-color: rgba(0, 149, 255, .24);
  border-color: #0095ff;
}
.nb-theme-default nb-toggle.status-info .native-input:enabled:focus + .toggle.checked {
  background-color: #006fd6;
  border-color: #0057c2;
}
.nb-theme-default nb-toggle.status-info .native-input:enabled:active + .toggle {
  background-color: rgba(0, 149, 255, .24);
  border-color: #0095ff;
}
.nb-theme-default nb-toggle.status-info .native-input:enabled:active + .toggle.checked {
  background-color: #006fd6;
  border-color: #006fd6;
}
.nb-theme-default nb-toggle.status-info .native-input:enabled + .toggle:hover {
  background-color: rgba(0, 149, 255, .16);
  border-color: #0095ff;
}
.nb-theme-default nb-toggle.status-info .native-input:enabled + .toggle:hover.checked {
  background-color: #42aaff;
  border-color: #42aaff;
}
.nb-theme-default nb-toggle.status-info .toggle-switcher {
  background-color: #fff;
}
.nb-theme-default nb-toggle.status-info .toggle-switcher nb-icon {
  color: #0095ff;
}
.nb-theme-default nb-toggle.status-info .native-input:disabled + .toggle {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(143, 155, 179, .24);
}
.nb-theme-default nb-toggle.status-info .native-input:disabled + .toggle .toggle-switcher {
  background-color: rgba(143, 155, 179, .24);
}
.nb-theme-default nb-toggle.status-info .native-input:disabled + .toggle .toggle-switcher nb-icon {
  color: #fff;
}
.nb-theme-default nb-toggle.status-info .native-input:disabled ~ .text {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-toggle.status-control .text {
  color: #fff;
}
.nb-theme-default nb-toggle.status-control .toggle {
  background-color: hsla(0, 0%, 100%, .08);
  border-color: #fff;
}
.nb-theme-default nb-toggle.status-control .toggle.checked {
  background-color: hsla(0, 0%, 100%, .08);
  border-color: #fff;
}
.nb-theme-default nb-toggle.status-control .native-input:enabled:focus + .toggle {
  background-color: hsla(0, 0%, 100%, .24);
  border-color: #fff;
}
.nb-theme-default nb-toggle.status-control .native-input:enabled:focus + .toggle.checked {
  background-color: hsla(0, 0%, 100%, .24);
  border-color: #fff;
}
.nb-theme-default nb-toggle.status-control .native-input:enabled:active + .toggle {
  background-color: hsla(0, 0%, 100%, .24);
  border-color: #fff;
}
.nb-theme-default nb-toggle.status-control .native-input:enabled:active + .toggle.checked {
  background-color: hsla(0, 0%, 100%, .24);
  border-color: #fff;
}
.nb-theme-default nb-toggle.status-control .native-input:enabled + .toggle:hover {
  background-color: hsla(0, 0%, 100%, .16);
  border-color: #fff;
}
.nb-theme-default nb-toggle.status-control .native-input:enabled + .toggle:hover.checked {
  background-color: hsla(0, 0%, 100%, .16);
  border-color: #fff;
}
.nb-theme-default nb-toggle.status-control .toggle-switcher {
  background-color: #fff;
}
.nb-theme-default nb-toggle.status-control .toggle-switcher nb-icon {
  color: #222b45;
}
.nb-theme-default nb-toggle.status-control .native-input:disabled + .toggle {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(143, 155, 179, .24);
}
.nb-theme-default nb-toggle.status-control .native-input:disabled + .toggle .toggle-switcher {
  background-color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-toggle.status-control .native-input:disabled + .toggle .toggle-switcher nb-icon {
  color: #fff;
}
.nb-theme-default nb-toggle.status-control .native-input:disabled ~ .text {
  color: #fff;
}
.nb-theme-default nb-progress-bar .progress-container {
  border-radius: .25rem;
}
.nb-theme-default nb-progress-bar .progress-value {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Open Sans, sans-serif;
  transition-duration: 400ms;
  transition-property: width, background-color;
}
.nb-theme-default nb-progress-bar.size-tiny .progress-container {
  height: 1rem;
}
.nb-theme-default nb-progress-bar.size-tiny .progress-value {
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.nb-theme-default nb-progress-bar.size-small .progress-container {
  height: 1.25rem;
}
.nb-theme-default nb-progress-bar.size-small .progress-value {
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.nb-theme-default nb-progress-bar.size-medium .progress-container {
  height: 1.375rem;
}
.nb-theme-default nb-progress-bar.size-medium .progress-value {
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.nb-theme-default nb-progress-bar.size-large .progress-container {
  height: 1.5rem;
}
.nb-theme-default nb-progress-bar.size-large .progress-value {
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.nb-theme-default nb-progress-bar.size-giant .progress-container {
  height: 1.75rem;
}
.nb-theme-default nb-progress-bar.size-giant .progress-value {
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.nb-theme-default nb-progress-bar.status-basic .progress-container {
  background-color: #f7f9fc;
}
.nb-theme-default nb-progress-bar.status-basic .progress-value {
  background-color: #e4e9f2;
  color: #222b45;
}
.nb-theme-default nb-progress-bar.status-primary .progress-container {
  background-color: #edf1f7;
}
.nb-theme-default nb-progress-bar.status-primary .progress-value {
  background-color: #36f;
  color: #fff;
}
.nb-theme-default nb-progress-bar.status-success .progress-container {
  background-color: #edf1f7;
}
.nb-theme-default nb-progress-bar.status-success .progress-value {
  background-color: #00d68f;
  color: #fff;
}
.nb-theme-default nb-progress-bar.status-warning .progress-container {
  background-color: #edf1f7;
}
.nb-theme-default nb-progress-bar.status-warning .progress-value {
  background-color: #fa0;
  color: #fff;
}
.nb-theme-default nb-progress-bar.status-danger .progress-container {
  background-color: #edf1f7;
}
.nb-theme-default nb-progress-bar.status-danger .progress-value {
  background-color: #ff3d71;
  color: #fff;
}
.nb-theme-default nb-progress-bar.status-info .progress-container {
  background-color: #edf1f7;
}
.nb-theme-default nb-progress-bar.status-info .progress-value {
  background-color: #0095ff;
  color: #fff;
}
.nb-theme-default nb-progress-bar.status-control .progress-container {
  background-color: #edf1f7;
}
.nb-theme-default nb-progress-bar.status-control .progress-value {
  background-color: #fff;
  color: #222b45;
}
.nb-theme-default nb-badge {
  border-radius: .25rem;
  font-family: Open Sans, sans-serif;
  font-size: .625rem;
  font-weight: 700;
  line-height: .75rem;
  padding: .25rem .4rem;
}
.nb-theme-default nb-badge.dot-mode {
  padding: .3rem;
  border-radius: .5rem;
}
.nb-theme-default nb-badge.status-basic {
  color: #222b45;
  background-color: #f7f9fc;
}
.nb-theme-default nb-badge.status-primary {
  color: #fff;
  background-color: #36f;
}
.nb-theme-default nb-badge.status-success {
  color: #fff;
  background-color: #00d68f;
}
.nb-theme-default nb-badge.status-warning {
  color: #fff;
  background-color: #fa0;
}
.nb-theme-default nb-badge.status-danger {
  color: #fff;
  background-color: #ff3d71;
}
.nb-theme-default nb-badge.status-info {
  color: #fff;
  background-color: #0095ff;
}
.nb-theme-default nb-badge.status-control {
  color: #222b45;
  background-color: #fff;
}
.nb-theme-default nb-stepper.horizontal .header .step {
  width: 2rem;
  margin: 0 calc(2rem*.5);
}
.nb-theme-default nb-stepper.horizontal .header .connector {
  margin: 1rem;
}
.nb-theme-default nb-stepper.vertical .header .connector {
  margin: 1rem;
}
.nb-theme-default nb-stepper .header .connector {
  background-color: #edf1f7;
}
.nb-theme-default nb-stepper .header .connector-past {
  background-color: #36f;
}
.nb-theme-default nb-stepper .header .label-index {
  border-radius: 50%;
  border-color: #e4e9f2;
  border-style: solid;
  border-width: 1px;
  width: 2rem;
  height: 2rem;
}
.nb-theme-default nb-stepper .header .step {
  color: #8f9bb3;
  font-family: Open Sans, sans-serif;
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.nb-theme-default nb-stepper .header .step.label-index {
  border-color: #e4e9f2;
}
.nb-theme-default nb-stepper .header .step.selected {
  color: #274bdb;
}
.nb-theme-default nb-stepper .header .step.selected .label-index {
  border-color: #274bdb;
}
.nb-theme-default nb-stepper .header .step.completed {
  color: #36f;
}
.nb-theme-default nb-stepper .header .step.completed .label-index {
  background-color: #36f;
  border-color: #36f;
  color: #fff;
}
.nb-theme-default nb-stepper .step-content {
  padding: 1.25rem;
}
.nb-theme-default nb-alert {
  border-radius: .25rem;
  box-shadow: none;
  font-family: Open Sans, sans-serif;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.5rem;
  padding: 1rem 1.125rem;
  margin-bottom: 1.5rem;
}
.nb-theme-default nb-alert::-webkit-scrollbar {
  width: .3125rem;
  height: .3125rem;
}
.nb-theme-default nb-alert::-webkit-scrollbar-thumb {
  background: #e4e9f2;
  cursor: pointer;
  border-radius: calc(0.3125rem*.5);
}
.nb-theme-default nb-alert::-webkit-scrollbar-track {
  background: #f7f9fc;
}
.nb-theme-default nb-alert::-webkit-scrollbar-corner {
  background: #f7f9fc;
}
.nb-theme-default nb-alert {
  scrollbar-face-color: #e4e9f2;
  scrollbar-track-color: #f7f9fc;
}
[dir=ltr] .nb-theme-default nb-alert.closable {
  padding-right: 3rem;
}
[dir=rtl] .nb-theme-default nb-alert.closable {
  padding-left: 3rem;
}
.nb-theme-default nb-alert .close {
  padding: 1rem 1.125rem;
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
  font-family: monospace;
}
.nb-theme-default nb-alert.size-tiny {
  height: 4.5rem;
}
.nb-theme-default nb-alert.size-small {
  height: 5.75rem;
}
.nb-theme-default nb-alert.size-medium {
  height: 7rem;
}
.nb-theme-default nb-alert.size-large {
  height: 8.25rem;
}
.nb-theme-default nb-alert.size-giant {
  height: 9.5rem;
}
.nb-theme-default nb-alert.status-basic {
  color: #222b45;
  background-color: #f7f9fc;
}
.nb-theme-default nb-alert.status-basic a,
.nb-theme-default nb-alert.status-basic a:hover {
  color: #222b45;
}
.nb-theme-default nb-alert.accent-basic {
  border-top: .25rem solid #edf1f7;
}
.nb-theme-default nb-alert.outline-basic {
  border: 1px solid #c5cee0;
}
.nb-theme-default nb-alert.status-primary {
  color: #fff;
  background-color: #36f;
}
.nb-theme-default nb-alert.status-primary a,
.nb-theme-default nb-alert.status-primary a:hover {
  color: #fff;
}
.nb-theme-default nb-alert.accent-primary {
  border-top: .25rem solid #36f;
}
.nb-theme-default nb-alert.outline-primary {
  border: 1px solid #1a34b8;
}
.nb-theme-default nb-alert.status-success {
  color: #fff;
  background-color: #00d68f;
}
.nb-theme-default nb-alert.status-success a,
.nb-theme-default nb-alert.status-success a:hover {
  color: #fff;
}
.nb-theme-default nb-alert.accent-success {
  border-top: .25rem solid #00d68f;
}
.nb-theme-default nb-alert.outline-success {
  border: 1px solid #00997a;
}
.nb-theme-default nb-alert.status-warning {
  color: #fff;
  background-color: #fa0;
}
.nb-theme-default nb-alert.status-warning a,
.nb-theme-default nb-alert.status-warning a:hover {
  color: #fff;
}
.nb-theme-default nb-alert.accent-warning {
  border-top: .25rem solid #fa0;
}
.nb-theme-default nb-alert.outline-warning {
  border: 1px solid #b86e00;
}
.nb-theme-default nb-alert.status-danger {
  color: #fff;
  background-color: #ff3d71;
}
.nb-theme-default nb-alert.status-danger a,
.nb-theme-default nb-alert.status-danger a:hover {
  color: #fff;
}
.nb-theme-default nb-alert.accent-danger {
  border-top: .25rem solid #ff3d71;
}
.nb-theme-default nb-alert.outline-danger {
  border: 1px solid #b81d5b;
}
.nb-theme-default nb-alert.status-info {
  color: #fff;
  background-color: #0095ff;
}
.nb-theme-default nb-alert.status-info a,
.nb-theme-default nb-alert.status-info a:hover {
  color: #fff;
}
.nb-theme-default nb-alert.accent-info {
  border-top: .25rem solid #0095ff;
}
.nb-theme-default nb-alert.outline-info {
  border: 1px solid #0057c2;
}
.nb-theme-default nb-alert.status-control {
  color: #222b45;
  background-color: #fff;
}
.nb-theme-default nb-alert.status-control a,
.nb-theme-default nb-alert.status-control a:hover {
  color: #222b45;
}
.nb-theme-default nb-alert.accent-control {
  border-top: .25rem solid #fff;
}
.nb-theme-default nb-alert.outline-control {
  border: 1px solid #c5cee0;
}
.nb-theme-default nb-chat {
  background-color: #fff;
  border: none;
  border-radius: .25rem;
  box-shadow: 0 .5rem 1rem 0 rgba(44, 51, 73, .1);
  color: #222b45;
  font-family: Open Sans, sans-serif;
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.nb-theme-default nb-chat nb-icon {
  font-size: inherit;
}
.nb-theme-default nb-chat .header {
  border-bottom: 1px solid #edf1f7;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  padding: 1rem 1.25rem;
  font-family: Open Sans, sans-serif;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.nb-theme-default nb-chat .scrollable {
  overflow: auto;
  flex: 1;
}
.nb-theme-default nb-chat .scrollable::-webkit-scrollbar {
  width: .3125rem;
  height: .3125rem;
}
.nb-theme-default nb-chat .scrollable::-webkit-scrollbar-thumb {
  background: #e4e9f2;
  cursor: pointer;
  border-radius: calc(0.3125rem*.5);
}
.nb-theme-default nb-chat .scrollable::-webkit-scrollbar-track {
  background: #f7f9fc;
}
.nb-theme-default nb-chat .scrollable::-webkit-scrollbar-corner {
  background: #f7f9fc;
}
.nb-theme-default nb-chat .scrollable {
  scrollbar-face-color: #e4e9f2;
  scrollbar-track-color: #f7f9fc;
}
.nb-theme-default nb-chat .messages {
  padding: 1rem 1.25rem;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
}
.nb-theme-default nb-chat .no-messages {
  text-align: center;
}
.nb-theme-default nb-chat.size-tiny {
  height: 13.5rem;
}
.nb-theme-default nb-chat.size-small {
  height: 21rem;
}
.nb-theme-default nb-chat.size-medium {
  height: 28.5rem;
}
.nb-theme-default nb-chat.size-large {
  height: 36rem;
}
.nb-theme-default nb-chat.size-giant {
  height: 43.5rem;
}
.nb-theme-default nb-chat.status-basic .header {
  background-color: #fff;
  color: #222b45;
}
.nb-theme-default nb-chat.status-primary .header {
  background-color: #36f;
  color: #fff;
}
.nb-theme-default nb-chat.status-success .header {
  background-color: #00d68f;
  color: #fff;
}
.nb-theme-default nb-chat.status-warning .header {
  background-color: #fa0;
  color: #fff;
}
.nb-theme-default nb-chat.status-danger .header {
  background-color: #ff3d71;
  color: #fff;
}
.nb-theme-default nb-chat.status-info .header {
  background-color: #0095ff;
  color: #fff;
}
.nb-theme-default nb-chat.status-control .header {
  background-color: #fff;
  color: #222b45;
}
.nb-theme-default nb-chat-message {
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: row;
}
.nb-theme-default nb-chat-message .message {
  flex: 1;
}
.nb-theme-default nb-chat-message .avatar {
  display: block;
  border-radius: 50%;
  flex-shrink: 0;
  background: #c5cee0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 2.5rem;
  height: 2.5rem;
  text-align: center;
  line-height: 2.5rem;
  font-size: .875rem;
  color: #fff;
}
.nb-theme-default nb-chat-message nb-chat-message-text {
  display: flex;
  flex-direction: column;
}
.nb-theme-default nb-chat-message nb-chat-message-text .sender {
  font-size: .875rem;
  color: #8f9bb3;
  margin-top: 0;
  margin-bottom: .5rem;
}
.nb-theme-default nb-chat-message nb-chat-message-text p {
  word-break: break-word;
  white-space: pre-wrap;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}
.nb-theme-default nb-chat-message nb-chat-message-text .text {
  padding: 1rem;
  border-radius: .5rem;
}
.nb-theme-default nb-chat-message nb-chat-message-file {
  display: flex;
  flex-direction: column;
}
.nb-theme-default nb-chat-message nb-chat-message-file a {
  color: #8f9bb3;
  background: rgba(0, 0, 0, 0);
  font-size: 4rem;
  text-align: center;
  border: 1px solid #8f9bb3;
  width: 10rem;
  height: 10rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: .5rem;
}
.nb-theme-default nb-chat-message nb-chat-message-file a:hover,
.nb-theme-default nb-chat-message nb-chat-message-file a:focus {
  text-decoration: none;
  color: #8f9bb3;
}
.nb-theme-default nb-chat-message nb-chat-message-file a div {
  background-size: cover;
  width: 100%;
  height: 100%;
}
.nb-theme-default nb-chat-message nb-chat-message-file nb-chat-message-text {
  display: block;
  margin-bottom: .5rem;
}
.nb-theme-default nb-chat-message nb-chat-message-file .message-content-group {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.nb-theme-default nb-chat-message nb-chat-message-file .message-content-group a {
  margin-bottom: 1rem;
  width: 5rem;
  height: 5rem;
}
[dir=ltr] .nb-theme-default nb-chat-message nb-chat-message-file .message-content-group a {
  margin-right: 1rem;
}
[dir=rtl] .nb-theme-default nb-chat-message nb-chat-message-file .message-content-group a {
  margin-left: 1rem;
}
.nb-theme-default nb-chat-message nb-chat-message-quote p.quote {
  font-style: italic;
  font-size: .875rem;
  background: #f7f9fc;
  color: #8f9bb3;
  padding: 1rem;
  border-radius: .5rem;
  margin-top: 0;
  margin-bottom: .5rem;
}
.nb-theme-default nb-chat-message nb-chat-message-quote .sender {
  font-size: .875rem;
  color: #8f9bb3;
  margin-bottom: .5rem;
}
[dir=ltr] .nb-theme-default nb-chat-message.not-reply .message {
  margin-left: .5rem;
}
[dir=rtl] .nb-theme-default nb-chat-message.not-reply .message {
  margin-right: .5rem;
}
[dir=ltr] .nb-theme-default nb-chat-message.not-reply .message {
  margin-right: 3rem;
}
[dir=rtl] .nb-theme-default nb-chat-message.not-reply .message {
  margin-left: 3rem;
}
.nb-theme-default nb-chat-message.not-reply nb-chat-message-text {
  align-items: flex-start;
}
.nb-theme-default nb-chat-message.not-reply nb-chat-message-text .text {
  background: #36f;
  color: #fff;
}
[dir=ltr] .nb-theme-default nb-chat-message.not-reply nb-chat-message-text .text {
  border-top-left-radius: 0;
}
[dir=rtl] .nb-theme-default nb-chat-message.not-reply nb-chat-message-text .text {
  border-top-right-radius: 0;
}
.nb-theme-default nb-chat-message.not-reply nb-chat-message-file {
  align-items: flex-start;
}
.nb-theme-default nb-chat-message.reply {
  flex-direction: row-reverse;
}
.nb-theme-default nb-chat-message.reply .message {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-left: 0;
}
[dir=ltr] .nb-theme-default nb-chat-message.reply .message {
  margin-right: .5rem;
}
[dir=rtl] .nb-theme-default nb-chat-message.reply .message {
  margin-left: .5rem;
}
[dir=ltr] .nb-theme-default nb-chat-message.reply .message {
  margin-left: 3rem;
}
[dir=rtl] .nb-theme-default nb-chat-message.reply .message {
  margin-right: 3rem;
}
.nb-theme-default nb-chat-message.reply nb-chat-message-text {
  align-items: flex-end;
}
[dir=ltr] .nb-theme-default nb-chat-message.reply nb-chat-message-text .sender {
  text-align: right;
}
[dir=rtl] .nb-theme-default nb-chat-message.reply nb-chat-message-text .sender {
  text-align: left;
}
.nb-theme-default nb-chat-message.reply nb-chat-message-text .text {
  background: #f7f9fc;
  color: #222b45;
}
[dir=ltr] .nb-theme-default nb-chat-message.reply nb-chat-message-text .text {
  border-top-right-radius: 0;
}
[dir=rtl] .nb-theme-default nb-chat-message.reply nb-chat-message-text .text {
  border-top-left-radius: 0;
}
.nb-theme-default nb-chat-message.reply nb-chat-message-file {
  align-items: flex-end;
}
.nb-theme-default nb-chat-form {
  display: flex;
  flex-direction: column;
  padding: 1rem 1.25rem;
  border-top: 1px solid #edf1f7;
}
.nb-theme-default nb-chat-form .message-row {
  flex-direction: row;
  display: flex;
}
.nb-theme-default nb-chat-form input {
  flex: 1;
}
.nb-theme-default nb-chat-form input.with-button {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
[dir=ltr] .nb-theme-default nb-chat-form input.with-button {
  border-bottom-right-radius: 0;
}
[dir=ltr] .nb-theme-default nb-chat-form input.with-button {
  border-top-right-radius: 0;
}
[dir=rtl] .nb-theme-default nb-chat-form input.with-button {
  border-bottom-left-radius: 0;
}
[dir=rtl] .nb-theme-default nb-chat-form input.with-button {
  border-top-left-radius: 0;
}
.nb-theme-default nb-chat-form .send-button nb-icon {
  font-size: 1.5rem;
}
[dir=ltr] .nb-theme-default nb-chat-form .send-button {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
[dir=rtl] .nb-theme-default nb-chat-form .send-button {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.nb-theme-default nb-chat-form .dropped-files {
  display: flex;
  flex-direction: row;
  margin-bottom: .5rem;
  flex-wrap: wrap;
}
.nb-theme-default nb-chat-form .dropped-files div {
  background-size: cover;
  width: 3rem;
  height: 3rem;
  border-radius: .5rem;
  margin-bottom: .5rem;
  border: 1px solid currentColor;
  text-align: center;
  font-size: 2rem;
  position: relative;
}
[dir=ltr] .nb-theme-default nb-chat-form .dropped-files div {
  margin-right: .5rem;
}
[dir=rtl] .nb-theme-default nb-chat-form .dropped-files div {
  margin-left: .5rem;
}
.nb-theme-default nb-chat-form .dropped-files div .remove {
  position: absolute;
  right: -0.5rem;
  top: -0.875rem;
  font-size: .875rem;
  line-height: 1;
  cursor: pointer;
}
.nb-theme-default nb-chat-form .dropped-files div nb-icon {
  width: 65%;
  height: 100%;
}
.nb-theme-default .nb-custom-message {
  display: inline-block;
  padding: 1rem 1.25rem;
  margin-top: .5rem;
  border-radius: .5rem;
}
.nb-theme-default .nb-custom-message-full-width {
  width: 100%;
}
.nb-theme-default .nb-custom-message-no-space {
  margin-top: 0;
}
.nb-theme-default .nb-custom-message-not-reply {
  background: #36f;
  color: #fff;
}
[dir=ltr] .nb-theme-default .nb-custom-message-not-reply {
  border-top-left-radius: 0;
}
[dir=rtl] .nb-theme-default .nb-custom-message-not-reply {
  border-top-right-radius: 0;
}
.nb-theme-default .nb-custom-message-not-reply a,
.nb-theme-default .nb-custom-message-not-reply a:hover,
.nb-theme-default .nb-custom-message-not-reply a:focus {
  color: #fff;
}
.nb-theme-default .nb-custom-message-reply {
  background: #f7f9fc;
  color: #222b45;
}
[dir=ltr] .nb-theme-default .nb-custom-message-reply {
  border-top-right-radius: 0;
}
[dir=rtl] .nb-theme-default .nb-custom-message-reply {
  border-top-left-radius: 0;
}
.nb-theme-default nb-accordion {
  display: block;
  box-shadow: 0 .5rem 1rem 0 rgba(44, 51, 73, .1);
  border-radius: .25rem;
}
.nb-theme-default nb-accordion-item-header {
  position: relative;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #edf1f7;
  color: #222b45;
  font-family: Open Sans, sans-serif;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.5rem;
  padding: 1.25rem;
}
.nb-theme-default nb-accordion-item-header h1 {
  margin: 0;
}
.nb-theme-default nb-accordion-item-header h2 {
  margin: 0;
}
.nb-theme-default nb-accordion-item-header h3 {
  margin: 0;
}
.nb-theme-default nb-accordion-item-header h4 {
  margin: 0;
}
.nb-theme-default nb-accordion-item-header h5 {
  margin: 0;
}
.nb-theme-default nb-accordion-item-header h6 {
  margin: 0;
}
.nb-theme-default nb-accordion-item-header .expansion-indicator {
  position: absolute;
}
[dir=ltr] .nb-theme-default nb-accordion-item-header .expansion-indicator {
  right: 1rem;
}
[dir=rtl] .nb-theme-default nb-accordion-item-header .expansion-indicator {
  left: 1rem;
}
.nb-theme-default nb-accordion-item {
  background-color: #fff;
  color: #222b45;
  font-family: Open Sans, sans-serif;
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.nb-theme-default nb-accordion-item.disabled nb-accordion-item-header {
  color: rgba(143, 155, 179, .48);
  cursor: default;
}
.nb-theme-default nb-accordion-item:first-child {
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
}
.nb-theme-default nb-accordion-item:last-child {
  border-bottom-left-radius: .25rem;
  border-bottom-right-radius: .25rem;
}
.nb-theme-default nb-accordion-item:last-child.collapsed nb-accordion-item-header {
  border-bottom: none;
}
.nb-theme-default nb-accordion-item:not(.collapsed) + nb-accordion-item nb-accordion-item-header {
  border-top-color: #edf1f7;
  border-top-style: solid;
  border-top-width: 1px;
}
.nb-theme-default nb-accordion-item-body .item-body {
  flex: 1;
  -ms-flex: 1 1 auto;
  overflow: auto;
  padding: 1.25rem;
  position: relative;
}
.nb-theme-default [nbButton],
.nb-theme-default [nbButtonToggle] {
  appearance: none;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  font-family: Open Sans, sans-serif;
  font-weight: 700;
}
.nb-theme-default [nbButton]:hover,
.nb-theme-default [nbButtonToggle]:hover,
.nb-theme-default [nbButton]:focus,
.nb-theme-default [nbButtonToggle]:focus {
  text-decoration: none;
}
.nb-theme-default [nbButton].full-width,
.nb-theme-default .full-width[nbButtonToggle] {
  width: 100%;
}
.nb-theme-default [nbButton] nb-icon,
.nb-theme-default [nbButtonToggle] nb-icon {
  vertical-align: top;
}
.nb-theme-default [nbButton].nb-transition,
.nb-theme-default .nb-transition[nbButtonToggle] {
  transition-duration: .15s;
  transition-property:
    background-color,
    border-color,
    box-shadow,
    color;
  transition-timing-function: ease-in;
}
.nb-theme-default [nbButton]:focus,
.nb-theme-default [nbButtonToggle]:focus {
  position: relative;
  outline: none;
  box-shadow: 0 0 0 .375rem rgba(143, 155, 179, .16);
}
.nb-theme-default [nbButton][disabled],
.nb-theme-default [disabled][nbButtonToggle],
.nb-theme-default [nbButton].btn-disabled,
.nb-theme-default .btn-disabled[nbButtonToggle] {
  cursor: default;
}
.nb-theme-default [nbButton].size-tiny,
.nb-theme-default .size-tiny[nbButtonToggle] {
  font-size: .625rem;
  line-height: .75rem;
}
.nb-theme-default [nbButton].size-tiny nb-icon,
.nb-theme-default .size-tiny[nbButtonToggle] nb-icon {
  font-size: .625rem;
  height: .75rem;
  width: .75rem;
  margin-top: -0.125rem;
  margin-bottom: -0.125rem;
}
[dir=ltr] .nb-theme-default [nbButton].size-tiny.icon-start:not(.icon-end) nb-icon,
[dir=ltr] .nb-theme-default .size-tiny.icon-start[nbButtonToggle]:not(.icon-end) nb-icon {
  margin-right: .375rem;
}
[dir=rtl] .nb-theme-default [nbButton].size-tiny.icon-start:not(.icon-end) nb-icon,
[dir=rtl] .nb-theme-default .size-tiny.icon-start[nbButtonToggle]:not(.icon-end) nb-icon {
  margin-left: .375rem;
}
[dir=ltr] .nb-theme-default [nbButton].size-tiny.icon-end:not(.icon-start) nb-icon,
[dir=ltr] .nb-theme-default .size-tiny.icon-end[nbButtonToggle]:not(.icon-start) nb-icon {
  margin-left: .375rem;
}
[dir=rtl] .nb-theme-default [nbButton].size-tiny.icon-end:not(.icon-start) nb-icon,
[dir=rtl] .nb-theme-default .size-tiny.icon-end[nbButtonToggle]:not(.icon-start) nb-icon {
  margin-right: .375rem;
}
.nb-theme-default [nbButton].size-tiny.icon-start.icon-end.appearance-filled,
.nb-theme-default .size-tiny.icon-start.icon-end.appearance-filled[nbButtonToggle] {
  padding: .4375rem .3125rem;
}
.nb-theme-default [nbButton].size-tiny.icon-start.icon-end.appearance-outline,
.nb-theme-default .size-tiny.icon-start.icon-end.appearance-outline[nbButtonToggle] {
  padding: .4375rem .3125rem;
}
.nb-theme-default [nbButton].size-tiny.icon-start.icon-end.appearance-ghost,
.nb-theme-default .size-tiny.icon-start.icon-end.appearance-ghost[nbButtonToggle] {
  padding: .4375rem .3125rem;
}
.nb-theme-default [nbButton].size-tiny.icon-start.icon-end.appearance-hero,
.nb-theme-default .size-tiny.icon-start.icon-end.appearance-hero[nbButtonToggle] {
  padding: .5rem .375rem;
}
.nb-theme-default [nbButton].size-small,
.nb-theme-default .size-small[nbButtonToggle] {
  font-size: .75rem;
  line-height: 1rem;
}
.nb-theme-default [nbButton].size-small nb-icon,
.nb-theme-default .size-small[nbButtonToggle] nb-icon {
  font-size: .75rem;
  height: 1rem;
  width: 1rem;
  margin-top: -0.125rem;
  margin-bottom: -0.125rem;
}
[dir=ltr] .nb-theme-default [nbButton].size-small.icon-start:not(.icon-end) nb-icon,
[dir=ltr] .nb-theme-default .size-small.icon-start[nbButtonToggle]:not(.icon-end) nb-icon {
  margin-right: .375rem;
}
[dir=rtl] .nb-theme-default [nbButton].size-small.icon-start:not(.icon-end) nb-icon,
[dir=rtl] .nb-theme-default .size-small.icon-start[nbButtonToggle]:not(.icon-end) nb-icon {
  margin-left: .375rem;
}
[dir=ltr] .nb-theme-default [nbButton].size-small.icon-end:not(.icon-start) nb-icon,
[dir=ltr] .nb-theme-default .size-small.icon-end[nbButtonToggle]:not(.icon-start) nb-icon {
  margin-left: .375rem;
}
[dir=rtl] .nb-theme-default [nbButton].size-small.icon-end:not(.icon-start) nb-icon,
[dir=rtl] .nb-theme-default .size-small.icon-end[nbButtonToggle]:not(.icon-start) nb-icon {
  margin-right: .375rem;
}
.nb-theme-default [nbButton].size-small.icon-start.icon-end.appearance-filled,
.nb-theme-default .size-small.icon-start.icon-end.appearance-filled[nbButtonToggle] {
  padding: .5625rem .4375rem;
}
.nb-theme-default [nbButton].size-small.icon-start.icon-end.appearance-outline,
.nb-theme-default .size-small.icon-start.icon-end.appearance-outline[nbButtonToggle] {
  padding: .5625rem .4375rem;
}
.nb-theme-default [nbButton].size-small.icon-start.icon-end.appearance-ghost,
.nb-theme-default .size-small.icon-start.icon-end.appearance-ghost[nbButtonToggle] {
  padding: .5625rem .4375rem;
}
.nb-theme-default [nbButton].size-small.icon-start.icon-end.appearance-hero,
.nb-theme-default .size-small.icon-start.icon-end.appearance-hero[nbButtonToggle] {
  padding: .5625rem .5rem;
}
.nb-theme-default [nbButton].size-medium,
.nb-theme-default .size-medium[nbButtonToggle] {
  font-size: .875rem;
  line-height: 1rem;
}
.nb-theme-default [nbButton].size-medium nb-icon,
.nb-theme-default .size-medium[nbButtonToggle] nb-icon {
  font-size: .875rem;
  height: 1.25rem;
  width: 1.25rem;
  margin-top: -0.125rem;
  margin-bottom: -0.125rem;
}
[dir=ltr] .nb-theme-default [nbButton].size-medium.icon-start:not(.icon-end) nb-icon,
[dir=ltr] .nb-theme-default .size-medium.icon-start[nbButtonToggle]:not(.icon-end) nb-icon {
  margin-right: .5rem;
}
[dir=rtl] .nb-theme-default [nbButton].size-medium.icon-start:not(.icon-end) nb-icon,
[dir=rtl] .nb-theme-default .size-medium.icon-start[nbButtonToggle]:not(.icon-end) nb-icon {
  margin-left: .5rem;
}
[dir=ltr] .nb-theme-default [nbButton].size-medium.icon-end:not(.icon-start) nb-icon,
[dir=ltr] .nb-theme-default .size-medium.icon-end[nbButtonToggle]:not(.icon-start) nb-icon {
  margin-left: .5rem;
}
[dir=rtl] .nb-theme-default [nbButton].size-medium.icon-end:not(.icon-start) nb-icon,
[dir=rtl] .nb-theme-default .size-medium.icon-end[nbButtonToggle]:not(.icon-start) nb-icon {
  margin-right: .5rem;
}
.nb-theme-default [nbButton].size-medium.icon-start.icon-end.appearance-filled,
.nb-theme-default .size-medium.icon-start.icon-end.appearance-filled[nbButtonToggle] {
  padding: .6875rem .5625rem;
}
.nb-theme-default [nbButton].size-medium.icon-start.icon-end.appearance-outline,
.nb-theme-default .size-medium.icon-start.icon-end.appearance-outline[nbButtonToggle] {
  padding: .6875rem .5625rem;
}
.nb-theme-default [nbButton].size-medium.icon-start.icon-end.appearance-ghost,
.nb-theme-default .size-medium.icon-start.icon-end.appearance-ghost[nbButtonToggle] {
  padding: .6875rem .5625rem;
}
.nb-theme-default [nbButton].size-medium.icon-start.icon-end.appearance-hero,
.nb-theme-default .size-medium.icon-start.icon-end.appearance-hero[nbButtonToggle] {
  padding: .75rem .5625rem;
}
.nb-theme-default [nbButton].size-large,
.nb-theme-default .size-large[nbButtonToggle] {
  font-size: 1rem;
  line-height: 1.25rem;
}
.nb-theme-default [nbButton].size-large nb-icon,
.nb-theme-default .size-large[nbButtonToggle] nb-icon {
  font-size: 1rem;
  height: 1.5rem;
  width: 1.5rem;
  margin-top: -0.125rem;
  margin-bottom: -0.125rem;
}
[dir=ltr] .nb-theme-default [nbButton].size-large.icon-start:not(.icon-end) nb-icon,
[dir=ltr] .nb-theme-default .size-large.icon-start[nbButtonToggle]:not(.icon-end) nb-icon {
  margin-right: .75rem;
}
[dir=rtl] .nb-theme-default [nbButton].size-large.icon-start:not(.icon-end) nb-icon,
[dir=rtl] .nb-theme-default .size-large.icon-start[nbButtonToggle]:not(.icon-end) nb-icon {
  margin-left: .75rem;
}
[dir=ltr] .nb-theme-default [nbButton].size-large.icon-end:not(.icon-start) nb-icon,
[dir=ltr] .nb-theme-default .size-large.icon-end[nbButtonToggle]:not(.icon-start) nb-icon {
  margin-left: .75rem;
}
[dir=rtl] .nb-theme-default [nbButton].size-large.icon-end:not(.icon-start) nb-icon,
[dir=rtl] .nb-theme-default .size-large.icon-end[nbButtonToggle]:not(.icon-start) nb-icon {
  margin-right: .75rem;
}
.nb-theme-default [nbButton].size-large.icon-start.icon-end.appearance-filled,
.nb-theme-default .size-large.icon-start.icon-end.appearance-filled[nbButtonToggle] {
  padding: .8125rem .6875rem;
}
.nb-theme-default [nbButton].size-large.icon-start.icon-end.appearance-outline,
.nb-theme-default .size-large.icon-start.icon-end.appearance-outline[nbButtonToggle] {
  padding: .8125rem .6875rem;
}
.nb-theme-default [nbButton].size-large.icon-start.icon-end.appearance-ghost,
.nb-theme-default .size-large.icon-start.icon-end.appearance-ghost[nbButtonToggle] {
  padding: .8125rem .6875rem;
}
.nb-theme-default [nbButton].size-large.icon-start.icon-end.appearance-hero,
.nb-theme-default .size-large.icon-start.icon-end.appearance-hero[nbButtonToggle] {
  padding: .875rem .6875rem;
}
.nb-theme-default [nbButton].size-giant,
.nb-theme-default .size-giant[nbButtonToggle] {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.nb-theme-default [nbButton].size-giant nb-icon,
.nb-theme-default .size-giant[nbButtonToggle] nb-icon {
  font-size: 1.125rem;
  height: 1.5rem;
  width: 1.5rem;
  margin-top: -0.125rem;
  margin-bottom: -0.125rem;
}
[dir=ltr] .nb-theme-default [nbButton].size-giant.icon-start:not(.icon-end) nb-icon,
[dir=ltr] .nb-theme-default .size-giant.icon-start[nbButtonToggle]:not(.icon-end) nb-icon {
  margin-right: .75rem;
}
[dir=rtl] .nb-theme-default [nbButton].size-giant.icon-start:not(.icon-end) nb-icon,
[dir=rtl] .nb-theme-default .size-giant.icon-start[nbButtonToggle]:not(.icon-end) nb-icon {
  margin-left: .75rem;
}
[dir=ltr] .nb-theme-default [nbButton].size-giant.icon-end:not(.icon-start) nb-icon,
[dir=ltr] .nb-theme-default .size-giant.icon-end[nbButtonToggle]:not(.icon-start) nb-icon {
  margin-left: .75rem;
}
[dir=rtl] .nb-theme-default [nbButton].size-giant.icon-end:not(.icon-start) nb-icon,
[dir=rtl] .nb-theme-default .size-giant.icon-end[nbButtonToggle]:not(.icon-start) nb-icon {
  margin-right: .75rem;
}
.nb-theme-default [nbButton].size-giant.icon-start.icon-end.appearance-filled,
.nb-theme-default .size-giant.icon-start.icon-end.appearance-filled[nbButtonToggle] {
  padding: 1.0625rem .9375rem;
}
.nb-theme-default [nbButton].size-giant.icon-start.icon-end.appearance-outline,
.nb-theme-default .size-giant.icon-start.icon-end.appearance-outline[nbButtonToggle] {
  padding: 1.0625rem .9375rem;
}
.nb-theme-default [nbButton].size-giant.icon-start.icon-end.appearance-ghost,
.nb-theme-default .size-giant.icon-start.icon-end.appearance-ghost[nbButtonToggle] {
  padding: 1.0625rem .9375rem;
}
.nb-theme-default [nbButton].size-giant.icon-start.icon-end.appearance-hero,
.nb-theme-default .size-giant.icon-start.icon-end.appearance-hero[nbButtonToggle] {
  padding: 1.0625rem 1rem;
}
.nb-theme-default [nbButton].shape-rectangle,
.nb-theme-default .shape-rectangle[nbButtonToggle] {
  border-radius: .25rem;
}
.nb-theme-default [nbButton].shape-semi-round,
.nb-theme-default .shape-semi-round[nbButtonToggle] {
  border-radius: .75rem;
}
.nb-theme-default [nbButton].shape-round,
.nb-theme-default .shape-round[nbButtonToggle] {
  border-radius: 1.5rem;
}
.nb-theme-default a[nbButton],
.nb-theme-default a[nbButtonToggle] {
  text-decoration: none;
}
.nb-theme-default [nbButton].appearance-filled,
.nb-theme-default .appearance-filled[nbButtonToggle] {
  border-style: solid;
  border-width: .0625rem;
  text-transform: uppercase;
}
.nb-theme-default [nbButton].appearance-filled.size-tiny,
.nb-theme-default .appearance-filled.size-tiny[nbButtonToggle] {
  padding: .3125rem .625rem;
}
.nb-theme-default [nbButton].appearance-filled.size-small,
.nb-theme-default .appearance-filled.size-small[nbButtonToggle] {
  padding: .4375rem .875rem;
}
.nb-theme-default [nbButton].appearance-filled.size-medium,
.nb-theme-default .appearance-filled.size-medium[nbButtonToggle] {
  padding: .6875rem 1.125rem;
}
.nb-theme-default [nbButton].appearance-filled.size-large,
.nb-theme-default .appearance-filled.size-large[nbButtonToggle] {
  padding: .8125rem 1.125rem;
}
.nb-theme-default [nbButton].appearance-filled.size-giant,
.nb-theme-default .appearance-filled.size-giant[nbButtonToggle] {
  padding: .9375rem 1.375rem;
}
.nb-theme-default [nbButton].appearance-filled.status-basic,
.nb-theme-default .appearance-filled.status-basic[nbButtonToggle] {
  background-color: #edf1f7;
  border-color: #edf1f7;
  color: #222b45;
}
.nb-theme-default [nbButton].appearance-filled.status-basic:focus,
.nb-theme-default .appearance-filled.status-basic[nbButtonToggle]:focus {
  background-color: #e4e9f2;
  border-color: #c5cee0;
}
.nb-theme-default [nbButton].appearance-filled.status-basic:hover,
.nb-theme-default .appearance-filled.status-basic[nbButtonToggle]:hover {
  background-color: #f7f9fc;
  border-color: #f7f9fc;
}
.nb-theme-default [nbButton].appearance-filled.status-basic:active,
.nb-theme-default .appearance-filled.status-basic[nbButtonToggle]:active {
  background-color: #e4e9f2;
  border-color: #e4e9f2;
}
.nb-theme-default [nbButton].appearance-filled.status-basic[disabled],
.nb-theme-default .appearance-filled.status-basic[disabled][nbButtonToggle],
.nb-theme-default [nbButton].appearance-filled.status-basic.btn-disabled,
.nb-theme-default .appearance-filled.status-basic.btn-disabled[nbButtonToggle] {
  background-color: rgba(143, 155, 179, .24);
  border-color: rgba(143, 155, 179, .24);
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbButton].appearance-filled.status-primary,
.nb-theme-default .appearance-filled.status-primary[nbButtonToggle] {
  background-color: #36f;
  border-color: #36f;
  color: #fff;
}
.nb-theme-default [nbButton].appearance-filled.status-primary:focus,
.nb-theme-default .appearance-filled.status-primary[nbButtonToggle]:focus {
  background-color: #274bdb;
  border-color: #1a34b8;
}
.nb-theme-default [nbButton].appearance-filled.status-primary:hover,
.nb-theme-default .appearance-filled.status-primary[nbButtonToggle]:hover {
  background-color: #598bff;
  border-color: #598bff;
}
.nb-theme-default [nbButton].appearance-filled.status-primary:active,
.nb-theme-default .appearance-filled.status-primary[nbButtonToggle]:active {
  background-color: #274bdb;
  border-color: #274bdb;
}
.nb-theme-default [nbButton].appearance-filled.status-primary[disabled],
.nb-theme-default .appearance-filled.status-primary[disabled][nbButtonToggle],
.nb-theme-default [nbButton].appearance-filled.status-primary.btn-disabled,
.nb-theme-default .appearance-filled.status-primary.btn-disabled[nbButtonToggle] {
  background-color: rgba(143, 155, 179, .24);
  border-color: rgba(143, 155, 179, .24);
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbButton].appearance-filled.status-success,
.nb-theme-default .appearance-filled.status-success[nbButtonToggle] {
  background-color: #00d68f;
  border-color: #00d68f;
  color: #fff;
}
.nb-theme-default [nbButton].appearance-filled.status-success:focus,
.nb-theme-default .appearance-filled.status-success[nbButtonToggle]:focus {
  background-color: #00b887;
  border-color: #00997a;
}
.nb-theme-default [nbButton].appearance-filled.status-success:hover,
.nb-theme-default .appearance-filled.status-success[nbButtonToggle]:hover {
  background-color: #2ce69b;
  border-color: #2ce69b;
}
.nb-theme-default [nbButton].appearance-filled.status-success:active,
.nb-theme-default .appearance-filled.status-success[nbButtonToggle]:active {
  background-color: #00b887;
  border-color: #00b887;
}
.nb-theme-default [nbButton].appearance-filled.status-success[disabled],
.nb-theme-default .appearance-filled.status-success[disabled][nbButtonToggle],
.nb-theme-default [nbButton].appearance-filled.status-success.btn-disabled,
.nb-theme-default .appearance-filled.status-success.btn-disabled[nbButtonToggle] {
  background-color: rgba(143, 155, 179, .24);
  border-color: rgba(143, 155, 179, .24);
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbButton].appearance-filled.status-warning,
.nb-theme-default .appearance-filled.status-warning[nbButtonToggle] {
  background-color: #fa0;
  border-color: #fa0;
  color: #fff;
}
.nb-theme-default [nbButton].appearance-filled.status-warning:focus,
.nb-theme-default .appearance-filled.status-warning[nbButtonToggle]:focus {
  background-color: #db8b00;
  border-color: #b86e00;
}
.nb-theme-default [nbButton].appearance-filled.status-warning:hover,
.nb-theme-default .appearance-filled.status-warning[nbButtonToggle]:hover {
  background-color: #ffc94d;
  border-color: #ffc94d;
}
.nb-theme-default [nbButton].appearance-filled.status-warning:active,
.nb-theme-default .appearance-filled.status-warning[nbButtonToggle]:active {
  background-color: #db8b00;
  border-color: #db8b00;
}
.nb-theme-default [nbButton].appearance-filled.status-warning[disabled],
.nb-theme-default .appearance-filled.status-warning[disabled][nbButtonToggle],
.nb-theme-default [nbButton].appearance-filled.status-warning.btn-disabled,
.nb-theme-default .appearance-filled.status-warning.btn-disabled[nbButtonToggle] {
  background-color: rgba(143, 155, 179, .24);
  border-color: rgba(143, 155, 179, .24);
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbButton].appearance-filled.status-danger,
.nb-theme-default .appearance-filled.status-danger[nbButtonToggle] {
  background-color: #ff3d71;
  border-color: #ff3d71;
  color: #fff;
}
.nb-theme-default [nbButton].appearance-filled.status-danger:focus,
.nb-theme-default .appearance-filled.status-danger[nbButtonToggle]:focus {
  background-color: #db2c66;
  border-color: #b81d5b;
}
.nb-theme-default [nbButton].appearance-filled.status-danger:hover,
.nb-theme-default .appearance-filled.status-danger[nbButtonToggle]:hover {
  background-color: #ff708d;
  border-color: #ff708d;
}
.nb-theme-default [nbButton].appearance-filled.status-danger:active,
.nb-theme-default .appearance-filled.status-danger[nbButtonToggle]:active {
  background-color: #db2c66;
  border-color: #db2c66;
}
.nb-theme-default [nbButton].appearance-filled.status-danger[disabled],
.nb-theme-default .appearance-filled.status-danger[disabled][nbButtonToggle],
.nb-theme-default [nbButton].appearance-filled.status-danger.btn-disabled,
.nb-theme-default .appearance-filled.status-danger.btn-disabled[nbButtonToggle] {
  background-color: rgba(143, 155, 179, .24);
  border-color: rgba(143, 155, 179, .24);
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbButton].appearance-filled.status-info,
.nb-theme-default .appearance-filled.status-info[nbButtonToggle] {
  background-color: #0095ff;
  border-color: #0095ff;
  color: #fff;
}
.nb-theme-default [nbButton].appearance-filled.status-info:focus,
.nb-theme-default .appearance-filled.status-info[nbButtonToggle]:focus {
  background-color: #006fd6;
  border-color: #0057c2;
}
.nb-theme-default [nbButton].appearance-filled.status-info:hover,
.nb-theme-default .appearance-filled.status-info[nbButtonToggle]:hover {
  background-color: #42aaff;
  border-color: #42aaff;
}
.nb-theme-default [nbButton].appearance-filled.status-info:active,
.nb-theme-default .appearance-filled.status-info[nbButtonToggle]:active {
  background-color: #006fd6;
  border-color: #006fd6;
}
.nb-theme-default [nbButton].appearance-filled.status-info[disabled],
.nb-theme-default .appearance-filled.status-info[disabled][nbButtonToggle],
.nb-theme-default [nbButton].appearance-filled.status-info.btn-disabled,
.nb-theme-default .appearance-filled.status-info.btn-disabled[nbButtonToggle] {
  background-color: rgba(143, 155, 179, .24);
  border-color: rgba(143, 155, 179, .24);
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbButton].appearance-filled.status-control,
.nb-theme-default .appearance-filled.status-control[nbButtonToggle] {
  background-color: #fff;
  border-color: #fff;
  color: #222b45;
}
.nb-theme-default [nbButton].appearance-filled.status-control:focus,
.nb-theme-default .appearance-filled.status-control[nbButtonToggle]:focus {
  background-color: #edf1f7;
  border-color: #c5cee0;
}
.nb-theme-default [nbButton].appearance-filled.status-control:hover,
.nb-theme-default .appearance-filled.status-control[nbButtonToggle]:hover {
  background-color: #f7f9fc;
  border-color: #f7f9fc;
}
.nb-theme-default [nbButton].appearance-filled.status-control:active,
.nb-theme-default .appearance-filled.status-control[nbButtonToggle]:active {
  background-color: #edf1f7;
  border-color: #edf1f7;
}
.nb-theme-default [nbButton].appearance-filled.status-control[disabled],
.nb-theme-default .appearance-filled.status-control[disabled][nbButtonToggle],
.nb-theme-default [nbButton].appearance-filled.status-control.btn-disabled,
.nb-theme-default .appearance-filled.status-control.btn-disabled[nbButtonToggle] {
  background-color: rgba(143, 155, 179, .24);
  border-color: rgba(143, 155, 179, .24);
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbButton].appearance-outline,
.nb-theme-default .appearance-outline[nbButtonToggle] {
  border-style: solid;
  border-width: .0625rem;
  text-transform: uppercase;
}
.nb-theme-default [nbButton].appearance-outline:focus,
.nb-theme-default .appearance-outline[nbButtonToggle]:focus {
  box-shadow: 0 0 0 .375rem rgba(143, 155, 179, .16);
}
.nb-theme-default [nbButton].appearance-outline:focus:not(:hover):not(:active),
.nb-theme-default .appearance-outline[nbButtonToggle]:focus:not(:hover):not(:active) {
  box-shadow: 0 0 0 .375rem rgba(143, 155, 179, .16), inset 0 0 0 100vmax rgba(143, 155, 179, .16);
}
.nb-theme-default [nbButton].appearance-outline.size-tiny,
.nb-theme-default .appearance-outline.size-tiny[nbButtonToggle] {
  padding: .3125rem .625rem;
}
.nb-theme-default [nbButton].appearance-outline.size-small,
.nb-theme-default .appearance-outline.size-small[nbButtonToggle] {
  padding: .4375rem .875rem;
}
.nb-theme-default [nbButton].appearance-outline.size-medium,
.nb-theme-default .appearance-outline.size-medium[nbButtonToggle] {
  padding: .6875rem 1.125rem;
}
.nb-theme-default [nbButton].appearance-outline.size-large,
.nb-theme-default .appearance-outline.size-large[nbButtonToggle] {
  padding: .8125rem 1.125rem;
}
.nb-theme-default [nbButton].appearance-outline.size-giant,
.nb-theme-default .appearance-outline.size-giant[nbButtonToggle] {
  padding: .9375rem 1.375rem;
}
.nb-theme-default [nbButton].appearance-outline.status-basic,
.nb-theme-default .appearance-outline.status-basic[nbButtonToggle] {
  background-color: rgba(143, 155, 179, .08);
  border-color: #8f9bb3;
  color: #8f9bb3;
}
.nb-theme-default [nbButton].appearance-outline.status-basic:focus,
.nb-theme-default .appearance-outline.status-basic[nbButtonToggle]:focus {
  background-color: rgba(143, 155, 179, .24);
  border-color: #8f9bb3;
  color: #8f9bb3;
}
.nb-theme-default [nbButton].appearance-outline.status-basic:hover,
.nb-theme-default .appearance-outline.status-basic[nbButtonToggle]:hover {
  background-color: rgba(143, 155, 179, .16);
  border-color: #8f9bb3;
  color: #8f9bb3;
}
.nb-theme-default [nbButton].appearance-outline.status-basic:active,
.nb-theme-default .appearance-outline.status-basic[nbButtonToggle]:active {
  background-color: rgba(143, 155, 179, .24);
  border-color: #8f9bb3;
  color: #8f9bb3;
}
.nb-theme-default [nbButton].appearance-outline.status-basic[disabled],
.nb-theme-default .appearance-outline.status-basic[disabled][nbButtonToggle],
.nb-theme-default [nbButton].appearance-outline.status-basic.btn-disabled,
.nb-theme-default .appearance-outline.status-basic.btn-disabled[nbButtonToggle] {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(143, 155, 179, .24);
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbButton].appearance-outline.status-primary,
.nb-theme-default .appearance-outline.status-primary[nbButtonToggle] {
  background-color: rgba(51, 102, 255, .08);
  border-color: #36f;
  color: #36f;
}
.nb-theme-default [nbButton].appearance-outline.status-primary:focus,
.nb-theme-default .appearance-outline.status-primary[nbButtonToggle]:focus {
  background-color: rgba(51, 102, 255, .24);
  border-color: #36f;
  color: #36f;
}
.nb-theme-default [nbButton].appearance-outline.status-primary:hover,
.nb-theme-default .appearance-outline.status-primary[nbButtonToggle]:hover {
  background-color: rgba(51, 102, 255, .16);
  border-color: #36f;
  color: #36f;
}
.nb-theme-default [nbButton].appearance-outline.status-primary:active,
.nb-theme-default .appearance-outline.status-primary[nbButtonToggle]:active {
  background-color: rgba(51, 102, 255, .24);
  border-color: #36f;
  color: #36f;
}
.nb-theme-default [nbButton].appearance-outline.status-primary[disabled],
.nb-theme-default .appearance-outline.status-primary[disabled][nbButtonToggle],
.nb-theme-default [nbButton].appearance-outline.status-primary.btn-disabled,
.nb-theme-default .appearance-outline.status-primary.btn-disabled[nbButtonToggle] {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(143, 155, 179, .24);
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbButton].appearance-outline.status-success,
.nb-theme-default .appearance-outline.status-success[nbButtonToggle] {
  background-color: rgba(0, 214, 143, .08);
  border-color: #00d68f;
  color: #00d68f;
}
.nb-theme-default [nbButton].appearance-outline.status-success:focus,
.nb-theme-default .appearance-outline.status-success[nbButtonToggle]:focus {
  background-color: rgba(0, 214, 143, .24);
  border-color: #00d68f;
  color: #00d68f;
}
.nb-theme-default [nbButton].appearance-outline.status-success:hover,
.nb-theme-default .appearance-outline.status-success[nbButtonToggle]:hover {
  background-color: rgba(0, 214, 143, .16);
  border-color: #00d68f;
  color: #00d68f;
}
.nb-theme-default [nbButton].appearance-outline.status-success:active,
.nb-theme-default .appearance-outline.status-success[nbButtonToggle]:active {
  background-color: rgba(0, 214, 143, .24);
  border-color: #00d68f;
  color: #00d68f;
}
.nb-theme-default [nbButton].appearance-outline.status-success[disabled],
.nb-theme-default .appearance-outline.status-success[disabled][nbButtonToggle],
.nb-theme-default [nbButton].appearance-outline.status-success.btn-disabled,
.nb-theme-default .appearance-outline.status-success.btn-disabled[nbButtonToggle] {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(143, 155, 179, .24);
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbButton].appearance-outline.status-warning,
.nb-theme-default .appearance-outline.status-warning[nbButtonToggle] {
  background-color: rgba(255, 170, 0, .08);
  border-color: #fa0;
  color: #fa0;
}
.nb-theme-default [nbButton].appearance-outline.status-warning:focus,
.nb-theme-default .appearance-outline.status-warning[nbButtonToggle]:focus {
  background-color: rgba(255, 170, 0, .24);
  border-color: #fa0;
  color: #fa0;
}
.nb-theme-default [nbButton].appearance-outline.status-warning:hover,
.nb-theme-default .appearance-outline.status-warning[nbButtonToggle]:hover {
  background-color: rgba(255, 170, 0, .16);
  border-color: #fa0;
  color: #fa0;
}
.nb-theme-default [nbButton].appearance-outline.status-warning:active,
.nb-theme-default .appearance-outline.status-warning[nbButtonToggle]:active {
  background-color: rgba(255, 170, 0, .24);
  border-color: #fa0;
  color: #fa0;
}
.nb-theme-default [nbButton].appearance-outline.status-warning[disabled],
.nb-theme-default .appearance-outline.status-warning[disabled][nbButtonToggle],
.nb-theme-default [nbButton].appearance-outline.status-warning.btn-disabled,
.nb-theme-default .appearance-outline.status-warning.btn-disabled[nbButtonToggle] {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(143, 155, 179, .24);
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbButton].appearance-outline.status-danger,
.nb-theme-default .appearance-outline.status-danger[nbButtonToggle] {
  background-color: rgba(255, 61, 113, .08);
  border-color: #ff3d71;
  color: #ff3d71;
}
.nb-theme-default [nbButton].appearance-outline.status-danger:focus,
.nb-theme-default .appearance-outline.status-danger[nbButtonToggle]:focus {
  background-color: rgba(255, 61, 113, .24);
  border-color: #ff3d71;
  color: #ff3d71;
}
.nb-theme-default [nbButton].appearance-outline.status-danger:hover,
.nb-theme-default .appearance-outline.status-danger[nbButtonToggle]:hover {
  background-color: rgba(255, 61, 113, .16);
  border-color: #ff3d71;
  color: #ff3d71;
}
.nb-theme-default [nbButton].appearance-outline.status-danger:active,
.nb-theme-default .appearance-outline.status-danger[nbButtonToggle]:active {
  background-color: rgba(255, 61, 113, .24);
  border-color: #ff3d71;
  color: #ff3d71;
}
.nb-theme-default [nbButton].appearance-outline.status-danger[disabled],
.nb-theme-default .appearance-outline.status-danger[disabled][nbButtonToggle],
.nb-theme-default [nbButton].appearance-outline.status-danger.btn-disabled,
.nb-theme-default .appearance-outline.status-danger.btn-disabled[nbButtonToggle] {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(143, 155, 179, .24);
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbButton].appearance-outline.status-info,
.nb-theme-default .appearance-outline.status-info[nbButtonToggle] {
  background-color: rgba(0, 149, 255, .08);
  border-color: #0095ff;
  color: #0095ff;
}
.nb-theme-default [nbButton].appearance-outline.status-info:focus,
.nb-theme-default .appearance-outline.status-info[nbButtonToggle]:focus {
  background-color: rgba(0, 149, 255, .24);
  border-color: #0095ff;
  color: #0095ff;
}
.nb-theme-default [nbButton].appearance-outline.status-info:hover,
.nb-theme-default .appearance-outline.status-info[nbButtonToggle]:hover {
  background-color: rgba(0, 149, 255, .16);
  border-color: #0095ff;
  color: #0095ff;
}
.nb-theme-default [nbButton].appearance-outline.status-info:active,
.nb-theme-default .appearance-outline.status-info[nbButtonToggle]:active {
  background-color: rgba(0, 149, 255, .24);
  border-color: #0095ff;
  color: #0095ff;
}
.nb-theme-default [nbButton].appearance-outline.status-info[disabled],
.nb-theme-default .appearance-outline.status-info[disabled][nbButtonToggle],
.nb-theme-default [nbButton].appearance-outline.status-info.btn-disabled,
.nb-theme-default .appearance-outline.status-info.btn-disabled[nbButtonToggle] {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(143, 155, 179, .24);
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbButton].appearance-outline.status-control,
.nb-theme-default .appearance-outline.status-control[nbButtonToggle] {
  background-color: hsla(0, 0%, 100%, .08);
  border-color: #fff;
  color: #fff;
}
.nb-theme-default [nbButton].appearance-outline.status-control:focus,
.nb-theme-default .appearance-outline.status-control[nbButtonToggle]:focus {
  background-color: hsla(0, 0%, 100%, .24);
  border-color: #fff;
  color: #fff;
}
.nb-theme-default [nbButton].appearance-outline.status-control:hover,
.nb-theme-default .appearance-outline.status-control[nbButtonToggle]:hover {
  background-color: hsla(0, 0%, 100%, .16);
  border-color: #fff;
  color: #fff;
}
.nb-theme-default [nbButton].appearance-outline.status-control:active,
.nb-theme-default .appearance-outline.status-control[nbButtonToggle]:active {
  background-color: hsla(0, 0%, 100%, .24);
  border-color: #fff;
  color: #fff;
}
.nb-theme-default [nbButton].appearance-outline.status-control[disabled],
.nb-theme-default .appearance-outline.status-control[disabled][nbButtonToggle],
.nb-theme-default [nbButton].appearance-outline.status-control.btn-disabled,
.nb-theme-default .appearance-outline.status-control.btn-disabled[nbButtonToggle] {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(143, 155, 179, .24);
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbButton].appearance-ghost,
.nb-theme-default .appearance-ghost[nbButtonToggle] {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: .0625rem;
  text-transform: uppercase;
}
.nb-theme-default [nbButton].appearance-ghost:focus,
.nb-theme-default .appearance-ghost[nbButtonToggle]:focus {
  box-shadow: 0 0 0 .375rem rgba(143, 155, 179, .16);
}
.nb-theme-default [nbButton].appearance-ghost:focus:not(:hover):not(:active),
.nb-theme-default .appearance-ghost[nbButtonToggle]:focus:not(:hover):not(:active) {
  box-shadow: 0 0 0 .375rem rgba(143, 155, 179, .16), inset 0 0 0 100vmax rgba(143, 155, 179, .16);
}
.nb-theme-default [nbButton].appearance-ghost.size-tiny,
.nb-theme-default .appearance-ghost.size-tiny[nbButtonToggle] {
  padding: .3125rem .625rem;
}
.nb-theme-default [nbButton].appearance-ghost.size-small,
.nb-theme-default .appearance-ghost.size-small[nbButtonToggle] {
  padding: .4375rem .875rem;
}
.nb-theme-default [nbButton].appearance-ghost.size-medium,
.nb-theme-default .appearance-ghost.size-medium[nbButtonToggle] {
  padding: .6875rem 1.125rem;
}
.nb-theme-default [nbButton].appearance-ghost.size-large,
.nb-theme-default .appearance-ghost.size-large[nbButtonToggle] {
  padding: .8125rem 1.125rem;
}
.nb-theme-default [nbButton].appearance-ghost.size-giant,
.nb-theme-default .appearance-ghost.size-giant[nbButtonToggle] {
  padding: .9375rem 1.375rem;
}
.nb-theme-default [nbButton].appearance-ghost.status-basic,
.nb-theme-default .appearance-ghost.status-basic[nbButtonToggle] {
  color: #8f9bb3;
}
.nb-theme-default [nbButton].appearance-ghost.status-basic:focus,
.nb-theme-default .appearance-ghost.status-basic[nbButtonToggle]:focus {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(143, 155, 179, .4);
  color: #8f9bb3;
}
.nb-theme-default [nbButton].appearance-ghost.status-basic:hover,
.nb-theme-default .appearance-ghost.status-basic[nbButtonToggle]:hover {
  background-color: rgba(143, 155, 179, .08);
  border-color: rgba(0, 0, 0, 0);
  color: #8f9bb3;
}
.nb-theme-default [nbButton].appearance-ghost.status-basic:active,
.nb-theme-default .appearance-ghost.status-basic[nbButtonToggle]:active {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(0, 0, 0, 0);
  color: #8f9bb3;
}
.nb-theme-default [nbButton].appearance-ghost.status-basic[disabled],
.nb-theme-default .appearance-ghost.status-basic[disabled][nbButtonToggle],
.nb-theme-default [nbButton].appearance-ghost.status-basic.btn-disabled,
.nb-theme-default .appearance-ghost.status-basic.btn-disabled[nbButtonToggle] {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(0, 0, 0, 0);
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbButton].appearance-ghost.status-primary,
.nb-theme-default .appearance-ghost.status-primary[nbButtonToggle] {
  color: #36f;
}
.nb-theme-default [nbButton].appearance-ghost.status-primary:focus,
.nb-theme-default .appearance-ghost.status-primary[nbButtonToggle]:focus {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(143, 155, 179, .4);
  color: #36f;
}
.nb-theme-default [nbButton].appearance-ghost.status-primary:hover,
.nb-theme-default .appearance-ghost.status-primary[nbButtonToggle]:hover {
  background-color: rgba(143, 155, 179, .08);
  border-color: rgba(0, 0, 0, 0);
  color: #36f;
}
.nb-theme-default [nbButton].appearance-ghost.status-primary:active,
.nb-theme-default .appearance-ghost.status-primary[nbButtonToggle]:active {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(0, 0, 0, 0);
  color: #36f;
}
.nb-theme-default [nbButton].appearance-ghost.status-primary[disabled],
.nb-theme-default .appearance-ghost.status-primary[disabled][nbButtonToggle],
.nb-theme-default [nbButton].appearance-ghost.status-primary.btn-disabled,
.nb-theme-default .appearance-ghost.status-primary.btn-disabled[nbButtonToggle] {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(0, 0, 0, 0);
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbButton].appearance-ghost.status-success,
.nb-theme-default .appearance-ghost.status-success[nbButtonToggle] {
  color: #00d68f;
}
.nb-theme-default [nbButton].appearance-ghost.status-success:focus,
.nb-theme-default .appearance-ghost.status-success[nbButtonToggle]:focus {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(143, 155, 179, .4);
  color: #00d68f;
}
.nb-theme-default [nbButton].appearance-ghost.status-success:hover,
.nb-theme-default .appearance-ghost.status-success[nbButtonToggle]:hover {
  background-color: rgba(143, 155, 179, .08);
  border-color: rgba(0, 0, 0, 0);
  color: #00d68f;
}
.nb-theme-default [nbButton].appearance-ghost.status-success:active,
.nb-theme-default .appearance-ghost.status-success[nbButtonToggle]:active {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(0, 0, 0, 0);
  color: #00d68f;
}
.nb-theme-default [nbButton].appearance-ghost.status-success[disabled],
.nb-theme-default .appearance-ghost.status-success[disabled][nbButtonToggle],
.nb-theme-default [nbButton].appearance-ghost.status-success.btn-disabled,
.nb-theme-default .appearance-ghost.status-success.btn-disabled[nbButtonToggle] {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(0, 0, 0, 0);
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbButton].appearance-ghost.status-warning,
.nb-theme-default .appearance-ghost.status-warning[nbButtonToggle] {
  color: #fa0;
}
.nb-theme-default [nbButton].appearance-ghost.status-warning:focus,
.nb-theme-default .appearance-ghost.status-warning[nbButtonToggle]:focus {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(143, 155, 179, .4);
  color: #fa0;
}
.nb-theme-default [nbButton].appearance-ghost.status-warning:hover,
.nb-theme-default .appearance-ghost.status-warning[nbButtonToggle]:hover {
  background-color: rgba(143, 155, 179, .08);
  border-color: rgba(0, 0, 0, 0);
  color: #fa0;
}
.nb-theme-default [nbButton].appearance-ghost.status-warning:active,
.nb-theme-default .appearance-ghost.status-warning[nbButtonToggle]:active {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(0, 0, 0, 0);
  color: #fa0;
}
.nb-theme-default [nbButton].appearance-ghost.status-warning[disabled],
.nb-theme-default .appearance-ghost.status-warning[disabled][nbButtonToggle],
.nb-theme-default [nbButton].appearance-ghost.status-warning.btn-disabled,
.nb-theme-default .appearance-ghost.status-warning.btn-disabled[nbButtonToggle] {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(0, 0, 0, 0);
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbButton].appearance-ghost.status-danger,
.nb-theme-default .appearance-ghost.status-danger[nbButtonToggle] {
  color: #ff3d71;
}
.nb-theme-default [nbButton].appearance-ghost.status-danger:focus,
.nb-theme-default .appearance-ghost.status-danger[nbButtonToggle]:focus {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(143, 155, 179, .4);
  color: #ff3d71;
}
.nb-theme-default [nbButton].appearance-ghost.status-danger:hover,
.nb-theme-default .appearance-ghost.status-danger[nbButtonToggle]:hover {
  background-color: rgba(143, 155, 179, .08);
  border-color: rgba(0, 0, 0, 0);
  color: #ff3d71;
}
.nb-theme-default [nbButton].appearance-ghost.status-danger:active,
.nb-theme-default .appearance-ghost.status-danger[nbButtonToggle]:active {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(0, 0, 0, 0);
  color: #ff3d71;
}
.nb-theme-default [nbButton].appearance-ghost.status-danger[disabled],
.nb-theme-default .appearance-ghost.status-danger[disabled][nbButtonToggle],
.nb-theme-default [nbButton].appearance-ghost.status-danger.btn-disabled,
.nb-theme-default .appearance-ghost.status-danger.btn-disabled[nbButtonToggle] {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(0, 0, 0, 0);
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbButton].appearance-ghost.status-info,
.nb-theme-default .appearance-ghost.status-info[nbButtonToggle] {
  color: #0095ff;
}
.nb-theme-default [nbButton].appearance-ghost.status-info:focus,
.nb-theme-default .appearance-ghost.status-info[nbButtonToggle]:focus {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(143, 155, 179, .4);
  color: #0095ff;
}
.nb-theme-default [nbButton].appearance-ghost.status-info:hover,
.nb-theme-default .appearance-ghost.status-info[nbButtonToggle]:hover {
  background-color: rgba(143, 155, 179, .08);
  border-color: rgba(0, 0, 0, 0);
  color: #0095ff;
}
.nb-theme-default [nbButton].appearance-ghost.status-info:active,
.nb-theme-default .appearance-ghost.status-info[nbButtonToggle]:active {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(0, 0, 0, 0);
  color: #0095ff;
}
.nb-theme-default [nbButton].appearance-ghost.status-info[disabled],
.nb-theme-default .appearance-ghost.status-info[disabled][nbButtonToggle],
.nb-theme-default [nbButton].appearance-ghost.status-info.btn-disabled,
.nb-theme-default .appearance-ghost.status-info.btn-disabled[nbButtonToggle] {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(0, 0, 0, 0);
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbButton].appearance-ghost.status-control,
.nb-theme-default .appearance-ghost.status-control[nbButtonToggle] {
  color: #fff;
}
.nb-theme-default [nbButton].appearance-ghost.status-control:focus,
.nb-theme-default .appearance-ghost.status-control[nbButtonToggle]:focus {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(143, 155, 179, .4);
  color: #fff;
}
.nb-theme-default [nbButton].appearance-ghost.status-control:hover,
.nb-theme-default .appearance-ghost.status-control[nbButtonToggle]:hover {
  background-color: rgba(143, 155, 179, .08);
  border-color: rgba(0, 0, 0, 0);
  color: #fff;
}
.nb-theme-default [nbButton].appearance-ghost.status-control:active,
.nb-theme-default .appearance-ghost.status-control[nbButtonToggle]:active {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(0, 0, 0, 0);
  color: #fff;
}
.nb-theme-default [nbButton].appearance-ghost.status-control[disabled],
.nb-theme-default .appearance-ghost.status-control[disabled][nbButtonToggle],
.nb-theme-default [nbButton].appearance-ghost.status-control.btn-disabled,
.nb-theme-default .appearance-ghost.status-control.btn-disabled[nbButtonToggle] {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(0, 0, 0, 0);
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbButton].appearance-hero,
.nb-theme-default .appearance-hero[nbButtonToggle] {
  text-shadow: 0 .5rem 1rem 0 rgba(44, 51, 73, .1);
  text-transform: uppercase;
}
.nb-theme-default [nbButton].appearance-hero.size-tiny,
.nb-theme-default .appearance-hero.size-tiny[nbButtonToggle] {
  padding: .375rem .6875rem;
}
.nb-theme-default [nbButton].appearance-hero.size-small,
.nb-theme-default .appearance-hero.size-small[nbButtonToggle] {
  padding: .5rem .9375rem;
}
.nb-theme-default [nbButton].appearance-hero.size-medium,
.nb-theme-default .appearance-hero.size-medium[nbButtonToggle] {
  padding: .75rem 1.1875rem;
}
.nb-theme-default [nbButton].appearance-hero.size-large,
.nb-theme-default .appearance-hero.size-large[nbButtonToggle] {
  padding: .875rem 1.1875rem;
}
.nb-theme-default [nbButton].appearance-hero.size-giant,
.nb-theme-default .appearance-hero.size-giant[nbButtonToggle] {
  padding: 1rem 1.4375rem;
}
.nb-theme-default [nbButton].appearance-hero.status-basic,
.nb-theme-default .appearance-hero.status-basic[nbButtonToggle] {
  background-image:
    linear-gradient(
      to right,
      #f7f9fc,
      #edf1f7);
  border: none;
  box-shadow:
    0 0 0 0 #8f9bb3,
    0 0 0 0 #2e3a59,
    0 0 rgba(0, 0, 0, 0);
  color: #8f9bb3;
}
.nb-theme-default [nbButton].appearance-hero.status-basic:focus,
.nb-theme-default .appearance-hero.status-basic[nbButtonToggle]:focus {
  background-image:
    linear-gradient(
      to right,
      #edf1f7,
      #e4e9f2);
  box-shadow:
    0 0 0 0 #8f9bb3,
    0 0 0 0 #2e3a59,
    0 0 rgba(0, 0, 0, 0),
    0 0 0 .375rem rgba(143, 155, 179, .16);
}
.nb-theme-default [nbButton].appearance-hero.status-basic:hover,
.nb-theme-default .appearance-hero.status-basic[nbButtonToggle]:hover {
  background-image:
    linear-gradient(
      to right,
      #ffffff,
      #f7f9fc);
}
.nb-theme-default [nbButton].appearance-hero.status-basic:active,
.nb-theme-default .appearance-hero.status-basic[nbButtonToggle]:active {
  background-image:
    linear-gradient(
      to right,
      #edf1f7,
      #e4e9f2);
}
.nb-theme-default [nbButton].appearance-hero.status-basic[disabled],
.nb-theme-default .appearance-hero.status-basic[disabled][nbButtonToggle],
.nb-theme-default [nbButton].appearance-hero.status-basic.btn-disabled,
.nb-theme-default .appearance-hero.status-basic.btn-disabled[nbButtonToggle] {
  background-color: rgba(143, 155, 179, .24);
  background-image: none;
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbButton].appearance-hero.status-basic.button-pulse,
.nb-theme-default .appearance-hero.status-basic.button-pulse[nbButtonToggle] {
  animation: button-hero-basic-pulse .75s infinite alternate;
}
@-webkit-keyframes button-hero-basic-pulse {
  0% {
    box-shadow: none;
    opacity: .3;
  }
  100% {
    box-shadow: 0 0 1rem 0 #f7f9fc;
    opacity: .8;
  }
}
@-moz-keyframes button-hero-basic-pulse {
  0% {
    box-shadow: none;
    opacity: .3;
  }
  100% {
    box-shadow: 0 0 1rem 0 #f7f9fc;
    opacity: .8;
  }
}
@-o-keyframes button-hero-basic-pulse {
  0% {
    box-shadow: none;
    opacity: .3;
  }
  100% {
    box-shadow: 0 0 1rem 0 #f7f9fc;
    opacity: .8;
  }
}
@keyframes button-hero-basic-pulse {
  0% {
    box-shadow: none;
    opacity: .3;
  }
  100% {
    box-shadow: 0 0 1rem 0 #f7f9fc;
    opacity: .8;
  }
}
.nb-theme-default [nbButton].appearance-hero.status-primary,
.nb-theme-default .appearance-hero.status-primary[nbButtonToggle] {
  background-image:
    linear-gradient(
      to right,
      #598bff,
      #3366ff);
  border: none;
  box-shadow:
    0 0 0 0 #274bdb,
    0 0 0 0 #1a34b8,
    0 0 rgba(0, 0, 0, 0);
  color: #fff;
}
.nb-theme-default [nbButton].appearance-hero.status-primary:focus,
.nb-theme-default .appearance-hero.status-primary[nbButtonToggle]:focus {
  background-image:
    linear-gradient(
      to right,
      #3366ff,
      #274bdb);
  box-shadow:
    0 0 0 0 #274bdb,
    0 0 0 0 #1a34b8,
    0 0 rgba(0, 0, 0, 0),
    0 0 0 .375rem rgba(143, 155, 179, .16);
}
.nb-theme-default [nbButton].appearance-hero.status-primary:hover,
.nb-theme-default .appearance-hero.status-primary[nbButtonToggle]:hover {
  background-image:
    linear-gradient(
      to right,
      #a6c1ff,
      #598bff);
}
.nb-theme-default [nbButton].appearance-hero.status-primary:active,
.nb-theme-default .appearance-hero.status-primary[nbButtonToggle]:active {
  background-image:
    linear-gradient(
      to right,
      #3366ff,
      #274bdb);
}
.nb-theme-default [nbButton].appearance-hero.status-primary[disabled],
.nb-theme-default .appearance-hero.status-primary[disabled][nbButtonToggle],
.nb-theme-default [nbButton].appearance-hero.status-primary.btn-disabled,
.nb-theme-default .appearance-hero.status-primary.btn-disabled[nbButtonToggle] {
  background-color: rgba(143, 155, 179, .24);
  background-image: none;
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbButton].appearance-hero.status-primary.button-pulse,
.nb-theme-default .appearance-hero.status-primary.button-pulse[nbButtonToggle] {
  animation: button-hero-primary-pulse .75s infinite alternate;
}
@-webkit-keyframes button-hero-primary-pulse {
  0% {
    box-shadow: none;
    opacity: .3;
  }
  100% {
    box-shadow: 0 0 1rem 0 #598bff;
    opacity: .8;
  }
}
@-moz-keyframes button-hero-primary-pulse {
  0% {
    box-shadow: none;
    opacity: .3;
  }
  100% {
    box-shadow: 0 0 1rem 0 #598bff;
    opacity: .8;
  }
}
@-o-keyframes button-hero-primary-pulse {
  0% {
    box-shadow: none;
    opacity: .3;
  }
  100% {
    box-shadow: 0 0 1rem 0 #598bff;
    opacity: .8;
  }
}
@keyframes button-hero-primary-pulse {
  0% {
    box-shadow: none;
    opacity: .3;
  }
  100% {
    box-shadow: 0 0 1rem 0 #598bff;
    opacity: .8;
  }
}
.nb-theme-default [nbButton].appearance-hero.status-success,
.nb-theme-default .appearance-hero.status-success[nbButtonToggle] {
  background-image:
    linear-gradient(
      to right,
      #2ce69b,
      #00d68f);
  border: none;
  box-shadow:
    0 0 0 0 #00b887,
    0 0 0 0 #00997a,
    0 0 rgba(0, 0, 0, 0);
  color: #fff;
}
.nb-theme-default [nbButton].appearance-hero.status-success:focus,
.nb-theme-default .appearance-hero.status-success[nbButtonToggle]:focus {
  background-image:
    linear-gradient(
      to right,
      #00d68f,
      #00b887);
  box-shadow:
    0 0 0 0 #00b887,
    0 0 0 0 #00997a,
    0 0 rgba(0, 0, 0, 0),
    0 0 0 .375rem rgba(143, 155, 179, .16);
}
.nb-theme-default [nbButton].appearance-hero.status-success:hover,
.nb-theme-default .appearance-hero.status-success[nbButtonToggle]:hover {
  background-image:
    linear-gradient(
      to right,
      #8cfac7,
      #2ce69b);
}
.nb-theme-default [nbButton].appearance-hero.status-success:active,
.nb-theme-default .appearance-hero.status-success[nbButtonToggle]:active {
  background-image:
    linear-gradient(
      to right,
      #00d68f,
      #00b887);
}
.nb-theme-default [nbButton].appearance-hero.status-success[disabled],
.nb-theme-default .appearance-hero.status-success[disabled][nbButtonToggle],
.nb-theme-default [nbButton].appearance-hero.status-success.btn-disabled,
.nb-theme-default .appearance-hero.status-success.btn-disabled[nbButtonToggle] {
  background-color: rgba(143, 155, 179, .24);
  background-image: none;
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbButton].appearance-hero.status-success.button-pulse,
.nb-theme-default .appearance-hero.status-success.button-pulse[nbButtonToggle] {
  animation: button-hero-success-pulse .75s infinite alternate;
}
@-webkit-keyframes button-hero-success-pulse {
  0% {
    box-shadow: none;
    opacity: .3;
  }
  100% {
    box-shadow: 0 0 1rem 0 #2ce69b;
    opacity: .8;
  }
}
@-moz-keyframes button-hero-success-pulse {
  0% {
    box-shadow: none;
    opacity: .3;
  }
  100% {
    box-shadow: 0 0 1rem 0 #2ce69b;
    opacity: .8;
  }
}
@-o-keyframes button-hero-success-pulse {
  0% {
    box-shadow: none;
    opacity: .3;
  }
  100% {
    box-shadow: 0 0 1rem 0 #2ce69b;
    opacity: .8;
  }
}
@keyframes button-hero-success-pulse {
  0% {
    box-shadow: none;
    opacity: .3;
  }
  100% {
    box-shadow: 0 0 1rem 0 #2ce69b;
    opacity: .8;
  }
}
.nb-theme-default [nbButton].appearance-hero.status-warning,
.nb-theme-default .appearance-hero.status-warning[nbButtonToggle] {
  background-image:
    linear-gradient(
      to right,
      #ffc94d,
      #ffaa00);
  border: none;
  box-shadow:
    0 0 0 0 #db8b00,
    0 0 0 0 #b86e00,
    0 0 rgba(0, 0, 0, 0);
  color: #fff;
}
.nb-theme-default [nbButton].appearance-hero.status-warning:focus,
.nb-theme-default .appearance-hero.status-warning[nbButtonToggle]:focus {
  background-image:
    linear-gradient(
      to right,
      #ffaa00,
      #db8b00);
  box-shadow:
    0 0 0 0 #db8b00,
    0 0 0 0 #b86e00,
    0 0 rgba(0, 0, 0, 0),
    0 0 0 .375rem rgba(143, 155, 179, .16);
}
.nb-theme-default [nbButton].appearance-hero.status-warning:hover,
.nb-theme-default .appearance-hero.status-warning[nbButtonToggle]:hover {
  background-image:
    linear-gradient(
      to right,
      #ffe59e,
      #ffc94d);
}
.nb-theme-default [nbButton].appearance-hero.status-warning:active,
.nb-theme-default .appearance-hero.status-warning[nbButtonToggle]:active {
  background-image:
    linear-gradient(
      to right,
      #ffaa00,
      #db8b00);
}
.nb-theme-default [nbButton].appearance-hero.status-warning[disabled],
.nb-theme-default .appearance-hero.status-warning[disabled][nbButtonToggle],
.nb-theme-default [nbButton].appearance-hero.status-warning.btn-disabled,
.nb-theme-default .appearance-hero.status-warning.btn-disabled[nbButtonToggle] {
  background-color: rgba(143, 155, 179, .24);
  background-image: none;
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbButton].appearance-hero.status-warning.button-pulse,
.nb-theme-default .appearance-hero.status-warning.button-pulse[nbButtonToggle] {
  animation: button-hero-warning-pulse .75s infinite alternate;
}
@-webkit-keyframes button-hero-warning-pulse {
  0% {
    box-shadow: none;
    opacity: .3;
  }
  100% {
    box-shadow: 0 0 1rem 0 #ffc94d;
    opacity: .8;
  }
}
@-moz-keyframes button-hero-warning-pulse {
  0% {
    box-shadow: none;
    opacity: .3;
  }
  100% {
    box-shadow: 0 0 1rem 0 #ffc94d;
    opacity: .8;
  }
}
@-o-keyframes button-hero-warning-pulse {
  0% {
    box-shadow: none;
    opacity: .3;
  }
  100% {
    box-shadow: 0 0 1rem 0 #ffc94d;
    opacity: .8;
  }
}
@keyframes button-hero-warning-pulse {
  0% {
    box-shadow: none;
    opacity: .3;
  }
  100% {
    box-shadow: 0 0 1rem 0 #ffc94d;
    opacity: .8;
  }
}
.nb-theme-default [nbButton].appearance-hero.status-danger,
.nb-theme-default .appearance-hero.status-danger[nbButtonToggle] {
  background-image:
    linear-gradient(
      to right,
      #ff708d,
      #ff3d71);
  border: none;
  box-shadow:
    0 0 0 0 #db2c66,
    0 0 0 0 #b81d5b,
    0 0 rgba(0, 0, 0, 0);
  color: #fff;
}
.nb-theme-default [nbButton].appearance-hero.status-danger:focus,
.nb-theme-default .appearance-hero.status-danger[nbButtonToggle]:focus {
  background-image:
    linear-gradient(
      to right,
      #ff3d71,
      #db2c66);
  box-shadow:
    0 0 0 0 #db2c66,
    0 0 0 0 #b81d5b,
    0 0 rgba(0, 0, 0, 0),
    0 0 0 .375rem rgba(143, 155, 179, .16);
}
.nb-theme-default [nbButton].appearance-hero.status-danger:hover,
.nb-theme-default .appearance-hero.status-danger[nbButtonToggle]:hover {
  background-image:
    linear-gradient(
      to right,
      #ffa8b4,
      #ff708d);
}
.nb-theme-default [nbButton].appearance-hero.status-danger:active,
.nb-theme-default .appearance-hero.status-danger[nbButtonToggle]:active {
  background-image:
    linear-gradient(
      to right,
      #ff3d71,
      #db2c66);
}
.nb-theme-default [nbButton].appearance-hero.status-danger[disabled],
.nb-theme-default .appearance-hero.status-danger[disabled][nbButtonToggle],
.nb-theme-default [nbButton].appearance-hero.status-danger.btn-disabled,
.nb-theme-default .appearance-hero.status-danger.btn-disabled[nbButtonToggle] {
  background-color: rgba(143, 155, 179, .24);
  background-image: none;
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbButton].appearance-hero.status-danger.button-pulse,
.nb-theme-default .appearance-hero.status-danger.button-pulse[nbButtonToggle] {
  animation: button-hero-danger-pulse .75s infinite alternate;
}
@-webkit-keyframes button-hero-danger-pulse {
  0% {
    box-shadow: none;
    opacity: .3;
  }
  100% {
    box-shadow: 0 0 1rem 0 #ff708d;
    opacity: .8;
  }
}
@-moz-keyframes button-hero-danger-pulse {
  0% {
    box-shadow: none;
    opacity: .3;
  }
  100% {
    box-shadow: 0 0 1rem 0 #ff708d;
    opacity: .8;
  }
}
@-o-keyframes button-hero-danger-pulse {
  0% {
    box-shadow: none;
    opacity: .3;
  }
  100% {
    box-shadow: 0 0 1rem 0 #ff708d;
    opacity: .8;
  }
}
@keyframes button-hero-danger-pulse {
  0% {
    box-shadow: none;
    opacity: .3;
  }
  100% {
    box-shadow: 0 0 1rem 0 #ff708d;
    opacity: .8;
  }
}
.nb-theme-default [nbButton].appearance-hero.status-info,
.nb-theme-default .appearance-hero.status-info[nbButtonToggle] {
  background-image:
    linear-gradient(
      to right,
      #42aaff,
      #0095ff);
  border: none;
  box-shadow:
    0 0 0 0 #006fd6,
    0 0 0 0 #0057c2,
    0 0 rgba(0, 0, 0, 0);
  color: #fff;
}
.nb-theme-default [nbButton].appearance-hero.status-info:focus,
.nb-theme-default .appearance-hero.status-info[nbButtonToggle]:focus {
  background-image:
    linear-gradient(
      to right,
      #0095ff,
      #006fd6);
  box-shadow:
    0 0 0 0 #006fd6,
    0 0 0 0 #0057c2,
    0 0 rgba(0, 0, 0, 0),
    0 0 0 .375rem rgba(143, 155, 179, .16);
}
.nb-theme-default [nbButton].appearance-hero.status-info:hover,
.nb-theme-default .appearance-hero.status-info[nbButtonToggle]:hover {
  background-image:
    linear-gradient(
      to right,
      #94cbff,
      #42aaff);
}
.nb-theme-default [nbButton].appearance-hero.status-info:active,
.nb-theme-default .appearance-hero.status-info[nbButtonToggle]:active {
  background-image:
    linear-gradient(
      to right,
      #0095ff,
      #006fd6);
}
.nb-theme-default [nbButton].appearance-hero.status-info[disabled],
.nb-theme-default .appearance-hero.status-info[disabled][nbButtonToggle],
.nb-theme-default [nbButton].appearance-hero.status-info.btn-disabled,
.nb-theme-default .appearance-hero.status-info.btn-disabled[nbButtonToggle] {
  background-color: rgba(143, 155, 179, .24);
  background-image: none;
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbButton].appearance-hero.status-info.button-pulse,
.nb-theme-default .appearance-hero.status-info.button-pulse[nbButtonToggle] {
  animation: button-hero-info-pulse .75s infinite alternate;
}
@-webkit-keyframes button-hero-info-pulse {
  0% {
    box-shadow: none;
    opacity: .3;
  }
  100% {
    box-shadow: 0 0 1rem 0 #42aaff;
    opacity: .8;
  }
}
@-moz-keyframes button-hero-info-pulse {
  0% {
    box-shadow: none;
    opacity: .3;
  }
  100% {
    box-shadow: 0 0 1rem 0 #42aaff;
    opacity: .8;
  }
}
@-o-keyframes button-hero-info-pulse {
  0% {
    box-shadow: none;
    opacity: .3;
  }
  100% {
    box-shadow: 0 0 1rem 0 #42aaff;
    opacity: .8;
  }
}
@keyframes button-hero-info-pulse {
  0% {
    box-shadow: none;
    opacity: .3;
  }
  100% {
    box-shadow: 0 0 1rem 0 #42aaff;
    opacity: .8;
  }
}
.nb-theme-default [nbButton].appearance-hero.status-control,
.nb-theme-default .appearance-hero.status-control[nbButtonToggle] {
  background-image:
    linear-gradient(
      to right,
      #ffffff,
      #ffffff);
  border: none;
  box-shadow:
    0 0 0 0 #8f9bb3,
    0 0 0 0 #2e3a59,
    0 0 rgba(0, 0, 0, 0);
  color: #222b45;
}
.nb-theme-default [nbButton].appearance-hero.status-control:focus,
.nb-theme-default .appearance-hero.status-control[nbButtonToggle]:focus {
  background-image:
    linear-gradient(
      to right,
      #f7f9fc,
      #edf1f7);
  box-shadow:
    0 0 0 0 #8f9bb3,
    0 0 0 0 #2e3a59,
    0 0 rgba(0, 0, 0, 0),
    0 0 0 .375rem rgba(143, 155, 179, .16);
}
.nb-theme-default [nbButton].appearance-hero.status-control:hover,
.nb-theme-default .appearance-hero.status-control[nbButtonToggle]:hover {
  background-image:
    linear-gradient(
      to right,
      #ffffff,
      #f7f9fc);
}
.nb-theme-default [nbButton].appearance-hero.status-control:active,
.nb-theme-default .appearance-hero.status-control[nbButtonToggle]:active {
  background-image:
    linear-gradient(
      to right,
      #f7f9fc,
      #edf1f7);
}
.nb-theme-default [nbButton].appearance-hero.status-control[disabled],
.nb-theme-default .appearance-hero.status-control[disabled][nbButtonToggle],
.nb-theme-default [nbButton].appearance-hero.status-control.btn-disabled,
.nb-theme-default .appearance-hero.status-control.btn-disabled[nbButtonToggle] {
  background-color: rgba(143, 155, 179, .24);
  background-image: none;
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbButton].appearance-hero.status-control.button-pulse,
.nb-theme-default .appearance-hero.status-control.button-pulse[nbButtonToggle] {
  animation: button-hero-control-pulse .75s infinite alternate;
}
@-webkit-keyframes button-hero-control-pulse {
  0% {
    box-shadow: none;
    opacity: .3;
  }
  100% {
    box-shadow: 0 0 1rem 0 #fff;
    opacity: .8;
  }
}
@-moz-keyframes button-hero-control-pulse {
  0% {
    box-shadow: none;
    opacity: .3;
  }
  100% {
    box-shadow: 0 0 1rem 0 #fff;
    opacity: .8;
  }
}
@-o-keyframes button-hero-control-pulse {
  0% {
    box-shadow: none;
    opacity: .3;
  }
  100% {
    box-shadow: 0 0 1rem 0 #fff;
    opacity: .8;
  }
}
@keyframes button-hero-control-pulse {
  0% {
    box-shadow: none;
    opacity: .3;
  }
  100% {
    box-shadow: 0 0 1rem 0 #fff;
    opacity: .8;
  }
}
.nb-theme-default nb-button-group {
  display: inline-flex;
}
[dir=ltr] .nb-theme-default nb-button-group [nbButton]:first-child:not(:last-child),
[dir=ltr] .nb-theme-default nb-button-group [nbButtonToggle]:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
[dir=ltr] .nb-theme-default nb-button-group [nbButton]:last-child:not(:first-child),
[dir=ltr] .nb-theme-default nb-button-group [nbButtonToggle]:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
[dir=rtl] .nb-theme-default nb-button-group [nbButton]:first-child:not(:last-child),
[dir=rtl] .nb-theme-default nb-button-group [nbButtonToggle]:first-child:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
[dir=rtl] .nb-theme-default nb-button-group [nbButton]:last-child:not(:first-child),
[dir=rtl] .nb-theme-default nb-button-group [nbButtonToggle]:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.nb-theme-default nb-button-group [nbButton]:not(:first-child):not(:last-child),
.nb-theme-default nb-button-group [nbButtonToggle]:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.nb-theme-default nb-button-group [nbButton].appearance-filled,
.nb-theme-default nb-button-group [nbButton].appearance-ghost,
.nb-theme-default nb-button-group [nbButtonToggle].appearance-filled,
.nb-theme-default nb-button-group [nbButtonToggle].appearance-ghost {
  border-color: rgba(0, 0, 0, 0);
}
[dir=ltr] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),
[dir=ltr] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) {
  border-left-color: #c5cee0;
}
[dir=rtl] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),
[dir=rtl] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) {
  border-right-color: #c5cee0;
}
.nb-theme-default nb-button-group [nbButton].appearance-filled.status-basic,
.nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-basic {
  color: #8f9bb3;
}
[dir=ltr] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),
[dir=ltr] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) {
  border-left-color: #274bdb;
}
[dir=rtl] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),
[dir=rtl] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) {
  border-right-color: #274bdb;
}
.nb-theme-default nb-button-group [nbButton].appearance-filled.status-primary,
.nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-primary {
  color: #fff;
}
[dir=ltr] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),
[dir=ltr] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) {
  border-left-color: #00b887;
}
[dir=rtl] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),
[dir=rtl] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) {
  border-right-color: #00b887;
}
.nb-theme-default nb-button-group [nbButton].appearance-filled.status-success,
.nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-success {
  color: #fff;
}
[dir=ltr] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),
[dir=ltr] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) {
  border-left-color: #db8b00;
}
[dir=rtl] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),
[dir=rtl] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) {
  border-right-color: #db8b00;
}
.nb-theme-default nb-button-group [nbButton].appearance-filled.status-warning,
.nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-warning {
  color: #fff;
}
[dir=ltr] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),
[dir=ltr] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) {
  border-left-color: #db2c66;
}
[dir=rtl] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),
[dir=rtl] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) {
  border-right-color: #db2c66;
}
.nb-theme-default nb-button-group [nbButton].appearance-filled.status-danger,
.nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-danger {
  color: #fff;
}
[dir=ltr] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),
[dir=ltr] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) {
  border-left-color: #006fd6;
}
[dir=rtl] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),
[dir=rtl] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) {
  border-right-color: #006fd6;
}
.nb-theme-default nb-button-group [nbButton].appearance-filled.status-info,
.nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-info {
  color: #fff;
}
[dir=ltr] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),
[dir=ltr] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) {
  border-left-color: #edf1f7;
}
[dir=rtl] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),
[dir=rtl] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) {
  border-right-color: #edf1f7;
}
.nb-theme-default nb-button-group [nbButton].appearance-filled.status-control,
.nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-control {
  color: #222b45;
}
[dir=ltr] .nb-theme-default nb-button-group [nbButton].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),
[dir=ltr] .nb-theme-default nb-button-group [nbButtonToggle].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) {
  border-left-color: #c5cee0;
}
[dir=rtl] .nb-theme-default nb-button-group [nbButton].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]),
[dir=rtl] .nb-theme-default nb-button-group [nbButtonToggle].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) {
  border-right-color: #c5cee0;
}
.nb-theme-default nb-list-item {
  border-bottom: 1px solid #edf1f7;
  color: #222b45;
  font-family: Open Sans, sans-serif;
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.25rem;
  padding: 1rem;
}
.nb-theme-default nb-list-item:first-child {
  border-top: 1px solid #edf1f7;
}
.nb-theme-default [nbInput] {
  border-style: solid;
  border-width: 1px;
  font-family: Open Sans, sans-serif;
  appearance: none;
}
.nb-theme-default [nbInput].nb-transition {
  transition-duration: .15s;
  transition-property:
    border,
    background-color,
    color,
    box-shadow;
  transition-timing-function: ease-in;
}
.nb-theme-default [nbInput]::placeholder {
  font-family: Open Sans, sans-serif;
  text-overflow: ellipsis;
}
.nb-theme-default [nbInput]:focus {
  outline: none;
}
.nb-theme-default [nbInput].input-full-width {
  width: 100%;
}
.nb-theme-default [nbInput].status-basic {
  background-color: #f7f9fc;
  border-color: #e4e9f2;
  color: #222b45;
}
.nb-theme-default [nbInput].status-basic::placeholder {
  color: #8f9bb3;
}
.nb-theme-default [nbInput].status-basic:focus {
  background-color: #fff;
  border-color: #36f;
}
.nb-theme-default [nbInput].status-basic:hover {
  background-color: #edf1f7;
  border-color: #e4e9f2;
}
.nb-theme-default [nbInput].status-basic:focus:hover {
  background-color: #edf1f7;
  border-color: #e4e9f2;
}
.nb-theme-default [nbInput].status-basic:disabled {
  background-color: #f7f9fc;
  border-color: #e4e9f2;
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbInput].status-basic:disabled::placeholder {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbInput].status-primary {
  background-color: #f7f9fc;
  border-color: #36f;
  color: #222b45;
}
.nb-theme-default [nbInput].status-primary::placeholder {
  color: #8f9bb3;
}
.nb-theme-default [nbInput].status-primary:focus {
  background-color: #fff;
  border-color: #1a34b8;
}
.nb-theme-default [nbInput].status-primary:hover {
  background-color: #edf1f7;
  border-color: #598bff;
}
.nb-theme-default [nbInput].status-primary:focus:hover {
  background-color: #edf1f7;
  border-color: #598bff;
}
.nb-theme-default [nbInput].status-primary:disabled {
  background-color: #f7f9fc;
  border-color: #e4e9f2;
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbInput].status-primary:disabled::placeholder {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbInput].status-success {
  background-color: #f7f9fc;
  border-color: #00d68f;
  color: #222b45;
}
.nb-theme-default [nbInput].status-success::placeholder {
  color: #8f9bb3;
}
.nb-theme-default [nbInput].status-success:focus {
  background-color: #fff;
  border-color: #00997a;
}
.nb-theme-default [nbInput].status-success:hover {
  background-color: #edf1f7;
  border-color: #2ce69b;
}
.nb-theme-default [nbInput].status-success:focus:hover {
  background-color: #edf1f7;
  border-color: #2ce69b;
}
.nb-theme-default [nbInput].status-success:disabled {
  background-color: #f7f9fc;
  border-color: #e4e9f2;
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbInput].status-success:disabled::placeholder {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbInput].status-warning {
  background-color: #f7f9fc;
  border-color: #fa0;
  color: #222b45;
}
.nb-theme-default [nbInput].status-warning::placeholder {
  color: #8f9bb3;
}
.nb-theme-default [nbInput].status-warning:focus {
  background-color: #fff;
  border-color: #b86e00;
}
.nb-theme-default [nbInput].status-warning:hover {
  background-color: #edf1f7;
  border-color: #ffc94d;
}
.nb-theme-default [nbInput].status-warning:focus:hover {
  background-color: #edf1f7;
  border-color: #ffc94d;
}
.nb-theme-default [nbInput].status-warning:disabled {
  background-color: #f7f9fc;
  border-color: #e4e9f2;
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbInput].status-warning:disabled::placeholder {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbInput].status-danger {
  background-color: #f7f9fc;
  border-color: #ff3d71;
  color: #222b45;
}
.nb-theme-default [nbInput].status-danger::placeholder {
  color: #8f9bb3;
}
.nb-theme-default [nbInput].status-danger:focus {
  background-color: #fff;
  border-color: #b81d5b;
}
.nb-theme-default [nbInput].status-danger:hover {
  background-color: #edf1f7;
  border-color: #ff708d;
}
.nb-theme-default [nbInput].status-danger:focus:hover {
  background-color: #edf1f7;
  border-color: #ff708d;
}
.nb-theme-default [nbInput].status-danger:disabled {
  background-color: #f7f9fc;
  border-color: #e4e9f2;
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbInput].status-danger:disabled::placeholder {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbInput].status-info {
  background-color: #f7f9fc;
  border-color: #0095ff;
  color: #222b45;
}
.nb-theme-default [nbInput].status-info::placeholder {
  color: #8f9bb3;
}
.nb-theme-default [nbInput].status-info:focus {
  background-color: #fff;
  border-color: #0057c2;
}
.nb-theme-default [nbInput].status-info:hover {
  background-color: #edf1f7;
  border-color: #42aaff;
}
.nb-theme-default [nbInput].status-info:focus:hover {
  background-color: #edf1f7;
  border-color: #42aaff;
}
.nb-theme-default [nbInput].status-info:disabled {
  background-color: #f7f9fc;
  border-color: #e4e9f2;
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbInput].status-info:disabled::placeholder {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default [nbInput].status-control {
  background-color: hsla(0, 0%, 100%, .24);
  border-color: hsla(0, 0%, 100%, .4);
  color: #fff;
}
.nb-theme-default [nbInput].status-control::placeholder {
  color: #fff;
}
.nb-theme-default [nbInput].status-control:focus {
  background-color: hsla(0, 0%, 100%, .4);
  border-color: #fff;
}
.nb-theme-default [nbInput].status-control:hover {
  background-color: hsla(0, 0%, 100%, .32);
  border-color: #fff;
}
.nb-theme-default [nbInput].status-control:focus:hover {
  background-color: hsla(0, 0%, 100%, .32);
  border-color: #fff;
}
.nb-theme-default [nbInput].status-control:disabled {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(143, 155, 179, .24);
  color: #fff;
}
.nb-theme-default [nbInput].status-control:disabled::placeholder {
  color: #fff;
}
.nb-theme-default [nbInput].size-tiny {
  font-size: .75rem;
  font-weight: 600;
  line-height: 1rem;
  padding: .1875rem 1rem;
}
.nb-theme-default [nbInput].size-tiny:not(.input-full-width) {
  max-width: 20rem;
}
.nb-theme-default [nbInput].size-tiny::placeholder {
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.nb-theme-default [nbInput].size-small {
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.5rem;
  padding: .1875rem 1rem;
}
.nb-theme-default [nbInput].size-small:not(.input-full-width) {
  max-width: 20rem;
}
.nb-theme-default [nbInput].size-small::placeholder {
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.nb-theme-default [nbInput].size-medium {
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.5rem;
  padding: .4375rem 1rem;
}
.nb-theme-default [nbInput].size-medium:not(.input-full-width) {
  max-width: 20rem;
}
.nb-theme-default [nbInput].size-medium::placeholder {
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.nb-theme-default [nbInput].size-large {
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.5rem;
  padding: .6875rem 1rem;
}
.nb-theme-default [nbInput].size-large:not(.input-full-width) {
  max-width: 30rem;
}
.nb-theme-default [nbInput].size-large::placeholder {
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.nb-theme-default [nbInput].size-giant {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
  padding: .9375rem 1rem;
}
.nb-theme-default [nbInput].size-giant:not(.input-full-width) {
  max-width: 30rem;
}
.nb-theme-default [nbInput].size-giant::placeholder {
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.nb-theme-default [nbInput].shape-rectangle {
  border-radius: .25rem;
}
.nb-theme-default [nbInput].shape-semi-round {
  border-radius: .75rem;
}
.nb-theme-default [nbInput].shape-round {
  border-radius: 1.5rem;
}
.nb-theme-default nb-form-field [nbInput] {
  width: 100%;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix [nbInput].size-tiny {
  padding-left: 1.5rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix [nbInput].size-tiny {
  padding-right: 1.5rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-suffix [nbInput].size-tiny {
  padding-right: 1.5rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-suffix [nbInput].size-tiny {
  padding-left: 1.5rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix [nbInput].size-small {
  padding-left: 2rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix [nbInput].size-small {
  padding-right: 2rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-suffix [nbInput].size-small {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-suffix [nbInput].size-small {
  padding-left: 2rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix [nbInput].size-medium {
  padding-left: 2.5rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix [nbInput].size-medium {
  padding-right: 2.5rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-suffix [nbInput].size-medium {
  padding-right: 2.5rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-suffix [nbInput].size-medium {
  padding-left: 2.5rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix [nbInput].size-large {
  padding-left: 3rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix [nbInput].size-large {
  padding-right: 3rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-suffix [nbInput].size-large {
  padding-right: 3rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-suffix [nbInput].size-large {
  padding-left: 3rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix [nbInput].size-giant {
  padding-left: 3.5rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix [nbInput].size-giant {
  padding-right: 3.5rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-suffix [nbInput].size-giant {
  padding-right: 3.5rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-suffix [nbInput].size-giant {
  padding-left: 3.5rem;
}
.nb-theme-default .overlay-backdrop {
  background: rgba(0, 0, 0, .35);
}
.nb-theme-default .cdk-overlay-container {
  z-index: 1040;
}
.nb-theme-default nb-popover {
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: .25rem;
  background: #fff;
  box-shadow: 0 .5rem 1rem 0 rgba(44, 51, 73, .1);
  color: #222b45;
}
.nb-theme-default nb-popover .primitive-overlay {
  font-family: Open Sans, sans-serif;
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.25rem;
  padding: .75rem 1rem;
}
.nb-theme-default nb-popover .arrow {
  border-left: .6875rem solid rgba(0, 0, 0, 0);
  border-right: .6875rem solid rgba(0, 0, 0, 0);
  border-bottom: .6875rem solid rgba(0, 0, 0, 0);
}
.nb-theme-default nb-popover .arrow::after {
  position: absolute;
  content: " ";
  width: 0;
  height: 0;
  top: 3px;
  left: calc(50% - 0.6875rem);
  border-left: .6875rem solid rgba(0, 0, 0, 0);
  border-right: .6875rem solid rgba(0, 0, 0, 0);
  border-bottom: .6875rem solid #fff;
  clip-path: inset(0 0 2px);
}
.nb-theme-default nb-popover.nb-overlay-bottom .arrow {
  top: calc(-1*0.6875rem + 1px);
  left: calc(50% - 0.6875rem);
}
.nb-theme-default nb-popover.nb-overlay-bottom-start .arrow {
  top: calc(-1*0.6875rem + 1px);
}
[dir=ltr] .nb-theme-default nb-popover.nb-overlay-bottom-start .arrow {
  right: .6875rem;
}
[dir=rtl] .nb-theme-default nb-popover.nb-overlay-bottom-start .arrow {
  left: .6875rem;
}
.nb-theme-default nb-popover.nb-overlay-bottom-end .arrow {
  top: calc(-1*0.6875rem + 1px);
}
[dir=ltr] .nb-theme-default nb-popover.nb-overlay-bottom-end .arrow {
  left: .6875rem;
}
[dir=rtl] .nb-theme-default nb-popover.nb-overlay-bottom-end .arrow {
  right: .6875rem;
}
.nb-theme-default nb-popover.nb-overlay-left .arrow {
  right: calc(-1*0.6875rem - 0.6875rem/2 + 2px);
  top: calc(50% - 0.6875rem*.5);
  transform: rotate(90deg);
}
.nb-theme-default nb-popover.nb-overlay-start-top .arrow {
  right: calc(-1*0.6875rem - 0.6875rem/2 + 2px);
  bottom: .6875rem;
  transform: rotate(90deg);
}
.nb-theme-default nb-popover.nb-overlay-start-bottom .arrow {
  right: calc(-1*0.6875rem - 0.6875rem/2 + 2px);
  top: .6875rem;
  transform: rotate(90deg);
}
.nb-theme-default nb-popover.nb-overlay-top .arrow {
  bottom: calc(-1*0.6875rem + 1px);
  left: calc(50% - 0.6875rem);
  transform: rotate(180deg);
}
.nb-theme-default nb-popover.nb-overlay-top-start .arrow {
  bottom: calc(-1*0.6875rem + 1px);
  transform: rotate(180deg);
}
[dir=ltr] .nb-theme-default nb-popover.nb-overlay-top-start .arrow {
  right: .6875rem;
}
[dir=rtl] .nb-theme-default nb-popover.nb-overlay-top-start .arrow {
  left: .6875rem;
}
.nb-theme-default nb-popover.nb-overlay-top-end .arrow {
  bottom: calc(-1*0.6875rem + 1px);
  transform: rotate(180deg);
}
[dir=ltr] .nb-theme-default nb-popover.nb-overlay-top-end .arrow {
  left: .6875rem;
}
[dir=rtl] .nb-theme-default nb-popover.nb-overlay-top-end .arrow {
  right: .6875rem;
}
.nb-theme-default nb-popover.nb-overlay-right .arrow {
  left: calc(-1*0.6875rem - 0.6875rem/2 + 2px);
  top: calc(50% - 0.6875rem*.5);
  transform: rotate(270deg);
}
.nb-theme-default nb-popover.nb-overlay-end-top .arrow {
  left: calc(-1*0.6875rem - 0.6875rem/2 + 2px);
  bottom: .6875rem;
  transform: rotate(270deg);
}
.nb-theme-default nb-popover.nb-overlay-end-bottom .arrow {
  left: calc(-1*0.6875rem - 0.6875rem/2 + 2px);
  top: .6875rem;
  transform: rotate(270deg);
}
.nb-theme-default .context-menu-host {
  cursor: pointer;
}
.nb-theme-default nb-context-menu {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 0;
  border-radius: .25rem;
  box-shadow: 0 .5rem 1rem 0 rgba(44, 51, 73, .1);
  min-width: 10rem;
  max-width: 15rem;
}
.nb-theme-default nb-context-menu nb-menu {
  border-radius: .25rem;
  overflow: hidden;
  text-align: center;
}
.nb-theme-default nb-context-menu nb-menu nb-icon.expand-state svg {
  pointer-events: none;
}
.nb-theme-default nb-select .select-button {
  min-width: 13rem;
  cursor: pointer;
  font-family: Open Sans, sans-serif;
}
.nb-theme-default nb-select .select-button.placeholder {
  font-family: Open Sans, sans-serif;
}
.nb-theme-default nb-select .select-button:focus {
  outline: none;
}
.nb-theme-default nb-select .select-button[disabled] {
  cursor: default;
}
.nb-theme-default nb-select.size-tiny .select-button {
  font-size: .75rem;
  font-weight: 600;
  line-height: 1rem;
}
.nb-theme-default nb-select.size-tiny .select-button.placeholder {
  font-size: .9375rem;
  font-weight: 400;
}
.nb-theme-default nb-select.size-tiny .select-button.empty::before {
  content: " ";
  display: block;
  height: 1rem;
}
.nb-theme-default nb-select.size-tiny:not(.full-width) {
  max-width: 20rem;
}
.nb-theme-default nb-select.size-small .select-button {
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.nb-theme-default nb-select.size-small .select-button.placeholder {
  font-size: .9375rem;
  font-weight: 400;
}
.nb-theme-default nb-select.size-small .select-button.empty::before {
  content: " ";
  display: block;
  height: 1.5rem;
}
.nb-theme-default nb-select.size-small:not(.full-width) {
  max-width: 20rem;
}
.nb-theme-default nb-select.size-medium .select-button {
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.nb-theme-default nb-select.size-medium .select-button.placeholder {
  font-size: .9375rem;
  font-weight: 400;
}
.nb-theme-default nb-select.size-medium .select-button.empty::before {
  content: " ";
  display: block;
  height: 1.5rem;
}
.nb-theme-default nb-select.size-medium:not(.full-width) {
  max-width: 20rem;
}
.nb-theme-default nb-select.size-large .select-button {
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.nb-theme-default nb-select.size-large .select-button.placeholder {
  font-size: .9375rem;
  font-weight: 400;
}
.nb-theme-default nb-select.size-large .select-button.empty::before {
  content: " ";
  display: block;
  height: 1.5rem;
}
.nb-theme-default nb-select.size-large:not(.full-width) {
  max-width: 30rem;
}
.nb-theme-default nb-select.size-giant .select-button {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
}
.nb-theme-default nb-select.size-giant .select-button.placeholder {
  font-size: .9375rem;
  font-weight: 400;
}
.nb-theme-default nb-select.size-giant .select-button.empty::before {
  content: " ";
  display: block;
  height: 1.5rem;
}
.nb-theme-default nb-select.size-giant:not(.full-width) {
  max-width: 30rem;
}
.nb-theme-default nb-select.shape-rectangle .select-button {
  border-radius: .25rem;
}
.nb-theme-default nb-select.shape-semi-round .select-button {
  border-radius: .75rem;
}
.nb-theme-default nb-select.shape-round .select-button {
  border-radius: 1.5rem;
}
.nb-theme-default nb-select.appearance-outline .select-button {
  border-style: solid;
  border-width: 1px;
}
.nb-theme-default nb-select.appearance-outline .select-button.top {
  border-top-style: solid;
  border-top-width: 1px;
}
.nb-theme-default nb-select.appearance-outline .select-button.bottom {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.nb-theme-default nb-select.appearance-outline.status-basic .select-button {
  background-color: #f7f9fc;
  border-color: #e4e9f2;
  color: #222b45;
}
.nb-theme-default nb-select.appearance-outline.status-basic .select-button.placeholder {
  color: #8f9bb3;
}
.nb-theme-default nb-select.appearance-outline.status-basic .select-button nb-icon {
  color: #8f9bb3;
}
.nb-theme-default nb-select.appearance-outline.status-basic .select-button:focus {
  background-color: #fff;
  border-color: #36f;
}
.nb-theme-default nb-select.appearance-outline.status-basic .select-button:hover {
  background-color: #edf1f7;
  border-color: #e4e9f2;
}
.nb-theme-default nb-select.appearance-outline.status-basic .select-button:focus:hover {
  background-color: #edf1f7;
  border-color: #e4e9f2;
}
.nb-theme-default nb-select.appearance-outline.status-basic .select-button[disabled] {
  color: rgba(143, 155, 179, .48);
  background-color: #f7f9fc;
  border-color: #e4e9f2;
}
.nb-theme-default nb-select.appearance-outline.status-basic .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select.appearance-outline.status-basic .select-button.bottom,
.nb-theme-default nb-select.appearance-outline.status-basic .select-button.top {
  border-color: #e4e9f2;
}
.nb-theme-default nb-select.appearance-outline.status-basic .select-button.top {
  border-top-color: #e4e9f2;
}
.nb-theme-default nb-select.appearance-outline.status-basic .select-button.bottom {
  border-bottom-color: #e4e9f2;
}
.nb-theme-default nb-select.appearance-outline.status-primary .select-button {
  background-color: #f7f9fc;
  border-color: #36f;
  color: #222b45;
}
.nb-theme-default nb-select.appearance-outline.status-primary .select-button.placeholder {
  color: #8f9bb3;
}
.nb-theme-default nb-select.appearance-outline.status-primary .select-button nb-icon {
  color: #8f9bb3;
}
.nb-theme-default nb-select.appearance-outline.status-primary .select-button:focus {
  background-color: #fff;
  border-color: #274bdb;
}
.nb-theme-default nb-select.appearance-outline.status-primary .select-button:hover {
  background-color: #edf1f7;
  border-color: #598bff;
}
.nb-theme-default nb-select.appearance-outline.status-primary .select-button:focus:hover {
  background-color: #edf1f7;
  border-color: #598bff;
}
.nb-theme-default nb-select.appearance-outline.status-primary .select-button[disabled] {
  color: rgba(143, 155, 179, .48);
  background-color: #f7f9fc;
  border-color: #e4e9f2;
}
.nb-theme-default nb-select.appearance-outline.status-primary .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select.appearance-outline.status-primary .select-button.bottom,
.nb-theme-default nb-select.appearance-outline.status-primary .select-button.top {
  border-color: #36f;
}
.nb-theme-default nb-select.appearance-outline.status-primary .select-button.top {
  border-top-color: #36f;
}
.nb-theme-default nb-select.appearance-outline.status-primary .select-button.bottom {
  border-bottom-color: #36f;
}
.nb-theme-default nb-select.appearance-outline.status-success .select-button {
  background-color: #f7f9fc;
  border-color: #00d68f;
  color: #222b45;
}
.nb-theme-default nb-select.appearance-outline.status-success .select-button.placeholder {
  color: #8f9bb3;
}
.nb-theme-default nb-select.appearance-outline.status-success .select-button nb-icon {
  color: #8f9bb3;
}
.nb-theme-default nb-select.appearance-outline.status-success .select-button:focus {
  background-color: #fff;
  border-color: #00b887;
}
.nb-theme-default nb-select.appearance-outline.status-success .select-button:hover {
  background-color: #edf1f7;
  border-color: #2ce69b;
}
.nb-theme-default nb-select.appearance-outline.status-success .select-button:focus:hover {
  background-color: #edf1f7;
  border-color: #2ce69b;
}
.nb-theme-default nb-select.appearance-outline.status-success .select-button[disabled] {
  color: rgba(143, 155, 179, .48);
  background-color: #f7f9fc;
  border-color: #e4e9f2;
}
.nb-theme-default nb-select.appearance-outline.status-success .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select.appearance-outline.status-success .select-button.bottom,
.nb-theme-default nb-select.appearance-outline.status-success .select-button.top {
  border-color: #00d68f;
}
.nb-theme-default nb-select.appearance-outline.status-success .select-button.top {
  border-top-color: #00d68f;
}
.nb-theme-default nb-select.appearance-outline.status-success .select-button.bottom {
  border-bottom-color: #00d68f;
}
.nb-theme-default nb-select.appearance-outline.status-warning .select-button {
  background-color: #f7f9fc;
  border-color: #fa0;
  color: #222b45;
}
.nb-theme-default nb-select.appearance-outline.status-warning .select-button.placeholder {
  color: #8f9bb3;
}
.nb-theme-default nb-select.appearance-outline.status-warning .select-button nb-icon {
  color: #8f9bb3;
}
.nb-theme-default nb-select.appearance-outline.status-warning .select-button:focus {
  background-color: #fff;
  border-color: #db8b00;
}
.nb-theme-default nb-select.appearance-outline.status-warning .select-button:hover {
  background-color: #edf1f7;
  border-color: #ffc94d;
}
.nb-theme-default nb-select.appearance-outline.status-warning .select-button:focus:hover {
  background-color: #edf1f7;
  border-color: #ffc94d;
}
.nb-theme-default nb-select.appearance-outline.status-warning .select-button[disabled] {
  color: rgba(143, 155, 179, .48);
  background-color: #f7f9fc;
  border-color: #e4e9f2;
}
.nb-theme-default nb-select.appearance-outline.status-warning .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select.appearance-outline.status-warning .select-button.bottom,
.nb-theme-default nb-select.appearance-outline.status-warning .select-button.top {
  border-color: #fa0;
}
.nb-theme-default nb-select.appearance-outline.status-warning .select-button.top {
  border-top-color: #fa0;
}
.nb-theme-default nb-select.appearance-outline.status-warning .select-button.bottom {
  border-bottom-color: #fa0;
}
.nb-theme-default nb-select.appearance-outline.status-danger .select-button {
  background-color: #f7f9fc;
  border-color: #ff3d71;
  color: #222b45;
}
.nb-theme-default nb-select.appearance-outline.status-danger .select-button.placeholder {
  color: #8f9bb3;
}
.nb-theme-default nb-select.appearance-outline.status-danger .select-button nb-icon {
  color: #8f9bb3;
}
.nb-theme-default nb-select.appearance-outline.status-danger .select-button:focus {
  background-color: #fff;
  border-color: #db2c66;
}
.nb-theme-default nb-select.appearance-outline.status-danger .select-button:hover {
  background-color: #edf1f7;
  border-color: #ff708d;
}
.nb-theme-default nb-select.appearance-outline.status-danger .select-button:focus:hover {
  background-color: #edf1f7;
  border-color: #ff708d;
}
.nb-theme-default nb-select.appearance-outline.status-danger .select-button[disabled] {
  color: rgba(143, 155, 179, .48);
  background-color: #f7f9fc;
  border-color: #e4e9f2;
}
.nb-theme-default nb-select.appearance-outline.status-danger .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select.appearance-outline.status-danger .select-button.bottom,
.nb-theme-default nb-select.appearance-outline.status-danger .select-button.top {
  border-color: #ff3d71;
}
.nb-theme-default nb-select.appearance-outline.status-danger .select-button.top {
  border-top-color: #ff3d71;
}
.nb-theme-default nb-select.appearance-outline.status-danger .select-button.bottom {
  border-bottom-color: #ff3d71;
}
.nb-theme-default nb-select.appearance-outline.status-info .select-button {
  background-color: #f7f9fc;
  border-color: #0095ff;
  color: #222b45;
}
.nb-theme-default nb-select.appearance-outline.status-info .select-button.placeholder {
  color: #8f9bb3;
}
.nb-theme-default nb-select.appearance-outline.status-info .select-button nb-icon {
  color: #8f9bb3;
}
.nb-theme-default nb-select.appearance-outline.status-info .select-button:focus {
  background-color: #fff;
  border-color: #006fd6;
}
.nb-theme-default nb-select.appearance-outline.status-info .select-button:hover {
  background-color: #edf1f7;
  border-color: #42aaff;
}
.nb-theme-default nb-select.appearance-outline.status-info .select-button:focus:hover {
  background-color: #edf1f7;
  border-color: #42aaff;
}
.nb-theme-default nb-select.appearance-outline.status-info .select-button[disabled] {
  color: rgba(143, 155, 179, .48);
  background-color: #f7f9fc;
  border-color: #e4e9f2;
}
.nb-theme-default nb-select.appearance-outline.status-info .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select.appearance-outline.status-info .select-button.bottom,
.nb-theme-default nb-select.appearance-outline.status-info .select-button.top {
  border-color: #0095ff;
}
.nb-theme-default nb-select.appearance-outline.status-info .select-button.top {
  border-top-color: #0095ff;
}
.nb-theme-default nb-select.appearance-outline.status-info .select-button.bottom {
  border-bottom-color: #0095ff;
}
.nb-theme-default nb-select.appearance-outline.status-control .select-button {
  background-color: hsla(0, 0%, 100%, .24);
  border-color: hsla(0, 0%, 100%, .4);
  color: #fff;
}
.nb-theme-default nb-select.appearance-outline.status-control .select-button.placeholder {
  color: #fff;
}
.nb-theme-default nb-select.appearance-outline.status-control .select-button nb-icon {
  color: #fff;
}
.nb-theme-default nb-select.appearance-outline.status-control .select-button:focus {
  background-color: hsla(0, 0%, 100%, .4);
  border-color: #fff;
}
.nb-theme-default nb-select.appearance-outline.status-control .select-button:hover {
  background-color: hsla(0, 0%, 100%, .32);
  border-color: #fff;
}
.nb-theme-default nb-select.appearance-outline.status-control .select-button:focus:hover {
  background-color: hsla(0, 0%, 100%, .32);
  border-color: #fff;
}
.nb-theme-default nb-select.appearance-outline.status-control .select-button[disabled] {
  color: #fff;
  background-color: rgba(143, 155, 179, .16);
  border-color: hsla(0, 0%, 100%, .4);
}
.nb-theme-default nb-select.appearance-outline.status-control .select-button[disabled] nb-icon {
  color: #fff;
}
.nb-theme-default nb-select.appearance-outline.status-control .select-button.bottom,
.nb-theme-default nb-select.appearance-outline.status-control .select-button.top {
  border-color: hsla(0, 0%, 100%, .4);
}
.nb-theme-default nb-select.appearance-outline.status-control .select-button.top {
  border-top-color: hsla(0, 0%, 100%, .4);
}
.nb-theme-default nb-select.appearance-outline.status-control .select-button.bottom {
  border-bottom-color: hsla(0, 0%, 100%, .4);
}
.nb-theme-default nb-select.appearance-outline.size-tiny .select-button {
  padding: .1875rem 1rem;
}
[dir=ltr] .nb-theme-default nb-select.appearance-outline.size-tiny .select-button {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select.appearance-outline.size-tiny .select-button {
  padding-left: 2rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-outline.size-tiny .select-button {
  padding-left: 1.5rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-outline.size-tiny .select-button {
  padding-right: 1.5rem;
}
.nb-theme-default nb-select.appearance-outline.size-small .select-button {
  padding: .1875rem 1rem;
}
[dir=ltr] .nb-theme-default nb-select.appearance-outline.size-small .select-button {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select.appearance-outline.size-small .select-button {
  padding-left: 2rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-outline.size-small .select-button {
  padding-left: 2rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-outline.size-small .select-button {
  padding-right: 2rem;
}
.nb-theme-default nb-select.appearance-outline.size-medium .select-button {
  padding: .4375rem 1rem;
}
[dir=ltr] .nb-theme-default nb-select.appearance-outline.size-medium .select-button {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select.appearance-outline.size-medium .select-button {
  padding-left: 2rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-outline.size-medium .select-button {
  padding-left: 2.5rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-outline.size-medium .select-button {
  padding-right: 2.5rem;
}
.nb-theme-default nb-select.appearance-outline.size-large .select-button {
  padding: .6875rem 1rem;
}
[dir=ltr] .nb-theme-default nb-select.appearance-outline.size-large .select-button {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select.appearance-outline.size-large .select-button {
  padding-left: 2rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-outline.size-large .select-button {
  padding-left: 3rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-outline.size-large .select-button {
  padding-right: 3rem;
}
.nb-theme-default nb-select.appearance-outline.size-giant .select-button {
  padding: .9375rem 1rem;
}
[dir=ltr] .nb-theme-default nb-select.appearance-outline.size-giant .select-button {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select.appearance-outline.size-giant .select-button {
  padding-left: 2rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-outline.size-giant .select-button {
  padding-left: 3.5rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-outline.size-giant .select-button {
  padding-right: 3.5rem;
}
.nb-theme-default nb-select.appearance-filled .select-button {
  border-style: solid;
  border-width: 1px;
}
.nb-theme-default nb-select.appearance-filled.size-tiny .select-button {
  padding: .1875rem 1rem;
}
[dir=ltr] .nb-theme-default nb-select.appearance-filled.size-tiny .select-button {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select.appearance-filled.size-tiny .select-button {
  padding-left: 2rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-filled.size-tiny .select-button {
  padding-left: 1.5rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-filled.size-tiny .select-button {
  padding-right: 1.5rem;
}
.nb-theme-default nb-select.appearance-filled.size-small .select-button {
  padding: .1875rem 1rem;
}
[dir=ltr] .nb-theme-default nb-select.appearance-filled.size-small .select-button {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select.appearance-filled.size-small .select-button {
  padding-left: 2rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-filled.size-small .select-button {
  padding-left: 2rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-filled.size-small .select-button {
  padding-right: 2rem;
}
.nb-theme-default nb-select.appearance-filled.size-medium .select-button {
  padding: .4375rem 1rem;
}
[dir=ltr] .nb-theme-default nb-select.appearance-filled.size-medium .select-button {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select.appearance-filled.size-medium .select-button {
  padding-left: 2rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-filled.size-medium .select-button {
  padding-left: 2.5rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-filled.size-medium .select-button {
  padding-right: 2.5rem;
}
.nb-theme-default nb-select.appearance-filled.size-large .select-button {
  padding: .6875rem 1rem;
}
[dir=ltr] .nb-theme-default nb-select.appearance-filled.size-large .select-button {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select.appearance-filled.size-large .select-button {
  padding-left: 2rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-filled.size-large .select-button {
  padding-left: 3rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-filled.size-large .select-button {
  padding-right: 3rem;
}
.nb-theme-default nb-select.appearance-filled.size-giant .select-button {
  padding: .9375rem 1rem;
}
[dir=ltr] .nb-theme-default nb-select.appearance-filled.size-giant .select-button {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select.appearance-filled.size-giant .select-button {
  padding-left: 2rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-filled.size-giant .select-button {
  padding-left: 3.5rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-filled.size-giant .select-button {
  padding-right: 3.5rem;
}
.nb-theme-default nb-select.appearance-filled.status-basic .select-button {
  background-color: #edf1f7;
  border-color: #edf1f7;
  color: #222b45;
}
.nb-theme-default nb-select.appearance-filled.status-basic .select-button.placeholder {
  color: #8f9bb3;
}
.nb-theme-default nb-select.appearance-filled.status-basic .select-button:focus {
  background-color: #e4e9f2;
  border-color: #c5cee0;
}
.nb-theme-default nb-select.appearance-filled.status-basic .select-button:hover {
  background-color: #f7f9fc;
  border-color: #f7f9fc;
}
.nb-theme-default nb-select.appearance-filled.status-basic .select-button:focus:hover {
  background-color: #f7f9fc;
  border-color: #f7f9fc;
}
.nb-theme-default nb-select.appearance-filled.status-basic .select-button[disabled] {
  background-color: #f7f9fc;
  border-color: #f7f9fc;
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select.appearance-filled.status-basic .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select.appearance-filled.status-basic .select-button nb-icon {
  color: #222b45;
}
.nb-theme-default nb-select.appearance-filled.status-primary .select-button {
  background-color: #36f;
  border-color: #36f;
  color: #fff;
}
.nb-theme-default nb-select.appearance-filled.status-primary .select-button.placeholder {
  color: #fff;
}
.nb-theme-default nb-select.appearance-filled.status-primary .select-button:focus {
  background-color: #274bdb;
  border-color: #1a34b8;
}
.nb-theme-default nb-select.appearance-filled.status-primary .select-button:hover {
  background-color: #598bff;
  border-color: #598bff;
}
.nb-theme-default nb-select.appearance-filled.status-primary .select-button:focus:hover {
  background-color: #598bff;
  border-color: #598bff;
}
.nb-theme-default nb-select.appearance-filled.status-primary .select-button[disabled] {
  background-color: #f7f9fc;
  border-color: #f7f9fc;
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select.appearance-filled.status-primary .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select.appearance-filled.status-primary .select-button nb-icon {
  color: #fff;
}
.nb-theme-default nb-select.appearance-filled.status-success .select-button {
  background-color: #00d68f;
  border-color: #00d68f;
  color: #fff;
}
.nb-theme-default nb-select.appearance-filled.status-success .select-button.placeholder {
  color: #fff;
}
.nb-theme-default nb-select.appearance-filled.status-success .select-button:focus {
  background-color: #00b887;
  border-color: #00997a;
}
.nb-theme-default nb-select.appearance-filled.status-success .select-button:hover {
  background-color: #2ce69b;
  border-color: #2ce69b;
}
.nb-theme-default nb-select.appearance-filled.status-success .select-button:focus:hover {
  background-color: #2ce69b;
  border-color: #2ce69b;
}
.nb-theme-default nb-select.appearance-filled.status-success .select-button[disabled] {
  background-color: #f7f9fc;
  border-color: #f7f9fc;
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select.appearance-filled.status-success .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select.appearance-filled.status-success .select-button nb-icon {
  color: #fff;
}
.nb-theme-default nb-select.appearance-filled.status-warning .select-button {
  background-color: #fa0;
  border-color: #fa0;
  color: #fff;
}
.nb-theme-default nb-select.appearance-filled.status-warning .select-button.placeholder {
  color: #fff;
}
.nb-theme-default nb-select.appearance-filled.status-warning .select-button:focus {
  background-color: #db8b00;
  border-color: #b86e00;
}
.nb-theme-default nb-select.appearance-filled.status-warning .select-button:hover {
  background-color: #ffc94d;
  border-color: #ffc94d;
}
.nb-theme-default nb-select.appearance-filled.status-warning .select-button:focus:hover {
  background-color: #ffc94d;
  border-color: #ffc94d;
}
.nb-theme-default nb-select.appearance-filled.status-warning .select-button[disabled] {
  background-color: #f7f9fc;
  border-color: #f7f9fc;
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select.appearance-filled.status-warning .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select.appearance-filled.status-warning .select-button nb-icon {
  color: #fff;
}
.nb-theme-default nb-select.appearance-filled.status-danger .select-button {
  background-color: #ff3d71;
  border-color: #ff3d71;
  color: #fff;
}
.nb-theme-default nb-select.appearance-filled.status-danger .select-button.placeholder {
  color: #fff;
}
.nb-theme-default nb-select.appearance-filled.status-danger .select-button:focus {
  background-color: #db2c66;
  border-color: #b81d5b;
}
.nb-theme-default nb-select.appearance-filled.status-danger .select-button:hover {
  background-color: #ff708d;
  border-color: #ff708d;
}
.nb-theme-default nb-select.appearance-filled.status-danger .select-button:focus:hover {
  background-color: #ff708d;
  border-color: #ff708d;
}
.nb-theme-default nb-select.appearance-filled.status-danger .select-button[disabled] {
  background-color: #f7f9fc;
  border-color: #f7f9fc;
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select.appearance-filled.status-danger .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select.appearance-filled.status-danger .select-button nb-icon {
  color: #fff;
}
.nb-theme-default nb-select.appearance-filled.status-info .select-button {
  background-color: #0095ff;
  border-color: #0095ff;
  color: #fff;
}
.nb-theme-default nb-select.appearance-filled.status-info .select-button.placeholder {
  color: #fff;
}
.nb-theme-default nb-select.appearance-filled.status-info .select-button:focus {
  background-color: #006fd6;
  border-color: #0057c2;
}
.nb-theme-default nb-select.appearance-filled.status-info .select-button:hover {
  background-color: #42aaff;
  border-color: #42aaff;
}
.nb-theme-default nb-select.appearance-filled.status-info .select-button:focus:hover {
  background-color: #42aaff;
  border-color: #42aaff;
}
.nb-theme-default nb-select.appearance-filled.status-info .select-button[disabled] {
  background-color: #f7f9fc;
  border-color: #f7f9fc;
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select.appearance-filled.status-info .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select.appearance-filled.status-info .select-button nb-icon {
  color: #fff;
}
.nb-theme-default nb-select.appearance-filled.status-control .select-button {
  background-color: #fff;
  border-color: #fff;
  color: #222b45;
}
.nb-theme-default nb-select.appearance-filled.status-control .select-button.placeholder {
  color: #8f9bb3;
}
.nb-theme-default nb-select.appearance-filled.status-control .select-button:focus {
  background-color: #edf1f7;
  border-color: #c5cee0;
}
.nb-theme-default nb-select.appearance-filled.status-control .select-button:hover {
  background-color: #f7f9fc;
  border-color: #f7f9fc;
}
.nb-theme-default nb-select.appearance-filled.status-control .select-button:focus:hover {
  background-color: #f7f9fc;
  border-color: #f7f9fc;
}
.nb-theme-default nb-select.appearance-filled.status-control .select-button[disabled] {
  background-color: #f7f9fc;
  border-color: #f7f9fc;
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select.appearance-filled.status-control .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select.appearance-filled.status-control .select-button nb-icon {
  color: #222b45;
}
.nb-theme-default nb-select.appearance-hero .select-button {
  border: none;
}
.nb-theme-default nb-select.appearance-hero.size-tiny .select-button {
  padding: .25rem 1rem;
}
[dir=ltr] .nb-theme-default nb-select.appearance-hero.size-tiny .select-button {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select.appearance-hero.size-tiny .select-button {
  padding-left: 2rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-hero.size-tiny .select-button {
  padding-left: 1.5rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-hero.size-tiny .select-button {
  padding-right: 1.5rem;
}
.nb-theme-default nb-select.appearance-hero.size-small .select-button {
  padding: .25rem 1rem;
}
[dir=ltr] .nb-theme-default nb-select.appearance-hero.size-small .select-button {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select.appearance-hero.size-small .select-button {
  padding-left: 2rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-hero.size-small .select-button {
  padding-left: 2rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-hero.size-small .select-button {
  padding-right: 2rem;
}
.nb-theme-default nb-select.appearance-hero.size-medium .select-button {
  padding: .5rem 1rem;
}
[dir=ltr] .nb-theme-default nb-select.appearance-hero.size-medium .select-button {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select.appearance-hero.size-medium .select-button {
  padding-left: 2rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-hero.size-medium .select-button {
  padding-left: 2.5rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-hero.size-medium .select-button {
  padding-right: 2.5rem;
}
.nb-theme-default nb-select.appearance-hero.size-large .select-button {
  padding: .75rem 1rem;
}
[dir=ltr] .nb-theme-default nb-select.appearance-hero.size-large .select-button {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select.appearance-hero.size-large .select-button {
  padding-left: 2rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-hero.size-large .select-button {
  padding-left: 3rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-hero.size-large .select-button {
  padding-right: 3rem;
}
.nb-theme-default nb-select.appearance-hero.size-giant .select-button {
  padding: 1rem 1rem;
}
[dir=ltr] .nb-theme-default nb-select.appearance-hero.size-giant .select-button {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select.appearance-hero.size-giant .select-button {
  padding-left: 2rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-hero.size-giant .select-button {
  padding-left: 3.5rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-hero.size-giant .select-button {
  padding-right: 3.5rem;
}
.nb-theme-default nb-select.appearance-hero.status-basic .select-button {
  background-image:
    linear-gradient(
      to right,
      #f7f9fc,
      #edf1f7);
  color: #222b45;
}
.nb-theme-default nb-select.appearance-hero.status-basic .select-button.placeholder {
  color: #8f9bb3;
}
.nb-theme-default nb-select.appearance-hero.status-basic .select-button:focus {
  background-image:
    linear-gradient(
      to right,
      #edf1f7,
      #e4e9f2);
}
.nb-theme-default nb-select.appearance-hero.status-basic .select-button:hover {
  background-image:
    linear-gradient(
      to right,
      #ffffff,
      #f7f9fc);
}
.nb-theme-default nb-select.appearance-hero.status-basic .select-button:focus:hover {
  background-image:
    linear-gradient(
      to right,
      #ffffff,
      #f7f9fc);
}
.nb-theme-default nb-select.appearance-hero.status-basic .select-button[disabled] {
  color: rgba(143, 155, 179, .48);
  background-color: #f7f9fc;
  background-image: none;
}
.nb-theme-default nb-select.appearance-hero.status-basic .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select.appearance-hero.status-basic .select-button nb-icon {
  color: #222b45;
}
.nb-theme-default nb-select.appearance-hero.status-primary .select-button {
  background-image:
    linear-gradient(
      to right,
      #598bff,
      #3366ff);
  color: #fff;
}
.nb-theme-default nb-select.appearance-hero.status-primary .select-button.placeholder {
  color: #fff;
}
.nb-theme-default nb-select.appearance-hero.status-primary .select-button:focus {
  background-image:
    linear-gradient(
      to right,
      #3366ff,
      #274bdb);
}
.nb-theme-default nb-select.appearance-hero.status-primary .select-button:hover {
  background-image:
    linear-gradient(
      to right,
      #a6c1ff,
      #598bff);
}
.nb-theme-default nb-select.appearance-hero.status-primary .select-button:focus:hover {
  background-image:
    linear-gradient(
      to right,
      #a6c1ff,
      #598bff);
}
.nb-theme-default nb-select.appearance-hero.status-primary .select-button[disabled] {
  color: rgba(143, 155, 179, .48);
  background-color: #f7f9fc;
  background-image: none;
}
.nb-theme-default nb-select.appearance-hero.status-primary .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select.appearance-hero.status-primary .select-button nb-icon {
  color: #fff;
}
.nb-theme-default nb-select.appearance-hero.status-success .select-button {
  background-image:
    linear-gradient(
      to right,
      #2ce69b,
      #00d68f);
  color: #fff;
}
.nb-theme-default nb-select.appearance-hero.status-success .select-button.placeholder {
  color: #fff;
}
.nb-theme-default nb-select.appearance-hero.status-success .select-button:focus {
  background-image:
    linear-gradient(
      to right,
      #00d68f,
      #00b887);
}
.nb-theme-default nb-select.appearance-hero.status-success .select-button:hover {
  background-image:
    linear-gradient(
      to right,
      #8cfac7,
      #2ce69b);
}
.nb-theme-default nb-select.appearance-hero.status-success .select-button:focus:hover {
  background-image:
    linear-gradient(
      to right,
      #8cfac7,
      #2ce69b);
}
.nb-theme-default nb-select.appearance-hero.status-success .select-button[disabled] {
  color: rgba(143, 155, 179, .48);
  background-color: #f7f9fc;
  background-image: none;
}
.nb-theme-default nb-select.appearance-hero.status-success .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select.appearance-hero.status-success .select-button nb-icon {
  color: #fff;
}
.nb-theme-default nb-select.appearance-hero.status-warning .select-button {
  background-image:
    linear-gradient(
      to right,
      #ffc94d,
      #ffaa00);
  color: #fff;
}
.nb-theme-default nb-select.appearance-hero.status-warning .select-button.placeholder {
  color: #fff;
}
.nb-theme-default nb-select.appearance-hero.status-warning .select-button:focus {
  background-image:
    linear-gradient(
      to right,
      #ffaa00,
      #db8b00);
}
.nb-theme-default nb-select.appearance-hero.status-warning .select-button:hover {
  background-image:
    linear-gradient(
      to right,
      #ffe59e,
      #ffc94d);
}
.nb-theme-default nb-select.appearance-hero.status-warning .select-button:focus:hover {
  background-image:
    linear-gradient(
      to right,
      #ffe59e,
      #ffc94d);
}
.nb-theme-default nb-select.appearance-hero.status-warning .select-button[disabled] {
  color: rgba(143, 155, 179, .48);
  background-color: #f7f9fc;
  background-image: none;
}
.nb-theme-default nb-select.appearance-hero.status-warning .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select.appearance-hero.status-warning .select-button nb-icon {
  color: #fff;
}
.nb-theme-default nb-select.appearance-hero.status-danger .select-button {
  background-image:
    linear-gradient(
      to right,
      #ff708d,
      #ff3d71);
  color: #fff;
}
.nb-theme-default nb-select.appearance-hero.status-danger .select-button.placeholder {
  color: #fff;
}
.nb-theme-default nb-select.appearance-hero.status-danger .select-button:focus {
  background-image:
    linear-gradient(
      to right,
      #ff3d71,
      #db2c66);
}
.nb-theme-default nb-select.appearance-hero.status-danger .select-button:hover {
  background-image:
    linear-gradient(
      to right,
      #ffa8b4,
      #ff708d);
}
.nb-theme-default nb-select.appearance-hero.status-danger .select-button:focus:hover {
  background-image:
    linear-gradient(
      to right,
      #ffa8b4,
      #ff708d);
}
.nb-theme-default nb-select.appearance-hero.status-danger .select-button[disabled] {
  color: rgba(143, 155, 179, .48);
  background-color: #f7f9fc;
  background-image: none;
}
.nb-theme-default nb-select.appearance-hero.status-danger .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select.appearance-hero.status-danger .select-button nb-icon {
  color: #fff;
}
.nb-theme-default nb-select.appearance-hero.status-info .select-button {
  background-image:
    linear-gradient(
      to right,
      #42aaff,
      #0095ff);
  color: #fff;
}
.nb-theme-default nb-select.appearance-hero.status-info .select-button.placeholder {
  color: #fff;
}
.nb-theme-default nb-select.appearance-hero.status-info .select-button:focus {
  background-image:
    linear-gradient(
      to right,
      #0095ff,
      #006fd6);
}
.nb-theme-default nb-select.appearance-hero.status-info .select-button:hover {
  background-image:
    linear-gradient(
      to right,
      #94cbff,
      #42aaff);
}
.nb-theme-default nb-select.appearance-hero.status-info .select-button:focus:hover {
  background-image:
    linear-gradient(
      to right,
      #94cbff,
      #42aaff);
}
.nb-theme-default nb-select.appearance-hero.status-info .select-button[disabled] {
  color: rgba(143, 155, 179, .48);
  background-color: #f7f9fc;
  background-image: none;
}
.nb-theme-default nb-select.appearance-hero.status-info .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select.appearance-hero.status-info .select-button nb-icon {
  color: #fff;
}
.nb-theme-default nb-select.appearance-hero.status-control .select-button {
  background-image:
    linear-gradient(
      to right,
      #ffffff,
      #ffffff);
  color: #222b45;
}
.nb-theme-default nb-select.appearance-hero.status-control .select-button.placeholder {
  color: #8f9bb3;
}
.nb-theme-default nb-select.appearance-hero.status-control .select-button:focus {
  background-image:
    linear-gradient(
      to right,
      #f7f9fc,
      #edf1f7);
}
.nb-theme-default nb-select.appearance-hero.status-control .select-button:hover {
  background-image:
    linear-gradient(
      to right,
      #ffffff,
      #f7f9fc);
}
.nb-theme-default nb-select.appearance-hero.status-control .select-button:focus:hover {
  background-image:
    linear-gradient(
      to right,
      #ffffff,
      #f7f9fc);
}
.nb-theme-default nb-select.appearance-hero.status-control .select-button[disabled] {
  color: rgba(143, 155, 179, .48);
  background-color: #f7f9fc;
  background-image: none;
}
.nb-theme-default nb-select.appearance-hero.status-control .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select.appearance-hero.status-control .select-button nb-icon {
  color: #222b45;
}
.nb-theme-default nb-form-field nb-select {
  width: 100%;
}
.nb-theme-default nb-select-with-autocomplete .select-button {
  min-width: 13rem;
  cursor: pointer;
  font-family: Open Sans, sans-serif;
}
.nb-theme-default nb-select-with-autocomplete .select-button.placeholder {
  font-family: Open Sans, sans-serif;
}
.nb-theme-default nb-select-with-autocomplete .select-button:focus {
  outline: none;
}
.nb-theme-default nb-select-with-autocomplete .select-button[disabled] {
  cursor: default;
}
.nb-theme-default nb-select-with-autocomplete.size-tiny .select-button {
  font-size: .75rem;
  font-weight: 600;
  line-height: 1rem;
}
.nb-theme-default nb-select-with-autocomplete.size-tiny .select-button.placeholder {
  font-size: .9375rem;
  font-weight: 400;
}
.nb-theme-default nb-select-with-autocomplete.size-tiny .select-button.empty::before {
  content: " ";
  display: block;
  height: 1rem;
}
.nb-theme-default nb-select-with-autocomplete.size-tiny:not(.full-width) {
  max-width: 20rem;
}
.nb-theme-default nb-select-with-autocomplete.size-small .select-button {
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.nb-theme-default nb-select-with-autocomplete.size-small .select-button.placeholder {
  font-size: .9375rem;
  font-weight: 400;
}
.nb-theme-default nb-select-with-autocomplete.size-small .select-button.empty::before {
  content: " ";
  display: block;
  height: 1.5rem;
}
.nb-theme-default nb-select-with-autocomplete.size-small:not(.full-width) {
  max-width: 20rem;
}
.nb-theme-default nb-select-with-autocomplete.size-medium .select-button {
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.nb-theme-default nb-select-with-autocomplete.size-medium .select-button.placeholder {
  font-size: .9375rem;
  font-weight: 400;
}
.nb-theme-default nb-select-with-autocomplete.size-medium .select-button.empty::before {
  content: " ";
  display: block;
  height: 1.5rem;
}
.nb-theme-default nb-select-with-autocomplete.size-medium:not(.full-width) {
  max-width: 20rem;
}
.nb-theme-default nb-select-with-autocomplete.size-large .select-button {
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.nb-theme-default nb-select-with-autocomplete.size-large .select-button.placeholder {
  font-size: .9375rem;
  font-weight: 400;
}
.nb-theme-default nb-select-with-autocomplete.size-large .select-button.empty::before {
  content: " ";
  display: block;
  height: 1.5rem;
}
.nb-theme-default nb-select-with-autocomplete.size-large:not(.full-width) {
  max-width: 30rem;
}
.nb-theme-default nb-select-with-autocomplete.size-giant .select-button {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
}
.nb-theme-default nb-select-with-autocomplete.size-giant .select-button.placeholder {
  font-size: .9375rem;
  font-weight: 400;
}
.nb-theme-default nb-select-with-autocomplete.size-giant .select-button.empty::before {
  content: " ";
  display: block;
  height: 1.5rem;
}
.nb-theme-default nb-select-with-autocomplete.size-giant:not(.full-width) {
  max-width: 30rem;
}
.nb-theme-default nb-select-with-autocomplete.shape-rectangle .select-button {
  border-radius: .25rem;
}
.nb-theme-default nb-select-with-autocomplete.shape-semi-round .select-button {
  border-radius: .75rem;
}
.nb-theme-default nb-select-with-autocomplete.shape-round .select-button {
  border-radius: 1.5rem;
}
.nb-theme-default nb-option:focus,
.nb-theme-default nb-option.active {
  background-color: rgba(143, 155, 179, .24);
  color: #222b45;
  outline: none;
}
.nb-theme-default nb-option:focus.selected,
.nb-theme-default nb-option.active.selected {
  background-color: #274bdb;
  color: #fff;
}
.nb-theme-default nb-option.multiple:focus,
.nb-theme-default nb-option.multiple.active,
.nb-theme-default nb-option.multiple.selected:focus,
.nb-theme-default nb-option.multiple.selected.active {
  background-color: rgba(143, 155, 179, .24);
  color: #222b45;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline .select-button {
  border-style: solid;
  border-width: 1px;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline .select-button.top {
  border-top-style: solid;
  border-top-width: 1px;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline .select-button.bottom {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-basic .select-button {
  background-color: #f7f9fc;
  border-color: #e4e9f2;
  color: #222b45;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-basic .select-button.placeholder {
  color: #8f9bb3;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-basic .select-button nb-icon {
  color: #8f9bb3;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-basic .select-button:focus {
  background-color: #fff;
  border-color: #36f;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-basic .select-button:hover {
  background-color: #edf1f7;
  border-color: #e4e9f2;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-basic .select-button:focus:hover {
  background-color: #edf1f7;
  border-color: #e4e9f2;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-basic .select-button[disabled] {
  color: rgba(143, 155, 179, .48);
  background-color: #f7f9fc;
  border-color: #e4e9f2;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-basic .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-basic .select-button.bottom,
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-basic .select-button.top {
  border-color: #e4e9f2;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-basic .select-button.top {
  border-top-color: #e4e9f2;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-basic .select-button.bottom {
  border-bottom-color: #e4e9f2;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-primary .select-button {
  background-color: #f7f9fc;
  border-color: #36f;
  color: #222b45;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-primary .select-button.placeholder {
  color: #8f9bb3;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-primary .select-button nb-icon {
  color: #8f9bb3;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-primary .select-button:focus {
  background-color: #fff;
  border-color: #274bdb;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-primary .select-button:hover {
  background-color: #edf1f7;
  border-color: #598bff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-primary .select-button:focus:hover {
  background-color: #edf1f7;
  border-color: #598bff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-primary .select-button[disabled] {
  color: rgba(143, 155, 179, .48);
  background-color: #f7f9fc;
  border-color: #e4e9f2;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-primary .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-primary .select-button.bottom,
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-primary .select-button.top {
  border-color: #36f;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-primary .select-button.top {
  border-top-color: #36f;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-primary .select-button.bottom {
  border-bottom-color: #36f;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-success .select-button {
  background-color: #f7f9fc;
  border-color: #00d68f;
  color: #222b45;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-success .select-button.placeholder {
  color: #8f9bb3;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-success .select-button nb-icon {
  color: #8f9bb3;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-success .select-button:focus {
  background-color: #fff;
  border-color: #00b887;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-success .select-button:hover {
  background-color: #edf1f7;
  border-color: #2ce69b;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-success .select-button:focus:hover {
  background-color: #edf1f7;
  border-color: #2ce69b;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-success .select-button[disabled] {
  color: rgba(143, 155, 179, .48);
  background-color: #f7f9fc;
  border-color: #e4e9f2;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-success .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-success .select-button.bottom,
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-success .select-button.top {
  border-color: #00d68f;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-success .select-button.top {
  border-top-color: #00d68f;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-success .select-button.bottom {
  border-bottom-color: #00d68f;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-warning .select-button {
  background-color: #f7f9fc;
  border-color: #fa0;
  color: #222b45;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-warning .select-button.placeholder {
  color: #8f9bb3;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-warning .select-button nb-icon {
  color: #8f9bb3;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-warning .select-button:focus {
  background-color: #fff;
  border-color: #db8b00;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-warning .select-button:hover {
  background-color: #edf1f7;
  border-color: #ffc94d;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-warning .select-button:focus:hover {
  background-color: #edf1f7;
  border-color: #ffc94d;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-warning .select-button[disabled] {
  color: rgba(143, 155, 179, .48);
  background-color: #f7f9fc;
  border-color: #e4e9f2;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-warning .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-warning .select-button.bottom,
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-warning .select-button.top {
  border-color: #fa0;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-warning .select-button.top {
  border-top-color: #fa0;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-warning .select-button.bottom {
  border-bottom-color: #fa0;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-danger .select-button {
  background-color: #f7f9fc;
  border-color: #ff3d71;
  color: #222b45;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-danger .select-button.placeholder {
  color: #8f9bb3;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-danger .select-button nb-icon {
  color: #8f9bb3;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-danger .select-button:focus {
  background-color: #fff;
  border-color: #db2c66;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-danger .select-button:hover {
  background-color: #edf1f7;
  border-color: #ff708d;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-danger .select-button:focus:hover {
  background-color: #edf1f7;
  border-color: #ff708d;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-danger .select-button[disabled] {
  color: rgba(143, 155, 179, .48);
  background-color: #f7f9fc;
  border-color: #e4e9f2;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-danger .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-danger .select-button.bottom,
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-danger .select-button.top {
  border-color: #ff3d71;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-danger .select-button.top {
  border-top-color: #ff3d71;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-danger .select-button.bottom {
  border-bottom-color: #ff3d71;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-info .select-button {
  background-color: #f7f9fc;
  border-color: #0095ff;
  color: #222b45;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-info .select-button.placeholder {
  color: #8f9bb3;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-info .select-button nb-icon {
  color: #8f9bb3;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-info .select-button:focus {
  background-color: #fff;
  border-color: #006fd6;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-info .select-button:hover {
  background-color: #edf1f7;
  border-color: #42aaff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-info .select-button:focus:hover {
  background-color: #edf1f7;
  border-color: #42aaff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-info .select-button[disabled] {
  color: rgba(143, 155, 179, .48);
  background-color: #f7f9fc;
  border-color: #e4e9f2;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-info .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-info .select-button.bottom,
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-info .select-button.top {
  border-color: #0095ff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-info .select-button.top {
  border-top-color: #0095ff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-info .select-button.bottom {
  border-bottom-color: #0095ff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-control .select-button {
  background-color: hsla(0, 0%, 100%, .24);
  border-color: hsla(0, 0%, 100%, .4);
  color: #fff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-control .select-button.placeholder {
  color: #fff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-control .select-button nb-icon {
  color: #fff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-control .select-button:focus {
  background-color: hsla(0, 0%, 100%, .4);
  border-color: #fff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-control .select-button:hover {
  background-color: hsla(0, 0%, 100%, .32);
  border-color: #fff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-control .select-button:focus:hover {
  background-color: hsla(0, 0%, 100%, .32);
  border-color: #fff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-control .select-button[disabled] {
  color: #fff;
  background-color: rgba(143, 155, 179, .16);
  border-color: hsla(0, 0%, 100%, .4);
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-control .select-button[disabled] nb-icon {
  color: #fff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-control .select-button.bottom,
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-control .select-button.top {
  border-color: hsla(0, 0%, 100%, .4);
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-control .select-button.top {
  border-top-color: hsla(0, 0%, 100%, .4);
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.status-control .select-button.bottom {
  border-bottom-color: hsla(0, 0%, 100%, .4);
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.size-tiny .select-button {
  padding: .1875rem 1rem;
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-tiny .select-button {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-tiny .select-button {
  padding-left: 2rem;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.size-tiny .nb-form-field-prefix-tiny,
.nb-theme-default nb-select-with-autocomplete.appearance-outline.size-tiny .nb-form-field-suffix-tiny {
  width: 2rem;
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-tiny .nb-form-field-prefix-tiny {
  margin-right: calc(2rem*-1);
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-tiny .nb-form-field-prefix-tiny {
  margin-left: calc(2rem*-1);
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-tiny .nb-form-field-suffix-tiny {
  margin-left: calc(2rem*-1);
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-tiny .nb-form-field-suffix-tiny {
  margin-right: calc(2rem*-1);
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-tiny [nbInput] {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-tiny [nbInput] {
  padding-left: 2rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-outline.size-tiny .select-button {
  padding-left: 1.5rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-outline.size-tiny .select-button {
  padding-right: 1.5rem;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.size-small .select-button {
  padding: .1875rem 1rem;
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-small .select-button {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-small .select-button {
  padding-left: 2rem;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.size-small .nb-form-field-prefix-small,
.nb-theme-default nb-select-with-autocomplete.appearance-outline.size-small .nb-form-field-suffix-small {
  width: 2rem;
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-small .nb-form-field-prefix-small {
  margin-right: calc(2rem*-1);
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-small .nb-form-field-prefix-small {
  margin-left: calc(2rem*-1);
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-small .nb-form-field-suffix-small {
  margin-left: calc(2rem*-1);
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-small .nb-form-field-suffix-small {
  margin-right: calc(2rem*-1);
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-small [nbInput] {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-small [nbInput] {
  padding-left: 2rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-outline.size-small .select-button {
  padding-left: 2rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-outline.size-small .select-button {
  padding-right: 2rem;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.size-medium .select-button {
  padding: .4375rem 1rem;
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-medium .select-button {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-medium .select-button {
  padding-left: 2rem;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.size-medium .nb-form-field-prefix-medium,
.nb-theme-default nb-select-with-autocomplete.appearance-outline.size-medium .nb-form-field-suffix-medium {
  width: 2rem;
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-medium .nb-form-field-prefix-medium {
  margin-right: calc(2rem*-1);
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-medium .nb-form-field-prefix-medium {
  margin-left: calc(2rem*-1);
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-medium .nb-form-field-suffix-medium {
  margin-left: calc(2rem*-1);
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-medium .nb-form-field-suffix-medium {
  margin-right: calc(2rem*-1);
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-medium [nbInput] {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-medium [nbInput] {
  padding-left: 2rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-outline.size-medium .select-button {
  padding-left: 2.5rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-outline.size-medium .select-button {
  padding-right: 2.5rem;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.size-large .select-button {
  padding: .6875rem 1rem;
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-large .select-button {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-large .select-button {
  padding-left: 2rem;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.size-large .nb-form-field-prefix-large,
.nb-theme-default nb-select-with-autocomplete.appearance-outline.size-large .nb-form-field-suffix-large {
  width: 2rem;
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-large .nb-form-field-prefix-large {
  margin-right: calc(2rem*-1);
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-large .nb-form-field-prefix-large {
  margin-left: calc(2rem*-1);
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-large .nb-form-field-suffix-large {
  margin-left: calc(2rem*-1);
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-large .nb-form-field-suffix-large {
  margin-right: calc(2rem*-1);
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-large [nbInput] {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-large [nbInput] {
  padding-left: 2rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-outline.size-large .select-button {
  padding-left: 3rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-outline.size-large .select-button {
  padding-right: 3rem;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.size-giant .select-button {
  padding: .9375rem 1rem;
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-giant .select-button {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-giant .select-button {
  padding-left: 2rem;
}
.nb-theme-default nb-select-with-autocomplete.appearance-outline.size-giant .nb-form-field-prefix-giant,
.nb-theme-default nb-select-with-autocomplete.appearance-outline.size-giant .nb-form-field-suffix-giant {
  width: 2rem;
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-giant .nb-form-field-prefix-giant {
  margin-right: calc(2rem*-1);
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-giant .nb-form-field-prefix-giant {
  margin-left: calc(2rem*-1);
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-giant .nb-form-field-suffix-giant {
  margin-left: calc(2rem*-1);
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-giant .nb-form-field-suffix-giant {
  margin-right: calc(2rem*-1);
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-giant [nbInput] {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-outline.size-giant [nbInput] {
  padding-left: 2rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-outline.size-giant .select-button {
  padding-left: 3.5rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-outline.size-giant .select-button {
  padding-right: 3.5rem;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled .select-button {
  border-style: solid;
  border-width: 1px;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.size-tiny .select-button {
  padding: .1875rem 1rem;
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-tiny .select-button {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-tiny .select-button {
  padding-left: 2rem;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.size-tiny .nb-form-field-prefix-tiny,
.nb-theme-default nb-select-with-autocomplete.appearance-filled.size-tiny .nb-form-field-suffix-tiny {
  width: 2rem;
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-tiny .nb-form-field-prefix-tiny {
  margin-right: calc(2rem*-1);
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-tiny .nb-form-field-prefix-tiny {
  margin-left: calc(2rem*-1);
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-tiny .nb-form-field-suffix-tiny {
  margin-left: calc(2rem*-1);
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-tiny .nb-form-field-suffix-tiny {
  margin-right: calc(2rem*-1);
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-tiny [nbInput] {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-tiny [nbInput] {
  padding-left: 2rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-filled.size-tiny .select-button {
  padding-left: 1.5rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-filled.size-tiny .select-button {
  padding-right: 1.5rem;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.size-small .select-button {
  padding: .1875rem 1rem;
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-small .select-button {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-small .select-button {
  padding-left: 2rem;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.size-small .nb-form-field-prefix-small,
.nb-theme-default nb-select-with-autocomplete.appearance-filled.size-small .nb-form-field-suffix-small {
  width: 2rem;
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-small .nb-form-field-prefix-small {
  margin-right: calc(2rem*-1);
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-small .nb-form-field-prefix-small {
  margin-left: calc(2rem*-1);
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-small .nb-form-field-suffix-small {
  margin-left: calc(2rem*-1);
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-small .nb-form-field-suffix-small {
  margin-right: calc(2rem*-1);
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-small [nbInput] {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-small [nbInput] {
  padding-left: 2rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-filled.size-small .select-button {
  padding-left: 2rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-filled.size-small .select-button {
  padding-right: 2rem;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.size-medium .select-button {
  padding: .4375rem 1rem;
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-medium .select-button {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-medium .select-button {
  padding-left: 2rem;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.size-medium .nb-form-field-prefix-medium,
.nb-theme-default nb-select-with-autocomplete.appearance-filled.size-medium .nb-form-field-suffix-medium {
  width: 2rem;
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-medium .nb-form-field-prefix-medium {
  margin-right: calc(2rem*-1);
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-medium .nb-form-field-prefix-medium {
  margin-left: calc(2rem*-1);
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-medium .nb-form-field-suffix-medium {
  margin-left: calc(2rem*-1);
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-medium .nb-form-field-suffix-medium {
  margin-right: calc(2rem*-1);
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-medium [nbInput] {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-medium [nbInput] {
  padding-left: 2rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-filled.size-medium .select-button {
  padding-left: 2.5rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-filled.size-medium .select-button {
  padding-right: 2.5rem;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.size-large .select-button {
  padding: .6875rem 1rem;
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-large .select-button {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-large .select-button {
  padding-left: 2rem;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.size-large .nb-form-field-prefix-large,
.nb-theme-default nb-select-with-autocomplete.appearance-filled.size-large .nb-form-field-suffix-large {
  width: 2rem;
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-large .nb-form-field-prefix-large {
  margin-right: calc(2rem*-1);
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-large .nb-form-field-prefix-large {
  margin-left: calc(2rem*-1);
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-large .nb-form-field-suffix-large {
  margin-left: calc(2rem*-1);
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-large .nb-form-field-suffix-large {
  margin-right: calc(2rem*-1);
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-large [nbInput] {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-large [nbInput] {
  padding-left: 2rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-filled.size-large .select-button {
  padding-left: 3rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-filled.size-large .select-button {
  padding-right: 3rem;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.size-giant .select-button {
  padding: .9375rem 1rem;
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-giant .select-button {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-giant .select-button {
  padding-left: 2rem;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.size-giant .nb-form-field-prefix-giant,
.nb-theme-default nb-select-with-autocomplete.appearance-filled.size-giant .nb-form-field-suffix-giant {
  width: 2rem;
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-giant .nb-form-field-prefix-giant {
  margin-right: calc(2rem*-1);
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-giant .nb-form-field-prefix-giant {
  margin-left: calc(2rem*-1);
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-giant .nb-form-field-suffix-giant {
  margin-left: calc(2rem*-1);
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-giant .nb-form-field-suffix-giant {
  margin-right: calc(2rem*-1);
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-giant [nbInput] {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-filled.size-giant [nbInput] {
  padding-left: 2rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-filled.size-giant .select-button {
  padding-left: 3.5rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-filled.size-giant .select-button {
  padding-right: 3.5rem;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-basic .select-button {
  background-color: #edf1f7;
  border-color: #edf1f7;
  color: #222b45;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-basic .select-button.placeholder {
  color: #8f9bb3;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-basic .select-button:focus {
  background-color: #e4e9f2;
  border-color: #c5cee0;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-basic .select-button:hover {
  background-color: #f7f9fc;
  border-color: #f7f9fc;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-basic .select-button:focus:hover {
  background-color: #f7f9fc;
  border-color: #f7f9fc;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-basic .select-button[disabled] {
  background-color: #f7f9fc;
  border-color: #f7f9fc;
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-basic .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-basic .select-button nb-icon {
  color: #222b45;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-primary .select-button {
  background-color: #36f;
  border-color: #36f;
  color: #fff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-primary .select-button.placeholder {
  color: #fff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-primary .select-button:focus {
  background-color: #274bdb;
  border-color: #1a34b8;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-primary .select-button:hover {
  background-color: #598bff;
  border-color: #598bff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-primary .select-button:focus:hover {
  background-color: #598bff;
  border-color: #598bff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-primary .select-button[disabled] {
  background-color: #f7f9fc;
  border-color: #f7f9fc;
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-primary .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-primary .select-button nb-icon {
  color: #fff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-success .select-button {
  background-color: #00d68f;
  border-color: #00d68f;
  color: #fff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-success .select-button.placeholder {
  color: #fff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-success .select-button:focus {
  background-color: #00b887;
  border-color: #00997a;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-success .select-button:hover {
  background-color: #2ce69b;
  border-color: #2ce69b;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-success .select-button:focus:hover {
  background-color: #2ce69b;
  border-color: #2ce69b;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-success .select-button[disabled] {
  background-color: #f7f9fc;
  border-color: #f7f9fc;
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-success .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-success .select-button nb-icon {
  color: #fff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-warning .select-button {
  background-color: #fa0;
  border-color: #fa0;
  color: #fff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-warning .select-button.placeholder {
  color: #fff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-warning .select-button:focus {
  background-color: #db8b00;
  border-color: #b86e00;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-warning .select-button:hover {
  background-color: #ffc94d;
  border-color: #ffc94d;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-warning .select-button:focus:hover {
  background-color: #ffc94d;
  border-color: #ffc94d;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-warning .select-button[disabled] {
  background-color: #f7f9fc;
  border-color: #f7f9fc;
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-warning .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-warning .select-button nb-icon {
  color: #fff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-danger .select-button {
  background-color: #ff3d71;
  border-color: #ff3d71;
  color: #fff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-danger .select-button.placeholder {
  color: #fff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-danger .select-button:focus {
  background-color: #db2c66;
  border-color: #b81d5b;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-danger .select-button:hover {
  background-color: #ff708d;
  border-color: #ff708d;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-danger .select-button:focus:hover {
  background-color: #ff708d;
  border-color: #ff708d;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-danger .select-button[disabled] {
  background-color: #f7f9fc;
  border-color: #f7f9fc;
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-danger .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-danger .select-button nb-icon {
  color: #fff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-info .select-button {
  background-color: #0095ff;
  border-color: #0095ff;
  color: #fff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-info .select-button.placeholder {
  color: #fff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-info .select-button:focus {
  background-color: #006fd6;
  border-color: #0057c2;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-info .select-button:hover {
  background-color: #42aaff;
  border-color: #42aaff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-info .select-button:focus:hover {
  background-color: #42aaff;
  border-color: #42aaff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-info .select-button[disabled] {
  background-color: #f7f9fc;
  border-color: #f7f9fc;
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-info .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-info .select-button nb-icon {
  color: #fff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-control .select-button {
  background-color: #fff;
  border-color: #fff;
  color: #222b45;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-control .select-button.placeholder {
  color: #8f9bb3;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-control .select-button:focus {
  background-color: #edf1f7;
  border-color: #c5cee0;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-control .select-button:hover {
  background-color: #f7f9fc;
  border-color: #f7f9fc;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-control .select-button:focus:hover {
  background-color: #f7f9fc;
  border-color: #f7f9fc;
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-control .select-button[disabled] {
  background-color: #f7f9fc;
  border-color: #f7f9fc;
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-control .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select-with-autocomplete.appearance-filled.status-control .select-button nb-icon {
  color: #222b45;
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero .select-button {
  border: none;
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.size-tiny .select-button {
  padding: .25rem 1rem;
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-tiny .select-button {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-tiny .select-button {
  padding-left: 2rem;
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.size-tiny .nb-form-field-prefix-tiny,
.nb-theme-default nb-select-with-autocomplete.appearance-hero.size-tiny .nb-form-field-suffix-tiny {
  width: 2rem;
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-tiny .nb-form-field-prefix-tiny {
  margin-right: calc(2rem*-1);
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-tiny .nb-form-field-prefix-tiny {
  margin-left: calc(2rem*-1);
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-tiny .nb-form-field-suffix-tiny {
  margin-left: calc(2rem*-1);
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-tiny .nb-form-field-suffix-tiny {
  margin-right: calc(2rem*-1);
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-tiny [nbInput] {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-tiny [nbInput] {
  padding-left: 2rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-hero.size-tiny .select-button {
  padding-left: 1.5rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-hero.size-tiny .select-button {
  padding-right: 1.5rem;
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.size-small .select-button {
  padding: .25rem 1rem;
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-small .select-button {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-small .select-button {
  padding-left: 2rem;
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.size-small .nb-form-field-prefix-small,
.nb-theme-default nb-select-with-autocomplete.appearance-hero.size-small .nb-form-field-suffix-small {
  width: 2rem;
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-small .nb-form-field-prefix-small {
  margin-right: calc(2rem*-1);
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-small .nb-form-field-prefix-small {
  margin-left: calc(2rem*-1);
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-small .nb-form-field-suffix-small {
  margin-left: calc(2rem*-1);
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-small .nb-form-field-suffix-small {
  margin-right: calc(2rem*-1);
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-small [nbInput] {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-small [nbInput] {
  padding-left: 2rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-hero.size-small .select-button {
  padding-left: 2rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-hero.size-small .select-button {
  padding-right: 2rem;
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.size-medium .select-button {
  padding: .5rem 1rem;
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-medium .select-button {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-medium .select-button {
  padding-left: 2rem;
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.size-medium .nb-form-field-prefix-medium,
.nb-theme-default nb-select-with-autocomplete.appearance-hero.size-medium .nb-form-field-suffix-medium {
  width: 2rem;
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-medium .nb-form-field-prefix-medium {
  margin-right: calc(2rem*-1);
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-medium .nb-form-field-prefix-medium {
  margin-left: calc(2rem*-1);
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-medium .nb-form-field-suffix-medium {
  margin-left: calc(2rem*-1);
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-medium .nb-form-field-suffix-medium {
  margin-right: calc(2rem*-1);
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-medium [nbInput] {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-medium [nbInput] {
  padding-left: 2rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-hero.size-medium .select-button {
  padding-left: 2.5rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-hero.size-medium .select-button {
  padding-right: 2.5rem;
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.size-large .select-button {
  padding: .75rem 1rem;
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-large .select-button {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-large .select-button {
  padding-left: 2rem;
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.size-large .nb-form-field-prefix-large,
.nb-theme-default nb-select-with-autocomplete.appearance-hero.size-large .nb-form-field-suffix-large {
  width: 2rem;
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-large .nb-form-field-prefix-large {
  margin-right: calc(2rem*-1);
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-large .nb-form-field-prefix-large {
  margin-left: calc(2rem*-1);
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-large .nb-form-field-suffix-large {
  margin-left: calc(2rem*-1);
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-large .nb-form-field-suffix-large {
  margin-right: calc(2rem*-1);
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-large [nbInput] {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-large [nbInput] {
  padding-left: 2rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-hero.size-large .select-button {
  padding-left: 3rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-hero.size-large .select-button {
  padding-right: 3rem;
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.size-giant .select-button {
  padding: 1rem 1rem;
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-giant .select-button {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-giant .select-button {
  padding-left: 2rem;
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.size-giant .nb-form-field-prefix-giant,
.nb-theme-default nb-select-with-autocomplete.appearance-hero.size-giant .nb-form-field-suffix-giant {
  width: 2rem;
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-giant .nb-form-field-prefix-giant {
  margin-right: calc(2rem*-1);
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-giant .nb-form-field-prefix-giant {
  margin-left: calc(2rem*-1);
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-giant .nb-form-field-suffix-giant {
  margin-left: calc(2rem*-1);
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-giant .nb-form-field-suffix-giant {
  margin-right: calc(2rem*-1);
}
[dir=ltr] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-giant [nbInput] {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default nb-select-with-autocomplete.appearance-hero.size-giant [nbInput] {
  padding-left: 2rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-hero.size-giant .select-button {
  padding-left: 3.5rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select-with-autocomplete.appearance-hero.size-giant .select-button {
  padding-right: 3.5rem;
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-basic .select-button {
  background-image:
    linear-gradient(
      to right,
      #f7f9fc,
      #edf1f7);
  color: #222b45;
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-basic .select-button.placeholder {
  color: #8f9bb3;
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-basic .select-button:focus {
  background-image:
    linear-gradient(
      to right,
      #edf1f7,
      #e4e9f2);
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-basic .select-button:hover {
  background-image:
    linear-gradient(
      to right,
      #ffffff,
      #f7f9fc);
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-basic .select-button:focus:hover {
  background-image:
    linear-gradient(
      to right,
      #ffffff,
      #f7f9fc);
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-basic .select-button[disabled] {
  color: rgba(143, 155, 179, .48);
  background-color: #f7f9fc;
  background-image: none;
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-basic .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-basic .select-button nb-icon {
  color: #222b45;
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-primary .select-button {
  background-image:
    linear-gradient(
      to right,
      #598bff,
      #3366ff);
  color: #fff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-primary .select-button.placeholder {
  color: #fff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-primary .select-button:focus {
  background-image:
    linear-gradient(
      to right,
      #3366ff,
      #274bdb);
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-primary .select-button:hover {
  background-image:
    linear-gradient(
      to right,
      #a6c1ff,
      #598bff);
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-primary .select-button:focus:hover {
  background-image:
    linear-gradient(
      to right,
      #a6c1ff,
      #598bff);
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-primary .select-button[disabled] {
  color: rgba(143, 155, 179, .48);
  background-color: #f7f9fc;
  background-image: none;
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-primary .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-primary .select-button nb-icon {
  color: #fff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-success .select-button {
  background-image:
    linear-gradient(
      to right,
      #2ce69b,
      #00d68f);
  color: #fff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-success .select-button.placeholder {
  color: #fff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-success .select-button:focus {
  background-image:
    linear-gradient(
      to right,
      #00d68f,
      #00b887);
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-success .select-button:hover {
  background-image:
    linear-gradient(
      to right,
      #8cfac7,
      #2ce69b);
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-success .select-button:focus:hover {
  background-image:
    linear-gradient(
      to right,
      #8cfac7,
      #2ce69b);
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-success .select-button[disabled] {
  color: rgba(143, 155, 179, .48);
  background-color: #f7f9fc;
  background-image: none;
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-success .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-success .select-button nb-icon {
  color: #fff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-warning .select-button {
  background-image:
    linear-gradient(
      to right,
      #ffc94d,
      #ffaa00);
  color: #fff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-warning .select-button.placeholder {
  color: #fff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-warning .select-button:focus {
  background-image:
    linear-gradient(
      to right,
      #ffaa00,
      #db8b00);
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-warning .select-button:hover {
  background-image:
    linear-gradient(
      to right,
      #ffe59e,
      #ffc94d);
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-warning .select-button:focus:hover {
  background-image:
    linear-gradient(
      to right,
      #ffe59e,
      #ffc94d);
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-warning .select-button[disabled] {
  color: rgba(143, 155, 179, .48);
  background-color: #f7f9fc;
  background-image: none;
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-warning .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-warning .select-button nb-icon {
  color: #fff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-danger .select-button {
  background-image:
    linear-gradient(
      to right,
      #ff708d,
      #ff3d71);
  color: #fff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-danger .select-button.placeholder {
  color: #fff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-danger .select-button:focus {
  background-image:
    linear-gradient(
      to right,
      #ff3d71,
      #db2c66);
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-danger .select-button:hover {
  background-image:
    linear-gradient(
      to right,
      #ffa8b4,
      #ff708d);
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-danger .select-button:focus:hover {
  background-image:
    linear-gradient(
      to right,
      #ffa8b4,
      #ff708d);
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-danger .select-button[disabled] {
  color: rgba(143, 155, 179, .48);
  background-color: #f7f9fc;
  background-image: none;
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-danger .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-danger .select-button nb-icon {
  color: #fff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-info .select-button {
  background-image:
    linear-gradient(
      to right,
      #42aaff,
      #0095ff);
  color: #fff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-info .select-button.placeholder {
  color: #fff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-info .select-button:focus {
  background-image:
    linear-gradient(
      to right,
      #0095ff,
      #006fd6);
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-info .select-button:hover {
  background-image:
    linear-gradient(
      to right,
      #94cbff,
      #42aaff);
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-info .select-button:focus:hover {
  background-image:
    linear-gradient(
      to right,
      #94cbff,
      #42aaff);
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-info .select-button[disabled] {
  color: rgba(143, 155, 179, .48);
  background-color: #f7f9fc;
  background-image: none;
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-info .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-info .select-button nb-icon {
  color: #fff;
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-control .select-button {
  background-image:
    linear-gradient(
      to right,
      #ffffff,
      #ffffff);
  color: #222b45;
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-control .select-button.placeholder {
  color: #8f9bb3;
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-control .select-button:focus {
  background-image:
    linear-gradient(
      to right,
      #f7f9fc,
      #edf1f7);
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-control .select-button:hover {
  background-image:
    linear-gradient(
      to right,
      #ffffff,
      #f7f9fc);
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-control .select-button:focus:hover {
  background-image:
    linear-gradient(
      to right,
      #ffffff,
      #f7f9fc);
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-control .select-button[disabled] {
  color: rgba(143, 155, 179, .48);
  background-color: #f7f9fc;
  background-image: none;
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-control .select-button[disabled] nb-icon {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-select-with-autocomplete.appearance-hero.status-control .select-button nb-icon {
  color: #222b45;
}
.nb-theme-default nb-form-field nb-select-with-autocomplete {
  width: 100%;
}
.nb-theme-default nb-option-list {
  background-color: #fff;
  border-color: #e4e9f2;
  border-style: solid;
  border-width: .0625rem;
  border-radius: .25rem;
  box-shadow: none;
  overflow: hidden;
}
.nb-theme-default nb-option-list .option-list {
  height: 100%;
  max-height: 20rem;
  margin: 0;
  padding: 0;
  overflow: auto;
}
.nb-theme-default nb-option-list.position-top {
  border-bottom: .0625rem solid #e4e9f2;
}
.nb-theme-default nb-option-list.position-bottom {
  border-top: .0625rem solid #e4e9f2;
}
.nb-theme-default nb-option-group {
  color: #8f9bb3;
  font-family: Open Sans, sans-serif;
}
.nb-theme-default nb-option-list.size-tiny nb-option-group {
  font-size: .75rem;
  font-weight: 600;
  line-height: 1rem;
}
.nb-theme-default nb-option-list.size-tiny nb-option-group .option-group-title {
  padding: .1875rem 1rem;
}
.nb-theme-default nb-option-list.size-tiny nb-option-group nb-option {
  padding-left: 1.25rem;
}
.nb-theme-default nb-option-list.size-small nb-option-group {
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.nb-theme-default nb-option-list.size-small nb-option-group .option-group-title {
  padding: .1875rem 1rem;
}
.nb-theme-default nb-option-list.size-small nb-option-group nb-option {
  padding-left: 1.75rem;
}
.nb-theme-default nb-option-list.size-medium nb-option-group {
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.nb-theme-default nb-option-list.size-medium nb-option-group .option-group-title {
  padding: .4375rem 1rem;
}
.nb-theme-default nb-option-list.size-medium nb-option-group nb-option {
  padding-left: 2.25rem;
}
.nb-theme-default nb-option-list.size-large nb-option-group {
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.nb-theme-default nb-option-list.size-large nb-option-group .option-group-title {
  padding: .6875rem 1rem;
}
.nb-theme-default nb-option-list.size-large nb-option-group nb-option {
  padding-left: 2.25rem;
}
.nb-theme-default nb-option-list.size-giant nb-option-group {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
}
.nb-theme-default nb-option-list.size-giant nb-option-group .option-group-title {
  padding: .9375rem 1rem;
}
.nb-theme-default nb-option-list.size-giant nb-option-group nb-option {
  padding-left: 2.75rem;
}
.nb-theme-default nb-option {
  background-color: #fff;
  color: #222b45;
  font-family: Open Sans, sans-serif;
}
.nb-theme-default nb-option.active {
  background-color: rgba(143, 155, 179, .24);
  color: #222b45;
}
.nb-theme-default nb-option.selected {
  background-color: #36f;
  color: #fff;
}
.nb-theme-default nb-option:focus {
  background-color: rgba(143, 155, 179, .24);
  color: #222b45;
  outline: none;
}
.nb-theme-default nb-option:focus.selected {
  background-color: #274bdb;
  color: #fff;
}
.nb-theme-default nb-option:hover {
  background-color: rgba(143, 155, 179, .16);
  color: #222b45;
}
.nb-theme-default nb-option:hover.selected {
  background-color: #598bff;
  color: #fff;
}
.nb-theme-default nb-option.multiple.selected {
  background-color: #fff;
  color: #222b45;
}
.nb-theme-default nb-option.multiple:focus {
  background-color: rgba(143, 155, 179, .24);
  color: #222b45;
}
.nb-theme-default nb-option-list.size-tiny nb-option {
  font-size: .75rem;
  font-weight: 600;
  line-height: 1rem;
  padding: .1875rem 1rem;
}
.nb-theme-default nb-option-list.size-small nb-option {
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.5rem;
  padding: .1875rem 1rem;
}
.nb-theme-default nb-option-list.size-medium nb-option {
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.5rem;
  padding: .4375rem 1rem;
}
.nb-theme-default nb-option-list.size-large nb-option {
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.5rem;
  padding: .6875rem 1rem;
}
.nb-theme-default nb-option-list.size-giant nb-option {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
  padding: .9375rem 1rem;
}
.nb-theme-default nb-option,
.nb-theme-default nb-option-group {
  -webkit-user-select: none;
  user-select: none;
}
.nb-theme-default nb-option[disabled],
.nb-theme-default nb-option-group[disabled] {
  background-color: #fff;
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-toast {
  border-style: solid;
  border-width: 1px;
  border-radius: .25rem;
  padding: 1rem;
  box-shadow: 0 .5rem 1rem 0 rgba(44, 51, 73, .1);
}
.nb-theme-default nb-toast .title {
  font-family: Open Sans, sans-serif;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.nb-theme-default nb-toast .message {
  font-family: Open Sans, sans-serif;
  font-size: .8125rem;
  font-weight: 400;
  line-height: 1.125rem;
}
.nb-theme-default nb-toast .icon-container {
  border-radius: .25rem;
  min-width: 2.5rem;
  min-height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
[dir=ltr] .nb-theme-default nb-toast .icon-container {
  margin-right: 1.25rem;
}
[dir=rtl] .nb-theme-default nb-toast .icon-container {
  margin-left: 1.25rem;
}
.nb-theme-default nb-toast .icon-container nb-icon {
  font-size: 1.5rem;
}
.nb-theme-default nb-toast.status-basic {
  background: #fff;
  border-color: #edf1f7;
  color: #222b45;
}
.nb-theme-default nb-toast.status-basic .title {
  color: #222b45;
}
.nb-theme-default nb-toast.status-basic.destroy-by-click:hover {
  background: #fff;
  border-color: #edf1f7;
}
.nb-theme-default nb-toast.status-basic .icon-container {
  background: #fff;
  color: #222b45;
}
.nb-theme-default nb-toast.status-primary {
  background: #36f;
  border-color: #36f;
  color: #fff;
}
.nb-theme-default nb-toast.status-primary .title {
  color: #fff;
}
.nb-theme-default nb-toast.status-primary.destroy-by-click:hover {
  background: #598bff;
  border-color: #598bff;
}
.nb-theme-default nb-toast.status-primary .icon-container {
  background: #fff;
  color: #36f;
}
.nb-theme-default nb-toast.status-success {
  background: #00d68f;
  border-color: #00d68f;
  color: #fff;
}
.nb-theme-default nb-toast.status-success .title {
  color: #fff;
}
.nb-theme-default nb-toast.status-success.destroy-by-click:hover {
  background: #2ce69b;
  border-color: #2ce69b;
}
.nb-theme-default nb-toast.status-success .icon-container {
  background: #fff;
  color: #00d68f;
}
.nb-theme-default nb-toast.status-warning {
  background: #fa0;
  border-color: #fa0;
  color: #fff;
}
.nb-theme-default nb-toast.status-warning .title {
  color: #fff;
}
.nb-theme-default nb-toast.status-warning.destroy-by-click:hover {
  background: #ffc94d;
  border-color: #ffc94d;
}
.nb-theme-default nb-toast.status-warning .icon-container {
  background: #fff;
  color: #fa0;
}
.nb-theme-default nb-toast.status-danger {
  background: #ff3d71;
  border-color: #ff3d71;
  color: #fff;
}
.nb-theme-default nb-toast.status-danger .title {
  color: #fff;
}
.nb-theme-default nb-toast.status-danger.destroy-by-click:hover {
  background: #ff708d;
  border-color: #ff708d;
}
.nb-theme-default nb-toast.status-danger .icon-container {
  background: #fff;
  color: #ff3d71;
}
.nb-theme-default nb-toast.status-info {
  background: #0095ff;
  border-color: #0095ff;
  color: #fff;
}
.nb-theme-default nb-toast.status-info .title {
  color: #fff;
}
.nb-theme-default nb-toast.status-info.destroy-by-click:hover {
  background: #42aaff;
  border-color: #42aaff;
}
.nb-theme-default nb-toast.status-info .icon-container {
  background: #fff;
  color: #0095ff;
}
.nb-theme-default nb-toast.status-control {
  background: #fff;
  border-color: #fff;
  color: #222b45;
}
.nb-theme-default nb-toast.status-control .title {
  color: #222b45;
}
.nb-theme-default nb-toast.status-control.destroy-by-click:hover {
  background: #f7f9fc;
  border-color: #f7f9fc;
}
.nb-theme-default nb-toast.status-control .icon-container {
  background: #fff;
  color: #222b45;
}
.nb-theme-default .toastr-overlay-container {
  z-index: 1041;
}
.nb-theme-default nb-tooltip {
  box-shadow: 0 .5rem 1rem 0 rgba(44, 51, 73, .1);
  background: #151a30;
  border: 0 dashed rgba(0, 0, 0, 0);
  border-radius: .25rem;
  padding: .5rem 1rem;
  max-width: 16rem;
}
.nb-theme-default nb-tooltip nb-icon:only-child {
  height: 1rem;
  width: 1rem;
}
.nb-theme-default nb-tooltip nb-icon:not(:only-child) {
  height: .75rem;
  width: .75rem;
}
.nb-theme-default nb-tooltip .content {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1rem;
}
.nb-theme-default nb-tooltip .arrow {
  border-bottom: 6px dashed #151a30;
}
.nb-theme-default nb-tooltip.status-basic {
  background: #edf1f7;
  border-color: rgba(0, 0, 0, 0);
}
.nb-theme-default nb-tooltip.status-basic .arrow {
  border-bottom-color: #edf1f7;
}
.nb-theme-default nb-tooltip.status-basic .content {
  color: #222b45;
}
.nb-theme-default nb-tooltip.status-primary {
  background: #36f;
  border-color: rgba(0, 0, 0, 0);
}
.nb-theme-default nb-tooltip.status-primary .arrow {
  border-bottom-color: #36f;
}
.nb-theme-default nb-tooltip.status-primary .content {
  color: #fff;
}
.nb-theme-default nb-tooltip.status-success {
  background: #00d68f;
  border-color: rgba(0, 0, 0, 0);
}
.nb-theme-default nb-tooltip.status-success .arrow {
  border-bottom-color: #00d68f;
}
.nb-theme-default nb-tooltip.status-success .content {
  color: #fff;
}
.nb-theme-default nb-tooltip.status-warning {
  background: #fa0;
  border-color: rgba(0, 0, 0, 0);
}
.nb-theme-default nb-tooltip.status-warning .arrow {
  border-bottom-color: #fa0;
}
.nb-theme-default nb-tooltip.status-warning .content {
  color: #fff;
}
.nb-theme-default nb-tooltip.status-danger {
  background: #ff3d71;
  border-color: rgba(0, 0, 0, 0);
}
.nb-theme-default nb-tooltip.status-danger .arrow {
  border-bottom-color: #ff3d71;
}
.nb-theme-default nb-tooltip.status-danger .content {
  color: #fff;
}
.nb-theme-default nb-tooltip.status-info {
  background: #0095ff;
  border-color: rgba(0, 0, 0, 0);
}
.nb-theme-default nb-tooltip.status-info .arrow {
  border-bottom-color: #0095ff;
}
.nb-theme-default nb-tooltip.status-info .content {
  color: #fff;
}
.nb-theme-default nb-tooltip.status-control {
  background: #fff;
  border-color: rgba(0, 0, 0, 0);
}
.nb-theme-default nb-tooltip.status-control .arrow {
  border-bottom-color: #fff;
}
.nb-theme-default nb-tooltip.status-control .content {
  color: #222b45;
}
.nb-theme-default nb-datepicker-container nb-card {
  border-color: #e4e9f2;
  border-style: solid;
  border-width: .0625rem;
  border-radius: .25rem;
  background: #fff;
  box-shadow: none;
}
.nb-theme-default nb-calendar-with-time .nb-timepicker-container,
.nb-theme-default nb-calendar-with-time nb-base-calendar nb-card {
  border: none;
}
.nb-theme-default nb-calendar-with-time .column-header {
  border-top: .0625rem solid #e4e9f2;
  border-radius: 0;
}
.nb-theme-default nb-calendar-with-time .timepicker-section.size-large nb-list-item {
  height: 3rem;
}
.nb-theme-default nb-calendar-with-time .timepicker-section.size-large .header-cell {
  height: 3rem;
}
[dir=ltr] .nb-theme-default nb-calendar-with-time .timepicker-section {
  border-left: .0625rem solid #e4e9f2;
}
[dir=rtl] .nb-theme-default nb-calendar-with-time .timepicker-section {
  border-right: .0625rem solid #e4e9f2;
}
.nb-theme-default nb-calendar-with-time .timepicker-single-column-width {
  width: 5rem;
}
.nb-theme-default nb-calendar-with-time .timepicker-multiple-column-width {
  width: 13.875rem;
}
.nb-theme-default nb-calendar-with-time .picker-title {
  height: 3.75rem;
  padding: 1.25rem;
}
.nb-theme-default nb-radio .outer-circle,
.nb-theme-default nb-radio .inner-circle {
  height: 1.25rem;
  width: 1.25rem;
}
.nb-theme-default nb-radio .outer-circle {
  border-style: solid;
  border-width: 1px;
}
.nb-theme-default nb-radio .native-input:enabled:focus + .outer-circle {
  box-shadow: 0 0 0 .375rem rgba(143, 155, 179, .16);
}
.nb-theme-default nb-radio.status-basic .native-input:enabled + .outer-circle {
  background-color: rgba(143, 155, 179, .08);
  border-color: #8f9bb3;
}
.nb-theme-default nb-radio.status-basic .native-input:enabled:checked + .outer-circle {
  background-color: rgba(0, 0, 0, 0);
  border-color: #36f;
}
.nb-theme-default nb-radio.status-basic .native-input:enabled:checked ~ .inner-circle {
  background-color: #36f;
}
.nb-theme-default nb-radio.status-basic .native-input:enabled:focus + .outer-circle {
  background-color: rgba(51, 102, 255, .24);
  border-color: #36f;
}
.nb-theme-default nb-radio.status-basic .native-input:enabled:checked:focus + .outer-circle {
  background-color: rgba(0, 0, 0, 0);
  border-color: #1a34b8;
}
.nb-theme-default nb-radio.status-basic .native-input:enabled:checked:focus ~ .inner-circle {
  background-color: #274bdb;
}
.nb-theme-default nb-radio.status-basic label:hover .native-input:enabled + .outer-circle {
  background-color: rgba(51, 102, 255, .16);
  border-color: #36f;
}
.nb-theme-default nb-radio.status-basic label:hover .native-input:checked:enabled + .outer-circle {
  background-color: rgba(0, 0, 0, 0);
  border-color: #598bff;
}
.nb-theme-default nb-radio.status-basic label:hover .native-input:checked:enabled ~ .inner-circle {
  background-color: #598bff;
}
.nb-theme-default nb-radio.status-basic label .native-input:enabled:active + .outer-circle {
  background-color: rgba(51, 102, 255, .24);
  border-color: #36f;
}
.nb-theme-default nb-radio.status-basic label .native-input:enabled:checked:active + .outer-circle {
  background-color: rgba(0, 0, 0, 0);
  border-color: #274bdb;
}
.nb-theme-default nb-radio.status-basic label .native-input:enabled:checked:active ~ .inner-circle {
  background-color: #274bdb;
}
.nb-theme-default nb-radio.status-basic .text {
  color: #222b45;
}
.nb-theme-default nb-radio.status-basic .native-input:disabled + .outer-circle {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(143, 155, 179, .24);
}
.nb-theme-default nb-radio.status-basic .native-input:disabled ~ .text {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-radio.status-basic .native-input:disabled:checked + .outer-circle {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-radio.status-basic .native-input:disabled:checked ~ .inner-circle {
  background-color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-radio.status-primary .native-input:enabled + .outer-circle {
  background-color: rgba(51, 102, 255, .08);
  border-color: #36f;
}
.nb-theme-default nb-radio.status-primary .native-input:enabled:checked + .outer-circle {
  background-color: rgba(0, 0, 0, 0);
  border-color: #36f;
}
.nb-theme-default nb-radio.status-primary .native-input:enabled:checked ~ .inner-circle {
  background-color: #36f;
}
.nb-theme-default nb-radio.status-primary .native-input:enabled:focus + .outer-circle {
  background-color: rgba(51, 102, 255, .24);
  border-color: #36f;
}
.nb-theme-default nb-radio.status-primary .native-input:enabled:checked:focus + .outer-circle {
  background-color: rgba(0, 0, 0, 0);
  border-color: #1a34b8;
}
.nb-theme-default nb-radio.status-primary .native-input:enabled:checked:focus ~ .inner-circle {
  background-color: #274bdb;
}
.nb-theme-default nb-radio.status-primary label:hover .native-input:enabled + .outer-circle {
  background-color: rgba(51, 102, 255, .16);
  border-color: #36f;
}
.nb-theme-default nb-radio.status-primary label:hover .native-input:checked:enabled + .outer-circle {
  background-color: rgba(0, 0, 0, 0);
  border-color: #598bff;
}
.nb-theme-default nb-radio.status-primary label:hover .native-input:checked:enabled ~ .inner-circle {
  background-color: #598bff;
}
.nb-theme-default nb-radio.status-primary label .native-input:enabled:active + .outer-circle {
  background-color: rgba(51, 102, 255, .24);
  border-color: #36f;
}
.nb-theme-default nb-radio.status-primary label .native-input:enabled:checked:active + .outer-circle {
  background-color: rgba(0, 0, 0, 0);
  border-color: #274bdb;
}
.nb-theme-default nb-radio.status-primary label .native-input:enabled:checked:active ~ .inner-circle {
  background-color: #274bdb;
}
.nb-theme-default nb-radio.status-primary .text {
  color: #222b45;
}
.nb-theme-default nb-radio.status-primary .native-input:disabled + .outer-circle {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(143, 155, 179, .24);
}
.nb-theme-default nb-radio.status-primary .native-input:disabled ~ .text {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-radio.status-primary .native-input:disabled:checked + .outer-circle {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-radio.status-primary .native-input:disabled:checked ~ .inner-circle {
  background-color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-radio.status-success .native-input:enabled + .outer-circle {
  background-color: rgba(0, 214, 143, .08);
  border-color: #00d68f;
}
.nb-theme-default nb-radio.status-success .native-input:enabled:checked + .outer-circle {
  background-color: rgba(0, 0, 0, 0);
  border-color: #00d68f;
}
.nb-theme-default nb-radio.status-success .native-input:enabled:checked ~ .inner-circle {
  background-color: #00d68f;
}
.nb-theme-default nb-radio.status-success .native-input:enabled:focus + .outer-circle {
  background-color: rgba(0, 214, 143, .24);
  border-color: #00d68f;
}
.nb-theme-default nb-radio.status-success .native-input:enabled:checked:focus + .outer-circle {
  background-color: rgba(0, 0, 0, 0);
  border-color: #00997a;
}
.nb-theme-default nb-radio.status-success .native-input:enabled:checked:focus ~ .inner-circle {
  background-color: #00b887;
}
.nb-theme-default nb-radio.status-success label:hover .native-input:enabled + .outer-circle {
  background-color: rgba(0, 214, 143, .16);
  border-color: #00d68f;
}
.nb-theme-default nb-radio.status-success label:hover .native-input:checked:enabled + .outer-circle {
  background-color: rgba(0, 0, 0, 0);
  border-color: #2ce69b;
}
.nb-theme-default nb-radio.status-success label:hover .native-input:checked:enabled ~ .inner-circle {
  background-color: #2ce69b;
}
.nb-theme-default nb-radio.status-success label .native-input:enabled:active + .outer-circle {
  background-color: rgba(0, 214, 143, .24);
  border-color: #00d68f;
}
.nb-theme-default nb-radio.status-success label .native-input:enabled:checked:active + .outer-circle {
  background-color: rgba(0, 0, 0, 0);
  border-color: #00b887;
}
.nb-theme-default nb-radio.status-success label .native-input:enabled:checked:active ~ .inner-circle {
  background-color: #00b887;
}
.nb-theme-default nb-radio.status-success .text {
  color: #222b45;
}
.nb-theme-default nb-radio.status-success .native-input:disabled + .outer-circle {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(143, 155, 179, .24);
}
.nb-theme-default nb-radio.status-success .native-input:disabled ~ .text {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-radio.status-success .native-input:disabled:checked + .outer-circle {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-radio.status-success .native-input:disabled:checked ~ .inner-circle {
  background-color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-radio.status-warning .native-input:enabled + .outer-circle {
  background-color: rgba(255, 170, 0, .08);
  border-color: #fa0;
}
.nb-theme-default nb-radio.status-warning .native-input:enabled:checked + .outer-circle {
  background-color: rgba(0, 0, 0, 0);
  border-color: #fa0;
}
.nb-theme-default nb-radio.status-warning .native-input:enabled:checked ~ .inner-circle {
  background-color: #fa0;
}
.nb-theme-default nb-radio.status-warning .native-input:enabled:focus + .outer-circle {
  background-color: rgba(255, 170, 0, .24);
  border-color: #fa0;
}
.nb-theme-default nb-radio.status-warning .native-input:enabled:checked:focus + .outer-circle {
  background-color: rgba(0, 0, 0, 0);
  border-color: #b86e00;
}
.nb-theme-default nb-radio.status-warning .native-input:enabled:checked:focus ~ .inner-circle {
  background-color: #db8b00;
}
.nb-theme-default nb-radio.status-warning label:hover .native-input:enabled + .outer-circle {
  background-color: rgba(255, 170, 0, .16);
  border-color: #fa0;
}
.nb-theme-default nb-radio.status-warning label:hover .native-input:checked:enabled + .outer-circle {
  background-color: rgba(0, 0, 0, 0);
  border-color: #ffc94d;
}
.nb-theme-default nb-radio.status-warning label:hover .native-input:checked:enabled ~ .inner-circle {
  background-color: #ffc94d;
}
.nb-theme-default nb-radio.status-warning label .native-input:enabled:active + .outer-circle {
  background-color: rgba(255, 170, 0, .24);
  border-color: #fa0;
}
.nb-theme-default nb-radio.status-warning label .native-input:enabled:checked:active + .outer-circle {
  background-color: rgba(0, 0, 0, 0);
  border-color: #db8b00;
}
.nb-theme-default nb-radio.status-warning label .native-input:enabled:checked:active ~ .inner-circle {
  background-color: #db8b00;
}
.nb-theme-default nb-radio.status-warning .text {
  color: #222b45;
}
.nb-theme-default nb-radio.status-warning .native-input:disabled + .outer-circle {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(143, 155, 179, .24);
}
.nb-theme-default nb-radio.status-warning .native-input:disabled ~ .text {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-radio.status-warning .native-input:disabled:checked + .outer-circle {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-radio.status-warning .native-input:disabled:checked ~ .inner-circle {
  background-color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-radio.status-danger .native-input:enabled + .outer-circle {
  background-color: rgba(255, 61, 113, .08);
  border-color: #ff3d71;
}
.nb-theme-default nb-radio.status-danger .native-input:enabled:checked + .outer-circle {
  background-color: rgba(0, 0, 0, 0);
  border-color: #ff3d71;
}
.nb-theme-default nb-radio.status-danger .native-input:enabled:checked ~ .inner-circle {
  background-color: #ff3d71;
}
.nb-theme-default nb-radio.status-danger .native-input:enabled:focus + .outer-circle {
  background-color: rgba(255, 61, 113, .24);
  border-color: #ff3d71;
}
.nb-theme-default nb-radio.status-danger .native-input:enabled:checked:focus + .outer-circle {
  background-color: rgba(0, 0, 0, 0);
  border-color: #b81d5b;
}
.nb-theme-default nb-radio.status-danger .native-input:enabled:checked:focus ~ .inner-circle {
  background-color: #db2c66;
}
.nb-theme-default nb-radio.status-danger label:hover .native-input:enabled + .outer-circle {
  background-color: rgba(255, 61, 113, .16);
  border-color: #ff3d71;
}
.nb-theme-default nb-radio.status-danger label:hover .native-input:checked:enabled + .outer-circle {
  background-color: rgba(0, 0, 0, 0);
  border-color: #ff708d;
}
.nb-theme-default nb-radio.status-danger label:hover .native-input:checked:enabled ~ .inner-circle {
  background-color: #ff708d;
}
.nb-theme-default nb-radio.status-danger label .native-input:enabled:active + .outer-circle {
  background-color: rgba(255, 61, 113, .24);
  border-color: #ff3d71;
}
.nb-theme-default nb-radio.status-danger label .native-input:enabled:checked:active + .outer-circle {
  background-color: rgba(0, 0, 0, 0);
  border-color: #db2c66;
}
.nb-theme-default nb-radio.status-danger label .native-input:enabled:checked:active ~ .inner-circle {
  background-color: #db2c66;
}
.nb-theme-default nb-radio.status-danger .text {
  color: #222b45;
}
.nb-theme-default nb-radio.status-danger .native-input:disabled + .outer-circle {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(143, 155, 179, .24);
}
.nb-theme-default nb-radio.status-danger .native-input:disabled ~ .text {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-radio.status-danger .native-input:disabled:checked + .outer-circle {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-radio.status-danger .native-input:disabled:checked ~ .inner-circle {
  background-color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-radio.status-info .native-input:enabled + .outer-circle {
  background-color: rgba(0, 149, 255, .08);
  border-color: #0095ff;
}
.nb-theme-default nb-radio.status-info .native-input:enabled:checked + .outer-circle {
  background-color: rgba(0, 0, 0, 0);
  border-color: #0095ff;
}
.nb-theme-default nb-radio.status-info .native-input:enabled:checked ~ .inner-circle {
  background-color: #0095ff;
}
.nb-theme-default nb-radio.status-info .native-input:enabled:focus + .outer-circle {
  background-color: rgba(0, 149, 255, .24);
  border-color: #0095ff;
}
.nb-theme-default nb-radio.status-info .native-input:enabled:checked:focus + .outer-circle {
  background-color: rgba(0, 0, 0, 0);
  border-color: #0057c2;
}
.nb-theme-default nb-radio.status-info .native-input:enabled:checked:focus ~ .inner-circle {
  background-color: #006fd6;
}
.nb-theme-default nb-radio.status-info label:hover .native-input:enabled + .outer-circle {
  background-color: rgba(0, 149, 255, .16);
  border-color: #0095ff;
}
.nb-theme-default nb-radio.status-info label:hover .native-input:checked:enabled + .outer-circle {
  background-color: rgba(0, 0, 0, 0);
  border-color: #42aaff;
}
.nb-theme-default nb-radio.status-info label:hover .native-input:checked:enabled ~ .inner-circle {
  background-color: #42aaff;
}
.nb-theme-default nb-radio.status-info label .native-input:enabled:active + .outer-circle {
  background-color: rgba(0, 149, 255, .24);
  border-color: #0095ff;
}
.nb-theme-default nb-radio.status-info label .native-input:enabled:checked:active + .outer-circle {
  background-color: rgba(0, 0, 0, 0);
  border-color: #006fd6;
}
.nb-theme-default nb-radio.status-info label .native-input:enabled:checked:active ~ .inner-circle {
  background-color: #006fd6;
}
.nb-theme-default nb-radio.status-info .text {
  color: #222b45;
}
.nb-theme-default nb-radio.status-info .native-input:disabled + .outer-circle {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(143, 155, 179, .24);
}
.nb-theme-default nb-radio.status-info .native-input:disabled ~ .text {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-radio.status-info .native-input:disabled:checked + .outer-circle {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-radio.status-info .native-input:disabled:checked ~ .inner-circle {
  background-color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-radio.status-control .native-input:enabled + .outer-circle {
  background-color: hsla(0, 0%, 100%, .08);
  border-color: #fff;
}
.nb-theme-default nb-radio.status-control .native-input:enabled:checked + .outer-circle {
  background-color: rgba(0, 0, 0, 0);
  border-color: #fff;
}
.nb-theme-default nb-radio.status-control .native-input:enabled:checked ~ .inner-circle {
  background-color: #fff;
}
.nb-theme-default nb-radio.status-control .native-input:enabled:focus + .outer-circle {
  background-color: hsla(0, 0%, 100%, .24);
  border-color: #fff;
}
.nb-theme-default nb-radio.status-control .native-input:enabled:checked:focus + .outer-circle {
  background-color: rgba(0, 0, 0, 0);
  border-color: #c5cee0;
}
.nb-theme-default nb-radio.status-control .native-input:enabled:checked:focus ~ .inner-circle {
  background-color: #edf1f7;
}
.nb-theme-default nb-radio.status-control label:hover .native-input:enabled + .outer-circle {
  background-color: hsla(0, 0%, 100%, .16);
  border-color: #fff;
}
.nb-theme-default nb-radio.status-control label:hover .native-input:checked:enabled + .outer-circle {
  background-color: rgba(0, 0, 0, 0);
  border-color: #f7f9fc;
}
.nb-theme-default nb-radio.status-control label:hover .native-input:checked:enabled ~ .inner-circle {
  background-color: #f7f9fc;
}
.nb-theme-default nb-radio.status-control label .native-input:enabled:active + .outer-circle {
  background-color: hsla(0, 0%, 100%, .24);
  border-color: #fff;
}
.nb-theme-default nb-radio.status-control label .native-input:enabled:checked:active + .outer-circle {
  background-color: rgba(0, 0, 0, 0);
  border-color: #edf1f7;
}
.nb-theme-default nb-radio.status-control label .native-input:enabled:checked:active ~ .inner-circle {
  background-color: #edf1f7;
}
.nb-theme-default nb-radio.status-control .text {
  color: #fff;
}
.nb-theme-default nb-radio.status-control .native-input:disabled + .outer-circle {
  background-color: rgba(143, 155, 179, .16);
  border-color: rgba(143, 155, 179, .24);
}
.nb-theme-default nb-radio.status-control .native-input:disabled ~ .text {
  color: #fff;
}
.nb-theme-default nb-radio.status-control .native-input:disabled:checked + .outer-circle {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-radio.status-control .native-input:disabled:checked ~ .inner-circle {
  background-color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-radio .text {
  font-family: Open Sans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.5rem;
}
[dir=ltr] .nb-theme-default nb-radio .text {
  margin-left: 1.25rem;
}
[dir=rtl] .nb-theme-default nb-radio .text {
  margin-right: 1.25rem;
}
.nb-theme-default .nb-tree-grid-header-cell,
.nb-theme-default .nb-tree-grid-cell,
.nb-theme-default .nb-tree-grid-footer-cell {
  height: 2rem;
  padding: .875rem 1.25rem;
  border: 1px solid #f7f9fc;
}
.nb-theme-default .nb-tree-grid-header-row {
  background: #fff;
  color: #222b45;
  font-family: Open Sans, sans-serif;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.nb-theme-default .nb-tree-grid-footer-row {
  background: #fff;
  color: #222b45;
  font-family: Open Sans, sans-serif;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.nb-theme-default .nb-tree-grid-row {
  background: #fff;
  color: #222b45;
  font-family: Open Sans, sans-serif;
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.nb-theme-default .nb-tree-grid-row:hover {
  background: #fff;
}
.nb-theme-default .nb-tree-grid-row:nth-child(2n):not(:hover) {
  background-color: #fff;
}
.nb-theme-default .nb-tree-grid-header-cell button {
  vertical-align: middle;
}
.nb-theme-default nb-tree-grid-row-toggle nb-icon,
.nb-theme-default nb-sort-icon nb-icon {
  font-size: inherit;
  vertical-align: middle;
  color: currentColor;
}
.nb-theme-default .nb-tree-grid-header-change-sort-button {
  background: rgba(0, 0, 0, 0);
  border: none;
  padding: 0;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  line-height: inherit;
}
.nb-theme-default nb-icon {
  font-size: 1.25rem;
  line-height: 1;
  width: 1em;
  height: 1em;
}
.nb-theme-default nb-icon svg {
  vertical-align: top;
}
.nb-theme-default nb-icon.status-basic {
  color: #8f9bb3;
}
.nb-theme-default nb-icon.status-primary {
  color: #36f;
}
.nb-theme-default nb-icon.status-success {
  color: #00d68f;
}
.nb-theme-default nb-icon.status-warning {
  color: #fa0;
}
.nb-theme-default nb-icon.status-danger {
  color: #ff3d71;
}
.nb-theme-default nb-icon.status-info {
  color: #0095ff;
}
.nb-theme-default nb-icon.status-control {
  color: #fff;
}
.nb-theme-default .nb-form-control-container {
  max-width: inherit;
}
.nb-theme-default .nb-form-field-addon {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.nb-theme-default .nb-form-field-addon-disabled {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default nb-form-field.nb-transition .nb-form-field-addon {
  transition-duration: .15s;
  transition-property: color;
  transition-timing-function: ease-in;
}
.nb-theme-default .nb-form-field-addon-basic {
  color: #8f9bb3;
}
.nb-theme-default .nb-form-field-addon-basic-highlight {
  color: #36f;
}
.nb-theme-default .nb-form-field-addon-primary {
  color: #36f;
}
.nb-theme-default .nb-form-field-addon-primary-highlight {
  color: #274bdb;
}
.nb-theme-default .nb-form-field-addon-success {
  color: #00d68f;
}
.nb-theme-default .nb-form-field-addon-success-highlight {
  color: #00b887;
}
.nb-theme-default .nb-form-field-addon-warning {
  color: #fa0;
}
.nb-theme-default .nb-form-field-addon-warning-highlight {
  color: #db8b00;
}
.nb-theme-default .nb-form-field-addon-danger {
  color: #ff3d71;
}
.nb-theme-default .nb-form-field-addon-danger-highlight {
  color: #db2c66;
}
.nb-theme-default .nb-form-field-addon-info {
  color: #0095ff;
}
.nb-theme-default .nb-form-field-addon-info-highlight {
  color: #006fd6;
}
.nb-theme-default .nb-form-field-addon-control {
  color: #fff;
}
.nb-theme-default .nb-form-field-addon-control-highlight {
  color: #fff;
}
.nb-theme-default .nb-form-field-limited-width.nb-form-field-size-tiny {
  max-width: 20rem;
}
.nb-theme-default .nb-form-field-prefix-tiny,
.nb-theme-default .nb-form-field-suffix-tiny {
  height: 1.5rem;
  width: 1.5rem;
  font-size: .625rem;
  line-height: .75rem;
  font-weight: 700;
}
.nb-theme-default .nb-form-field-prefix-tiny nb-icon,
.nb-theme-default .nb-form-field-suffix-tiny nb-icon {
  font-size: .75rem;
  line-height: .75rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-prefix-tiny {
  margin-right: calc(1.5rem*-1);
}
[dir=rtl] .nb-theme-default .nb-form-field-prefix-tiny {
  margin-left: calc(1.5rem*-1);
}
[dir=ltr] .nb-theme-default .nb-form-field-suffix-tiny {
  margin-left: calc(1.5rem*-1);
}
[dir=rtl] .nb-theme-default .nb-form-field-suffix-tiny {
  margin-right: calc(1.5rem*-1);
}
.nb-theme-default .nb-form-field-limited-width.nb-form-field-size-small {
  max-width: 20rem;
}
.nb-theme-default .nb-form-field-prefix-small,
.nb-theme-default .nb-form-field-suffix-small {
  height: 2rem;
  width: 2rem;
  font-size: .75rem;
  line-height: 1rem;
  font-weight: 700;
}
.nb-theme-default .nb-form-field-prefix-small nb-icon,
.nb-theme-default .nb-form-field-suffix-small nb-icon {
  font-size: 1rem;
  line-height: 1rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-prefix-small {
  margin-right: calc(2rem*-1);
}
[dir=rtl] .nb-theme-default .nb-form-field-prefix-small {
  margin-left: calc(2rem*-1);
}
[dir=ltr] .nb-theme-default .nb-form-field-suffix-small {
  margin-left: calc(2rem*-1);
}
[dir=rtl] .nb-theme-default .nb-form-field-suffix-small {
  margin-right: calc(2rem*-1);
}
.nb-theme-default .nb-form-field-limited-width.nb-form-field-size-medium {
  max-width: 20rem;
}
.nb-theme-default .nb-form-field-prefix-medium,
.nb-theme-default .nb-form-field-suffix-medium {
  height: 2.5rem;
  width: 2.5rem;
  font-size: .875rem;
  line-height: 1rem;
  font-weight: 700;
}
.nb-theme-default .nb-form-field-prefix-medium nb-icon,
.nb-theme-default .nb-form-field-suffix-medium nb-icon {
  font-size: 1.25rem;
  line-height: 1.25rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-prefix-medium {
  margin-right: calc(2.5rem*-1);
}
[dir=rtl] .nb-theme-default .nb-form-field-prefix-medium {
  margin-left: calc(2.5rem*-1);
}
[dir=ltr] .nb-theme-default .nb-form-field-suffix-medium {
  margin-left: calc(2.5rem*-1);
}
[dir=rtl] .nb-theme-default .nb-form-field-suffix-medium {
  margin-right: calc(2.5rem*-1);
}
.nb-theme-default .nb-form-field-limited-width.nb-form-field-size-large {
  max-width: 30rem;
}
.nb-theme-default .nb-form-field-prefix-large,
.nb-theme-default .nb-form-field-suffix-large {
  height: 3rem;
  width: 3rem;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 700;
}
.nb-theme-default .nb-form-field-prefix-large nb-icon,
.nb-theme-default .nb-form-field-suffix-large nb-icon {
  font-size: 1.5rem;
  line-height: 1.5rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-prefix-large {
  margin-right: calc(3rem*-1);
}
[dir=rtl] .nb-theme-default .nb-form-field-prefix-large {
  margin-left: calc(3rem*-1);
}
[dir=ltr] .nb-theme-default .nb-form-field-suffix-large {
  margin-left: calc(3rem*-1);
}
[dir=rtl] .nb-theme-default .nb-form-field-suffix-large {
  margin-right: calc(3rem*-1);
}
.nb-theme-default .nb-form-field-limited-width.nb-form-field-size-giant {
  max-width: 30rem;
}
.nb-theme-default .nb-form-field-prefix-giant,
.nb-theme-default .nb-form-field-suffix-giant {
  height: 3.5rem;
  width: 3.5rem;
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 700;
}
.nb-theme-default .nb-form-field-prefix-giant nb-icon,
.nb-theme-default .nb-form-field-suffix-giant nb-icon {
  font-size: 1.5rem;
  line-height: 1.5rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-prefix-giant {
  margin-right: calc(3.5rem*-1);
}
[dir=rtl] .nb-theme-default .nb-form-field-prefix-giant {
  margin-left: calc(3.5rem*-1);
}
[dir=ltr] .nb-theme-default .nb-form-field-suffix-giant {
  margin-left: calc(3.5rem*-1);
}
[dir=rtl] .nb-theme-default .nb-form-field-suffix-giant {
  margin-right: calc(3.5rem*-1);
}
.nb-theme-default nb-tag {
  border-style: solid;
  border-width: .0625rem;
  border-radius: 1.5rem;
  display: inline-flex;
  align-items: center;
  font-family: Open Sans, sans-serif;
  text-transform: capitalize;
  cursor: default;
}
.nb-theme-default nb-tag.nb-transition {
  transition-duration: .15s;
  transition-property:
    background-color,
    border-color,
    color;
  transition-timing-function: ease-in;
}
.nb-theme-default nb-tag.size-tiny {
  font-size: .75rem;
  font-weight: 600;
  line-height: 1rem;
  padding: .0625rem .9375rem;
}
.nb-theme-default nb-tag.size-small {
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.5rem;
  padding: .0625rem .9375rem;
}
.nb-theme-default nb-tag.size-medium {
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.5rem;
  padding: .1875rem .9375rem;
}
.nb-theme-default nb-tag.size-large {
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.5rem;
  padding: .3125rem .9375rem;
}
.nb-theme-default nb-tag.size-giant {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
  padding: .4375rem .9375rem;
}
.nb-theme-default nb-tag.appearance-filled.status-basic {
  background-color: #edf1f7;
  border-color: #edf1f7;
  color: #222b45;
}
.nb-theme-default nb-tag.appearance-filled.status-basic.selected {
  background-color: color-basic-actove;
  border-color: #e4e9f2;
}
.nb-theme-default nb-tag.appearance-filled.status-basic.active {
  background-color: #e4e9f2;
  border-color: #c5cee0;
}
.nb-theme-default nb-tag.appearance-filled.status-basic:hover {
  background-color: #f7f9fc;
  border-color: #f7f9fc;
}
.nb-theme-default nb-tag.appearance-filled.status-primary {
  background-color: #36f;
  border-color: #36f;
  color: #fff;
}
.nb-theme-default nb-tag.appearance-filled.status-primary.selected {
  background-color: color-primary-actove;
  border-color: #274bdb;
}
.nb-theme-default nb-tag.appearance-filled.status-primary.active {
  background-color: #274bdb;
  border-color: #1a34b8;
}
.nb-theme-default nb-tag.appearance-filled.status-primary:hover {
  background-color: #598bff;
  border-color: #598bff;
}
.nb-theme-default nb-tag.appearance-filled.status-success {
  background-color: #00d68f;
  border-color: #00d68f;
  color: #fff;
}
.nb-theme-default nb-tag.appearance-filled.status-success.selected {
  background-color: color-success-actove;
  border-color: #00b887;
}
.nb-theme-default nb-tag.appearance-filled.status-success.active {
  background-color: #00b887;
  border-color: #00997a;
}
.nb-theme-default nb-tag.appearance-filled.status-success:hover {
  background-color: #2ce69b;
  border-color: #2ce69b;
}
.nb-theme-default nb-tag.appearance-filled.status-warning {
  background-color: #fa0;
  border-color: #fa0;
  color: #fff;
}
.nb-theme-default nb-tag.appearance-filled.status-warning.selected {
  background-color: color-warning-actove;
  border-color: #db8b00;
}
.nb-theme-default nb-tag.appearance-filled.status-warning.active {
  background-color: #db8b00;
  border-color: #b86e00;
}
.nb-theme-default nb-tag.appearance-filled.status-warning:hover {
  background-color: #ffc94d;
  border-color: #ffc94d;
}
.nb-theme-default nb-tag.appearance-filled.status-danger {
  background-color: #ff3d71;
  border-color: #ff3d71;
  color: #fff;
}
.nb-theme-default nb-tag.appearance-filled.status-danger.selected {
  background-color: color-danger-actove;
  border-color: #db2c66;
}
.nb-theme-default nb-tag.appearance-filled.status-danger.active {
  background-color: #db2c66;
  border-color: #b81d5b;
}
.nb-theme-default nb-tag.appearance-filled.status-danger:hover {
  background-color: #ff708d;
  border-color: #ff708d;
}
.nb-theme-default nb-tag.appearance-filled.status-info {
  background-color: #0095ff;
  border-color: #0095ff;
  color: #fff;
}
.nb-theme-default nb-tag.appearance-filled.status-info.selected {
  background-color: color-info-actove;
  border-color: #006fd6;
}
.nb-theme-default nb-tag.appearance-filled.status-info.active {
  background-color: #006fd6;
  border-color: #0057c2;
}
.nb-theme-default nb-tag.appearance-filled.status-info:hover {
  background-color: #42aaff;
  border-color: #42aaff;
}
.nb-theme-default nb-tag.appearance-filled.status-control {
  background-color: #fff;
  border-color: #fff;
  color: #222b45;
}
.nb-theme-default nb-tag.appearance-filled.status-control.selected {
  background-color: color-control-actove;
  border-color: #edf1f7;
}
.nb-theme-default nb-tag.appearance-filled.status-control.active {
  background-color: #f7f9fc;
  border-color: #f7f9fc;
}
.nb-theme-default nb-tag.appearance-filled.status-control:hover {
  background-color: #edf1f7;
  border-color: #c5cee0;
}
.nb-theme-default nb-tag.appearance-outline.status-basic {
  background-color: rgba(143, 155, 179, .08);
  border-color: #8f9bb3;
  color: #8f9bb3;
}
.nb-theme-default nb-tag.appearance-outline.status-basic.selected {
  background-color: rgba(143, 155, 179, .24);
  border-color: #8f9bb3;
  color: #8f9bb3;
}
.nb-theme-default nb-tag.appearance-outline.status-basic.active {
  background-color: rgba(143, 155, 179, .24);
  border-color: #8f9bb3;
  color: #8f9bb3;
}
.nb-theme-default nb-tag.appearance-outline.status-basic:hover {
  background-color: rgba(143, 155, 179, .16);
  border-color: #8f9bb3;
  color: #8f9bb3;
}
.nb-theme-default nb-tag.appearance-outline.status-primary {
  background-color: rgba(51, 102, 255, .08);
  border-color: #36f;
  color: #36f;
}
.nb-theme-default nb-tag.appearance-outline.status-primary.selected {
  background-color: rgba(51, 102, 255, .24);
  border-color: #36f;
  color: #36f;
}
.nb-theme-default nb-tag.appearance-outline.status-primary.active {
  background-color: rgba(51, 102, 255, .24);
  border-color: #36f;
  color: #36f;
}
.nb-theme-default nb-tag.appearance-outline.status-primary:hover {
  background-color: rgba(51, 102, 255, .16);
  border-color: #36f;
  color: #36f;
}
.nb-theme-default nb-tag.appearance-outline.status-success {
  background-color: rgba(0, 214, 143, .08);
  border-color: #00d68f;
  color: #00d68f;
}
.nb-theme-default nb-tag.appearance-outline.status-success.selected {
  background-color: rgba(0, 214, 143, .24);
  border-color: #00d68f;
  color: #00d68f;
}
.nb-theme-default nb-tag.appearance-outline.status-success.active {
  background-color: rgba(0, 214, 143, .24);
  border-color: #00d68f;
  color: #00d68f;
}
.nb-theme-default nb-tag.appearance-outline.status-success:hover {
  background-color: rgba(0, 214, 143, .16);
  border-color: #00d68f;
  color: #00d68f;
}
.nb-theme-default nb-tag.appearance-outline.status-warning {
  background-color: rgba(255, 170, 0, .08);
  border-color: #fa0;
  color: #fa0;
}
.nb-theme-default nb-tag.appearance-outline.status-warning.selected {
  background-color: rgba(255, 170, 0, .24);
  border-color: #fa0;
  color: #fa0;
}
.nb-theme-default nb-tag.appearance-outline.status-warning.active {
  background-color: rgba(255, 170, 0, .24);
  border-color: #fa0;
  color: #fa0;
}
.nb-theme-default nb-tag.appearance-outline.status-warning:hover {
  background-color: rgba(255, 170, 0, .16);
  border-color: #fa0;
  color: #fa0;
}
.nb-theme-default nb-tag.appearance-outline.status-danger {
  background-color: rgba(255, 61, 113, .08);
  border-color: #ff3d71;
  color: #ff3d71;
}
.nb-theme-default nb-tag.appearance-outline.status-danger.selected {
  background-color: rgba(255, 61, 113, .24);
  border-color: #ff3d71;
  color: #ff3d71;
}
.nb-theme-default nb-tag.appearance-outline.status-danger.active {
  background-color: rgba(255, 61, 113, .24);
  border-color: #ff3d71;
  color: #ff3d71;
}
.nb-theme-default nb-tag.appearance-outline.status-danger:hover {
  background-color: rgba(255, 61, 113, .16);
  border-color: #ff3d71;
  color: #ff3d71;
}
.nb-theme-default nb-tag.appearance-outline.status-info {
  background-color: rgba(0, 149, 255, .08);
  border-color: #0095ff;
  color: #0095ff;
}
.nb-theme-default nb-tag.appearance-outline.status-info.selected {
  background-color: rgba(0, 149, 255, .24);
  border-color: #0095ff;
  color: #0095ff;
}
.nb-theme-default nb-tag.appearance-outline.status-info.active {
  background-color: rgba(0, 149, 255, .24);
  border-color: #0095ff;
  color: #0095ff;
}
.nb-theme-default nb-tag.appearance-outline.status-info:hover {
  background-color: rgba(0, 149, 255, .16);
  border-color: #0095ff;
  color: #0095ff;
}
.nb-theme-default nb-tag.appearance-outline.status-control {
  background-color: hsla(0, 0%, 100%, .08);
  border-color: #fff;
  color: #fff;
}
.nb-theme-default nb-tag.appearance-outline.status-control.selected {
  background-color: hsla(0, 0%, 100%, .24);
  border-color: #fff;
  color: #fff;
}
.nb-theme-default nb-tag.appearance-outline.status-control.active {
  background-color: hsla(0, 0%, 100%, .24);
  border-color: #fff;
  color: #fff;
}
.nb-theme-default nb-tag.appearance-outline.status-control:hover {
  background-color: hsla(0, 0%, 100%, .16);
  border-color: #fff;
  color: #fff;
}
.nb-theme-default .nb-tag-remove {
  cursor: pointer;
}
.nb-theme-default .nb-tag-remove.size-tiny {
  font-size: 1rem;
}
[dir=ltr] .nb-theme-default .nb-tag-remove.size-tiny {
  margin-left: .625rem;
  margin-right: -0.625rem;
}
[dir=rtl] .nb-theme-default .nb-tag-remove.size-tiny {
  margin-right: .625rem;
  margin-left: -0.625rem;
}
.nb-theme-default .nb-tag-remove.size-small {
  font-size: 1.5rem;
}
[dir=ltr] .nb-theme-default .nb-tag-remove.size-small {
  margin-left: .625rem;
  margin-right: -0.625rem;
}
[dir=rtl] .nb-theme-default .nb-tag-remove.size-small {
  margin-right: .625rem;
  margin-left: -0.625rem;
}
.nb-theme-default .nb-tag-remove.size-medium {
  font-size: 1.5rem;
}
[dir=ltr] .nb-theme-default .nb-tag-remove.size-medium {
  margin-left: .625rem;
  margin-right: -0.625rem;
}
[dir=rtl] .nb-theme-default .nb-tag-remove.size-medium {
  margin-right: .625rem;
  margin-left: -0.625rem;
}
.nb-theme-default .nb-tag-remove.size-large {
  font-size: 1.5rem;
}
[dir=ltr] .nb-theme-default .nb-tag-remove.size-large {
  margin-left: .625rem;
  margin-right: -0.625rem;
}
[dir=rtl] .nb-theme-default .nb-tag-remove.size-large {
  margin-right: .625rem;
  margin-left: -0.625rem;
}
.nb-theme-default .nb-tag-remove.size-giant {
  font-size: 1.5rem;
}
[dir=ltr] .nb-theme-default .nb-tag-remove.size-giant {
  margin-left: .625rem;
  margin-right: -0.625rem;
}
[dir=rtl] .nb-theme-default .nb-tag-remove.size-giant {
  margin-right: .625rem;
  margin-left: -0.625rem;
}
.nb-theme-default nb-tag-list {
  display: inline-flex;
  outline: none;
}
.nb-theme-default nb-tag-list.size-tiny .nb-tag-list-tags-wrapper {
  margin: -0.0625rem;
}
.nb-theme-default nb-tag-list.size-tiny .nb-tag-list-tags-wrapper nb-tag,
.nb-theme-default nb-tag-list.size-tiny .nb-tag-list-tags-wrapper .nb-tag-input {
  margin: .0625rem;
}
.nb-theme-default nb-tag-list.size-small .nb-tag-list-tags-wrapper {
  margin: -0.125rem;
}
.nb-theme-default nb-tag-list.size-small .nb-tag-list-tags-wrapper nb-tag,
.nb-theme-default nb-tag-list.size-small .nb-tag-list-tags-wrapper .nb-tag-input {
  margin: .125rem;
}
.nb-theme-default nb-tag-list.size-medium .nb-tag-list-tags-wrapper {
  margin: -0.25rem;
}
.nb-theme-default nb-tag-list.size-medium .nb-tag-list-tags-wrapper nb-tag,
.nb-theme-default nb-tag-list.size-medium .nb-tag-list-tags-wrapper .nb-tag-input {
  margin: .25rem;
}
.nb-theme-default nb-tag-list.size-large .nb-tag-list-tags-wrapper {
  margin: -0.375rem;
}
.nb-theme-default nb-tag-list.size-large .nb-tag-list-tags-wrapper nb-tag,
.nb-theme-default nb-tag-list.size-large .nb-tag-list-tags-wrapper .nb-tag-input {
  margin: .375rem;
}
.nb-theme-default nb-tag-list.size-giant .nb-tag-list-tags-wrapper {
  margin: -0.5rem;
}
.nb-theme-default nb-tag-list.size-giant .nb-tag-list-tags-wrapper nb-tag,
.nb-theme-default nb-tag-list.size-giant .nb-tag-list-tags-wrapper .nb-tag-input {
  margin: .5rem;
}
.nb-theme-default .nb-tag-list-tags-wrapper {
  display: inline-flex;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  flex: 1;
}
.nb-theme-default .nb-tag-list-with-input {
  border-style: solid;
  border-width: 1px;
  font-family: Open Sans, sans-serif;
  appearance: none;
}
.nb-theme-default .nb-tag-list-with-input.nb-transition {
  transition-duration: .15s;
  transition-property:
    border,
    background-color,
    color,
    box-shadow;
  transition-timing-function: ease-in;
}
.nb-theme-default .nb-tag-list-with-input::placeholder {
  font-family: Open Sans, sans-serif;
  text-overflow: ellipsis;
}
.nb-theme-default .nb-tag-list-with-input:focus {
  outline: none;
}
.nb-theme-default .nb-tag-list-with-input.input-full-width {
  width: 100%;
}
.nb-theme-default .nb-tag-list-with-input.shape-rectangle {
  border-radius: .25rem;
}
.nb-theme-default .nb-tag-list-with-input.shape-semi-round {
  border-radius: .75rem;
}
.nb-theme-default .nb-tag-list-with-input.shape-round {
  border-radius: 1.5rem;
}
.nb-theme-default .nb-tag-list-with-input.size-tiny {
  padding: .0625rem 1rem;
}
.nb-theme-default .nb-tag-list-with-input.size-small {
  padding: .0625rem 1rem;
}
.nb-theme-default .nb-tag-list-with-input.size-medium {
  padding: .1875rem 1rem;
}
.nb-theme-default .nb-tag-list-with-input.size-large {
  padding: .3125rem 1rem;
}
.nb-theme-default .nb-tag-list-with-input.size-giant {
  padding: .4375rem 1rem;
}
.nb-theme-default .nb-tag-list-with-input.status-basic {
  background-color: #f7f9fc;
  border-color: #e4e9f2;
}
.nb-theme-default .nb-tag-list-with-input.status-basic.focus {
  background-color: #fff;
  border-color: #36f;
}
.nb-theme-default .nb-tag-list-with-input.status-primary {
  background-color: #f7f9fc;
  border-color: #36f;
}
.nb-theme-default .nb-tag-list-with-input.status-primary.focus {
  background-color: #fff;
  border-color: #1a34b8;
}
.nb-theme-default .nb-tag-list-with-input.status-success {
  background-color: #f7f9fc;
  border-color: #00d68f;
}
.nb-theme-default .nb-tag-list-with-input.status-success.focus {
  background-color: #fff;
  border-color: #00997a;
}
.nb-theme-default .nb-tag-list-with-input.status-warning {
  background-color: #f7f9fc;
  border-color: #fa0;
}
.nb-theme-default .nb-tag-list-with-input.status-warning.focus {
  background-color: #fff;
  border-color: #b86e00;
}
.nb-theme-default .nb-tag-list-with-input.status-danger {
  background-color: #f7f9fc;
  border-color: #ff3d71;
}
.nb-theme-default .nb-tag-list-with-input.status-danger.focus {
  background-color: #fff;
  border-color: #b81d5b;
}
.nb-theme-default .nb-tag-list-with-input.status-info {
  background-color: #f7f9fc;
  border-color: #0095ff;
}
.nb-theme-default .nb-tag-list-with-input.status-info.focus {
  background-color: #fff;
  border-color: #0057c2;
}
.nb-theme-default .nb-tag-list-with-input.status-control {
  background-color: hsla(0, 0%, 100%, .24);
  border-color: hsla(0, 0%, 100%, .4);
}
.nb-theme-default .nb-tag-list-with-input.status-control.focus {
  background-color: hsla(0, 0%, 100%, .4);
  border-color: #fff;
}
.nb-theme-default nb-form-field nb-tag-list {
  width: 100%;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-tiny {
  padding-left: 1.5rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-tiny {
  padding-right: 1.5rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-tiny {
  padding-right: 1.5rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-tiny {
  padding-left: 1.5rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-small {
  padding-left: 2rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-small {
  padding-right: 2rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-small {
  padding-right: 2rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-small {
  padding-left: 2rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-medium {
  padding-left: 2.5rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-medium {
  padding-right: 2.5rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-medium {
  padding-right: 2.5rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-medium {
  padding-left: 2.5rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-large {
  padding-left: 3rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-large {
  padding-right: 3rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-large {
  padding-right: 3rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-large {
  padding-left: 3rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-giant {
  padding-left: 3.5rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-giant {
  padding-right: 3.5rem;
}
[dir=ltr] .nb-theme-default .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-giant {
  padding-right: 3.5rem;
}
[dir=rtl] .nb-theme-default .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-giant {
  padding-left: 3.5rem;
}
.nb-theme-default .nb-tag-input {
  appearance: none;
  border: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
  outline: none;
  flex: 1;
  padding: 0;
  min-width: 6rem;
  font-family: Open Sans, sans-serif;
}
.nb-theme-default .nb-tag-input::placeholder {
  font-family: Open Sans, sans-serif;
}
.nb-theme-default .nb-tag-input.size-tiny {
  font-size: .75rem;
  font-weight: 600;
  line-height: 1rem;
  padding: .125rem 0;
}
.nb-theme-default .nb-tag-input.size-tiny::placeholder {
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.nb-theme-default .nb-tag-input.size-small {
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.5rem;
  padding: .125rem 0;
}
.nb-theme-default .nb-tag-input.size-small::placeholder {
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.nb-theme-default .nb-tag-input.size-medium {
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.5rem;
  padding: .25rem 0;
}
.nb-theme-default .nb-tag-input.size-medium::placeholder {
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.nb-theme-default .nb-tag-input.size-large {
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.5rem;
  padding: .375rem 0;
}
.nb-theme-default .nb-tag-input.size-large::placeholder {
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.nb-theme-default .nb-tag-input.size-giant {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
  padding: .5rem 0;
}
.nb-theme-default .nb-tag-input.size-giant::placeholder {
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.nb-theme-default .nb-tag-input.status-basic {
  color: #222b45;
}
.nb-theme-default .nb-tag-input.status-basic::placeholder {
  color: #8f9bb3;
}
.nb-theme-default .nb-tag-input.status-basic:disabled {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default .nb-tag-input.status-basic:disabled::placeholder {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default .nb-tag-input.status-primary {
  color: #222b45;
}
.nb-theme-default .nb-tag-input.status-primary::placeholder {
  color: #8f9bb3;
}
.nb-theme-default .nb-tag-input.status-primary:disabled {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default .nb-tag-input.status-primary:disabled::placeholder {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default .nb-tag-input.status-success {
  color: #222b45;
}
.nb-theme-default .nb-tag-input.status-success::placeholder {
  color: #8f9bb3;
}
.nb-theme-default .nb-tag-input.status-success:disabled {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default .nb-tag-input.status-success:disabled::placeholder {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default .nb-tag-input.status-warning {
  color: #222b45;
}
.nb-theme-default .nb-tag-input.status-warning::placeholder {
  color: #8f9bb3;
}
.nb-theme-default .nb-tag-input.status-warning:disabled {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default .nb-tag-input.status-warning:disabled::placeholder {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default .nb-tag-input.status-danger {
  color: #222b45;
}
.nb-theme-default .nb-tag-input.status-danger::placeholder {
  color: #8f9bb3;
}
.nb-theme-default .nb-tag-input.status-danger:disabled {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default .nb-tag-input.status-danger:disabled::placeholder {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default .nb-tag-input.status-info {
  color: #222b45;
}
.nb-theme-default .nb-tag-input.status-info::placeholder {
  color: #8f9bb3;
}
.nb-theme-default .nb-tag-input.status-info:disabled {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default .nb-tag-input.status-info:disabled::placeholder {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default .nb-tag-input.status-control {
  color: #fff;
}
.nb-theme-default .nb-tag-input.status-control::placeholder {
  color: #fff;
}
.nb-theme-default .nb-tag-input.status-control:disabled {
  color: #fff;
}
.nb-theme-default .nb-tag-input.status-control:disabled::placeholder {
  color: #fff;
}
.nb-theme-default {
  color: #222b45;
  font-family: Open Sans, sans-serif;
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.nb-theme-default h1,
.nb-theme-default h2,
.nb-theme-default h3,
.nb-theme-default h4,
.nb-theme-default h5,
.nb-theme-default h6,
.nb-theme-default .h1,
.nb-theme-default .h2,
.nb-theme-default .h3,
.nb-theme-default .h4,
.nb-theme-default .h5,
.nb-theme-default .h6 {
  color: #222b45;
}
.nb-theme-default h1,
.nb-theme-default .h1 {
  font-size: 2.25rem;
  font-family: Open Sans, sans-serif;
  font-weight: 700;
  line-height: 3rem;
}
.nb-theme-default h2,
.nb-theme-default .h2 {
  font-size: 2rem;
  font-family: Open Sans, sans-serif;
  font-weight: 700;
  line-height: 2.5rem;
}
.nb-theme-default h3,
.nb-theme-default .h3 {
  font-size: 1.875rem;
  font-family: Open Sans, sans-serif;
  font-weight: 700;
  line-height: 2.5rem;
}
.nb-theme-default h4,
.nb-theme-default .h4 {
  font-size: 1.625rem;
  font-family: Open Sans, sans-serif;
  font-weight: 700;
  line-height: 2rem;
}
.nb-theme-default h5,
.nb-theme-default .h5 {
  font-size: 1.375rem;
  font-family: Open Sans, sans-serif;
  font-weight: 700;
  line-height: 2rem;
}
.nb-theme-default h6,
.nb-theme-default .h6 {
  font-size: 1.125rem;
  font-family: Open Sans, sans-serif;
  font-weight: 700;
  line-height: 1.5rem;
}
.nb-theme-default .subtitle,
.nb-theme-default .subtitle-2 {
  color: #222b45;
}
.nb-theme-default .subtitle {
  font-family: Open Sans, sans-serif;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.nb-theme-default .subtitle-2 {
  font-family: Open Sans, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.nb-theme-default p,
.nb-theme-default .paragraph {
  color: #222b45;
  font-family: Open Sans, sans-serif;
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.nb-theme-default .paragraph-2 {
  color: #222b45;
  font-family: Open Sans, sans-serif;
  font-size: .8125rem;
  font-weight: 400;
  line-height: 1.125rem;
}
.nb-theme-default a {
  color: #36f;
  text-decoration: underline;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.nb-theme-default a:focus {
  color: #274bdb;
}
.nb-theme-default a:hover {
  color: #598bff;
}
.nb-theme-default a.link-control,
.nb-theme-default a.link-control:hover {
  color: #fff;
}
.nb-theme-default a.link-alternate,
.nb-theme-default a.link-alternate:hover {
  color: #fff;
}
.nb-theme-default .label {
  color: #8f9bb3;
  font-family: Open Sans, sans-serif;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1rem;
}
.nb-theme-default .caption {
  font-family: Open Sans, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1rem;
}
.nb-theme-default .caption-2 {
  font-family: Open Sans, sans-serif;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1rem;
}
.nb-theme-default .caption,
.nb-theme-default .caption-2 {
  color: #8f9bb3;
}
.nb-theme-default .caption.status-basic,
.nb-theme-default .caption-2.status-basic {
  color: #222b45;
}
.nb-theme-default .caption.status-primary,
.nb-theme-default .caption-2.status-primary {
  color: #36f;
}
.nb-theme-default .caption.status-success,
.nb-theme-default .caption-2.status-success {
  color: #00d68f;
}
.nb-theme-default .caption.status-warning,
.nb-theme-default .caption-2.status-warning {
  color: #fa0;
}
.nb-theme-default .caption.status-danger,
.nb-theme-default .caption-2.status-danger {
  color: #ff3d71;
}
.nb-theme-default .caption.status-info,
.nb-theme-default .caption-2.status-info {
  color: #0095ff;
}
.nb-theme-default .caption.status-control,
.nb-theme-default .caption-2.status-control {
  color: #fff;
}
.nb-theme-default li {
  color: #222b45;
  font-family: Open Sans, sans-serif;
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.nb-theme-default .text-alternate {
  color: #fff;
}
.nb-theme-default .text-disabled {
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default .text-hint {
  color: #8f9bb3;
}
.nb-theme-default .text-basic {
  color: #222b45;
}
.nb-theme-default .text-primary {
  color: #36f;
}
.nb-theme-default .text-success {
  color: #00d68f;
}
.nb-theme-default .text-warning {
  color: #fa0;
}
.nb-theme-default .text-danger {
  color: #ff3d71;
}
.nb-theme-default .text-info {
  color: #0095ff;
}
.nb-theme-default .text-control {
  color: #fff;
}
.nb-theme-default ng2-smart-table table tr th,
.nb-theme-default ng2-smart-table table tr th a {
  font-family: Open Sans, sans-serif;
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #222b45;
}
.nb-theme-default ng2-smart-table table tr td {
  font-family: Open Sans, sans-serif;
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #222b45;
}
.nb-theme-default ng2-smart-table table tr th,
.nb-theme-default ng2-smart-table table tr td {
  position: relative;
  padding: .875rem 1.25rem;
  border: 1px solid #edf1f7;
  vertical-align: middle;
}
.nb-theme-default ng2-smart-table table tr.ng2-smart-titles th {
  padding: .875rem 1.25rem;
}
[dir=ltr] .nb-theme-default ng2-smart-table table tr.ng2-smart-titles th {
  padding-right: 1.75rem;
}
[dir=rtl] .nb-theme-default ng2-smart-table table tr.ng2-smart-titles th {
  padding-left: 1.75rem;
}
.nb-theme-default ng2-smart-table table tr.ng2-smart-titles th a:hover,
.nb-theme-default ng2-smart-table table tr.ng2-smart-titles th a:active,
.nb-theme-default ng2-smart-table table tr.ng2-smart-titles th a:visited {
  color: #222b45;
  text-decoration: none;
}
.nb-theme-default ng2-smart-table table tr.ng2-smart-titles th a.sort.asc,
.nb-theme-default ng2-smart-table table tr.ng2-smart-titles th a.sort.desc {
  font-weight: 400;
}
.nb-theme-default ng2-smart-table table tr.ng2-smart-titles th a.sort.asc::after,
.nb-theme-default ng2-smart-table table tr.ng2-smart-titles th a.sort.desc::after {
  border-bottom-color: #222b45;
  border-width: .375rem;
  position: absolute;
  margin: 0;
  top: 50%;
  transform: translate(0, -50%);
}
[dir=ltr] .nb-theme-default ng2-smart-table table tr.ng2-smart-titles th a.sort.asc::after,
[dir=ltr] .nb-theme-default ng2-smart-table table tr.ng2-smart-titles th a.sort.desc::after {
  right: .75rem;
}
[dir=rtl] .nb-theme-default ng2-smart-table table tr.ng2-smart-titles th a.sort.asc::after,
[dir=rtl] .nb-theme-default ng2-smart-table table tr.ng2-smart-titles th a.sort.desc::after {
  left: .75rem;
}
.nb-theme-default ng2-smart-table table tr.ng2-smart-titles th a.sort.asc.desc::after,
.nb-theme-default ng2-smart-table table tr.ng2-smart-titles th a.sort.desc.desc::after {
  transform: translate(0, -50%) rotate(180deg);
}
.nb-theme-default ng2-smart-table thead tr {
  background: #fff;
}
.nb-theme-default ng2-smart-table thead tr.ng2-smart-filters th {
  padding: .375rem .5rem;
}
.nb-theme-default ng2-smart-table thead tr.ng2-smart-filters th .ng2-smart-filter input {
  line-height: 1.25rem;
}
.nb-theme-default ng2-smart-table tbody tr.selected,
.nb-theme-default ng2-smart-table tbody tr:hover {
  background: #edf1f7 !important;
}
.nb-theme-default ng2-smart-table tbody tr:nth-child(2n) {
  background-color: #f7f9fc;
}
.nb-theme-default ng2-smart-table th.ng2-smart-actions-title-add a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem !important;
  padding: .375rem .5rem;
  border-color: #36f;
  background-color: #36f;
  color: #fff;
  border-radius: .375rem;
}
.nb-theme-default ng2-smart-table th.ng2-smart-actions-title-add a:focus {
  border-color: #1a34b8;
}
.nb-theme-default ng2-smart-table th.ng2-smart-actions-title-add a:hover {
  text-decoration: none;
  background-color: #598bff;
  border-color: #598bff;
}
.nb-theme-default ng2-smart-table th.ng2-smart-actions-title-add a:active {
  background-color: #274bdb;
  border-color: #274bdb;
}
.nb-theme-default ng2-smart-table .ng2-smart-actions {
  padding: 0;
  height: 1px;
}
.nb-theme-default ng2-smart-table .ng2-smart-actions ng2-st-tbody-edit-delete,
.nb-theme-default ng2-smart-table .ng2-smart-actions ng2-st-tbody-create-cancel,
.nb-theme-default ng2-smart-table .ng2-smart-actions ng2-st-actions {
  display: flex;
  height: 100%;
}
.nb-theme-default ng2-smart-table .ng2-smart-actions a.ng2-smart-action {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  font-size: 2rem !important;
  color: #222b45;
}
.nb-theme-default ng2-smart-table .ng2-smart-actions a.ng2-smart-action:not(:last-child) {
  border-right: 1px solid #edf1f7;
}
.nb-theme-default ng2-smart-table .ng2-smart-actions a.ng2-smart-action:hover {
  text-decoration: none;
}
.nb-theme-default ng2-smart-table .ng2-smart-actions .ng2-smart-action-add-create:hover,
.nb-theme-default ng2-smart-table .ng2-smart-actions .ng2-smart-action-edit-edit:hover,
.nb-theme-default ng2-smart-table .ng2-smart-actions .ng2-smart-action-edit-save:hover {
  color: #36f;
}
.nb-theme-default ng2-smart-table .ng2-smart-actions .ng2-smart-action-add-cancel:hover,
.nb-theme-default ng2-smart-table .ng2-smart-actions .ng2-smart-action-delete-delete:hover,
.nb-theme-default ng2-smart-table .ng2-smart-actions .ng2-smart-action-edit-cancel:hover {
  color: #ff3d71;
}
.nb-theme-default ng2-smart-table table-cell-edit-mode {
  display: block;
  margin: -7.5px -12px;
}
.nb-theme-default ng2-smart-table ng2-smart-table-pager {
  display: block;
}
.nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav {
  display: flex;
  justify-content: center;
  margin-top: 1.25rem;
}
.nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination {
  display: flex;
  padding: 0;
}
.nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination .page-item.disabled .page-link,
.nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination .page-item.disabled .page-link:focus,
.nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination .page-item.disabled .page-link:hover {
  background-color: rgba(0, 0, 0, 0);
  color: rgba(143, 155, 179, .48);
}
.nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination {
  font-family: Open Sans, sans-serif;
  font-size: .875rem;
  line-height: 1rem;
  border: #edf1f7 solid 1px;
  border-radius: .25rem;
}
.nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li {
  overflow: hidden;
}
[dir=ltr] .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:not(:last-child) {
  border-right: 1px solid #edf1f7;
}
[dir=rtl] .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:not(:last-child) {
  border-left: 1px solid #edf1f7;
}
.nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a.page-link-prev,
.nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a.page-link-next {
  font-size: .875rem;
  line-height: 1rem;
}
.nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a,
.nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li > span {
  font-size: .875rem;
  line-height: 1rem;
  background-color: rgba(0, 0, 0, 0);
  color: #36f;
  padding: .75rem 1.25rem;
  border: none;
}
.nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a:focus,
.nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li > span:focus {
  border-color: #36f;
  color: #36f;
}
.nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a:hover,
.nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li > span:hover {
  background-color: rgba(0, 0, 0, 0);
  border-color: #36f;
  color: #36f;
  text-decoration: none;
}
[dir=ltr] .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child a,
[dir=ltr] .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child > span {
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem;
}
[dir=rtl] .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child a,
[dir=rtl] .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child > span {
  border-top-right-radius: .25rem;
  border-bottom-right-radius: .25rem;
}
[dir=ltr] .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child a,
[dir=ltr] .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child > span {
  border-top-right-radius: .25rem;
  border-bottom-right-radius: .25rem;
}
[dir=rtl] .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child a,
[dir=rtl] .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child > span {
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem;
}
.nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active a,
.nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active a:hover,
.nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active a:focus,
.nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active > span,
.nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active > span:hover,
.nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active > span:focus {
  color: #fff;
  background-color: #36f;
}

/* node_modules/flatpickr/dist/flatpickr.css */
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow:
    1px 0 0 #e6e6e6,
    -1px 0 0 #e6e6e6,
    0 1px 0 #e6e6e6,
    0 -1px 0 #e6e6e6,
    0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow:
    1px 0 0 #e6e6e6,
    -1px 0 0 #e6e6e6,
    0 1px 0 #e6e6e6,
    0 -1px 0 #e6e6e6,
    0 3px 13px rgba(0, 0, 0, 0.08);
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  left: 0;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  right: 0;
}
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}
.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}
.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\fffd;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}
.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px;
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}
.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.flatpickr-day.today {
  border-color: #959ea9;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/* node_modules/mathlive/mathlive-static.css */
@font-face {
  font-display: "swap";
  font-family: KaTeX_AMS;
  font-style: normal;
  font-weight: 400;
  src: url("./media/KaTeX_AMS-Regular.woff2") format("woff2");
}
@font-face {
  font-display: "swap";
  font-family: KaTeX_Caligraphic;
  font-style: normal;
  font-weight: 700;
  src: url("./media/KaTeX_Caligraphic-Bold.woff2") format("woff2");
}
@font-face {
  font-display: "swap";
  font-family: KaTeX_Caligraphic;
  font-style: normal;
  font-weight: 400;
  src: url("./media/KaTeX_Caligraphic-Regular.woff2") format("woff2");
}
@font-face {
  font-display: "swap";
  font-family: KaTeX_Fraktur;
  font-style: normal;
  font-weight: 700;
  src: url("./media/KaTeX_Fraktur-Bold.woff2") format("woff2");
}
@font-face {
  font-display: "swap";
  font-family: KaTeX_Fraktur;
  font-style: normal;
  font-weight: 400;
  src: url("./media/KaTeX_Fraktur-Regular.woff2") format("woff2");
}
@font-face {
  font-display: "swap";
  font-family: KaTeX_Main;
  font-style: italic;
  font-weight: 700;
  src: url("./media/KaTeX_Main-BoldItalic.woff2") format("woff2");
}
@font-face {
  font-display: "swap";
  font-family: KaTeX_Main;
  font-style: normal;
  font-weight: 700;
  src: url("./media/KaTeX_Main-Bold.woff2") format("woff2");
}
@font-face {
  font-display: "swap";
  font-family: KaTeX_Main;
  font-style: italic;
  font-weight: 400;
  src: url("./media/KaTeX_Main-Italic.woff2") format("woff2");
}
@font-face {
  font-display: "swap";
  font-family: KaTeX_Main;
  font-style: normal;
  font-weight: 400;
  src: url("./media/KaTeX_Main-Regular.woff2") format("woff2");
}
@font-face {
  font-display: "swap";
  font-family: KaTeX_Math;
  font-style: italic;
  font-weight: 700;
  src: url("./media/KaTeX_Math-BoldItalic.woff2") format("woff2");
}
@font-face {
  font-display: "swap";
  font-family: KaTeX_Math;
  font-style: italic;
  font-weight: 400;
  src: url("./media/KaTeX_Math-Italic.woff2") format("woff2");
}
@font-face {
  font-display: "swap";
  font-family: "KaTeX_SansSerif";
  font-style: normal;
  font-weight: 700;
  src: url("./media/KaTeX_SansSerif-Bold.woff2") format("woff2");
}
@font-face {
  font-display: "swap";
  font-family: "KaTeX_SansSerif";
  font-style: italic;
  font-weight: 400;
  src: url("./media/KaTeX_SansSerif-Italic.woff2") format("woff2");
}
@font-face {
  font-display: "swap";
  font-family: "KaTeX_SansSerif";
  font-style: normal;
  font-weight: 400;
  src: url("./media/KaTeX_SansSerif-Regular.woff2") format("woff2");
}
@font-face {
  font-display: "swap";
  font-family: KaTeX_Script;
  font-style: normal;
  font-weight: 400;
  src: url("./media/KaTeX_Script-Regular.woff2") format("woff2");
}
@font-face {
  font-display: "swap";
  font-family: KaTeX_Size1;
  font-style: normal;
  font-weight: 400;
  src: url("./media/KaTeX_Size1-Regular.woff2") format("woff2");
}
@font-face {
  font-display: "swap";
  font-family: KaTeX_Size2;
  font-style: normal;
  font-weight: 400;
  src: url("./media/KaTeX_Size2-Regular.woff2") format("woff2");
}
@font-face {
  font-display: "swap";
  font-family: KaTeX_Size3;
  font-style: normal;
  font-weight: 400;
  src: url("./media/KaTeX_Size3-Regular.woff2") format("woff2");
}
@font-face {
  font-display: "swap";
  font-family: KaTeX_Size4;
  font-style: normal;
  font-weight: 400;
  src: url("./media/KaTeX_Size4-Regular.woff2") format("woff2");
}
@font-face {
  font-display: "swap";
  font-family: KaTeX_Typewriter;
  font-style: normal;
  font-weight: 400;
  src: url("./media/KaTeX_Typewriter-Regular.woff2") format("woff2");
}
:root {
  --ML__static-fonts:true;
}
.ML__container {
  min-height: auto !important;
  --_hue:var(--hue,212);
  --_placeholder-color:var(--placeholder-color,hsl(var(--_hue),40%,49%));
  --_placeholder-opacity:var(--placeholder-opacity,0.4);
  --_text-font-family:var(--text-font-family,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif);
}
.ML__sr-only {
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  clip: rect(0, 0, 0, 0);
  border: 0;
  clip-path: inset(50%);
  white-space: nowrap;
}
.ML__base,
.ML__is-inline {
  display: inline-block;
}
.ML__base {
  border: 0;
  box-sizing: content-box;
  cursor: text;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  position: relative;
  text-decoration: none;
  vertical-align: baseline;
  visibility: inherit;
  width: min-content;
}
.ML__strut,
.ML__strut--bottom {
  display: inline-block;
  min-height: 0.5em;
}
.ML__small-delim {
  font-family: KaTeX_Main;
}
.ML__text {
  font-family: var(--_text-font-family);
  white-space: pre;
}
.ML__cmr {
  font-family: KaTeX_Main;
  font-style: normal;
}
.ML__mathit {
  font-family: KaTeX_Math;
  font-style: italic;
}
.ML__mathbf {
  font-family: KaTeX_Main;
  font-weight: 700;
}
.ML__mathbfit,
.lcGreek.ML__mathbf {
  font-family: KaTeX_Math;
}
.ML__mathbfit {
  font-style: italic;
  font-weight: 700;
}
.ML__ams,
.ML__bb {
  font-family: KaTeX_AMS;
}
.ML__cal {
  font-family: KaTeX_Caligraphic;
}
.ML__frak {
  font-family: KaTeX_Fraktur;
}
.ML__tt {
  font-family: KaTeX_Typewriter;
}
.ML__script {
  font-family: KaTeX_Script;
}
.ML__sans {
  font-family: KaTeX_SansSerif;
}
.ML__series_el,
.ML__series_ul {
  font-weight: 100;
}
.ML__series_l {
  font-weight: 200;
}
.ML__series_sl {
  font-weight: 300;
}
.ML__series_sb {
  font-weight: 500;
}
.ML__bold {
  font-weight: 700;
}
.ML__series_eb {
  font-weight: 800;
}
.ML__series_ub {
  font-weight: 900;
}
.ML__series_uc {
  font-stretch: ultra-condensed;
}
.ML__series_ec {
  font-stretch: extra-condensed;
}
.ML__series_c {
  font-stretch: condensed;
}
.ML__series_sc {
  font-stretch: semi-condensed;
}
.ML__series_sx {
  font-stretch: semi-expanded;
}
.ML__series_x {
  font-stretch: expanded;
}
.ML__series_ex {
  font-stretch: extra-expanded;
}
.ML__series_ux {
  font-stretch: ultra-expanded;
}
.ML__it {
  font-style: italic;
}
.ML__shape_ol {
  -webkit-text-stroke: 1px #000;
  text-stroke: 1px #000;
  color: transparent;
}
.ML__shape_sc {
  font-variant: small-caps;
}
.ML__shape_sl {
  font-style: oblique;
}
.ML__emph {
  color: #bc2612;
}
.ML__emph .ML__emph {
  color: #0c7f99;
}
.ML__highlight {
  background: #edd1b0;
  color: #007cb2;
}
.ML__center {
  text-align: center;
}
.ML__left {
  text-align: left;
}
.ML__right {
  text-align: right;
}
.ML__label_padding {
  padding: 0 0.5em;
}
.ML__frac-line {
  min-height: 1px;
  width: 100%;
}
.ML__frac-line:after {
  background: currentColor;
  box-sizing: content-box;
  content: "";
  display: block;
  forced-color-adjust: preserve-parent-color;
  margin-top: max(-1px, -0.04em);
  min-height: max(1px, 0.04em);
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  transform: translate(0);
}
@media (forced-colors:active) {
  .ML__frac-line {
    min-height: 0px;
  }
}
.ML__sqrt,
.ML__sqrt-sign {
  display: inline-block;
}
.ML__sqrt-sign {
  position: relative;
}
.ML__sqrt-line {
  display: inline-block;
  height: max(1px, 0.04em);
  width: 100%;
}
.ML__sqrt-line:before {
  background: currentColor;
  content: "";
  display: block;
  forced-color-adjust: preserve-parent-color;
  margin-top: min(-1px, -0.04em);
  min-height: max(1px, 0.04em);
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  transform: translate(0);
}
@media (forced-colors:active) {
  .ML__sqrt-line:after {
    background: #fff !important;
  }
}
.ML__sqrt-line:after {
  border-bottom-width: 1px;
  content: " ";
  display: block;
  margin-top: -0.1em;
}
.ML__sqrt-index {
  margin-left: 0.27777778em;
  margin-right: -0.55555556em;
}
.ML__delim-size1 {
  font-family: KaTeX_Size1;
}
.ML__delim-size2 {
  font-family: KaTeX_Size2;
}
.ML__delim-size3 {
  font-family: KaTeX_Size3;
}
.ML__delim-size4 {
  font-family: KaTeX_Size4;
}
.ML__delim-mult .delim-size1 > span {
  font-family: KaTeX_Size1;
}
.ML__delim-mult .delim-size4 > span {
  font-family: KaTeX_Size4;
}
.ML__accent-body {
  font-family: KaTeX_Main;
}
.ML__accent-combining-char {
  left: 0.24em;
  position: relative;
}
.ML__latex {
  direction: ltr;
  display: inline-block;
  font-family: inherit;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-variant-caps: normal;
  letter-spacing: normal;
  line-height: 1.2;
  text-align: left;
  text-indent: 0;
  text-rendering: auto;
  word-wrap: normal;
  forced-color-adjust: preserve-parent-color;
  text-shadow: none;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: min-content;
  word-spacing: normal;
}
.ML__latex .style-wrap {
  position: relative;
}
.ML__latex .ML__left-right,
.ML__latex .ML__mfrac {
  display: inline-block;
}
.ML__latex .ML__vlist-t {
  border-collapse: collapse;
  display: inline-table;
  table-layout: fixed;
}
.ML__latex .ML__vlist-r {
  display: table-row;
}
.ML__latex .ML__vlist {
  display: table-cell;
  position: relative;
  vertical-align: bottom;
}
.ML__latex .ML__vlist > span {
  display: block;
  height: 0;
  position: relative;
}
.ML__latex .ML__vlist > span > span {
  display: inline-block;
}
.ML__latex .ML__vlist > span > .ML__pstrut {
  overflow: hidden;
  width: 0;
}
.ML__latex .ML__vlist-t2 {
  margin-right: -2px;
}
.ML__latex .ML__vlist-s {
  display: table-cell;
  font-size: 1px;
  min-width: 2px;
  vertical-align: bottom;
  width: 2px;
}
.ML__latex .ML__msubsup {
  text-align: left;
}
.ML__latex .ML__negativethinspace {
  display: inline-block;
  height: 0.71em;
  margin-left: -0.16667em;
}
.ML__latex .ML__thinspace {
  display: inline-block;
  height: 0.71em;
  width: 0.16667em;
}
.ML__latex .ML__mediumspace {
  display: inline-block;
  height: 0.71em;
  width: 0.22222em;
}
.ML__latex .ML__thickspace {
  display: inline-block;
  height: 0.71em;
  width: 0.27778em;
}
.ML__latex .ML__enspace {
  display: inline-block;
  height: 0.71em;
  width: 0.5em;
}
.ML__latex .ML__quad {
  display: inline-block;
  height: 0.71em;
  width: 1em;
}
.ML__latex .ML__qquad {
  display: inline-block;
  height: 0.71em;
  width: 2em;
}
.ML__latex .ML__llap,
.ML__latex .ML__rlap {
  display: inline-block;
  position: relative;
  width: 0;
}
.ML__latex .ML__llap > .ML__inner,
.ML__latex .ML__rlap > .ML__inner {
  position: absolute;
}
.ML__latex .ML__llap > .ML__fix,
.ML__latex .ML__rlap > .ML__fix {
  display: inline-block;
}
.ML__latex .ML__llap > .ML__inner {
  right: 0;
}
.ML__latex .ML__rlap > .ML__inner {
  left: 0;
}
.ML__latex .ML__rule {
  border: 0 solid;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
}
.ML__latex .overline .overline-line,
.ML__latex .underline .underline-line {
  width: 100%;
}
.ML__latex .overline .overline-line:before,
.ML__latex .underline .underline-line:before {
  border-bottom-style: solid;
  border-bottom-width: max(1px, 0.04em);
  content: "";
  display: block;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.ML__latex .overline .overline-line:after,
.ML__latex .underline .underline-line:after {
  border-bottom-style: solid;
  border-bottom-width: max(1px, 0.04em);
  content: "";
  display: block;
  margin-top: -1px;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.ML__latex .ML__stretchy {
  display: block;
  left: 0;
  overflow: hidden;
  position: absolute;
  width: 100%;
}
.ML__latex .ML__stretchy:after,
.ML__latex .ML__stretchy:before {
  content: "";
}
.ML__latex .ML__stretchy svg {
  display: block;
  height: inherit;
  position: absolute;
  width: 100%;
  fill: currentColor;
  stroke: currentColor;
  fill-rule: nonzero;
  fill-opacity: 1;
  stroke-width: 1;
  stroke-linecap: butt;
  stroke-linejoin: miter;
  stroke-miterlimit: 4;
  stroke-dasharray: none;
  stroke-dashoffset: 0;
  stroke-opacity: 1;
}
.ML__latex .slice-1-of-2 {
  left: 0;
}
.ML__latex .slice-1-of-2,
.ML__latex .slice-2-of-2 {
  display: inline-flex;
  overflow: hidden;
  position: absolute;
  width: 50.2%;
}
.ML__latex .slice-2-of-2 {
  right: 0;
}
.ML__latex .slice-1-of-3 {
  left: 0;
  width: 25.1%;
}
.ML__latex .slice-1-of-3,
.ML__latex .slice-2-of-3 {
  display: inline-flex;
  overflow: hidden;
  position: absolute;
}
.ML__latex .slice-2-of-3 {
  left: 25%;
  width: 50%;
}
.ML__latex .slice-3-of-3 {
  right: 0;
  width: 25.1%;
}
.ML__latex .slice-1-of-1,
.ML__latex .slice-3-of-3 {
  display: inline-flex;
  overflow: hidden;
  position: absolute;
}
.ML__latex .slice-1-of-1 {
  left: 0;
  width: 100%;
}
.ML__latex .ML__nulldelimiter,
.ML__latex .ML__op-group {
  display: inline-block;
}
.ML__latex .ML__op-symbol {
  position: relative;
}
.ML__latex .ML__op-symbol.ML__small-op {
  font-family: KaTeX_Size1;
}
.ML__latex .ML__op-symbol.ML__large-op {
  font-family: KaTeX_Size2;
}
.ML__latex:has(.ML__align_environment),
.ML__latex:has(.ML__center_environment),
.ML__latex:has(.ML__eqnarray_environment),
.ML__latex:has(.ML__gather_environment),
.ML__latex:has(.ML__multiline_environment) {
  width: 100%;
}
.ML__latex .ML__multiline_environment {
  display: inline-flex;
  width: 100%;
}
.ML__latex .ML__center_environment {
  display: inline-flex;
  justify-content: center;
  width: 100%;
}
.ML__latex .ML__align_environment,
.ML__latex .ML__eqnarray_environment,
.ML__latex .ML__gather_environment {
  display: inline-block;
}
.ML__latex .ML__mtable .ML__vertical-separator {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1px;
}
.ML__latex .ML__mtable .ML__arraycolsep {
  display: inline-block;
}
.ML__latex .ML__mtable .col-align-m > .ML__vlist-t {
  text-align: center;
}
.ML__latex .ML__mtable .col-align-c > .ML__vlist-t {
  text-align: center;
}
.ML__latex .ML__mtable .col-align-l > .ML__vlist-t {
  text-align: left;
}
.ML__latex .ML__mtable .col-align-r > .ML__vlist-t {
  text-align: right;
}
[data-href] {
  cursor: pointer;
}
.ML__error {
  background-color: rgba(204, 0, 65, .1);
  background-image:
    radial-gradient(
      ellipse at center,
      #cc0041,
      transparent 70%);
  background-position: 0 100%;
  background-repeat: repeat-x;
  background-size: 3px 3px;
  display: inline-block;
  padding-bottom: 3px;
}
.ML__error > .ML__error {
  background: transparent;
  padding: 0;
}
.ML__placeholder {
  color: var(--_placeholder-color);
  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    Fira Sans,
    Droid Sans,
    Helvetica Neue,
    sans-serif;
  opacity: var(--_placeholder-opacity);
  padding-left: 0.4ex;
  padding-right: 0.4ex;
}
.ML__notation {
  box-sizing: border-box;
  line-height: 0;
  position: absolute;
}
.ML__tooltip-container {
  position: relative;
  transform: scale(0);
}
.ML__tooltip-container .ML__tooltip-content {
  background: var(--tooltip-background-color);
  border: var(--tooltip-border);
  border-radius: var(--tooltip-border-radius);
  display: inline-table;
  max-width: 400px;
  padding: 12px;
  position: fixed;
  visibility: hidden;
  width: max-content;
  z-index: 2;
  --_selection-color:var(--tooltip-color);
  box-shadow: var(--tooltip-box-shadow);
  color: var(--tooltip-color);
  opacity: 0;
  transition: opacity 0.15s cubic-bezier(0.4, 0, 1, 1);
}
.ML__tooltip-container .ML__tooltip-content .ML__text {
  white-space: normal;
}
.ML__tooltip-container .ML__tooltip-content .ML__base {
  display: contents;
}
.ML__tooltip-container:hover .ML__tooltip-content {
  font-size: 0.75em;
  opacity: 1;
  transform: scale(1) translateY(3em);
  visibility: visible;
}

/* node_modules/mathlive/mathlive-fonts.css */
@font-face {
  font-display: "swap";
  font-family: KaTeX_AMS;
  font-style: normal;
  font-weight: 400;
  src: url("./media/KaTeX_AMS-Regular.woff2") format("woff2");
}
@font-face {
  font-display: "swap";
  font-family: KaTeX_Caligraphic;
  font-style: normal;
  font-weight: 700;
  src: url("./media/KaTeX_Caligraphic-Bold.woff2") format("woff2");
}
@font-face {
  font-display: "swap";
  font-family: KaTeX_Caligraphic;
  font-style: normal;
  font-weight: 400;
  src: url("./media/KaTeX_Caligraphic-Regular.woff2") format("woff2");
}
@font-face {
  font-display: "swap";
  font-family: KaTeX_Fraktur;
  font-style: normal;
  font-weight: 700;
  src: url("./media/KaTeX_Fraktur-Bold.woff2") format("woff2");
}
@font-face {
  font-display: "swap";
  font-family: KaTeX_Fraktur;
  font-style: normal;
  font-weight: 400;
  src: url("./media/KaTeX_Fraktur-Regular.woff2") format("woff2");
}
@font-face {
  font-display: "swap";
  font-family: KaTeX_Main;
  font-style: italic;
  font-weight: 700;
  src: url("./media/KaTeX_Main-BoldItalic.woff2") format("woff2");
}
@font-face {
  font-display: "swap";
  font-family: KaTeX_Main;
  font-style: normal;
  font-weight: 700;
  src: url("./media/KaTeX_Main-Bold.woff2") format("woff2");
}
@font-face {
  font-display: "swap";
  font-family: KaTeX_Main;
  font-style: italic;
  font-weight: 400;
  src: url("./media/KaTeX_Main-Italic.woff2") format("woff2");
}
@font-face {
  font-display: "swap";
  font-family: KaTeX_Main;
  font-style: normal;
  font-weight: 400;
  src: url("./media/KaTeX_Main-Regular.woff2") format("woff2");
}
@font-face {
  font-display: "swap";
  font-family: KaTeX_Math;
  font-style: italic;
  font-weight: 700;
  src: url("./media/KaTeX_Math-BoldItalic.woff2") format("woff2");
}
@font-face {
  font-display: "swap";
  font-family: KaTeX_Math;
  font-style: italic;
  font-weight: 400;
  src: url("./media/KaTeX_Math-Italic.woff2") format("woff2");
}
@font-face {
  font-display: "swap";
  font-family: "KaTeX_SansSerif";
  font-style: normal;
  font-weight: 700;
  src: url("./media/KaTeX_SansSerif-Bold.woff2") format("woff2");
}
@font-face {
  font-display: "swap";
  font-family: "KaTeX_SansSerif";
  font-style: italic;
  font-weight: 400;
  src: url("./media/KaTeX_SansSerif-Italic.woff2") format("woff2");
}
@font-face {
  font-display: "swap";
  font-family: "KaTeX_SansSerif";
  font-style: normal;
  font-weight: 400;
  src: url("./media/KaTeX_SansSerif-Regular.woff2") format("woff2");
}
@font-face {
  font-display: "swap";
  font-family: KaTeX_Script;
  font-style: normal;
  font-weight: 400;
  src: url("./media/KaTeX_Script-Regular.woff2") format("woff2");
}
@font-face {
  font-display: "swap";
  font-family: KaTeX_Size1;
  font-style: normal;
  font-weight: 400;
  src: url("./media/KaTeX_Size1-Regular.woff2") format("woff2");
}
@font-face {
  font-display: "swap";
  font-family: KaTeX_Size2;
  font-style: normal;
  font-weight: 400;
  src: url("./media/KaTeX_Size2-Regular.woff2") format("woff2");
}
@font-face {
  font-display: "swap";
  font-family: KaTeX_Size3;
  font-style: normal;
  font-weight: 400;
  src: url("./media/KaTeX_Size3-Regular.woff2") format("woff2");
}
@font-face {
  font-display: "swap";
  font-family: KaTeX_Size4;
  font-style: normal;
  font-weight: 400;
  src: url("./media/KaTeX_Size4-Regular.woff2") format("woff2");
}
@font-face {
  font-display: "swap";
  font-family: KaTeX_Typewriter;
  font-style: normal;
  font-weight: 400;
  src: url("./media/KaTeX_Typewriter-Regular.woff2") format("woff2");
}
:root {
  --ML__static-fonts:true;
}

/* src/styles.scss */
@font-face {
  font-family: "Quicksand";
  src: url("./media/Quicksand-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Quicksand";
  src: url("./media/Quicksand-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Quicksand";
  src: url("./media/Quicksand-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
:root {
  --font-primary: "Quicksand", sans-serif;
  --fw-regular: 400;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fs-h1: 30pt;
  --fs-h2: 25pt;
  --fs-h3: 20pt;
  --fs-text-lg: 16pt;
  --fs-text-sm: 13pt;
}
body,
.nb-theme-default {
  font-family: var(--font-primary);
  font-weight: var(--fw-regular);
  font-size: var(--fs-text-lg);
  color: #002554;
  overflow: hidden;
}
.nb-theme-default {
}
.nb-theme-default h1,
.nb-theme-default .titulo-1 {
  font-family: var(--font-primary);
  color: #002554;
  font-weight: var(--fw-bold);
  font-size: var(--fs-h1);
}
.nb-theme-default h2,
.nb-theme-default .titulo-2 {
  font-family: var(--font-primary);
  color: #002554;
  font-weight: var(--fw-bold);
  font-size: var(--fs-h2);
}
.nb-theme-default h3,
.nb-theme-default .titulo-3 {
  font-family: var(--font-primary);
  color: #002554;
  font-weight: var(--fw-bold);
  font-size: var(--fs-h3);
  line-height: 1.8rem;
}
.nb-theme-default .texto-titulo {
  font-family: var(--font-primary);
  color: #002554;
  font-weight: var(--fw-semibold);
  font-size: var(--fs-text-lg);
}
.nb-theme-default .texto-normal,
.nb-theme-default p {
  font-family: var(--font-primary);
  color: #002554;
  font-weight: var(--fw-regular);
  font-size: var(--fs-text-lg);
}
.nb-theme-default .texto-pequeno {
  font-family: var(--font-primary);
  color: #002554;
  font-weight: var(--fw-regular);
  font-size: var(--fs-text-sm);
}
.nb-theme-default li {
  font-family: var(--font-primary);
  color: #002554;
  font-weight: var(--fw-regular);
  font-size: var(--fs-text-sm);
}
.background_themecolor {
  background-color: #e5e9ee !important;
}
.closeModal {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  z-index: 9999;
}
.closeModal nb-icon {
  color: #002554;
  font-size: 2.25rem !important;
}
.position-relative {
  position: relative;
}
.position-absolute {
  position: absolute;
}
.counter-down {
  background: #ff3d71;
  border: 2px #ff3d71 solid;
  font-family: var(--font-primary);
  font-size: 1.2rem;
  padding: 0.4rem;
  color: #fff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.left-files {
  position: absolute;
  top: 5px;
  left: -200%;
  width: 100%;
  max-width: 360px;
  height: auto;
  background-color: #00c4b3;
  padding: 1.5rem 0 1.5rem 1.5rem;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  z-index: 999999999;
  box-shadow: 0px 0px 5px 0px #494949;
}
.show-files {
  left: 0;
  opacity: 1;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}
.ngx-pagination {
  padding: 0 !important;
  margin: 0 !important;
}
.ngx-pagination .current {
  font-family: var(--font-primary);
  background: #00c4b3 !important;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}
.ngx-pagination li {
  font-family: var(--font-primary);
}
.ngx-pagination li:hover,
.ngx-pagination a:hover,
.ngx-pagination button:hover {
  background: #00c4b3 !important;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  color: #fff !important;
}
.ngx-pagination a {
  text-decoration: none !important;
}
.CalendarStyle {
  display: flex;
  width: 300px;
}
.CalendarStyle .cal-month-view .cal-day-cell {
  min-height: 23px;
  height: 23px;
}
.CalendarStyle .cal-month-view .cal-cell-top {
  min-height: 23px;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.CalendarStyle .cal-month-view .cal-day-badge {
  position: absolute;
  top: 2px;
  left: 2px;
  margin: 0;
  padding: 2px 5px;
  font-size: 10px;
}
.CalendarStyle .cal-month-view .cal-day-number {
  font-size: 12px;
  margin: 5px 0 0 0;
  font-family: var(--font-primary);
  color: #002554;
}
.CalendarStyle .cal-month-view .cal-day-cell.cal-today .cal-day-number {
  font-size: 1.2em;
}
.CalendarStyle .cal-month-view .cal-header {
  font-size: 12px;
}
.CalendarStyle .cal-month-view .cal-header .cal-cell {
  text-transform: capitalize;
  font-family: var(--font-primary);
  color: #002554;
}
.nb-theme-default nb-action nb-icon {
  color: #002554 !important;
}
.mat-mdc-dialog-surface {
  position: static !important;
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("./media/material-icons.woff2") format("woff2");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
}
.form-control,
.form-control::placeholder {
  font-family: var(--font-primary) !important;
  background-color: #ffffff !important;
}
.form-control:focus,
.form-control:hover {
  background-color: #ffffff !important;
  border-color: #002554 !important;
}
.form-control[readonly] {
  border-color: #e4e9f2 !important;
  cursor: default;
}
.nb-theme-default nb-select.SelectForm.appearance-hero.status-basic .select-button {
  font-family: var(--font-primary);
  background-image: none;
  background-color: #ffffff;
  border: 1px solid #e4e9f2;
}
.nb-theme-default nb-select.SelectForm.appearance-hero.status-basic .select-button nb-icon {
  color: #002554;
}
.nb-theme-default nb-select.SelectForm.appearance-hero.status-basic .select-button.placeholder {
  font-family: var(--font-primary);
  font-weight: 400;
}
.nb-theme-default nb-select.SelectForm.appearance-hero.status-basic .select-button:focus,
.nb-theme-default nb-select.SelectForm.appearance-hero.status-basic .select-button:hover {
  background-color: #ffffff;
  background-image: none;
  border-color: #002554;
}
.nb-theme-default nb-option.SelectFormOpt,
.nb-theme-default nb-option.SelectFormOpt:hover {
  font-family: var(--font-primary);
  color: #707070;
  font-weight: 400;
}
.nb-theme-default nb-option.SelectFormOpt.selected,
.nb-theme-default nb-option.SelectFormOpt:hover.selected {
  font-family: var(--font-primary);
  background-color: #002554 !important;
}
.nb-theme-default nb-checkbox.status-basic .custom-checkbox.checked {
  font-family: var(--font-primary);
  background-color: #002554 !important;
  border-color: #002554 !important;
}
.nb-theme-default nb-checkbox.status-basic .text {
  font-family: var(--font-primary);
  color: #707070 !important;
  font-weight: 400 !important;
}
.nb-theme-default nb-checkbox.status-basic .custom-checkbox:hover {
  border-color: #002554 !important;
}
.error-message {
  color: #ff3d71 !important;
  font-size: 12px;
}
.fullWidth-select {
  max-width: 100% !important;
  width: 100%;
}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #667c98;
  z-index: 9999999;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: rgb(250, 250, 250);
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
  font-size: 1.6em;
}
.overlay h2,
.overlay h3,
.overlay h5,
.overlay h6 {
  color: #fff !important;
  margin-top: 1.5rem;
}
.loaderBar {
  width: 226.3083451202px;
  height: 10px;
  background: #F9F9F9;
  border-radius: 10px;
  border: 1px solid #3366ff;
  position: relative;
  overflow: hidden;
}
.loaderBar::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 5px;
  background:
    repeating-linear-gradient(
      45deg,
      #0031F2 0 30px,
      #3366ff 0 40px) right/200% 100%;
  animation: fillProgress 6s ease-in-out infinite, lightEffect 1s infinite linear;
  animation-fill-mode: forwards;
}
@keyframes fillProgress {
  0% {
    width: 0;
  }
  33% {
    width: 33.333%;
  }
  66% {
    width: 66.67%;
  }
  100% {
    width: 100%;
  }
}
@keyframes lightEffect {
  0%, 20%, 40%, 60%, 80%, 100% {
    background:
      repeating-linear-gradient(
        45deg,
        #0031F2 0 30px,
        #006DFE 0 40px) right/200% 100%;
  }
  10%, 30%, 50%, 70%, 90% {
    background:
      repeating-linear-gradient(
        45deg,
        #0031F2 0 30px,
        #006DFE 0 40px,
        rgba(255, 255, 255, 0.3) 0 40px) right/200% 100%;
  }
}
.item-profile .toggle-label {
  margin: 0;
}
.item-profile .toggle-label div {
  height: 1rem !important;
  width: 2rem !important;
}
.item-profile .toggle-label div span {
  width: 0.9rem !important;
  height: 0.9rem !important;
}
.item-profile .toggle-label div.toggle.checked span {
  left: calc(100% - 0.9rem - 1px - 1px) !important;
}
.item-profile .toggle-label div span nb-icon {
  width: 0.6rem !important;
}
.nb-theme-default nb-toggle .text {
  font-family: var(--font-primary);
  color: #002554;
  font-weight: var(--fw-regular);
}
.text-color-primary {
  color: #222b45 !important;
}
.text-color-secondary {
  color: #707070 !important;
}
.text-danger {
  color: #ff3d71 !important;
}
.nb-theme-default [nbButton] {
  font-family: var(--font-primary);
  font-weight: var(--fw-regular);
}
.btn-themecolor {
  background: #002554 !important;
  border-color: #002554 !important;
  color: #ffffff !important;
}
.btn-secondary {
  background: #00c4b3 !important;
  border-color: #00c4b3 !important;
  color: #ffffff !important;
}
.btn-red {
  background-color: #ff3d71 !important;
  border-color: #ff3d71 !important;
  color: #ffffff !important;
}
.btn-red:hover,
.btn-themecolor:hover,
.btn-secondary:hover {
  opacity: 0.7;
}
.bright-green-color {
  color: #4ac9b4 !important;
}
.link-color {
  color: #707070 !important;
}
.form-control-login,
.form-control-login::placeholder {
  background-color: #F6F6F6 !important;
  color: #707070 !important;
  font-weight: 400 !important;
}
.form-control-login:focus {
  background-color: #F6F6F6 !important;
  border-color: #4ac9b4 !important;
}
.button-primary {
  background-color: #05907E !important;
  border-color: #05907E !important;
  color: #fff !important;
}
.button-primary:hover {
  border-color: #05907E !important;
  background-color: #F6F6F6 !important;
  color: #222b45 !important;
}
.nb-theme-default nb-select.SelectGlobal.appearance-hero.status-basic .select-button {
  background-image: none;
  background-color: #F6F6F6;
  border: 1px solid #F6F6F6;
  color: #707070;
  font-weight: 400;
}
.nb-theme-default nb-select.SelectGlobal.appearance-hero.status-basic .select-button nb-icon {
  color: #4ac9b4;
}
.nb-theme-default nb-select.SelectGlobal.appearance-hero.status-basic .select-button.placeholder {
  color: #707070;
  font-weight: 400;
}
.nb-theme-default nb-select.SelectGlobal.appearance-hero.status-basic .select-button:focus {
  background-color: #F6F6F6;
  border-color: #4ac9b4;
}
.nb-theme-default nb-option.SelectGlobalOption,
.nb-theme-default nb-option.SelectGlobalOption:hover {
  color: #707070;
  font-weight: 400;
}
.nb-theme-default nb-option.SelectGlobalOption.selected,
.nb-theme-default nb-option.SelectGlobalOption:hover.selected {
  background-color: #4ac9b4 !important;
}
.nb-theme-default nb-checkbox.checkbox-login.status-basic .custom-checkbox.checked {
  background-color: #4ac9b4 !important;
  border-color: #4ac9b4 !important;
}
.nb-theme-default nb-checkbox.checkbox-login.status-basic .custom-checkbox:hover {
  border-color: #4ac9b4 !important;
}
.closeModal .close-global {
  color: #4ac9b4;
}
.closeModal .close-global:hover {
  color: #4ac9b4 !important;
}
#chatbase-bubble-button {
  right: 1rem !important;
  z-index: 60 !important;
  bottom: 8rem !important;
}
ngb-modal-backdrop {
  z-index: 1040 !important;
  background-color: #667c98 !important;
}
.full-height-modal {
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.full-height-modal ::ng-deep nb-card-body {
  flex: 1 1 auto;
  overflow-y: auto;
}
.modal-content {
  border-radius: 1.5rem !important;
  -webkit-border-radius: 1.5rem !important;
  -moz-border-radius: 1.5rem !important;
  -ms-border-radius: 1.5rem !important;
  -o-border-radius: 1.5rem !important;
}
nb-card.no-edge-card {
  border: none !important;
  box-shadow: none !important;
  border-radius: 1.5rem !important;
  -webkit-border-radius: 1.5rem !important;
  -moz-border-radius: 1.5rem !important;
  -ms-border-radius: 1.5rem !important;
  -o-border-radius: 1.5rem !important;
}
.modal-dialog-90 .modal-dialog {
  max-width: 90%;
  height: calc(100% - 60px);
}
@media (max-width: 578px) {
  .modal-dialog-90 .modal-dialog {
    max-width: 100% !important;
    height: calc(100% - 20px);
  }
}
.modal-dialog-90.h-100 .modal-content {
  height: 100%;
}
.modal-dialog-90.h-100 .modal-content .component-host-scrollable {
  height: 100%;
}
.modal-xl {
  max-width: 90% !important;
}
.modal-header {
  background: #dedede;
  padding: 5px 10px;
}
.modal-dialog-100 .modal-dialog {
  max-width: 100%;
  margin: 0px;
}
.modal-dialog-100 .modal-body {
  padding: 0;
}
.modal-dialog-100 .modal-dialog {
  height: 100%;
}
.modal-dialog-100-nuevo .modal-dialog .modal-content {
  height: 100%;
}
.modal-dialog-100 .modal-dialog .modal-content .component-host-scrollable {
  height: 100%;
  overflow: hidden !important;
}
.modal-dialog-95 .modal-dialog {
  max-width: 95%;
}
.modal-dialog-95.h-100 .modal-dialog {
  height: calc(100% - 60px) !important;
}
.modal-dialog-95.h-100 .modal-dialog .modal-content {
  height: 100%;
}
.modal-dialog-95.h-100 .modal-dialog .modal-content .component-host-scrollable {
  height: 100%;
}
.modal-dialog-80.h-100 .modal-dialog {
  height: calc(100% - 20px) !important;
}
.modal-dialog-80.h-100 .modal-dialog .modal-content {
  height: 80vh;
}
.modal-dialog-80.h-100 .modal-dialog .modal-content .component-host-scrollable {
  height: 100%;
}
.modal-dialog-80.h-100 .modal-dialog .modal-content .component-host-scrollable .container,
.modal-dialog-80.h-100 .modal-dialog .modal-content .component-host-scrollable .bg-autor {
  height: 100%;
}
.modal-dialog-100.h-100 .modal-dialog {
  height: 100% !important;
}
.modal-dialog-100.h-100 .modal-dialog .modal-content {
  height: 100%;
}
.modal-dialog-100.h-100 .modal-dialog .modal-content .component-host-scrollable {
  height: 100%;
}
.modal-dialog-100.h-100 .modal-dialog .modal-content .component-host-scrollable .container {
  height: 100%;
}
.component-host-scrollable {
  overflow: inherit !important;
}
.modal-dialog-95 .modal-dialog {
  max-width: 95%;
}
@media (max-width: 578px) {
  .modal-dialog-95 .modal-dialog {
    max-width: 100% !important;
  }
}
.modal-dialog-85 .modal-dialog {
  max-width: 85%;
}
.modal-dialog-80 .modal-dialog {
  max-width: 80%;
}
@media (max-width: 578px) {
  .modal-dialog-80 .modal-dialog {
    max-width: 100% !important;
  }
}
.modal-dialog-75 .modal-dialog {
  max-width: 75%;
}
.modal-dialog-70 .modal-dialog {
  max-width: 70%;
}
.modal-dialog-65 .modal-dialog {
  max-width: 65%;
}
@media (max-width: 578px) {
  .modal-dialog-65 .modal-dialog {
    max-width: 100% !important;
  }
}
.modal-dialog-60 .modal-dialog {
  max-width: 60%;
}
@media (max-width: 578px) {
  .modal-dialog-60 .modal-dialog {
    max-width: 100% !important;
  }
}
.modal-dialog-55 .modal-dialog {
  max-width: 55%;
}
.modal-dialog-50 .modal-dialog {
  max-width: 50%;
  padding-top: 30px;
  margin: 30px auto;
}
@media (max-width: 800px) {
  .modal-dialog-50 .modal-dialog {
    max-width: 100% !important;
  }
}
.modal-dialog-40 .modal-dialog {
  max-width: 60%;
  margin: 30px auto;
}
@media (max-width: 1415px) {
  .modal-dialog-40 .modal-dialog {
    max-width: 80% !important;
  }
}
@media (max-width: 578px) {
  .modal-dialog-40 .modal-dialog {
    max-width: 100% !important;
    margin: 10px;
    height: calc(97% - 0px) !important;
  }
}
.modal-dialog-30 .modal-dialog {
  height: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
  max-width: 100% !important;
  background-color: #667c98 !important;
}
@media (max-width: 578px) or (max-height: 550px) {
  .modal-dialog-30 .modal-dialog .modal-content {
    height: 100% !important;
    justify-content: center;
    padding: 2rem;
    background-color: #667c98 !important;
  }
}
.modal-height-100-30 {
  height: calc(100vh - 31px) !important;
}
.modal-height-100-62 {
  height: calc(100vh - 62px) !important;
}
@media (max-width: 578px) {
  .modal-height-100-30,
  .modal-height-100-62 {
    height: calc(98vh - 0px) !important;
  }
}
.modal-max-height-100-62 {
  max-height: calc(100vh - 62px) !important;
}
@media (max-width: 578px) {
  .modal-max-height-100-62 {
    height: 99% !important;
    max-height: 99% !important;
  }
}
.modal-max-height-100-65 {
  max-height: calc(100vh - 62px) !important;
}
@media (max-width: 578px) {
  .modal-max-height-100-65 {
    max-height: calc(100vh - 25px) !important;
  }
}
.min-h-100 {
  min-height: 100%;
}
.modal-dialog-35 .modal-dialog {
  max-width: 15%;
  margin: 30px auto;
  position: absolute;
  left: 15px;
  top: 50%;
  z-index: 99999999999999;
  transform: translate(0, -50%) !important;
  box-shadow: 0px 1px 10px 5px rgba(0, 0, 0, 0.25);
}
.full-screen nb-card:not(.mb-0) {
  max-height: calc(100vh - 62px) !important;
}
@media (max-width: 578px) {
  .full-screen nb-card:not(.mb-0) {
    height: 99% !important;
    max-height: 99% !important;
  }
}
.pointer {
  cursor: pointer !important;
}
.span-text-center {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.sticky-top-header {
  z-index: 1040;
}
.textoFontSize07 {
  font-size: 0.7rem;
}
.textoFontSize08 {
  font-size: 0.8rem;
}
.textoFontSize09 {
  font-size: 0.9rem;
}
.textoFontSize1 {
  font-size: 1rem;
}
.textoFontSize11 {
  font-size: 1.1rem;
}
.textoFontSize12 {
  font-size: 1.2rem;
}
.colorTextoActivado {
  color: #224d98 !important;
}
.colorTextoDesactivado {
  color: #989898;
}
.colorTextoRojo {
  color: #ff0000;
}
.textoCajasEditarCurso {
  top: -10px;
  position: relative;
  font-weight: bold;
}
.w60Percent {
  width: 60%;
}
.w70Percent {
  width: 70%;
}
.w80Percent {
  width: 80%;
}
.w90Percent {
  width: 90%;
}
.w100Percent {
  width: 100%;
}
.error {
  color: #ff0000;
}
.opcionesCurso {
  padding: 5px;
  -webkit-box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.25);
}
.botonCursoPrincipal {
  cursor: pointer;
  background-color: #ffffff;
  color: #224d98;
  font-weight: bold;
  font-size: 0.9rem;
  width: 100%;
  border: 0px;
  padding: 10px;
  -webkit-box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.25);
}
.botonCursoPrincipal:hover {
  background-color: #dedede !important;
}
.botonCursoSecundario {
  cursor: pointer;
  background-color: #dedede;
  color: #224d98;
  font-weight: bold;
  font-size: 0.9rem;
  width: 100%;
  border: 0px;
  padding: 10px;
  -webkit-box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.25);
}
.botonCursoSecundario:hover {
  background-color: #989898;
  color: #ffffff;
}
.botonLoginEntrar {
  cursor: pointer;
  background-color: #1fb5fa;
  color: #ffffff;
  font-weight: bold;
  font-size: 0.9rem;
  width: 100%;
  border: 0px;
  padding: 10px;
  -webkit-box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.25);
}
.botonLoginRegistrar {
  cursor: pointer;
  background-color: #d2e8f2;
  color: #000000;
  font-weight: bold;
  font-size: 0.9rem;
  width: 100%;
  border: 0px;
  padding: 10px;
  -webkit-box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.25);
}
.iconoCursoPrincipal {
  cursor: pointer;
  background-color: #ffffff;
  color: #224d98;
  width: 100%;
  border: 0px;
  padding: 10px;
  -webkit-box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.25);
}
.iconoCursoPrincipal:hover {
  background-color: #dedede;
}
.lenguajePrincipal {
  border: 3px solid #ff0000;
}
.lenguajeSecundario {
  border: 3px solid #ffe600;
}
.fondoLogin {
  background-color: rgba(244, 244, 244, 0.75);
}
.fondoEditarCurso {
  background-color: #f4f4f4;
}
.fondoBuscarCurso {
  background:
    linear-gradient(
      345deg,
      #C8D6DF,
      #A9C7DE);
}
.fondoProfesor {
  background:
    linear-gradient(
      345deg,
      #F8F2AC,
      #E4C65F);
}
.fondoBlanco {
  background-color: #ffffff;
}
.star-rating {
  top: -10px;
  left: 10px;
  position: relative;
  font-size: 1.5rem;
}
.star-rating-big {
  top: -10px;
  left: 10px;
  position: relative;
  font-size: 2rem;
}
.star-rating-small {
  top: -10px;
  left: 10px;
  position: relative;
  font-size: 1rem;
}
.borde-rojo {
  border: 2px solid #ff0000;
}
.borde-rojo-hover:hover {
  border: 1px solid #ff0000;
}
.borde-negro {
  border: 1px solid #000000;
}
.borde-caja-no-superior {
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
}
.borde-superior {
  border-top: 1px solid #000000;
}
.borde-izquierda {
  border-left: 1px solid #000000;
}
.borde-derecha {
  border-right: 1px solid #000000;
}
.borde-inferior {
  border-bottom: 1px solid #000000;
}
.item-seleccionado:hover {
  border: 2px solid #000832;
}
.caja-negra {
  background-color: #000000;
  color: #ffffff;
}
.caja-amarilla {
  background-color: #fffd38;
  color: #000000;
}
.caja-azul {
  background-color: #2c73b9;
  color: #ffffff;
}
.caja-blanca {
  background-color: #ffffff;
}
.caja-gris {
  background-color: #ebebeb;
}
.caja-gris-oscuro {
  background-color: #dedede;
}
.caja-blanca-height {
  height: 450px;
  overflow-y: visible;
}
.caja-blanca-small-height {
  height: 250px;
  overflow-y: visible;
}
.pestana-activa {
  background-color: #67757c;
  color: #ffffff !important;
  border-top: 1px solid #67757c;
  border-left: 1px solid #67757c;
  border-right: 1px solid #67757c;
  height: 35px;
  cursor: pointer;
}
.pestana-activa:hover {
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
}
.pestana-no-activa {
  background-color: #224d98;
  color: #ffffff;
  border-radius: 15px 15px 0px 0px;
  -moz-border-radius: 15px 15px 0px 0px;
  -webkit-border-radius: 15px 15px 0px 0px;
  height: 35px;
  cursor: pointer;
}
.pestana-no-activa:hover {
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
.opcion-activa {
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #000000;
  height: 35px;
  cursor: pointer;
  margin-left: 5px;
  margin-right: 5px;
}
.opcion-no-activa {
  background-color: #224d98;
  color: #ffffff;
  height: 35px;
  cursor: pointer;
  margin-left: 5px;
  margin-right: 5px;
}
.opcion-no-activa:hover {
  border: 1px solid #ffffff;
}
@media (min-width: 1600px) {
  .d-xg-block {
    display: block !important;
  }
  .d-xg-none {
    display: none !important;
  }
}
.full-width {
  width: 100%;
}
.material-icons.mat-icon-no-color {
  color: #224d98;
}
.mat-form-field-appearance-outline .mat-form-field-infix {
  font-size: 0.9rem;
}
.mat-form-field:not(.mat-form-field-appearance-standard) .mat-form-field-infix {
  border-top: 0.75em solid transparent;
}
.break-line {
  white-space: pre-wrap;
}
.cdk-global-overlay-wrapper,
.cdk-overlay-container {
  z-index: 99999 !important;
}
button:focus {
  outline: none !important;
  outline: none !important;
}
button {
  cursor: pointer;
}
.text-center {
  text-align: center;
}
.snackSuccess {
  color: white !important;
  font-weight: 600;
  background-color: #28a745 !important;
  border-color: #28a745 !important;
}
.snackError {
  color: white !important;
  font-weight: 600;
  background-color: #dc3545 !important;
  border-color: #dc3545 !important;
}
.snackInfo {
  color: white !important;
  font-weight: 600;
  background-color: #2186ae;
  background-color: #2186ae;
}
.ql-container {
  height: auto;
}
.icon-head {
  color: rgb(29, 73, 153);
}
.icon-tittle {
  color: white;
}
.button-salware {
  width: 40px;
  height: 40px;
}
.tittle {
  background-color: #2186ae;
  color: #ffffff;
}
.well {
  overflow-y: auto;
  max-height: 80vh;
  min-height: 20px;
  padding: 19px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.w-fit {
  width: fit-content;
}
.flex {
  display: flex !important;
}
.d1 {
  display: flex !important;
  align-items: center;
}
.d1 .modal-dialog {
  width: 96vw;
  height: 96vh;
  max-width: 96vw !important;
  margin: auto;
  padding: 0;
}
.d1 .modal-content {
  height: auto;
  width: 100%;
  min-height: 100%;
  border-radius: 0;
}
.d1 .modal-content .modal-body {
  min-height: 96vh;
  height: 96vh;
  max-height: 96vh;
  padding: 0 !important;
}
.bg-black {
  background-color: #000;
}
.mat-form-field-appearance-standard .mat-form-field-prefix,
.mat-form-field-appearance-standard .mat-form-field-suffix {
  place-self: center;
}
.mat-light-blue {
  background-color: #d2e8f2;
}
.mat-blue {
  background-color: #0ca6e4;
  color: white;
}
.salware-dialog.ok .mat-dialog-container {
  background: #ffffff;
  padding: 2rem 3rem;
}
.salware-dialog.ok .mat-dialog-container .title-info {
  font-size: larger;
  font-weight: 800;
  color: #111113;
  padding: 15px;
}
.salware-dialog.ok .mat-dialog-container .button-ok {
  font-weight: 500;
  margin: 10px;
}
.salware-dialog.nok .mat-dialog-container {
  border-top: 8px solid #ff3d71;
}
.dialog-45 {
  justify-content: center;
}
.dialog-45 .mat-dialog-container {
  width: 45% !important;
  max-width: 45% !important;
  min-width: 45% !important;
}
.mat-loading .mat-button-wrapper {
  visibility: hidden;
}
.mat-loading .mat-progress-spinner {
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 10px);
  background-color: transparent;
}
.mat-icon {
  -webkit-user-select: none;
  user-select: none;
}
.black-tooltip {
  font-size: 1.25em;
  background-color: #000;
}
.mat-button-toggle-group-appearance-standard,
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
  border-radius: 0 !important;
}
.btnDelete {
  border-radius: 10px;
  background:
    linear-gradient(
      134deg,
      #BC0000,
      #FF5B62);
  box-shadow: 4px 4px 6px #414d5a, -3px -3px 6px #cff5ff;
  border: 3px solid #A9C6DE;
  color: white;
  padding: 0.5em 1.3em 0.5em 1.3em;
  height: 3em;
}
.btnDelete-roleEditor {
  background:
    linear-gradient(
      134deg,
      #BC0000,
      #FF5B62);
  color: white;
  border-radius: 8px;
  border: 3px solid #d0c3a9;
  box-shadow: 4px 4px 3px #4b453c, -3px -3px 6px #fffeef;
  height: 3em;
  padding: 0.5em 1em 0.5em 1em;
}
.btnGeneric {
  border-radius: 10px;
  background:
    linear-gradient(
      137deg,
      #CBE9F8,
      #F9FDFE);
  box-shadow: 4px 4px 6px #414d5a, -3px -3px 6px #cff5ff;
  border: 3px solid #A9C6DE;
  padding: 0.5em 1.3em 0.5em 1.3em;
  height: 3em;
}
.btnGeneric > button {
  background-color: transparent;
  border: none;
}
.btnGeneric-roleEditor {
  border-radius: 8px;
  border: 3px solid #d0c3a9;
  box-shadow: 4px 4px 3px #4b453c, -3px -3px 6px #fffeef;
  background:
    linear-gradient(
      137deg,
      #fffeef,
      #f8f6e6);
  height: 3em;
  padding: 0.5em 1em 0.5em 1em;
  cursor: pointer;
}
.btnSave {
  border-radius: 10px;
  background:
    linear-gradient(
      137deg,
      #00A3E5,
      #5AC4FD);
  box-shadow: 4px 4px 6px #414d5a, -3px -3px 6px #cff5ff;
  border: 3px solid #A9C6DE;
  padding: 0.5em 1.3em 0.5em 1.3em;
  height: 3em;
}
.btnDarkGreen {
  border-radius: 10px;
  background:
    linear-gradient(
      137deg,
      #009F53,
      #05CC6A);
  box-shadow: 4px 4px 6px #414d5a, -3px -3px 6px #cff5ff;
  border: 3px solid #A9C6DE;
  padding: 0.5em 1.3em 0.5em 1.3em;
  height: 3em;
  color: white;
}
.btnClearGreen {
  border-radius: 10px;
  background:
    linear-gradient(
      137deg,
      #B7FAD3,
      #DDFDF3);
  box-shadow: 4px 4px 6px #414d5a, -3px -3px 6px #cff5ff;
  border: 3px solid #A9C6DE;
  padding: 0.5em 1.3em 0.5em 1.3em;
  height: 3em;
}
.btnPlayGreen {
  border-radius: 10px;
  background:
    linear-gradient(
      137deg,
      #55D965,
      #8cfa94);
  box-shadow: 4px 4px 6px #414d5a, -3px -3px 6px #cff5ff;
  border: 3px solid #A9C6DE;
  padding: 0.5em 1.3em 0.5em 1.3em;
  height: 3em;
  color: #00622D;
}
.btnPlayGreen-cardTarget {
  border-radius: 10px;
  background:
    linear-gradient(
      137deg,
      #55D965,
      #8cfa94);
  padding: 0.5em 1.3em 0.5em 1.3em;
  height: 3em;
  color: #00622D;
  box-shadow: 3px 3px 3px #414d5a, -3px -3px 3px #cff5ff;
  border: 3px solid #e6e6e6;
}
.btnDarkBlue-cardTarget {
  border-radius: 10px;
  background:
    linear-gradient(
      137deg,
      #0057BB,
      #008BFA);
  box-shadow: 3px 3px 3px #414d5a, -3px -3px 3px #cff5ff;
  border: 3px solid #e6e6e6;
  padding: 0.5em 1.3em 0.5em 1.3em;
  height: 3em;
  color: white;
}
.btnDarkBlue {
  border-radius: 10px;
  background:
    linear-gradient(
      137deg,
      #0057BB,
      #008BFA);
  box-shadow: 4px 4px 6px #414d5a, -3px -3px 6px #cff5ff;
  border: 3px solid #A9C6DE;
  padding: 0.5em 1.3em 0.5em 1.3em;
  height: 3em;
  color: white;
}
.btnClearBlue {
  border-radius: 10px;
  background:
    linear-gradient(
      137deg,
      #00A4E9,
      #41C0FD);
  box-shadow: 4px 4px 6px #414d5a, -3px -3px 6px #cff5ff;
  border: 3px solid #A9C6DE;
  padding: 0.5em 1.3em 0.5em 1.3em;
  height: 3em;
  color: white;
}
.inputGeneric {
  box-shadow: inset 1px 1px 2px black, inset -1px -1px 2px #ffffff;
  background:
    linear-gradient(
      138deg,
      #7E95AE,
      #99B5D3);
  color: white;
  border-radius: 8px;
  padding-left: 1em;
  border: none;
}
.inputGeneric-roleEditor {
  box-shadow: inset 1px 1px 2px black, inset -1px -1px 2px #ffffff;
  background:
    linear-gradient(
      138deg,
      #8b7f6c,
      #766c58);
  color: white;
  border-radius: 8px;
  padding-left: 1em;
  border: none;
}
.inputGeneric::placeholder,
.inputGeneric-roleEditor::placeholder {
  color: white;
}
.selectGeneric {
  border-radius: 8px;
  border: 3px solid #A9C6DE;
  box-shadow: 4px 4px 6px #414d5a, -3px -3px 6px #cff5ff;
  background:
    linear-gradient(
      137deg,
      #CBE9F8,
      #F9FDFE);
  width: auto;
  height: 3em;
  padding: 0.5em 1em 0.5em 1em;
}
.selectGeneric-roleEditor {
  border-radius: 8px;
  border: 3px solid #d0c3a9;
  box-shadow: 4px 4px 3px #4b453c, -3px -3px 6px #fffeef;
  background:
    linear-gradient(
      137deg,
      #fffeef,
      #f8f6e6);
  height: 3em;
  padding: 0.5em 1em 0.5em 1em;
}
.Select-form {
  position: relative !important;
  padding: 5px 16px !important;
  height: 2.67em !important;
  border-radius: 4px !important;
  background-color: #f7f9fc !important;
  border: 1px solid #598bff !important;
  color: #8f9bb3 !important;
  font-size: 0.9375rem !important;
  line-height: 1.6rem !important;
  cursor: pointer !important;
  width: 100%;
}
.Select-form select {
  width: 100% !important;
  padding: 10px !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  appearance: none !important;
}
.Select-form::after {
  content: "\25bc";
  position: absolute !important;
  top: 50% !important;
  right: 10px !important;
  transform: translateY(-50%) !important;
  -webkit-transform: translateY(-50%) !important;
  -moz-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;
}
.Select-form:hover {
  background-color: #edf1f7 !important;
  border-color: #598bff !important;
}
.datePickerGeneric .mat-form-field-flex {
  background-color: #f7f9fc !important;
  border-style: solid !important;
  border-width: 1px !important;
  border-color: #e4e9f2 !important;
  color: #222b45 !important;
  padding-left: 1em !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-radius: 0.25rem !important;
}
.datePickerGeneric .mat-input-element,
.datePickerGeneric .mat-form-field-label,
.datePickerGeneric .mat-form-field.mat-focused .mat-form-field-label,
.datePickerGeneric .mat-focused .mat-form-field-required-marker {
  color: #222b45 !important;
  font-size: 0.9375rem !important;
  font-weight: 600 !important;
}
.datePickerGeneric .mat-form-field-underline {
  display: none;
}
.datePickerGeneric .mat-datepicker-toggle-default-icon {
  fill: #222b45 !important;
}
.colorTextoActivadoCursoGrafo {
  font-size: xx-large;
  font-weight: bold;
  color: white !important;
}
.buttonPublicar span {
  font-weight: 500;
  color: #052460;
}
.text-button {
  color: #052460;
  font-weight: 500;
}
.divGrapos {
  box-shadow: inset 2px 2px 5px black, inset -2px -2px 5px #ffffff;
  background:
    linear-gradient(
      136deg,
      #F3F3F3,
      #FFFFFF);
  padding-left: 2em;
  padding-right: 2em;
}
.divCardGrafos {
  box-shadow: 2px 2px 5px black, -2px -2px 5px #ffffff;
}
.bg-estudiante {
  background:
    linear-gradient(
      134deg,
      #FBFBFB,
      #F5F5F5);
}
.bg-padre {
  background:
    linear-gradient(
      310deg,
      #6edea2,
      #afdec5);
}
.bg-profesor {
  background:
    linear-gradient(
      134deg,
      #FBFBFB,
      #F5F5F5);
}
.bg-autor {
  background:
    linear-gradient(
      134deg,
      #FBFBFB,
      #F5F5F5);
}
.bg-centro {
  background:
    linear-gradient(
      310deg,
      #f1d7d4,
      #f7ece3);
}
.bg-empleador {
  background:
    linear-gradient(
      310deg,
      #bfbfbf,
      #d9d9d9);
}
.boton-close {
  font-size: 2rem;
  font-weight: normal;
  line-height: 0;
  color: #224d98 !important;
}
.boton-close:hover {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}
.animated {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.fast {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}
.celebration-modal-backdrop,
.celebration-modal-window {
  z-index: 999999 !important;
  padding-top: 25vh;
}
.online-users {
  justify-content: center;
  align-items: center;
  display: flex;
  background: #3366ff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #fff;
  font-weight: 600;
  height: 45px;
}
.online-users .dot {
  height: 15px;
  width: 15px;
  background-color: #02D566;
  border-radius: 50%;
  margin-right: 5px;
}
nb-layout.layout {
  min-height: 100% !important;
}
.logo {
  width: auto;
  height: 200px;
}
@media (max-width: 768px) {
  .logo {
    height: 170px;
  }
}
.min-vh-99 {
  min-height: 99vh;
}
.max-w-900 {
  max-width: 900px;
}
.background_white {
  background-color: #ffffff !important;
}
.button_change_page button {
  box-shadow: 1px 1px 1px #08222e, -1px -1px 1px white;
}
.checked-page {
  box-shadow: 0 0 0 0.2rem rgb(74, 134, 232) !important;
}
.container-tree {
  border-radius: 5px;
}
@media (min-width: 1400px) {
  .col-xxl-1 {
    -ms-flex: 0 0 12.33%;
    flex: 0 0 12.33%;
    max-width: 12.33%;
  }
}
.logoLogin {
  height: 140px;
}
@media (max-height: 768px) {
  .logoLogin {
    height: 120px;
  }
  h1 {
    font-size: 2rem !important;
  }
}
.color-red-text {
  color: #ff3d71 !important;
}
.gap-0 {
  gap: 0 !important;
}
.gap-1 {
  gap: 0.25rem !important;
}
.gap-2 {
  gap: 0.5rem !important;
}
.gap-3 {
  gap: 1rem !important;
}
.gap-4 {
  gap: 1.5rem !important;
}
.gap-5 {
  gap: 3rem !important;
}
nb-toastr-container {
  margin-right: 60em !important;
}
.vis-menu-lock .vis-network canvas {
  pointer-events: none !important;
}
.vis-menu-lock canvas {
  pointer-events: none !important;
}
.full-screen-modal .mat-dialog-container {
  width: 100% !important;
  max-width: 100% !important;
  height: 100vh !important;
  max-height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
.preloader.fade-out {
  animation: fadeOutAnimation 0.5s forwards;
}
@keyframes fadeOutAnimation {
  to {
    opacity: 0;
    visibility: hidden;
  }
}
.ML__keyboard {
  z-index: 1000000 !important;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */