.border-10 {
  border-width: 10px!important
}

.loading-spinner-container {
  display: none;
}

turbo-frame[busy] + .loading-spinner-container {
  display: block;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  white-space: nowrap;
  overflow: auto;
}

.truncate-text {
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

.tooltip-text {
  top: 100%;
  left: 0;
  min-width: max-content;
  white-space: nowrap;
  border: 1px solid #ccc;
  z-index: 1000;
}

.truncate-text:hover + .tooltip-text {
  display: block !important;
}

.tooltip-wrapper:hover .tooltip-text {
  display: block !important;
  z-index: 10;
  top: 0;
  left: 20px;
}

.login-page-bg {
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: 33%;
  height: 100%;
}

.status-for-search {
  width: 15px;
  overflow: hidden;
  white-space: nowrap;
  border-top-left-radius: 0.475rem;
  border-bottom-left-radius: 0.475rem;
  transition: width 0.3s ease, padding 0.3s ease;
  padding: 0 0px;
  cursor: pointer;
  align-content: center;
  font-size: 14px;
}

.status-for-search:hover {
  width: fit-content;
  padding: 0 17px 0 12px;
  color: white !important;
}


.header {
  height: 72px;
}

.nav-link {
  color: #99A1B7;
}
.nav-pills {
  border: 1px solid var(--bs-gray-300);
  border-radius: .475rem;
}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  background-color: #39cd6c;
}

.btn-selected {
  background-color: rgba(219, 223, 233, 0.2) !important;
}

.form-check-input:checked {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  border: 0 !important;
}

.form-check-input {
  border: 1px solid var(--bs-gray-300) !important;
}

.tippy-box {
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  padding: 4px;
  transition-property: transform, visibility, opacity;
}
.page-link{
  color: #1B84FF;
}

@media (max-width: 1280px) {
  .save-button {
    align-self: end;
    margin-bottom: 10px;
  }
}

.pac-container {
  /* bootstrap modal has default z-index 1055
  to show google autocomplete in modal
  need to change z-index to greater */
  z-index: 1056 !important;
}

.tox-tinymce.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}

:root,
[data-bs-theme=light] {
  --bs-pagination-color: #1B84FF;
  --bs-dark: #030A30;
  --bs-page-bg: rgb(249, 249, 249);
  --bs-border-color: #DBDFE9;
  --bs-aside-bg-color-primary: #030A30;
  --bs-aside-btn-active-bg-color: #353b59;
  --bs-primary: #1B84FF;
  --bs-component-active-bg: #1B84FF;
  --bs-component-hover-color: #0057bd;
  --bs-component-checked-bg: #1B84FF;
  --bs-info-rgb: #1B84FF;
  --bs-menu-link-color-hover: #1B84FF;
  --bs-menu-link-color-show: #1B84FF;
  --bs-menu-link-color-here: #1B84FF;
  --bs-menu-link-color-active: #1B84FF;
  --bs-ribbon-label-bg: #1B84FF;
  --bs-text-primary: #1B84FF;
  --bs-primary-active: #0057bd;
  --bs-link-hover-color: #071437;
  --bs-link-color-rgb: 5, 110, 233;
}