.blockui .blockui-overlay {
  transition: all 0.3s ease;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9 !important;
  background-color: rgba(213, 213, 245, 0.2) !important;
}

.divider {
  border-top: 1px dashed #888888;
}

.custom-disabled {
  cursor: not-allowed;
  background-color: #ececec !important;
  color: #939393 !important;
}

.image-input .image-input-wrapper {
  width: 120px;
  height: 120px;
  border-radius: 0.475rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1rem 1rem;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: lightgray;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}

.form-control.form-control-solid, .form-select.form-select-solid {
  background-color: #f6f5f5;
}

.dropdown.show > .form-control.form-control-solid, .form-control.form-control-solid.active, .form-control.form-control-solid.focus, .form-control.form-control-solid:active, .form-control.form-control-solid:focus {
  background-color: #f1f0f0;
}

.input-group.input-group-solid .input-group-text {
  background-color: #f6f5f5;
}

.input-group.input-group-solid .form-control {
  background-color: #f6f5f5;
}

.form-control {
  font-size: 1rem;
}

.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  opacity: 0.65;
  color: black;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  opacity: 0.65;
  color: black;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-control.is-valid, .was-validated .form-control:valid {
  background-size: calc(0.55em + 0.775rem) calc(0.55em + 0.55rem);
}

.invalid-feedback {
  margin-top: 0px;
  position: absolute;
  color: #b93753 !important;
}

.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
  border-color: transparent;
  box-shadow: 0 0 0 0.1rem rgba(var(--bs-success-rgb), 0.25);
}

.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
  border-color: transparent;
  box-shadow: 0 0 0 0.1rem rgba(var(--bs-danger-rgb), 0.25);
}

span.btn.btn-sm.btn-icon.position-absolute.translate-middle.top-50.end-0.me-n2 {
  padding-right: 2.6rem;
}

.form-check-input:checked {
  background-color: #465cab;
}

.input-group {
  position: relative;
}

.fv-row {
  position: relative !important;
}

input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
  color: #999; /* Change the color */
  font-size: 1rem; /* Change the font size */
  font-weight: normal; /* Make it bold */
}

input::placeholder, select::placeholder, textarea::placeholder, .select2-selection__placeholder {
  color: #999; /* Change the color */
  font-size: 1rem; /* Change the font size */
  font-weight: normal; /* Make it bold */
}

input[disabled], select[disabled], textarea[disabled], span[disabled] {
  background-color: #e5e5e5 !important;
}

input[readonly], select[readonly], textarea[readonly], span[readonly] {
  background-color: #e5e5e5 !important;
}

.select2-container--disabled .selection .select2-selection {
  background-color: #e5e5e5 !important;
}

.select2-results__option {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.disable-copy {
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */ /* IE10+/Edge */
  user-select: none;
}

.required-or:after {
  content: "**";
  position: relative;
  font-size: inherit;
  color: #ffc700;
  padding-left: 0.25rem;
  font-weight: 600;
}

.custom-card-transparant {
  border: 2px solid #ffffff;
  background-color: rgba(255, 255, 255, 0.92);
}

.nav-card-tabs {
  margin-left: 20px;
  border-bottom: 0 !important;
}

.card {
  border: 1px solid #eaeaea;
}

.btn-tab.active {
  background-color: #edf4ff !important;
}

.btn-tab {
  background-color: #ececec;
  color: #6b6b6b !important;
  margin-left: 10px;
  font-weight: 550;
  font-size: 0.9rem;
}

.btn-tab-active:hover {
  background-color: #edf4ff;
  color: #252f4a;
}

.btn-tab:hover {
  background-color: #edf4ff;
  color: #252f4a;
}

.nav-link:focus, .nav-link:hover {
  color: #252f4a;
}

.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled), .nav-line-tabs .nav-item.show .nav-link {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #465cab;
  transition: color 0.2s ease;
}

.dt-buttons.btn-group {
  float: left;
}

.dataTables_length {
  float: left;
  margin-right: 2rem;
}

.dt-buttons.btn-group {
  float: left;
  padding-top: 12px;
}

.dataTables_length .form-select {
  background-color: white;
  height: 43px;
  border: 1px solid #e9e9fa;
}

.table-row-border {
  border-bottom: 1px solid #e9e9fa !important;
}

.dataTable thead {
  background-color: #f8f8f8 !important;
  font-weight: 600;
  color: #5d5c5c;
}

.dataTables_filter .form-control {
  background-color: white;
  border: 1px solid #e9e9fa;
  height: 43px;
}

.dataTable .text-start {
  color: #3f4254 !important;
  font-weight: 700 !important;
  text-transform: none !important;
}

.dtfh-floatingparenthead {
  top: 136px !important;
}

.dataTable td {
  vertical-align: middle;
}

.dataTables_wrapper table.dataTable tbody tr:hover {
  background-color: rgba(246, 247, 249, 0.5);
}

.active > .page-link, .page-link.active {
  z-index: 3;
  color: white;
  background-color: #465cab;
  border-color: #465cab;
}

.page-item .page-link {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.475rem;
  height: 2rem;
  min-width: 2rem;
  font-weight: 500;
  font-size: 1rem;
}

table.dataTable thead > tr > td.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_asc_disabled, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting_desc_disabled, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_asc_disabled, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting_desc_disabled {
  padding-right: 10px !important;
}

table.dataTable a.symbol.symbol-30px.symbol-circle {
  border: 1px solid lightgrey;
  padding: 2px;
}

.fileuploader {
  display: block;
  width: 100%;
  padding: 16px;
  margin: 16px 0;
  background: white !important;
  border-radius: 6px;
}

.image-input.image-input-outline .image-input-wrapper {
  border: 1px solid #e6e6e6;
  box-shadow: none;
}

.image-input .image-input-wrapper {
  width: 120px;
  height: 120px;
  border-radius: 0.475rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.slider {
  width: 100%;
  margin: 0;
}

.slick-slide {
  margin: 0px 20px;
}

.slick-slide img {
  width: 100%;
}

.slick-prev:before,
.slick-next:before {
  color: black;
}

.slick-slide {
  transition: all ease-in-out 0.3s;
  opacity: 0.2;
}

.slick-active {
  opacity: 0.5;
}

.slick-current {
  opacity: 1;
}

.drawer {
  z-index: 9999;
}

.tenant-manage-item {
  border: 1px solid #e1e1e1 !important;
  padding: 10px;
  background-color: #fdfdfd;
  border-radius: 5px;
}

.hover-scale:hover {
  transform: scale(1.03);
}

.badge.badge-circle {
  border-radius: 50%;
  padding: 0;
  min-width: unset;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0.7rem;
}

body,
.app-default {
  background-attachment: fixed;
  background-image: url("/custom/img/background-01.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.app-sidebar-menu a.menu-link:hover {
  background-color: #edf4ff;
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active {
  transition: color 0.2s ease;
  background-color: #edf4ff;
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-title {
  color: #333333;
}