/*-----------------------------------------------
|   Theme Styles
-----------------------------------------------*/
:root,
[data-bs-theme=light] {
    --falcon-navbar-vertical-vibrant-bg-image: linear-gradient(-45deg, rgba(0, 160, 255, 0.86), #0048a2);
    --falcon-role-1: #2c7be5;
    --falcon-role-2: #ee31a2;
    --falcon-role-0: #2cbd6d;

    --falcon-role-1-bg-subtle: #d9e7fa;
    --falcon-role-2-bg-subtle: #fbdbe1;
    --falcon-role-0-bg-subtle: #d9f8eb;

    --falcon-role-1-rgb: 44, 123, 229;
    --falcon-role-2-rgb: 238, 49, 162;
    --falcon-role-0-rgb: 44, 189, 109;
}

[data-bs-theme=light] .list-group-item-role-1.active p,
[data-bs-theme=light] .list-group-item-role-2.active p,
[data-bs-theme=light] .list-group-item-role-0.active p
{
  color: var(--falcon-heading-color);
}

.display-10 {
  font-size: calc(0.9rem + 0.4736vw);
}

@media (min-width: 1200px) {
  .display-10 {
    font-size: 1.2rem;
  }
}

.display-11 {
  font-size: calc(0.8rem + 0.3736vw);
}

@media (min-width: 1200px) {
  .display-11 {
    font-size: 1.05rem;
  }
}

.display-12 {
  font-size: calc(0.7rem + 0.2736vw);
}

@media (min-width: 1200px) {
  .display-12 {
    font-size: 0.9rem;
  }
}

[data-bs-theme=dark] .list-group-item-role-1.active h1,
[data-bs-theme=dark] .list-group-item-role-1.active .h1,
[data-bs-theme=dark] .list-group-item-role-1.active h2,
[data-bs-theme=dark] .list-group-item-role-1.active .h2,
[data-bs-theme=dark] .list-group-item-role-1.active h3,
[data-bs-theme=dark] .list-group-item-role-1.active .h3,
[data-bs-theme=dark] .list-group-item-role-1.active h4,
[data-bs-theme=dark] .list-group-item-role-1.active .h4,
[data-bs-theme=dark] .list-group-item-role-1.active h5,
[data-bs-theme=dark] .list-group-item-role-1.active .h5,
[data-bs-theme=dark] .list-group-item-role-1.active h6,
[data-bs-theme=dark] .list-group-item-role-1.active .h6,
[data-bs-theme=dark] .list-group-item-role-1.active p,
[data-bs-theme=dark] .list-group-item-role-2.active h1,
[data-bs-theme=dark] .list-group-item-role-2.active .h1,
[data-bs-theme=dark] .list-group-item-role-2.active h2,
[data-bs-theme=dark] .list-group-item-role-2.active .h2,
[data-bs-theme=dark].list-group-item-role-2.active h3,
[data-bs-theme=dark] .list-group-item-role-2.active .h3,
[data-bs-theme=dark] .list-group-item-role-2.active h4,
[data-bs-theme=dark] .list-group-item-role-2.active .h4,
[data-bs-theme=dark] .list-group-item-role-2.active h5,
[data-bs-theme=dark] .list-group-item-role-2.active .h5,
[data-bs-theme=dark] .list-group-item-role-2.active h6,
[data-bs-theme=dark] .list-group-item-role-2.active .h6,
[data-bs-theme=dark] .list-group-item-role-2.active p,
[data-bs-theme=dark] .list-group-item-role-0.active h1,
[data-bs-theme=dark] .list-group-item-role-0.active .h1,
[data-bs-theme=dark] .list-group-item-role-0.active h2,
[data-bs-theme=dark] .list-group-item-role-0.active .h2,
[data-bs-theme=dark] .list-group-item-role-0.active h3,
[data-bs-theme=dark] .list-group-item-role-0.active .h3,
[data-bs-theme=dark] .list-group-item-role-0.active h4,
[data-bs-theme=dark] .list-group-item-role-0.active .h4,
[data-bs-theme=dark] .list-group-item-role-0.active h5,
[data-bs-theme=dark] .list-group-item-role-0.active .h5,
[data-bs-theme=dark] .list-group-item-role-0.active h6,
[data-bs-theme=dark] .list-group-item-role-0.active .h6,
[data-bs-theme=dark] .list-group-item-role-0.active p  {
  color: #344050;
}

.list-group-item.list-group-item-role-1,
.list-group-item.list-group-item-role-2,
.list-group-item.list-group-item-role-0 {
  border-radius: var(--falcon-card-border-radius) !important;
  transition: transform .2s ease-in-out;
}

@media (min-width: 1200px) {
  .list-group-item.list-group-item-role-1:hover:not(.card-static),
  .list-group-item.list-group-item-role-2:hover:not(.card-static),
  .list-group-item.list-group-item-role-0:hover:not(.card-static) {
      transform: translateY(-0.15rem);
  }
}

.text-role-1 {
  color: var(--falcon-role-1) !important;
  }

.border-role-1 {
  --falcon-border-opacity: 1;
  border-color: rgba(var(--falcon-role-1-rgb), var(--falcon-border-opacity)) !important;
}

.bg-role-1-subtle {
  background-color: var(--falcon-role-1-bg-subtle) !important;
}

.list-group-item-role-1 {
  --falcon-list-group-border-color: var(--falcon-role-1);
}

.list-group-item-role-1.active {
  --falcon-list-group-bg: var(--falcon-role-1-bg-subtle) !important;
  --falcon-list-group-border-color: var(--falcon-role-1) !important;
  --falcon-list-group-active-bg: var(--falcon-role-1-bg-subtle) !important;
  --falcon-list-group-active-border-color: var(--falcon-role-1) !important;
  --falcon-list-group-border-width: 1px;
}



.text-role-2 {
  color: var(--falcon-role-2) !important;
  }

.border-role-2 {
  --falcon-border-opacity: 1;
  border-color: rgba(var(--falcon-role-2-rgb), var(--falcon-border-opacity)) !important;
}

.bg-role-2-subtle {
  background-color: var(--falcon-role-2-bg-subtle) !important;
  
}

.list-group-item-role-2 {
  --falcon-list-group-border-color: var(--falcon-role-2);
}

.list-group-item-role-2.active {
  --falcon-list-group-bg: var(--falcon-role-2-bg-subtle) !important;
  --falcon-list-group-border-color: var(--falcon-role-2) !important;
  --falcon-list-group-active-bg: var(--falcon-role-2-bg-subtle) !important;
  --falcon-list-group-active-border-color: var(--falcon-role-2) !important;
  --falcon-list-group-border-width: 1px;
}


.text-role-0 {
color: var(--falcon-role-0) !important;
}

.border-role-0 {
  --falcon-border-opacity: 1;
  border-color: rgba(var(--falcon-role-0-rgb), var(--falcon-border-opacity)) !important;
}

.bg-role-0-subtle {
  background-color: var(--falcon-role-0-bg-subtle) !important;
}

.list-group-item-role-0 {
  --falcon-list-group-border-color: var(--falcon-role-0);
}

.list-group-item-role-0.active {
  --falcon-list-group-bg: var(--falcon-role-0-bg-subtle) !important;
  --falcon-list-group-border-color: var(--falcon-role-0) !important;
  --falcon-list-group-active-bg: var(--falcon-role-0-bg-subtle) !important;
  --falcon-list-group-active-border-color: var(--falcon-role-0) !important;
  --falcon-list-group-border-width: 1px;
}


.btn:not(.btn-sm), .falcon-data-table .paging_full_numbers .page-link,
.falcon-data-table .paging_first_last_numbers .page-link,
.falcon-data-table .paging_full .page-link,
.falcon-data-table .paging_numbers .page-link,
.falcon-data-table .paging_simple_numbers .page-link, [data-list] .page, .table-list .page, .tox .tox-menu__footer .tox-button:last-child,
.tox .tox-dialog__footer .tox-button:last-child, .tox .tox-menu__footer .tox-button--secondary,
.tox .tox-dialog__footer .tox-button--secondary {
  --falcon-btn-padding-x: 1.25rem;
  --falcon-btn-padding-y: 0.625rem;

}

html,
body {
  height: 100%
}

._login-logo {
max-height: 8rem;
}


.password-toggle {
  position: relative;
}
.password-toggle .form-control {
  padding-right: 2.875rem;
}

.password-toggle-button {
  align-items: center;
  cursor: pointer;
  display: flex;
  padding: 0 1rem;
  position: absolute;
  right: 0;
  top: 63%;
  transition: color .2s ease-in-out;
}

.password-toggle .form-control.is-invalid ~ .password-toggle-button {
  top: 48%;
  right: 1.7rem;
}

.password-toggle .form-control.is-valid ~ .password-toggle-button {
  right: 1.7rem;
}



.form-control {
  padding: 0.625rem 1rem;
}

.toast {
  --falcon-toast-color: unset;
  }

.bg-danger-subtle-hover:hover {
  background-color: var(--falcon-danger-bg-subtle) !important;
  color: var(--falcon-danger-text-emphasis) !important;
  }

@media (max-width: 768px) {

  .navbar-vertical.navbar-card .navbar-collapse, .navbar-vertical.navbar-card .navbar-vertical-content, .navbar-vertical.navbar-vibrant .navbar-collapse, .navbar-vertical.navbar-vibrant .navbar-vertical-content, .navbar-vertical.navbar-inverted .navbar-collapse, .navbar-vertical.navbar-inverted .navbar-vertical-content {
    max-height: calc(85vh - var(--falcon-top-nav-height) - 1rem) !important;
  }

}


.management-calendar .fc .fc-day-today:not(.fc-popover) .fc-daygrid-day-number {
  background-color: unset !important;
  color: unset !important;
}

.management-calendar .fc .fc-day-selected:not(.fc-popover) .fc-daygrid-day-frame {
  background-color: var(--falcon-primary) !important;
  color: #fff;
  border-radius: var(--falcon-border-radius) !important;
}