.help__group-items {
  font-weight: 300;
  max-height: 500px;
  opacity: 1;
  overflow: hidden;
}

.help__group-items.ng-hide {
  max-height: 0;
  opacity: 0;
  height: auto;
}

.help__group-items.ng-hide-add,
.help__group-items.ng-hide-remove {
  transition: 0.25s ease-in-out;
  display: block !important;
}

.filter__group-items {
  max-height: 500px;
  opacity: 1;
  overflow: hidden;
}

.filter__group-items.ng-hide {
  max-height: 0;
  opacity: 0;
  height: auto;
}

.filter__group-items.ng-hide-add,
.filter__group-items.ng-hide-remove {
  transition: all 0.25s ease-in-out;
  display: block !important;
}

#wizard.ng-enter,
#wizard.ng-leave {
  position: absolute;
  left: 0;
  right: 0;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

#wizard.ng-enter {
  opacity: 0;
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  -moz-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
}

#wizard.ng-enter.ng-enter-active {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

#wizard.ng-leave {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

#wizard.ng-leave.ng-leave-active {
  opacity: 0;
  -webkit-transform: translate3d(-100px, 0, 0);
  -moz-transform: translate3d(-100px, 0, 0);
  transform: translate3d(-100px, 0, 0);
}
mat-content {
    color: var(--text-color-tertiary) !important;
    background-color: var(--primary);
}

mat-sidenav mat-content {
    color: var(--text-color-tertiary) !important;
    background-color: var(--primary);
}

/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
mat-select .mat-select-value.mat-select-placeholder {
    color: var(--text-color-tertiary) !important;
}

mat-toast.subscription {
    width: fit-content;
    text-align: center;
}

/* TODO(mdc-migration): The following rule targets internal classes of input that may no longer apply for the MDC version. */
mat-input-container .mat-input {
    color: var(--text-color-primary);
}

/* TODO(mdc-migration): The following rule targets internal classes of input that may no longer apply for the MDC version. */
mat-input-container .mat-input[disabled] {
    color: var(--text-color-primary);
}

/* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */
mat-list-item:hover button {
    background-color: transparent !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of input that may no longer apply for the MDC version. */
mat-input-container.mat-input-has-value label:not(.mat-no-float) {
    color: var(--text-color-tertiary);
    border-color: var(--text-color-tertiary) !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of input that may no longer apply for the MDC version. */
mat-input-container label {
    color: var(--text-color-tertiary);
}

mat-select-menu mat-content mat-option:not([disabled]):hover {
    background: var(--tertiary);
}

mat-select-menu mat-content mat-option:not([disabled]):focus {
    background: var(--tertiary);
}

mat-select-menu mat-content mat-option:hover .mat-text.ng-binding {
    color: var(--btn-primary);
}

mat-select-menu.mat-default-theme mat-content mat-option[selected],
mat-select-menu mat-content mat-option[selected] {
    color: var(--text-color-tertiary);
}

/* TODO(mdc-migration): The following rule targets internal classes of dialog that may no longer apply for the MDC version. */
mat-dialog {
    min-width: 20em;
    border-top-left-radius: 30px !important;
    border-top-right-radius: 30px !important;
    border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
    color: var(--text-color-primary);
    background-color: var(--primary);
}

/* TODO(mdc-migration): The following rule targets internal classes of dialog that may no longer apply for the MDC version. */
mat-dialog.max-w-none {
    max-width: none;
}

/* TODO(mdc-migration): The following rule targets internal classes of input that may no longer apply for the MDC version. */
mat-input-container.mat-input-container--overflow-label > label {
    overflow: visible !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of input that may no longer apply for the MDC version. */
mat-input-container label {
    overflow: visible !important;
}

.mat-mdc-fab > span > mat-icon {
    margin: 0;
    color: white !important;
}

mat-icon {
    min-height: 0;
    min-width: 0;
    margin: 0;
    color: var(--text-color-tertiary);
}

/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
mat-tabs {
    background: var(--primary);
}

mat-toast.mat-center {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: 35%;
    bottom: 50%;
    z-index: 9999999999;
}

mat-toast {
    position: fixed;
}

.check-all .mat-icon {
    border-color: var(--icon-default-secondary) !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */
mat-list {
    padding: 0 !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
mat-tab-content > div {
    overflow: auto;
}

/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
mat-tabs .mat-mdc-tab {
    color: var(--text-color-tertiary);
    max-width: none !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
mat-tabs .mat-mdc-tab.mat-active {
    color: var(--icon-default-primary);
}

mat-backdrop.mat-sidenav-backdrop {
    position: fixed;
}

mat-bottom-sheet.ng-leave-active {
    transform: translate3d(0, 120%, 0) !important;
    transition: all 0.3s ease-in-out;
    opacity: 0.2;
}

mat-toolbar {
    color: white !important;
    background-color: var(--table-header-bg) !important;
    justify-content: center;
    align-items: center;
}

mat-toolbar > span {
    color: white !important;
}

mat-bottom-sheet .mat-mdc-subheader {
    background-color: var(--table-header-bg) !important;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

mat-bottom-sheet {
    border-top-color: var(--primary) !important;
    background-color: var(--primary) !important;
}

mat-sidenav.mat-dark-theme,
mat-sidenav.mat-dark-theme mat-content {
    background: var(--primary);
    color: var(--text-color-primary);
}

mat-sidenav {
    background-color: var(--primary);
}

mat-divider {
    background-color: var(--text-color-tertiary);
}

mat-sidenav.dark-theme .wj-content,
div[wj-part='cells'] {
    background: var(--primary)!important;
    color: var(--text-color-primary);
}

[dir] div[wj-part='cells'],
[dir] mat-sidenav.dark-theme .wj-content {
    color: var(--text-color-primary);
}

/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
mat-select-menu.mat-dark-theme mat-content {
    background: var(--primary);
}

/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
mat-select-menu._md mat-content {
    background: var(--primary);
    border: 3px solid;
    border-color: var(--tertiary);
}

/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
mat-select[disabled].mat-dark-theme .mat-text.ng-binding {
    color: rgba(255, 255, 255, 0.5);
}

/* TODO(mdc-migration): The following rule targets internal classes of menu that may no longer apply for the MDC version. */
mat-menu-content.mat-dark-theme {
    background: var(--primary);
}

mat-menu-content.mat-dark-theme mat-menu-item button {
    color: var(--text-color-secondary);
}

mat-select-menu.mat-dark-theme mat-content mat-option:not([disabled]):focus,
mat-select-menu.mat-dark-theme mat-content mat-option:not([disabled]):hover {
    background-color: rgba(158, 158, 158, 0.18);
}

mat-content.mat-dark-theme map button#secrets {
    background-color: var(--primary) !important;
}

mat-switch.mat-dark-theme.mat-checked .mat-bar {
    background-color: var(--slider-color) !important;
}

mat-switch.mat-dark-theme.mat-checked .mat-thumb-container .mat-thumb {
    background-color: var(--thumb-color) !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */
mat-list-item:hover {
    background-color: var(--tertiary) !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */
mat-list-item:hover span {
    color: var(--secondary);
}

.dashboard__options-bar mat-icon {
    color: white;
}

.mat-sidenav-left-help {
    position: fixed;
    font-weight: 500;
    z-index: 65;
}

.mat-sidenav-right:not(.mat-closed) .user-sb__header {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all ease-in-out 400ms;
    transition: all ease-in-out 400ms;
}

.mat-sidenav-right:not(.mat-closed) .user-sb__list-item {
    opacity: 1;
    -webkit-transform-origin: (100%, 0, 0);
    transform-origin: (100%, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all ease-in-out 700ms;
    transition: all ease-in-out 700ms;
}

.user-sb__list-item mat-icon {
    margin: 0;
    margin-left: 10px;
    color: var(--text-color-tertiary);
}

.mat-sidenav-left-help:not(.mat-closed) .menu-wrap {
    opacity: 1;
    -webkit-transform-origin: (-100%, 0, 0);
    transform-origin: (-100%, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all ease-in-out 700ms;
    transition: all ease-in-out 700ms;
}

.menu-wrap.help__group-items mat-list-item[ng-repeat].ng-enter {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}

.menu-wrap.help__group-items mat-list-item[ng-repeat].ng-enter-active {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.menu-wrap.help__group-items mat-list-item[ng-repeat].ng-enter,
.menu-wrap.help__group-items.ng-hide-add,
.menu-wrap.help__group-items.ng-hide-remove {
    -webkit-transition: all ease-in-out 400ms;
    transition: all ease-in-out 400ms;
}

.mat-dark-theme .wj-content {
    background: var(--primary);
    color: var(--text-color-primary);
}

.mat-calendar {
    background: var(--primary);
    color: var(--text-color-primary);
}

.mat-calendar-date:hover {
    color: black;
}

.mat-mdc-button.mat-dark-theme:not([disabled]).mat-mdc-icon-button:hover {
    color: black;
}

.mat-calendar-month-label mat-icon {
    color: var(--text-color-primary);
}

th mat-icon {
    margin-left: 8px;
    color: white !important;
}

.material-tb mat-checkbox {
    margin: 0;
    margin-left: 15%;
}

.reports__jobs-table .mat-mdc-button {
    color: inherit;
}

.mat-bottom-sheet-custom {
    position: absolute;
    width: 20em;
    border-top-left-radius: 33px;
    border-top-right-radius: 33px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    z-index: 70;
    padding: 0;
    bottom: auto;
    top: auto;
    left: auto;
    right: 40%;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.mat-sidenav-left:not(.mat-closed) .menu-wrap {
    opacity: 1;
    -webkit-transform-origin: (-100%, 0, 0);
    transform-origin: (-100%, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all ease-in-out 700ms;
    transition: all ease-in-out 700ms;
}

.menu-wrap.report__list-group mat-list-item[ng-repeat].ng-enter,
.menu-wrap.report__list-group.ng-hide-add,
.menu-wrap.report__list-group.ng-hide-remove {
    -webkit-transition: all ease-in-out 400ms;
    transition: all ease-in-out 400ms;
}

.menu-wrap.report__list-group mat-list-item[ng-repeat].ng-enter {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}

.menu-wrap.report__list-group mat-list-item[ng-repeat].ng-enter-active {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.mat-sidenav-right {
    overflow-x: hidden;
    overflow-y: auto;
}

.mat-drawer {
    overflow-x: hidden;
    overflow-y: scroll;
    max-width: 450px;
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12);
    background-color: var(--primary) !important;
    color: var(--text-color-secondary) !important;
}

.mat-subheader-content {
    color: white;
}

.mat-mdc-fab mat-icon {
    margin: auto;
}

.mat-datepicker-input {
    font-size: initial;
}

/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
.mat-select-value > span:not(.mat-select-icon) {
    padding: 5px;
    overflow: visible;
}

.mat-dark-theme .mat-calendar-date-disabled,
.mat-dark-theme .mat-calendar-month-label-disabled {
    color: rgba(255, 255, 255, 0.2);
}

.mat-dark-theme .mat-calendar-date-disabled:hover {
    color: rgba(255, 255, 255, 0.3);
}

.mat-text.ng-binding {
    color: var(--text-color-primary);
}

.mat-raised {
    border: 1px solid var(--secondary) !important;
    background-color: var(--secondary) !important;
    color: var(--text-color-forth) !important;
    box-shadow: var(--button-shadow);
    border-radius: 5px;
    transition: 0.2s ease-in-out;
}

.mat-raised mat-icon {
    color: white !important;
}

.mat-raised:hover {
    border: 1px solid var(--btn-tertiary) !important;
    background-color: var(--btn-tertiary) !important;
}

.mat-stroked {
    border: 1px solid var(--text-color-secondary) !important;
    color: var(--text-color-primary) !important;
    opacity: 0.9 !important;
    box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);
    border-radius: 5px;
    transition: 0.2s ease-in-out;
}

.mat-stroked mat-icon {
    color: var(--text-color-primary) !important;
}

.mat-stroked:hover {
    border: 1px solid var(--secondary) !important;
    color: var(--secondary) !important;
    opacity: 1 !important;
}

.mat-rounded {
    border-radius: 15px !important;
}

.mat-mdc-button[disabled] {
    border: 1px solid gray !important;
    background-color: rgba(0, 0, 0, 0.4) !important;
    box-shadow: 0px 0px 0px 0px rgba(72, 133, 237, 0.5) !important;
    opacity: 0.4;
}

.mat-mdc-button[disabled]:hover {
    color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-fab:hover {
    opacity: 0.8;
}

.mat-mdc-button.fab--green.mat-mdc-fab {
    background-color: #00e676 !important;
}

.mat-mdc-button.fab--red.mat-mdc-fab {
    background-color: #db3236 !important;
}

.mat-mdc-button.fab--yellow.mat-mdc-fab {
    background-color: #ffc400 !important;
}

.mat-mdc-button.fab--white.mat-mdc-fab {
    background-color: #fff !important;
    transition: 300ms;
}

.mat-mdc-button.fab--blue.mat-mdc-fab {
    background-color: #0d47a1 !important;
}

.mat-mdc-button.mat-mdc-fab.fab--white > mat-icon {
    color: grey;
}

.mat-mdc-button.btn-mat-icon--80 {
    width: 60px;
    height: 60px;
    border-radius: 50px;
    background-color: var(--btn-primary) !important;
}

.mat-mdc-button.btn-mat-icon--80:hover {
    background-color: var(--btn-tertiary) !important;
}

.mat-mdc-button.left {
    border-radius: 10px 0 0 10px;
}

.mat-mdc-button.middle {
    border-radius: 0;
    border-left: 1px solid rgba(230, 230, 230, 0.96);
    border-right: 1px solid rgba(230, 230, 230, 0.96);
}

.mat-mdc-button.right {
    border-radius: 0 10px 10px 0;
}

.mat-mdc-button.wrap {
    white-space: pre-wrap;
    line-height: normal;
}

.mat-mdc-button:not([disabled]):hover {
    color: var(--icon-default-primary);
    background-color: transparent;
}

.mat-mdc-raised-button:not(:disabled) {
    background-color: var(--btn-primary) !important;
    color: var(--text-color-primary) !important;
}

.mat-mdc-raised-button:not(:disabled):hover {
    background-color: var(--btn-tertiary) !important;
}

.mat-default-theme .wizard-done.mat-raised {
    color: white;
    background-color: #3cba54;
}

.mat-default-theme .wizard-done.mat-raised:not([disabled]):hover {
    color: white;
    background-color: #11a954;
}

.mat-default-theme .wizard-error.mat-raised {
    color: white;
    background-color: #cc0000;
}

.mat-default-theme .wizard-error.mat-raised:not([disabled]):hover {
    color: white;
    background-color: #af0000;
}

.mat-sidenav-left-button .report-template-toggle-btn {
    right: 1.25em;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.inv-search-field {
    margin: 0;
}

.inv-sidenav-button .locations-toggle-btn {
    right: 1em;
}

.mat-sidenav-left-button.menu-open .report-template-toggle-btn,
.inv-sidenav-button.menu-open .locations-toggle-btn {
    right: -14.5em;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.mat-sidenav-left-button,
.inv-sidenav-button {
    display: inline-flex;
    position: fixed;
    margin-top: 80px;
    top: 0;
    z-index: 90;
}

.btn-mat-icon > mat-icon {
    height: 90%;
    width: 90%;
}

.fab--green mat-icon,
.fab--blue mat-icon,
.fab--red mat-icon {
    color: white !important;
}

.dashboard__fave-icons > mat-icon {
    height: 20px;
    width: 20px;
}

.widget__button mat-icon {
    color: var(--icon-default-secondary);
}

.home-buttons > mat-icon {
    height: 70%;
    width: 100%;
    color: var(--icon-default-primary);
}

.home-buttons:hover mat-icon {
    height: 70%;
    width: 100%;
    color: var(--icon-default-primary);
}

.dark-theme .wizard-done.mat-raised {
    color: white;
    background-color: #3cba54;
}

.dark-theme .wizard-error.mat-raised {
    color: white;
    background-color: #cc0000;
}

.dark-theme .wizard-done.mat-raised:not([disabled]):hover {
    color: white;
    background-color: #11a954;
}

.dark-theme .wizard-error.mat-raised:not([disabled]):hover {
    color: white;
    background-color: #af0000;
}

/* TODO(mdc-migration): The following rule targets internal classes of input that may no longer apply for the MDC version. */
[mat-component-id='thePanel'] mat-input-container {
    display: flex;
}

.options-bottom-sheet .mat-bottom-sheet-container {
    position: absolute !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: fit-content !important;
    width: 350px !important;
    min-width: 350px !important;
    max-width: 90vw !important;
    margin: auto;
    padding: 0px !important;
    border-top-left-radius: 33px !important;
    border-top-right-radius: 33px !important;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    box-shadow: 0 10px 10px -5px;
    overflow: unset !important;
}

.options-bottom-sheet .mat-mdc-nav-list {
    overflow: auto !important;
    max-height: 70vh !important;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.bottom-sheet-header {
    background-color: var(--table-header-bg) !important;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    color: white;
    font-size: 1.25em !important;
}

.mat-mdc-subheader {
    padding: 25px !important;
}

.mat-mdc-button {
    text-transform: uppercase;
}

/* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */
.mat-list-item-content {
    justify-content: space-between;
    border-bottom: 2px solid;
    border-bottom-color: currentcolor;
    border-color: var(--tertiary);
    font-size: 0.9em;
}

.mat-backdrop {
    opacity: 0.48;
    transition: opacity 0.45s;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(33, 33, 33, 1);
    z-index: 80;
}

.mat-green {
    background-color: #00e676;
    color: white;
}

.mat-yellow {
    background-color: #ffc400;
    color: white;
}

.mat-blue {
    background-color: #0d47a1;
    color: white;
}

.mat-mdc-list .mat-mdc-list-item:hover {
    background-color: #d6eaf8;
}

mat-list mat-list-item > div :hover {
    color: var(--btn-tertiary);
}

.mat-sort-header-arrow {
    color: white !important;
}

.mat-drawer-backdrop {
    position: fixed !important;
}

/* .mat-tab-body.mat-tab-body-active{
    height: 50em!important;
} */

/* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
.mat-button-focus-overlay {
    background-color: transparent !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of dialog that may no longer apply for the MDC version. */
mat-mdc-dialog-actions {
    margin-bottom: 0 !important;
    padding: 8px 30px !important;
}

.mat-mdc-dialog-content {
    margin: 0 !important;
    padding: 8px 24px !important;
    background-color: var(--primary);
}

.mat-mdc-list-base .mat-mdc-list-item {
    color: var(--secondary) !important;
    cursor: pointer;
    font-size: 15px !important;
    background-color: var(--primary);
}

/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
.mat-tab-label {
    color: var(--text-color-primary) !important;
    text-transform: uppercase;
}

mat-label {
    color: var(--text-color-primary);
    opacity: 0.5;
    margin-right: 3px;
}

label > span {
    color: var(--text-color-tertiary);
}

/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
.mat-mdc-tab-body-wrapper {
    height: inherit;
}

/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
.mat-mdc-tab-body.mat-mdc-tab-body-active {
    height: inherit;
}

mat-form-field {
    margin: 10px 0;
}

/* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
.mat-mdc-fab .mat-button-wrapper {
    padding: 0 !important;
}

.mat-mdc-dialog-actions {
    margin-bottom: 0 !important;
    margin-right: 1vw !important;
}

.mat-mdc-snack-bar-action .mdc-button__label {
    color: #ff4081 !important;
}

.mat-mdc-paginator-icon {
    fill: var(--text-color-primary);
}
.mat-mdc-list-item-unscoped-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mat-mdc-list-item {
    border-bottom: solid 2px;
    border-color: var(--table-odd-row-bg);
    transition: border-color var(--bg-transition);
    margin-top: 0px;
    margin-bottom: 0px;
}

.mat-mdc-list-item .mdc-list-item__content {
    min-height: 3em;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.mat-mdc-list-item .mdc-list-item__content span div div {
    display: flex;
    align-items: center;
}

mat-divider {
    width: 100% !important;
}

.options-bottom-sheet .mdc-list-group__subheader {
    margin: 0;
}

.options-bottom-sheet .mdc-list {
    padding: 0 !important;
}

.mat-icon {
    overflow: visible !important;
}

.mdc-tab {
    flex-grow: 0 !important;
}

.mat-mdc-focus-indicator {
    color: var(--icon-default-primary) !important;
}

.mat-mdc-focus-indicator .mdc-tab__text-label {
    color: var(--text-color-secondary) !important;
    text-transform: uppercase;
    font-size: 1em;
}

.mat-mdc-focus-indicator mat-icon {
    color: var(--text-color-secondary);
    font-size: 1.75em;
}

.mdc-tab-indicator--active .mdc-tab__text-label {
    color: var(--text-color-tertiary);
}

.mdc-tab-indicator__content--underline {
    --mdc-tab-indicator-active-indicator-color: color: var(--text-color-tertiary) !important;
}

.mdc-tab-indicator--active mat-icon {
    color: var(--text-color-tertiary);
}

.mdc-tooltip {
    background-color: transparent;
}

.mdc-tooltip__surface {
    color: white !important;
    background-color: grey !important;
}

.mat-mdc-tooltip-show {
    background-color: transparent !important;
}

.mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track::after {
    background-color: var(--toggle-light) !important;
}

.mdc-switch__icons .mdc-switch__icon--on {
    background-color: var(--toggle) !important;
    border-radius: 20px;
}

.mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected .mdc-switch__icon {
    width: auto !important;
    height: auto !important;
}

.bg-warn {
    background-color: #f44336 !important;
}

.bg-accent {
    background-color: #ff4081 !important;
}

/* .bg-primary {
    background-color: #3f51b5 !important;
} */

.titlebar .mat-mdc-form-field .mat-mdc-text-field-wrapper {
    background-color: var(--secondary) !important;
}

.titlebar .mat-mdc-form-field-infix mat-label {
    color: var(--secondary) !important;
}

.titlebar .mat-mdc-select-arrow {
    color: white;
}

.mat-bottom-sheet-container .mat-list-item {
    background-color: var(--primary) !important;
}

.mdc-list-item__primary-text,
.mat-mdc-select-min-line {
    color: var(--text-color-primary) !important;
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after {
    color: var(--icon-default-primary) !important;
}

.mat-mdc-select-arrow {
    color: var(--icon-default-tertiary) !important;
}

.mdc-form-field label {
    color: var(--text-color-primary) !important;
}

.mat-mdc-dialog-content,
.mat-mdc-dialog-actions,
.mat-mdc-dialog-surface {
    color: var(--text-color-primary) !important;
    background-color: var(--primary) !important;
    border-radius: 1rem !important;
}

.mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,
.mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label {
    color: var(--text-color-tertiary) !important;
}

.mat-mdc-dialog-content form {
    margin-bottom: -50px;
}

.mat-focused ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--text-color-primary) !important;
    opacity: 1;
    /* Firefox */
}

/* 
.titlebar .cdk-overlay-pane {
    min-width: 15em !important;
} */

/* .small-form-container button:disabled {
    background-color: gray !important;
    border-color: gray !important;
} */


.viewReportsForm .mat-mdc-text-field-wrapper {
    height: 40px !important;
}

.viewReportsForm .mat-mdc-form-field-subscript-wrapper {
    height: 10px !important;
}

.storePortalAlias .mat-mdc-form-field-subscript-wrapper {
    height: 0px !important;
}

.storePortalAlias .mat-mdc-text-field-wrapper {
    height: 50px !important;
}

.mat-mdc-dialog-container .mat-mdc-dialog-surface,
.mdc-dialog__container,
mat-dialog-container {
    min-width: 300px !important;
}

.mat-dialog-content {
    width: 100% !important;
}

.material-tb mat-icon {
    margin: 0;
}

.all-users-header div {
    display: flex;
    align-items: center;
    height: 70px;
    flex-wrap: nowrap;
}

/* not being used anywhere */
/* .user-privileges-list span {
    width: 100%;
} */

.help_a {
    color: var(--text-color-primary) !important;
}

.help__list-button {
    color: var(--text-color-secondary) !important;
}

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

.mat-expansion-panel {
    background: var(--primary) !important;
    color: var(--text-color-primary) !important;
}

.mat-expansion-panel-header-title {
    color: var(--text-color-primary) !important;
}

.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
    color: var(--text-color-secondary) !important;
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
    border: solid 1px var(--border-color-secondary);
}

.mat-button-toggle-appearance-standard {
    background: var(--primary) !important;
    color: var(--text-color-primary) !important;
}

.mat-button-toggle-checked {
    background: var(--tertiary) !important;
    color: var(--text-color-primary) !important;
}

.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
    border-left: solid 1px var(--primary);
}

.mat-button-toggle-button {
    text-transform: none !important;
}

.mat-step-icon-content mat-icon {
    color: white !important;
}

.mat-horizontal-content-container {
    background-color: var(--primary);
}

.mat-horizontal-stepper-header-container {
    background-color: var(--primary);
}

mat-step-header .mat-step-label {
    color: var(--text-color-primary) !important;
}

.mat-stepper-horizontal-line {
    border-color: var(--text-color-tertiary) !important;
}

.mdc-tab__text-label {
    font-size: 14px !important;
    letter-spacing: 0em !important;
}

.mdc-list-item__primary-text {
    font-size: 14px !important;
    letter-spacing: 0em !important;
}

.mdc-button {
    letter-spacing: 0em !important;
}

.mat-calendar-body-disabled .mat-focus-indicator {
    color: var(--text-color-tertiary) !important;
}

.mat-calendar-controls .mdc-button__label span {
    color: var(--text-color-primary) !important;
}

.mat-calendar-controls span.mdc-button__label {
    color: var(--text-color-primary) !important;
}

 .mat-calendar-body-cell-content.mat-focus-indicator{
    color: var(--text-color-primary);
  }

.mat-calendar-table-header th{
    color: var(--text-color-primary)  !important;
}

.mat-calendar-arrow{
    fill: var(--text-color-primary)  !important;
}
.mat-calendar-body-label{
    color: var(--text-color-primary)  !important;
}
.mat-calendar-previous-button.mdc-icon-button.mat-mdc-icon-button.mat-unthemed.mat-mdc-button-base{
    color: var(--text-color-primary)  !important;
}

.mat-calendar-next-button.mdc-icon-button.mat-mdc-icon-button.mat-unthemed.mat-mdc-button-base{
    color: var(--text-color-primary)  !important;
}

.mdc-menu-surface {
    background-color: var(--primary) !important;
}

.mat-mdc-form-field-focus-overlay {
    background-color: transparent !important;
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) {
    background-color: transparent !important;
}

.mdc-text-field--disabled.mdc-text-field--filled {
    background-color: transparent !important;
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
    border-bottom-color: var(--text-color-secondary) !important;
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
    border-bottom-color: var(--mdc-theme-error, #f44336) !important;
}

.mat-filter {
    background-color: var(--primary) !important;
}


.mat-mdc-form-field-hint {
    color: var(--text-color-secondary) !important;
}


.mat-mdc-input-element {
    color: var(--text-color-primary) !important;
}


.mat-mdc-select-panel {
    background-color: var(--primary);
}


.mat-datepicker-content,
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button,
.mat-calendar-table-header,
.mat-calendar-body-label,
.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
    color: var(--text-color-primary);
}

.mat-datepicker-actions {
    background-color: var(--primary);
}


.mat-calendar-body-selected {
    background-color: var(--secondary);
}

.mat-mdc-paginator {
    background-color: var(--tertiary);
    color: var(--text-color-primary);    
}

.mat-mdc-paginator-icon {
    fill: var(--text-color-primary)!important;
}

mat-sidenav-container {
    height: 100%;
}

mat-sidenav {
    background-color: lightcoral;
}

mat-drawer-content {
    overflow: hidden;
}

.mat-drawer {
    position: fixed;
}

gridster {
    background: var(--tertiary) !important;
}

gridster-item {
    background: var(--primary) !important;
}

.gridster-item .wj-flexchart {
    border: none;
    margin: 0;
    padding: 0;
    height: 100% !important;
    width: 100% !important;
    background-color: transparent;
}

.wj-flexchart {
    height: 400px !important;
    background-color: white;
    padding: 8px;
    margin-bottom: 12px;
    display: block;
}

.report__wijmo-panel.wj-control tr:last-child td:last-child {
    /*in view report - sets the 'values' label to red*/
    color: red;
}

.gridster-item-resizable-handler.handle-se {
    border-width: 0 0 40px 40px !important;
}

.example-tree-invisible {
    display: none;
  }
  
  .example-tree ul,
  .example-tree li {
    margin-top: 0;
    margin-bottom: 0;
    list-style-type: none;
  }
  
  /*
   * This padding sets alignment of the nested nodes.
   */
  .example-tree .mat-nested-tree-node div[role=group] {
    padding-left: 40px;
  }
  
  /*
   * Padding for leaf nodes.
   * Leaf nodes need to have padding so as to align with other non-leaf nodes
   * under the same parent.
   */
  .example-tree div[role=group] > .mat-tree-node {
    padding-left: 40px;
  }


.mdc-checkbox__background {
    border-color: var(--text-color-primary) !important; /* Change the color */
  }

  .mat-mdc-icon-button svg{
    color: var(--text-color-primary) !important; /* Change the color */
  }

  .mat-mdc-menu-panel{
    background: var(--primary) !important;
  }

  .mat-mdc-paginator{
    color: var(--text-color-primary)!important;
  }

button,
html,
input,
select,
textarea {
    font-family: Roboto, Helvetica Neue, sans-serif;
}

body,
html {
    height: 100%;
    position: relative;
}

*,
html {
    margin: 0;
    padding: 0;
}

* {
    font-weight: 500;
}

*:focus {
    outline: none;
}

html {
    height: 100%;
}

body {
    min-width: 400px;
    width: auto;
    background-color: var(--primary);
    color: var(--text-color-primary);
    margin: 0;
    padding: 0;
    z-index: 0;
    transition: background-color var(--bg-transition), color var(--bg-transition);
}

li.a {
    list-style: circle !important;
}

form {
    padding: 25px 25px;
    display: flex;
    flex-direction: column;
    background: transparent;
    box-shadow: var(--base-shadow);
    border-radius: 10px;
    background-color: var(--primary);
}
form>h2 {
    margin-bottom: 2rem;
}

form input.default[type='number'] {
    height: auto;
    padding: 0;
    width: auto;
}
/* input[type="number"] {
    padding-top: 17px;
} */

input[type='text'],
[type='password'] {
    cursor: text;
    user-select: text;
}

select {
    margin: 0;
    order: 2;
    display: flex;
}

li {
    list-style: none;
}

a {
    cursor: pointer;
}

span {
    display: inline-block;
}

button {
    text-transform: uppercase;
}

iframe {
    width: 100%;
    height: 100%;
    border: none;
}

iframe[title~='recaptcha'] {
    height: 76px;
    width: 99%;
    border: 0px;
}

.primary-text {
    color: var(--text-color-primary) !important;
}

.secondary-text {
    color: var(--text-color-secondary) !important;
}

.color-lime {
    color: rgb(174, 255, 0) !important;
}

.color-yellow {
    color: yellow !important;
}

.color-grey {
    color: #757575;
}

.color-green {
    color: #3cba54 !important;
}

.color-orange {
    color: orange;
}

.color-red {
    color: red !important;
}
/* not being used anymore */
/* @media screen and (max-width: 1000px) {
    .large-form-container {
        margin: 0;
        border-radius: 0;
        width: auto;
    }
} */

@media screen and (min-width: 960px) {
    .extractDataForm {
        width: 600px;
        margin: 4em auto;
        background-color: var(--primary);
        transition: 300ms;
    }

    .table__title {
        margin-left: 30px;
    }

    .report-button {
        padding-right: 20px;
    }

    .reports__template-selected-container {
        width: 90%;
    }

    .reports__iframe-container {
        width: 90%;
        margin-left: 10%;
    }

    .lock-container {
        justify-content: end;
    }

    .all-items-button {
        margin: 12px 0 50px;
    }

    .table__container_100 {
        width: 80%;
    }
}

@media screen and (max-width: 960px) {
    .users__table {
        min-width: 900px;
    }

    .feedback-icon {
        top: 15px;
        right: 30px;
        font-size: 2.5em;
    }

    .legend-container {
        position: fixed;
        top: auto;
        bottom: 20px;
        margin-left: 0;
    }

    .deleteAllReportsBtn {
        font-size: smaller !important;
    }

    .lock-container {
        justify-content: center;
    }

    .report-stores-header {
        padding: 1em 0 2em;
    }

    /* not being used anymore */
    /* .report-stores-container {
        max-width: none;
        margin: 0;
    } */

    .report-wizard-buttons {
        padding: 0.75em 0 0.75em 0 !important;
        display: flex;
        justify-content: space-between;
    }

    .fw-fnt {
        font-size: 0.9em;
    }

    .fw-title {
        font-size: 0.8em;
    }

    .portal-widget {
        margin: auto;
    }
}

@media screen and (max-width: 900px) {
    .infolist-container {
        display: block;
    }

    .infolist-btns {
        flex-direction: row !important;
        place-content: center center;
        margin: 25px 0 -40px 0;
    }

    .xlarge-form-container {
        margin: 0;
        border-radius: 0;
        padding: 15px;
        width: auto;
        max-width: 100vw;
        height: calc(100vh - 50px);
    }
}

@media screen and (max-width: 775px) {
    .second-crumb {
        display: none !important;
    }

    .breadcrumb__arrow-left {
        display: flex !important;
    }

    .breadcrumb__arrow-right {
        display: none !important;
    }
}

@media screen and (max-width: 750px) {
    .inv-sidenav-button {
        width: 15px;
        margin-top: 130px;
    }

    .locations-toggle-btn {
        right: 1.5em !important;
        top: 0px !important;
        font-size: 14px !important;
        height: 100px !important;
    }

    .inv-search-field {
        margin-left: 15px;
    }
}

@media screen and (max-width: 711px) {
    .dashboard__tabs {
        width: 100%;
        margin: 0;
    }
}

@media screen and (min-width: 650px) {
    .portal-swiper {
        padding: 0 1vw !important;
    }
}

@media screen and (max-width: 650px) {
    .swiper-pagination-bullet {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }

    .portal-header {
        height: 40px !important;
    }

    .portal-container {
        height: calc(100vh - 40px) !important;
    }

    .portal-widget {
        margin: 8px 25px 0 5px !important;
        max-width: none !important;
        min-height: calc(100vh - 250px) !important;
        height: auto !important;
    }

    .portal-widget_header {
        min-height: 2em;
    }

    .portal-footer {
        padding: 8px !important;
        display: flex !important;
        justify-content: space-around !important;
        font-size: 0.8em;
    }

    .portal-footer span {
        margin-right: 8px;
    }

    .centered-container {
        height: auto;
        width: auto;
        min-width: 0;
        min-height: 0;
    }

    .home-container {
        margin-top: 65px;
    }

    .wizard-stepper {
        margin-bottom: 0;
    }

    .all-items-button {
        width: 5em;
    }

    .inv-search-field {
        margin: 15px 0 15px 25px;
    }

    .inv-sidenav-button {
        margin-top: 125px;
    }

    .titlebar-selector,
    .titlebar-selector-alt {
        min-width: 80px;
    }

    .user-form-container,
    /* .smaller-form-container, */
    /* .small-form-container, */
    /* .medium-form-container, */
    .extractDataForm {
        margin: 0;
        border-radius: 0;
        width: auto;
    }
}

@media screen and (max-width: 620px) {
    .table__container__eoi {
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
        margin-top: 50px;
        margin-bottom: 0px;
    }

    .eoi-mat-option-width {
        width:max-content;
    }

    .eoi-mat-option-width mat-option{
        padding-left: 1.5vw;
    }
}

@media screen and (max-width: 500px) {
    .titlebar-selector {
        font-size: 14px;
        max-width: 35vw;
        margin: 0;
    }

    .reorder-item {
        font-size: 0.8em;
    }

    .reorder-item .mat-icon {
        padding: 8px;
    }
}

@media screen and (max-width: 400px) {
    .figure > img {
        width: 320px;
    }

    .ul-container {
        margin-left: auto;
        margin-right: auto;
    }
    /* TODO(mdc-migration): The following rule targets internal classes of input that may no longer apply for the MDC version. */
    mat-input-container {
        margin-bottom: 0;
    }
    /* TODO(mdc-migration): The following rule targets internal classes of input that may no longer apply for the MDC version. */
    .mat-input-container {
        display: inline-block;
        position: relative;
        padding: 2px;
        margin: 18px 0;
        vertical-align: middle;
        -webkit-box-flex: 1;
        box-sizing: border-box;
    }

    body {
        min-width: 320px;
    }

    .titlebar-buttons {
        margin-right: 10px;
    }

    .circle-mask {
        height: 40px;
        width: 40px;
        background-size: 40px;
    }

    .circle {
        height: 40px;
        width: 40px;
    }

    .centered-container ul#login-list {
        justify-content: center;
    }
}

@media screen and (max-width: 320px) {
    .ul-container {
        width: 100%;
    }
}

.iti {
  position: relative;
  display: inline-block; }
  .iti * {
    box-sizing: border-box;
    -moz-box-sizing: border-box; }
  .iti__hide {
    display: none; }
  .iti__v-hide {
    visibility: hidden; }
  .iti input, .iti input[type=text], .iti input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0; }
  .iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px; }
  .iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px; }
  .iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555; }
    .iti__arrow--up {
      border-top: none;
      border-bottom: 4px solid #555; }
  .iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
    .iti__country-list--dropup {
      bottom: 100%;
      margin-bottom: -1px; }
    @media (max-width: 500px) {
      .iti__country-list {
        white-space: normal; } }
  .iti__flag-box {
    display: inline-block;
    width: 20px; }
  .iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #CCC; }
  .iti__country {
    padding: 5px 10px;
    outline: none; }
  .iti__dial-code {
    color: #999; }
  .iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, 0.05); }
  .iti__flag-box, .iti__country-name, .iti__dial-code {
    vertical-align: middle; }
  .iti__flag-box, .iti__country-name {
    margin-right: 6px; }
  .iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0; }
  .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0; }
  .iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer; }
    .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
      background-color: rgba(0, 0, 0, 0.05); }
  .iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
  .iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
    cursor: default; }
    .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
    .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
      background-color: transparent; }
  .iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05); }
  .iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px; }
  .iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px; }
    .iti--container:hover {
      cursor: pointer; }

.iti-mobile .iti--container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed; }

.iti-mobile .iti__country-list {
  max-height: 100%;
  width: 100%; }

.iti-mobile .iti__country {
  padding: 10px 10px;
  line-height: 1.5em; }

.iti__flag {
  width: 20px; }
  .iti__flag.iti__be {
    width: 18px; }
  .iti__flag.iti__ch {
    width: 15px; }
  .iti__flag.iti__mc {
    width: 19px; }
  .iti__flag.iti__ne {
    width: 18px; }
  .iti__flag.iti__np {
    width: 13px; }
  .iti__flag.iti__va {
    width: 15px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
      background-size: 5652px 15px; } }
  .iti__flag.iti__ac {
    height: 10px;
    background-position: 0px 0px; }
  .iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0px; }
  .iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0px; }
  .iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0px; }
  .iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0px; }
  .iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0px; }
  .iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0px; }
  .iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0px; }
  .iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0px; }
  .iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0px; }
  .iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0px; }
  .iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0px; }
  .iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0px; }
  .iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0px; }
  .iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0px; }
  .iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0px; }
  .iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0px; }
  .iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0px; }
  .iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0px; }
  .iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0px; }
  .iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0px; }
  .iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0px; }
  .iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0px; }
  .iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0px; }
  .iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0px; }
  .iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0px; }
  .iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0px; }
  .iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0px; }
  .iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0px; }
  .iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0px; }
  .iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0px; }
  .iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0px; }
  .iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0px; }
  .iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0px; }
  .iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0px; }
  .iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0px; }
  .iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0px; }
  .iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0px; }
  .iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0px; }
  .iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0px; }
  .iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0px; }
  .iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0px; }
  .iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0px; }
  .iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0px; }
  .iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0px; }
  .iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0px; }
  .iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0px; }
  .iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0px; }
  .iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0px; }
  .iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0px; }
  .iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0px; }
  .iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0px; }
  .iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0px; }
  .iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0px; }
  .iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0px; }
  .iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0px; }
  .iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0px; }
  .iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0px; }
  .iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0px; }
  .iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0px; }
  .iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0px; }
  .iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0px; }
  .iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0px; }
  .iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0px; }
  .iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0px; }
  .iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0px; }
  .iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0px; }
  .iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0px; }
  .iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0px; }
  .iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0px; }
  .iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0px; }
  .iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0px; }
  .iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0px; }
  .iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0px; }
  .iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0px; }
  .iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0px; }
  .iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0px; }
  .iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0px; }
  .iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0px; }
  .iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0px; }
  .iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0px; }
  .iti__flag.iti__gb {
    height: 10px;
    background-position: -1775px 0px; }
  .iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0px; }
  .iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0px; }
  .iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0px; }
  .iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0px; }
  .iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0px; }
  .iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0px; }
  .iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0px; }
  .iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0px; }
  .iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0px; }
  .iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0px; }
  .iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0px; }
  .iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0px; }
  .iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0px; }
  .iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0px; }
  .iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0px; }
  .iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0px; }
  .iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0px; }
  .iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0px; }
  .iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0px; }
  .iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0px; }
  .iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0px; }
  .iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0px; }
  .iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0px; }
  .iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0px; }
  .iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0px; }
  .iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0px; }
  .iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0px; }
  .iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0px; }
  .iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0px; }
  .iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0px; }
  .iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0px; }
  .iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0px; }
  .iti__flag.iti__is {
    height: 15px;
    background-position: -2501px 0px; }
  .iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0px; }
  .iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0px; }
  .iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0px; }
  .iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0px; }
  .iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0px; }
  .iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0px; }
  .iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0px; }
  .iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0px; }
  .iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0px; }
  .iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0px; }
  .iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0px; }
  .iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0px; }
  .iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0px; }
  .iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0px; }
  .iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0px; }
  .iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0px; }
  .iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0px; }
  .iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0px; }
  .iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0px; }
  .iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0px; }
  .iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0px; }
  .iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0px; }
  .iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0px; }
  .iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0px; }
  .iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0px; }
  .iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0px; }
  .iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0px; }
  .iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0px; }
  .iti__flag.iti__mc {
    height: 15px;
    background-position: -3139px 0px; }
  .iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0px; }
  .iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0px; }
  .iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0px; }
  .iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0px; }
  .iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0px; }
  .iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0px; }
  .iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0px; }
  .iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0px; }
  .iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0px; }
  .iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0px; }
  .iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0px; }
  .iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0px; }
  .iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0px; }
  .iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0px; }
  .iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0px; }
  .iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0px; }
  .iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0px; }
  .iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0px; }
  .iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0px; }
  .iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0px; }
  .iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0px; }
  .iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0px; }
  .iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0px; }
  .iti__flag.iti__ne {
    height: 15px;
    background-position: -3666px 0px; }
  .iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0px; }
  .iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0px; }
  .iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0px; }
  .iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0px; }
  .iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0px; }
  .iti__flag.iti__np {
    height: 15px;
    background-position: -3796px 0px; }
  .iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0px; }
  .iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0px; }
  .iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0px; }
  .iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0px; }
  .iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0px; }
  .iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0px; }
  .iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0px; }
  .iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0px; }
  .iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0px; }
  .iti__flag.iti__pk {
    height: 14px;
    background-position: -4009px 0px; }
  .iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0px; }
  .iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0px; }
  .iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0px; }
  .iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0px; }
  .iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0px; }
  .iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0px; }
  .iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0px; }
  .iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0px; }
  .iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0px; }
  .iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0px; }
  .iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0px; }
  .iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0px; }
  .iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0px; }
  .iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0px; }
  .iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0px; }
  .iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0px; }
  .iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0px; }
  .iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0px; }
  .iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0px; }
  .iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0px; }
  .iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0px; }
  .iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0px; }
  .iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0px; }
  .iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0px; }
  .iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0px; }
  .iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0px; }
  .iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0px; }
  .iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0px; }
  .iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0px; }
  .iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0px; }
  .iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0px; }
  .iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0px; }
  .iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0px; }
  .iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0px; }
  .iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0px; }
  .iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0px; }
  .iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0px; }
  .iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0px; }
  .iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0px; }
  .iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0px; }
  .iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0px; }
  .iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0px; }
  .iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0px; }
  .iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0px; }
  .iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0px; }
  .iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0px; }
  .iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0px; }
  .iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0px; }
  .iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0px; }
  .iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0px; }
  .iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0px; }
  .iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0px; }
  .iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0px; }
  .iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0px; }
  .iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0px; }
  .iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0px; }
  .iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0px; }
  .iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0px; }
  .iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0px; }
  .iti__flag.iti__va {
    height: 15px;
    background-position: -5329px 0px; }
  .iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0px; }
  .iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0px; }
  .iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0px; }
  .iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0px; }
  .iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0px; }
  .iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0px; }
  .iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0px; }
  .iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0px; }
  .iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0px; }
  .iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0px; }
  .iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0px; }
  .iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0px; }
  .iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0px; }
  .iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0px; }

.iti__flag {
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url(fde8f919c4e4f74ec803.png);
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
      background-image: url(d31777a4d0bacdf28c6e.png); } }

.iti__flag.iti__np {
  background-color: transparent; }

/*!
    *
    * Wijmo Library 5.20191.603
    * http://wijmo.com/
    *
    * Copyright(c) GrapeCity, Inc.  All rights reserved.
    *
    * Licensed under the GrapeCity Commercial License.
    * sales@wijmo.com
    * wijmo.com/products/wijmo-5/license/
    *
    */
.wj-glyph,.wj-glyph-asterisk,.wj-glyph-calendar,.wj-glyph-check,.wj-glyph-circle,.wj-glyph-clipboard,.wj-glyph-clock,.wj-glyph-diamond,.wj-glyph-dimension,.wj-glyph-down,.wj-glyph-down-left,.wj-glyph-down-right,.wj-glyph-drag,.wj-glyph-file,.wj-glyph-left,.wj-glyph-measure,.wj-glyph-plus,.wj-glyph-minus,.wj-glyph-pencil,.wj-glyph-right,.wj-glyph-square,.wj-glyph-step-backward,.wj-glyph-step-forward,.wj-glyph-up,.wj-glyph-up-left,.wj-glyph-up-right,.wj-glyph-filter{position:relative;display:inline-block;box-sizing:border-box;text-align:center;opacity:.75;cursor:pointer}.wj-glyph-asterisk:after{content:'\2731\fe0e'}.wj-glyph-calendar{width:1em;height:1em;border:.1em solid;border-top:.3em solid;transform:translateY(.15em)}.wj-glyph-calendar:after{position:absolute;font-size:50%;left:.5em;content:'1'}.wj-glyph-check:after{content:'\2714\fe0e';font-weight:700}.wj-glyph-circle{border:.3em solid;border-radius:50%;transform:translateY(-.1em)}.wj-glyph-clipboard:after{content:'\1f4cb\fe0e'}.wj-glyph-clock{width:1em;height:1em;border:.1em solid;border-radius:50%;transform:translateY(.15em)}.wj-glyph-clock:after{position:absolute;border-left:.1em solid;border-bottom:.1em solid;width:.25em;height:.3em;top:.1em;left:.35em;content:''}.wj-glyph-diamond:after{content:'\25c6\fe0e'}.wj-glyph-dimension:after{content:'\27c0\fe0e'}.wj-glyph-down{top:-1px;border-top:.5em solid;border-right:.4em solid transparent;border-left:.4em solid transparent}.wj-glyph-down-left{border-top:.65em solid transparent;border-left:.65em solid}.wj-glyph-down-right{top:-2px;border-bottom:.65em solid;border-left:.65em solid transparent}.wj-glyph-drag{width:1em;height:1em}.wj-glyph-drag:after{content:' ';position:absolute;top:.15em;left:.1em;width:1em;height:1em;background:radial-gradient(#000 1px,transparent 2px);background-size:.33em .33em}.wj-glyph-file{border-left:.7em solid;height:.85em}.wj-glyph-file:after{position:absolute;transform:translateX(-100%);border-top:.3em solid transparent;border-left:.3em solid #fff;content:''}.wj-glyph-left{border-top:.4em solid transparent;border-right:.5em solid;border-bottom:.4em solid transparent}.wj-glyph-measure:after{content:'\1f4ca\fe0e'}.wj-glyph-plus,.wj-glyph-minus{border-top:.25em solid;width:.9em;top:-.3em}.wj-glyph-plus:after{position:absolute;box-sizing:border-box;border-left:.25em solid;width:.25em;height:.95em;left:.3em;top:-.6em;content:''}.wj-glyph-pencil:after{content:'\270e\fe0e'}.wj-glyph-right{border-top:.4em solid transparent;border-bottom:.4em solid transparent;border-left:.5em solid}.wj-glyph-square{border:.25em solid}.wj-glyph-step-backward{border-top:.4em solid transparent;border-right:.5em solid;border-bottom:.4em solid transparent;transform:translateX(.12em)}.wj-glyph-step-backward:after{position:absolute;border-left:.2em solid;height:.75em;transform:translate(-100%,-50%);content:''}[dir=rtl] .wj-glyph-step-backward:after{transform:translate(0,-50%)}.wj-glyph-step-forward{border-top:.4em solid transparent;border-bottom:.4em solid transparent;border-left:.5em solid}.wj-glyph-step-forward:after{position:absolute;border-left:.2em solid;height:.75em;transform:translateY(-50%);content:''}[dir=rtl] .wj-glyph-step-forward:after{transform:translate(100%,-50%)}.wj-glyph-up{border-right:.4em solid transparent;border-bottom:.5em solid;border-left:.4em solid transparent}.wj-glyph-up-left{border-bottom:.65em solid transparent;border-left:.65em solid}.wj-glyph-up-right{border-top:.65em solid;border-left:.65em solid transparent}.wj-glyph-filter{top:-.1em;width:.5em;border-top:.5em solid;border-right:.4em solid transparent;border-left:.4em solid transparent}.wj-glyph-filter:after{position:absolute;border-left:.2em solid;height:.4em;transform:translateX(-50%);top:-.2em;content:''}[dir=rtl] .wj-glyph-filter:after{transform:translateX(50%)}.wj-control{display:block;box-sizing:border-box;color:#000;background:#fff;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.wj-control *{box-sizing:inherit}.wj-control[disabled]{opacity:.6;cursor:default;pointer-events:none}.wj-control [contenteditable]{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.wj-control:focus,.wj-control :focus,.wj-control a:focus{outline:0}.wj-control input::-ms-clear{display:none}.wj-control input[type=number]::-webkit-inner-spin-button,.wj-control input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.wj-control input:invalid{box-shadow:none;outline:0}.wj-control .wj-btn{background:#eee;color:#000;cursor:pointer;display:inline-block;border-style:none;padding:0 10px;text-align:center;min-width:30px;white-space:nowrap}.wj-control .wj-btn:focus,.wj-control .wj-btn:hover{background:#e1e1e1;transition-duration:.4s}.wj-control .wj-btn[disabled]{opacity:.6;cursor:default;pointer-events:none}.wj-control a.wj-btn,.wj-control button.wj-btn:not(.wj-btn-default){border-radius:4px;padding:6px 15px;text-decoration:none;font-weight:700;font-size:12px}.wj-header{background:#eee;color:#444;font-weight:700}.wj-state-selected{background:#0085c7;color:#fff}.wj-state-multi-selected{background:#80adbf;color:#fff}.wj-state-disabled{opacity:.6;cursor:default;pointer-events:none}.wj-content{display:inline-block;border:1px solid rgba(0,0,0,.2);border-radius:4px;overflow:hidden}.wj-tooltip{box-sizing:border-box;position:absolute;pointer-events:none;max-width:400px;padding:4px 6px 3px 6px;background:#fff;color:#000;border:1px solid rgba(0,0,0,.2);border-radius:4px;box-shadow:0 6px 13px rgba(0,0,0,.2)}.wj-tooltip.wj-error-tip{background:red;color:#fff;white-space:pre-line;font-weight:700}.wj-dropdown-panel{box-shadow:0 6px 13px rgba(0,0,0,.2)}.wj-content.wj-dropdown,.wj-content.wj-inputnumber,.wj-content.wj-inputmask,.wj-content.wj-calendar-outer,.wj-content.wj-pager{vertical-align:middle;display:inline-table;border-collapse:separate}.wj-control .wj-template{position:relative;display:table-cell}.wj-control .wj-template,.wj-control .wj-input{height:100%}.wj-control .wj-input-group{display:table;border-collapse:separate;width:100%;height:100%}.wj-control .wj-input-group .wj-input-group-btn{display:table-cell;width:1%;height:100%;min-width:26px;white-space:nowrap;vertical-align:top}.wj-control .wj-input-group .wj-input-group-btn:last-child:not(:first-child)>.wj-btn{border-left:1px solid rgba(0,0,0,.2)}.wj-control .wj-input-group .wj-input-group-btn:first-child:not(:last-child)>.wj-btn{border-right:1px solid rgba(0,0,0,.2)}.wj-control .wj-input-group .wj-form-control{display:table-cell;padding:4px 8px;background:0 0;color:inherit;border:0;width:100%;height:100%;min-height:2em}.wj-control .wj-btn-group{display:inline-block;border:1px solid rgba(0,0,0,.2);border-radius:4px;overflow:hidden}.wj-control .wj-btn-group>:not(:first-child){border-left:1px solid rgba(0,0,0,.2)}.wj-control .wj-btn-group>.wj-form-control{padding:4px 6px 3px 6px;background:0 0;border:0}.wj-control .wj-btn-group>.wj-form-control:not(:first-child){border-left:1px solid rgba(0,0,0,.2)}.wj-control .wj-btn-group>.wj-btn,.wj-control .wj-input-group-btn>.wj-btn{height:100%;min-height:2em;background:#eee}.wj-control .wj-btn-group>.wj-btn:focus,.wj-control .wj-btn-group>.wj-btn:hover,.wj-control .wj-input-group-btn>.wj-btn:focus,.wj-control .wj-input-group-btn>.wj-btn:hover{background:#e1e1e1;transition-duration:.4s}.wj-control .wj-btn-group>.wj-btn.wj-btn-default,.wj-control .wj-input-group-btn>.wj-btn.wj-btn-default{background:0 0;color:#000}.wj-control .wj-btn-group>.wj-btn.wj-btn-default:focus,.wj-control .wj-btn-group>.wj-btn.wj-btn-default:hover,.wj-control .wj-input-group-btn>.wj-btn.wj-btn-default:focus,.wj-control .wj-input-group-btn>.wj-btn.wj-btn-default:hover{background:#e1e1e1;transition-duration:.4s}.wj-control.wj-rtl .wj-input-group-btn:last-child:not(:first-child)>.wj-btn{border-right:1px solid rgba(0,0,0,.2);border-left:none}.wj-control.wj-rtl .wj-input-group-btn:first-child:not(:last-child)>.wj-btn{border-left:1px solid rgba(0,0,0,.2);border-right:none}.wj-control.wj-rtl .wj-btn-group>:not(:first-child){border-right:1px solid rgba(0,0,0,.2);border-left:none}.wj-control.wj-rtl .wj-btn-group>.wj-form-control:not(:first-child){border-right:1px solid rgba(0,0,0,.2);border-left:none}.wj-inputnumber input.wj-form-control{text-align:right}.wj-listbox{overflow:auto;cursor:default}.wj-listbox .wj-listbox-item{padding:4px 6px 3px 6px}.wj-listbox .wj-listbox-item.wj-separator{height:1px;margin:3px 0;padding:0;background:rgba(0,0,0,.1)}.wj-listbox .wj-listbox-item.wj-header{opacity:1;position:sticky;top:0}.wj-listbox .wj-listbox-item.wj-state-selected{transform:scale(1)}.wj-listbox .wj-listbox-item:not(.wj-state-selected):not(.wj-state-disabled):not(.wj-separator):hover{background:rgba(0,0,0,.05);transition-duration:.4s}.wj-listbox .wj-listbox-item label{font-weight:400;margin:0}.wj-listbox.wj-dropdown-panel>.wj-listbox{width:100%;border:0;background:inherit;color:inherit}.wj-calendar .wj-header{font-size:90%}.wj-calendar .wj-day-today{font-weight:700}.wj-calendar .wj-day-othermonth{opacity:.65}.wj-calendar .wj-calendar-outer{display:block;padding:10px;width:100%;height:auto;cursor:default}.wj-calendar .wj-calendar-header{display:block;padding:0 0 15px 0;width:100%}.wj-calendar .wj-calendar-header .wj-month-select{display:inline-block;cursor:pointer}.wj-calendar .wj-calendar-header .wj-btn-group{float:right;margin-bottom:7px}.wj-calendar .wj-calendar-header .wj-btn-group .wj-btn{padding:2px 8px 0 8px}.wj-calendar .wj-calendar-month{width:100%;border-collapse:collapse;font:inherit}.wj-calendar .wj-calendar-month td{width:14.29%}.wj-calendar .wj-calendar-year{width:100%;border-collapse:collapse;font:inherit}.wj-calendar .wj-calendar-year td{width:25%}.wj-calendar .wj-calendar-year tr:not(.wj-header) td{height:3em}.wj-calendar td{text-align:center;padding:4px 6px 3px 6px;border:0}.wj-calendar.wj-dropdown-panel{width:23em}.wj-calendar.wj-rtl .wj-calendar-header .wj-btn-group{float:left}.wj-calendar.wj-rtl .wj-calendar-header .wj-btn-group .wj-btn .wj-glyph-right,.wj-calendar.wj-rtl .wj-calendar-header .wj-btn-group .wj-btn .wj-glyph-left{transform:scale(-1,1)}.wj-dropdown-panel .wj-calendar-outer{border:0;background:0 0}.wj-dropdown-panel .wj-calendar-outer>.wj-content{display:block}.wj-yearpicker{max-height:12em;display:grid;grid-template-columns:repeat(4,1fr);width:4em;text-align:center}.wj-yearpicker .wj-listbox-item{text-align:center;display:inline-block;width:4em}.wj-colorpicker{width:420px;height:200px;padding:4px}.wj-colorpicker .wj-colorbox{position:relative;width:100%;height:100%;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.wj-inputcolor .wj-input-group input.wj-form-control{padding-left:24px}.wj-inputcolor .wj-inputcolorbox{position:absolute;left:6px;top:6px;bottom:6px;width:12px;border:1px solid #000}.wj-inputcolor.wj-rtl .wj-input-group input.wj-form-control{padding-left:4px;padding-right:24px}.wj-inputcolor.wj-rtl .wj-inputcolorbox{left:auto;right:6px}.wj-listbox.wj-dropdown-panel .wj-autocomplete-match{font-weight:700}.wj-multi-autocomplete{width:100%;padding:5px}.wj-multi-autocomplete .wj-input{float:left}.wj-multi-autocomplete .wj-input-group .wj-form-control{margin-top:5px;height:auto}.wj-multi-autocomplete .wj-token{background:#eee;color:#000;border:1px solid rgba(0,0,0,.2);border-radius:4px;margin:5px;vertical-align:middle;float:left;cursor:default}.wj-multi-autocomplete .wj-token:focus,.wj-multi-autocomplete .wj-token:hover,.wj-multi-autocomplete .wj-token.wj-token-active{background:#e1e1e1;transition-duration:.4s}.wj-multi-autocomplete .wj-token .wj-token-label{padding:4px 6px 3px 6px;display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;max-width:500px}.wj-multi-autocomplete .wj-token .wj-token-close{padding:4px 6px 3px 6px;color:#000;vertical-align:middle;cursor:pointer;text-decoration:none}.wj-multi-autocomplete .wj-token .wj-token-close:hover,.wj-multi-autocomplete .wj-token .wj-token-close:focus{opacity:.5;transition-duration:.4s}.wj-multi-autocomplete .wj-token-helper{position:absolute;left:-10000px}.wj-popup{background:#fff;box-shadow:0 6px 13px rgba(0,0,0,.2);margin:2px 0}.wj-popup .wj-dialog-header{width:100%;background:#eee;color:#444;font-weight:700;font-size:120%;padding:1em}.wj-popup .wj-dialog-body{padding:1em}.wj-popup .wj-dialog-footer{text-align:right;margin-top:1em;padding:1em}.wj-popup-backdrop{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.5)}.wj-menu .wj-form-control{cursor:pointer}.wj-listbox.wj-menu-items .wj-listbox-item:not(.wj-state-disabled):not(.wj-separator){cursor:pointer}.wj-listbox.wj-menu-items .wj-listbox-item.wj-subitems{position:relative}.wj-listbox.wj-menu-items .wj-listbox-item.wj-subitems:after{content:'';position:absolute;top:50%;transform:translate(0,-50%);opacity:.75;border-top:.4em solid transparent;border-bottom:.4em solid transparent;border-left:.5em solid}.wj-listbox.wj-menu-items:not(.wj-rtl) .wj-listbox-item.wj-subitems{padding-right:1.8em}.wj-listbox.wj-menu-items:not(.wj-rtl) .wj-listbox-item.wj-subitems:after{right:.55em}.wj-listbox.wj-menu-items.wj-rtl .wj-listbox-item.wj-subitems{padding-left:1.8em}.wj-listbox.wj-menu-items.wj-rtl .wj-listbox-item.wj-subitems:after{left:.55em;transform:translate(0,-50%) scale(-1,1)}.wj-pager .wj-input-group .wj-input-group-btn>.wj-btn{min-width:40px}.wj-pager .wj-input-group .wj-form-control{text-align:center;border-left:1px solid rgba(0,0,0,.2);border-right:1px solid rgba(0,0,0,.2)}.wj-tabpanel{display:block}.wj-tabpanel>div>.wj-tabpanes{overflow:auto;border-top:1px solid #ddd;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.wj-tabpanel>div>.wj-tabpanes>.wj-tabpane:not(.wj-state-active){display:none}.wj-tabpanel>div>.wj-tabheaders>.wj-tabheader{position:relative;cursor:pointer;display:inline-block;text-align:center;padding:8px 12px;text-decoration:none;color:inherit;font-weight:700;text-transform:uppercase}.wj-tabpanel>div>.wj-tabheaders>.wj-tabheader.wj-state-active{background:#fff;color:#0085c7}.wj-tabpanel>div>.wj-tabheaders>.wj-tabheader:not(.wj-state-active):not(.wj-state-disabled):focus{background:rgba(0,0,0,.1)}.wj-tabpanel>div>.wj-tabheaders>.wj-tabheader:after{content:'';position:absolute;background:#0085c7;height:2.5px;left:45%;width:10%;bottom:0;visibility:hidden}.wj-tabpanel>div>.wj-tabheaders>.wj-tabheader.wj-state-active:after{left:0;width:100%;visibility:visible;transition-duration:.2s}.wj-treeview{width:100%;overflow:auto;border:0}.wj-treeview .wj-nodelist{display:block;position:relative}.wj-treeview .wj-nodelist .wj-nodelist{padding-left:1em}.wj-treeview .wj-node{cursor:pointer;white-space:nowrap;padding:3px 10px}.wj-treeview .wj-node:before{content:'';position:relative;display:inline-block;border-top:.5em solid;border-right:.45em solid transparent;border-left:.45em solid transparent;top:-1px;margin-right:4px;opacity:.75;transition:all .3s cubic-bezier(.4,0,.2,1)}.wj-treeview .wj-node.wj-state-selected{color:inherit;background:rgba(0,0,0,.05)}.wj-treeview .wj-node.wj-state-collapsed:before,.wj-treeview .wj-node.wj-state-collapsing:before{transform:rotate(-90deg);transition:all .3s cubic-bezier(.4,0,.2,1)}.wj-treeview .wj-node.wj-state-collapsed.wj-state-loading:before{animation-name:wjLazyNodeLoading;animation-duration:.6s;animation-direction:alternate;animation-iteration-count:infinite}.wj-treeview .wj-node.wj-state-empty:before{visibility:hidden}.wj-treeview .wj-node.wj-state-collapsed+.wj-nodelist{display:none}.wj-treeview .wj-node img{padding-right:4px}.wj-treeview .wj-node .wj-node-check{margin-right:4px}.wj-treeview .wj-node .wj-node-text{display:inline-block}.wj-treeview .wj-marker{position:absolute;background:#0085c7;opacity:.5;pointer-events:none}.wj-treeview.wj-state-loading *{cursor:wait}.wj-treeview.wj-rtl .wj-nodelist .wj-nodelist{padding-left:unset;padding-right:1em}.wj-treeview.wj-rtl .wj-nodelist .wj-node:before{margin-right:unset;margin-left:4px}.wj-treeview.wj-rtl .wj-nodelist .wj-node.wj-state-collapsed:before,.wj-treeview.wj-rtl .wj-nodelist .wj-node.wj-state-collapsing:before{transform:rotate(90deg)}.wj-treeview.wj-rtl .wj-node img{padding-right:unset;padding-left:4px}.wj-treeview.wj-rtl .wj-node .wj-node-check{margin-right:unset;margin-left:4px}@keyframes wjLazyNodeLoading{0%{opacity:1;transform:scale(1.1)}to{opacity:.5;transform:scale(.5)}}.wj-flexgrid{width:100%;cursor:default;overflow:hidden}.wj-flexgrid .wj-row{position:absolute;top:0}.wj-flexgrid .wj-colheaders .wj-header.wj-state-multi-selected{border-bottom:2px solid #0085c7}.wj-flexgrid .wj-rowheaders .wj-header.wj-state-multi-selected{border-right:2px solid #0085c7}.wj-flexgrid .wj-frozen-clone .wj-cell{pointer-events:auto}.wj-flexgrid .wj-frozen-clone .wj-cell a{display:inline-block}.wj-flexgrid .wj-marquee{position:absolute;border:2px solid #0085c7}.wj-flexgrid .wj-marker{position:absolute;background:#0085c7;opacity:.5;pointer-events:none;z-index:1000}.wj-flexgrid .wj-state-sticky .wj-header{opacity:.75}.wj-flexgrid .wj-grid-editor{width:100%;height:100%;border:0;margin:0;padding:0;background:inherit;color:inherit;overflow:hidden;resize:none}.wj-flexgrid .wj-cell .wj-btn.wj-btn-glyph{padding:0 4px;min-width:1.5em;color:inherit;background:0 0;opacity:.6}.wj-flexgrid .wj-cell .wj-btn.wj-btn-glyph:hover,.wj-flexgrid .wj-cell .wj-btn.wj-btn-glyph:focus{opacity:1;transition-duration:.4s}.wj-flexgrid .wj-cell .wj-btn.wj-btn-glyph.wj-right{position:absolute;right:4px;top:0;bottom:0}.wj-flexgrid .wj-cell .wj-btn.wj-btn-glyph.wj-elem-detail{min-width:1em;padding:0}.wj-flexgrid .wj-cell .wj-btn.wj-btn-glyph>span{opacity:1}.wj-flexgrid.wj-rtl .wj-cell{border-left:1px solid rgba(0,0,0,.2);border-right:none}.wj-flexgrid.wj-rtl .wj-cell .wj-btn.wj-btn-glyph.wj-right{left:2px;right:auto}.wj-flexgrid.wj-rtl .wj-frozen-col{border-left:1px solid #a2a2a2;border-right:none}.wj-cell{position:absolute;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:4px 6px 3px 6px;border-right:1px solid rgba(0,0,0,.2);border-bottom:1px solid rgba(0,0,0,.2);background:#fff;outline:0}.wj-cell.wj-alt{background:#f7f7f7}.wj-cell.wj-header{background:#eee;color:#444;font-weight:700}.wj-cell.wj-header.wj-state-multi-selected{background:#e1e1e1;color:#444;font-weight:700}.wj-cell.wj-frozen-row{border-bottom:1px solid #a2a2a2}.wj-cell.wj-frozen-col{border-right:1px solid #a2a2a2}.wj-cell.wj-group{background:#e1e1e1;color:#444}.wj-cell.wj-state-invalid{border:1.2px solid red}.wj-cell.wj-state-invalid.wj-header{background:#ffb4b4}.wj-cell.wj-state-invalid:not(.wj-header):after{position:absolute;content:'';width:0;right:0;top:-6px;border:6px solid transparent;border-right-color:red}.wj-cell.wj-header.wj-state-dragsrc{opacity:.5}.wj-cell.wj-wrap{white-space:normal;text-overflow:clip}.wj-cell.wj-multiline{white-space:pre;text-overflow:clip}.wj-cell.wj-wrap.wj-multiline{white-space:pre-wrap;text-overflow:clip}.wj-cell.wj-align-right{text-align:right}.wj-cell.wj-align-center{text-align:center}.wj-cell.wj-align-justify{text-align:justify}.wj-cell.wj-align-justify-all{text-align:justify;text-align-last:justify;text-justify:distribute}.wj-cells .wj-cell.wj-state-selected{background:#0085c7;color:#fff}.wj-cells .wj-cell.wj-state-multi-selected{background:#80adbf;color:#fff}.wj-flexgrid .wj-cell.wj-filter-on .wj-elem-filter{opacity:.9}.wj-flexgrid .wj-cell.wj-filter-off .wj-elem-filter{opacity:.5}.wj-flexgrid .wj-cell.wj-filter-on,.wj-flexgrid .wj-cell.wj-filter-off{padding-right:1.6em}.wj-flexgrid.wj-rtl .wj-cell.wj-filter-on,.wj-flexgrid.wj-rtl .wj-cell.wj-filter-off{padding-left:1.6em;padding-right:2px}.wj-columnfiltereditor{padding:10px;min-width:230px;max-width:400px}.wj-columnfiltereditor .wj-filtertype{text-align:right;margin:14px 0;font-size:12px}.wj-columnfiltereditor .wj-control{margin-bottom:6px;width:100%}.wj-columnfiltereditor .wj-valuefilter-editor,.wj-columnfiltereditor .wj-conditionfilter-editor{margin-top:1em}.wj-columnfiltereditor .wj-listbox{height:150px}.wj-columnfiltereditor .wj-listbox .wj-listbox-item{max-width:25em}.wj-columnfiltereditor .wj-listbox .wj-listbox-item label{white-space:nowrap}.wj-columnfiltereditor .wj-listbox:not(.wj-state-focused) .wj-listbox-item.wj-state-selected{color:inherit;background:inherit;transition:all 300ms}.wj-columnfiltereditor a{color:inherit;font-size:inherit;font-weight:700}.wj-columnfiltereditor a.wj-state-disabled{text-decoration:none}.wj-grouppanel{display:block;background:#e1e1e1;padding:15px}.wj-grouppanel .wj-groupmarker{margin-right:10px;padding:6px 16px;border:1px solid rgba(0,0,0,.2);cursor:pointer}.wj-grouppanel .wj-groupmarker:hover{background:#e1e1e1}.wj-grouppanel .wj-groupmarker .wj-glyph-drag{margin:0 10px 0 0}.wj-grouppanel .wj-groupmarker .wj-filter{margin:0 0 0 10px;cursor:pointer;opacity:.5}.wj-grouppanel .wj-groupmarker .wj-filter:hover,.wj-grouppanel .wj-groupmarker .wj-filter.wj-filter-on{opacity:1}.wj-grouppanel .wj-groupmarker .wj-remove{cursor:pointer;opacity:.5;padding:12px 0 12px 12px}.wj-grouppanel .wj-groupmarker .wj-remove:hover{opacity:1}.wj-grouppanel .wj-groupmarker span{opacity:.5}.wj-grouppanel .wj-groupmarker span:hover{opacity:1}.wj-grouppanel.wj-rtl .wj-groupmarker .wj-glyph-drag{margin:0 0 0 10px}.wj-grouppanel.wj-rtl .wj-groupmarker .wj-filter{margin:0 10px 0 0}.wj-grouppanel.wj-rtl .wj-groupmarker .wj-remove{padding:12px 12px 12px 0}.wj-flexchart{height:400px;padding:15px 10px;margin-bottom:12px;background:#fff;border:1px solid #e4e4e4;display:block;background:0 0}.wj-flexchart .wj-header .wj-title{font-size:16pt;fill:#666;font-weight:400}.wj-flexchart .wj-footer .wj-title{fill:#666;font-weight:400}.wj-flexchart .wj-label,.wj-flexchart .wj-data-label{fill:#666}.wj-flexchart .wj-data-label-border{stroke:rgba(128,128,128,.5)}.wj-flexchart .wj-data-label-line{stroke:gray}.wj-flexchart .wj-axis-x .wj-title,.wj-flexchart .wj-axis-y .wj-title,.wj-flexchart .wj-legend .wj-title{font-style:italic}.wj-flexchart .wj-axis-x .wj-line{stroke:#aaa;stroke-width:1px}.wj-flexchart .wj-gridline,.wj-flexchart .wj-gridline-minor{stroke:#666;stroke-width:1px;opacity:.75}.wj-flexchart .wj-gridline-minor{opacity:.25}.wj-flexchart .wj-tick,.wj-flexchart .wj-tick-minor{stroke:#aaa;stroke-width:1px}.wj-flexchart .wj-state-selected{stroke-width:3px;stroke-dasharray:6;stroke-linecap:square}.wj-flexchart.wj-flexchart-touch-disabled{touch-action:none;-ms-touch-action:none}.wj-flexchart .wj-chart-linemarker{background:rgba(128,128,128,.3);position:absolute;padding:2px}.wj-flexchart .wj-chart-linemarker .wj-chart-linemarker-hline{height:2px;background:gray;position:absolute;touch-action:none;-ms-touch-action:none}.wj-flexchart .wj-chart-linemarker .wj-chart-linemarker-vline{width:2px;background:gray;position:absolute;touch-action:none;-ms-touch-action:none}.wj-flexchart .wj-chart-linemarker-container{position:relative}.wj-flexchart.wj-chart-linemarker-draggable,.wj-flexchart .wj-chart-linemarker .wj-chart-linemarker-draggable{cursor:move}@media (max-width:1025px){.wj-flexchart .wj-state-selected{stroke-width:2px;stroke-dasharray:4}}@media (max-width:767px){wj-flexchart .wj-state-selected{stroke-width:1px;stroke-dasharray:3}}.wj-treemap .wj-data-label{fill:#fff}.wj-flexchart .wj-chart-rangeslider{position:absolute;touch-action:none;-ms-touch-action:none}.wj-flexchart .wj-chart-rangeslider button{position:absolute;text-align:center;vertical-align:middle;padding:0;line-height:16px;border-radius:2px}.wj-flexchart .wj-chart-rangeslider .wj-rangeslider-content{background:#eaeaea;height:100%;position:relative}.wj-flexchart .wj-chart-rangeslider .wj-rangeslider-rangehandle{position:absolute;text-align:center;vertical-align:middle;background:#bdbdbd;height:100%;width:100%}.wj-flexchart .wj-chart-rangeslider .wj-rangeslider-minhandle,.wj-flexchart .wj-chart-rangeslider .wj-rangeslider-maxhandle{border:1px solid gray;display:block;position:absolute;border-radius:4px}.wj-flexchart .wj-chart-rangeslider .wj-rangeslider-handle-active{z-index:2}.wj-flexchart .wj-chart-rangeslider .wj-glyph-left{border-top:5px solid transparent;border-right:4px solid;border-bottom:4px solid transparent;margin-right:2px}.wj-flexchart .wj-chart-rangeslider .wj-glyph-right{border-bottom:5px solid transparent;border-left:4px solid;border-top:4px solid transparent;margin-left:2px}.wj-flexchart .wj-chart-rangeslider .wj-glyph-down{border-top:5px solid;border-right:4px solid transparent;border-left:4px solid transparent;margin-bottom:3px}.wj-flexchart .wj-chart-rangeslider .wj-glyph-up{border-right:4px solid transparent;border-bottom:5px solid;border-left:4px solid transparent;margin-bottom:4px}.wj-flexchart .wj-chart-hrangeslider .wj-rangeslider-minhandle,.wj-flexchart .wj-chart-hrangeslider .wj-rangeslider-maxhandle{background:#bdbdbd;cursor:ew-resize;height:22px;margin-top:-2px;width:14px}.wj-flexchart .wj-chart-hrangeslider .wj-rangeslider-decbtn{left:0}.wj-flexchart .wj-chart-hrangeslider .wj-rangeslider-incbtn{right:0}.wj-flexchart .wj-chart-hrangeslider button{width:16px;height:100%}.wj-flexchart .wj-chart-vrangeslider .wj-rangeslider-minhandle,.wj-flexchart .wj-chart-vrangeslider .wj-rangeslider-maxhandle{background:#bdbdbd;cursor:ns-resize;width:22px;margin-left:-2px;height:14px}.wj-flexchart .wj-chart-vrangeslider .wj-rangeslider-decbtn{bottom:0}.wj-flexchart .wj-chart-vrangeslider .wj-rangeslider-incbtn{top:0}.wj-flexchart .wj-chart-vrangeslider button{height:16px;width:100%}.wj-flexchart .wj-chart-rangeselector-container{position:relative}.wj-flexchart .wj-chart-rangeselector-container .wj-chart-rangeslider,.wj-flexchart .wj-chart-rangeselector-container .wj-rangeslider-content{background:0 0;border-color:transparent}.wj-flexchart .wj-chart-rangeselector-container .wj-rangeslider-rangehandle{opacity:.3}.wj-flexchart .wj-chart-rangeselector-container .wj-rangeslider-minhandle,.wj-flexchart .wj-chart-rangeselector-container .wj-rangeslider-maxhandle{background:0 0;opacity:.6;border:2px solid gray;border-radius:.5em}.wj-flexchart .wj-chart-rangeselector-container .wj-chart-hrangeslider .wj-rangeslider-minhandle,.wj-flexchart .wj-chart-rangeselector-container .wj-chart-hrangeslider .wj-rangeslider-maxhandle{height:20px;width:20px;border-radius:50%;top:0;bottom:0;margin:auto;border:1px solid rgba(128,128,128,.75);color:gray;background:#d3d3d3;opacity:1}.wj-flexchart .wj-chart-rangeselector-container .wj-chart-hrangeslider .wj-rangeslider-minhandle:after,.wj-flexchart .wj-chart-rangeselector-container .wj-chart-hrangeslider .wj-rangeslider-maxhandle:after{content:"\2551";text-align:center;width:100%;display:inline-block;position:absolute;margin:0;top:50%;transform:translateY(-55%);opacity:.75;font-size:10px}.wj-flexchart .wj-chart-rangeselector-container .wj-chart-vrangeslider .wj-rangeslider-minhandle,.wj-flexchart .wj-chart-rangeselector-container .wj-chart-vrangeslider .wj-rangeslider-maxhandle{height:20px;width:20px;left:50%;border-radius:50%;border:1px solid rgba(128,128,128,.75);top:0;bottom:0;color:gray;background:#d3d3d3;opacity:1}.wj-flexchart .wj-chart-rangeselector-container .wj-chart-vrangeslider .wj-rangeslider-minhandle:after,.wj-flexchart .wj-chart-rangeselector-container .wj-chart-vrangeslider .wj-rangeslider-maxhandle:after{content:"\2550";text-align:center;height:100%;display:inline-block;position:absolute;margin:0;left:50%;transform:translate(-50%,15%);opacity:.75;font-size:12px}.wj-flexchart .wj-chart-rangeselector-container .wj-chart-rangeslider .wj-rangeslider-minhandle.wj-rangeslider-handle-active,.wj-flexchart .wj-chart-rangeselector-container .wj-chart-rangeslider .wj-rangeslider-maxhandle.wj-rangeslider-handle-active{background:rgba(136,189,230,.7)}.wj-flexchart .wj-rangeselector .wj-scroller-center{background:rgba(128,128,128,.1);position:absolute;display:block;touch-action:none;-ms-touch-action:none}.wj-flexchart.wj-panable{cursor:pointer}.wj-flexchart .wj-zoom{visibility:hidden;position:relative}.wj-flexchart .wj-zoom-overlay{background:rgba(128,128,128,.2);position:absolute;display:block;touch-action:none;-ms-touch-action:none}.wj-flexchart .wj-block-other-interaction{display:none}.wj-gauge{background:0 0}.wj-gauge:not(.wj-state-readonly){touch-action:none}.wj-gauge .wj-face path{fill:#f5f5f5;stroke:#cbcbcb;stroke-width:1px;stroke-linejoin:round}.wj-gauge .wj-pointer{fill:#0085c7}.wj-gauge .wj-ticks{stroke-width:2px;stroke:#fff}.wj-gauge .wj-min,.wj-gauge .wj-max{font-size:60%;opacity:.5}.wj-gauge text{fill:currentColor}.wj-gauge svg{overflow:visible}.wj-radialgauge .wj-value{font-size:150%}.wj-lineargauge{height:1.2em}
/*!
    *
    * Wijmo Library 5.20191.603
    * http://wijmo.com/
    *
    * Copyright(c) GrapeCity, Inc.  All rights reserved.
    *
    * Licensed under the GrapeCity Commercial License.
    * sales@wijmo.com
    * wijmo.com/products/wijmo-5/license/
    *
    */
.wj-glyph, .wj-glyph-asterisk, .wj-glyph-calendar, .wj-glyph-check, .wj-glyph-circle, .wj-glyph-clipboard, .wj-glyph-clock, .wj-glyph-diamond, .wj-glyph-dimension, .wj-glyph-down, .wj-glyph-down-left, .wj-glyph-down-right, .wj-glyph-drag, .wj-glyph-file, .wj-glyph-left, .wj-glyph-measure, .wj-glyph-plus, .wj-glyph-minus, .wj-glyph-pencil, .wj-glyph-right, .wj-glyph-square, .wj-glyph-step-backward, .wj-glyph-step-forward, .wj-glyph-up, .wj-glyph-up-left, .wj-glyph-up-right, .wj-glyph-filter {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    opacity: .75;
    cursor: pointer
}

/* make active filter images 25% larger */
.wj-filter-on .wj-glyph-filter {
    color: white;
}

.wj-filter-on button{
    background-color: var(--secondary)!important;
}

.wj-glyph-asterisk:after {
    content: '\2731\fe0e'
}

.wj-glyph-calendar {
    width: 1em;
    height: 1em;
    border: .1em solid;
    border-top: .3em solid;
    transform: translateY(.15em)
}

.wj-glyph-calendar:after {
    position: absolute;
    font-size: 50%;
    left: .5em;
    content: '1'
}

.wj-glyph-check:after {
    content: '\2714\fe0e';
    font-weight: 700
}

.wj-glyph-circle {
    border: .3em solid;
    border-radius: 50%;
    transform: translateY(-.1em)
}

.wj-glyph-clipboard:after {
    content: '\1f4cb\fe0e'
}

.wj-glyph-clock {
    width: 1em;
    height: 1em;
    border: .1em solid;
    border-radius: 50%;
    transform: translateY(.15em)
}

.wj-glyph-clock:after {
    position: absolute;
    border-left: .1em solid;
    border-bottom: .1em solid;
    width: .25em;
    height: .3em;
    top: .1em;
    left: .35em;
    content: ''
}

.wj-glyph-diamond:after {
    content: '\25c6\fe0e'
}

.wj-glyph-dimension:after {
    content: '\27c0\fe0e'
}

.wj-glyph-down {
    top: -1px;
    border-top: .5em solid;
    border-right: .4em solid transparent;
    border-left: .4em solid transparent
}

.wj-glyph-down-left {
    border-top: .65em solid transparent;
    border-left: .65em solid
}

.wj-glyph-down-right {
    top: -2px;
    border-bottom: .65em solid;
    border-left: .65em solid transparent
}

.wj-glyph-drag {
    width: 1em;
    height: 1em
}

.wj-glyph-drag:after {
    content: ' ';
    position: absolute;
    top: .15em;
    left: .1em;
    width: 1em;
    height: 1em;
    background: radial-gradient(#000 1px, transparent 2px);
    background-size: .33em .33em
}

.wj-glyph-file {
    border-left: .7em solid;
    height: .85em
}

.wj-glyph-file:after {
    position: absolute;
    transform: translateX(-100%);
    border-top: .3em solid transparent;
    border-left: .3em solid #fff;
    content: ''
}

.wj-glyph-left {
    border-top: .4em solid transparent;
    border-right: .5em solid;
    border-bottom: .4em solid transparent
}

.wj-glyph-measure:after {
    content: '\1f4ca\fe0e'
}

.wj-glyph-plus, .wj-glyph-minus {
    border-top: .25em solid;
    width: .9em;
    top: -.3em
}

.wj-glyph-plus:after {
    position: absolute;
    box-sizing: border-box;
    border-left: .25em solid;
    width: .25em;
    height: .95em;
    left: .3em;
    top: -.6em;
    content: ''
}

.wj-glyph-pencil:after {
    content: '\270e\fe0e'
}

.wj-glyph-right {
    border-top: .4em solid transparent;
    border-bottom: .4em solid transparent;
    border-left: .5em solid
}

.wj-glyph-square {
    border: .25em solid
}

.wj-glyph-step-backward {
    border-top: .4em solid transparent;
    border-right: .5em solid;
    border-bottom: .4em solid transparent;
    transform: translateX(.12em)
}

.wj-glyph-step-backward:after {
    position: absolute;
    border-left: .2em solid;
    height: .75em;
    transform: translate(-100%, -50%);
    content: ''
}

[dir=rtl] .wj-glyph-step-backward:after {
    transform: translate(0, -50%)
}

.wj-glyph-step-forward {
    border-top: .4em solid transparent;
    border-bottom: .4em solid transparent;
    border-left: .5em solid
}

.wj-glyph-step-forward:after {
    position: absolute;
    border-left: .2em solid;
    height: .75em;
    transform: translateY(-50%);
    content: ''
}

[dir=rtl] .wj-glyph-step-forward:after {
    transform: translate(100%, -50%)
}

.wj-glyph-up {
    border-right: .4em solid transparent;
    border-bottom: .5em solid;
    border-left: .4em solid transparent
}

.wj-glyph-up-left {
    border-bottom: .65em solid transparent;
    border-left: .65em solid
}

.wj-glyph-up-right {
    border-top: .65em solid;
    border-left: .65em solid transparent
}

.wj-glyph-filter {
    top: -.1em;
    width: .5em;
    border-top: .5em solid;
    border-right: .4em solid transparent;
    border-left: .4em solid transparent
}

.wj-glyph-filter:after {
    position: absolute;
    border-left: .2em solid;
    height: .4em;
    transform: translateX(-50%);
    top: -.2em;
    content: ''
}

[dir=rtl] .wj-glyph-filter:after {
    transform: translateX(50%)
}

.wj-control {
    display: block;
    box-sizing: border-box;
    color: #000;
    background: #fff;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.wj-control * {
    box-sizing: inherit
}

.wj-control[disabled] {
    opacity: .6;
    cursor: default;
    pointer-events: none
}

.wj-control [contenteditable] {
    user-select: text;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text
}

.wj-control:focus, .wj-control :focus, .wj-control a:focus {
    outline: 0
}

.wj-control input::-ms-clear {
    display: none
}

.wj-control input[type=number]::-webkit-inner-spin-button, .wj-control input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.wj-control input:invalid {
    box-shadow: none;
    outline: 0
}

.wj-control .wj-btn, .wj-viewer .wj-control .wj-applybutton {
    background: #eee;
    color: #000;
    cursor: pointer;
    display: inline-block;
    border-style: none;
    padding: 0 10px;
    text-align: center;
    min-width: 30px;
    white-space: nowrap
}

.wj-control .wj-btn:focus, .wj-viewer .wj-control .wj-applybutton:focus, .wj-control .wj-btn:hover, .wj-viewer .wj-control .wj-applybutton:hover {
    background: #e1e1e1;
    transition-duration: .4s
}

.wj-control .wj-btn[disabled], .wj-viewer .wj-control .wj-applybutton[disabled] {
    opacity: .6;
    cursor: default;
    pointer-events: none
}

.wj-control a.wj-btn, .wj-viewer .wj-control a.wj-applybutton, .wj-control button.wj-btn:not(.wj-btn-default), .wj-viewer .wj-control button.wj-applybutton:not(.wj-btn-default) {
    border-radius: 4px;
    padding: 6px 15px;
    text-decoration: none;
    font-weight: 700;
    font-size: 12px
}

.wj-header {
    background: #eee;
    color: #444;
    font-weight: 700
}

.wj-state-selected {
    background: #0085c7;
    color: #fff
}

.wj-state-multi-selected {
    background: #80adbf;
    color: #fff
}

.wj-state-disabled {
    opacity: .6;
    cursor: default;
    pointer-events: none
}

.wj-content {
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 4px;
    overflow: hidden
}

.wj-tooltip {
    box-sizing: border-box;
    position: absolute;
    pointer-events: none;
    max-width: 400px;
    padding: 4px 6px 3px 6px;
    background: #fff;
    color: #000;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 4px;
    box-shadow: 0 6px 13px rgba(0, 0, 0, .2)
}

.wj-tooltip.wj-error-tip {
    background: red;
    color: #fff;
    white-space: pre-line;
    font-weight: 700
}

.wj-dropdown-panel {
    box-shadow: 0 6px 13px rgba(0, 0, 0, .2)
}

.wj-content.wj-dropdown, .wj-content.wj-inputnumber, .wj-content.wj-inputmask, .wj-content.wj-calendar-outer, .wj-content.wj-pager {
    vertical-align: middle;
    display: inline-table;
    border-collapse: separate
}

.wj-control .wj-template {
    position: relative;
    display: table-cell
}

.wj-control .wj-template, .wj-control .wj-input {
    height: 100%
}

.wj-control .wj-input-group {
    display: table;
    border-collapse: separate;
    width: 100%;
    height: 100%
}

.wj-control .wj-input-group .wj-input-group-btn {
    display: table-cell;
    width: 1%;
    height: 100%;
    min-width: 26px;
    white-space: nowrap;
    vertical-align: top
}

.wj-control .wj-input-group .wj-input-group-btn:last-child:not(:first-child)>.wj-btn, .wj-viewer .wj-control .wj-input-group .wj-input-group-btn:last-child:not(:first-child)>.wj-applybutton {
    border-left: 1px solid rgba(0, 0, 0, .2)
}

.wj-control .wj-input-group .wj-input-group-btn:first-child:not(:last-child)>.wj-btn, .wj-viewer .wj-control .wj-input-group .wj-input-group-btn:first-child:not(:last-child)>.wj-applybutton {
    border-right: 1px solid rgba(0, 0, 0, .2)
}

.wj-control .wj-input-group .wj-form-control {
    display: table-cell;
    padding: 4px 8px;
    background: 0 0;
    color: inherit;
    border: 0;
    width: 100%;
    height: 100%;
    min-height: 2em
}

.wj-control .wj-btn-group {
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 4px;
    overflow: hidden
}

.wj-control .wj-btn-group>:not(:first-child) {
    border-left: 1px solid rgba(0, 0, 0, .2)
}

.wj-control .wj-btn-group>.wj-form-control {
    padding: 4px 6px 3px 6px;
    background: 0 0;
    border: 0
}

.wj-control .wj-btn-group>.wj-form-control:not(:first-child) {
    border-left: 1px solid rgba(0, 0, 0, .2)
}

.wj-control .wj-btn-group>.wj-btn, .wj-viewer .wj-control .wj-btn-group>.wj-applybutton, .wj-control .wj-input-group-btn>.wj-btn, .wj-viewer .wj-control .wj-input-group-btn>.wj-applybutton {
    height: 100%;
    min-height: 2em;
    background: #eee
}

.wj-control .wj-btn-group>.wj-btn:focus, .wj-viewer .wj-control .wj-btn-group>.wj-applybutton:focus, .wj-control .wj-btn-group>.wj-btn:hover, .wj-viewer .wj-control .wj-btn-group>.wj-applybutton:hover, .wj-control .wj-input-group-btn>.wj-btn:focus, .wj-viewer .wj-control .wj-input-group-btn>.wj-applybutton:focus, .wj-control .wj-input-group-btn>.wj-btn:hover, .wj-viewer .wj-control .wj-input-group-btn>.wj-applybutton:hover {
    background: #e1e1e1;
    transition-duration: .4s
}

.wj-control .wj-btn-group>.wj-btn.wj-btn-default, .wj-viewer .wj-control .wj-btn-group>.wj-btn-default.wj-applybutton, .wj-control .wj-input-group-btn>.wj-btn.wj-btn-default, .wj-viewer .wj-control .wj-input-group-btn>.wj-btn-default.wj-applybutton {
    background: 0 0;
    color: #000
}

.wj-control .wj-btn-group>.wj-btn.wj-btn-default:focus, .wj-viewer .wj-control .wj-btn-group>.wj-btn-default.wj-applybutton:focus, .wj-control .wj-btn-group>.wj-btn.wj-btn-default:hover, .wj-viewer .wj-control .wj-btn-group>.wj-btn-default.wj-applybutton:hover, .wj-control .wj-input-group-btn>.wj-btn.wj-btn-default:focus, .wj-viewer .wj-control .wj-input-group-btn>.wj-btn-default.wj-applybutton:focus, .wj-control .wj-input-group-btn>.wj-btn.wj-btn-default:hover, .wj-viewer .wj-control .wj-input-group-btn>.wj-btn-default.wj-applybutton:hover {
    background: #e1e1e1;
    transition-duration: .4s
}

.wj-control.wj-rtl .wj-input-group-btn:last-child:not(:first-child)>.wj-btn, .wj-viewer .wj-control.wj-rtl .wj-input-group-btn:last-child:not(:first-child)>.wj-applybutton {
    border-right: 1px solid rgba(0, 0, 0, .2);
    border-left: none
}

.wj-control.wj-rtl .wj-input-group-btn:first-child:not(:last-child)>.wj-btn, .wj-viewer .wj-control.wj-rtl .wj-input-group-btn:first-child:not(:last-child)>.wj-applybutton {
    border-left: 1px solid rgba(0, 0, 0, .2);
    border-right: none
}

.wj-control.wj-rtl .wj-btn-group>:not(:first-child) {
    border-right: 1px solid rgba(0, 0, 0, .2);
    border-left: none
}

.wj-control.wj-rtl .wj-btn-group>.wj-form-control:not(:first-child) {
    border-right: 1px solid rgba(0, 0, 0, .2);
    border-left: none
}

.wj-inputnumber input.wj-form-control {
    text-align: right
}

.wj-listbox {
    overflow: auto;
    cursor: default
}

.wj-listbox .wj-listbox-item {
    padding: 4px 6px 3px 6px
}

.wj-listbox .wj-listbox-item.wj-separator {
    height: 1px;
    margin: 3px 0;
    padding: 0;
    background: rgba(0, 0, 0, .1)
}

.wj-listbox .wj-listbox-item.wj-header {
    opacity: 1;
    position: sticky;
    top: 0
}

.wj-listbox .wj-listbox-item.wj-state-selected {
    transform: scale(1)
}

.wj-listbox .wj-listbox-item:not(.wj-state-selected):not(.wj-state-disabled):not(.wj-separator):hover {
    background: rgba(0, 0, 0, .05);
    transition-duration: .4s
}

.wj-listbox .wj-listbox-item label {
    font-weight: 400;
    margin: 0
}

.wj-listbox.wj-dropdown-panel>.wj-listbox {
    width: 100%;
    border: 0;
    background: inherit;
    color: inherit
}

.wj-calendar .wj-header {
    font-size: 90%
}

.wj-calendar .wj-day-today {
    font-weight: 700
}

.wj-calendar .wj-day-othermonth {
    opacity: .65
}

.wj-calendar .wj-calendar-outer {
    display: block;
    padding: 10px;
    width: 100%;
    height: auto;
    cursor: default
}

.wj-calendar .wj-calendar-header {
    display: block;
    padding: 0 0 15px 0;
    width: 100%
}

.wj-calendar .wj-calendar-header .wj-month-select {
    display: inline-block;
    cursor: pointer
}

.wj-calendar .wj-calendar-header .wj-btn-group {
    float: right;
    margin-bottom: 7px
}

.wj-calendar .wj-calendar-header .wj-btn-group .wj-btn, .wj-calendar .wj-calendar-header .wj-btn-group .wj-viewer .wj-control .wj-applybutton, .wj-viewer .wj-control .wj-calendar .wj-calendar-header .wj-btn-group .wj-applybutton {
    padding: 2px 8px 0 8px
}

.wj-calendar .wj-calendar-month {
    width: 100%;
    border-collapse: collapse;
    font: inherit
}

.wj-calendar .wj-calendar-month td {
    width: 14.29%
}

.wj-calendar .wj-calendar-year {
    width: 100%;
    border-collapse: collapse;
    font: inherit
}

.wj-calendar .wj-calendar-year td {
    width: 25%
}

.wj-calendar .wj-calendar-year tr:not(.wj-header) td {
    height: 3em
}

.wj-calendar td {
    text-align: center;
    padding: 4px 6px 3px 6px;
    border: 0
}

.wj-calendar.wj-dropdown-panel {
    width: 23em
}

.wj-calendar.wj-rtl .wj-calendar-header .wj-btn-group {
    float: left
}

.wj-calendar.wj-rtl .wj-calendar-header .wj-btn-group .wj-btn .wj-glyph-right, .wj-calendar.wj-rtl .wj-calendar-header .wj-btn-group .wj-viewer .wj-control .wj-applybutton .wj-glyph-right, .wj-viewer .wj-control .wj-calendar.wj-rtl .wj-calendar-header .wj-btn-group .wj-applybutton .wj-glyph-right, .wj-calendar.wj-rtl .wj-calendar-header .wj-btn-group .wj-btn .wj-glyph-left, .wj-calendar.wj-rtl .wj-calendar-header .wj-btn-group .wj-viewer .wj-control .wj-applybutton .wj-glyph-left, .wj-viewer .wj-control .wj-calendar.wj-rtl .wj-calendar-header .wj-btn-group .wj-applybutton .wj-glyph-left {
    transform: scale(-1, 1)
}

.wj-dropdown-panel .wj-calendar-outer {
    border: 0;
    background: 0 0
}

.wj-dropdown-panel .wj-calendar-outer>.wj-content {
    display: block
}

.wj-yearpicker {
    max-height: 12em;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 4em;
    text-align: center
}

.wj-yearpicker .wj-listbox-item {
    text-align: center;
    display: inline-block;
    width: 4em
}

.wj-colorpicker {
    width: 420px;
    height: 200px;
    padding: 4px
}

.wj-colorpicker .wj-colorbox {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)
}

.wj-inputcolor .wj-input-group input.wj-form-control {
    padding-left: 24px
}

.wj-inputcolor .wj-inputcolorbox {
    position: absolute;
    left: 6px;
    top: 6px;
    bottom: 6px;
    width: 12px;
    border: 1px solid #000
}

.wj-inputcolor.wj-rtl .wj-input-group input.wj-form-control {
    padding-left: 4px;
    padding-right: 24px
}

.wj-inputcolor.wj-rtl .wj-inputcolorbox {
    left: auto;
    right: 6px
}

.wj-listbox.wj-dropdown-panel .wj-autocomplete-match {
    font-weight: 700
}

.wj-multi-autocomplete {
    width: 100%;
    padding: 5px
}

.wj-multi-autocomplete .wj-input {
    float: left
}

.wj-multi-autocomplete .wj-input-group .wj-form-control {
    margin-top: 5px;
    height: auto
}

.wj-multi-autocomplete .wj-token {
    background: #eee;
    color: #000;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 4px;
    margin: 5px;
    vertical-align: middle;
    float: left;
    cursor: default
}

.wj-multi-autocomplete .wj-token:focus, .wj-multi-autocomplete .wj-token:hover, .wj-multi-autocomplete .wj-token.wj-token-active {
    background: #e1e1e1;
    transition-duration: .4s
}

.wj-multi-autocomplete .wj-token .wj-token-label {
    padding: 4px 6px 3px 6px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    max-width: 500px
}

.wj-multi-autocomplete .wj-token .wj-token-close {
    padding: 4px 6px 3px 6px;
    color: #000;
    vertical-align: middle;
    cursor: pointer;
    text-decoration: none
}

.wj-multi-autocomplete .wj-token .wj-token-close:hover, .wj-multi-autocomplete .wj-token .wj-token-close:focus {
    opacity: .5;
    transition-duration: .4s
}

.wj-multi-autocomplete .wj-token-helper {
    position: absolute;
    left: -10000px
}

.wj-popup {
    background: #fff;
    box-shadow: 0 6px 13px rgba(0, 0, 0, .2);
    margin: 2px 0
}

.wj-popup .wj-dialog-header {
    width: 100%;
    background: #eee;
    color: #444;
    font-weight: 700;
    font-size: 120%;
    padding: 1em
}

.wj-popup .wj-dialog-body {
    padding: 1em
}

.wj-popup .wj-dialog-footer {
    text-align: right;
    margin-top: 1em;
    padding: 1em
}

.wj-popup-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5)
}

.wj-menu .wj-form-control {
    cursor: pointer
}

.wj-listbox.wj-menu-items .wj-listbox-item:not(.wj-state-disabled):not(.wj-separator) {
    cursor: pointer
}

.wj-listbox.wj-menu-items .wj-listbox-item.wj-subitems {
    position: relative
}

.wj-listbox.wj-menu-items .wj-listbox-item.wj-subitems:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    opacity: .75;
    border-top: .4em solid transparent;
    border-bottom: .4em solid transparent;
    border-left: .5em solid
}

.wj-listbox.wj-menu-items:not(.wj-rtl) .wj-listbox-item.wj-subitems {
    padding-right: 1.8em
}

.wj-listbox.wj-menu-items:not(.wj-rtl) .wj-listbox-item.wj-subitems:after {
    right: .55em
}

.wj-listbox.wj-menu-items.wj-rtl .wj-listbox-item.wj-subitems {
    padding-left: 1.8em
}

.wj-listbox.wj-menu-items.wj-rtl .wj-listbox-item.wj-subitems:after {
    left: .55em;
    transform: translate(0, -50%) scale(-1, 1)
}

.wj-pager .wj-input-group .wj-input-group-btn>.wj-btn, .wj-pager .wj-input-group .wj-viewer .wj-control .wj-input-group-btn>.wj-applybutton, .wj-viewer .wj-control .wj-pager .wj-input-group .wj-input-group-btn>.wj-applybutton {
    min-width: 40px
}

.wj-pager .wj-input-group .wj-form-control {
    text-align: center;
    border-left: 1px solid rgba(0, 0, 0, .2);
    border-right: 1px solid rgba(0, 0, 0, .2)
}

.wj-tabpanel {
    display: block
}

.wj-tabpanel>div>.wj-tabpanes {
    overflow: auto;
    border-top: 1px solid #ddd;
    user-select: text;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text
}

.wj-tabpanel>div>.wj-tabpanes>.wj-tabpane:not(.wj-state-active) {
    display: none
}

.wj-tabpanel>div>.wj-tabheaders>.wj-tabheader {
    position: relative;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    padding: 8px 12px;
    text-decoration: none;
    color: inherit;
    font-weight: 700;
    text-transform: uppercase
}

.wj-tabpanel>div>.wj-tabheaders>.wj-tabheader.wj-state-active {
    background: #fff;
    color: #0085c7
}

.wj-tabpanel>div>.wj-tabheaders>.wj-tabheader:not(.wj-state-active):not(.wj-state-disabled):focus {
    background: rgba(0, 0, 0, .1)
}

.wj-tabpanel>div>.wj-tabheaders>.wj-tabheader:after {
    content: '';
    position: absolute;
    background: #0085c7;
    height: 2.5px;
    left: 45%;
    width: 10%;
    bottom: 0;
    visibility: hidden
}

.wj-tabpanel>div>.wj-tabheaders>.wj-tabheader.wj-state-active:after {
    left: 0;
    width: 100%;
    visibility: visible;
    transition-duration: .2s
}

.wj-treeview {
    width: 100%;
    overflow: auto;
    border: 0
}

.wj-treeview .wj-nodelist {
    display: block;
    position: relative
}

.wj-treeview .wj-nodelist .wj-nodelist {
    padding-left: 1em
}

.wj-treeview .wj-node {
    cursor: pointer;
    white-space: nowrap;
    padding: 3px 10px
}

.wj-treeview .wj-node:before {
    content: '';
    position: relative;
    display: inline-block;
    border-top: .5em solid;
    border-right: .45em solid transparent;
    border-left: .45em solid transparent;
    top: -1px;
    margin-right: 4px;
    opacity: .75;
    transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.wj-treeview .wj-node.wj-state-selected {
    color: inherit;
    background: rgba(0, 0, 0, .05)
}

.wj-treeview .wj-node.wj-state-collapsed:before, .wj-treeview .wj-node.wj-state-collapsing:before {
    transform: rotate(-90deg);
    transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.wj-treeview .wj-node.wj-state-collapsed.wj-state-loading:before {
    animation-name: wjLazyNodeLoading;
    animation-duration: .6s;
    animation-direction: alternate;
    animation-iteration-count: infinite
}

.wj-treeview .wj-node.wj-state-empty:before {
    visibility: hidden
}

.wj-treeview .wj-node.wj-state-collapsed+.wj-nodelist {
    display: none
}

.wj-treeview .wj-node img {
    padding-right: 4px
}

.wj-treeview .wj-node .wj-node-check {
    margin-right: 4px
}

.wj-treeview .wj-node .wj-node-text {
    display: inline-block
}

.wj-treeview .wj-marker {
    position: absolute;
    background: #0085c7;
    opacity: .5;
    pointer-events: none
}

.wj-treeview.wj-state-loading * {
    cursor: wait
}

.wj-treeview.wj-rtl .wj-nodelist .wj-nodelist {
    padding-left: unset;
    padding-right: 1em
}

.wj-treeview.wj-rtl .wj-nodelist .wj-node:before {
    margin-right: unset;
    margin-left: 4px
}

.wj-treeview.wj-rtl .wj-nodelist .wj-node.wj-state-collapsed:before, .wj-treeview.wj-rtl .wj-nodelist .wj-node.wj-state-collapsing:before {
    transform: rotate(90deg)
}

.wj-treeview.wj-rtl .wj-node img {
    padding-right: unset;
    padding-left: 4px
}

.wj-treeview.wj-rtl .wj-node .wj-node-check {
    margin-right: unset;
    margin-left: 4px
}

@keyframes wjLazyNodeLoading {
    0% {
        opacity: 1;
        transform: scale(1.1)
    }

    to {
        opacity: .5;
        transform: scale(.5)
    }
}

.wj-flexgrid {
    width: 100%;
    cursor: default;
    overflow: hidden
}

.wj-flexgrid .wj-row {
    position: absolute;
    top: 0
}

.wj-flexgrid .wj-colheaders .wj-header.wj-state-multi-selected {
    border-bottom: 2px solid #0085c7
}

.wj-flexgrid .wj-rowheaders .wj-header.wj-state-multi-selected {
    border-right: 2px solid #0085c7
}

.wj-flexgrid .wj-frozen-clone .wj-cell {
    pointer-events: auto
}

.wj-flexgrid .wj-frozen-clone .wj-cell a {
    display: inline-block
}

.wj-flexgrid .wj-marquee {
    position: absolute;
    border: 2px solid #0085c7
}

.wj-flexgrid .wj-marker {
    position: absolute;
    background: #0085c7;
    opacity: .5;
    pointer-events: none;
    z-index: 1000
}

.wj-flexgrid .wj-state-sticky .wj-header {
    opacity: .75
}

.wj-flexgrid .wj-grid-editor {
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    background: inherit;
    color: inherit;
    overflow: hidden;
    resize: none
}

.wj-flexgrid .wj-cell .wj-btn.wj-btn-glyph, .wj-flexgrid .wj-cell .wj-viewer .wj-control .wj-btn-glyph.wj-applybutton, .wj-viewer .wj-control .wj-flexgrid .wj-cell .wj-btn-glyph.wj-applybutton {
    padding: 0 4px;
    min-width: 1.5em;
    color: inherit;
    background: 0 0;
    opacity: .6
}

.wj-flexgrid .wj-cell .wj-btn.wj-btn-glyph:hover, .wj-flexgrid .wj-cell .wj-viewer .wj-control .wj-btn-glyph.wj-applybutton:hover, .wj-viewer .wj-control .wj-flexgrid .wj-cell .wj-btn-glyph.wj-applybutton:hover, .wj-flexgrid .wj-cell .wj-btn.wj-btn-glyph:focus, .wj-flexgrid .wj-cell .wj-viewer .wj-control .wj-btn-glyph.wj-applybutton:focus, .wj-viewer .wj-control .wj-flexgrid .wj-cell .wj-btn-glyph.wj-applybutton:focus {
    opacity: 1;
    transition-duration: .4s
}

.wj-flexgrid .wj-cell .wj-btn.wj-btn-glyph.wj-right, .wj-flexgrid .wj-cell .wj-viewer .wj-control .wj-btn-glyph.wj-right.wj-applybutton, .wj-viewer .wj-control .wj-flexgrid .wj-cell .wj-btn-glyph.wj-right.wj-applybutton {
    position: absolute;
    right: 4px;
    top: 0;
    bottom: 0
}

.wj-flexgrid .wj-cell .wj-btn.wj-btn-glyph.wj-elem-detail, .wj-flexgrid .wj-cell .wj-viewer .wj-control .wj-btn-glyph.wj-elem-detail.wj-applybutton, .wj-viewer .wj-control .wj-flexgrid .wj-cell .wj-btn-glyph.wj-elem-detail.wj-applybutton {
    min-width: 1em;
    padding: 0
}

.wj-flexgrid .wj-cell .wj-btn.wj-btn-glyph>span, .wj-flexgrid .wj-cell .wj-viewer .wj-control .wj-btn-glyph.wj-applybutton>span, .wj-viewer .wj-control .wj-flexgrid .wj-cell .wj-btn-glyph.wj-applybutton>span {
    opacity: 1
}

.wj-flexgrid.wj-rtl .wj-cell {
    border-left: 1px solid rgba(0, 0, 0, .2);
    border-right: none
}

.wj-flexgrid.wj-rtl .wj-cell .wj-btn.wj-btn-glyph.wj-right, .wj-flexgrid.wj-rtl .wj-cell .wj-viewer .wj-control .wj-btn-glyph.wj-right.wj-applybutton, .wj-viewer .wj-control .wj-flexgrid.wj-rtl .wj-cell .wj-btn-glyph.wj-right.wj-applybutton {
    left: 2px;
    right: auto
}

.wj-flexgrid.wj-rtl .wj-frozen-col {
    border-left: 1px solid #a2a2a2;
    border-right: none
}

.wj-cell {
    position: absolute;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 4px 6px 3px 6px;
    border-right: 1px solid rgba(0, 0, 0, .2);
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    background: #fff;
    outline: 0
}

.wj-cell.wj-alt {
    background: #f7f7f7
}

.wj-cell.wj-header {
    background: #eee;
    color: #444;
    font-weight: 700
}

.wj-cell.wj-header.wj-state-multi-selected {
    background: #e1e1e1;
    color: #444;
    font-weight: 700
}

.wj-cell.wj-frozen-row {
    border-bottom: 1px solid #a2a2a2
}

.wj-cell.wj-frozen-col {
    border-right: 1px solid #a2a2a2
}

.wj-cell.wj-group {
    background: #e1e1e1;
    color: #444
}

.wj-cell.wj-state-invalid {
    border: 1.2px solid red
}

.wj-cell.wj-state-invalid.wj-header {
    background: #ffb4b4
}

.wj-cell.wj-state-invalid:not(.wj-header):after {
    position: absolute;
    content: '';
    width: 0;
    right: 0;
    top: -6px;
    border: 6px solid transparent;
    border-right-color: red
}

.wj-cell.wj-header.wj-state-dragsrc {
    opacity: .5
}

.wj-cell.wj-wrap {
    white-space: normal;
    text-overflow: clip
}

.wj-cell.wj-multiline {
    white-space: pre;
    text-overflow: clip
}

.wj-cell.wj-wrap.wj-multiline {
    white-space: pre-wrap;
    text-overflow: clip
}

.wj-cell.wj-align-right {
    text-align: right
}

.wj-cell.wj-align-center {
    text-align: center
}

.wj-cell.wj-align-justify {
    text-align: justify
}

.wj-cell.wj-align-justify-all {
    text-align: justify;
    text-align-last: justify;
    text-justify: distribute
}

.wj-cells .wj-cell.wj-state-selected {
    background: #0085c7;
    color: #fff
}

.wj-cells .wj-cell.wj-state-multi-selected {
    background: #80adbf;
    color: #fff
}

.wj-flexgrid .wj-cell.wj-filter-on .wj-elem-filter {
    opacity: .9
}

.wj-flexgrid .wj-cell.wj-filter-off .wj-elem-filter {
    opacity: .5
}

.wj-flexgrid .wj-cell.wj-filter-on, .wj-flexgrid .wj-cell.wj-filter-off {
    padding-right: 1.6em
}

.wj-flexgrid.wj-rtl .wj-cell.wj-filter-on, .wj-flexgrid.wj-rtl .wj-cell.wj-filter-off {
    padding-left: 1.6em;
    padding-right: 2px
}

.wj-columnfiltereditor {
    padding: 10px;
    min-width: 230px;
    max-width: 400px
}

.wj-columnfiltereditor .wj-filtertype {
    text-align: right;
    margin: 14px 0;
    font-size: 12px
}

.wj-columnfiltereditor .wj-control {
    margin-bottom: 6px;
    width: 100%
}

.wj-columnfiltereditor .wj-valuefilter-editor, .wj-columnfiltereditor .wj-conditionfilter-editor {
    margin-top: 1em
}

.wj-columnfiltereditor .wj-listbox {
    height: 150px
}

.wj-columnfiltereditor .wj-listbox .wj-listbox-item {
    max-width: 25em
}

.wj-columnfiltereditor .wj-listbox .wj-listbox-item label {
    white-space: nowrap
}

.wj-columnfiltereditor .wj-listbox:not(.wj-state-focused) .wj-listbox-item.wj-state-selected {
    color: inherit;
    background: inherit;
    transition: all 300ms
}

.wj-columnfiltereditor a {
    color: inherit;
    font-size: inherit;
    font-weight: 700
}

.wj-columnfiltereditor a.wj-state-disabled {
    text-decoration: none
}

.wj-grouppanel {
    display: block;
    background: #e1e1e1;
    padding: 15px
}

.wj-grouppanel .wj-groupmarker {
    margin-right: 10px;
    padding: 6px 16px;
    border: 1px solid rgba(0, 0, 0, .2);
    cursor: pointer
}

.wj-grouppanel .wj-groupmarker:hover {
    background: #e1e1e1
}

.wj-grouppanel .wj-groupmarker .wj-glyph-drag {
    margin: 0 10px 0 0
}

.wj-grouppanel .wj-groupmarker .wj-filter {
    margin: 0 0 0 10px;
    cursor: pointer;
    opacity: .5
}

.wj-grouppanel .wj-groupmarker .wj-filter:hover, .wj-grouppanel .wj-groupmarker .wj-filter.wj-filter-on {
    opacity: 1
}

.wj-grouppanel .wj-groupmarker .wj-remove {
    cursor: pointer;
    opacity: .5;
    padding: 12px 0 12px 12px
}

.wj-grouppanel .wj-groupmarker .wj-remove:hover {
    opacity: 1
}

.wj-grouppanel .wj-groupmarker span {
    opacity: .5
}

.wj-grouppanel .wj-groupmarker span:hover {
    opacity: 1
}

.wj-grouppanel.wj-rtl .wj-groupmarker .wj-glyph-drag {
    margin: 0 0 0 10px
}

.wj-grouppanel.wj-rtl .wj-groupmarker .wj-filter {
    margin: 0 10px 0 0
}

.wj-grouppanel.wj-rtl .wj-groupmarker .wj-remove {
    padding: 12px 12px 12px 0
}

.wj-flexchart {
    height: 80vh;
    padding: 15px 10px;
    margin-bottom: 12px;
    background: #fff;
    border: 0px solid #e4e4e4;
    display: block;
    background: 0 0
}

.wj-flexchart .wj-header .wj-title {
    font-size: 16pt;
    fill: #666;
    font-weight: 400
}

.wj-flexchart .wj-footer .wj-title {
    fill: #666;
    font-weight: 400
}

.wj-flexchart .wj-label, .wj-flexchart .wj-data-label {
    fill: #666
}

.wj-flexchart .wj-data-label-border {
    stroke: rgba(128, 128, 128, .5)
}

.wj-flexchart .wj-data-label-line {
    stroke: gray
}

.wj-flexchart .wj-axis-x .wj-title, .wj-flexchart .wj-axis-y .wj-title, .wj-flexchart .wj-legend .wj-title {
    font-style: italic
}

.wj-flexchart .wj-axis-x .wj-line {
    stroke: #aaa;
    stroke-width: 1px
}

.wj-flexchart .wj-gridline, .wj-flexchart .wj-gridline-minor {
    stroke: #666;
    stroke-width: 1px;
    opacity: .75
}

.wj-flexchart .wj-gridline-minor {
    opacity: .25
}

.wj-flexchart .wj-tick, .wj-flexchart .wj-tick-minor {
    stroke: #aaa;
    stroke-width: 1px
}

.wj-flexchart .wj-state-selected {
    stroke-width: 3px;
    stroke-dasharray: 6;
    stroke-linecap: square
}

.wj-flexchart.wj-flexchart-touch-disabled {
    touch-action: none;
    -ms-touch-action: none
}

.wj-flexchart .wj-chart-linemarker {
    background: rgba(128, 128, 128, .3);
    position: absolute;
    padding: 2px
}

.wj-flexchart .wj-chart-linemarker .wj-chart-linemarker-hline {
    height: 2px;
    background: gray;
    position: absolute;
    touch-action: none;
    -ms-touch-action: none
}

.wj-flexchart .wj-chart-linemarker .wj-chart-linemarker-vline {
    width: 2px;
    background: gray;
    position: absolute;
    touch-action: none;
    -ms-touch-action: none
}

.wj-flexchart .wj-chart-linemarker-container {
    position: relative
}

.wj-flexchart.wj-chart-linemarker-draggable, .wj-flexchart .wj-chart-linemarker .wj-chart-linemarker-draggable {
    cursor: move
}

@media (max-width:1025px) {
    .wj-flexchart .wj-state-selected {
        stroke-width: 2px;
        stroke-dasharray: 4
    }
}

@media (max-width:767px) {
    wj-flexchart .wj-state-selected {
        stroke-width: 1px;
        stroke-dasharray: 3
    }
}

.wj-treemap .wj-data-label {
    fill: #fff
}

.wj-flexchart .wj-chart-rangeslider {
    position: absolute;
    touch-action: none;
    -ms-touch-action: none
}

.wj-flexchart .wj-chart-rangeslider button {
    position: absolute;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    line-height: 16px;
    border-radius: 2px
}

.wj-flexchart .wj-chart-rangeslider .wj-rangeslider-content {
    background: #eaeaea;
    height: 100%;
    position: relative
}

.wj-flexchart .wj-chart-rangeslider .wj-rangeslider-rangehandle {
    position: absolute;
    text-align: center;
    vertical-align: middle;
    background: #bdbdbd;
    height: 100%;
    width: 100%
}

.wj-flexchart .wj-chart-rangeslider .wj-rangeslider-minhandle, .wj-flexchart .wj-chart-rangeslider .wj-rangeslider-maxhandle {
    border: 1px solid gray;
    display: block;
    position: absolute;
    border-radius: 4px
}

.wj-flexchart .wj-chart-rangeslider .wj-rangeslider-handle-active {
    z-index: 2
}

.wj-flexchart .wj-chart-rangeslider .wj-glyph-left {
    border-top: 5px solid transparent;
    border-right: 4px solid;
    border-bottom: 4px solid transparent;
    margin-right: 2px
}

.wj-flexchart .wj-chart-rangeslider .wj-glyph-right {
    border-bottom: 5px solid transparent;
    border-left: 4px solid;
    border-top: 4px solid transparent;
    margin-left: 2px
}

.wj-flexchart .wj-chart-rangeslider .wj-glyph-down {
    border-top: 5px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    margin-bottom: 3px
}

.wj-flexchart .wj-chart-rangeslider .wj-glyph-up {
    border-right: 4px solid transparent;
    border-bottom: 5px solid;
    border-left: 4px solid transparent;
    margin-bottom: 4px
}

.wj-flexchart .wj-chart-hrangeslider .wj-rangeslider-minhandle, .wj-flexchart .wj-chart-hrangeslider .wj-rangeslider-maxhandle {
    background: #bdbdbd;
    cursor: ew-resize;
    height: 22px;
    margin-top: -2px;
    width: 14px
}

.wj-flexchart .wj-chart-hrangeslider .wj-rangeslider-decbtn {
    left: 0
}

.wj-flexchart .wj-chart-hrangeslider .wj-rangeslider-incbtn {
    right: 0
}

.wj-flexchart .wj-chart-hrangeslider button {
    width: 16px;
    height: 100%
}

.wj-flexchart .wj-chart-vrangeslider .wj-rangeslider-minhandle, .wj-flexchart .wj-chart-vrangeslider .wj-rangeslider-maxhandle {
    background: #bdbdbd;
    cursor: ns-resize;
    width: 22px;
    margin-left: -2px;
    height: 14px
}

.wj-flexchart .wj-chart-vrangeslider .wj-rangeslider-decbtn {
    bottom: 0
}

.wj-flexchart .wj-chart-vrangeslider .wj-rangeslider-incbtn {
    top: 0
}

.wj-flexchart .wj-chart-vrangeslider button {
    height: 16px;
    width: 100%
}

.wj-flexchart .wj-chart-rangeselector-container {
    position: relative
}

.wj-flexchart .wj-chart-rangeselector-container .wj-chart-rangeslider, .wj-flexchart .wj-chart-rangeselector-container .wj-rangeslider-content {
    background: 0 0;
    border-color: transparent
}

.wj-flexchart .wj-chart-rangeselector-container .wj-rangeslider-rangehandle {
    opacity: .3
}

.wj-flexchart .wj-chart-rangeselector-container .wj-rangeslider-minhandle, .wj-flexchart .wj-chart-rangeselector-container .wj-rangeslider-maxhandle {
    background: 0 0;
    opacity: .6;
    border: 2px solid gray;
    border-radius: .5em
}

.wj-flexchart .wj-chart-rangeselector-container .wj-chart-hrangeslider .wj-rangeslider-minhandle, .wj-flexchart .wj-chart-rangeselector-container .wj-chart-hrangeslider .wj-rangeslider-maxhandle {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 1px solid rgba(128, 128, 128, .75);
    color: gray;
    background: #d3d3d3;
    opacity: 1
}

.wj-flexchart .wj-chart-rangeselector-container .wj-chart-hrangeslider .wj-rangeslider-minhandle:after, .wj-flexchart .wj-chart-rangeselector-container .wj-chart-hrangeslider .wj-rangeslider-maxhandle:after {
    content: "\2551";
    text-align: center;
    width: 100%;
    display: inline-block;
    position: absolute;
    margin: 0;
    top: 50%;
    transform: translateY(-55%);
    opacity: .75;
    font-size: 10px
}

.wj-flexchart .wj-chart-rangeselector-container .wj-chart-vrangeslider .wj-rangeslider-minhandle, .wj-flexchart .wj-chart-rangeselector-container .wj-chart-vrangeslider .wj-rangeslider-maxhandle {
    height: 20px;
    width: 20px;
    left: 50%;
    border-radius: 50%;
    border: 1px solid rgba(128, 128, 128, .75);
    top: 0;
    bottom: 0;
    color: gray;
    background: #d3d3d3;
    opacity: 1
}

.wj-flexchart .wj-chart-rangeselector-container .wj-chart-vrangeslider .wj-rangeslider-minhandle:after, .wj-flexchart .wj-chart-rangeselector-container .wj-chart-vrangeslider .wj-rangeslider-maxhandle:after {
    content: "\2550";
    text-align: center;
    height: 100%;
    display: inline-block;
    position: absolute;
    margin: 0;
    left: 50%;
    transform: translate(-50%, 15%);
    opacity: .75;
    font-size: 12px
}

.wj-flexchart .wj-chart-rangeselector-container .wj-chart-rangeslider .wj-rangeslider-minhandle.wj-rangeslider-handle-active, .wj-flexchart .wj-chart-rangeselector-container .wj-chart-rangeslider .wj-rangeslider-maxhandle.wj-rangeslider-handle-active {
    background: rgba(136, 189, 230, .7)
}

.wj-flexchart .wj-rangeselector .wj-scroller-center {
    background: rgba(128, 128, 128, .1);
    position: absolute;
    display: block;
    touch-action: none;
    -ms-touch-action: none
}

.wj-flexchart.wj-panable {
    cursor: pointer
}

.wj-flexchart .wj-zoom {
    visibility: hidden;
    position: relative
}

.wj-flexchart .wj-zoom-overlay {
    background: rgba(128, 128, 128, .2);
    position: absolute;
    display: block;
    touch-action: none;
    -ms-touch-action: none
}

.wj-flexchart .wj-block-other-interaction {
    display: none
}

.wj-gauge {
    background: 0 0
}

.wj-gauge:not(.wj-state-readonly) {
    touch-action: none
}

.wj-gauge .wj-face path {
    fill: #f5f5f5;
    stroke: #cbcbcb;
    stroke-width: 1px;
    stroke-linejoin: round
}

.wj-gauge .wj-pointer {
    fill: #0085c7
}

.wj-gauge .wj-ticks {
    stroke-width: 2px;
    stroke: #fff
}

.wj-gauge .wj-min, .wj-gauge .wj-max {
    font-size: 60%;
    opacity: .5
}

.wj-gauge text {
    fill: currentColor
}

.wj-gauge svg {
    overflow: visible
}

.wj-radialgauge .wj-value {
    font-size: 150%
}

.wj-lineargauge {
    height: 1.2em
}

.wj-flexsheet {
    background: #a9a9a9;
    width: 100%;
    height: 100%
}

.wj-flexsheet .wj-content {
    outline: 0;
    border-color: #ccc;
    border-radius: 0
}

.wj-flexsheet .wj-header-row {
    background: #96abb4 !important;
    color: #fff !important
}

.wj-flexsheet .wj-state-multi-selected {
    background: #e6e6e6;
    color: #222
}

.wj-flexsheet .wj-cell.wj-state-multi-selected {
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb
}

.wj-flexsheet .wj-state-selected .wj-flexsheet-formula-description {
    color: #fff
}

.wj-flexsheet .wj-tabholder {
    width: 100%;
    min-width: 100px;
    background: #b8b8b8
}

.wj-flexsheet .wj-tabholder span.wj-sheet-icon {
    margin: 0 14px
}

.wj-flexsheet .wj-tabholder div.wj-sheet-page.wj-btn-group {
    border: 0
}

.wj-flexsheet .wj-tabholder div.wj-sheet-page.wj-btn-group>button {
    padding: 1px 0 0 0;
    border: 0;
    background: #e4e5e8;
    color: #727275;
    min-height: 0
}

.wj-flexsheet .wj-tabholder div.wj-sheet-page.wj-btn-group>button:hover {
    background: #d2d3d8
}

.wj-flexsheet .wj-tabholder .wj-sheet-tab ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    float: left
}

.wj-flexsheet .wj-tabholder .wj-sheet-tab ul li {
    float: left;
    display: block;
    padding-right: 20px;
    padding-left: 20px;
    cursor: pointer;
    margin-top: 1px;
    border-left: 1px solid #b8b8b8;
    min-height: 20px;
    background: #d2d3d8;
    text-align: center;
    padding-top: 2px;
    font-size: 11px;
    color: #727275
}

.wj-flexsheet .wj-tabholder .wj-sheet-tab ul li.active {
    border-top-color: transparent;
    background: #fff;
    cursor: default;
    height: 100%;
    margin-top: 1px;
    border-left: 1px solid #b8b8b8;
    font-weight: 700
}

.wj-flexsheet .wj-tabholder .wj-sheet-tab ul li.hidden {
    display: none
}

.wj-flexsheet .wj-tabholder .wj-sheet-tab ul li:not(.active):hover {
    background: #aabcd6;
    color: #fff;
    cursor: pointer
}

.wj-flexsheet .wj-tabholder .wj-sheet-tab ul li .wj-new-sheet:hover {
    background: #0085c7
}

.wj-flexsheet .wj-tabholder .wj-new-sheet {
    padding: 0;
    width: 32px;
    height: 20px;
    font-size: 11px;
    text-align: center;
    background: #668eb9;
    color: #fff
}

.wj-flexsheet .wj-tabholder .wj-new-sheet .wj-sheet-icon {
    color: #727275;
    margin-top: 5px
}

.wj-flexsheet .wj-tabholder .wj-sheet>div {
    display: block;
    float: left
}

.wj-flexsheet .wj-flexchart {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .2)
}

.wj-flexsheet.wj-rtl div.wj-sheet>div {
    float: right
}

.wj-flexsheet-formula-list {
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    font-family: arial, sans-serif;
    font-size: 12px;
    line-height: 22px;
    position: absolute;
    width: 300px;
    z-index: 2001;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}

.wj-flexsheet-formula-list .wj-flexsheet-formula-name {
    color: #222;
    font-size: 13px;
    font-family: inconsolata, monospace, arial, sans, sans-serif;
    margin: -2px 0
}

.wj-flexsheet-formula-list .wj-flexsheet-formula-description {
    color: #666;
    display: block;
    font-size: 11px;
    margin: -2px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.wj-flexsheet-formula-list .wj-listbox-item.wj-state-selected>* {
    color: #fff
}

.wj-flexsheet-context-menu {
    background: #fff;
    border: thin solid gray;
    cursor: default;
    padding: 3px 0
}

.wj-flexsheet-context-menu .wj-context-menu-item {
    padding: 3px 10px
}

.wj-flexsheet-context-menu .wj-context-menu-item:not(.wj-context-menu-item-selected):hover {
    background: rgba(0, 0, 0, .1)
}

.wj-flexsheet-context-menu .wj-context-menu-item-selected {
    background: #0085c7;
    color: #fff
}

.wj-flexsheet-smart-tag {
    background: #fff;
    border: 1px solid #ababab;
    position: absolute;
    padding: 0;
    margin: 0;
    height: 18px;
    outline: 0
}

.wj-flexsheet-smart-tag-active {
    background: #9fd5b7;
    border: 1px solid #ababab
}

.wj-flexsheet-fill-menu {
    background: #fff;
    border: 1px solid #9fd5b7;
    position: absolute;
    width: 200px;
    padding: 3px 0
}

.wj-flexsheet-fill-menu .wj-flexsheet-fill-menu-item {
    padding: 3px 10px
}

.wj-flexsheet-fill-menu .wj-flexsheet-fill-menu-item-active {
    background: #0085c7;
    color: #fff
}

.wj-flexsheet-fill-menu .wj-flexsheet-fill-menu-item:not(.wj-flexsheet-fill-menu-item-active):hover {
    background: rgba(0, 0, 0, .1)
}

.wj-multirow .wj-cell.wj-record-end:not(.wj-header) {
    border-bottom-color: #787878
}

.wj-multirow .wj-cell.wj-group-end {
    border-right-color: #787878
}

.wj-multirow .wj-cell.wj-center-vert {
    display: table;
    table-layout: fixed;
    padding-top: 0;
    padding-bottom: 0
}

.wj-multirow .wj-cell.wj-center-vert div {
    display: table-cell;
    vertical-align: middle;
    overflow: inherit;
    text-overflow: inherit
}

.wj-multirow .wj-hdr-collapse {
    position: absolute;
    padding: 6px;
    right: 0;
    top: 0;
    color: #0085c7;
    opacity: .5
}

.wj-multirow .wj-hdr-collapse:hover {
    opacity: 1
}

.wj-pivotpanel {
    position: relative;
    padding: 3px 6px;
    overflow: auto;
    min-height: 25em;
    width: 100%
}

.wj-pivotpanel table {
    table-layout: fixed;
    width: 100%
}

.wj-pivotpanel div {
    width: 100%
}

.wj-pivotpanel tr, .wj-pivotpanel td {
    border: 1px #e0e0e0;
    padding: 3px
}

.wj-pivotpanel label {
    font-weight: 700;
    margin: 0
}

.wj-pivotpanel .wj-flexgrid {
    border: 0;
    border-radius: 0;
    min-height: 8em;
    max-height: 20em;
    margin-left: 6px;
    background: inherit
}

.wj-pivotpanel table .wj-flexgrid {
    min-height: 5em;
    height: 5em;
    width: 95%
}

.wj-pivotpanel .wj-marker {
    position: absolute;
    background: #0085c7;
    opacity: .5;
    pointer-events: none
}

.wj-pivotpanel .wj-flexgrid .wj-cell {
    border: 0;
    background: inherit;
    color: inherit
}

.wj-pivotpanel .wj-flexgrid .wj-cell.wj-group {
    background: inherit;
    color: inherit
}

.wj-pivotpanel .wj-flexgrid .wj-cell.wj-group:not(.wj-header):hover {
    background: rgba(0, 0, 0, .05);
    border-radius: 4px
}

.wj-pivotpanel .wj-flexgrid .wj-glyph-filter {
    cursor: default;
    opacity: .5
}

.wj-pivotpanel .wj-flexgrid .wj-glyph-dimension, .wj-pivotpanel .wj-flexgrid .wj-glyph-measure {
    cursor: default
}

.wj-pivotpanel .wj-flexgrid .wj-aggregate {
    font-size: 80%;
    opacity: .5
}

.wj-pivotpanel .wj-flexgrid label {
    font-weight: 400;
    margin: 0
}

.wj-pivotfieldeditor {
    min-width: 400px
}

.wj-pivotfieldeditor tr.wj-separator {
    border-top: 10px solid transparent
}

.wj-pivotfieldeditor td:first-child {
    text-align: right;
    padding-right: .5em
}

.wj-pivotfiltereditor {
    padding: 10px;
    min-width: 230px
}

.wj-pivotfiltereditor .wj-control {
    margin-bottom: 6px;
    width: 100%
}

.wj-pivotfiltereditor .wj-listbox {
    max-height: 150px
}

.wj-pivotfiltereditor .wj-listbox .wj-listbox-item label {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.wj-olap-context-menu {
    font-size: 90%;
    padding: 6px
}

.wj-olap-context-menu .menu-icon {
    display: inline-block;
    width: 1em;
    margin-right: 6px;
    opacity: .75;
    text-align: center
}

.wj-olap-context-menu .menu-icon.menu-icon-remove {
    color: maroon;
    font-weight: 700
}

.wj-detaildialog .wj-flexgrid {
    width: 60vw;
    height: 40vh
}

.wj-pivotgrid .wj-colheaders .wj-cell.wj-header {
    text-align: center
}

.wj-pivotgrid .wj-topleft .wj-cell.wj-col-field-hdr {
    text-align: right
}

.wj-pivotgrid .wj-cell.wj-aggregate {
    font-weight: 700
}

.wj-pivotgrid .wj-aggregate.wj-cell:not(.wj-header):not(.wj-group):not(.wj-state-selected):not(.wj-state-multi-selected) {
    background: rgba(0, 133, 199, .15)
}

.wj-pivotchart {
    position: relative
}

.wj-pivotchart .wj-dropdown {
    position: absolute;
    margin-right: 15px;
    z-index: 999
}

.wj-pivotchart .wj-flexchart {
    padding: 35px 15px 10px
}

.wj-slicer>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    max-height: inherit
}

.wj-slicer .wj-header {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wj-slicer .wj-header div:first-child {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 6px
}

.wj-slicer .wj-header .wj-btn.wj-state-active, .wj-slicer .wj-header .wj-viewer .wj-control .wj-state-active.wj-applybutton, .wj-viewer .wj-control .wj-slicer .wj-header .wj-state-active.wj-applybutton {
    background: rgba(0, 0, 0, .2)
}

.wj-slicer .wj-listbox {
    border: 0;
    border-radius: 0
}

.wj-slicer .wj-listbox .wj-listbox-item label {
    width: 100%
}

.wj-slicer.wj-nocheck .wj-listbox .wj-listbox-item {
    border: 2px solid transparent;
    padding: 6px;
    margin: 4px;
    border-radius: 4px
}

.wj-slicer.wj-nocheck .wj-listbox .wj-listbox-item.wj-state-checked:not(:hover) {
    background-color: #0085c7;
    color: #fff
}

.wj-slicer.wj-nocheck .wj-listbox .wj-listbox-item.wj-state-selected {
    border-color: #80adbf
}

.wj-slicer.wj-nocheck .wj-listbox .wj-listbox-item.wj-state-selected:not(.wj-state-checked) {
    background-color: transparent;
    color: #000
}

.wj-slicer.wj-nocheck .wj-listbox .wj-listbox-item input {
    display: none
}

.wj-viewer {
    height: 750px
}

.wj-viewer .wj-viewer-outer {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    padding-top: 50px
}

.wj-viewer .wj-viewer-outer input {
    background: #fff;
    color: #000
}

.wj-viewer .wj-viewer-container {
    height: 100%;
    width: 100%
}

.wj-viewer .wj-viewer-leftpanel {
    float: left;
    height: 100%
}

.wj-viewer .wj-viewer-splitter {
    cursor: pointer;
    float: left;
    height: 100%;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.wj-viewer .wj-viewer-splitter button {
    height: 100%;
    padding: 0 2px;
    min-width: 12px;
    background: #fafafa;
    border-left: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    border-top: none;
    border-bottom: none
}

.wj-viewer .wj-viewer-splitter button:hover {
    background: #dadada
}

.wj-viewer .wj-viewer-splitter span {
    text-align: center
}

.wj-viewer .wj-viewpanel-container {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.wj-viewer .wj-viewpanel-container.move .wj-view-page {
    cursor: move;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.wj-viewer .wj-viewpanel-container.rubberband-actived .wj-view-page, .wj-viewer .wj-viewpanel-container.magnifier-actived .wj-view-page {
    cursor: default;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.wj-viewer .wj-viewpanel-container.rubberband-actived .wj-view-page svg, .wj-viewer .wj-viewpanel-container.magnifier-actived .wj-view-page svg {
    pointer-events: none
}

.wj-viewer .wj-viewpanel-container.rubberband-actived .wj-rubberband.show, .wj-viewer .wj-viewpanel-container.magnifier-actived .wj-magnifier.show {
    display: block
}

.wj-viewer .wj-pageview {
    outline: 0;
    position: relative;
    background: #e5e5e5;
    height: 100%;
    width: 100%;
    text-align: center;
    -webkit-overflow-scrolling: touch
}

.wj-viewer .wj-pageview.hidden {
    display: none;
    visibility: hidden
}

.wj-viewer .wj-pageview-continuous {
    overflow: auto
}

.wj-viewer .wj-pageview-single:not(.virtual) .wj-pageview-pagescontainer {
    overflow-y: auto
}

.wj-viewer .wj-pageview-single:not(.virtual) .wj-pageview-vscroller {
    visibility: hidden
}

.wj-viewer .wj-pageview-pagescontainer {
    outline: 0;
    position: relative;
    height: 100%;
    width: 100%;
    display: inline-block;
    overflow-x: auto;
    overflow-y: scroll;
    text-align: center
}

.wj-viewer .wj-pages-wrapper {
    display: inline-block;
    margin: 30px
}

.wj-viewer .wj-view-page {
    width: 1px;
    height: 1px;
    margin: 0 auto 30px auto;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .3);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15)
}

.wj-viewer .wj-view-page .wj-loading {
    background: rgba(204, 204, 204, .8);
    width: 100%;
    height: 100%
}

.wj-viewer .wj-view-page .highlight {
    fill: #0085c7;
    fill-opacity: .5
}

.wj-viewer .wj-view-page rect {
    pointer-events: none
}

.wj-viewer .wj-view-page rect[arsvg\:data-action-type], .wj-viewer .wj-view-page a rect {
    pointer-events: inherit
}

.wj-viewer .wj-view-page:last-child {
    margin-bottom: 0
}

.wj-viewer .wj-pageview-vscroller {
    outline: 0;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 18px;
    float: right;
    overflow-x: hidden;
    overflow-y: scroll
}

.wj-viewer .wj-vscroller-wrapper {
    width: 1px
}

.wj-viewer .wj-toolbar {
    height: 50px;
    width: 100%;
    border-bottom: 1px solid #c8c8c8;
    position: absolute;
    margin-top: -50px
}

.wj-viewer .wj-toolbar:hover .wj-toolbar-move.enabled {
    opacity: 1
}

.wj-viewer .wj-toolbar a:hover, .wj-viewer .wj-toolbar a:focus {
    background: #eee;
    outline: 0
}

.wj-viewer .wj-toolbar a:hover.disabled, .wj-viewer .wj-toolbar a:focus.disabled, .wj-viewer .wj-toolbar a:hover.checked, .wj-viewer .wj-toolbar a:focus.checked {
    background: 0 0;
    cursor: default
}

.wj-viewer .wj-toolbar>.wj-control, .wj-viewer .wj-toolbar .wj-tabcontent, .wj-viewer .wj-viewer-leftpanel>.wj-control, .wj-viewer .wj-viewer-leftpanel .wj-tabcontent {
    background: inherit;
    color: inherit
}

.wj-viewer .wj-content:not(.mobile) .wj-toolbar.mobile {
    display: none
}

.wj-viewer .wj-toolbar-move {
    width: 12px;
    height: 100%;
    cursor: pointer;
    visibility: hidden;
    opacity: .2
}

.wj-viewer .wj-toolbar-move.left {
    float: left
}

.wj-viewer .wj-toolbar-move.right {
    float: right
}

.wj-viewer .wj-toolbar-move .wj-glyph-left, .wj-viewer .wj-toolbar-move .wj-glyph-right {
    margin-top: 20px;
    margin-left: 2px
}

.wj-viewer .wj-toolbarcontainer {
    float: left;
    height: 100%;
    overflow: hidden
}

.wj-viewer .wj-toolbarwrapper {
    position: relative;
    border: 0;
    border-radius: 0;
    padding-top: 5px;
    height: 100%
}

.wj-viewer .wj-toolbarwrapper.wj-btn-group>:not(.wj-control) {
    border-left: none;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    float: left
}

.wj-viewer .wj-toolbarwrapper.wj-btn-group>.wj-separator {
    height: 33px;
    width: 10px;
    float: left;
    border-right: 2px solid #000;
    margin: 3px 10px 0 0;
    opacity: .25
}

.wj-viewer .wj-toolbarwrapper .wj-pagenumber {
    margin: 4px 10px;
    height: 30px;
    width: 80px;
    float: left
}

.wj-viewer .wj-toolbarwrapper .wj-pagecount {
    margin: 5px 10px;
    height: 30px;
    line-height: 30px;
    float: left
}

.wj-viewer .wj-toolbarwrapper .wj-input-zoom {
    margin: 4px 10px;
    height: 30px;
    width: 100px;
    float: left
}

.wj-viewer .wj-toolbarwrapper .slash {
    float: left;
    height: 40px;
    width: 10px;
    line-height: 40px
}

.wj-viewer .wj-toolbarwrapper .hidden {
    display: none
}

.wj-viewer .wj-mini-toolbar {
    position: absolute;
    vertical-align: bottom;
    border: 0;
    bottom: 2em;
    padding: 0 24px;
    width: auto;
    background: #303030;
    visibility: hidden;
    opacity: .8
}

.wj-viewer .wj-mini-toolbar a:focus {
    background: 0 0
}

.wj-viewer .wj-mini-toolbar .slash, .wj-viewer .wj-mini-toolbar .wj-pagecount {
    color: #e0e0e0
}

.wj-viewer .wj-mini-toolbar .wj-pagenumber {
    color: #e0e0e0;
    background: #202020
}

.wj-viewer .wj-mini-toolbar .wj-pagenumber input {
    color: inherit
}

.wj-viewer .wj-mini-toolbar .wj-toolbar-move {
    visibility: hidden;
    display: none
}

.wj-viewer .wj-mini-toolbar .wj-btn:hover, .wj-viewer .wj-mini-toolbar .wj-control .wj-applybutton:hover, .wj-viewer .wj-control .wj-mini-toolbar .wj-applybutton:hover {
    background: #606060
}

.wj-viewer .wj-mini-toolbar .wj-btn-group .wj-btn svg.wj-svg-btn, .wj-viewer .wj-mini-toolbar .wj-btn-group .wj-control .wj-applybutton svg.wj-svg-btn, .wj-viewer .wj-control .wj-mini-toolbar .wj-btn-group .wj-applybutton svg.wj-svg-btn {
    fill: #fff;
    opacity: 1
}

.wj-viewer .wj-nav {
    padding-left: 0;
    list-style: none;
    float: left;
    border-bottom: 0;
    margin-bottom: -1px
}

.wj-viewer .wj-nav>li {
    border: 0
}

.wj-viewer .wj-nav>li:not(:first-child) {
    border: 0
}

.wj-viewer .wj-nav>li.hidden {
    display: none
}

.wj-viewer .wj-nav>li>a {
    width: 48px;
    height: 48px
}

.wj-viewer .wj-nav>li>a:hover, .wj-viewer .wj-nav>li>a:focus {
    text-decoration: none;
    background: #eee
}

.wj-viewer .wj-arrow {
    display: none
}

.wj-viewer .wj-arrow .wj-insidearrow {
    position: absolute;
    top: 17px;
    right: -1px;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right-color: #fafafa;
    z-index: 1000
}

.wj-viewer .wj-arrow .wj-outsidearrow {
    position: absolute;
    top: 16px;
    right: -1px;
    height: 0;
    width: 0;
    border: 8px solid transparent;
    border-right-color: #c8c8c8
}

.wj-viewer .wj-viewer-tabsleft {
    height: 100%;
    position: relative
}

.wj-viewer .wj-viewer-tabsleft.collapsed .wj-tabcontent {
    width: 0;
    visibility: collapse
}

.wj-viewer .wj-tabcontent {
    float: right;
    height: 100%;
    width: auto
}

.wj-viewer .wj-tabcontent h3 {
    line-height: 1.1;
    margin-bottom: 10px;
    margin-top: 0;
    font-family: -apple-system-font, 'Segoe UI Light', 'Segoe UI', 'Roboto', sans-serif;
    font-size: 24px;
    color: inherit
}

.wj-viewer .wj-tabcontent legend {
    color: inherit
}

.wj-viewer .wj-tabcontent .active {
    left: 0;
    width: 300px;
    height: 100%;
    border-left: 1px solid #c8c8c8;
    display: block
}

.wj-viewer .wj-tabcontent .wj-tabpane .wj-tabcontent-inner {
    overflow: auto;
    height: 100%;
    border-top: 1px solid #c8c8c8
}

.wj-viewer .wj-tabpane {
    background: #fafafa;
    display: none
}

.wj-viewer .wj-tabtitle-wrapper {
    position: absolute;
    width: 299px;
    padding: 10px
}

.wj-viewer .wj-tabtitle-wrapper .wj-close {
    position: absolute;
    top: .2em;
    right: .3em;
    font-size: 30pt;
    font-weight: 700;
    line-height: .9em;
    opacity: .5;
    cursor: pointer
}

.wj-viewer .wj-tabtitle-wrapper .wj-close:hover {
    opacity: .75
}

.wj-viewer .wj-tabtitle-wrapper .wj-exportcontainer label {
    margin-right: 8px
}

.wj-viewer .wj-tabcontent-wrapper {
    height: 100%;
    padding-top: 48px
}

.wj-viewer .wj-tabcontent-wrapper.search-wrapper {
    padding-top: 202px
}

.wj-viewer .wj-tabcontent-wrapper.wj-exportformats-wrapper {
    padding-top: 120px
}

.wj-viewer .wj-tabcontent-wrapper.wj-exportformats-wrapper .wj-export-editor {
    width: 100%
}

.wj-viewer .wj-tabcontent-wrapper.wj-exportformats-wrapper .wj-export-editor td {
    font-size: 8pt
}

.wj-viewer .wj-tabcontent-wrapper.wj-exportformats-wrapper .wj-export-editor td:first-child {
    width: 200px
}

.wj-viewer .wj-tabcontent-wrapper.wj-exportformats-wrapper .wj-export-editor td:last-child {
    width: 150px
}

.wj-viewer .wj-tabcontent-wrapper.wj-exportformats-wrapper .wj-export-editor .wj-exportformats-group {
    margin: 8px
}

.wj-viewer .wj-tabcontent-wrapper.wj-exportformats-wrapper .wj-exportformats-footer {
    padding: 8px
}

.wj-viewer .wj-outlines-tree {
    display: block;
    width: 100%;
    border: 0;
    border-radius: 0;
    background: #fafafa;
    padding-top: 20px;
    padding-left: 4px
}

.wj-viewer .wj-cell {
    border: 0;
    background: #fafafa;
    color: #000;
    cursor: pointer
}

.wj-viewer .wj-cell span {
    margin-right: 5px
}

.wj-viewer .wj-cell a:link, .wj-viewer .wj-cell a:visited, .wj-viewer .wj-cell a:hover {
    color: #000;
    text-decoration: none
}

.wj-viewer .wj-cell.wj-state-selected {
    background: #eee;
    color: #000
}

.wj-viewer .wj-cell.wj-state-multi-selected {
    background: #fafafa;
    color: #000
}

.wj-viewer .wj-cell.wj-header {
    color: #fff;
    background: #000;
    border: 0;
    font-weight: 700
}

.wj-viewer .wj-cell.wj-alt:not(.wj-state-selected):not(.wj-state-multi-selected) {
    background: #fafafa;
    color: #000
}

.wj-viewer .wj-cell.wj-group:not(.wj-state-selected):not(.wj-state-multi-selected) {
    background: #fafafa;
    color: #000
}

.wj-viewer .wj-thumbnaillist {
    display: block;
    width: 100%;
    border: 0;
    border-radius: 0;
    background: inherit;
    color: inherit
}

.wj-viewer .wj-thumbnail-item {
    height: auto;
    text-align: center;
    padding-top: 35px
}

.wj-viewer .wj-thumbnail-item .wj-pagethumbnail {
    background: #fff;
    border: 1px solid #c8c8c8;
    cursor: pointer;
    outline: 0;
    margin: 0 auto 10px auto
}

.wj-viewer .wj-thumbnail-item.wj-state-selected {
    background: 0 0;
    color: inherit
}

.wj-viewer .wj-thumbnail-item.wj-state-selected .wj-pagethumbnail {
    border-color: #0085c7
}

.wj-viewer .wj-thumbnail-item:not(.wj-state-selected):not(.wj-state-disabled):not(.wj-separator):hover {
    background: 0 0;
    color: inherit
}

.wj-viewer .wj-parameterscontainer {
    float: left;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px
}

.wj-viewer .wj-parameterscontainer.wj-parametererrors-hidden .wj-parametercontainer .error {
    display: none
}

.wj-viewer .wj-parametercontainer {
    float: left;
    margin-top: 20px
}

.wj-viewer .wj-parametercontainer .wj-parametercontrol {
    width: 100%
}

.wj-viewer .wj-parametercontainer .error {
    color: red;
    float: right
}

.wj-viewer .wj-parametercontainer textarea {
    float: right;
    resize: none;
    height: 100px;
    width: 140px
}

.wj-viewer .wj-searchoption {
    margin-top: 10px;
    float: left;
    width: 100%
}

.wj-viewer .wj-searchoption input {
    width: 16px;
    height: 16px;
    float: left;
    margin: 2px 0 0
}

.wj-viewer .wj-searchoption label {
    margin-top: 2px;
    float: left;
    font-weight: initial
}

.wj-viewer .wj-searchresult {
    padding-top: 15px;
    float: left
}

.wj-viewer .wj-searchresultlist {
    float: left;
    width: 100%;
    padding: 10px;
    border: 0;
    border-radius: 0;
    background: 0 0;
    color: #444
}

.wj-viewer .wj-searchresultlist .wj-search-item {
    cursor: pointer
}

.wj-viewer .wj-searchresultlist .wj-search-item .wj-search-text {
    font-size: 125%
}

.wj-viewer .wj-searchresultlist .wj-search-item:not(.wj-state-selected):not(:hover) .wj-search-text {
    color: #1e1e1e
}

.wj-viewer .wj-control .wj-applybutton {
    float: right;
    margin-top: 20px;
    border-radius: 4px;
    padding: 4px 1em
}

.wj-viewer .wj-searchbar {
    height: 50px;
    width: 100%;
    border-top: 1px solid #c8c8c8;
    position: relative;
    margin: 0 auto
}

.wj-viewer .wj-searchbar.hidden {
    visibility: hidden;
    display: none
}

.wj-viewer .wj-searchbox {
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 4px;
    padding: 4px 6px 3px 6px;
    width: 100%;
    border-right: 4.75em solid #eee
}

.wj-viewer .mobile .wj-searchbox {
    border-right-width: 1px
}

.wj-viewer .wj-searchcontainer {
    position: relative;
    padding-top: 4px
}

.wj-viewer .wj-searchcontainer .wj-btn-group {
    position: absolute;
    right: .1em
}

.wj-viewer .wj-searchcontainer .wj-btn-group>.wj-btn-search {
    padding-top: 4px
}

.wj-viewer .wj-searchcontainer .wj-btn-group button {
    background: 0 0;
    height: 30px;
    width: 30px;
    border: 0;
    padding: 1px
}

.wj-viewer .wj-toolbarcontainer {
    width: 100%
}

.wj-viewer .wj-toolbarwrapper {
    width: 100%
}

.wj-viewer .wj-toolbarwrapper>.wj-btn, .wj-viewer .wj-control .wj-toolbarwrapper>.wj-applybutton {
    display: inline-block
}

.wj-viewer .wj-toolbarwrapper>.wj-btn.hidden, .wj-viewer .wj-control .wj-toolbarwrapper>.hidden.wj-applybutton {
    display: none
}

.wj-viewer .wj-toolbarwrapper .wj-searchbtn-groups {
    float: right;
    width: auto;
    padding-top: 0
}

.wj-viewer .wj-rubberband {
    position: absolute;
    border: solid;
    border-color: #0085c7;
    border-width: 2px;
    display: none;
    z-index: 1
}

.wj-viewer .wj-magnifier {
    border: solid;
    border-color: #0085c7;
    border-width: 2px;
    width: 242px;
    height: 150px;
    position: absolute;
    display: none;
    overflow: hidden;
    cursor: default;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    pointer-events: none;
    z-index: 1
}

.wj-viewer .wj-magnifier .wj-view-page {
    position: absolute
}

.wj-viewer .wj-viewer-footer {
    height: 50px;
    width: 100%;
    border-top: 1px solid #c8c8c8;
    position: relative;
    display: none
}

.wj-viewer .wj-viewer-footer .wj-toolbar {
    margin: 0 auto;
    left: 0;
    right: 0
}

.wj-viewer .wj-viewer-footer .wj-close {
    font-size: 30pt;
    line-height: 20px;
    float: right;
    font-weight: 700;
    color: #000;
    opacity: .2;
    cursor: pointer;
    margin-top: 12px
}

.wj-viewer .wj-btn-group {
    border: 0
}

.wj-viewer .wj-btn-group>.wj-btn, .wj-viewer .wj-control .wj-btn-group>.wj-applybutton {
    padding: 8px;
    margin: 0;
    width: 34px;
    height: 36px;
    background: 0 0
}

.wj-viewer .wj-btn-group>li>a.wj-btn, .wj-viewer .wj-control .wj-btn-group>li>a.wj-applybutton {
    padding: 12px 10px;
    background: 0 0
}

.wj-viewer .wj-btn-group>li>a.wj-btn:focus, .wj-viewer .wj-control .wj-btn-group>li>a.wj-applybutton:focus, .wj-viewer .wj-btn-group>li>a.wj-btn:hover, .wj-viewer .wj-control .wj-btn-group>li>a.wj-applybutton:hover {
    background: #e1e1e1
}

.wj-viewer .wj-viewer-loading {
    background: rgba(204, 204, 204, .8);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 20pt
}

.wj-viewer .wj-viewer-loading .verticalalign {
    vertical-align: middle;
    display: inline-block;
    width: 1px;
    height: 100%;
    margin-left: -1px
}

.wj-viewer .wj-viewer-loading .textspan {
    vertical-align: middle;
    display: inline-block;
    padding: 20px
}

.wj-viewer .wj-viewer-loading.errormessage {
    font-size: inherit
}

.wj-viewer .mobile.with-footer, .wj-viewer .mobile.with-searchbar {
    padding-bottom: 50px
}

.wj-viewer .mobile.with-footer.with-searchbar {
    padding-bottom: 100px
}

.wj-viewer .mobile .wj-viewer-leftpanel {
    width: 0
}

.wj-viewer .mobile .wj-viewer-splitter {
    visibility: hidden;
    display: none
}

.wj-viewer .mobile .wj-toolbar {
    visibility: hidden;
    display: none
}

.wj-viewer .mobile .wj-toolbar .wj-pagenumber {
    width: 50px
}

.wj-viewer .mobile .wj-toolbar .wj-pagecount {
    margin: 5px 7px
}

.wj-viewer .mobile .wj-toolbar .wj-toolbar-move {
    visibility: hidden;
    display: none
}

.wj-viewer .mobile .wj-toolbar.mobile {
    display: block
}

.wj-viewer .mobile .wj-toolbar.mobile.hidden {
    display: none
}

.wj-viewer .mobile .wj-nav {
    display: none;
    visibility: hidden
}

.wj-viewer .mobile .wj-viewer-tabsleft {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 1000
}

.wj-viewer .mobile .wj-viewer-tabsleft.collapsed {
    width: 0
}

.wj-viewer .mobile .wj-tabcontent {
    width: 100%
}

.wj-viewer .mobile .wj-tabcontent .wj-tabpane .wj-pagesetupcontainer {
    width: 100%
}

.wj-viewer .mobile .wj-tabcontent .wj-tabpane .wj-tabtitle-wrapper {
    position: absolute;
    width: 100%;
    padding: 10px 20px 20px 20px
}

.wj-viewer .mobile .wj-tabcontent .active {
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #c8c8c8;
    display: block
}

.wj-viewer .mobile .wj-viewer-footer {
    display: block
}

.wj-viewer .mobile .wj-viewer-footer.hidden {
    display: none
}

.wj-viewer .mobile .wj-btn-group>.wj-btn, .wj-viewer .mobile .wj-control .wj-btn-group>.wj-applybutton, .wj-viewer .wj-control .mobile .wj-btn-group>.wj-applybutton {
    padding-top: 9px
}

.wj-viewer .mobile .mobile {
    visibility: visible
}

.wj-viewer.full-screen {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: fixed;
    z-index: 1200
}

.wj-viewer.full-screen .wj-viewer-outer {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    padding-top: 0
}

.wj-viewer.full-screen .wj-viewer-outer.mobile {
    padding-top: 50px
}

.wj-viewer.full-screen .wj-viewer-outer.mobile .wj-toolbar {
    display: block
}

.wj-viewer.full-screen .wj-viewer-outer.mobile .wj-mini-toolbar {
    visibility: hidden;
    display: none
}

.wj-viewer.full-screen .wj-viewer-outer.mobile .wj-viewer-leftpanel {
    display: block
}

.wj-viewer.full-screen .wj-viewer-outer.mobile .wj-searchbar.hidden {
    display: none
}

.wj-viewer.full-screen .wj-viewer-leftpanel {
    display: none
}

.wj-viewer.full-screen .wj-viewer-splitter {
    display: none
}

.wj-viewer.full-screen .wj-toolbar {
    display: none
}

.wj-viewer.full-screen .wj-mini-toolbar {
    visibility: visible;
    display: inline-block
}

.wj-viewer.narrow .wj-viewer-splitter {
    display: none;
    visibility: hidden
}

.wj-viewer.narrow .wj-viewer-leftpanel {
    display: none;
    visibility: hidden
}

.wj-viewer.wj-control {
    user-select: inherit;
    -webkit-user-select: inherit;
    -moz-user-select: inherit;
    -ms-user-select: inherit
}

.wj-viewer .wj-btn-group .wj-btn svg.wj-svg-btn, .wj-viewer .wj-btn-group .wj-control .wj-applybutton svg.wj-svg-btn, .wj-viewer .wj-control .wj-btn-group .wj-applybutton svg.wj-svg-btn {
    fill: #444;
    stroke: #444
}

.wj-viewer .wj-btn-group .wj-btn.wj-state-active svg.wj-svg-btn, .wj-viewer .wj-btn-group .wj-control .wj-state-active.wj-applybutton svg.wj-svg-btn, .wj-viewer .wj-control .wj-btn-group .wj-state-active.wj-applybutton svg.wj-svg-btn {
    fill: #3986c7;
    opacity: 1;
    stroke: #3986c7
}

.wj-viewer .wj-btn-group .wj-btn:hover svg.wj-svg-btn, .wj-viewer .wj-btn-group .wj-control .wj-applybutton:hover svg.wj-svg-btn, .wj-viewer .wj-control .wj-btn-group .wj-applybutton:hover svg.wj-svg-btn {
    opacity: 1
}

.wj-viewer-menu.wj-btn-group-vertical .wj-listbox-item.wj-state-active .wj-btn .wj-svg-btn, .wj-viewer-menu.wj-btn-group-vertical .wj-listbox-item.wj-state-active .wj-viewer .wj-control .wj-applybutton .wj-svg-btn, .wj-viewer .wj-control .wj-viewer-menu.wj-btn-group-vertical .wj-listbox-item.wj-state-active .wj-applybutton .wj-svg-btn {
    fill: #3986c7;
    opacity: 1
}

.wj-viewer-menu.wj-btn-group-vertical .wj-listbox-item.wj-state-active .wj-btn .wj-svg-btn .wj-hollow-svg, .wj-viewer-menu.wj-btn-group-vertical .wj-listbox-item.wj-state-active .wj-viewer .wj-control .wj-applybutton .wj-svg-btn .wj-hollow-svg, .wj-viewer .wj-control .wj-viewer-menu.wj-btn-group-vertical .wj-listbox-item.wj-state-active .wj-applybutton .wj-svg-btn .wj-hollow-svg {
    fill: none;
    stroke: #3986c7
}

.wj-viewer-menu>.wj-listbox-item {
    white-space: nowrap;
    padding: 0 10px 10px 10px
}

.wj-viewer-menu>.wj-listbox-item a.wj-btn, .wj-viewer-menu>.wj-listbox-item .wj-viewer .wj-control a.wj-applybutton, .wj-viewer .wj-control .wj-viewer-menu>.wj-listbox-item a.wj-applybutton {
    background: 0 0;
    transform: translateY(.4em)
}

.wj-viewer-menu>.wj-listbox-item .checkIcon {
    width: 20px;
    margin-right: 5px;
    visibility: hidden
}

.wj-viewer-menu>.wj-listbox-item.checked .checkIcon {
    visibility: visible
}

.wj-viewer-menu>.wj-listbox-item.hidden {
    display: none;
    visibility: hidden
}

.wj-viewer svg.wj-svg-btn, .wj-viewer-menu svg.wj-svg-btn {
    opacity: .75;
    width: 22px;
    height: 22px;
    stroke-width: 0
}

body.full-screen {
    overflow: hidden
}

@media print {
    .wj-viewer .wj-toolbar-move {
        visibility: hidden;
        display: none
    }

    .wj-viewer .wj-viewpanel-container {
        display: inline-block;
        float: none
    }
}

.wj-flexchart .fibonacci-arcs path.wj-state-selected {
    stroke-dasharray: 5 10;
    stroke-linecap: butt
}

input[wj-part="chk-defer"]{
    display: none;
}

span[wj-part="g-defer"]{
    display: none;
}

button.wj-btn[wj-part="btn-update"]{
    display: none;
}

.wj-pivotpanel {
    background-color: var(--primary) !important;
}

.wj-flexgrid div[wj-part='root'] {
    background: var(--primary) !important;
    color: var(--text-color-primary);
}

.wj-pivotpanel label {
    color: var(--text-color-primary);
}

.wj-cell:not(.wj-header):not(.wj-group):not(.wj-alt):not(.wj-state-selected):not(.wj-state-multi-selected){
    background: var(--primary)!important;
}
/*
    *
    * Wijmo Library 5.20173.409
    * http://wijmo.com/
    *
    * Copyright(c) GrapeCity, Inc.  All rights reserved.
    *
    * Licensed under the GrapeCity Commercial License.
    * sales@wijmo.com
    * wijmo.com/products/wijmo-5/license/
    *
    */
.wj-content{display:inline-block;border:1px solid rgba(0,0,0,.2);border-radius:4px;background-color:#fff;outline:none;box-sizing:border-box}.wj-content.wj-dropdown,.wj-content.wj-inputnumber,.wj-content.wj-inputmask,.wj-content.wj-calendar-outer,.wj-content.wj-pager{display:inline-table}.wj-control{outline:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.wj-control [contenteditable]{-webkit-user-select:text;user-select:text}.wj-header{background-color:#eaeaea;color:#444;font-weight:bold}.wj-state-selected{background-color:#0085c7;color:#fff}.wj-state-multi-selected{background-color:#80adbf;color:#fff}.wj-state-disabled{opacity:.5;cursor:default;pointer-events:none}.wj-control[disabled]{opacity:.5;background-color:#eee;pointer-events:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;overflow:visible;border-radius:inherit;cursor:pointer}.wj-btn{padding:0 10px;height:100%;vertical-align:top;text-align:center;white-space:nowrap;cursor:pointer}.wj-btn-default{border:1px solid rgba(0,0,0,.2);background-color:transparent;color:inherit}.wj-btn-default:hover{background-color:rgba(0,0,0,.1)}.wj-btn-default:focus{background-color:rgba(0,0,0,.1)}.wj-control a[wj-part^="btn-"]{background:#e6e6e6;padding:6px 20px;color:#444;display:inline-block;margin-top:5px;text-decoration:none;font-size:12px;font-weight:bold}.wj-control a[wj-part^="btn-"]:hover{text-decoration:none;background:#e0e0e0}.wj-btn-group,.wj-btn-group-vertical{position:relative;display:inline-block;border-radius:4px;vertical-align:top}.wj-btn-group>.wj-btn:not(:first-child):not(:last-child){border-radius:0}.wj-btn-group>.wj-btn:first-child{margin-left:0}.wj-btn-group>.wj-btn:first-child:not(:last-child){border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.wj-btn-group>.wj-btn:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.wj-btn-group .wj-btn+.wj-btn,.wj-btn-group .wj-btn+.wj-btn-group,.wj-btn-group .wj-btn-group+.wj-btn,.wj-btn-group .wj-btn-group+.wj-btn-group{margin-left:-1px}.wj-listbox{overflow:auto;cursor:default}.wj-listbox-item{box-sizing:border-box;padding:3px 10px}.wj-listbox-item:focus,.wj-listbox-item input[type=checkbox]:focus{outline:none}.wj-listbox-item.wj-separator{height:1px;margin:3px 0;padding:0;background-color:rgba(0,0,0,.1)}.wj-listbox-item:not(.wj-state-selected):not(.wj-state-disabled):not(.wj-separator):hover{background-color:rgba(0,0,0,.05)}.wj-listbox .wj-listbox-item label{font-weight:normal;margin:0}.wj-dropdown .wj-listbox{padding:0;white-space:nowrap}.wj-listbox-item.wj-state-selected .wj-control{background:#fff;color:#444}.wj-dropdown{vertical-align:middle}.wj-dropdown .wj-template,.wj-dropdown .wj-dropdown-menu{border-radius:inherit}.wj-template{height:100%;display:table-cell}.wj-dropdown-panel{outline:none;box-shadow:0 6px 13px rgba(0,0,0,.2);z-index:1500}.wj-autocomplete-match{font-weight:bold}.wj-inputnumber input[type=number]::-webkit-inner-spin-button,.wj-inputnumber input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.wj-control input::-ms-clear{display:none}.wj-control button,.wj-control input,.wj-control optgroup,.wj-control select,.wj-control textarea{outline:0}.wj-inputnumber,.wj-inputmask{vertical-align:middle}.wj-input-group-btn,.wj-input-group .wj-form-control{box-sizing:border-box;display:table-cell}.wj-input{height:100%;overflow:hidden}.wj-input-group{position:relative;display:table;overflow:hidden;width:100%;height:100%;border-collapse:separate;border-radius:4px;background:inherit}.wj-input-group .wj-form-control{position:relative;float:left;padding:0 8px;min-height:2em;vertical-align:middle;width:100%;height:100%;border:none;border-radius:0;background-color:transparent;color:inherit}.wj-input-group .wj-form-control.wj-numeric{text-align:right}.wj-input-group div[wj-part='header']{float:none;width:auto;vertical-align:middle}.wj-input-group-btn>.wj-btn{border-width:0;min-height:2em}.wj-input-group-btn:first-child>.wj-btn{border-right-width:1px;border-top-right-radius:0;border-bottom-right-radius:0}.wj-input-group-btn:last-child>.wj-btn{border-left-width:1px;border-top-left-radius:0;border-bottom-left-radius:0}[dir=rtl] .wj-input-group-btn:first-child>.wj-btn{border-left-width:1px;border-top-left-radius:0;border-bottom-left-radius:0;border-right-width:0;border-top-right-radius:inherit;border-bottom-right-radius:inherit}[dir=rtl] .wj-input-group-btn:last-child>.wj-btn{border-right-width:1px;border-top-right-radius:0;border-bottom-right-radius:0;border-left-width:0;border-top-left-radius:inherit;border-bottom-left-radius:inherit}.wj-input-group-btn{position:relative;width:26px;height:100%;vertical-align:top;white-space:nowrap}.wj-pager{vertical-align:middle;margin-left:5px;margin-right:5px}.wj-pager .wj-input-group-btn>.wj-btn{min-width:40px}.wj-pager .wj-btn[disabled] span{opacity:.5;cursor:default}.wj-pager .wj-form-control{text-align:center;border-left:1px solid rgba(0,0,0,.2);border-right:1px solid rgba(0,0,0,.2)}.wj-calendar-outer{display:block;padding:10px;width:100%;height:auto;cursor:default}.wj-calendar td{text-align:center}.wj-dropdown-panel.wj-calendar{width:20em}.wj-dropdown-panel .wj-calendar-outer{border:0;background:none}.wj-day-today{font-weight:bold}.wj-day-othermonth{opacity:.5}.wj-calendar-header{display:block;padding:0 0 15px 0;width:100%}.wj-month-select{float:left;display:inline-block;cursor:pointer}.wj-calendar-header .wj-btn-group{float:right;display:inline-block;margin-bottom:7px}.wj-calendar-header .wj-btn-group .wj-btn{padding:0 8px 1px 8px;min-height:25px}.wj-calendar-month{box-sizing:border-box;width:100%;border-collapse:collapse;font:inherit}.wj-calendar-month td{width:14.29%;padding:5px 0;border:none}.wj-calendar-month .wj-header{font-size:90%}.wj-calendar-year{box-sizing:border-box;width:100%;border-collapse:collapse;font:inherit}.wj-calendar-year td{width:25%;padding:8px;border:none}.wj-flexgrid{cursor:default;width:100%;overflow:hidden}.wj-flexgrid .wj-row{position:absolute;top:0}.wj-cell{position:absolute;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:3px;border-right:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;outline:none}.wj-cell.wj-state-selected .wj-control,.wj-cell.wj-state-multi-selected .wj-control{color:#444}.wj-header.wj-state-multi-selected{background-color:#e4e4e4;color:#444;font-weight:bold}.wj-colheaders .wj-header.wj-state-multi-selected{border-bottom:2px solid #0085c7}.wj-rowheaders .wj-header.wj-state-multi-selected{border-right:2px solid #0085c7}.wj-state-sticky .wj-header{opacity:.75}.wj-flexgrid .wj-marquee{position:absolute;box-sizing:border-box;border:2px solid #0085c7}.wj-cell.wj-state-invalid{border:1.2px solid red}.wj-rowheaders .wj-cell.wj-state-invalid{background:rgba(255,0,0,.3)}.wj-cells .wj-cell.wj-state-invalid:after{position:absolute;content:'';width:0;right:0;top:-6px;border:6px solid transparent;border-right:6px solid red}.wj-cell.wj-wrap{white-space:normal;text-overflow:clip}.wj-cell:not(.wj-header):not(.wj-group):not(.wj-alt):not(.wj-state-selected):not(.wj-state-multi-selected){background:#fff}.wj-alt:not(.wj-header):not(.wj-group):not(.wj-state-selected):not(.wj-state-multi-selected){background:#f9f9f9}.wj-group:not(.wj-state-selected):not(.wj-state-multi-selected){background-color:#ddd}.wj-cell.wj-frozen-row{border-bottom:1px solid #666}.wj-cell.wj-frozen-col{border-right:1px solid #666}.wj-flexgrid .wj-grid-editor{box-sizing:border-box;padding:3px;border:none;width:100%;height:100%;margin:0}.wj-cell .wj-elem-dropdown{position:absolute;top:0;padding:3px 6px;opacity:.25;right:0}[dir=rtl] .wj-cell .wj-elem-dropdown{left:0;right:auto}.wj-flexgrid .wj-marker{position:absolute;background-color:#0085c7;opacity:.5;pointer-events:none;z-index:1000}.wj-flexgrid .wj-cell.wj-header.wj-state-dragsrc{opacity:.5}[dir=rtl] .wj-cell{border-left:1px solid #c6c6c6;border-right:none}[dir=rtl] .wj-frozen-col{border-left:1px solid #666;border-right:none}.wj-header .wj-elem-filter{float:right;cursor:pointer;padding:0 4px}[dir=rtl] .wj-header .wj-elem-filter{float:left}.wj-filter-on .wj-glyph-filter{opacity:.85}.wj-filter-off .wj-glyph-filter{opacity:.25}.wj-columnfiltereditor{padding:10px;min-width:230px;max-width:400px}.wj-columnfiltereditor .wj-control{margin-bottom:6px;width:100%}.wj-columnfiltereditor .wj-listbox .wj-listbox-item label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wj-grouppanel{display:block;background-color:#f4f4f4;padding:15px}.wj-grouppanel .wj-cell{margin-right:10px;padding:6px 16px;border:1px solid #e6e6e6;cursor:pointer}.wj-grouppanel .wj-cell:hover{background:#e0e0e0}.wj-multirow .wj-cell.wj-record-end:not(.wj-header){border-bottom-color:#787878}.wj-multirow .wj-cell.wj-group-end{border-right-color:#787878}.wj-multirow .wj-hdr-collapse{position:absolute;padding:6px;right:0;top:0;color:#0085c7;opacity:.5}.wj-multirow .wj-hdr-collapse:hover{opacity:1}.wj-flexsheet .wj-marquee{position:absolute;box-sizing:border-box;border:2px solid #0085c7}.wj-flexsheet .wj-state-multi-selected{background:#e6e6e6;color:#222}.wj-flexsheet .wj-cell.wj-state-multi-selected{border-right:1px solid #bbb;border-bottom:1px solid #bbb}.wj-tooltip{position:absolute;z-index:1000;top:0;left:0;pointer-events:none;max-width:400px;padding:6px;background-color:#ffffe5;border:1px solid rgba(0,0,0,.1);border-radius:6px;box-shadow:0 6px 12px rgba(0,0,0,.175);box-sizing:border-box}.wj-flexchart{height:400px;padding:15px 10px;margin-bottom:12px;background-color:#fff;border:1px solid #e4e4e4;display:block}.wj-flexchart .wj-title{}.wj-flexchart .wj-header{}.wj-flexchart .wj-header .wj-title{font-size:16pt;fill:#666;font-weight:normal}.wj-flexchart .wj-footer{}.wj-flexchart .wj-footer .wj-title{fill:#666;font-weight:normal}.wj-flexchart .wj-plot-area{}.wj-flexchart .wj-legend .wj-label{fill:#666}.wj-flexchart .wj-data-label{fill:#666}.wj-flexchart .wj-data-label-border{stroke:rgba(128,128,128,.5)}.wj-flexchart .wj-data-label-line{stroke:rgba(128,128,128,1)}.wj-flexchart .wj-axis-x .wj-title,.wj-flexchart .wj-axis-y .wj-title,.wj-flexchart .wj-legend .wj-title{font-style:italic}.wj-flexchart .wj-state-selected{stroke-width:3px;stroke-dasharray:6;stroke-linecap:square}.wj-flexchart .fibonacci-arcs path.wj-state-selected{stroke-dasharray:5 10;stroke-linecap:butt}.wj-treemap .wj-data-label{fill:#fff}@media(max-width:1025px){.wj-flexchart .wj-state-selected{stroke-width:2px;stroke-dasharray:4}}@media(max-width:767px){wj-flexchart .wj-state-selected{stroke-width:1px;stroke-dasharray:3}}.wj-flexchart .wj-label{fill:#666}.wj-flexchart .wj-axis-x .wj-line{stroke:#aaa;stroke-width:1px}.wj-flexchart .wj-tick,.wj-flexchart .wj-tick-minor{stroke:#aaa;stroke-width:1px}.wj-flexchart .wj-gridline{stroke:#666;stroke-width:1px;opacity:.75}.wj-flexchart .wj-gridline-minor{stroke:#666;stroke-width:1px;opacity:.25}.wj-flexchart .wj-chart-rangeslider{position:absolute;touch-action:none;-ms-touch-action:none}.wj-flexchart .wj-chart-rangeslider button{position:absolute;text-align:center;vertical-align:middle;padding:0;line-height:16px;border-radius:2px}.wj-flexchart .wj-chart-hrangeslider button{width:16px;height:100%}.wj-flexchart .wj-chart-vrangeslider button{height:16px;width:100%}.wj-flexchart .wj-chart-rangeslider .wj-rangeslider-content{background-color:#eaeaea;height:100%;position:relative}.wj-flexchart .wj-chart-rangeslider .wj-rangeslider-rangehandle{position:absolute;text-align:center;vertical-align:middle;background-color:#bdbdbd;height:100%;width:100%}.wj-flexchart .wj-chart-rangeslider .wj-rangeslider-minhandle,.wj-flexchart .wj-chart-rangeslider .wj-rangeslider-maxhandle{border:1px solid gray;display:block;position:absolute;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px}.wj-flexchart .wj-chart-hrangeslider .wj-rangeslider-minhandle,.wj-flexchart .wj-chart-hrangeslider .wj-rangeslider-maxhandle{background-color:#bdbdbd;cursor:ew-resize;height:22px;margin-top:-2px;width:14px}.wj-flexchart .wj-chart-vrangeslider .wj-rangeslider-minhandle,.wj-flexchart .wj-chart-vrangeslider .wj-rangeslider-maxhandle{background-color:#bdbdbd;cursor:ns-resize;width:22px;margin-left:-2px;height:14px}.wj-flexchart .wj-chart-rangeslider .wj-rangeslider-handle-active{z-index:2}.wj-flexchart .wj-chart-hrangeslider .wj-rangeslider-decbtn{left:0}.wj-flexchart .wj-chart-hrangeslider .wj-rangeslider-incbtn{right:0}.wj-flexchart .wj-chart-vrangeslider .wj-rangeslider-decbtn{bottom:0}.wj-flexchart .wj-chart-vrangeslider .wj-rangeslider-incbtn{top:0}.wj-flexchart .wj-chart-rangeslider .wj-glyph-left{border-top:5px solid transparent;border-right:4px solid;border-bottom:4px solid transparent;margin-right:2px}.wj-flexchart .wj-chart-rangeslider .wj-glyph-right{border-bottom:5px solid transparent;border-left:4px solid;border-top:4px solid transparent;margin-left:2px}.wj-flexchart .wj-chart-rangeslider .wj-glyph-down{border-top:5px solid;border-right:4px solid transparent;border-left:4px solid transparent;margin-bottom:3px}.wj-flexchart .wj-chart-rangeslider .wj-glyph-up{border-right:4px solid transparent;border-bottom:5px solid;border-left:4px solid transparent;margin-bottom:4px}.wj-flexchart .wj-chart-rangeselector-container{position:relative}.wj-flexchart .wj-chart-rangeselector-container .wj-chart-rangeslider,.wj-flexchart .wj-chart-rangeselector-container .wj-rangeslider-content{background-color:transparent;border-color:transparent}.wj-flexchart .wj-chart-rangeselector-container .wj-rangeslider-rangehandle{opacity:.3}.wj-flexchart .wj-chart-rangeselector-container .wj-rangeslider-minhandle,.wj-flexchart .wj-chart-rangeselector-container .wj-rangeslider-maxhandle{background-color:transparent;opacity:.6;border:2px solid gray;border-radius:.5em}.wj-flexchart .wj-chart-rangeselector-container .wj-chart-hrangeslider .wj-rangeslider-minhandle,.wj-flexchart .wj-chart-rangeselector-container .wj-chart-hrangeslider .wj-rangeslider-maxhandle{height:20px;width:20px;border-radius:50%;border:1px solid hsla(0,0%,50.2%,.75);top:0;bottom:0;margin:auto;color:hsl(0,0%,50.2%);background:#d3d3d3;opacity:1}.wj-flexchart .wj-chart-rangeselector-container .wj-chart-hrangeslider .wj-rangeslider-minhandle:after,.wj-flexchart .wj-chart-rangeselector-container .wj-chart-hrangeslider .wj-rangeslider-maxhandle:after{content:"║";text-align:center;width:100%;display:inline-block;position:absolute;margin:0;top:50%;transform:translateY(-55%);-webkit-transform:translateY(-55%);opacity:.75;font-size:10px}.wj-flexchart .wj-chart-rangeselector-container .wj-chart-vrangeslider .wj-rangeslider-minhandle,.wj-flexchart .wj-chart-rangeselector-container .wj-chart-vrangeslider .wj-rangeslider-maxhandle{height:20px;width:20px;left:50%;border-radius:50%;border:1px solid hsla(0,0%,50.2%,.75);top:0;bottom:0;color:hsl(0,0%,50.2%);background:#d3d3d3;opacity:1}.wj-flexchart .wj-chart-rangeselector-container .wj-chart-vrangeslider .wj-rangeslider-minhandle:after,.wj-flexchart .wj-chart-rangeselector-container .wj-chart-vrangeslider .wj-rangeslider-maxhandle:after{content:"═";text-align:center;height:100%;display:inline-block;position:absolute;margin:0;left:50%;transform:translate(-50%,15%);-webkit-transform:translate(-50%,15%);opacity:.75;font-size:12px}.wj-flexchart .wj-chart-rangeselector-container .wj-chart-rangeslider .wj-rangeslider-minhandle.wj-rangeslider-handle-active,.wj-flexchart .wj-chart-rangeselector-container .wj-chart-rangeslider .wj-rangeslider-maxhandle.wj-rangeslider-handle-active{background-color:rgba(136,189,230,.7)}.wj-flexchart .wj-rangeselector .wj-scroller-center{background:rgba(128,128,128,.1);position:absolute;display:block;touch-action:none}.wj-flexchart .wj-zoom{visibility:hidden;position:relative}.wj-flexchart .wj-zoom-overlay{background:rgba(128,128,128,.2);position:absolute;display:block;touch-action:none}.wj-flexchart.wj-panable{cursor:pointer}.wj-flexchart .wj-block-other-interaction{display:none}.wj-flexchart-touch-disabled{-ms-touch-action:none}.wj-flexchart .wj-chart-linemarker{background:rgba(128,128,128,.3);position:absolute;padding:2px}.wj-flexchart .wj-chart-linemarker-container{position:relative}.wj-flexchart .wj-chart-linemarker .wj-chart-linemarker-hline{height:2px;background:rgba(128,128,128,1);touch-action:none;position:absolute}.wj-flexchart .wj-chart-linemarker .wj-chart-linemarker-vline{width:2px;background:rgba(128,128,128,1);touch-action:none;position:absolute}.wj-flexchart.wj-chart-linemarker-draggable,.wj-flexchart .wj-chart-linemarker .wj-chart-linemarker-draggable{-khtml-user-drag:element;cursor:move}.wj-gauge:focus{outline:none}.wj-gauge{display:block}.wj-gauge .wj-face path{fill:#f5f5f5;stroke:#cbcbcb;stroke-width:1px;stroke-linejoin:round}.wj-gauge .wj-pointer{fill:#0085c7}.wj-gauge .wj-ticks{stroke-width:2px;stroke:white}.wj-gauge .wj-min,.wj-gauge .wj-max{font-size:60%;opacity:.5}.wj-radialgauge .wj-value{font-size:150%}.wj-lineargauge{height:1.2em}.wj-colorpicker{width:420px;height:200px;padding:4px}.wj-colorbox{position:relative;width:100%;height:100%;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.wj-popup{background-color:#fff;box-shadow:0 3px 9px rgba(0,0,0,.5);z-index:1500;margin:2px 0}.wj-popup-backdrop{background-color:#000;opacity:.5;position:fixed;left:0;right:0;top:0;bottom:0;z-index:1500}.wj-glyph-asterisk,.wj-glyph-calendar,.wj-glyph-check,.wj-glyph-circle,.wj-glyph-clipboard,.wj-glyph-clock,.wj-glyph-diamond,.wj-glyph-dimension,.wj-glyph-down,.wj-glyph-down-left,.wj-glyph-down-right,.wj-glyph-file,.wj-glyph-filter,.wj-glyph-left,.wj-glyph-measure,.wj-glyph-minus,.wj-glyph-pencil,.wj-glyph-plus,.wj-glyph-right,.wj-glyph-square,.wj-glyph-step-backward,.wj-glyph-step-forward,.wj-glyph-up,.wj-glyph-up-left,.wj-glyph-up-right,.wj-glyph-left-rtl,.wj-glyph-right-rtl,.wj-glyph-step-backward-rtl,.wj-glyph-step-forward-rtl{position:relative;display:inline-block;box-sizing:border-box;text-align:center;opacity:.75;cursor:pointer}.wj-glyph-asterisk:after{content:'✱︎'}.wj-glyph-calendar{top:.2em;width:1em;height:1em;border:.1em solid;border-top:.3em solid}.wj-glyph-calendar:after{position:absolute;font-size:50%;left:.5em;content:'1'}.wj-glyph-check:after{content:'✔︎';font-weight:bold}.wj-glyph-circle{border:.25em solid;border-radius:1em;transform:translateY(-.1em)}.wj-glyph-clipboard:after{content:'📋︎'}.wj-glyph-clock{width:1em;height:1em;border:.13em solid;border-radius:50%}.wj-glyph-clock:after{position:absolute;border-left:.1em solid;border-bottom:.1em solid;width:.3em;height:.4em;top:.05em;left:.32em;content:""}.wj-glyph-diamond:after{content:'◆︎'}.wj-glyph-dimension:after{content:'⟀︎'}.wj-glyph-down{border-top:.5em solid;border-right:.4em solid transparent;border-left:.4em solid transparent}.wj-glyph-down-left{border-top:.65em solid transparent;border-left:.65em solid}.wj-glyph-down-right{border-bottom:.65em solid;border-left:.65em solid transparent}.wj-glyph-file{border-left:.7em solid;height:.85em}.wj-glyph-file:after{position:absolute;transform:translateX(-100%);border-top:.3em solid transparent;border-left:.3em solid #fff;content:''}.wj-glyph-left,.wj-glyph-right-rtl{border-top:.4em solid transparent;border-right:.5em solid;border-bottom:.4em solid transparent}.wj-glyph-measure:after{content:'📊︎'}.wj-glyph-plus,.wj-glyph-minus{border-top:.25em solid;width:.9em;top:-.2em}.wj-glyph-plus:after{position:absolute;box-sizing:border-box;border-left:.25em solid;width:.25em;height:.85em;left:.32em;top:-.55em;content:""}.wj-glyph-pencil:after{content:'✎︎'}.wj-glyph-right,.wj-glyph-left-rtl{border-top:.4em solid transparent;border-bottom:.4em solid transparent;border-left:.5em solid}.wj-glyph-square{border:.25em solid}.wj-glyph-step-backward,.wj-glyph-step-forward-rtl{border-top:.4em solid transparent;border-right:.5em solid;border-bottom:.4em solid transparent;transform:translateX(.12em)}.wj-glyph-step-backward:after,.wj-glyph-step-forward-rtl:after{position:absolute;border-left:.2em solid;height:.75em;transform:translate(-100%,-50%);content:''}.wj-glyph-step-forward,.wj-glyph-step-backward-rtl{border-top:.4em solid transparent;border-bottom:.4em solid transparent;border-left:.5em solid}.wj-glyph-step-forward:after,.wj-glyph-step-backward-rtl:after{position:absolute;border-left:.2em solid;height:.75em;transform:translateY(-50%);content:''}.wj-glyph-up{border-right:.4em solid transparent;border-bottom:.5em solid;border-left:.4em solid transparent}.wj-glyph-up-left{border-bottom:.65em solid transparent;border-left:.65em solid}.wj-glyph-up-right{border-top:.65em solid;border-left:.65em solid transparent}.wj-glyph-filter{top:-.1em;width:.5em;border-top:.5em solid;border-right:.4em solid transparent;border-left:.4em solid transparent}.wj-glyph-filter:after{position:absolute;border-left:.2em solid;height:.4em;transform:translateX(-50%);top:-.2em;content:''}[dir=rtl] .wj-glyph-filter:after{transform:translateX(50%)}.wj-flexsheet .wj-content{outline:none;border-color:#ccc;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.wj-flexsheet-formula-list{margin:0;padding:0;background:#fff;border:1px solid rgba(0,0,0,.2);font-family:arial,sans-serif;font-size:12px;line-height:22px;position:absolute;width:300px;z-index:2001;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);-moz-box-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 2px 4px rgba(0,0,0,.2)}.wj-flexsheet-formula-name{color:#222;font-size:13px;font-family:inconsolata,monospace,arial,sans,sans-serif;margin:-2px 0}.wj-flexsheet-formula-description{color:#666;display:block;font-size:11px;margin:-2px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wj-state-selected .wj-flexsheet-formula-description{color:#fff}.wj-flexsheet div[wj-filter]{display:none}div[wj-part='tab-holder']{background:#b8b8b8}span.wj-sheet-icon{margin:0 14px}div.wj-sheet-page{padding-top:1px}div.wj-sheet-page>button{padding:0;padding-top:1px;border-radius:0;border:0;background-color:#e4e5e8;color:#727275}div.wj-sheet-page>button:hover{background-color:#dee0e3}.wj-sheet-tab ul{display:inline-block;margin:0;padding:0;float:left}.wj-sheet-tab ul li{float:left;display:block;padding-right:20px;padding-left:20px;cursor:pointer;margin-top:1px;border-left:1px solid #b8b8b8;min-height:20px;background-color:#d2d3d8;text-align:center;padding-top:2px;font-size:11px;color:#727275}.wj-sheet-tab ul li.active{border-top-color:transparent;background-color:#fff;cursor:default;height:100%;margin-top:1px;border-left:1px solid #b8b8b8;font-weight:bold}.wj-sheet-tab ul li.hidden{display:none}.wj-sheet-tab ul li:not(.active):hover,.wj-sheet-tab ul li:not(.hidden):hover{background-color:#aabcd6;color:#fff;cursor:pointer}.wj-sheet-tab ul li.wj-new-sheet:hover{background-color:#0085c7}.wj-new-sheet{padding:0;width:32px;height:20px;font-size:11px;text-align:center;background-color:#668eb9;color:#fff}.wj-new-sheet .wj-sheet-icon{color:#727275;margin-top:5px}div.wj-sheet>div{display:block;float:left}[dir=rtl] div.wj-sheet>div{display:block;float:right}.wj-flexsheet{background-color:#a9a9a9;width:100%;height:100%}.wj-context-menu{background-color:#fff;border:thin solid gray;cursor:default;padding:3px 0}.wj-context-menu-item{padding:3px 10px}.wj-context-menu-item:not(.wj-context-menu-item-selected):hover{background-color:rgba(0,0,0,.1)}.wj-context-menu-item-selected{background-color:#0085c7;color:#fff}.wj-header-row{background-color:#96abb4!important;color:#fff!important}.wj-pivotpanel{position:relative;padding:3px 6px;overflow:auto;min-height:25em;width:100%}.wj-pivotpanel a{float:right;margin:6px}.wj-pivotpanel table{table-layout:fixed;width:100%}.wj-pivotpanel div{width:100%}.wj-pivotpanel tr,.wj-pivotpanel td{border:1px none #e0e0e0;padding:3px}.wj-pivotpanel label{font-weight:bold;margin:0}.wj-pivotpanel .wj-flexgrid{flex-grow:1;border:none;border-radius:0;min-height:8em;max-height:20em;margin-left:6px}.wj-pivotpanel table .wj-flexgrid{min-height:5em;height:5em}.wj-pivotpanel .wj-marker{position:absolute;background-color:#0085c7;opacity:.5;pointer-events:none}.wj-pivotpanel .wj-flexgrid .wj-cell:not(.wj-header){border:none;background:inherit!important;color:inherit!important}.wj-pivotpanel .wj-flexgrid .wj-cell:not(.wj-header):hover{background:rgba(0,0,0,.03)!important;border-radius:4px;transition:all linear 300ms}.wj-pivotpanel .wj-flexgrid .wj-cell.wj-header{font-weight:bold;color:inherit;background:rgba(0,0,0,.05);border:none}.wj-pivotpanel .wj-flexgrid .wj-glyph-filter{cursor:default;opacity:.5}.wj-pivotpanel .wj-flexgrid .wj-glyph-dimension,.wj-pivotpanel .wj-flexgrid .wj-glyph-measure{cursor:default}.wj-pivotpanel .wj-flexgrid .wj-aggregate{font-size:80%;opacity:.5}.wj-pivotpanel .wj-flexgrid label{font-weight:normal;margin:0}.context-menu{font-size:90%;padding:6px}.menu-icon{display:inline-block;width:1em;margin-right:6px;opacity:.75;color:#0000c0}.menu-icon.menu-icon-remove{color:maroon;font-weight:bold}.wj-pivotfieldeditor{min-width:400px}.wj-pivotfieldeditor tr.wj-separator{border-top:10px solid transparent}.wj-pivotfieldeditor td:first-child{text-align:right}.wj-pivotfiltereditor{padding:10px;min-width:230px}.wj-pivotfiltereditor .wj-control{margin-bottom:6px;width:100%}.wj-pivotfiltereditor .wj-listbox .wj-listbox-item label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wj-pivotgrid .wj-colheaders .wj-cell.wj-header{text-align:center}.wj-pivotgrid .wj-topleft .wj-cell.wj-col-field-hdr{text-align:right}.wj-pivotgrid .wj-cell.wj-aggregate{font-weight:bold}.wj-pivotgrid .wj-aggregate.wj-cell:not(.wj-header):not(.wj-group):not(.wj-state-selected):not(.wj-state-multi-selected){background-color:rgba(0,133,199,.15)}.wj-pivotchart{position:relative}.wj-pivotchart .wj-dropdown{position:absolute;margin-right:15px;z-index:999}.wj-pivotchart .wj-flexchart{padding:35px 15px 10px}.wj-detaildialog .wj-flexgrid{width:60vw;height:40vh;box-sizing:border-box}.wj-dialog-header{width:100%;background:rgba(0,0,0,.05);font-weight:bold;font-size:120%;padding:1em;box-sizing:border-box}.wj-dialog-body{padding:1em;box-sizing:border-box}.wj-dialog-footer{text-align:right;margin-top:1em;padding:1em;box-sizing:border-box}.wj-treeview{width:100%;overflow:auto;background:transparent;border:none}.wj-treeview *:focus{outline:none}.wj-treeview.wj-state-loading *{cursor:wait!important}.wj-treeview .wj-node{cursor:pointer;white-space:nowrap;box-sizing:border-box;padding:3px 10px}.wj-treeview .wj-node.wj-state-selected{color:inherit;background:rgba(0,0,0,.05)}.wj-treeview .wj-node img{padding-right:4px}.wj-treeview .wj-node .wj-node-check{margin-right:4px}.wj-treeview .wj-node:before{content:'';position:relative;display:inline-block;border-top:.5em solid;border-right:.45em solid transparent;border-left:.45em solid transparent;top:-1px;margin-right:4px;opacity:.75;transition:all .3s cubic-bezier(.4,0,.2,1)}.wj-treeview .wj-node.wj-state-collapsed:before,.wj-treeview .wj-node.wj-state-collapsing:before{transform:rotate(-90deg);transition:all .3s cubic-bezier(.4,0,.2,1)}.wj-treeview .wj-nodelist .wj-node.wj-state-empty:before{visibility:hidden}.wj-treeview .wj-nodelist{display:block;position:relative}.wj-treeview .wj-nodelist .wj-nodelist{padding-left:1em}.wj-treeview .wj-node.wj-state-collapsed+.wj-nodelist{display:none}.wj-treeview .wj-marker{position:absolute;background-color:#0085c7;opacity:.5;pointer-events:none}.wj-treeview .wj-node.wj-state-collapsed.wj-state-loading:before{animation-name:wjLazyNodeLoading;animation-duration:.6s;animation-direction:alternate;animation-iteration-count:infinite}@keyframes wjLazyNodeLoading{from{opacity:1;transform:scale(1.1)}to{opacity:.5;transform:scale(.5)}}[dir=rtl] .wj-nodelist .wj-nodelist{padding-left:unset;padding-right:1em}[dir=rtl] .wj-node img{padding-right:unset;padding-left:4px}[dir=rtl] .wj-node .wj-node-check{margin-right:unset;margin-left:4px}[dir=rtl] .wj-nodelist .wj-node:before{margin-right:unset;margin-left:4px}[dir=rtl] .wj-nodelist .wj-node.wj-state-collapsed:before,[dir=rtl] .wj-nodelist .wj-node.wj-state-collapsing:before{transform:rotate(+90deg)}.wj-multi-autocomplete{width:100%;height:auto;padding:5px;border:1px solid rgba(0,0,0,.1);border-radius:6px;margin-bottom:10px}.wj-multi-autocomplete .wj-input{float:left}.wj-multi-autocomplete .wj-form-control{padding:10px}.wj-multi-autocomplete .wj-token{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;display:inline-block;float:left;border:1px solid #d9d9d9;background-color:#ededed;white-space:nowrap;margin:5px 5px 5px 5px;vertical-align:middle;cursor:default}.wj-multi-autocomplete .wj-token .wj-token-label{display:inline-block;overflow:hidden;text-overflow:ellipsis;padding:5px 5px 5px 10px;vertical-align:middle;max-width:500px}.wj-multi-autocomplete .wj-token:hover{border-color:#b9b9b9}.wj-multi-autocomplete .wj-token.wj-token-active{border-color:#febbbb}.wj-multi-autocomplete .wj-token-helper{position:absolute;left:-10000px}.wj-multi-autocomplete .wj-token .wj-token-close{font-family:Arial;display:inline-block;line-height:100%;font-size:1.1em;line-height:1.49em;margin-left:5px;float:none;height:100%;vertical-align:middle;padding-right:4px;cursor:pointer}.wj-multi-autocomplete .wj-token .wj-token-close:hover,.wj-multi-autocomplete .wj-token .wj-token-close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5}.wj-viewer-outer{width:100%;height:100%;display:block;position:relative;padding-top:50px}.wj-viewer-splitter{cursor:default;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.wj-viewer-outer.mobile.with-footer,.wj-viewer-outer.mobile.with-searchbar{padding-bottom:50px}.wj-viewer-outer.mobile.with-footer.with-searchbar{padding-bottom:100px}.wj-viewer-outer .mobile{visibility:hidden}.wj-viewer-outer.mobile .wj-toolbar{visibility:hidden;display:none}.wj-viewer-outer.mobile .wj-viewer-splitter{visibility:hidden;display:none}.wj-viewer-outer.mobile .mobile{visibility:visible}.wj-viewer-outer.mobile .wj-toolbar.mobile{display:block}.wj-viewer-outer.mobile .wj-toolbar.mobile.hidden{display:none}.wj-viewer{height:750px;width:1100px;background-color:#fff;margin-left:auto;margin-right:auto}.wj-viewer.full-screen{left:0;top:0;width:100%;height:100%;display:block;position:fixed!important;z-index:1200}.wj-viewer.full-screen .wj-viewer-outer{width:100%;height:100%;display:block;position:absolute;padding-top:0}.wj-viewer.full-screen .wj-viewer-outer.mobile{padding-top:50px}body.full-screen{overflow:hidden}.wj-viewer.wj-control{-webkit-user-select:inherit;-ms-user-select:inherit;-moz-user-select:inherit}.wj-toolbarcontainer{float:left;height:100%;overflow:hidden}.wj-toolbarwrapper{padding-top:5px;height:100%}.wj-toolbar{height:50px;width:100%;border-bottom:1px solid #c8c8c8;box-sizing:border-box;position:absolute;margin-top:-50px}.wj-viewer .wj-toolbarwrapper.wj-btn-group>.wj-btn{padding-left:0;padding-right:0;height:40px;box-sizing:border-box;position:relative;float:left}.wj-viewer .wj-toolbar .hidden{display:none}.wj-viewer.full-screen .wj-toolbar{display:none}.wj-viewer.full-screen .wj-viewer-outer.mobile .wj-toolbar{display:block}.wj-viewer.full-screen .wj-viewer-outer.mobile .wj-searchbar.hidden{display:none}.wj-toolbar a:hover,.wj-toolbar a:focus{background-color:#eee;outline:none}.wj-toolbar a:hover.disabled,.wj-toolbar a:focus.disabled,.wj-toolbar a:hover.checked,.wj-toolbar a:focus.checked{background-color:transparent;cursor:default}.wj-toolbar .wj-separator{height:33px;width:10px;float:left;border-right:2px solid #000;margin:3px 10px 0 0;opacity:.25}.wj-toolbar .wj-pagenumber{margin:4px 10px;height:30px;width:80px;float:left}.mobile .wj-toolbar .wj-pagenumber{width:50px}.wj-toolbar .wj-pagecount{margin:5px 10px;height:30px;line-height:30px;float:left}.mobile .wj-toolbar .wj-pagecount{margin:5px 7px}.wj-toolbar .wj-input-zoom{margin:4px 10px;height:30px;width:100px;float:left}.wj-toolbar .slash{float:left;height:40px;width:10px;line-height:40px}.wj-toolbar-move{width:12px;height:100%;cursor:pointer;visibility:hidden}.wj-viewer-outer.mobile .wj-toolbar .wj-toolbar-move{visibility:hidden;display:none}@media print{.wj-toolbar-move{visibility:hidden;display:none}}.wj-toolbar-move.left{float:left}.wj-toolbar-move.right{float:right}.wj-toolbar-move .wj-glyph-left,.wj-toolbar-move .wj-glyph-right{margin-top:23px;margin-left:2px}.wj-toolbar:hover .wj-toolbar-move.enabled{opacity:1}.wj-toolbar-move:hover.enabled{background-color:#f0f0f0;opacity:1}.wj-toolbar-move{opacity:.2}.wj-mini-toolbar{position:absolute;vertical-align:bottom;border:none;bottom:50px;width:460px;background-color:#303030;visibility:hidden;opacity:.8}.wj-viewer.full-screen .wj-mini-toolbar{visibility:visible;display:inline-block}.wj-viewer.full-screen .wj-viewer-outer.mobile .wj-mini-toolbar{visibility:hidden;display:none}.wj-mini-toolbar a:focus{background-color:transparent}.wj-mini-toolbar .slash,.wj-mini-toolbar .wj-pagecount{color:#e0e0e0}.wj-mini-toolbar .wj-pagenumber{color:#e0e0e0;background-color:#202020}.wj-mini-toolbar .wj-toolbar-move{visibility:hidden}.wj-mini-toolbar .wj-svg-btn{fill:#fff;opacity:1}.wj-mini-toolbar .wj-btn:hover{background-color:#606060!important}.wj-viewer-container{height:100%;width:100%;table-layout:fixed;box-sizing:border-box}@media print{.wj-viewer-container{white-space:nowrap}}.wj-viewer.full-screen .wj-viewer-splitter{display:none}.wj-viewer.narrow .wj-viewer-splitter{display:none;visibility:hidden}.wj-viewer-container .wj-viewer-splitter{float:left;height:100%;cursor:pointer}.wj-viewer-container .wj-viewer-splitter button{padding:0 2px;background-color:#fafafa;border-left:1px solid #c8c8c8;border-right:1px solid #c8c8c8;border-top:none;border-bottom:none}.wj-viewer-container .wj-viewer-splitter button:hover{background-color:#dadada}.wj-viewer-container .wj-viewer-splitter span{text-align:center}.wj-viewer-leftpanel{float:left;height:100%}.mobile .wj-viewer-leftpanel{width:0}.wj-viewer.full-screen .wj-viewer-leftpanel{display:none}.wj-viewer.full-screen .wj-viewer-outer.mobile .wj-viewer-leftpanel{display:block}.wj-viewer.narrow .wj-viewer-leftpanel{display:none;visibility:hidden}.wj-nav{padding-left:0;list-style:none;float:left;border-bottom:0;margin-bottom:-1px;box-sizing:border-box}.wj-nav>li{position:relative;display:block;float:none;margin:0}.wj-nav>li.hidden{display:none}.wj-nav>li>a{position:relative;display:block;margin-right:0;border:0;border-right:1px solid #c8c8c8;background-repeat:no-repeat;background-position:center center;width:48px;height:48px;outline:none;line-height:1.42857143;border-radius:0;border-width:0;border-color:transparent;padding-top:12px;box-sizing:border-box}.wj-nav>li>a:hover,.wj-nav>li>a:focus{text-decoration:none;background-color:#eee}.wj-nav>li>a .wj-arrow{display:none}.wj-nav>li>a .wj-arrow .wj-insidearrow{position:absolute;top:17px;z-index:1000;right:-1px;height:0;width:0;border:7px solid transparent;border-right-color:#fafafa}.wj-nav>li>a .wj-arrow .wj-outsidearrow{position:absolute;top:16px;right:-1px;height:0;width:0;border:8px solid transparent;border-right-color:#c8c8c8}.wj-nav>li.active>a,.wj-nav>li.active>a:hover,.wj-nav>li.active>a:focus{border:0}.mobile .wj-nav{display:none;visibility:hidden}.wj-viewer-tabsleft{height:100%;position:relative}.wj-viewer-outer.mobile .wj-viewer-tabsleft{width:100%;position:absolute;top:0;z-index:1000}.wj-viewer-outer.mobile .wj-viewer-tabsleft.collapsed{width:0}.wj-viewer-outer.mobile .wj-tabcontent{width:100%}.wj-viewer-tabsleft.collapsed .wj-tabcontent{width:0;visibility:collapse}.wj-tabcontent{float:right;height:100%;width:auto}.wj-tabcontent h3{margin-top:0;font-family:-apple-system-font,'Segoe UI Light','Segoe UI','Roboto',sans-serif}.wj-tabcontent .wj-tabpane{position:relative;left:-9999px;background-color:#fafafa;width:0;height:0;display:none}.wj-tabcontent .wj-tabpane .wj-tabtitle-wrapper{position:absolute;width:299px;padding:10px 20px 20px 20px;box-sizing:border-box}.wj-viewer-outer.mobile .wj-tabcontent .wj-tabpane .wj-tabtitle-wrapper{position:absolute;width:100%;padding:10px 20px 20px 20px;box-sizing:border-box}.wj-tabcontent .wj-tabpane .wj-tabtitle{color:#000;float:left}.wj-tabcontent .wj-tabpane .wj-tabcontent-wrapper{height:100%;padding-top:48px;box-sizing:border-box}.wj-tabcontent .wj-tabpane .wj-tabcontent-wrapper.search-wrapper{padding-top:202px}.wj-tabcontent .wj-tabpane .wj-tabcontent-wrapper.wj-exportformats-wrapper{padding-top:120px}.wj-tabcontent .wj-tabpane .wj-tabcontent-inner{overflow:auto;height:100%;border-top:1px solid #c8c8c8}.wj-tabcontent .wj-tabpane .wj-tabtitle-wrapper .wj-close{font-size:30pt;line-height:20px;float:right;font-weight:bold;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;cursor:pointer}.wj-tabcontent .wj-tabpane .wj-tabtitle-wrapper .wj-exportcontainer{margin-top:50px}.wj-tabcontent .wj-tabpane .wj-tabtitle-wrapper .wj-exportcontainer label{margin-right:8px}.wj-tabcontent .wj-tabpane .wj-outlines-tree{border-radius:0;background-color:#fafafa;padding-top:20px;padding-left:4px}.wj-tabcontent .wj-listbox-item.wj-thumbnail-item.wj-state-selected{background-color:transparent;color:inherit}.wj-tabcontent .wj-listbox-item.wj-thumbnail-item:not(.wj-state-selected):not(.wj-state-disabled):not(.wj-separator):hover{background-color:transparent;color:inherit}.wj-tabcontent .wj-thumbnaillist{width:100%;border-radius:0;border:none;display:block}.wj-tabcontent .wj-tabpane .wj-thumbnaillist:focus{outline:none}.wj-tabcontent .wj-tabpane .wj-thumbnaillist .wj-thumbnail-item{height:auto;text-align:center;padding-top:35px}.wj-tabcontent .wj-tabpane .wj-thumbnaillist .wj-thumbnail-item .wj-pagethumbnail{background-color:#fff;border:1px solid #c8c8c8;cursor:pointer;outline:none;margin:0 auto 10px auto}.wj-tabcontent .wj-tabpane .wj-thumbnaillist .wj-listbox-item.wj-thumbnail-item.wj-state-selected .wj-pagethumbnail{border-color:#0085c7}.wj-tabcontent .active{left:0;width:300px;height:100%;border-left:1px solid #c8c8c8;display:block}.wj-viewer-outer.mobile .wj-tabcontent .active{left:0;width:100%;height:100%;border:1px solid #c8c8c8;display:block}.wj-viewpanel-container{position:relative;background-color:#e5e5e5;float:right;height:100%;width:100%;overflow:hidden;text-align:center}.wj-pageview{outline:none;position:relative;background-color:#e5e5e5;height:100%;width:100%;text-align:center;-webkit-overflow-scrolling:touch}.wj-pageview-continuous{overflow:auto}.wj-pageview.hidden{display:none;visibility:hidden}.wj-pageview-pagescontainer{outline:none;position:relative;height:100%;width:100%;display:inline-block;overflow-x:auto;overflow-y:scroll;text-align:center}.wj-pageview-single:not(.virtual) .wj-pageview-pagescontainer{overflow-y:auto}.wj-pageview-vscroller{outline:none;display:inline-block;position:absolute;right:0;top:0;height:100%;width:18px;float:right;overflow-x:hidden;overflow-y:scroll}.wj-pageview-single:not(.virtual) .wj-pageview-vscroller{visibility:hidden}.wj-vscroller-wrapper{width:1px}@media print{.wj-viewpanel-container{display:inline-block;float:none}}.wj-viewpanel-container:focus{outline:none}.wj-viewpanel-container .wj-view-page{width:1px;height:1px;margin:0 auto 30px auto;background-color:#fff;border:1px solid rgba(0,0,0,.3);box-shadow:0 2px 8px rgba(0,0,0,.15)}.wj-viewpanel-container.move .wj-view-page{cursor:move;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.wj-viewpanel-container .wj-view-page:last-child{margin-bottom:0}.wj-viewer-loading{background-color:rgba(204,204,204,.8);position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;font-size:20pt}.wj-viewer-loading .verticalalign{vertical-align:middle;display:inline-block;width:1px;height:100%;margin-left:-1px}.wj-viewer-loading .textspan{vertical-align:middle;display:inline-block;padding:20px}.wj-viewer-loading.errormessage{font-size:inherit}.wj-parameterscontainer{float:left;width:100%;padding-left:10px;padding-right:10px;box-sizing:border-box}.wj-parametercontainer{float:left;width:100%;margin-top:20px}.wj-parametercontainer .wj-parameterhead{float:left;padding-top:4px}.wj-parametercontainer .wj-parametercontrol{float:right;width:100%}.wj-parametercontainer .error{color:red;float:right}.wj-parametererrors-hidden .wj-parametercontainer .error{display:none}.wj-parametercontainer textarea{float:right;resize:none;height:100px;width:140px}.wj-tabpane .wj-applybutton{float:right;margin-top:20px}.wj-outlines-tree{border:none;width:100%;display:block}.wj-outlines-tree .wj-cell{border:none}.wj-outlines-tree .wj-cell span{margin-right:5px}.wj-outlines-tree .wj-cell a:link,.wj-outlines-tree .wj-cell a:visited,.wj-outlines-tree .wj-cell a:hover{color:#000;text-decoration:none}.wj-outlines-tree .wj-header.wj-cell{color:#fff;background-color:#000;border:none;font-weight:bold}.wj-outlines-tree .wj-cell{background-color:#fafafa;color:#000;cursor:pointer}.wj-outlines-tree .wj-alt:not(.wj-state-selected):not(.wj-state-multi-selected){background-color:#fafafa;color:#000}.wj-outlines-tree .wj-group:not(.wj-state-selected):not(.wj-state-multi-selected){background-color:#fafafa;color:#000}.wj-outlines-tree .wj-state-selected{background-color:#eee;color:#000}.wj-outlines-tree .wj-state-multi-selected{background-color:#fafafa;color:#000}.wj-tabcontent .wj-tabpane .wj-searchbox{width:100%;height:30px;float:left;border-radius:4px;border:1px solid rgba(0,0,0,.2);padding:4px 60px 4px 8px;margin-right:5px;box-sizing:border-box}.wj-tabcontent .wj-tabpane .wj-searchcontainer{position:relative;float:left}.wj-tabcontent .wj-tabpane .wj-searchcontainer .wj-btn-group{position:absolute;top:0;right:0}.wj-tabcontent .wj-tabpane .wj-searchcontainer .wj-btn-group button{background-color:transparent;background-position:center center;background-repeat:no-repeat;height:30px;width:30px;border:none;padding:1px}.wj-tabcontent .wj-tabpane .wj-searchoption{margin-top:10px;float:left;width:100%}.wj-tabcontent .wj-tabpane .wj-searchoption input{height:16px;float:left;width:16px;margin:2px 0 0}.wj-tabcontent .wj-tabpane .wj-searchoption label{margin-top:2px;float:left;font-weight:initial}.wj-tabcontent .wj-tabpane .wj-searchresult{color:#000;padding-top:15px;float:left}.wj-tabcontent .wj-searchresultlist{float:left;width:100%;padding:10px;background-color:transparent;border:none;border-radius:0}.wj-tabcontent .wj-tabpane .wj-searchresultlist .wj-search-item{cursor:pointer}.wj-tabcontent .wj-tabpane .wj-searchresultlist .wj-search-item:focus{outline:none}.wj-tabcontent .wj-tabpane .wj-searchresultlist .wj-search-item:hover,.wj-tabcontent .wj-tabpane .wj-searchresultlist .wj-search-item.selected{background-color:#eee}.wj-tabcontent .wj-tabpane .wj-searchresultlist .wj-search-text{font-size:18px;font-weight:500}.wj-tabcontent .wj-tabpane .wj-searchresultlist .wj-search-page{font-weight:300}.wj-viewer-outer.mobile .wj-tabcontent .wj-tabpane .wj-pagesetupcontainer{width:100%}.wj-view-page .wj-loading{background-color:rgba(204,204,204,.8);width:100%;height:100%}.wj-view-page .highlight{fill:red;fill-opacity:.5}.wj-view-page rect{pointer-events:none}.wj-view-page a rect{pointer-events:inherit}.wj-pages-wrapper{display:inline-block;margin:30px}.wj-svg-btn{opacity:.5;width:22px;height:22px;enable-background:new 0 0 22 22;stroke-width:0;stroke:black}.wj-viewer .wj-btn-group>.wj-btn{padding-top:8px;padding-left:8px;padding-right:8px;height:36px;width:34px}.wj-viewer .mobile .wj-btn-group>.wj-btn{padding-top:9px}.wj-content:not(.customEdit) .wj-btn-group .wj-btn:hover{background-color:#eee}.wj-content:not(.customEdit) .wj-btn-group .wj-btn:focus{outline:none}.wj-content:not(.customEdit) .wj-btn-group .wj-btn.wj-state-active .wj-svg-btn{fill:#3986c7;opacity:1;stroke:#3986c7}.wj-viewer-menu.wj-btn-group-vertical .wj-listbox-item.wj-state-active .wj-btn .wj-svg-btn{fill:#3986c7;opacity:1}.wj-viewer-menu.wj-btn-group-vertical .wj-listbox-item.wj-state-active .wj-btn .wj-svg-btn .wj-hollow-svg{fill:none;stroke:#3986c7}.wj-viewer-menu>.wj-listbox-item{white-space:nowrap}.wj-viewer-footer{height:50px;width:100%;border-top:1px solid #c8c8c8;box-sizing:border-box;position:relative;display:none}.wj-viewer-outer.mobile .wj-viewer-footer{display:block}.wj-viewer-outer.mobile .wj-viewer-footer.hidden{display:none}.wj-viewer-footer .wj-toolbar{margin:0 auto;left:0;right:0}.wj-viewer-footer .wj-close{font-size:30pt;line-height:20px;float:right;font-weight:bold;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;cursor:pointer;margin-top:12px}.wj-control :invalid{box-shadow:none}.wj-export-editor{width:100%}.wj-export-editor td{font-size:8pt}.wj-exportformats-wrapper .wj-export-editor td:first-child{width:200px}.wj-exportformats-wrapper .wj-export-editor td:last-child{width:150px}.wj-exportformats-group{margin:8px}.wj-exportformats-footer{padding:8px}.wj-pagesetup-footer{padding:8px}.wj-searchbar{height:50px;width:100%;border-top:1px solid #c8c8c8;box-sizing:border-box;position:relative;margin:0 auto}.wj-searchbar.hidden{visibility:hidden;display:none}.wj-searchbar .wj-searchcontainer{left:40px;right:80px;float:left;width:auto;position:absolute;padding-top:4px;display:inline-block}.wj-searchbar .wj-searchbox{width:100%;height:30px;float:left;border-radius:4px;border:1px solid rgba(0,0,0,.2);padding:4px 60px 4px 8px;margin-right:5px;box-sizing:border-box}.wj-searchbar .wj-searchcontainer .wj-btn-group{position:absolute;top:5px;right:0}.wj-searchbar .wj-searchcontainer .wj-btn-group>.wj-btn-search{padding-top:4px}.wj-searchbar .wj-searchcontainer .wj-btn-group button{background-color:transparent;background-position:center center;background-repeat:no-repeat;height:30px;width:30px;border:none;padding:1px}.wj-searchbar .wj-toolbarcontainer{width:100%}.wj-searchbar .wj-toolbarcontainer .wj-toolbarwrapper{width:100%}.wj-searchbar .wj-toolbarcontainer .wj-toolbarwrapper>.wj-btn{display:inline-block}.wj-searchbar .wj-toolbarcontainer .wj-toolbarwrapper .wj-searchbtn-groups{float:right;width:auto;padding-top:0}.wj-listbox-item .checkIcon{width:20px;margin-right:5px;visibility:hidden}.wj-listbox-item.checked .checkIcon{visibility:visible}.wj-listbox-item.hidden{display:none;visibility:hidden}.wj-zoombar{width:220px}.wj-rubberband{border:solid;border-color:red;border-width:2px;width:0;height:0;z-index:1;position:absolute;display:none}.wj-viewpanel-container.rubberband-actived .wj-view-page,.wj-viewpanel-container.magnifier-actived .wj-view-page{cursor:default;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.wj-viewpanel-container.rubberband-actived .wj-view-page svg,.wj-viewpanel-container.magnifier-actived .wj-view-page svg{pointer-events:none}.wj-magnifier{border:solid;border-color:#000;border-width:1px;width:242px;height:150px;z-index:1;position:absolute;display:none;overflow:hidden;cursor:default;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.wj-viewpanel-container.rubberband-actived .wj-rubberband.show,.wj-viewpanel-container.magnifier-actived .wj-magnifier.show{display:block}.wj-magnifier .wj-view-page{position:absolute}
/*
    *
    * Wijmo Library 5.20173.409
    * http://wijmo.com/
    *
    * Copyright(c) GrapeCity, Inc.  All rights reserved.
    *
    * Licensed under the GrapeCity Commercial License.
    * sales@wijmo.com
    * wijmo.com/products/wijmo-5/license/
    *
    */
.wj-control,.wj-control input{font-size:16px}.wj-cell{padding:6px}.wj-listbox-item{padding:6px 10px}.wj-dropdown-panel{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}.wj-content,div[wj-part='cells']{background:#fff;}.wj-content .wj-input-group .wj-form-control{background:#fff;color:#212121}.wj-header{background:#e8e8e8;color:#000}.wj-flexgrid div[wj-part='root']{background:#fff}.wj-state-selected{background:#3e51b5;color:#fff}.wj-state-multi-selected{background:#7180ce;color:#fff}.wj-input-group .wj-form-control,.wj-grid-editor{background:#fff;color:#212121}.wj-cell{border-right:none;border-bottom:1px solid rgba(0,0,0,.1)}[dir="rtl"] .wj-cell{border-left:1px solid rgba(0,0,0,.1)}.wj-cell:not(.wj-header):not(.wj-group):not(.wj-alt):not(.wj-state-selected):not(.wj-state-multi-selected){background:#fff}.wj-alt:not(.wj-header):not(.wj-group):not(.wj-state-selected):not(.wj-state-multi-selected){background:#fff}.wj-group:not(.wj-state-selected):not(.wj-state-multi-selected){background:#2a377c;color:#fff}.wj-cell.wj-frozen-row{border-bottom-color:#000;border-width:1px}.wj-cell.wj-frozen-col{border-right-color:#000;border-width:1px}.wj-header.wj-state-multi-selected{background:#d5d5d5}.wj-colheaders .wj-header.wj-state-multi-selected{border-bottom:3px solid #3e51b5}.wj-rowheaders .wj-header.wj-state-multi-selected{border-right:3px solid #3e51b5}.wj-flexgrid .wj-marquee{position:absolute;box-sizing:border-box;border:2px solid #3e51b5}.wj-flexsheet .wj-marquee{border:2px solid #3e51b5}.wj-flexgrid .wj-marker{background:#e91e63}.wj-control.wj-content.wj-dropdown,.wj-inputnumber{background-color:transparent;border:none;border-bottom:1px solid rgba(0,0,0,.12)}.wj-control.wj-content .wj-input-group input.wj-form-control{background-color:transparent;padding-bottom:0;padding-top:0}.wj-content .wj-input-group-btn>.wj-btn:hover,.wj-content .wj-btn-group>.wj-btn:hover{background-color:rgba(0,0,0,.1)}.wj-content .wj-input-group-btn>.wj-btn,.wj-content .wj-btn-group>.wj-btn{border-style:none;border-radius:2px;background-color:rgba(0,0,0,.02);color:rgba(0,0,0,.8);min-width:32px}.wj-content,.wj-input-group,.wj-btn-group,.wj-btn-group-vertical,.wj-tooltip{border-radius:0}.wj-tooltip{padding:20px;color:#fff;font-weight:bold;background-color:rgba(128,128,128,.85);border:none}.wj-gauge .wj-pointer{fill:#3e51b5}.wj-gauge.wj-state-focused circle.wj-pointer{fill:#e91e63;transition:fill .2s}.wj-multi-autocomplete{border:1px solid rgba(0,0,0,.15)}
/**
 * Swiper 8.4.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 17, 2023
 */

@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
  touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}
.swiper-button-lock {
  display: none;
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
}

.swiper-container {
  width: 100%;
  height: 300px;
  margin: 50px auto;
}

.swiper-slide {
  color: #000;
  text-align: center;
}

.loading-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
  }
  
  .graph-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 500px; /* Set the width of the graph */
    height: 300px; /* Set the height of the graph */
    position: relative;
    border: 1px solid #ccc; /* Border for the graph */
    padding: 10px;
    background-color: #f9f9f9;
  }
  
  .bars {
    display: flex;
    align-items: flex-end; /* Align bars to the bottom */
    height: 100%;
    width: 100%;
    padding-bottom: 20px; /* Space for x-axis labels */
  }
  
  .bar {
    width: 30px; /* Width of each bar */
    margin-right: 7px; /* Space between bars */
    margin-left: 7px; /* Space between bars */
    position: relative;
    transform-origin: bottom; /* Set the transform origin to bottom */
    animation: fadeIn 0.5s ease-in-out forwards, bounce 1s infinite alternate ease-in-out; /* Use forwards to keep final state */
    opacity: 0; /* Initial opacity for fade-in effect */
  }
  
  /* Fade-in animation */
  @keyframes fadeIn {
    0% {
      transform: scaleY(0); /* Start from no height */
      opacity: 0; /* Start fully transparent */
    }
    100% {
      transform: scaleY(1); /* Scale to full height */
      opacity: 1; /* Fully visible */
    }
  }
  
  /* Bounce animation */
  @keyframes bounce {
    0% {
      transform: translateY(0);
    }
    100% {
      transform: translateY(-15%);
    }
  }
  
  .x-axis {
    position: relative;
    bottom: 0px; /* Position the x-axis at the bottom of the graph */
    width: 100%; /* Full width */
    display: flex;
    justify-content: space-between; /* Space labels evenly */
  }
  
  .axis-label {
    font-size: 14px;
    color: #333;
  }
  
  .start {
    margin-left: 0; /* Align with the left edge */
  }
  
  .middle {
    margin-left: calc(50% - 20px); /* Center the 50% label */
  }
  
  .end {
    margin-right: 0; /* Align with the right edge */
    margin-left: auto; /* Push the label to the right */
  }
  
  .loading-text {
    font-size: 18px;
    color: #333;
    margin-top: 20px;
  }
  
/* Theme configuration */
/* We do this here instead of in Tailwind file as it allow to store shadow / transition properties as variables and it's easier to manage */

/* Style that apply to both theme */
:root {
    /* Color */
    --success-color: #16a34a;
    --success-bg: #bbf7d0;
    --error-color: #dc2626;
    --error-bg: #fecaca;
    --warning-color: #d97706;
    --warning-bg: #fef3c7;
    --info-color: #0d9488;
    --info-bg: #99f6e4;
    --loading-color: #475569;
    --loading-bg: #e2e8f0;

    /* Icon */
    /* delete icon */
    --icon-delete-primary: #f44336;
    --icon-delete-secondary: white;
    /* view icon */
    /* edit icon */
    /* add icon */
    /* download icon */
    /* reload icon */
}

/* Light theme */
:root [data-theme='light'] {
    --primary: #fdfdfd;
    --secondary: rgb(14, 78, 121);
    --tertiary: rgb(235, 243, 253);
    --forth: #4b5563;
    --fifth: rgba(10, 52, 80, 1);
    --sixth: #e6e6e6;

    --text-color-primary: black;
    --text-color-secondary: #7f7f7f;
    --text-color-tertiary: rgba(10, 52, 80, 0.8);
    --text-color-forth: #fdfdfd;

    --btn-primary: rgb(14, 78, 121);
    --btn-secondary: rgb(33, 33, 33);
    --btn-tertiary: rgb(41, 92, 180);

    --icon-default-primary: rgb(14, 78, 121);
    --icon-default-secondary: white;
    --icon-default-tertiary: #202020;

    --border-color-primary: rgba(41, 92, 180, 0.479);
    --border-color-secondary: #ececec;

    --highlight-color: rgba(254, 249, 195);

    --table-bg: #fdfdfd;
    --table-color: rgb(33, 33, 33);
    --table-border: rgba(111, 119, 133, 0.479);
    --table-header-color: white;
    --table-header-bg: rgba(10, 52, 80, 1);
    --table-odd-row-bg: rgba(209, 213, 219, 0.5);
    --table-odd-row-color: rgb(33, 33, 33);
    --table-active-row-bg: #14b8a6;
    --table-active-row-color: rgb(33, 33, 33);

    --toggle: rgba(255, 64, 129, 0.87);
    --toggle-light: rgba(255, 110, 158, 0.87);

    --dashboard-spinner-color: #cccccc;

    --inverted: invert(0);
    --bg-transition: 0.25s ease;

    --base-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    --hover-shadow: rgba(47,52,82,0.12157) 0px 0px 2px, rgba(47,52,82,0.12157) 0px 0px 4px, rgba(47,52,82,0.12157) 0px 0px 8px, rgba(47,52,82,0.12157) 0px 0px 16px,
        rgba(47,52,82,0.12157) 0px 0px 32px, rgba(47,52,82,0.12157) 0px 0px 48px;
    --button-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);
}

/* :root [data-theme='light'] {
    --primary: #f9f9f9;
    --secondary: #2f3452;
    --tertiary: #e7ebff;
    --forth: rgb(75, 77, 99);
    --fifth: #ff5719;
    --sixth: #e6e6e6;

    --text-color-primary: black;
    --text-color-secondary: #7f7f7f;
    --text-color-tertiary: #ff5619a4;
    --text-color-forth: #f9f9f9;

    --btn-primary: #6864d1;
    --btn-secondary: rgb(33, 33, 33);
    --btn-tertiary: rgb(62, 41, 180);

    --icon-default-primary: #2f3452;
    --icon-default-secondary: white;
    --icon-default-tertiary: #202020;

    --border-color-primary: #2f345283;
    --border-color-secondary: #ececec;

    --table-bg: #fdfdfd;
    --table-color: rgb(33, 33, 33);
    --table-border: #2f3452;
    --table-header-color: white;
    --table-header-bg: #2f3452;
    --table-odd-row-bg: rgba(255, 86, 25, 0.192);
    --table-odd-row-color: rgb(33, 33, 33);
    --table-active-row-bg: #14b8a6;
    --table-active-row-color: rgb(33, 33, 33);

    --toggle: #ff5719;
    --toggle-light: #f8931c;

    --dashboard-spinner-color: #cccccc;

    --inverted: invert(0);
    --bg-transition: 0.25s ease;

    --base-shadow: rgba(18, 18, 58, 0.12) 0px 2px 4px 0px, rgba(18, 18, 58, 0.12) 0px 2px 16px 0px;
    --hover-shadow: #341a8a1f 0px 0px 2px, #341a8a1f 0px 0px 4px, #341a8a1f 0px 0px 8px, #341a8a1f 0px 0px 16px,
        #341a8a1f 0px 0px 32px, #341a8a1f 0px 0px 48px;
    --button-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%),
        0px 1px 5px 0px rgb(0 0 0 / 12%);
} */


/* :root [data-theme='light'] {
    --primary: #f9f9f9;
    --secondary: #DA2C38;
    --tertiary: #F4F0BB;
    --forth: #87C38F;
    --fifth: #226F54;
    --sixth: #e6e6e6;

    --text-color-primary: black;
    --text-color-secondary: #7f7f7f;
    --text-color-tertiary: #da2c38b4;
    --text-color-forth: #f9f9f9;

    --btn-primary: #226F54;
    --btn-secondary: #43291F;
    --btn-tertiary: #87C38F;

    --icon-default-primary: #226F54;
    --icon-default-secondary: white;
    --icon-default-tertiary: #202020;

    --border-color-primary: rgba(41, 180, 83, 0.479);
    --border-color-secondary: #ececec;

    --table-bg: #f9f9f9;
    --table-color: #43291F;
    --table-border: #2f5244;
    --table-header-color: white;
    --table-header-bg: #DA2C38;
    --table-odd-row-bg: #226f5428;
    --table-odd-row-color: rgb(33, 33, 33);
    --table-active-row-bg: #F4F0BB;
    --table-active-row-color: rgb(33, 33, 33);

    --toggle: #f5323fb7;
    --toggle-light: #da2c38b7;

    --dashboard-spinner-color: #cccccc;

    --inverted: invert(0);
    --bg-transition: 0.25s ease;

    --base-shadow: #bd172256 0px 2px 4px 0px, #bd172256 0px 2px 16px 0px;
    --hover-shadow: #226f541c 0px 0px 2px, #226f541c 0px 0px 4px, #226f541c 0px 0px 8px, #226f541c 0px 0px 16px,
        #226f541c 0px 0px 32px, #226f541c 0px 0px 48px;
    --button-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%),
        0px 1px 5px 0px rgb(0 0 0 / 12%);
} */

/* Dark theme */
:root [data-theme='dark'] {
    --primary: #292929;
    --secondary: rgba(222, 40, 92);
    --tertiary: rgb(66, 37, 37);
    --forth: #532d2e;
    --fifth: #383838;
    --sixth: rgba(222, 6, 92);

    /* Text color */
    --text-color-primary: white;
    --text-color-secondary: rgb(190, 190, 190);
    --text-color-tertiary: rgba(222, 40, 92);
    --text-color-forth: #fdfdfd;

    /* Button */
    --btn-primary: rgba(222, 40, 92);
    --btn-secondary: rgba(255, 255, 255, 0.7);
    --btn-tertiary: rgba(222, 30, 100, 0.7);

    /* Icon color: */
    /* default icon */
    --icon-default-primary: rgba(222, 40, 92);
    --icon-default-secondary: white;
    --icon-default-tertiary: #f5f5f5;

    /* Border color */
    --border-color-primary: rgba(222, 30, 100, 0.493);
    --border-color-secondary: #242424;

    --highlight-color: rgba(222, 30, 100, 0.7);

    /* Table */
    --table-bg: #292929;
    --table-color: rgba(255, 255, 255, 0.7);
    --table-border: rgb(255, 192, 203, 0.8);
    --table-header-bg: rgba(222, 30, 100, 0.95);
    --table-header-color: white;
    --table-odd-row-bg: rgb(72, 46, 56);
    --table-odd-row-color: rgba(255, 255, 255, 0.7);
    --table-active-row-bg: #14b8a6;
    --table-active-row-color: rgba(255, 255, 255, 0.7);

    /* Checkbox, switch */
    --toggle: rgba(255, 64, 129, 0.87);
    --toggle-light: rgba(255, 110, 158, 0.87);

    --inverted: 70%;
    --bg-transition: 0.25s ease;

    /* Shadow */
    --base-shadow: rgba(131, 70, 70, 0.12) 0px 2px 4px 0px, rgba(131, 70, 70, 0.32) 0px 2px 16px 0px;
    --hover-shadow: rgba(124, 66, 63, 0.122) 0px 0px 2px, rgba(124, 66, 63, 0.122) 0px 0px 4px,
        rgba(124, 66, 63, 0.122) 0px 0px 8px, rgba(124, 66, 63, 0.122) 0px 0px 12px,
        rgba(124, 66, 63, 0.122) 0px 0px 16px, rgba(124, 66, 63, 0.122) 0px 0px 35px;
    --button-shadow: rgba(230, 230, 230, 0.3) 0px 1px 2px 0px, rgba(230, 230, 230, 0.3) 0px 2px 6px 2px;
}

*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
    --tw-ring-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow-colored: 0 0 rgba(0,0,0,0);
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}
::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
    --tw-ring-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow-colored: 0 0 rgba(0,0,0,0);
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}
.container {
    width: 100%;
}
@media (min-width: 240px) {
    .container {
        max-width: 240px;
    }
}
@media (min-width: 320px) {
    .container {
        max-width: 320px;
    }
}
@media (min-width: 420px) {
    .container {
        max-width: 420px;
    }
}
@media (min-width: 640px) {
    .container {
        max-width: 640px;
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 768px;
    }
}
@media (min-width: 1024px) {
    .container {
        max-width: 1024px;
    }
}
@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
    }
}
@media (min-width: 1536px) {
    .container {
        max-width: 1536px;
    }
}
@media (min-width: 1600px) {
    .container {
        max-width: 1600px;
    }
}
@media (min-width: 1920px) {
    .container {
        max-width: 1920px;
    }
}
@media (min-width: 2560px) {
    .container {
        max-width: 2560px;
    }
}
.pointer-events-none {
    pointer-events: none !important;
}
.pointer-events-auto {
    pointer-events: auto !important;
}
.visible {
    visibility: visible !important;
}
.invisible {
    visibility: hidden !important;
}
.\!static {
    position: static !important;
}
.static {
    position: static !important;
}
.\!fixed {
    position: fixed !important;
}
.fixed {
    position: fixed !important;
}
.absolute {
    position: absolute !important;
}
.relative {
    position: relative !important;
}
.sticky {
    position: sticky !important;
}
.inset-0 {
    top: 0px !important;
    right: 0px !important;
    bottom: 0px !important;
    left: 0px !important;
}
.inset-y-0 {
    top: 0px !important;
    bottom: 0px !important;
}
.-left-4 {
    left: -1rem !important;
}
.-left-5 {
    left: -1.25rem !important;
}
.-top-3 {
    top: -0.75rem !important;
}
.bottom-0 {
    bottom: 0px !important;
}
.bottom-4 {
    bottom: 1rem !important;
}
.left-0 {
    left: 0px !important;
}
.left-2\/4 {
    left: 50% !important;
}
.left-3 {
    left: 0.75rem !important;
}
.left-56 {
    left: 14rem !important;
}
.left-6 {
    left: 1.5rem !important;
}
.left-64 {
    left: 16rem !important;
}
.left-\[24em\] {
    left: 24em !important;
}
.left-\[27rem\] {
    left: 27rem !important;
}
.right-0 {
    right: 0px !important;
}
.right-12 {
    right: 3rem !important;
}
.right-3 {
    right: 0.75rem !important;
}
.right-4 {
    right: 1rem !important;
}
.right-\[7vw\] {
    right: 7vw !important;
}
.top-0 {
    top: 0px !important;
}
.top-1\.5 {
    top: 0.375rem !important;
}
.top-10 {
    top: 2.5rem !important;
}
.top-12 {
    top: 3rem !important;
}
.top-2\.5 {
    top: 0.625rem !important;
}
.top-2\/4 {
    top: 50% !important;
}
.top-20 {
    top: 5rem !important;
}
.top-36 {
    top: 9rem !important;
}
.top-48 {
    top: 12rem !important;
}
.top-8 {
    top: 2rem !important;
}
.top-\[2em\] {
    top: 2em !important;
}
.top-\[2rem\] {
    top: 2rem !important;
}
.top-\[39px\] {
    top: 39px !important;
}
.top-auto {
    top: auto !important;
}
.\!z-100 {
    z-index: 100 !important;
}
.-z-10 {
    z-index: -10 !important;
}
.-z-100 {
    z-index: -100 !important;
}
.z-0 {
    z-index: 0 !important;
}
.z-10 {
    z-index: 10 !important;
}
.z-100 {
    z-index: 100 !important;
}
.z-20 {
    z-index: 20 !important;
}
.z-50 {
    z-index: 50 !important;
}
.z-80 {
    z-index: 80 !important;
}
.z-90 {
    z-index: 90 !important;
}
.z-\[101\] {
    z-index: 101 !important;
}
.z-\[120\] {
    z-index: 120 !important;
}
.z-\[1\] {
    z-index: 1 !important;
}
.z-\[25\] {
    z-index: 25 !important;
}
.z-\[2\] {
    z-index: 2 !important;
}
.z-\[3500\] {
    z-index: 3500 !important;
}
.z-\[3\] {
    z-index: 3 !important;
}
.z-\[90\] {
    z-index: 90 !important;
}
.z-\[98\] {
    z-index: 98 !important;
}
.z-\[9999999\] {
    z-index: 9999999 !important;
}
.z-\[99\] {
    z-index: 99 !important;
}
.order-1 {
    order: 1 !important;
}
.order-2 {
    order: 2 !important;
}
.order-3 {
    order: 3 !important;
}
.col-start-1 {
    grid-column-start: 1 !important;
}
.col-start-2 {
    grid-column-start: 2 !important;
}
.row-start-1 {
    grid-row-start: 1 !important;
}
.row-start-2 {
    grid-row-start: 2 !important;
}
.float-right {
    float: right !important;
}
.-m-1 {
    margin: -0.25rem !important;
}
.m-0 {
    margin: 0px !important;
}
.m-0\.5 {
    margin: 0.125rem !important;
}
.m-1 {
    margin: 0.25rem !important;
}
.m-2 {
    margin: 0.5rem !important;
}
.m-2\.5 {
    margin: 0.625rem !important;
}
.m-20 {
    margin: 5rem !important;
}
.m-24 {
    margin: 6rem !important;
}
.m-3 {
    margin: 0.75rem !important;
}
.m-3\.5 {
    margin: 0.875rem !important;
}
.m-4 {
    margin: 1rem !important;
}
.m-5 {
    margin: 1.25rem !important;
}
.m-auto {
    margin: auto !important;
}
.mx-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.mx-0\.5 {
    margin-left: 0.125rem !important;
    margin-right: 0.125rem !important;
}
.mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
}
.mx-10 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
}
.mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
}
.mx-2\.5 {
    margin-left: 0.625rem !important;
    margin-right: 0.625rem !important;
}
.mx-20 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
}
.mx-3 {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
}
.mx-4 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}
.mx-5 {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
}
.mx-8 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
}
.mx-\[15px\] {
    margin-left: 15px !important;
    margin-right: 15px !important;
}
.mx-\[5px\] {
    margin-left: 5px !important;
    margin-right: 5px !important;
}
.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}
.my-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.my-0\.5 {
    margin-top: 0.125rem !important;
    margin-bottom: 0.125rem !important;
}
.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}
.my-12 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}
.my-16 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
}
.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}
.my-2\.5 {
    margin-top: 0.625rem !important;
    margin-bottom: 0.625rem !important;
}
.my-24 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
}
.my-3 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
}
.my-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}
.my-5 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
}
.my-52 {
    margin-top: 13rem !important;
    margin-bottom: 13rem !important;
}
.my-7 {
    margin-top: 1.75rem !important;
    margin-bottom: 1.75rem !important;
}
.my-8 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}
.my-\[4em\] {
    margin-top: 4em !important;
    margin-bottom: 4em !important;
}
.my-\[5px\] {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}
.\!mb-6 {
    margin-bottom: 1.5rem !important;
}
.\!mb-72 {
    margin-bottom: 18rem !important;
}
.\!mt-3\.5 {
    margin-top: 0.875rem !important;
}
.-mt-1 {
    margin-top: -0.25rem !important;
}
.-mt-2 {
    margin-top: -0.5rem !important;
}
.mb-0 {
    margin-bottom: 0px !important;
}
.mb-1 {
    margin-bottom: 0.25rem !important;
}
.mb-1\.5 {
    margin-bottom: 0.375rem !important;
}
.mb-10 {
    margin-bottom: 2.5rem !important;
}
.mb-12 {
    margin-bottom: 3rem !important;
}
.mb-16 {
    margin-bottom: 4rem !important;
}
.mb-2 {
    margin-bottom: 0.5rem !important;
}
.mb-2\.5 {
    margin-bottom: 0.625rem !important;
}
.mb-20 {
    margin-bottom: 5rem !important;
}
.mb-3 {
    margin-bottom: 0.75rem !important;
}
.mb-3\.5 {
    margin-bottom: 0.875rem !important;
}
.mb-4 {
    margin-bottom: 1rem !important;
}
.mb-5 {
    margin-bottom: 1.25rem !important;
}
.mb-6 {
    margin-bottom: 1.5rem !important;
}
.mb-7 {
    margin-bottom: 1.75rem !important;
}
.mb-72 {
    margin-bottom: 18rem !important;
}
.mb-8 {
    margin-bottom: 2rem !important;
}
.mb-\[15px\] {
    margin-bottom: 15px !important;
}
.mb-\[2\%\] {
    margin-bottom: 2% !important;
}
.ml-0 {
    margin-left: 0px !important;
}
.ml-0\.5 {
    margin-left: 0.125rem !important;
}
.ml-1 {
    margin-left: 0.25rem !important;
}
.ml-1\.5 {
    margin-left: 0.375rem !important;
}
.ml-10 {
    margin-left: 2.5rem !important;
}
.ml-12 {
    margin-left: 3rem !important;
}
.ml-2 {
    margin-left: 0.5rem !important;
}
.ml-2\.5 {
    margin-left: 0.625rem !important;
}
.ml-20 {
    margin-left: 5rem !important;
}
.ml-3 {
    margin-left: 0.75rem !important;
}
.ml-3\.5 {
    margin-left: 0.875rem !important;
}
.ml-4 {
    margin-left: 1rem !important;
}
.ml-5 {
    margin-left: 1.25rem !important;
}
.ml-6 {
    margin-left: 1.5rem !important;
}
.ml-7 {
    margin-left: 1.75rem !important;
}
.ml-8 {
    margin-left: 2rem !important;
}
.ml-\[-15px\] {
    margin-left: -15px !important;
}
.ml-\[0\.5em\] {
    margin-left: 0.5em !important;
}
.ml-\[30px\] {
    margin-left: 30px !important;
}
.ml-\[5px\] {
    margin-left: 5px !important;
}
.ml-auto {
    margin-left: auto !important;
}
.mr-0 {
    margin-right: 0px !important;
}
.mr-0\.5 {
    margin-right: 0.125rem !important;
}
.mr-1 {
    margin-right: 0.25rem !important;
}
.mr-1\.5 {
    margin-right: 0.375rem !important;
}
.mr-10 {
    margin-right: 2.5rem !important;
}
.mr-12 {
    margin-right: 3rem !important;
}
.mr-16 {
    margin-right: 4rem !important;
}
.mr-2 {
    margin-right: 0.5rem !important;
}
.mr-2\.5 {
    margin-right: 0.625rem !important;
}
.mr-20 {
    margin-right: 5rem !important;
}
.mr-3 {
    margin-right: 0.75rem !important;
}
.mr-4 {
    margin-right: 1rem !important;
}
.mr-5 {
    margin-right: 1.25rem !important;
}
.mr-8 {
    margin-right: 2rem !important;
}
.mr-96 {
    margin-right: 24rem !important;
}
.mr-\[10\%\] {
    margin-right: 10% !important;
}
.mr-\[15px\] {
    margin-right: 15px !important;
}
.mr-\[2\%\] {
    margin-right: 2% !important;
}
.mr-\[5\%\] {
    margin-right: 5% !important;
}
.mr-\[5px\] {
    margin-right: 5px !important;
}
.ms-auto {
    margin-left: auto !important;
}
.mt-0 {
    margin-top: 0px !important;
}
.mt-0\.5 {
    margin-top: 0.125rem !important;
}
.mt-1 {
    margin-top: 0.25rem !important;
}
.mt-10 {
    margin-top: 2.5rem !important;
}
.mt-12 {
    margin-top: 3rem !important;
}
.mt-14 {
    margin-top: 3.5rem !important;
}
.mt-16 {
    margin-top: 4rem !important;
}
.mt-2 {
    margin-top: 0.5rem !important;
}
.mt-2\.5 {
    margin-top: 0.625rem !important;
}
.mt-20 {
    margin-top: 5rem !important;
}
.mt-24 {
    margin-top: 6rem !important;
}
.mt-3 {
    margin-top: 0.75rem !important;
}
.mt-3\.5 {
    margin-top: 0.875rem !important;
}
.mt-4 {
    margin-top: 1rem !important;
}
.mt-40 {
    margin-top: 10rem !important;
}
.mt-5 {
    margin-top: 1.25rem !important;
}
.mt-6 {
    margin-top: 1.5rem !important;
}
.mt-60 {
    margin-top: 15rem !important;
}
.mt-7 {
    margin-top: 1.75rem !important;
}
.mt-8 {
    margin-top: 2rem !important;
}
.mt-\[-15px\] {
    margin-top: -15px !important;
}
.mt-\[-2-5em\] {
    margin-top: -2-5em !important;
}
.mt-\[-3px\] {
    margin-top: -3px !important;
}
.mt-\[10em\] {
    margin-top: 10em !important;
}
.mt-\[25px\] {
    margin-top: 25px !important;
}
.mt-\[3em\] {
    margin-top: 3em !important;
}
.mt-\[4px\] {
    margin-top: 4px !important;
}
.mt-\[5px\] {
    margin-top: 5px !important;
}
.mt-\[6em\] {
    margin-top: 6em !important;
}
.block {
    display: block !important;
}
.inline-block {
    display: inline-block !important;
}
.inline {
    display: inline !important;
}
.\!flex {
    display: flex !important;
}
.flex {
    display: flex !important;
}
.inline-flex {
    display: inline-flex !important;
}
.table {
    display: table !important;
}
.table-cell {
    display: table-cell !important;
}
.table-row {
    display: table-row !important;
}
.grid {
    display: grid !important;
}
.contents {
    display: contents !important;
}
.hidden {
    display: none !important;
}
.\!h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important;
}
.h-0 {
    height: 0px !important;
}
.h-1\/2 {
    height: 50% !important;
}
.h-10 {
    height: 2.5rem !important;
}
.h-11 {
    height: 2.75rem !important;
}
.h-12 {
    height: 3rem !important;
}
.h-14 {
    height: 3.5rem !important;
}
.h-16 {
    height: 4rem !important;
}
.h-2\/5 {
    height: 40% !important;
}
.h-20 {
    height: 5rem !important;
}
.h-24 {
    height: 6rem !important;
}
.h-28 {
    height: 7rem !important;
}
.h-3 {
    height: 0.75rem !important;
}
.h-3\.5 {
    height: 0.875rem !important;
}
.h-3\/4 {
    height: 75% !important;
}
.h-32 {
    height: 8rem !important;
}
.h-36 {
    height: 9rem !important;
}
.h-4 {
    height: 1rem !important;
}
.h-40 {
    height: 10rem !important;
}
.h-5 {
    height: 1.25rem !important;
}
.h-5\/6 {
    height: 83.333333% !important;
}
.h-6 {
    height: 1.5rem !important;
}
.h-60 {
    height: 15rem !important;
}
.h-7 {
    height: 1.75rem !important;
}
.h-8 {
    height: 2rem !important;
}
.h-9 {
    height: 2.25rem !important;
}
.h-\[1\.5vh\] {
    height: 1.5vh !important;
}
.h-\[100px\] {
    height: 100px !important;
}
.h-\[21em\] {
    height: 21em !important;
}
.h-\[21px\] {
    height: 21px !important;
}
.h-\[25px\] {
    height: 25px !important;
}
.h-\[2vh\] {
    height: 2vh !important;
}
.h-\[48rem\] {
    height: 48rem !important;
}
.h-\[4vh\] {
    height: 4vh !important;
}
.h-\[50px\] {
    height: 50px !important;
}
.h-\[50vh\] {
    height: 50vh !important;
}
.h-\[60px\] {
    height: 60px !important;
}
.h-\[65vh\] {
    height: 65vh !important;
}
.h-\[75vh\] {
    height: 75vh !important;
}
.h-\[80\%\] {
    height: 80% !important;
}
.h-\[80vh\] {
    height: 80vh !important;
}
.h-\[90\%\] {
    height: 90% !important;
}
.h-\[calc\(100\%-90px\)\] {
    height: calc(100% - 90px) !important;
}
.h-\[calc\(100vh-90px\)\] {
    height: calc(100vh - 90px) !important;
}
.h-\[inherit\] {
    height: inherit !important;
}
.h-auto {
    height: auto !important;
}
.h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important;
}
.h-full {
    height: 100% !important;
}
.h-screen {
    height: 100vh !important;
}
.max-h-0 {
    max-height: 0px !important;
}
.max-h-20 {
    max-height: 5rem !important;
}
.max-h-4\/5 {
    max-height: 80% !important;
}
.max-h-52 {
    max-height: 13rem !important;
}
.max-h-96 {
    max-height: 24rem !important;
}
.max-h-\[1000px\] {
    max-height: 1000px !important;
}
.max-h-\[40rem\] {
    max-height: 40rem !important;
}
.max-h-\[50rem\] {
    max-height: 50rem !important;
}
.max-h-\[50vh\] {
    max-height: 50vh !important;
}
.max-h-\[70vh\] {
    max-height: 70vh !important;
}
.max-h-\[80vh\] {
    max-height: 80vh !important;
}
.max-h-max {
    max-height: -moz-max-content !important;
    max-height: max-content !important;
}
.max-h-none {
    max-height: none !important;
}
.max-h-screen {
    max-height: 100vh !important;
}
.min-h-1 {
    min-height: 10rem !important;
}
.min-h-2 {
    min-height: 20rem !important;
}
.min-h-3 {
    min-height: 30rem !important;
}
.min-h-3\/4 {
    min-height: 75% !important;
}
.min-h-\[18em\] {
    min-height: 18em !important;
}
.min-h-\[20px\] {
    min-height: 20px !important;
}
.min-h-\[20vh\] {
    min-height: 20vh !important;
}
.min-h-\[24px\] {
    min-height: 24px !important;
}
.min-h-\[30px\] {
    min-height: 30px !important;
}
.min-h-\[40px\] {
    min-height: 40px !important;
}
.min-h-\[48px\] {
    min-height: 48px !important;
}
.min-h-\[5vh\] {
    min-height: 5vh !important;
}
.min-h-fit {
    min-height: -moz-fit-content !important;
    min-height: fit-content !important;
}
.min-h-full {
    min-height: 100% !important;
}
.min-h-max {
    min-height: -moz-max-content !important;
    min-height: max-content !important;
}
.min-h-min {
    min-height: -moz-min-content !important;
    min-height: min-content !important;
}
.\!w-3\/5 {
    width: 60% !important;
}
.\!w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
}
.w-0 {
    width: 0px !important;
}
.w-1\/2 {
    width: 50% !important;
}
.w-1\/3 {
    width: 33.333333% !important;
}
.w-1\/4 {
    width: 25% !important;
}
.w-1\/5 {
    width: 20% !important;
}
.w-1\/6 {
    width: 16.666667% !important;
}
.w-10 {
    width: 2.5rem !important;
}
.w-10\/12 {
    width: 83.333333% !important;
}
.w-11\/12 {
    width: 91.666667% !important;
}
.w-12 {
    width: 3rem !important;
}
.w-14 {
    width: 3.5rem !important;
}
.w-16 {
    width: 4rem !important;
}
.w-2 {
    width: 0.5rem !important;
}
.w-2\/5 {
    width: 40% !important;
}
.w-20 {
    width: 5rem !important;
}
.w-24 {
    width: 6rem !important;
}
.w-28 {
    width: 7rem !important;
}
.w-3\.5 {
    width: 0.875rem !important;
}
.w-3\/4 {
    width: 75% !important;
}
.w-3\/5 {
    width: 60% !important;
}
.w-3\/6 {
    width: 50% !important;
}
.w-32 {
    width: 8rem !important;
}
.w-36 {
    width: 9rem !important;
}
.w-4 {
    width: 1rem !important;
}
.w-4\/5 {
    width: 80% !important;
}
.w-40 {
    width: 10rem !important;
}
.w-48 {
    width: 12rem !important;
}
.w-5 {
    width: 1.25rem !important;
}
.w-5\/12 {
    width: 41.666667% !important;
}
.w-5\/6 {
    width: 83.333333% !important;
}
.w-52 {
    width: 13rem !important;
}
.w-56 {
    width: 14rem !important;
}
.w-6 {
    width: 1.5rem !important;
}
.w-6\/12 {
    width: 50% !important;
}
.w-60 {
    width: 15rem !important;
}
.w-72 {
    width: 18rem !important;
}
.w-8 {
    width: 2rem !important;
}
.w-8\/12 {
    width: 66.666667% !important;
}
.w-80 {
    width: 20rem !important;
}
.w-9 {
    width: 2.25rem !important;
}
.w-9\/12 {
    width: 75% !important;
}
.w-96 {
    width: 24rem !important;
}
.w-\[16rem\] {
    width: 16rem !important;
}
.w-\[21px\] {
    width: 21px !important;
}
.w-\[25px\] {
    width: 25px !important;
}
.w-\[300px\] {
    width: 300px !important;
}
.w-\[400px\] {
    width: 400px !important;
}
.w-\[50vw\] {
    width: 50vw !important;
}
.w-\[60px\] {
    width: 60px !important;
}
.w-\[6em\] {
    width: 6em !important;
}
.w-\[70px\] {
    width: 70px !important;
}
.w-\[75vw\] {
    width: 75vw !important;
}
.w-\[84px\] {
    width: 84px !important;
}
.w-\[8cm\] {
    width: 8cm !important;
}
.w-\[90vw\] {
    width: 90vw !important;
}
.w-\[94\%\] {
    width: 94% !important;
}
.w-\[98\%\] {
    width: 98% !important;
}
.w-\[inherit\] {
    width: inherit !important;
}
.w-auto {
    width: auto !important;
}
.w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
}
.w-full {
    width: 100% !important;
}
.w-max {
    width: -moz-max-content !important;
    width: max-content !important;
}
.w-screen {
    width: 100vw !important;
}
.min-w-0 {
    min-width: 0px !important;
}
.min-w-1 {
    min-width: 10rem !important;
}
.min-w-\[100px\] {
    min-width: 100px !important;
}
.min-w-\[11cm\] {
    min-width: 11cm !important;
}
.min-w-\[120px\] {
    min-width: 120px !important;
}
.min-w-\[200px\] {
    min-width: 200px !important;
}
.min-w-\[20px\] {
    min-width: 20px !important;
}
.min-w-\[21rem\] {
    min-width: 21rem !important;
}
.min-w-\[24px\] {
    min-width: 24px !important;
}
.min-w-\[285px\] {
    min-width: 285px !important;
}
.min-w-\[300px\] {
    min-width: 300px !important;
}
.min-w-\[30px\] {
    min-width: 30px !important;
}
.min-w-\[320px\] {
    min-width: 320px !important;
}
.min-w-\[350px\] {
    min-width: 350px !important;
}
.min-w-\[40px\] {
    min-width: 40px !important;
}
.min-w-\[50px\] {
    min-width: 50px !important;
}
.min-w-\[60px\] {
    min-width: 60px !important;
}
.min-w-\[80\%\] {
    min-width: 80% !important;
}
.min-w-\[80px\] {
    min-width: 80px !important;
}
.min-w-fit {
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
}
.min-w-full {
    min-width: 100% !important;
}
.max-w-0 {
    max-width: 0 !important;
}
.max-w-20 {
    max-width: 20rem !important;
}
.max-w-30 {
    max-width: 30rem !important;
}
.max-w-3xl {
    max-width: 48rem !important;
}
.max-w-4\/5 {
    max-width: 80% !important;
}
.max-w-40 {
    max-width: 40rem !important;
}
.max-w-4xl {
    max-width: 56rem !important;
}
.max-w-5xl {
    max-width: 64rem !important;
}
.max-w-\[100vw\] {
    max-width: 100vw !important;
}
.max-w-\[14em\] {
    max-width: 14em !important;
}
.max-w-\[232px\] {
    max-width: 232px !important;
}
.max-w-\[24px\] {
    max-width: 24px !important;
}
.max-w-\[250px\] {
    max-width: 250px !important;
}
.max-w-\[30px\] {
    max-width: 30px !important;
}
.max-w-\[50px\] {
    max-width: 50px !important;
}
.max-w-\[600px\] {
    max-width: 600px !important;
}
.max-w-\[85\%\] {
    max-width: 85% !important;
}
.max-w-\[85vw\] {
    max-width: 85vw !important;
}
.max-w-\[95vw\] {
    max-width: 95vw !important;
}
.max-w-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
}
.max-w-full {
    max-width: 100% !important;
}
.max-w-max {
    max-width: -moz-max-content !important;
    max-width: max-content !important;
}
.max-w-md {
    max-width: 28rem !important;
}
.max-w-none {
    max-width: none !important;
}
.max-w-sm {
    max-width: 24rem !important;
}
.max-w-xl {
    max-width: 36rem !important;
}
.max-w-xs {
    max-width: 20rem !important;
}
.flex-1 {
    flex: 1 1 0% !important;
}
.flex-auto {
    flex: 1 1 auto !important;
}
.flex-none {
    flex: none !important;
}
.flex-shrink-0 {
    flex-shrink: 0 !important;
}
.shrink-0 {
    flex-shrink: 0 !important;
}
.flex-grow {
    flex-grow: 1 !important;
}
.grow-0 {
    flex-grow: 0 !important;
}
.basis-1 {
    flex-basis: 0.25rem !important;
}
.basis-\[25em\] {
    flex-basis: 25em !important;
}
.table-fixed {
    table-layout: fixed !important;
}
.border-collapse {
    border-collapse: collapse !important;
}
.border-spacing-0 {
    --tw-border-spacing-x: 0px !important;
    --tw-border-spacing-y: 0px !important;
    border-spacing: 0px 0px !important;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y) !important;
}
.origin-\[\(0\2c 0\2c 0\)\] {
    transform-origin: (0,0,0) !important;
}
.-translate-x-2\/4 {
    --tw-translate-x: -50% !important;
    transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.-translate-x-full {
    --tw-translate-x: -100% !important;
    transform: translate(-100%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.-translate-y-2\/4 {
    --tw-translate-y: -50% !important;
    transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.-rotate-90 {
    --tw-rotate: -90deg !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-90deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.rotate-180 {
    --tw-rotate: 180deg !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.scale-0 {
    --tw-scale-x: 0 !important;
    --tw-scale-y: 0 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(0) scaleY(0) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.scale-150 {
    --tw-scale-x: 1.5 !important;
    --tw-scale-y: 1.5 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.5) scaleY(1.5) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.transform-gpu {
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.animate-\[left_30s_linear_both_infinite\] {
    animation: left 30s linear both infinite !important;
}
.animate-\[right_30s_linear_both_infinite\] {
    animation: right 30s linear both infinite !important;
}
@keyframes stutter {
    0% {
        transform: translate(0, 0);
        display: none;
    }
    100% {
        transform: translate(5px, 0px);
        display: block;
    }
}
.animate-stutter {
    animation: stutter 1s alternate infinite !important;
}
.cursor-default {
    cursor: default !important;
}
.cursor-move {
    cursor: move !important;
}
.cursor-pointer {
    cursor: pointer !important;
}
.select-none {
    -webkit-user-select: none !important;
       -moz-user-select: none !important;
            user-select: none !important;
}
.resize-none {
    resize: none !important;
}
.resize {
    resize: both !important;
}
.list-inside {
    list-style-position: inside !important;
}
.list-disc {
    list-style-type: disc !important;
}
.list-none {
    list-style-type: none !important;
}
.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
}
.flex-row {
    flex-direction: row !important;
}
.flex-col {
    flex-direction: column !important;
}
.flex-wrap {
    flex-wrap: wrap !important;
}
.flex-nowrap {
    flex-wrap: nowrap !important;
}
.place-content-center {
    align-content: center !important;
    justify-content: center !important;
    place-content: center !important;
}
.place-content-end {
    align-content: end !important;
    justify-content: end !important;
    place-content: end !important;
}
.content-center {
    align-content: center !important;
}
.items-start {
    align-items: flex-start !important;
}
.items-end {
    align-items: flex-end !important;
}
.items-center {
    align-items: center !important;
}
.justify-start {
    justify-content: flex-start !important;
}
.justify-end {
    justify-content: flex-end !important;
}
.justify-center {
    justify-content: center !important;
}
.justify-between {
    justify-content: space-between !important;
}
.justify-around {
    justify-content: space-around !important;
}
.justify-items-center {
    justify-items: center !important;
}
.gap-1 {
    gap: 0.25rem !important;
}
.gap-2 {
    gap: 0.5rem !important;
}
.gap-4 {
    gap: 1rem !important;
}
.gap-8 {
    gap: 2rem !important;
}
.gap-x-4 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0 !important;
    margin-top: calc(1rem * (1 - 0)) !important;
    margin-top: calc(1rem * (1 - var(--tw-space-y-reverse))) !important;
    margin-top: calc(1rem * calc(1 - 0)) !important;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))) !important;
    margin-bottom: calc(1rem * 0) !important;
    margin-bottom: calc(1rem * var(--tw-space-y-reverse)) !important;
}
.self-center {
    align-self: center !important;
}
.overflow-auto {
    overflow: auto !important;
}
.overflow-hidden {
    overflow: hidden !important;
}
.overflow-x-auto {
    overflow-x: auto !important;
}
.overflow-y-auto {
    overflow-y: auto !important;
}
.overflow-x-hidden {
    overflow-x: hidden !important;
}
.text-ellipsis {
    text-overflow: ellipsis !important;
}
.whitespace-nowrap {
    white-space: nowrap !important;
}
.whitespace-pre {
    white-space: pre !important;
}
.whitespace-pre-line {
    white-space: pre-line !important;
}
.break-normal {
    word-wrap: normal !important;
    word-break: normal !important;
}
.break-words {
    word-wrap: break-word !important;
}
.break-all {
    word-break: break-all !important;
}
.rounded {
    border-radius: 0.25rem !important;
}
.rounded-2xl {
    border-radius: 1rem !important;
}
.rounded-3xl {
    border-radius: 1.5rem !important;
}
.rounded-\[0_20\%_20\%_0\] {
    border-radius: 0 20% 20% 0 !important;
}
.rounded-\[100\%\] {
    border-radius: 100% !important;
}
.rounded-\[15px\] {
    border-radius: 15px !important;
}
.rounded-\[20\%\] {
    border-radius: 20% !important;
}
.rounded-\[20\%_0_0_20\%\] {
    border-radius: 20% 0 0 20% !important;
}
.rounded-\[25px\] {
    border-radius: 25px !important;
}
.rounded-\[40px\] {
    border-radius: 40px !important;
}
.rounded-\[50\%\] {
    border-radius: 50% !important;
}
.rounded-\[5px\] {
    border-radius: 5px !important;
}
.rounded-full {
    border-radius: 9999px !important;
}
.rounded-lg {
    border-radius: 0.5rem !important;
}
.rounded-md {
    border-radius: 0.375rem !important;
}
.rounded-none {
    border-radius: 0px !important;
}
.rounded-xl {
    border-radius: 0.75rem !important;
}
.rounded-t-3xl {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
}
.rounded-t-\[10px\] {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}
.rounded-t-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
}
.rounded-bl-lg {
    border-bottom-left-radius: 0.5rem !important;
}
.rounded-tl-lg {
    border-top-left-radius: 0.5rem !important;
}
.rounded-tl-xl {
    border-top-left-radius: 0.75rem !important;
}
.rounded-tr-xl {
    border-top-right-radius: 0.75rem !important;
}
.border {
    border-width: 1px !important;
}
.border-0 {
    border-width: 0px !important;
}
.border-2 {
    border-width: 2px !important;
}
.border-4 {
    border-width: 4px !important;
}
.border-8 {
    border-width: 8px !important;
}
.border-x-0 {
    border-left-width: 0px !important;
    border-right-width: 0px !important;
}
.border-y-0 {
    border-top-width: 0px !important;
    border-bottom-width: 0px !important;
}
.border-b {
    border-bottom-width: 1px !important;
}
.border-l {
    border-left-width: 1px !important;
}
.border-l-0 {
    border-left-width: 0px !important;
}
.border-r {
    border-right-width: 1px !important;
}
.border-r-0 {
    border-right-width: 0px !important;
}
.border-t {
    border-top-width: 1px !important;
}
.border-t-0 {
    border-top-width: 0px !important;
}
.border-t-2 {
    border-top-width: 2px !important;
}
.border-solid {
    border-style: solid !important;
}
.border-dotted {
    border-style: dotted !important;
}
.border-none {
    border-style: none !important;
}
.border-\[color\:var\(--secondary\)\] {
    border-color: var(--secondary) !important;
}
.border-\[color\:var\(--text-color-secondary\)\] {
    border-color: var(--text-color-secondary) !important;
}
.border-amber-600 {
    --tw-border-opacity: 1 !important;
    border-color: rgba(217, 119, 6, 1) !important;
    border-color: rgba(217, 119, 6, var(--tw-border-opacity, 1)) !important;
}
.border-black {
    --tw-border-opacity: 1 !important;
    border-color: rgba(0, 0, 0, 1) !important;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity, 1)) !important;
}
.border-border-color-primary {
    border-color: var(--border-color-primary) !important;
}
.border-border-color-secondary {
    border-color: var(--border-color-secondary) !important;
}
.border-gray-300 {
    --tw-border-opacity: 1 !important;
    border-color: rgba(209, 213, 219, 1) !important;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity, 1)) !important;
}
.border-gray-400 {
    --tw-border-opacity: 1 !important;
    border-color: rgba(156, 163, 175, 1) !important;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity, 1)) !important;
}
.border-gray-500 {
    --tw-border-opacity: 1 !important;
    border-color: rgba(107, 114, 128, 1) !important;
    border-color: rgba(107, 114, 128, var(--tw-border-opacity, 1)) !important;
}
.border-green-600 {
    --tw-border-opacity: 1 !important;
    border-color: rgba(22, 163, 74, 1) !important;
    border-color: rgba(22, 163, 74, var(--tw-border-opacity, 1)) !important;
}
.border-neutral-200 {
    --tw-border-opacity: 1 !important;
    border-color: rgba(229, 229, 229, 1) !important;
    border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1)) !important;
}
.border-red-600 {
    --tw-border-opacity: 1 !important;
    border-color: rgba(220, 38, 38, 1) !important;
    border-color: rgba(220, 38, 38, var(--tw-border-opacity, 1)) !important;
}
.border-slate-300 {
    --tw-border-opacity: 1 !important;
    border-color: rgba(203, 213, 225, 1) !important;
    border-color: rgba(203, 213, 225, var(--tw-border-opacity, 1)) !important;
}
.border-slate-600 {
    --tw-border-opacity: 1 !important;
    border-color: rgba(71, 85, 105, 1) !important;
    border-color: rgba(71, 85, 105, var(--tw-border-opacity, 1)) !important;
}
.border-table-border {
    border-color: var(--table-border) !important;
}
.border-teal-600 {
    --tw-border-opacity: 1 !important;
    border-color: rgba(13, 148, 136, 1) !important;
    border-color: rgba(13, 148, 136, var(--tw-border-opacity, 1)) !important;
}
.border-l-\[grey\] {
    --tw-border-opacity: 1 !important;
    border-left-color: rgba(128, 128, 128, 1) !important;
    border-left-color: rgba(128, 128, 128, var(--tw-border-opacity, 1)) !important;
}
.border-r-\[grey\] {
    --tw-border-opacity: 1 !important;
    border-right-color: rgba(128, 128, 128, 1) !important;
    border-right-color: rgba(128, 128, 128, var(--tw-border-opacity, 1)) !important;
}
.border-t-\[white\] {
    --tw-border-opacity: 1 !important;
    border-top-color: rgba(255, 255, 255, 1) !important;
    border-top-color: rgba(255, 255, 255, var(--tw-border-opacity, 1)) !important;
}
.border-t-text-color-tertiary {
    border-top-color: var(--text-color-tertiary) !important;
}
.\!bg-secondary {
    background-color: var(--secondary) !important;
}
.bg-\[\#3cba54\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(60, 186, 84, 1) !important;
    background-color: rgba(60, 186, 84, var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#808080\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(128, 128, 128, 1) !important;
    background-color: rgba(128, 128, 128, var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#AEFF00\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(174, 255, 0, 1) !important;
    background-color: rgba(174, 255, 0, var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#FFFF00\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(255, 255, 0, 1) !important;
    background-color: rgba(255, 255, 0, var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#ff0000\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(255, 0, 0, 1) !important;
    background-color: rgba(255, 0, 0, var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#ffa500\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(255, 165, 0, 1) !important;
    background-color: rgba(255, 165, 0, var(--tw-bg-opacity, 1)) !important;
}
.bg-\[gray\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(128, 128, 128, 1) !important;
    background-color: rgba(128, 128, 128, var(--tw-bg-opacity, 1)) !important;
}
.bg-\[green\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(0, 128, 0, 1) !important;
    background-color: rgba(0, 128, 0, var(--tw-bg-opacity, 1)) !important;
}
.bg-\[red\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(255, 0, 0, 1) !important;
    background-color: rgba(255, 0, 0, var(--tw-bg-opacity, 1)) !important;
}
.bg-\[rgb\(0\2c 155\2c 59\2c 0\.4\)\] {
    background-color: rgb(0,155,59,0.4) !important;
}
.bg-\[rgb\(239\2c 49\2c 7\2c 0\.4\)\] {
    background-color: rgb(239,49,7,0.4) !important;
}
.bg-\[rgb\(90\2c 94\2c 92\)\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(90, 94, 92, 1) !important;
    background-color: rgba(90, 94, 92, var(--tw-bg-opacity, 1)) !important;
}
.bg-amber-200 {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(253, 230, 138, 1) !important;
    background-color: rgba(253, 230, 138, var(--tw-bg-opacity, 1)) !important;
}
.bg-background-color {
    background-color: var(--background-color) !important;
}
.bg-blue-200 {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(191, 219, 254, 1) !important;
    background-color: rgba(191, 219, 254, var(--tw-bg-opacity, 1)) !important;
}
.bg-blue-600 {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(37, 99, 235, 1) !important;
    background-color: rgba(37, 99, 235, var(--tw-bg-opacity, 1)) !important;
}
.bg-fifth {
    background-color: var(--fifth) !important;
}
.bg-gray-200 {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(229, 231, 235, 1) !important;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1)) !important;
}
.bg-gray-300 {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(209, 213, 219, 1) !important;
    background-color: rgba(209, 213, 219, var(--tw-bg-opacity, 1)) !important;
}
.bg-gray-400 {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(156, 163, 175, 1) !important;
    background-color: rgba(156, 163, 175, var(--tw-bg-opacity, 1)) !important;
}
.bg-gray-50 {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(249, 250, 251, 1) !important;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1)) !important;
}
.bg-gray-500\/70 {
    background-color: rgba(107, 114, 128, 0.7) !important;
}
.bg-gray-700 {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(55, 65, 81, 1) !important;
    background-color: rgba(55, 65, 81, var(--tw-bg-opacity, 1)) !important;
}
.bg-green-200 {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(187, 247, 208, 1) !important;
    background-color: rgba(187, 247, 208, var(--tw-bg-opacity, 1)) !important;
}
.bg-highlight-color {
    background-color: var(--highlight-color) !important;
}
.bg-icon-default-tertiary {
    background-color: var(--icon-default-tertiary) !important;
}
.bg-inherit {
    background-color: inherit !important;
}
.bg-primary {
    background-color: var(--primary) !important;
}
.bg-red-200 {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(254, 202, 202, 1) !important;
    background-color: rgba(254, 202, 202, var(--tw-bg-opacity, 1)) !important;
}
.bg-secondary {
    background-color: var(--secondary) !important;
}
.bg-slate-200 {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(226, 232, 240, 1) !important;
    background-color: rgba(226, 232, 240, var(--tw-bg-opacity, 1)) !important;
}
.bg-slate-400 {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(148, 163, 184, 1) !important;
    background-color: rgba(148, 163, 184, var(--tw-bg-opacity, 1)) !important;
}
.bg-slate-50 {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(248, 250, 252, 1) !important;
    background-color: rgba(248, 250, 252, var(--tw-bg-opacity, 1)) !important;
}
.bg-table-bg {
    background-color: var(--table-bg) !important;
}
.bg-table-header-bg {
    background-color: var(--table-header-bg) !important;
}
.bg-teal-200 {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(153, 246, 228, 1) !important;
    background-color: rgba(153, 246, 228, var(--tw-bg-opacity, 1)) !important;
}
.bg-tertiary {
    background-color: var(--tertiary) !important;
}
.bg-transparent {
    background-color: transparent !important;
}
.bg-white {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(255, 255, 255, 1) !important;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)) !important;
}
.bg-\[url\(\'https\:\/\/ssl\.gstatic\.com\/accounts\/ui\/avatar_2x\.png\'\)\] {
    background-image: url('https://ssl.gstatic.com/accounts/ui/avatar_2x.png') !important;
}
.bg-cover {
    background-size: cover !important;
}
.bg-clip-padding {
    background-clip: padding-box !important;
}
.bg-\[60px\] {
    background-position: 60px !important;
}
.bg-center {
    background-position: center !important;
}
.p-0 {
    padding: 0px !important;
}
.p-0\.5 {
    padding: 0.125rem !important;
}
.p-1 {
    padding: 0.25rem !important;
}
.p-1\.5 {
    padding: 0.375rem !important;
}
.p-2 {
    padding: 0.5rem !important;
}
.p-2\.5 {
    padding: 0.625rem !important;
}
.p-3 {
    padding: 0.75rem !important;
}
.p-3\.5 {
    padding: 0.875rem !important;
}
.p-4 {
    padding: 1rem !important;
}
.p-5 {
    padding: 1.25rem !important;
}
.p-6 {
    padding: 1.5rem !important;
}
.p-7 {
    padding: 1.75rem !important;
}
.p-8 {
    padding: 2rem !important;
}
.p-\[15px\] {
    padding: 15px !important;
}
.p-\[5px\] {
    padding: 5px !important;
}
.p-\[8px\] {
    padding: 8px !important;
}
.px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
}
.px-1\.5 {
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important;
}
.px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}
.px-2\.5 {
    padding-left: 0.625rem !important;
    padding-right: 0.625rem !important;
}
.px-3 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}
.px-3\.5 {
    padding-left: 0.875rem !important;
    padding-right: 0.875rem !important;
}
.px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}
.px-5 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
}
.px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}
.px-7 {
    padding-left: 1.75rem !important;
    padding-right: 1.75rem !important;
}
.px-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}
.px-\[15px\] {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.px-\[5px\] {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}
.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}
.py-2\.5 {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
}
.py-3 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}
.py-3\.5 {
    padding-top: 0.875rem !important;
    padding-bottom: 0.875rem !important;
}
.py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
.py-5 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
}
.py-6 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}
.py-\[5px\] {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.pb-1 {
    padding-bottom: 0.25rem !important;
}
.pb-12 {
    padding-bottom: 3rem !important;
}
.pb-2 {
    padding-bottom: 0.5rem !important;
}
.pb-2\.5 {
    padding-bottom: 0.625rem !important;
}
.pb-4 {
    padding-bottom: 1rem !important;
}
.pb-5 {
    padding-bottom: 1.25rem !important;
}
.pb-6 {
    padding-bottom: 1.5rem !important;
}
.pb-8 {
    padding-bottom: 2rem !important;
}
.pb-9 {
    padding-bottom: 2.25rem !important;
}
.pb-\[20\%\] {
    padding-bottom: 20% !important;
}
.pl-1 {
    padding-left: 0.25rem !important;
}
.pl-1\.5 {
    padding-left: 0.375rem !important;
}
.pl-10 {
    padding-left: 2.5rem !important;
}
.pl-14 {
    padding-left: 3.5rem !important;
}
.pl-2 {
    padding-left: 0.5rem !important;
}
.pl-2\.5 {
    padding-left: 0.625rem !important;
}
.pl-28 {
    padding-left: 7rem !important;
}
.pl-3\.5 {
    padding-left: 0.875rem !important;
}
.pl-4 {
    padding-left: 1rem !important;
}
.pl-5 {
    padding-left: 1.25rem !important;
}
.pl-6 {
    padding-left: 1.5rem !important;
}
.pl-8 {
    padding-left: 2rem !important;
}
.pl-\[1\.5\] {
    padding-left: 1.5 !important;
}
.pl-\[5px\] {
    padding-left: 5px !important;
}
.pr-0\.5 {
    padding-right: 0.125rem !important;
}
.pr-1 {
    padding-right: 0.25rem !important;
}
.pr-10 {
    padding-right: 2.5rem !important;
}
.pr-16 {
    padding-right: 4rem !important;
}
.pr-2 {
    padding-right: 0.5rem !important;
}
.pr-2\.5 {
    padding-right: 0.625rem !important;
}
.pr-4 {
    padding-right: 1rem !important;
}
.pr-8 {
    padding-right: 2rem !important;
}
.pt-1 {
    padding-top: 0.25rem !important;
}
.pt-12 {
    padding-top: 3rem !important;
}
.pt-16 {
    padding-top: 4rem !important;
}
.pt-2\.5 {
    padding-top: 0.625rem !important;
}
.pt-20 {
    padding-top: 5rem !important;
}
.pt-3 {
    padding-top: 0.75rem !important;
}
.pt-4 {
    padding-top: 1rem !important;
}
.pt-5 {
    padding-top: 1.25rem !important;
}
.pt-7 {
    padding-top: 1.75rem !important;
}
.pt-\[75px\] {
    padding-top: 75px !important;
}
.text-left {
    text-align: left !important;
}
.text-center {
    text-align: center !important;
}
.text-right {
    text-align: right !important;
}
.text-end {
    text-align: right !important;
}
.align-top {
    vertical-align: top !important;
}
.align-middle {
    vertical-align: middle !important;
}
.font-\[inherit\] {
    font-family: inherit !important;
}
.font-roboto {
    font-family: Roboto, "Helvetica Neue", sans-serif !important;
}
.text-2xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
}
.text-3xl {
    font-size: 1.875rem !important;
    line-height: 2.25rem !important;
}
.text-4xl {
    font-size: 2.25rem !important;
    line-height: 2.5rem !important;
}
.text-5xl {
    font-size: 3rem !important;
    line-height: 1 !important;
}
.text-9xl {
    font-size: 8rem !important;
    line-height: 1 !important;
}
.text-\[0\.5em\] {
    font-size: 0.5em !important;
}
.text-\[21px\] {
    font-size: 21px !important;
}
.text-\[22px\] {
    font-size: 22px !important;
}
.text-\[25px\] {
    font-size: 25px !important;
}
.text-\[40px\] {
    font-size: 40px !important;
}
.text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
}
.text-lg {
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
}
.text-sm {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
}
.text-xl {
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
}
.text-xs {
    font-size: 0.75rem !important;
    line-height: 1rem !important;
}
.font-black {
    font-weight: 900 !important;
}
.font-bold {
    font-weight: 700 !important;
}
.font-extrabold {
    font-weight: 800 !important;
}
.font-light {
    font-weight: 300 !important;
}
.font-medium {
    font-weight: 500 !important;
}
.font-normal {
    font-weight: 400 !important;
}
.font-semibold {
    font-weight: 600 !important;
}
.uppercase {
    text-transform: uppercase !important;
}
.lowercase {
    text-transform: lowercase !important;
}
.capitalize {
    text-transform: capitalize !important;
}
.normal-case {
    text-transform: none !important;
}
.leading-6 {
    line-height: 1.5rem !important;
}
.leading-\[2\.4vh\] {
    line-height: 2.4vh !important;
}
.leading-normal {
    line-height: 1.5 !important;
}
.tracking-\[1px\] {
    letter-spacing: 1px !important;
}
.\!text-text-color-forth {
    color: var(--text-color-forth) !important;
}
.text-\[\#757575\] {
    --tw-text-opacity: 1 !important;
    color: rgba(117, 117, 117, 1) !important;
    color: rgba(117, 117, 117, var(--tw-text-opacity, 1)) !important;
}
.text-\[\#9952f5\] {
    --tw-text-opacity: 1 !important;
    color: rgba(153, 82, 245, 1) !important;
    color: rgba(153, 82, 245, var(--tw-text-opacity, 1)) !important;
}
.text-\[\#a9a9a9\] {
    --tw-text-opacity: 1 !important;
    color: rgba(169, 169, 169, 1) !important;
    color: rgba(169, 169, 169, var(--tw-text-opacity, 1)) !important;
}
.text-\[\#de065c\] {
    --tw-text-opacity: 1 !important;
    color: rgba(222, 6, 92, 1) !important;
    color: rgba(222, 6, 92, var(--tw-text-opacity, 1)) !important;
}
.text-\[\#ff9e01f1\] {
    color: rgba(255,158,1,0.9451) !important;
}
.text-\[color\:var\(--text-color-primary\)\] {
    color: var(--text-color-primary) !important;
}
.text-\[green\] {
    --tw-text-opacity: 1 !important;
    color: rgba(0, 128, 0, 1) !important;
    color: rgba(0, 128, 0, var(--tw-text-opacity, 1)) !important;
}
.text-\[grey\] {
    --tw-text-opacity: 1 !important;
    color: rgba(128, 128, 128, 1) !important;
    color: rgba(128, 128, 128, var(--tw-text-opacity, 1)) !important;
}
.text-\[honeydew\] {
    --tw-text-opacity: 1 !important;
    color: rgba(240, 255, 240, 1) !important;
    color: rgba(240, 255, 240, var(--tw-text-opacity, 1)) !important;
}
.text-\[red\] {
    --tw-text-opacity: 1 !important;
    color: rgba(255, 0, 0, 1) !important;
    color: rgba(255, 0, 0, var(--tw-text-opacity, 1)) !important;
}
.text-\[rgb\(179\2c 131\2c 28\)\] {
    --tw-text-opacity: 1 !important;
    color: rgba(179, 131, 28, 1) !important;
    color: rgba(179, 131, 28, var(--tw-text-opacity, 1)) !important;
}
.text-\[rgb\(22\2c 144\2c 22\)\] {
    --tw-text-opacity: 1 !important;
    color: rgba(22, 144, 22, 1) !important;
    color: rgba(22, 144, 22, var(--tw-text-opacity, 1)) !important;
}
.text-\[rgb\(222\2c 22\2c 22\)\] {
    --tw-text-opacity: 1 !important;
    color: rgba(222, 22, 22, 1) !important;
    color: rgba(222, 22, 22, var(--tw-text-opacity, 1)) !important;
}
.text-\[var\(--text-color-primary\)\] {
    color: var(--text-color-primary) !important;
}
.text-\[var\(--text-color-secondary\)\] {
    color: var(--text-color-secondary) !important;
}
.text-amber-600 {
    --tw-text-opacity: 1 !important;
    color: rgba(217, 119, 6, 1) !important;
    color: rgba(217, 119, 6, var(--tw-text-opacity, 1)) !important;
}
.text-amber-900 {
    --tw-text-opacity: 1 !important;
    color: rgba(120, 53, 15, 1) !important;
    color: rgba(120, 53, 15, var(--tw-text-opacity, 1)) !important;
}
.text-black {
    --tw-text-opacity: 1 !important;
    color: rgba(0, 0, 0, 1) !important;
    color: rgba(0, 0, 0, var(--tw-text-opacity, 1)) !important;
}
.text-blue-500 {
    --tw-text-opacity: 1 !important;
    color: rgba(59, 130, 246, 1) !important;
    color: rgba(59, 130, 246, var(--tw-text-opacity, 1)) !important;
}
.text-current {
    color: currentColor !important;
}
.text-gray-500 {
    --tw-text-opacity: 1 !important;
    color: rgba(107, 114, 128, 1) !important;
    color: rgba(107, 114, 128, var(--tw-text-opacity, 1)) !important;
}
.text-gray-600 {
    --tw-text-opacity: 1 !important;
    color: rgba(75, 85, 99, 1) !important;
    color: rgba(75, 85, 99, var(--tw-text-opacity, 1)) !important;
}
.text-green-500 {
    --tw-text-opacity: 1 !important;
    color: rgba(34, 197, 94, 1) !important;
    color: rgba(34, 197, 94, var(--tw-text-opacity, 1)) !important;
}
.text-green-600 {
    --tw-text-opacity: 1 !important;
    color: rgba(22, 163, 74, 1) !important;
    color: rgba(22, 163, 74, var(--tw-text-opacity, 1)) !important;
}
.text-icon-default-primary {
    color: var(--icon-default-primary) !important;
}
.text-icon-default-secondary {
    color: var(--icon-default-secondary) !important;
}
.text-indigo-500 {
    --tw-text-opacity: 1 !important;
    color: rgba(99, 102, 241, 1) !important;
    color: rgba(99, 102, 241, var(--tw-text-opacity, 1)) !important;
}
.text-loading-color {
    color: var(--loading-color) !important;
}
.text-orange-400 {
    --tw-text-opacity: 1 !important;
    color: rgba(251, 146, 60, 1) !important;
    color: rgba(251, 146, 60, var(--tw-text-opacity, 1)) !important;
}
.text-orange-500 {
    --tw-text-opacity: 1 !important;
    color: rgba(249, 115, 22, 1) !important;
    color: rgba(249, 115, 22, var(--tw-text-opacity, 1)) !important;
}
.text-orange-600 {
    --tw-text-opacity: 1 !important;
    color: rgba(234, 88, 12, 1) !important;
    color: rgba(234, 88, 12, var(--tw-text-opacity, 1)) !important;
}
.text-primary {
    color: var(--primary) !important;
}
.text-red-500 {
    --tw-text-opacity: 1 !important;
    color: rgba(239, 68, 68, 1) !important;
    color: rgba(239, 68, 68, var(--tw-text-opacity, 1)) !important;
}
.text-red-600 {
    --tw-text-opacity: 1 !important;
    color: rgba(220, 38, 38, 1) !important;
    color: rgba(220, 38, 38, var(--tw-text-opacity, 1)) !important;
}
.text-red-700 {
    --tw-text-opacity: 1 !important;
    color: rgba(185, 28, 28, 1) !important;
    color: rgba(185, 28, 28, var(--tw-text-opacity, 1)) !important;
}
.text-secondary {
    color: var(--secondary) !important;
}
.text-secondary-text {
    color: var(--secondary-text) !important;
}
.text-slate-500 {
    --tw-text-opacity: 1 !important;
    color: rgba(100, 116, 139, 1) !important;
    color: rgba(100, 116, 139, var(--tw-text-opacity, 1)) !important;
}
.text-slate-600 {
    --tw-text-opacity: 1 !important;
    color: rgba(71, 85, 105, 1) !important;
    color: rgba(71, 85, 105, var(--tw-text-opacity, 1)) !important;
}
.text-success-color {
    color: var(--success-color) !important;
}
.text-teal-600 {
    --tw-text-opacity: 1 !important;
    color: rgba(13, 148, 136, 1) !important;
    color: rgba(13, 148, 136, var(--tw-text-opacity, 1)) !important;
}
.text-text-color {
    color: var(--text-color) !important;
}
.text-text-color-forth {
    color: var(--text-color-forth) !important;
}
.text-text-color-primary {
    color: var(--text-color-primary) !important;
}
.text-text-color-secondary {
    color: var(--text-color-secondary) !important;
}
.text-text-color-tertiary {
    color: var(--text-color-tertiary) !important;
}
.text-transparent {
    color: transparent !important;
}
.text-white {
    --tw-text-opacity: 1 !important;
    color: rgba(255, 255, 255, 1) !important;
    color: rgba(255, 255, 255, var(--tw-text-opacity, 1)) !important;
}
.text-yellow-700 {
    --tw-text-opacity: 1 !important;
    color: rgba(161, 98, 7, 1) !important;
    color: rgba(161, 98, 7, var(--tw-text-opacity, 1)) !important;
}
.line-through {
    text-decoration-line: line-through !important;
}
.no-underline {
    text-decoration-line: none !important;
}
.opacity-0 {
    opacity: 0 !important;
}
.opacity-100 {
    opacity: 1 !important;
}
.opacity-25 {
    opacity: 0.25 !important;
}
.opacity-40 {
    opacity: 0.4 !important;
}
.opacity-80 {
    opacity: 0.8 !important;
}
.opacity-90 {
    opacity: 0.9 !important;
}
.opacity-\[0\.99\] {
    opacity: 0.99 !important;
}
.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color) !important;
    box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) !important;
}
.shadow-\[1px_2px_3px_1px_rgba\(0\2c 0\2c 0\2c 0\.2\)\2c 0_1px_1px_0_rgba\(0\2c 0\2c 0\2c 0\.14\)\2c 0_2px_1px_-1px_rgba\(0\2c 0\2c 0\2c 0\.12\)\] {
    --tw-shadow: 1px 2px 3px 1px rgba(0,0,0,0.2),0 1px 1px 0 rgba(0,0,0,0.14),0 2px 1px -1px rgba(0,0,0,0.12) !important;
    --tw-shadow-colored: 1px 2px 3px 1px var(--tw-shadow-color), 0 1px 1px 0 var(--tw-shadow-color), 0 2px 1px -1px var(--tw-shadow-color) !important;
    box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 1px 2px 3px 1px rgba(0,0,0,0.2),0 1px 1px 0 rgba(0,0,0,0.14),0 2px 1px -1px rgba(0,0,0,0.12) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) !important;
}
.shadow-\[4px_5px_15px_-6px_black\] {
    --tw-shadow: 4px 5px 15px -6px black !important;
    --tw-shadow-colored: 4px 5px 15px -6px var(--tw-shadow-color) !important;
    box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 4px 5px 15px -6px black !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) !important;
}
.shadow-base-shadow {
    --tw-shadow: var(--base-shadow) !important;
    --tw-shadow-colored: var(--base-shadow) !important;
    box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) !important;
}
.shadow-button-shadow {
    --tw-shadow: var(--button-shadow) !important;
    --tw-shadow-colored: var(--button-shadow) !important;
    box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) !important;
}
.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1) !important;
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
    box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) !important;
}
.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1) !important;
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
    box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) !important;
}
.shadow-none {
    --tw-shadow: 0 0 rgba(0,0,0,0) !important;
    --tw-shadow-colored: 0 0 rgba(0,0,0,0) !important;
    box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) !important;
}
.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
    box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) !important;
}
.shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color) !important;
    box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) !important;
}
.outline {
    outline-style: solid !important;
}
.blur {
    --tw-blur: blur(8px) !important;
    filter: blur(8px) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.drop-shadow-xl {
    --tw-drop-shadow: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.03)) drop-shadow(0 8px 5px rgba(0, 0, 0, 0.08)) !important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) drop-shadow(0 20px 13px rgba(0, 0, 0, 0.03)) drop-shadow(0 8px 5px rgba(0, 0, 0, 0.08)) !important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.invert-70 {
    --tw-invert: invert(var(--inverted)) !important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.\!transition-all {
    transition-property: all !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important;
}
.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important;
}
.transition-\[0\.25s\] {
    transition-property: 0.25s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important;
}
.transition-\[0\.2s\] {
    transition-property: 0.2s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important;
}
.transition-\[0\.3s\] {
    transition-property: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important;
}
.transition-\[0\.5s\] {
    transition-property: 0.5s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important;
}
.transition-\[200ms\] {
    transition-property: 200ms !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important;
}
.transition-\[300ms\] {
    transition-property: 300ms !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important;
}
.transition-\[background-color\] {
    transition-property: background-color !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important;
}
.transition-all {
    transition-property: all !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important;
}
.delay-700 {
    transition-delay: 700ms !important;
}
.delay-\[400ms\] {
    transition-delay: 400ms !important;
}
.duration-1000 {
    transition-duration: 1000ms !important;
}
.duration-200 {
    transition-duration: 200ms !important;
}
.duration-300 {
    transition-duration: 300ms !important;
}
.duration-\[0\.4s\] {
    transition-duration: 0.4s !important;
}
.duration-\[10\.2s\] {
    transition-duration: 10.2s !important;
}
.duration-\[ease-in-out\] {
    transition-duration: ease-in-out !important;
}
.duration-\[linear\] {
    transition-duration: linear !important;
}
.ease-\[all\] {
    transition-timing-function: all !important;
}
.ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}
.ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ease-linear {
    transition-timing-function: linear !important;
}

/* titlebar.html */
#titlebar-selector .mat-mdc-select-arrow {
    color: white !important;
}

/* user-settings.html */
#user_settings_container .mat-mdc-form-field {
    margin-bottom: 1.25rem;
}
#user_settings_container .mat-mdc-form-field:first-of-type {
    margin-top: 0.5rem;
}

/* widget-spinner */
#widget-spinner .mat-mdc-progress-spinner circle,
#widget-spinner .mat-mdc-progress-spinner circle {
    stroke: var(--dashboard-spinner-color) !important;
}

/* eoi-detail */
#eoi-circle {
    clip: rect(0px, 20px, 40px, 0px);
}
#eoi-bar {
    clip: rect(0px, 40px, 40px, 20px);
}
#reports__jobs-table .mat-mdc-button {
    color: inherit;
}
#eoi_table tr:nth-child(even) {
    background-color: var(--table-odd-row-bg) !important;
    border-top: 1px solid black !important;
    border-bottom: 1px solid black !important;
}
#eoi_container .mat-sort-header-container {
    background-color: var(--table-header-bg) !important;
}

/* manage-user-privilege */
#managePrivilege span {
    width: 100%
}

/* report-wizard-stores */
#itemList {
    display: flex;
    word-wrap: break-word;
    justify-content: space-around;

    flex-wrap: wrap;
    height: 100%;
    max-width: 100%;
}

#rightColumnList,
#leftColumnList {
    margin: 0.1rem;
    width: 45%;
    max-width: 100%;
}

@media screen and (max-width: 1100px) {
    #itemList {
        flex-direction: column;
        justify-content: start;
        align-items: center;
        flex-wrap: nowrap;
    }

    #leftColumnList {
        width: 90%;
        height: 100%;
    }

    #rightColumnList {
        display: none;
    }
}

/* schedule-jobs.tpl */
#tablebody tr:nth-child(even) {
    background-color: var(--table-odd-row-bg);
}

/* store portal */

#storePortalBody .mat-mdc-tab-header {
    display: none;
}

/* price change time picker */
.timepicker-overlay {
    z-index: 10000000 !important;
}

.timepicker-backdrop-overlay {
    z-index: 10000000 !important;
}

.timepicker .timepicker__header {
      background-color: var(--secondary) !important;
    }

.timepicker .clock-face__number > span.active {
          background-color: var(--secondary) !important;
        }

.timepicker .clock-face__clock-hand {
        background-color: var(--secondary) !important;
      }

.timepicker .clock-face__clock-hand::after {
          background-color: var(--secondary) !important;
        }

.timepicker .clock-face__clock-hand::before {
          border-color: var(--secondary) !important;
        }

.timepicker .timepicker__actions .timepicker-button {
        color: var(--secondary);
    }

.full-screen-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    color: white;
    font-size: 20px;
}

body.overlay-active {
    overflow: hidden;
}

.progress-container {
    width: 100%;
    height: 10px;
    background: #ddd;
    border-radius: 5px;
    overflow: hidden;
    margin: 10px 0;
}

.progress-bar {
    height: 100%;
    background: #007bff; /* Blue progress bar */
    transition: width 0.3s ease-in-out;
}

.before\:absolute::before {
    content: var(--tw-content) !important;
    position: absolute !important;
}

.before\:block::before {
    content: var(--tw-content) !important;
    display: block !important;
}

.before\:h-6::before {
    content: var(--tw-content) !important;
    height: 1.5rem !important;
}

.before\:w-6::before {
    content: var(--tw-content) !important;
    width: 1.5rem !important;
}

.before\:translate-x-0\.5::before {
    content: var(--tw-content) !important;
    --tw-translate-x: 0.125rem !important;
    transform: translate(0.125rem, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.before\:translate-x-\[34px\]::before {
    content: var(--tw-content) !important;
    --tw-translate-x: 34px !important;
    transform: translate(34px, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.before\:rounded-\[30px\]::before {
    content: var(--tw-content) !important;
    border-radius: 30px !important;
}

.before\:bg-primary::before {
    content: var(--tw-content) !important;
    background-color: var(--primary) !important;
}

.before\:transition-transform::before {
    content: var(--tw-content) !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important;
}

.before\:duration-\[var\(--bg-transition\)\2c background-color\]::before {
    content: var(--tw-content) !important;
    transition-duration: var(--bg-transition),background-color !important;
}

.before\:ease-\[var\(--bg-transition\)\]::before {
    content: var(--tw-content) !important;
    transition-timing-function: var(--bg-transition) !important;
}

.before\:content-\[\'\'\]::before {
    --tw-content: '' !important;
    content: '' !important;
    content: var(--tw-content) !important;
}

.odd\:bg-table-odd-row-bg:nth-child(odd) {
    background-color: var(--table-odd-row-bg) !important;
}

.even\:bg-table-odd-row-bg:nth-child(even) {
    background-color: var(--table-odd-row-bg) !important;
}

.even\:bg-table-odd-row-color:nth-child(even) {
    background-color: var(--table-odd-row-color) !important;
}

.hover\:rotate-45:hover {
    --tw-rotate: 45deg !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(45deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.hover\:scale-100:hover {
    --tw-scale-x: 1 !important;
    --tw-scale-y: 1 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1) scaleY(1) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.hover\:scale-105:hover {
    --tw-scale-x: 1.05 !important;
    --tw-scale-y: 1.05 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.05) scaleY(1.05) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.hover\:cursor-pointer:hover {
    cursor: pointer !important;
}

.hover\:border-solid:hover {
    border-style: solid !important;
}

.hover\:border-\[color\:var\(--btn-tertiary\)\]:hover {
    border-color: var(--btn-tertiary) !important;
}

.hover\:border-\[color\:var\(--secondary\)\]:hover {
    border-color: var(--secondary) !important;
}

.hover\:bg-\[\#4885ed\]:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(72, 133, 237, 1) !important;
    background-color: rgba(72, 133, 237, var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-\[color\:var\(--btn-tertiary\)\]:hover {
    background-color: var(--btn-tertiary) !important;
}

.hover\:bg-\[lightgray\]:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(211, 211, 211, 1) !important;
    background-color: rgba(211, 211, 211, var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-blue-500:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(59, 130, 246, 1) !important;
    background-color: rgba(59, 130, 246, var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-blue-700:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(29, 78, 216, 1) !important;
    background-color: rgba(29, 78, 216, var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-btn-primary:hover {
    background-color: var(--btn-primary) !important;
}

.hover\:bg-btn-tertiary:hover {
    background-color: var(--btn-tertiary) !important;
}

.hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(243, 244, 246, 1) !important;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-gray-200:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(229, 231, 235, 1) !important;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-secondary:hover {
    background-color: var(--secondary) !important;
}

.hover\:bg-sixth:hover {
    background-color: var(--sixth) !important;
}

.hover\:text-\[\#4dd0e1\]:hover {
    --tw-text-opacity: 1 !important;
    color: rgba(77, 208, 225, 1) !important;
    color: rgba(77, 208, 225, var(--tw-text-opacity, 1)) !important;
}

.hover\:text-\[\#ff1744\]:hover {
    --tw-text-opacity: 1 !important;
    color: rgba(255, 23, 68, 1) !important;
    color: rgba(255, 23, 68, var(--tw-text-opacity, 1)) !important;
}

.hover\:text-\[color\:var\(--icon-default-secondary\)\]:hover {
    color: var(--icon-default-secondary) !important;
}

.hover\:text-\[color\:var\(--secondary\)\]:hover {
    color: var(--secondary) !important;
}

.hover\:text-cyan-300:hover {
    --tw-text-opacity: 1 !important;
    color: rgba(103, 232, 249, 1) !important;
    color: rgba(103, 232, 249, var(--tw-text-opacity, 1)) !important;
}

.hover\:text-gray-300:hover {
    --tw-text-opacity: 1 !important;
    color: rgba(209, 213, 219, 1) !important;
    color: rgba(209, 213, 219, var(--tw-text-opacity, 1)) !important;
}

.hover\:text-gray-500:hover {
    --tw-text-opacity: 1 !important;
    color: rgba(107, 114, 128, 1) !important;
    color: rgba(107, 114, 128, var(--tw-text-opacity, 1)) !important;
}

.hover\:text-gray-700:hover {
    --tw-text-opacity: 1 !important;
    color: rgba(55, 65, 81, 1) !important;
    color: rgba(55, 65, 81, var(--tw-text-opacity, 1)) !important;
}

.hover\:text-red-600:hover {
    --tw-text-opacity: 1 !important;
    color: rgba(220, 38, 38, 1) !important;
    color: rgba(220, 38, 38, var(--tw-text-opacity, 1)) !important;
}

.hover\:text-text-color-secondary:hover {
    color: var(--text-color-secondary) !important;
}

.hover\:text-white:hover {
    --tw-text-opacity: 1 !important;
    color: rgba(255, 255, 255, 1) !important;
    color: rgba(255, 255, 255, var(--tw-text-opacity, 1)) !important;
}

.hover\:text-yellow-500:hover {
    --tw-text-opacity: 1 !important;
    color: rgba(234, 179, 8, 1) !important;
    color: rgba(234, 179, 8, var(--tw-text-opacity, 1)) !important;
}

.hover\:no-underline:hover {
    text-decoration-line: none !important;
}

.hover\:opacity-100:hover {
    opacity: 1 !important;
}

.hover\:opacity-50:hover {
    opacity: 0.5 !important;
}

.hover\:shadow-2xl:hover {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color) !important;
    box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) !important;
}

.hover\:shadow-hover-shadow:hover {
    --tw-shadow: var(--hover-shadow) !important;
    --tw-shadow-colored: var(--hover-shadow) !important;
    box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) !important;
}

.hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1) !important;
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
    box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) !important;
}

.hover\:transition:hover {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important;
}

.hover\:transition-\[200ms\]:hover {
    transition-property: 200ms !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important;
}

.hover\:transition-all:hover {
    transition-property: all !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important;
}

.hover\:duration-200:hover {
    transition-duration: 200ms !important;
}

.focus\:bg-gray-200:focus {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(229, 231, 235, 1) !important;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1)) !important;
}

.focus\:outline-none:focus {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
}

.focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)) !important;
}

.focus\:ring-blue-500:focus {
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity, 1)) !important;
}

.disabled\:\!border-2:disabled {
    border-width: 2px !important;
}

.disabled\:\!border-gray-600:disabled {
    --tw-border-opacity: 1 !important;
    border-color: rgba(75, 85, 99, 1) !important;
    border-color: rgba(75, 85, 99, var(--tw-border-opacity, 1)) !important;
}

.disabled\:\!bg-gray-500:disabled {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(107, 114, 128, 1) !important;
    background-color: rgba(107, 114, 128, var(--tw-bg-opacity, 1)) !important;
}

.disabled\:bg-sixth:disabled {
    background-color: var(--sixth) !important;
}

.group:hover .group-hover\:text-white {
    --tw-text-opacity: 1 !important;
    color: rgba(255, 255, 255, 1) !important;
    color: rgba(255, 255, 255, var(--tw-text-opacity, 1)) !important;
}

.group:hover .group-hover\:opacity-100 {
    opacity: 1 !important;
}

@media (min-width: 240px) {
    .\33xs\:w-72 {
        width: 18rem !important;
    }
    .\33xs\:max-w-\[35vw\] {
        max-width: 35vw !important;
    }
    .\33xs\:text-sm {
        font-size: 0.875rem !important;
        line-height: 1.25rem !important;
    }
}

@media (min-width: 320px) {
    .\32xs\:w-full {
        width: 100% !important;
    }
    .\32xs\:min-w-2 {
        min-width: 20rem !important;
    }
}

@media (min-width: 420px) {
    .xs\:m-3 {
        margin: 0.75rem !important;
    }
    .xs\:mx-4 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }
    .xs\:mb-5 {
        margin-bottom: 1.25rem !important;
    }
    .xs\:mt-10 {
        margin-top: 2.5rem !important;
    }
    .xs\:w-20 {
        width: 5rem !important;
    }
    .xs\:w-3\/4 {
        width: 75% !important;
    }
    .xs\:w-5\/12 {
        width: 41.666667% !important;
    }
    .xs\:min-w-\[80px\] {
        min-width: 80px !important;
    }
    .xs\:justify-center {
        justify-content: center !important;
    }
    .xs\:p-5 {
        padding: 1.25rem !important;
    }
}

@media (min-width: 640px) {
    .sm\:visible {
        visibility: visible !important;
    }
    .sm\:invisible {
        visibility: hidden !important;
    }
    .sm\:fixed {
        position: fixed !important;
    }
    .sm\:top-9 {
        top: 2.25rem !important;
    }
    .sm\:m-3 {
        margin: 0.75rem !important;
    }
    .sm\:m-5 {
        margin: 1.25rem !important;
    }
    .sm\:mx-12 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }
    .sm\:mx-3 {
        margin-left: 0.75rem !important;
        margin-right: 0.75rem !important;
    }
    .sm\:mx-8 {
        margin-left: 2rem !important;
        margin-right: 2rem !important;
    }
    .sm\:mx-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .sm\:my-12 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .sm\:my-16 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }
    .sm\:my-\[3em\] {
        margin-top: 3em !important;
        margin-bottom: 3em !important;
    }
    .sm\:my-\[4em\] {
        margin-top: 4em !important;
        margin-bottom: 4em !important;
    }
    .sm\:mb-5 {
        margin-bottom: 1.25rem !important;
    }
    .sm\:ml-1 {
        margin-left: 0.25rem !important;
    }
    .sm\:ml-14 {
        margin-left: 3.5rem !important;
    }
    .sm\:ml-3 {
        margin-left: 0.75rem !important;
    }
    .sm\:ml-5 {
        margin-left: 1.25rem !important;
    }
    .sm\:ml-6 {
        margin-left: 1.5rem !important;
    }
    .sm\:mr-0 {
        margin-right: 0px !important;
    }
    .sm\:mr-5 {
        margin-right: 1.25rem !important;
    }
    .sm\:ms-0 {
        margin-left: 0px !important;
    }
    .sm\:mt-0 {
        margin-top: 0px !important;
    }
    .sm\:mt-10 {
        margin-top: 2.5rem !important;
    }
    .sm\:mt-20 {
        margin-top: 5rem !important;
    }
    .sm\:mt-24 {
        margin-top: 6rem !important;
    }
    .sm\:mt-6 {
        margin-top: 1.5rem !important;
    }
    .sm\:flex {
        display: flex !important;
    }
    .sm\:hidden {
        display: none !important;
    }
    .sm\:h-12 {
        height: 3rem !important;
    }
    .sm\:h-14 {
        height: 3.5rem !important;
    }
    .sm\:h-36 {
        height: 9rem !important;
    }
    .sm\:h-auto {
        height: auto !important;
    }
    .sm\:min-h-0 {
        min-height: 0px !important;
    }
    .sm\:min-h-\[200px\] {
        min-height: 200px !important;
    }
    .sm\:w-0 {
        width: 0px !important;
    }
    .sm\:w-10\/12 {
        width: 83.333333% !important;
    }
    .sm\:w-11\/12 {
        width: 91.666667% !important;
    }
    .sm\:w-12 {
        width: 3rem !important;
    }
    .sm\:w-14 {
        width: 3.5rem !important;
    }
    .sm\:w-28 {
        width: 7rem !important;
    }
    .sm\:w-3\/4 {
        width: 75% !important;
    }
    .sm\:w-32 {
        width: 8rem !important;
    }
    .sm\:w-36 {
        width: 9rem !important;
    }
    .sm\:w-4\/5 {
        width: 80% !important;
    }
    .sm\:w-40 {
        width: 10rem !important;
    }
    .sm\:w-6 {
        width: 1.5rem !important;
    }
    .sm\:w-8\/12 {
        width: 66.666667% !important;
    }
    .sm\:w-9\/12 {
        width: 75% !important;
    }
    .sm\:w-96 {
        width: 24rem !important;
    }
    .sm\:w-\[95vw\] {
        width: 95vw !important;
    }
    .sm\:w-auto {
        width: auto !important;
    }
    .sm\:w-fit {
        width: -moz-fit-content !important;
        width: fit-content !important;
    }
    .sm\:min-w-0 {
        min-width: 0px !important;
    }
    .sm\:min-w-2 {
        min-width: 20rem !important;
    }
    .sm\:min-w-\[220px\] {
        min-width: 220px !important;
    }
    .sm\:max-w-\[100\%\] {
        max-width: 100% !important;
    }
    .sm\:max-w-fit {
        max-width: -moz-fit-content !important;
        max-width: fit-content !important;
    }
    .sm\:max-w-lg {
        max-width: 32rem !important;
    }
    .sm\:-translate-x-full {
        --tw-translate-x: -100% !important;
        transform: translate(-100%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    }
    .sm\:flex-row {
        flex-direction: row !important;
    }
    .sm\:justify-center {
        justify-content: center !important;
    }
    .sm\:justify-between {
        justify-content: space-between !important;
    }
    .sm\:justify-around {
        justify-content: space-around !important;
    }
    .sm\:rounded-xl {
        border-radius: 0.75rem !important;
    }
    .sm\:rounded-tl-xl {
        border-top-left-radius: 0.75rem !important;
    }
    .sm\:rounded-tr-xl {
        border-top-right-radius: 0.75rem !important;
    }
    .sm\:p-4 {
        padding: 1rem !important;
    }
    .sm\:p-5 {
        padding: 1.25rem !important;
    }
    .sm\:px-4 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .sm\:px-8 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
    .sm\:py-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .sm\:text-2xl {
        font-size: 1.5rem !important;
        line-height: 2rem !important;
    }
    .sm\:text-5xl {
        font-size: 3rem !important;
        line-height: 1 !important;
    }
    .sm\:text-base {
        font-size: 1rem !important;
        line-height: 1.5rem !important;
    }
    .sm\:text-sm {
        font-size: 0.875rem !important;
        line-height: 1.25rem !important;
    }
    .sm\:text-xl {
        font-size: 1.25rem !important;
        line-height: 1.75rem !important;
    }
}

@media (min-width: 768px) {
    .md\:visible {
        visibility: visible !important;
    }
    .md\:invisible {
        visibility: hidden !important;
    }
    .md\:ml-\[15px\] {
        margin-left: 15px !important;
    }
    .md\:h-\[320px\] {
        height: 320px !important;
    }
    .md\:\!w-1\/4 {
        width: 25% !important;
    }
    .md\:w-2\/5 {
        width: 40% !important;
    }
    .md\:w-5\/12 {
        width: 41.666667% !important;
    }
    .md\:w-6 {
        width: 1.5rem !important;
    }
    .md\:w-7\/12 {
        width: 58.333333% !important;
    }
    .md\:w-\[550px\] {
        width: 550px !important;
    }
    .md\:min-w-0 {
        min-width: 0px !important;
    }
    .md\:max-w-0 {
        max-width: 0 !important;
    }
    .md\:max-w-fit {
        max-width: -moz-fit-content !important;
        max-width: fit-content !important;
    }
}

@media (min-width: 1024px) {
    .lg\:sticky {
        position: sticky !important;
    }
    .lg\:bottom-0 {
        bottom: 0px !important;
    }
    .lg\:left-60 {
        left: 15rem !important;
    }
    .lg\:top-32 {
        top: 8rem !important;
    }
    .lg\:mx-0 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .lg\:mx-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .lg\:my-\[4em\] {
        margin-top: 4em !important;
        margin-bottom: 4em !important;
    }
    .lg\:mb-12 {
        margin-bottom: 3rem !important;
    }
    .lg\:ml-20 {
        margin-left: 5rem !important;
    }
    .lg\:ml-40 {
        margin-left: 10rem !important;
    }
    .lg\:ml-6 {
        margin-left: 1.5rem !important;
    }
    .lg\:ml-\[10\%\] {
        margin-left: 10% !important;
    }
    .lg\:mr-12 {
        margin-right: 3rem !important;
    }
    .lg\:mt-3 {
        margin-top: 0.75rem !important;
    }
    .lg\:h-1\/2 {
        height: 50% !important;
    }
    .lg\:h-\[500px\] {
        height: 500px !important;
    }
    .lg\:w-4\/5 {
        width: 80% !important;
    }
    .lg\:w-40 {
        width: 10rem !important;
    }
    .lg\:w-5\/12 {
        width: 41.666667% !important;
    }
    .lg\:w-7\/12 {
        width: 58.333333% !important;
    }
    .lg\:w-\[35rem\] {
        width: 35rem !important;
    }
    .lg\:w-\[800px\] {
        width: 800px !important;
    }
    .lg\:w-\[90\%\] {
        width: 90% !important;
    }
    .lg\:max-w-\[85vw\] {
        max-width: 85vw !important;
    }
    .lg\:flex-row {
        flex-direction: row !important;
    }
    .lg\:flex-wrap {
        flex-wrap: wrap !important;
    }
    .lg\:items-start {
        align-items: flex-start !important;
    }
    .lg\:justify-end {
        justify-content: flex-end !important;
    }
    .lg\:justify-around {
        justify-content: space-around !important;
    }
    .lg\:rounded-xl {
        border-radius: 0.75rem !important;
    }
    .lg\:p-0 {
        padding: 0px !important;
    }
    .lg\:py-6 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .lg\:text-2xl {
        font-size: 1.5rem !important;
        line-height: 2rem !important;
    }
    .lg\:text-3xl {
        font-size: 1.875rem !important;
        line-height: 2.25rem !important;
    }
    .lg\:text-lg {
        font-size: 1.125rem !important;
        line-height: 1.75rem !important;
    }
}

@media (min-width: 1280px) {
    .xl\:visible {
        visibility: visible !important;
    }
    .xl\:w-1\/3 {
        width: 33.333333% !important;
    }
    .xl\:w-3\/12 {
        width: 25% !important;
    }
    .xl\:w-4\/12 {
        width: 33.333333% !important;
    }
    .xl\:w-5\/12 {
        width: 41.666667% !important;
    }
    .xl\:w-6\/12 {
        width: 50% !important;
    }
}

@media (min-width: 1536px) {
    .\32xl\:w-5\/12 {
        width: 41.666667% !important;
    }
    .\32xl\:w-\[45\%\] {
        width: 45% !important;
    }
}

@media (min-width: 1600px) {
    .\33xl\:w-1\/4 {
        width: 25% !important;
    }
    .\33xl\:max-w-md {
        max-width: 28rem !important;
    }
}

@media (prefers-color-scheme: dark) {
    .dark\:border-white\/10 {
        border-color: rgba(255, 255, 255, 0.1) !important;
    }
}

.\[\&\&\>\*\.active\]\:bg-table-active-row-bg.\[\&\&\>\*\.active\]\:bg-table-active-row-bg>*.active {
    background-color: var(--table-active-row-bg) !important;
}

.\[\&\&\>tr\.active\>\*\]\:font-bold.\[\&\&\>tr\.active\>\*\]\:font-bold>tr.active>* {
    font-weight: 700 !important;
}

.\[\&\>\*\:nth-child\(odd\)\]\:bg-table-odd-row-bg>*:nth-child(odd) {
    background-color: var(--table-odd-row-bg) !important;
}

.\[\&\>\*\>\*\.mat-sort-header-arrow\]\:text-text-color-primary>*>*.mat-sort-header-arrow {
    color: var(--text-color-primary) !important;
}

.\[\&\>\*\>\*\.mat-sort-header-content\]\:font-bold>*>*.mat-sort-header-content {
    font-weight: 700 !important;
}

.\[\&\>\*\>\*\]\:w-full>*>* {
    width: 100% !important;
}

.\[\&\>\*\]\:w-full>* {
    width: 100% !important;
}

.\[\&\>\*\]\:cursor-default>* {
    cursor: default !important;
}

.\[\&\>\*\]\:overflow-hidden>* {
    overflow: hidden !important;
}

.\[\&\>\*\]\:text-ellipsis>* {
    text-overflow: ellipsis !important;
}

.\[\&\>\*\]\:whitespace-nowrap>* {
    white-space: nowrap !important;
}

.\[\&\>\*\]\:border>* {
    border-width: 1px !important;
}

.\[\&\>\*\]\:border-solid>* {
    border-style: solid !important;
}

.\[\&\>\*\]\:border-border-color-primary>* {
    border-color: var(--border-color-primary) !important;
}

.\[\&\>\*\]\:border-table-border>* {
    border-color: var(--table-border) !important;
}

.\[\&\>\*\]\:p-1>* {
    padding: 0.25rem !important;
}

.\[\&\>\*\]\:text-center>* {
    text-align: center !important;
}

.\[\&\>\*\]\:text-\[1\.5vh\]>* {
    font-size: 1.5vh !important;
}

.\[\&\>\*\]\:text-\[1\.75vh\]>* {
    font-size: 1.75vh !important;
}

.\[\&\>\*\]\:text-sm>* {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
}

.\[\&\>\*\]\:font-bold>* {
    font-weight: 700 !important;
}

.\[\&\>\*\]\:\[writing-mode\:vertical-lr\]>* {
    writing-mode: vertical-lr !important;
}

.\[\&\>span\]\:w-full>span {
    width: 100% !important;
}

.\[\&\>span\]\:text-center>span {
    text-align: center !important;
}

.\[\&\>span\]\:uppercase>span {
    text-transform: uppercase !important;
}

.\[\&\>tbody\>tr\:nth-child\(even\)\]\:bg-table-odd-row-bg>tbody>tr:nth-child(even) {
    background-color: var(--table-odd-row-bg) !important;
}

.\[\&\>tbody\>tr\]\:border>tbody>tr {
    border-width: 1px !important;
}

.\[\&\>tbody\>tr\]\:border-solid>tbody>tr {
    border-style: solid !important;
}

.\[\&\>tbody\>tr\]\:border-border-color-primary>tbody>tr {
    border-color: var(--border-color-primary) !important;
}

.\[\&\>th\>\*\.mat-sort-header-container\:not\(\.mat-sort-header-sorted\)\>\*\.mat-sort-header-arrow\]\:hidden>th>*.mat-sort-header-container:not(.mat-sort-header-sorted)>*.mat-sort-header-arrow {
    display: none !important;
}

.\[\&\>th\>\*\.mat-sort-header-container\]\:flex>th>*.mat-sort-header-container {
    display: flex !important;
}

.\[\&\>th\>\*\.mat-sort-header-container\]\:items-center>th>*.mat-sort-header-container {
    align-items: center !important;
}

.\[\&\>th\>\*\.mat-sort-header-container\]\:justify-center>th>*.mat-sort-header-container {
    justify-content: center !important;
}

.\[\&\>th\>\*\.mat-sort-header-container\]\:bg-table-odd-row-bg>th>*.mat-sort-header-container {
    background-color: var(--table-odd-row-bg) !important;
}

.\[\&\>th\>\*\.mat-sort-header-container\]\:bg-transparent>th>*.mat-sort-header-container {
    background-color: transparent !important;
}

.\[\&\>th\>\*\.mat-sort-header-container\]\:text-text-color-primary>th>*.mat-sort-header-container {
    color: var(--text-color-primary) !important;
}

.\[\&\>th\>\*\>\*\.mat-sort-header-arrow\]\:text-text-color-primary>th>*>*.mat-sort-header-arrow {
    color: var(--text-color-primary) !important;
}

.\[\&\>th\>\*\>\*\.mat-sort-header-content\]\:font-bold>th>*>*.mat-sort-header-content {
    font-weight: 700 !important;
}

.\[\&\>thead\]\:cursor-pointer>thead {
    cursor: pointer !important;
}

.\[\&\>thead\]\:bg-table-header-bg>thead {
    background-color: var(--table-header-bg) !important;
}

.\[\&\>thead\]\:text-white>thead {
    --tw-text-opacity: 1 !important;
    color: rgba(255, 255, 255, 1) !important;
    color: rgba(255, 255, 255, var(--tw-text-opacity, 1)) !important;
}

.\[\&\>tr\>\*\]\:break-all>tr>* {
    word-break: break-all !important;
}

.\[\&\>tr\>\*\]\:border>tr>* {
    border-width: 1px !important;
}

.\[\&\>tr\>\*\]\:border-solid>tr>* {
    border-style: solid !important;
}

.\[\&\>tr\>\*\]\:border-border-color-primary>tr>* {
    border-color: var(--border-color-primary) !important;
}

.\[\&\>tr\>\*\]\:border-table-border>tr>* {
    border-color: var(--table-border) !important;
}

.\[\&\>tr\>\*\]\:px-1\.5>tr>* {
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important;
}

.\[\&\>tr\>\*\]\:px-2\.5>tr>* {
    padding-left: 0.625rem !important;
    padding-right: 0.625rem !important;
}

.\[\&\>tr\>\*\]\:leading-\[2\.4vh\]>tr>* {
    line-height: 2.4vh !important;
}

.\[\&\>tr\>\*\]\:leading-\[3vh\]>tr>* {
    line-height: 3vh !important;
}

.\[\&\>tr\>\*\]\:text-text-color-primary>tr>* {
    color: var(--text-color-primary) !important;
}

.\[\&\>tr\]\:h-20>tr {
    height: 5rem !important;
}

@media(min-height:1100px) {
    .\[\@media\(min-height\:1100px\)\]\:max-w-3xl {
        max-width: 48rem !important;
    }
}

@media(min-height:900px) {
    .\[\@media\(min-height\:900px\)\]\:max-w-2xl {
        max-width: 42rem !important;
    }
}

/*# sourceMappingURL=main-96ed8ca455b94b8c9a9a.css.map*/