/* Global Styles */
.app-sidebar {
    padding-top:70px;
}

/* Ajax Live Search */
#ajax-search-results a {
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
.ajax-search-container ul {
    min-width: 300px;
    list-style-type: none;
    position: absolute;
    z-index: 10;
    padding: 0;
    display: none;
    right: 0;
}

.ajax-search-container ul.active {
    width: 100%;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 5px 0;
    display: block
}

.ajax-search-container ul li {
    background-color: #F5F5F5;
    margin: 5px 10px;
    padding: 5px 10px;
}

/* Input Field Highlight Changes */
@-o-keyframes highlightBg {
    0% {background: #fff}
    50% {background: #007aff3b}
    to {background: #fff}
}

@-webkit-keyframes highlightBg {
    0% {background: #fff}
    50% {background: #007aff3b}
    to {background: #fff}
}

@keyframes highlightBg {
    0% {background: #fff}
    50% {background: #007aff3b}
    to {background: #fff}
}

.flash_highlight {
    /*     box-shadow: 0 0 0 2px #FF4081; */
    -webkit-animation: highlightBg 1s linear;
    -o-animation: highlightBg 1s linear;
    animation: highlightBg 1s linear;
    -webkit-animation-iteration-count: 3;
    -o-animation-iteration-count: 3;
    animation-iteration-count: 3
}


/* AJAX LOADER */
@keyframes appLoaderFadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.ajax-loader {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #ffffff61;
    z-index: 5000;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    transition: opacity 100ms ease-in-out;
    pointer-events: auto; /* Allow interaction when visible */
    flex-direction: column;
    row-gap: 20px;
    font-style: italic;
    font-size: 18px;
}

.ajax-loader.loaded {
    opacity: 0;
    pointer-events: none;
}

/* Additional Button Colours */
.bg-sky-blue-100 { background-color: #E5F5FD !important; }
.bg-sky-blue-500 { background-color: #82C8E6 !important; }

.bg-soft-pink-100 { background-color: #FFE0E0 !important; }
.bg-soft-pink-500 { background-color: #FFB4B4 !important; }

.bg-light-cream-yellow-100 { background-color: #FFFCE5 !important; }
.bg-light-cream-yellow-500 { background-color: #FFDC64 !important; }

.bg-pale-peach-100 { background-color: #FFF4E0 !important; }
.bg-pale-peach-500 { background-color: #FFC896 !important; }

.bg-pale-mint-green-100 { background-color: #E0FFE5 !important; }
.bg-pale-mint-green-500 { background-color: #96F0B4 !important; }

.bg-soft-lavender-100 { background-color: #E5E0FF !important; }
.bg-soft-lavender-500 { background-color: #A082FA !important; }

.bg-light-blush-pink-100 { background-color: #FFE5F7 !important; }
.bg-light-blush-pink-500 { background-color: #FFBEDC !important; }

.bg-light-aqua-100 { background-color: #E0FFF6 !important; }
.bg-light-aqua-500 { background-color: #82E6C8 !important; }

.bg-pale-coral-100 { background-color: #FEE5E5 !important; }
.bg-pale-coral-500 { background-color: #FF9696 !important; }

.bg-light-lilac-100 { background-color: #F2E5FF !important; }
.bg-light-lilac-500 { background-color: #BE8CE6 !important; }

.bg-pale-seafoam-green-100 { background-color: #E5FFEB !important; }
.bg-pale-seafoam-green-500 { background-color: #A0DCBE !important; }

.bg-soft-salmon-100 { background-color: #FFF0E5 !important; }
.bg-soft-salmon-500 { background-color: #FFA08C !important; }

.bg-light-lemon-100 { background-color: #FFF9E0 !important; }
.bg-light-lemon-500 { background-color: #FFDC64 !important; }

.bg-soft-periwinkle-100 { background-color: #E0E9FF !important; }
.bg-soft-periwinkle-500 { background-color: #82BEE6 !important; }

.bg-light-turquoise-100 { background-color: #E5FFFA !important; }
.bg-light-turquoise-500 { background-color: #64C8B4 !important; }

.bg-pale-pistachio-green-100 { background-color: #F0FFE5 !important; }
.bg-pale-pistachio-green-500 { background-color: #B4E6A0 !important; }

.bg-light-rosy-pink-100 { background-color: #FFE0E5 !important; }
.bg-light-rosy-pink-500 { background-color: #FFA0B4 !important; }

.bg-soft-mauve-100 { background-color: #FFE5F0 !important; }
.bg-soft-mauve-500 { background-color: #DC8CA0 !important; }

.bg-pale-cyan-100 { background-color: #E0FFF4 !important; }
.bg-pale-cyan-500 { background-color: #96C8B4 !important; }

.bg-creamy-ivory-100 { background-color: #FFFBE5 !important; }
.bg-creamy-ivory-500 { background-color: #FFC88C !important; }


:root { --bs-bg-opacity: 1; }

/* Animated EVENT Background */
.bg-event-100 { background-color: #E0FFE5 !important; }

.bg-event-500 {
    --c1: #96F0B4;
    --c2: #64C8B4;
    --c3: #96F0B4;
    --c4: #64C8B4;

  background: linear-gradient(-45deg, var(--c1), var(--c2), var(--c3), var(--c4));
  background-size: 600%;
  -webkit-animation: anime 16s linear infinite;
          animation: anime 16s linear infinite;
}

/* Keyframes */
@-webkit-keyframes anime {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
@keyframes anime {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Event Attendees Styling */
.event-attendees {
    display: flex;
    align-items: center;
    margin-top: 4px;
}

.attendees-count {
    font-size: 0.75rem;
    font-weight: 600;
    color: #6b7280;
    background-color: #f3f4f6;
    padding: 2px 6px;
    border-radius: 4px;
    border: 1px solid #e5e7eb;
}
/* =============================== */

/* FlatPickr Calendar Styles */
.flatpickr-disabled.holiday {
    background:#fff0f0!important;
    color:lightgray!important;
}