.particles {
    position: relative;
    grid-area: 1 / 1 / 2 / 2;
}

.particles-canvas {
    position: absolute;
    pointer-events: none;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
}

.particles-wrapper {
    position: relative;
    /*display: inline-block;*/
    overflow: hidden;
    will-change: transform;
}

.particles-button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    will-change: transform;
}

.particles-button:focus {
    outline: none;
}

.no-js .particles-button {
    grid-area: 1 / 1 / 2 / 2;
}

/* General */
.clickable-item {
  cursor: pointer;
}
.text-bold {
  font-weight: bold;
}
a.select-all:hover,
a.select-none:hover {
  text-decoration: underline !important;
}
/* Portlet */
.portlet.light > .portlet-title .inputs.inputs-full-width {
  display: block;
  float: none;
}
/* Tree */
.tree-item-icon-color {
  color: #dfba49;
}
.page-sidebar .page-sidebar-menu > li > a > i.fa,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i.fa {
  margin-left: 1px;
  margin-right: 4px;
  top: 3px;
}
/* Forms */
.form-group:not(:has(~ .form-group)) {
  margin-bottom: 0;
}
.row > .form-group,
.form-row > .form-group {
  margin-bottom: 1.75rem;
}
.row:not(:has(+ .row)) > .form-group:not(:has(~ .form-group)),
.form-row:not(:has(+ .form-row)) > .form-group:not(:has(~ .form-group)) {
  margin-bottom: 0;
}
.form-group.form-md-line-input.no-hint {
  margin-bottom: 15px;
}
.form-group.form-md-line-input.has-error .form-control {
  border-bottom-color: red;
}
.form-group.form-md-line-input.has-error .help-block-info {
  display: none;
}
.form-group .duration-hint {
  margin-top: 0.5rem;
  display: inline-flex;
  align-items: center;
}
.form-group .duration-hint .duration-container {
  margin-left: 0.5rem;
  font-size: 0.9rem;
}
.form-group .duration-hint .duration-container .duration-value {
  font-weight: 500;
  color: var(--success);
}
/* DateRangePicker */
.daterangepicker_input .input-mini {
  width: 120px !important;
}
/* Portlets */
.portlet.light > .portlet-title.portlet-title-filter {
  border: none;
  margin-bottom: 0;
}
/* Buttons */
button i {
  margin-right: 5px;
}
.btn + .btn,
.btn-group + .btn-group,
.btn-group + .btn,
.btn + .btn-group,
.btn-wrapper + .btn,
.btn + .btn-wrapper,
.popover-trigger + .btn,
.btn + .popover-trigger {
  margin-left: 5px;
}
button:disabled,
a:disabled {
  pointer-events: none;
}
/* FamFamFam Flags */
.famfamfam-flags {
  display: inline-block;
  min-width: 16px;
}
.margin-bottom-0 {
  margin-bottom: 0 !important;
}
/* Make user menu wider */
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
  width: 250px;
}
/* Fix for issue #407 */
br {
  font-family: Verdana;
}
span.phone-number-verified {
  border-bottom: #36c6d3 2px solid !important;
}
.margin-top-20 {
  margin-top: 20px;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}
/* Sweet alert */
.swal-title {
  overflow-wrap: break-word;
}
.swal-footer {
  text-align: center;
}
@keyframes glowing {
  0% {
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
.glowing {
  animation: glowing 2s infinite;
}
.toast-error {
  background-color: red !important;
}
.bootstrap-datetimepicker-widget {
  width: 275px !important;
}
.spinner:before {
  content: none !important;
}
::selection {
  background: #e1567c;
  color: #fff;
}
label.required:after {
  color: #d00;
  margin-left: 8px;
  top: 7px;
  font-size: 1rem;
  content: "*";
}
div.form-control {
  min-height: 35px;
}
div.form-control:not(.number):not(.selectize-dropdown) {
  height: auto;
}
/* entity display */
.entity-display-block {
  display: flex;
  align-items: center;
  width: 100%;
}
.entity-display-block .image-holder {
  flex-shrink: 0;
  position: relative;
  display: inline-block;
  margin-right: 0.7rem;
}
.entity-display-block .image-holder img {
  border-radius: 50%;
  background-repeat: no-repeat;
  max-height: 40px;
  height: 40px;
  width: 40px;
  background-size: 40px;
}
.entity-display-block.employee img.profile-picture,
.entity-display-block.user img.profile-picture {
  background-image: url(/Common/Images/default-profile-picture.png);
}
.entity-display-block.employee img.profile-picture.male,
.entity-display-block.user img.profile-picture.male {
  background-image: url(/Common/Images/default-profile-picture-male.png);
}
.entity-display-block.employee img.profile-picture.female,
.entity-display-block.user img.profile-picture.female {
  background-image: url(/Common/Images/default-profile-picture-female.png);
}
.entity-display-block.employee div.username,
.entity-display-block.user div.username {
  font-weight: 500;
  margin-bottom: 0.1rem;
  color: var(--info);
}
.entity-display-block.company img.company-logo {
  background-image: url(/Common/Images/default-company-logo.png);
}
.entity-display-block .holder > div {
  line-height: initial;
}
.entity-display-block .holder .bottom-holder {
  display: flex;
  align-items: center;
  margin-top: 0.25rem;
}
.entity-display-block .holder .bottom-holder span {
  white-space: nowrap;
}
.entity-display-block .holder .bottom-holder .auxiliary {
  margin-left: 6px;
  font-size: 0.8rem;
  color: var(--info);
}
.entity-display-block.hide-overflow .holder {
  overflow: hidden;
}
.entity-display-block.hide-overflow .holder > div,
.entity-display-block.hide-overflow .holder > span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.entity-display-block.hide-overflow .holder .bottom-holder .auxiliary {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.dataTable .entity-display-block .image-holder img {
  max-height: 32px;
  height: 32px;
  width: 32px;
  background-size: 32px;
}
:not(.form-control.disabled) > .entity-display-block.employee img.profile-picture {
  cursor: pointer;
}
:not(.form-control.disabled) > .entity-display-block.employee img.profile-picture:hover {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
:not(.form-control.disabled) > .entity-display-block.employee.user .username {
  cursor: pointer;
  font-weight: 500;
}
:not(.form-control.disabled) > .entity-display-block.employee.user .username:hover {
  color: var(--primary);
}
:not(.form-control.disabled) > .entity-display-block.employee:not(.user) .name {
  cursor: pointer;
  font-weight: 500;
}
:not(.form-control.disabled) > .entity-display-block.employee:not(.user) .name:hover {
  color: var(--primary);
}
/* selectize.js dropdown */
.selectize-control.single .selectize-input:after,
.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -2px;
}
.selectize-control.form-control .selectize-input {
  min-height: calc(1.5em + 1.3rem + 2px);
  padding: 0.65rem 1rem;
  border-radius: 0.42rem;
  /*&:not(.has-options) ~ .selectize-dropdown {
            border-width: 0;
        }*/
}
.selectize-control.form-control .selectize-input .item {
  max-width: calc(100% - (0.75rem + 5px));
  /*text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;*/
  vertical-align: bottom;
  position: relative;
}
.selectize-control.form-control .selectize-input .item .block img,
.selectize-control.form-control .selectize-input .item .block i {
  max-height: 19px;
}
.selectize-control.form-control .selectize-input .item.employees div.holder div.bottom-holder .auxiliary.position,
.selectize-control.form-control .selectize-input .item.users div.holder div.bottom-holder .auxiliary.position {
  color: var(--info);
}
.selectize-control.form-control.with-images .selectize-input {
  /*padding-top: 0.16rem;
            padding-bottom: 0.16rem;*/
  line-height: 40px;
}
.selectize-control.form-control.with-images .selectize-input .item img {
  max-height: 40px;
  height: 40px;
  width: 40px;
  background-size: 40px;
}
.selectize-control.form-control.company.with-images .selectize-input {
  line-height: normal;
  display: flex;
  align-items: center;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.selectize-control.form-control.company.with-images .selectize-input .item {
  display: flex;
  align-items: center;
  margin: 0;
}
.selectize-control.form-control.company.with-images .selectize-input .item img {
  max-height: 28px;
  height: 28px;
  width: 28px;
  background-size: 28px;
}
.selectize-control.form-control.company.with-images .selectize-input .entity-display-block.company {
  align-items: center;
}
.selectize-control.form-control.company.with-images .selectize-input .entity-display-block.company .holder {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}
.selectize-control.form-control.company.with-images .selectize-input .entity-display-block.company .holder > div:first-child {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.selectize-control.form-control.company.with-images .selectize-input .entity-display-block.company .holder .bottom-holder {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: 0;
  white-space: nowrap;
  flex: 0 0 auto;
}
.selectize-control.form-control.single .entity-display-block {
  align-items: center;
}
.selectize-control.form-control.multi .selectize-input.has-items {
  padding-top: calc((0.375rem - -1px) - 0px);
  padding-bottom: calc(((0.375rem - 1px) - 3px) - 0px);
  padding-left: calc(0.75rem - 3px);
  padding-right: calc(0.75rem - 3px);
}
.selectize-control.form-control.multi .selectize-input.has-items > input {
  margin-bottom: calc(3px + 3px) !important;
}
.selectize-control.form-control.multi .selectize-input > div {
  border-radius: calc(0.35rem - 1px);
  background-color: #E1F0FF;
  color: #3699FF;
  padding: 0;
}
.selectize-control.form-control.multi .selectize-input > div > div {
  padding: 3px 5px;
}
.selectize-control.form-control.multi .selectize-input > div > div:hover {
  background: rgba(0, 0, 0, 0.05);
}
.selectize-control.form-control.multi .selectize-input > div.active {
  background-color: var(--primary);
  color: #fff;
}
.selectize-control.form-control.multi.with-images .selectize-input.has-items > input {
  margin-bottom: calc(5px + 3px) !important;
}
.selectize-control.form-control.multi.with-images .selectize-input > div {
  margin: 0 5px 5px 0;
}
.selectize-control.form-control.multi.with-images .selectize-input > div > div {
  padding: 3px 7px;
}
.selectize-control.form-control.multi.plugin-remove_button .selectize-input > div > div {
  padding-right: 5px;
}
.selectize-control.form-control.multi.plugin-remove_button .selectize-input > div > .remove {
  margin-left: 0;
  padding-top: 1px;
  padding-bottom: 1px;
}
.selectize-control.form-control.multi.with-images.plugin-remove_button .selectize-input > div > .remove {
  padding-top: 3px;
  padding-bottom: 3px;
}
.selectize-dropdown {
  min-height: 0;
}
.selectize-dropdown .option,
.selectize-dropdown .optgroup-header,
.selectize-dropdown .no-results,
.selectize-dropdown .create {
  padding: 0.5rem 1rem;
}
.selectize-dropdown .optgroup-header {
  font-size: 1rem;
}
.selectize-dropdown .selectize-dropdown-content {
  transition: max-height 150ms;
  max-height: 0;
}
.selectize-dropdown .selectize-dropdown-content .option {
  border: none;
  border-radius: 0;
  display: block;
  position: relative;
  /*&:not(.disabled) {
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                }*/
}
.selectize-dropdown .selectize-dropdown-content .option.disabled .block span {
  line-height: 1.1;
}
.selectize-dropdown .selectize-dropdown-content .option .block img,
.selectize-dropdown .selectize-dropdown-content .option .block i {
  max-height: 19px;
}
.selectize-dropdown .selectize-dropdown-content .option .entity-display-block {
  align-items: center;
}
.selectize-dropdown .selectize-dropdown-content .option.employees,
.selectize-dropdown .selectize-dropdown-content .option.users {
  /*&.active {
                        .auxiliary.position {
                            color: var(--info) !important;
                        }
                    }*/
}
.selectize-dropdown .selectize-dropdown-content .option.employees div.holder div.bottom-holder .auxiliary.position,
.selectize-dropdown .selectize-dropdown-content .option.users div.holder div.bottom-holder .auxiliary.position {
  color: var(--info);
}
.selectize-dropdown .selectize-dropdown-content .option.employees.selected .auxiliary.position,
.selectize-dropdown .selectize-dropdown-content .option.users.selected .auxiliary.position {
  color: #EEE5FF !important;
}
.selectize-dropdown.with-images .selectize-dropdown-content .option img {
  max-height: 32px;
  height: 32px;
  width: 32px;
  background-size: 32px;
}
.selectize-dropdown.dropdown-active > .selectize-dropdown-content {
  /* dropdown height based on screen height */
  max-height: 50vh;
}
.selectize-dropdown.dropdown-activating > .selectize-dropdown-content,
.selectize-dropdown.dropdown-deactivating > .selectize-dropdown-content {
  overflow-y: hidden;
}
/* TempusDominus datetime picker */
.tempus-dominus-widget {
  padding: 1rem;
  padding-top: 1.5rem;
  width: 21.8rem;
}
.tempus-dominus-widget .calendar-header {
  margin-bottom: 1rem;
}
.tempus-dominus-widget .date-container .date-container-decades,
.tempus-dominus-widget .date-container .date-container-years,
.tempus-dominus-widget .date-container .date-container-months {
  grid-gap: 5px;
}
.tempus-dominus-widget .previous,
.tempus-dominus-widget .next {
  display: flex;
  align-items: center;
}
.tempus-dominus-widget .next {
  justify-content: end;
}
.tempus-dominus-widget .previous:hover i,
.tempus-dominus-widget .next:hover i {
  color: var(--blue);
}
.tempus-dominus-widget .picker-switch {
  background-color: #E1F0FF;
  color: var(--blue);
  border-radius: 50px;
  padding: 5px;
}
.tempus-dominus-widget .picker-switch:hover {
  background-color: var(--blue);
  color: white;
}
.tempus-dominus-widget .time-container div[data-action]:hover,
.tempus-dominus-widget .time-container div[data-action]:hover i {
  color: var(--blue);
}
.tempus-dominus-widget .toolbar {
  margin-top: 0.7rem;
}
.tempus-dominus-widget .toolbar i {
  color: var(--primary);
}
.tempus-dominus-widget .date-container-days .dow {
  color: #484848;
  font-weight: bolder;
}
.tempus-dominus-widget .date-container-days div:not(.no-highlight).old,
.tempus-dominus-widget .date-container-days div:not(.no-highlight).new {
  opacity: 0.38;
}
.tempus-dominus-widget .date-container-days .day.weekend {
  color: var(--danger);
}
.tempus-dominus-widget .date-container-days div:not(.no-highlight).weekend.old,
.tempus-dominus-widget .date-container-days div:not(.no-highlight).weekend.new {
  color: var(--danger);
  opacity: 0.38;
}
.tempus-dominus-widget .date-container-days div:not(.no-highlight).weekend.active {
  background-color: var(--danger);
}
.tempus-dominus-widget .date-container-days div:not(.no-highlight).active:hover {
  background-color: var(--success);
}
.tempus-dominus-widget .date-container-days div:not(.no-highlight).weekend.active:hover {
  background-color: var(--info);
}
.tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-years div:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-years div:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-months div:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-months div:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).new,
.tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).old,
.tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).new,
.tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).old,
.tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).new,
.tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).old,
.tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).new,
.tempus-dominus-widget.light .time-container-second div:not(.no-highlight).old,
.tempus-dominus-widget.light .time-container-second div:not(.no-highlight).new {
  color: #000000;
  opacity: 0.38;
}
/* Bootstrap Input Spinner */
input.input-spinner {
  text-align: right;
}
input.input-spinner + .input-group-append .btn-decrement,
input.input-spinner + .input-group-append .btn-increment {
  width: 2rem;
}
.form-badge {
  font-size: 100% !important;
}
.tab-content {
  margin: 1.5rem;
}
.tab-content.no-space {
  margin: 0;
  margin-top: 1.5rem;
}
legend {
  width: inherit !important;
  padding-top: 0.3rem !important;
  margin-bottom: 0.8rem !important;
}
input[type="number"] {
  padding-right: 0.2rem !important;
}
/* intl-tel-input */
:root {
  --iti-hover-color: transparent;
}
.iti__flag {
  background-image: url("/dist/img/flags_5f9f7c6709.png");
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url("/dist/img/flags@2x_b0be04dd58.png");
  }
}
.iti {
  display: block;
}
.iti--allow-dropdown .iti__country-container {
  padding: 0;
}
.iti--allow-dropdown .iti__country-container:hover .iti__selected-country {
  background-color: rgba(0, 0, 0, 0.1);
}
.iti--allow-dropdown .iti__country-container .iti__selected-country {
  background-color: rgba(0, 0, 0, 0.05);
  border-top-left-radius: 0.42rem;
  border-bottom-left-radius: 0.42rem;
}
.iti--allow-dropdown .iti__country-container .iti__selected-country .iti__selected-dial-code {
  margin-right: 8px;
}
.iti--allow-dropdown.input-group .form-control {
  border-top-left-radius: 0.42rem !important;
  border-bottom-left-radius: 0.42rem !important;
}
.iti--container .iti__dropdown-content {
  z-index: 3;
}
.iti--container .iti__dropdown-content .iti__search-input {
  line-height: 38px;
  padding-left: 1em;
  padding-right: 1em;
}
.iti--container .iti__dropdown-content .iti__country-list {
  width: 100%;
  max-height: 50vh;
  border-radius: 0.25rem;
}
.iti--container .iti__dropdown-content .iti__country-list .iti__country {
  padding: 0.5rem 1rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.iti--container .iti__dropdown-content .iti__country-list .iti__country.iti__active {
  background-color: var(--primary);
  color: #fff;
}
.iti--container .iti__dropdown-content .iti__country-list .iti__country.iti__active .iti__dial-code {
  color: #ddd;
}
.iti--container .iti__dropdown-content .iti__country-list .iti__country.iti__highlight {
  background-color: #007bff;
  color: #fff;
}
.iti--container .iti__dropdown-content .iti__country-list .iti__country.iti__highlight:not(.iti__active) {
  background: #E1F0FF;
  color: var(--primary);
}
/* Read-only disabled data */
.form-control.disabled {
  background-color: #F3F6F9;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /*img {
        max-height: 40px;
        height: 40px;
        width: 40px;
        background-size: 40px;
        vertical-align: middle;
    }*/
  /*
    &.with-images {
        padding-top: 0.16rem;
        padding-bottom: 0.16rem;
    }
    */
}
.form-control.disabled.number {
  justify-content: end;
}
.form-control.disabled i {
  max-height: 19px;
  vertical-align: middle;
}
.form-control.disabled img + span,
.form-control.disabled i + span {
  margin-left: 8px;
}
.form-control.disabled i.info {
  display: block;
  opacity: 0.4;
}
.form-control.disabled i.info:hover {
  opacity: 1;
}
.form-control.disabled .entity-display-block {
  align-items: center;
}
.form-control.disabled .employee,
.form-control.disabled .user,
.form-control.disabled .company {
  position: relative;
  overflow: hidden;
}
.form-control.disabled .employee div.holder div.bottom-holder .auxiliary.position,
.form-control.disabled .user div.holder div.bottom-holder .auxiliary.position {
  color: var(--info);
}
i.info {
  color: var(--primary);
  cursor: pointer;
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  font-size: 0.9rem;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}
i.info::before {
  content: "\f05a";
}
i.info:hover {
  font-family: 'Font Awesome 6 Duotone';
  font-weight: 900;
  letter-spacing: normal;
}
i.info:hover::before {
  position: absolute;
  color: var(--fa-primary-color, inherit);
  opacity: var(--fa-primary-opacity, 1);
}
i.info:hover::after {
  content: "\f05a\f05a";
  color: var(--fa-secondary-color, inherit);
  opacity: var(--fa-secondary-opacity, 0.4);
}
/* When an input with placeholder has focus, hide the placeholder */
::-webkit-input-placeholder {
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
/* Chrome <=56, Safari < 10 */
:-moz-placeholder {
  opacity: 1;
  -moz-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
/* FF 4-18 */
::-moz-placeholder {
  opacity: 1;
  -moz-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
/* FF 19-51 */
:-ms-input-placeholder {
  opacity: 1;
  -ms-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
/* IE 10+ */
::placeholder {
  opacity: 1;
  transition: opacity 0.5s;
}
/* Modern Browsers */
*:focus::-webkit-input-placeholder {
  opacity: 0 !important;
}
/* Chrome <=56, Safari < 10 */
*:focus:-moz-placeholder {
  opacity: 0 !important;
}
/* FF 4-18 */
*:focus::-moz-placeholder {
  opacity: 0 !important;
}
/* FF 19-50 */
*:focus:-ms-input-placeholder {
  opacity: 0 !important;
}
/* IE 10+ */
*:focus::placeholder {
  opacity: 0 !important;
}
/* Modern Browsers */
.dataTables_processing {
  display: none !important;
}
/* during ajax call, datatable's block UI will also block the header and subheader (when they're fixed). Prevent them from being blocked */
.header-fixed .header {
  z-index: 1000000001 !important;
}
.header-mobile {
  z-index: 1000000002 !important;
}
.header-fixed.subheader-fixed .subheader {
  z-index: 1000000000 !important;
}
.footer {
  z-index: 1000000000 !important;
}
.scrolltop {
  z-index: 1000000001 !important;
}
.aside {
  z-index: 1000000002 !important;
}
.offcanvas-overlay {
  z-index: 1000000003 !important;
}
.offcanvas {
  z-index: 1000000004 !important;
}
div.modal-backdrop {
  z-index: 1000000005;
}
div.modal {
  z-index: 1000000024;
}
.blockUI.blockOverlay {
  z-index: 999999998 !important;
}
.spinner {
  z-index: 999999999 !important;
}
body > .blockUI.blockOverlay,
.modal .blockUI.blockOverlay {
  z-index: 1000000024 !important;
}
body > .spinner,
.modal .spinner {
  z-index: 1000000025 !important;
}
.iti.iti--container {
  z-index: 1000000026 !important;
}
.selectize-dropdown,
.selectize-dropdown.form-control {
  z-index: 1000000026 !important;
}
.select2-container--open {
  z-index: 1000000026 !important;
}
.dropdown-menu {
  z-index: 1000000026 !important;
}
.modal-open .daterangepicker,
.tempus-dominus-widget {
  z-index: 1000000026 !important;
}
.tooltip {
  z-index: 1000000052 !important;
}
.popover {
  z-index: 1000000028 !important;
}
#toast-container {
  z-index: 1000000028 !important;
}
.swal-overlay {
  z-index: 1000000029 !important;
}
.swal-modal {
  z-index: 1000000030 !important;
}
.fc-event-dragging {
  z-index: 1000000051 !important;
}
div.dt-rowReorder-float-parent {
  z-index: 1000000051 !important;
}
/* Blazor reconnect overlay */
#components-reconnect-modal {
  z-index: 2000000000 !important;
}
/* The buttons in the header of a modal dialog */
.modal .modal-header .button-group {
  display: flex;
  align-items: center;
}
.modal .modal-header .button-group button {
  margin-left: 1.3rem;
}
.modal .modal-header .button-group button.btn {
  margin-left: 5px;
}
/*.modal .modal-header .button-group button.close {
    margin-left: 1.2rem;
}*/
/* Modal header and footer */
.modal .modal-header {
  border-bottom: medium solid var(--primary);
}
/* Footer logo to animate with a circle background */
.footer a div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 39px;
  height: 39px;
  border-radius: 50%;
  transition: background-color 0.5s;
}
.footer a img.operator-logo {
  height: 27px;
  width: 27px;
}
.footer a:hover div {
  background-color: #0A303F;
}
.footer a span.brand-title {
  font-family: Poppins;
  font-weight: bold;
  font-size: 14px;
}
.footer a:hover span.brand-title-odd {
  color: #FDB913;
}
.footer a:hover span.brand-title-even {
  color: #9ADBF9;
}
/* Floating scroll */
.fl-scrolls-hidden.fl-scrolls[data-orientation="horizontal"],
.fl-scrolls-hidden.fl-scrolls:not([data-orientation]) {
  bottom: 9999px !important;
}
/* Animations */
:root {
  --animate-duration: 500ms;
}
/* Scrollbars */
::-webkit-scrollbar {
  width: 20px;
}
.aside-menu.mobile-scroll {
  overflow-y: scroll;
}
.aside-menu.mobile-scroll::-webkit-scrollbar {
  width: 13px;
}
::-webkit-scrollbar-thumb {
  border-radius: 20px;
  border: 6px solid transparent;
  background-clip: content-box;
  /*background-color: #8070d4;*/
  background-color: #a8bbbf;
  box-shadow: inset 2px 2px 5px 0 rgba(255, 255, 255, 0.5);
}
div::-webkit-scrollbar-thumb {
  background-color: #d6dee1;
}
::-webkit-scrollbar-thumb:hover {
  background-image: linear-gradient(180deg, #F69616 0%, #00A7DD 99%);
}
::-webkit-scrollbar-track {
  /*background-color: #e4e4e4;
    border-radius: 100px;*/
  background-color: transparent;
}

/* #region AjaxAccordion */
.ajaxAccordion-container {
  margin-bottom: 1.25rem;
}
.ajaxAccordion-header {
  display: flex;
  padding: 9px 13px;
  cursor: pointer;
  justify-content: space-between;
}
.ajaxAccordion-header i.fa-angle-up {
  display: none;
}
.ajaxAccordion-header.active i.fa-angle-up {
  display: block;
}
.ajaxAccordion-header.active i.fa-angle-down {
  display: none;
}
.ajaxAccordion-content {
  display: flex;
  padding: 10px;
  flex-direction: column;
}
/* #endregion */

.pwstrength-div {
  position: relative;
  flex: auto;
}
.pwstrength-div .progress {
  height: 8px;
  width: 68px;
  text-align: right;
  position: absolute;
  right: -29.5px;
  top: 31px;
  transform: rotate(-90deg);
  border-radius: 0 0 5px 5px;
}
.pwstrength-div .password-verdict {
  height: 10px;
  width: 100px;
  text-align: right;
  position: absolute;
  right: 24px;
  top: 25px;
  font-size: 12px;
  opacity: 0.6;
}

/* poppins-300 - devanagari_latin-ext_latin */
@font-face {
 font-family: 'Poppins';
 font-style: normal;
 font-weight: 300;
 src: url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-300_b78418c2f9.eot'); /* IE9 Compat Modes */
 src: local('Poppins Light'), local('Poppins-Light'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-300_b78418c2f9.eot') format('embedded-opentype'), 
 url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-300_2d5fe9c3d7.woff2') format('woff2'), 
 url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-300_b303b65d51.woff') format('woff'), 
 url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-300_579f00b788.ttf') format('truetype'), 
 url('./Poppins/poppins-v5-devanagari_latin-ext_latin-300.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-regular - devanagari_latin-ext_latin */
@font-face {
 font-family: 'Poppins';
 font-style: normal;
 font-weight: 400;
 src: url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-regular_b51c4ef048.eot'); /* IE9 Compat Modes */
 src: local('Poppins Regular'), local('Poppins-Regular'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-regular_b51c4ef048.eot') format('embedded-opentype'), 
 url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-regular_bb3ab9cd5c.woff2') format('woff2'), 
 url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-regular_0c4c9ec2f1.woff') format('woff'), 
 url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-regular_8b960a5b75.ttf') format('truetype'), 
 url('./Poppins/poppins-v5-devanagari_latin-ext_latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-500 - devanagari_latin-ext_latin */
@font-face {
 font-family: 'Poppins';
 font-style: normal;
 font-weight: 500;
 src: url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-500_ced4cb85b7.eot'); /* IE9 Compat Modes */
 src: local('Poppins Medium'), local('Poppins-Medium'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-500_ced4cb85b7.eot') format('embedded-opentype'), 
 url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-500_63a735c69f.woff2') format('woff2'), 
 url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-500_7b82d9e910.woff') format('woff'), 
 url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-500_016037f76e.ttf') format('truetype'), 
 url('./Poppins/poppins-v5-devanagari_latin-ext_latin-500.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-600 - devanagari_latin-ext_latin */
@font-face {
 font-family: 'Poppins';
 font-style: normal;
 font-weight: 600;
 src: url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-600_df9016bb54.eot'); /* IE9 Compat Modes */
 src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-600_df9016bb54.eot') format('embedded-opentype'), 
 url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-600_8460daae8e.woff2') format('woff2'), 
 url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-600_bed23663f9.woff') format('woff'), 
 url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-600_b4158a4bee.ttf') format('truetype'), 
 url('./Poppins/poppins-v5-devanagari_latin-ext_latin-600.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-700 - devanagari_latin-ext_latin */
@font-face {
 font-family: 'Poppins';
 font-style: normal;
 font-weight: 700;
 src: url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-700_a32a660fe6.eot'); /* IE9 Compat Modes */
 src: local('Poppins Bold'), local('Poppins-Bold'), url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-700_a32a660fe6.eot') format('embedded-opentype'), 
 url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-700_5f08e9684c.woff2') format('woff2'), 
 url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-700_bd9673f0bb.woff') format('woff'), 
 url('/dist/fonts/poppins-v5-devanagari_latin-ext_latin-700_1c2373ea0a.ttf') format('truetype'), 
 url('./Poppins/poppins-v5-devanagari_latin-ext_latin-700.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* roboto-300 - vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic */
@font-face {
 font-family: 'Roboto';
 font-style: normal;
 font-weight: 300;
 src: url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-300_71710c0818.eot'); /* IE9 Compat Modes */
 src: local('Roboto Light'), local('Roboto-Light'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-300_71710c0818.eot') format('embedded-opentype'), 
 url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-300_3b10c8c71a.woff2') format('woff2'), 
 url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-300_3d337a5e83.woff') format('woff'), 
 url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-300_e2fc9a0dc7.ttf') format('truetype'), 
 url('./Roboto/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic */
@font-face {
 font-family: 'Roboto';
 font-style: normal;
 font-weight: 400;
 src: url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-regular_c5c034bc3c.eot'); /* IE9 Compat Modes */
 src: local('Roboto'), local('Roboto-Regular'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-regular_c5c034bc3c.eot') format('embedded-opentype'), 
 url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-regular_643879236b.woff2') format('woff2'), 
 url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-regular_4b75e3c595.woff') format('woff'), 
 url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-regular_beab2c36e1.ttf') format('truetype'), 
 url('./Roboto/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic */
@font-face {
 font-family: 'Roboto';
 font-style: normal;
 font-weight: 500;
 src: url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-500_8c0d89a3a0.eot'); /* IE9 Compat Modes */
 src: local('Roboto Medium'), local('Roboto-Medium'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-500_8c0d89a3a0.eot') format('embedded-opentype'), 
 url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-500_2a36bd607a.woff2') format('woff2'), 
 url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-500_c451fea33b.woff') format('woff'), 
 url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-500_47ee0bcb7c.ttf') format('truetype'), 
 url('./Roboto/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic */
@font-face {
 font-family: 'Roboto';
 font-style: normal;
 font-weight: 700;
 src: url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-700_1eb2ea7702.eot'); /* IE9 Compat Modes */
 src: local('Roboto Bold'), local('Roboto-Bold'), url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-700_1eb2ea7702.eot') format('embedded-opentype'), 
 url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-700_510b8f43ff.woff2') format('woff2'), 
 url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-700_7ee72eab47.woff') format('woff'), 
 url('/dist/fonts/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-700_6d6fc6e3aa.ttf') format('truetype'), 
 url('./Roboto/roboto-v18-vietnamese_latin-ext_latin_greek_cyrillic-ext_greek-ext_cyrillic-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/*
  	Keenthemes Icons Font: Ki
  	Creation date: 25/01/2020
 */

@font-face {
  font-family: "Ki";
  src: url("/dist/fonts/Ki_a1d3fe9914.eot");
  src: url("/dist/fonts/Ki_a1d3fe9914.eot") format("embedded-opentype"),
       url("/dist/fonts/Ki_e199beaaa9.woff") format("woff"),
       url("/dist/fonts/Ki_7a0c8e1d61.ttf") format("truetype"),
       url("./Ki.svg#Ki") format("svg");
  font-weight: normal;
  font-style: normal;
}

.ki {
    font-size: 1rem;
}

.ki:before {
    font-family: "Ki";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

.ki-double-arrow-next:before { content: "\f100"; }
.ki-double-arrow-back:before { content: "\f101"; }
.ki-double-arrow-down:before { content: "\f102"; }
.ki-double-arrow-up:before { content: "\f103"; }
.ki-long-arrow-back:before { content: "\f104"; }
.ki-arrow-next:before { content: "\f105"; }
.ki-arrow-back:before { content: "\f106"; }
.ki-long-arrow-next:before { content: "\f107"; }
.ki-check:before { content: "\f108"; }
.ki-arrow-down:before { content: "\f109"; }
.ki-minus:before { content: "\f10a"; }
.ki-long-arrow-down:before { content: "\f10b"; }
.ki-long-arrow-up:before { content: "\f10c"; }
.ki-plus:before { content: "\f10d"; }
.ki-arrow-up:before { content: "\f10e"; }
.ki-round:before { content: "\f10f"; }
.ki-reload:before { content: "\f110"; }
.ki-refresh:before { content: "\f111"; }
.ki-solid-plus:before { content: "\f112"; }
.ki-bold-close:before { content: "\f113"; }
.ki-solid-minus:before { content: "\f114"; }
.ki-hide:before { content: "\f115"; }
.ki-code:before { content: "\f116"; }
.ki-copy:before { content: "\f117"; }
.ki-up-and-down:before { content: "\f118"; }
.ki-left-and-right:before { content: "\f119"; }
.ki-bold-triangle-bottom:before { content: "\f11a"; }
.ki-bold-triangle-right:before { content: "\f11b"; }
.ki-bold-triangle-top:before { content: "\f11c"; }
.ki-bold-triangle-left:before { content: "\f11d"; }
.ki-bold-double-arrow-up:before { content: "\f11e"; }
.ki-bold-double-arrow-next:before { content: "\f11f"; }
.ki-bold-double-arrow-back:before { content: "\f120"; }
.ki-bold-double-arrow-down:before { content: "\f121"; }
.ki-bold-arrow-down:before { content: "\f122"; }
.ki-bold-arrow-next:before { content: "\f123"; }
.ki-bold-arrow-back:before { content: "\f124"; }
.ki-bold-arrow-up:before { content: "\f125"; }
.ki-bold-check:before { content: "\f126"; }
.ki-bold-wide-arrow-down:before { content: "\f127"; }
.ki-bold-wide-arrow-up:before { content: "\f128"; }
.ki-bold-wide-arrow-next:before { content: "\f129"; }
.ki-bold-wide-arrow-back:before { content: "\f12a"; }
.ki-bold-long-arrow-up:before { content: "\f12b"; }
.ki-bold-long-arrow-down:before { content: "\f12c"; }
.ki-bold-long-arrow-back:before { content: "\f12d"; }
.ki-bold-long-arrow-next:before { content: "\f12e"; }
.ki-bold-check-1:before { content: "\f12f"; }
.ki-close:before { content: "\f130"; }
.ki-more-ver:before { content: "\f131"; }
.ki-bold-more-ver:before { content: "\f132"; }
.ki-more-hor:before { content: "\f133"; }
.ki-bold-more-hor:before { content: "\f134"; }
.ki-bold-menu:before { content: "\f135"; }
.ki-drag:before { content: "\f136"; }
.ki-bold-sort:before { content: "\f137"; }
.ki-eye:before { content: "\f138"; }
.ki-outline-info:before { content: "\f139"; }
.ki-menu:before { content: "\f13a"; }
.ki-menu-grid:before { content: "\f13b"; }
.ki-wrench:before { content: "\f13c"; }
.ki-gear:before { content: "\f13d"; }
.ki-info:before { content: "\f13e"; }

.load-spinner {
  position: relative;
  justify-content: center;
  align-items: center;
  display: none;
}
.load-spinner.shown {
  display: flex;
}
.load-spinner.show {
  display: flex;
  animation: bounceIn 300ms linear;
}
.load-spinner.hide {
  animation: bounceOut 300ms linear;
}
.load-spinner .spinner-container {
  --length: 320px;
  width: var(--length);
  height: var(--length);
  /*background-color: #ead2d5;*/
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.load-spinner svg {
  --length: 300px;
  width: var(--length);
  height: var(--length);
}
.load-spinner svg .outer-markers .fill path {
  fill: #e35d71;
}
.load-spinner svg .outer-markers .stroke path {
  stroke: #e35d71;
}
.load-spinner svg .wheel path {
  fill: #e35d71;
}
.load-spinner svg .track .fill path {
  fill: #e35d71;
}
.load-spinner svg .track .fill polyline {
  fill: #e35d71;
}
.load-spinner svg .track .stroke path {
  stroke: #e35d71;
}
.load-spinner svg .outer-markers {
  animation: spin 8s linear infinite;
  transform-origin: center;
}
.load-spinner svg .wheel {
  animation: spin 5s linear infinite;
  animation-direction: reverse;
  transform-origin: center;
}
.load-spinner svg .track {
  animation: spin 3s linear infinite;
  transform-origin: center;
}
.load-spinner .spinner-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  --length: 150px;
  width: var(--length);
  height: var(--length);
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: calc(-1 * (var(--length) / 2));
  margin-left: calc(-1 * (var(--length) / 2));
  background-color: #f0a5b1;
  border-radius: 50%;
}
.load-spinner .spinner-logo img {
  width: 100px;
}