/*-----------------------------------------------
|   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;
}




.input-group-text {
  color: var(--falcon-white) !important;
  background-color: var(--falcon-primary) !important;
  border: var(--falcon-border-width) solid var(--falcon-primary) !important;
}

/* -------------------------------------------------------------------------- */
/*                                  Dropzone                                  */
/* -------------------------------------------------------------------------- */
.dropzone.dropzone-multiple .dz-processing .dz-progress {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
  opacity: 1;
}

.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
cursor: pointer;
}


/* -------------------------------------------------------------------------- */
/*                                  Dropzone                                  */
/* -------------------------------------------------------------------------- */
.tox-tinymce {
    border-radius: 0px !important;
}


/* -------------------------------------------------------------------------- */
/*                                  Choices                                   */
/* -------------------------------------------------------------------------- */
.choices {
  margin-bottom: 0px !important;
}

.choices[data-type*=select-one] .choices__inner {
  padding: 0.625rem 1rem !important;
}

.choices[data-type*=select-multiple] .choices__inner {
  padding: 0.625rem 1rem !important;
}

.choices .choices__list--dropdown .choices__item--choice {
  padding: 0.625rem 1rem;
}

.choices__spinner {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border: 3px solid #ccc;
  border-radius: 50%;
  border-top-color: #333;
  animation: choices-spinner 0.8s linear infinite;
  z-index: 10;
}

@keyframes choices-spinner {
  0% { transform: translateY(-50%) rotate(0deg); }
  100% { transform: translateY(-50%) rotate(360deg); }
}


.choices.is-valid .choices__inner {
  border-color: var(--falcon-success) !important;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2300d27a' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.choices[data-type=select-one].is-valid .choices__inner {
  background-position: right calc(0.375em + 1.55rem) center;
}
.choices.is-invalid {
  margin-bottom: 0;
}
.choices.is-invalid .choices__inner {
  border-color: var(--falcon-danger) !important;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23e63757'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e63757' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.choices.is-invalid + .invalid-feedback {
  display: block;
}
.choices[data-type=select-one].is-invalid .choices__inner {
  background-position: right calc(0.375em + 1.55rem) center;
}


/*-----------------------------------------------
|   Tinymce
-----------------------------------------------*/

div.tox-fullscreen div div .tox-toolbar__primary, .tox .tox-editor-container .tox-editor-header
  {
  background-color: #fff!important;
  }
  
.content_tinymce.is-invalid
  {
  border: 1px solid #e63757;
  }

.content_tinymce.is-valid
  {
  border: 1px solid #00d27a;
  }




/*-----------------------------------------------
|   List
-----------------------------------------------*/

[data-list] li.active .page,
  {
  background-color: var(--falcon-primary) !important;
  color: #fff!important;
  border-color: var(--falcon-primary) !important;
  }

/*
[data-list] .page-link
  {
  padding: 0.1875rem 0.55rem;
  font-size: 0.675rem;
  border-radius: 0.2rem;
  }
  */


/* -------------------------------------------------------------------------- */
/*                                   Data Picker                              */
/* -------------------------------------------------------------------------- */

.tempus-dominus-widget .calendar-header {
  margin-top: 10px;
 }


/* -------------------------------------------------------------------------- */
/*                              Button Right Fixed                            */
/* -------------------------------------------------------------------------- */

@media (min-width: 992px) {
  .fixed-right-btn-md {
    display: none!important;
  }
}


.fixed-right-btn-md {
  cursor: pointer;
  position: fixed !important;
  bottom: 130px;
  right: 20px;
  display: block;
  z-index: 99;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 10%;
  width: 52px;
  height: 52px;
  line-height: 52px;
  text-align: center;
}

.fixed-right-btn i {
  font-size: 1.6rem;
  vertical-align: middle;
}