CUSTOM TIME PICKER STYLES
===================================
Beautiful modern time picker with 12H/24H format
Created for live_v2 project
================================== */

/* Modern Time Picker Input Styling */
.modern-time-picker {
 position: relative;
 width: 100%;
}
[dir] .bg-gray-2 {
    background-color: rgb(193 193 193 / 20%) !important;
}
.time-picker-input {
 font-size: 14px !important;
 font-weight: 500 !important;
 color: #495057 !important;
 border: 2px solid #e9ecef !important;
 border-radius: 12px !important;
 padding: 12px 40px 12px 16px !important;
 transition: all 0.3s ease !important;
 background: linear-gradient(145deg, #ffffff 0%, #f8f9fa 100%) !important;
 text-align: center !important;
 min-height: 38px !important;
 width: 100% !important;
 cursor: pointer !important;
 position: relative !important;
}

.time-picker-input:hover {
 border-color: #007bff !important;
 box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15) !important;
 transform: translateY(-1px) !important;
}

.time-picker-input:focus {
 outline: none !important;
 border-color: #007bff !important;
 box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1) !important;
 background: #ffffff !important;
}

.time-picker-input::before {
 content: '🕐';
 position: absolute;
 right: 12px;
 top: 50%;
 transform: translateY(-50%);
 font-size: 16px;
 pointer-events: none;
}

/* Modern Time Picker Modal Styling */
.time-picker-modal {
 position: fixed !important;
 top: 0 !important;
 left: 0 !important;
 right: 0 !important;
 bottom: 0 !important;
 width: 100vw !important;
 height: 100vh !important;
 z-index: 999999 !important;
 opacity: 0 !important;
 visibility: hidden !important;
 transition: all 0.3s ease !important;
 background: rgba(0, 0, 0, 0.5) !important;
 display: flex !important;
 justify-content: center !important;
 align-items: center !important;
 padding: 20px !important;
 box-sizing: border-box !important;
 margin: 0 !important;
 pointer-events: auto !important;
}

.time-picker-modal.show {
 opacity: 1 !important;
 visibility: visible !important;
}

.time-picker-container {
 background: white !important;
 border-radius: 5px !important;
 box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;
 max-width: 400px !important;
 width: 100% !important;
 max-height: 90vh !important;
 transform: scale(0.8) !important;
 transition: all 0.3s ease !important;
 overflow: hidden !important;
 position: relative !important;
 margin: auto !important;
}

.time-picker-modal.show .time-picker-container {
 transform: scale(1) !important;
}

.time-picker-header {
    background: #15191f;
 color: white;
 padding: 20px;
 display: flex;
 justify-content: space-between;
 align-items: center;
}

.time-picker-header h5 {
 margin: 0;
 font-weight: 600;
 display: flex;
     color: #fff;
 align-items: center;
 gap: 10px;
}

.close-time-picker {
 background: none;
 border: none;
 color: white;
 font-size: 18px;
 cursor: pointer;
 padding: 5px;
 border-radius: 50%;
 transition: all 0.3s ease;
}


.font-inter { font-family: 'Cairo', sans-serif !important; }

.time-picker-body {
 padding: 30px 20px;
}

.format-toggle {
 display: flex;
 justify-content: center;
 margin-bottom: 25px;
 gap: 0;
 background: #f8f9fa;
 border-radius: 10px;
 padding: 4px;
}

.format-btn {
 background: transparent;
 border: none;
 padding: 10px 20px;
 border-radius: 6px;
 font-weight: 600;
 color: #6c757d;
 cursor: pointer;
 transition: all 0.3s ease;
 flex: 1;
}

.format-btn.active {
 background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
 color: white;
 box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);
}

.format-btn:hover:not(.active) {
 color: #007bff;
 background: #e7f3ff;
}

.time-wheels {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 20px;
 margin-bottom: 30px;
}

.time-wheel {
 text-align: center;
}

.time-wheel label {
 display: block;
 font-weight: 600;
 color: #495057;
 margin-bottom: 10px;
 font-size: 14px;
}

.wheel-container {
 max-height: 200px;
 overflow-y: auto;
 border: 2px solid #e9ecef;
 border-radius: 12px;
 background: #f8f9fa;
 padding: 10px 5px;
 width: 80px;
}

.wheel-container::-webkit-scrollbar {
 width: 4px;
}

.wheel-container::-webkit-scrollbar-track {
 background: #f1f1f1;
 border-radius: 2px;
}

.wheel-container::-webkit-scrollbar-thumb {
 background: #007bff;
 border-radius: 2px;
}

.wheel-item {
 padding: 12px 16px;
 margin: 2px 0;
 border-radius: 8px;
 cursor: pointer;
 transition: all 0.3s ease;
 font-weight: 500;
 font-size: 16px;
}

.wheel-item:hover {
 background: #e7f3ff;
 color: #007bff;
}

.wheel-item.selected {
 background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
 color: white;
 font-weight: 600;
 box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);
}

.time-separator {
 font-size: 24px;
 font-weight: bold;
 color: #007bff;
 align-self: flex-end;
 margin-bottom: 35px;
}

.selected-time {
 text-align: center;
 padding: 20px;
 background: linear-gradient(145deg, #f8f9fa 0%, #e9ecef 100%);
 border-radius: 12px;
 margin-bottom: 20px;
}

.time-display {
 font-size: 28px;
 font-weight: 700;
 color: #007bff;
 font-family: 'Monaco', 'Menlo', monospace;
}

.time-picker-footer {
 padding: 20px;
 background: #f8f9fa;
 display: flex;
 justify-content: flex-end;
 gap: 10px;
}

.time-picker-footer .btn {
 padding: 12px 24px;
 border-radius: 8px;
 font-weight: 600;
 transition: all 0.3s ease;
 border: none;
 cursor: pointer;
}

.time-picker-footer .btn-secondary {
 background: #6c757d;
 color: white;
}

.time-picker-footer .btn-secondary:hover {
 background: #5a6268;
}

.time-picker-footer .btn-primary {
 background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
 color: white;
}

.time-picker-footer .btn-primary:hover {
 background: linear-gradient(135deg, #0056b3 0%, #004085 100%);
 transform: translateY(-1px);
 box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
}

/* Responsive Design */
@media (max-width: 768px) {
 .time-picker-container {
     max-width: 95% !important;
     margin: 10px !important;
 }

 .time-wheels {
     gap: 15px;
 }

 .wheel-container {
     width: 70px;
 }

 .time-picker-body {
     padding: 20px 15px;
 }
}

@media (max-width: 480px) {
 .time-wheels {
     flex-direction: column;
     gap: 20px;
 }

 .time-separator {
     display: none;
 }

 .wheel-container {
     width: 100px;
 }
}

/* Animation Classes */
@keyframes fadeInScale {
 from {
     opacity: 0;
     transform: scale(0.8) translate(-50%, -50%);
 }
 to {
     opacity: 1;
     transform: scale(1) translate(-50%, -50%);
 }
}

.time-picker-modal.show .time-picker-container {
 animation: fadeInScale 0.3s ease-out;
}

/* Accessibility */
.time-picker-input:focus-visible {
 outline: 2px solid #007bff;
 outline-offset: 2px;
}

.wheel-item:focus {
 outline: 2px solid #007bff;
 outline-offset: 2px;
}

.btn:focus {
 outline: 2px solid #007bff;
 outline-offset: 2px;
}

/* Error and Valid States */
.time-picker-input.error {
 border-color: #dc3545 !important;
 background-color: #fff5f5 !important;
}

.time-picker-input.valid {
 border-color: #28a745 !important;
 background-color: #f8fff9 !important;
}



.wallet-card {
    width: 400px;
    height: 200px;
    background: rgb(61, 0, 85);
    background: linear-gradient(135deg, rgba(61, 0, 85, 1) 13%, rgba(121, 9, 109, 1) 59%, rgba(68, 0, 255, 1) 100%);
    border-radius: 10px;
    position: relative;
}
.w-32 {
    width: 32% !important;
}
.teal {
color:#008080;
}
.js-fix-footer  strong {
    font-weight: bolder;
    color: #2f2f2fdd;
}
#comments_list p{
      margin-bottom: 0;
}
.flex-s {
  display: flex
}
.text-brand-blue {
      color: rgb(239 84 37)!important;
}
.bg-indigo-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(88 87 180)!important;
}
.hover\:bg-brand-blue:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(240 84 37) !important;
    color: white !important;
}
[dir="rtl"] .gift-ticket-section .gift-ticket-wrapper {
    direction: rtl;
}
[dir="ltr"] .loggedin .organizer-card .flex,
[dir="ltr"] .guest .organizer-card .flex {
    flex-direction: row-reverse !important;
        direction: rtl;
}

[dir="rtl"] .loggedin .organizer-card .flex,
[dir="rtl"] .guest .organizer-card .flex {
    direction: rtl;
}
.bg-second-gray {
  --tw-bg-opacity: 1;
background-color: rgb(48 56 64);
}
.pt-26pt {
  padding-top: 126px !important;
}
.js-fix-footer  a {
    color: #2f2f2fdd;
}

[dir=rtl] #content2 {
      direction: ltr;
}


[dir=rtl] .border-r {
    border-right-width: 0px;
        border-left-width: 1px;
}
[dir=rtl] .space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(0.5rem * var(--tw-space-x-reverse));
    margin-right: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

html[dir="rtl"] .banner-arrow-left {
    transform: rotateY(180deg);
}

html[dir="rtl"] .banner-arrow-right {
    transform: rotateY(180deg);
}
.js-fix-footer .flex {
    display: block;

}
.wrapper-username{
  max-width: 130px;
   display: inline-block;
    overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
}
.font-large-2 {
    font-size: 34px;
}
.flatpickr-monthDropdown-months {
    font-size: 12px;
}
.flatpickr-months .flatpickr-month {
    height: 42px;
}
[dir=ltr] .pagination li span {
      line-height: 24px;
}
[dir] .pt-56pt {
    padding-top: 56px !important;
}
[dir=rtl] .event-date .time-disabled,
[dir=rtl] .form-control.event_date_to {
  direction: ltr;
text-align: right;
}

[dir=rtl] .input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}

[dir=rtl] .input-group-append .input-group-text {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius:  4px !important;
}


[dir] .pt-126pt {
    padding-top: 126px !important;
}
.media .text-50 strong {
  color: black;
  font-weight: bold;
  font-size: 12px;
  line-height: 24px;
}
[dir] .flatpickr-current-month {
    padding: 0 !important;
  }

[dir] .select2-container .select2-selection--single {
  height: 43px !important;
border: 1px solid #ced4da !important;
}


[dir=rtl] .tooltip-inner {
    text-align: right !important; /* Align text to right */
    direction: rtl !important; /* Set right-to-left text direction */
    white-space: normal !important; /* Allow text wrapping */
    max-width: 300px; /* Adjust width as needed */
}


[dir=rtl] .page-nav .page-nav__menu a {
    text-align: right;
    font-size: 13px;
}
[dir=rtl] .col-form-label,
[dir=rtl] .custom-control,
[dir=rtl] .list-group-item {
    text-align: right;
}

[dir=rtl] .custom-tooltip .tooltip-inner {
    text-align: right !important;
}
[dir=rtl] button, [dir=rtl] input, [dir=rtl] optgroup, [dir=rtl] select, [dir=rtl] textarea {
    font-family: Cairo, sans-serif !important;
}
[dir=rtl] .fileuploader-theme-avatar .event-photo .fileuploader-menu-open i {
    padding-left: 0 !important;
        padding-right: 8px !important;
}


[dir=rtl] .qq-gallery .qq-upload-button {
    direction: rtl !important;
}


[dir=rtl] .fa-angle-right{
  transform: rotate(180deg);
  padding-left: 5px;
}

[dir=rtl] .fa-angle-left{
  transform: rotate(180deg);
  padding-right: 5px;
}


.fileuploader-menu-open {
    padding: 12px 14px !important;
    border-radius: unset !important;
    border: 1px solid #fff !important;
    background: #00000054 !important;
    color: #ffffff !important;
    font-size: 18px !important;
    line-height: 0 !important;
    box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.2) !important;
    cursor: pointer;
}
.img-absolute .centerd {
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 26px;
  }
.calendar-day-cell.gray-out span.not_available {
      color: #eee;
}

.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
.ticket-border {
  border: unset;
}
.h-100 {
    height: 100%;
}

.modal-error {
    margin-bottom: 20px !important;
    display: block;
}

.mdk-header-layout__content {
    z-index: 1!important;
}
.close-button-events {
  width: 100%;
  text-align: right;
  font-size: 24px;
  color: red;
  border: unset;
  background: unset;
}
.redirect-notification {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
background-color: rgb(255 255 255 / 90%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
}

.event-details .card-img,
.card .card-img {
    border-radius: 0!important;
        width: 100%;
}



[dir] .card, [dir] .card-nav .tab-content {
    border-radius: 0!important;
    box-shadow:unset!important;
}

.redirect-popup {
  background-color: white;
  padding: 20px;
  border-radius: 8px;
      width: 50%;
  text-align: center;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Add a subtle box shadow */
}
.redirect-popup p {
  font-size: 16px;
}
.redirect-popup span,
.events-popup span {
font-size: 76px;
display: block;
padding-top: 20px;
padding-bottom: 40px;
color: #dbcc64;
}
[dir=rtl] .dropdown-menu[x-placement^=bottom], [dir=rtl] .dropdown-menu[x-placement^=left], [dir=rtl] .dropdown-menu[x-placement^=right], [dir=rtl] .dropdown-menu[x-placement^=top] {
    right: auto !important;
}

[dir=rtl] .dropdown-menu li i {
  padding-left: 8px;
}


.dataTable .dropdown .dropdown-toggle:after {
  display: none;
}
[dir=rtl] .page-nav .page-nav__menu a:before {
    right: -10px!important;
}
.dropdown-menu li i {
  padding-right: 8px !important;
}

.redirect-popup p {
  margin-top: 10px;
}
.modal-fullscreen-custom {
    top: 129px !important;
}

.seat-chart-container {
    height: calc(100% - 210px);
}


.layout-sticky-subnav .page__container.custom-z {
    z-index: 222 !important;
}
[dir] .modal-fullscreen .modal-content {
    background-color: #fff;
    background-clip: unset;
    border: unset;
        height: 100%;
    border-radius: unset;
}

  [dir=ltr]  .pull-right {
  float:right;
}


  [dir=rtl] .pull-right {
  float:left;
}

.wallet-text {
    color: #ced4da;
    position: absolute;
    top: 30px;
    left: 25px;
    font-size: 14px;
}
.video-absolute {
      position: absolute !important;
}
.qq-gallery .qq-upload-button {
  padding: 12px 0 !important;
  text-transform: capitalize;}


  [dir=ltr] .fileuploader-menu-open.w-32 i {
        padding-right: 8px;
  }

  [dir=rtl] .fileuploader-menu-open.w-32 i {
        padding-left: 8px;
  }


  [dir=ltr] .chat-title {
    float: left;
    padding-top: 4px;
  }

  [dir=rtl] .chat-title {
    float: right;
    padding-top: 4px;
  }


.select2-container .select2-selection--single .select2-selection__clear {

    display: none;
}

.vs__clear {

    display: none;
}
.qq-gallery.qq-uploader DIALOG[open] {
    border: 1px solid #ddd;
    border-radius: 5px;
}
.h-420 {
      height: 420px;
}
.wallet-amount {
    color: #fff;
    position: absolute;
    top: 50px;
    left: 25px;
    font-size: 25px;
}
.mdk-drawer {
    z-index: 99999!important;
}
[dir] .sidebar-account {
    border-radius: 5px!important;
  }
.wallet-currency {
    color: #fff;
    position: absolute;
    bottom: 25px;
    right: 40px;
    font-weight: 500;
}
[dir] .dropdown-menu.show, [dir] .show>.dropdown-menu.getflow {
    max-height: 380px;
    overflow-y: auto;
    z-index: 9999 !important;
}
.wallet-user-name {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    position: absolute;
    bottom: 25px;
    left: 25px;
    text-transform: capitalize;
}

.layout-sticky-subnav .page__container.wallet_page {
    position: unset !important;
    z-index: -1 !important;
}

.modal-mask {
  position: fixed;
      z-index: 9999;
      top: 128px;
      width: 100%;
      height: 100%;
      background-color: rgb(0 0 0 / 39%);
      display: flex;
      transition: opacity 0.3s ease;
      overflow: auto;
}
[dir] .btn-accent {
    background-color: #ef5425;
    border-color: #ef5425;
}
.tab-pane {
      display: none;
  }
  .tab-pane.active {
      display: block;
  }
[dir] .btn-accent:focus,
[dir] .btn-accent:hover {
    background-color: #e34413;
    border-color: #9a2400;
}
.fileuploader-item.file-type-image.file-ext-no.is-default {
      position: absolute;
          width: 100%;
}

#successRegistration .alert-heading i {
    font-size: 28px;

    line-height: 43px;
}


.w400 {
  width:400px
}
button i {
    padding-right: 3px;
}
.w120 {
  width:120px
}

.fileuploader-photo .fileuploader-theme-avatar {
    position: relative;
    width: 100%!important;
    height: 380px;
    padding: 0;
    margin: 0;
    background: none;
}

.fileuploader-photo .fileuploader-theme-avatar .fileuploader-wrapper {
      border-radius: 5px!important;
}

.fileuploader-theme-avatar .fileuploader-menu.event-photo {
    height: 100%;
    z-index: 999;
}

[dir=ltr] .fileuploader-theme-avatar .fileuploader-menu.event-photo {
  padding-left: 20px;
  padding-top: 20px;
}

[dir=rtl] .fileuploader-theme-avatar .fileuploader-menu.event-photo {
  padding-right: 20px;
  padding-top: 20px;
}

.fileuploader-theme-avatar .event-photo .fileuploader-menu-open {
    padding: 12px 14px;
    border-radius: unset;
    border: 1px solid #fff;
    background: #00000054;
    color: #ffffff;
    font-size: 18px;
    line-height: 0;
    box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}
.fileuploader-theme-avatar .event-photo .fileuploader-menu-open i {
    padding-right: 8px;
}

.fileuploader-photo .fileuploader-theme-avatar .fileuploader-menu {
    bottom: unset !important;
    right: unset !important;
}

.fileuploader-photo  .fileuploader-theme-avatar .fileuploader-menu ul {
    display: none;
    top: 100%;
    left: 0;
    background: #fff;
    position: unset;
    list-style: none;
    margin: 0;
    padding: 0px 9px 0px 9px;
    margin-top: -1px;
    box-shadow: 1px 6px 10px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 4px 4px;
    text-align: center;
}


.fileuploader-item,
.fileuploader-area .image-cropper,
.fileuploader-preview-image {
    border-radius: 0!important;
}


[dir] .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 2px 0 0 0 !important;
}

[dir=ltr] .input-group-append, [dir=rtl] .input-group-prepend {
    min-width: 80px; }


.tab-pane {
    display: none; /* Ensure all tab panes are not displayed by default */
}

.tab-pane.active {
    display: block; /* Only the active tab pane is displayed */
}

.form-control {

    height: calc(1.5em + 1rem + 5px) !important;
  }
  .select2-results__options {
      max-height: 200px; /* Adjust based on your preference */
      overflow-y: auto; /* Enables vertical scrolling */
  }

  .modal-mask.hidden{
    display: none;

  }


  #loadingIndicatoredit {
  background: #ffffff;
  color: #666666;
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 5000;
  top: 0;
  left: 0;
  float: left;
  text-align: center;
  padding-top: 25%;
  opacity: .99;
}
.layout-sticky-subnav .page__subnav {
    position: fixed!important;
    width: 100%;

}

[dir] .footer {
  position: relative;
  z-index: 0;
}

[dir] .input-group.input-group-merge .form-control:focus~[class*=input-group] .input-group-text {
  border-color: #e1e1e1 !important;

}

.layout-sticky-subnav .page__container {
    z-index: 1!important;
}

.v-select.form-control {
    padding-top: 5px!important;
    padding-right: 0!important;
    padding-left: 0!important;
    padding-bottom: 0!important;
}

[dir] .input-group-merge .form-control:focus {
    border-color: #e1e1e1 !important;
  }

  .hidden-checkbox {
  display: none !important;
}

.checkbox-image.selected {
    border-color: #ffbe30;
    border-radius: 4px;
}
.vs__dropdown-toggle {
    white-space: nowrap;
    overflow: hidden;
        padding-top: 4px;
}
.vs__selected,
.vs__search, .vs__search:focus {
      margin: 0px 0 0 !important;
}
img.checkbox-image {
  cursor: pointer;
  width: 101px;
  height: 91px;
  border: 1px solid #8b8b8b;
  border-radius: 4px;
}
.posts-card-popular .card-img {
    height: 146px!important;
    filter: contrast(80%) brightness(80%);
}
.checkbox-image:hover {
  border-color: #ccc; /* Change the border color on hover */
    border-radius: 4px;
}

.swiper-button-next, .swiper-button-prev {
    color: #979797 !important;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, -34px) !important;
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 30px !important;
}

[dir] .no-card .card-body {
    padding: 0px 0px 0 9px;
}

.no-card .card-img-cover {
    height: 140px; }

/* If you want to add a selected style for the image */
.checkbox-image.selected {
  border-color: #ffbe30; /* Change the border color when selected */
    border-radius: 4px;
}

.d-block.my-3 .radio-inline {
  display: inline-flex;
      justify-content: center;
      align-items: center;
      margin: unset !important;
      padding-bottom: 10px;
}

.carousel__slide img {
  height: auto;
  width: 100% !important;
  margin-top: 50px;
  border-radius: 10px;
}
.spinner {
    margin: 0 auto;
    height: 64px;
    width: 64px;
    animation: rotate 0.8s infinite linear;
    border: 5px solid firebrick;
    border-right-color: transparent;
    border-radius: 50%;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(180deg) brightness(100%) contrast(100%);
}
.calendar-day-cell span {
    color: #ebeaea;
  cursor: unset;
}
.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

[dir] .table.calendar-table td, [dir] .table.calendar-table th {
    padding: .75rem 1rem;
    border-top: unset!important;
}

.player_one-dimensions.vjs-fluid {
    z-index: 0;
}
.pt-148pt {
  padding-top: 146px !important;
}
.video-js {
    background-color: #f5f7fa!important;
  }
.font-size-14pt {
  font-size: 14px;
}
[dir] .card-header-tabs-basic .active {
    border-bottom: 2px solid #f05425 !important;
}
[dir] .card-header-tabs-basic {
  cursor: pointer;
}
.calendar-day-cell.gray-out span.out-of-stuck {
    color: red;
      cursor: unset!important;
}

.status-indicator {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 3px;
  border-radius: 2px;
  vertical-align: middle;
}
.calendar-day-cell.gray-out span.available {
    color: green;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.calendar-day-cell.gray-out span {
  font-weight: bold;
  color: #424242;
}
.carousel-control-next, .carousel-control-prev {
    top: 32px!important;
    width: 75%!important;}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.b-black {
    background: #000000b5;
}
.layout-sticky-subnav .page__subnav {
    z-index: 2!important;
}
.modal-scrollable-content {
  max-height: 430px; /* Adjust based on your needs */
  overflow-y: auto; /* Enables vertical scrolling */
  overflow-x: hidden; /* Hides horizontal scrollbar */
}
.form-label {
    text-transform: none!important;
    letter-spacing: 0px!important;
}
.iframe-container iframe {
      border: unset;
}
.gray-out span{
    color: #eee;

}
[dir] button {
      outline: none !important;
}
.mdk-header-layout>.mdk-header {

    z-index: 100 !important;
}

.invalid-feedback {
  display: block!important;
}

.ck.ck-content.ck-editor__editable {
  height: 160px;
      border-radius: 0 0 5px 5px !important;
}

.ck.ck-powered-by {
  display: none!important;
}


.ck.ck-toolbar {

    border: 1px solid #f1f1f1!important;
    border-radius: 5px 5px 0 0 !important;
}

[dir] .page-nav .page-nav__menu a.done-link:before {
    background-color: #4aa2ee; /* Active background color */
    border-color: #fff; /* Active border color */
    content: "\2713"; /* Unicode for checkmark */
    color: #fff; /* Checkmark color */
    font-family: "Arial"; /* Ensure this is a font that supports the check mark */
    font-size: 14px; /* Adjust size as needed */
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-nav .page-nav__menu a:before {
    top: 0px !important;
}
[dir=ltr] .page-nav .page-nav__menu a.done-link:before {
    left: -10px; /* Adjust based on your layout */
}

.page-nav .page-nav__menu a {
  display: flex;
  flex-direction: column;
    font-size: 15px;
}

.page-nav .page-nav__menu a .description {
font-size: 11px;
}

.page-nav .page-nav__menu a.done-link:before {
  width: 22px !important;
      height: 22px !important;
    content: ""; /* Empty for non-active links */
    position: absolute;
}
.page-nav .page-nav__menu a:before {
    width: 22px !important;
    height: 22px !important;
      left: -10px!important;
}


[dir] .pt-86pt{
    padding-top: 86px !important;
}
[dir] .pb-28pt {
    padding-bottom: 28px !important;
}

[dir] .btn span {
      font-size: 12px;
}

[dir] .max-w img {
  max-width: 865px;
margin: 0 auto;
}

[dir] .pb-87pt {
    padding-bottom: 87px !important;
}


[dir] .pb-105pt {
    padding-bottom: 105px;
}

.lh-24p {
    line-height: 24px;
}
.thumb-photo .fileuploader-theme-avatar {
  width: 420px;
height: 240px;
}

.image-checkbox {
  padding-left: 7px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-right: 7px;
  width: 114px;
  padding-bottom: 40px;
}
.image-checkbox input[type="checkbox"]:checked + img {
    opacity: 1;
}
.image-checkbox img {
    cursor: pointer;
    opacity: 0.4;
    padding-bottom: 10px;
    width: 30px;
    height: 40px;
}

.image-checkbox .service_title {
  font-size: 11px;
}
.image-checkbox input[type="checkbox"] {
    display: none;
}
.image-checkboxes {
  display: flex;
      flex-wrap: wrap;
      padding-top: 40px;
}
.swal2-title.custom-swal-title{
  display: none!important;
}

/* Ensure SweetAlert timer progress bar is visible */
.swal2-timer-progress-bar {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.custom-swal-popup .swal2-timer-progress-bar {
  background: rgba(255, 255, 255, 0.6) !important;
  height: 4px !important;
}

/* Force auto-hide behavior for toast notifications */
.custom-swal-popup.swal2-toast {
  transition: opacity 0.3s ease-out !important;
}

/* Remove SweetAlert shadows and box-shadow */
.custom-swal-popup,
.swal2-popup,
.swal2-modal,
.swal2-toast {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
}

.custom-swal-container,
.swal2-container {
  box-shadow: none !important;
}
.fileuploader-theme-avatar {
    margin: 0 auto !important;
}

.mt-29p {
    margin-top: 29px !important;
}

.fileuploader-theme-avatar .fileuploader-wrapper {
  overflow:unset!important;
      border-radius: 5px!important;
      position: absolute!important;
}
.swal2-styled.swal2-confirm {

    margin-right: 6px;
}
.swal2-styled:focus {
    box-shadow: unset!important;
}

.modal-inside .modal-dialog {
    width: 100% !important;
}

.fileuploader-theme-avatar .fileuploader-menu.event-photo {
  z-index: 99999;
position: absolute;
}

.dp__input {
      font-size: 12px!important;
      border-radius: 8px !important;
      height: 41px !important;
}
[dir="rtl"] .filter-icon {
    margin-left: 15px !important;
        margin-right: 0 !important;
}
[dir="rtl"] .pr-4 {
    padding-right: 0 !important;
      padding-left: 1rem !important;
}
.search-country {
    border: unset;
    width: 100%;
    padding: 6px 10px 11px 18px;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 10px !important;
}
.events-img-holder img {
  height: 290px;
width: 290px;
}
[dir=ltr] .border-left-1-custom {
    border-left: 1px solid #57595b !important;
}

.hide {
  display: none;
}

[dir=rtl] .border-left-1-custom {
    border-right: 1px solid #57595b !important;
}


.country-select a {
    padding-bottom: 8px !important
}
[dir=ltr] .input-group-append, [dir=rtl] .input-group-prepend {
    min-width: 74px!important;
}
.fs-14 {
    font-size: 14px;
}
.fs-16 {
    font-size: 16px;
}
.w-130 {
    width: 130px;
}

.h200-overflow {
    height: 200px;
    overflow-y: auto;
}
.badge-light {
  color:#fff!important;
}

.event-details .addeventatc:hover {
    font-size: .8125rem!important;
}
.event-details .addeventatc {
    border: unset !important;
    background: unset !important;
    padding: 4px 12px 4px 39px !important;
        font-weight: 400!important;
    line-height: 26px !important;
    font-family: inherit;
    font-size: .8125rem;
    color: rgba(39, 44, 51, .5) !important;
}
.card-body p[dir="RTL"] {
  text-align: right;
}

[dir="RTL"] .card-form__col[data-v-5a4fa79c] {
    margin-left: 35px;
        margin-right: 0;
}

[dir="RTL"] .pagination {
    line-height: 26px;
}

[dir="RTL"] .card-form__group .card-input__input[data-v-5a4fa79c] {

    margin-left: 15px;
      margin-right: 0;
}

[dir="RTL"] .card-form__col[data-v-5a4fa79c] {

    margin-right: 0;
        margin-left: 0;
}

.card-input__input[data-v-5a4fa79c] {
    font-family: inherit !important;
    font-size: 13px !important;
padding: 5px 4px !important;
}

.page-separator__text {

    font-size: 22px!important;
    letter-spacing: 0px!important;
    text-transform: capitalize!important;
}

.event-details .addeventatc_icon.atc_node{
  display: none;
}

[dir] .badge-virtual {
    background-color: #ef5425;
        color: #fff;
        font-weight: bold;
}
[dir] .badge-physical {
    background-color: #39387f;
        color: #fff;
        font-weight: bold;
}
[dir] .badge-hyprid {
    background-color: #bf6cb4;
        color: #fff;
        font-weight: bold;
}
.modal-mask-checkout form {
margin-bottom: 0;
}
.scroll-modal-content {
    overflow-x: hidden;
    overflow-y: auto;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

@media (min-height: 700px) {
    .scroll-modal-content {
        height: 580px;
    }
    body.cp-admin.home {
        padding-bottom: 0px !important;
    }
    .mdk-drawer-layout__content.page {
        padding-top: 60px !important;
        transition: none !important;
    }

}

@media (max-height: 699px) {
    .scroll-modal-content {
        height: 350px; /* Adjust this value based on your needs */
    }
}

[dir=rtl] .dp__input {
      font-family: Cairo, sans-serif !important;
}
.layout-sticky-subnav .mdk-header-layout {
  position: relative;
z-index: 2;
}

[dir=rtl] .dp__input {
    height: 40px;
}
[dir=rtl] .card-form__body label:not([class]) {
    font-family: Cairo, sans-serif !important;
    letter-spacing: 0px!important;
}
[dir=rtl] body {
    font-family: Cairo, sans-serif !important;
}

.avatar-form .fileuploader-theme-avatar {
    margin: 0 !important;
  }
.physical-poster .fileuploader-wrapper {
    width: 675px;
}


.physical-poster .fileuploader-theme-avatar {
      width: 675px !important;
}

  .qq-gallery .qq-progress-bar {
background: #f97027 !important;
border-radius: 3px !important;
margin-bottom: 10px !important;
margin-top: 10px !important;
}
.qq-gallery .qq-upload-fail .qq-upload-status-text {
text-align: center;
width: 100%;
font-weight: bold;
}

.qq-gallery .qq-upload-list li.qq-upload-fail {
background-color: unset!important;
box-shadow: unset!important;
border: 0!important;
}
.qq-gallery .qq-thumbnail-wrapper {
height: 60px!important;
width: 60px!important;
    display: none;
}
.qq-progress-bar-container-selector.qq-progress-bar-container {
  background: #aaa698;
  border-radius: 5px;
}
.qq-gallery .qq-progress-bar {
    height: 25px!important;

   }

  [dir="LTR"] .fileuploader-theme-avatar .fileuploader-menu ul li {

       text-align: left;
   }
   [dir="RTL"] .fileuploader-theme-avatar .fileuploader-menu ul li {

        text-align: right;
    }

   [dir="RTL"] .text-uploader-icon i {
     padding-left: 8px;
    }
  [dir="LTR"] .text-uploader-icon i {
    padding-right: 8px;
   }
.qq-gallery .qq-upload-cancel {
      top: -28px!important;
}
.qq-gallery.qq-uploader {
font-size: 10px;
min-height: 180px!important;
height: 150px!important; }

.qq-gallery .qq-file-info {
      padding: 10px 0px 4px!important;
}

.qq-gallery .qq-upload-file {
    margin-bottom: 1px !important; }

    [dir] .qq-file-info .btn-secondary {
        background-color: #aaa798;
        border-color: #aaa798;
        border-radius: 0px;
        padding: 8px;
    }


[dir] .qq-file-info .btn-secondary.focus, [dir] .qq-file-info .btn-secondary:focus {
          background-color: #aaa798;
              border-color: #aaa798;
}

.qq-gallery .qq-total-progress-bar-container {
display: none!important;
}
.qq-gallery .qq-upload-list li{
width: 100% !important;
display: flow-root!important;
  margin: 0px 0px 0px 0 !important;
  height: 95px !important;
  max-width: 614px !important;
  background : unset !important;
  max-width: unset!important;
  box-shadow: unset;
}
.qq-gallery .qq-upload-continue, .qq-gallery .qq-upload-delete, .qq-gallery .qq-upload-pause {
  color:#fff !important;
}
.qq-gallery .qq-upload-spinner {
display: none!important;

}
.qq-gallery .qq-upload-retry {
  color:#fff!important;
}

.modal {
    background: #00000080; }

    .modal-backdrop {
        position: unset!important; }

.qq-gallery .qq-upload-cancel {
right: 2px!important;
display: none;
    line-height: 15px!important;
  }
  #event-subtitle-uploader .qq-gallery.qq-uploader {
height: 130px  !important;
}

#event-subtitle-uploader .qq-gallery .qq-upload-status-text {
width: 100% !important;
}

#event-subtitle-uploader .qq-gallery .qq-upload-retry {
left: 50% !important;
}
.photo-c-event .fileuploader-theme-avatar {
  height: 380px !important;
}
.physical-poster .fileuploader-theme-avatar .fileuploader-menu.event-photo {
    position: absolute;
}

.physical-poster .fileuploader-item.file-type-image.file-ext-no.is-default {
    display: none;
}

.photo-c-event .fileuploader-theme-avatar .fileuploader-items .fileuploader-item .fileuploader-item-image {
    background: #fef7e3!important;
        width: 100%;
}
.qq-gallery .qq-upload-list li.qq-upload-success {
    background-color: #fef7e3!important;
    color: #13a41e!important;
}
.fileuploader-theme-avatar .fileuploader-wrapper, .fileuploader-theme-avatar .fileuploader-items .fileuploader-item .fileuploader-item-image {
background: unset !important;
box-shadow: unset !important;
}


.event-details-carousel .item {
    position: relative;
}

.countdown-timer {
    position: absolute;
    top: 10%; /* Adjust this value to position it higher or lower over the image */
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    color: white;
    padding: 10px;
    border-radius: 5px;
    width: 90%;
    max-width: 300px; /* Set a max-width for the timer */
}

.countdown-list {
    display: flex;
    justify-content: space-around;
    list-style: none;
    padding: 0;
margin-bottom: 0 !important;
}

.timer-item {
    text-align: center;
}

.timer-item small {
    display: block;
    color: #ccc;
}

.timer-item strong {
    display: block;
    font-size: 20px;
    color: #fff;
}



.fileuploader-theme-avatar .fileuploader-items .fileuploader-item {
    height: 96%!important;
  }

.qq-gallery .qq-upload-retry {
top: 53px !important;}

.voyager .side-menu .navbar-nav {
padding-top: 10px  !important;
}
:root *>.qq-gallery .qq-thumbnail-selector{
      width: 60px!important;
          top: 53% !important;
}


.chart-container img {
  width: 100%;
}

.calendar-day-cell span.available {
  color: #28a645;
      cursor: pointer;
}



.vs--searchable {
    padding: 5px;
    border: 1px solid #eeeeee;
    border-radius: 4px;
}

.fullscreen-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.fullscreen-content {
    width: 90%;
    height: 90%;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}


.fullscreen-content iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.close-btn {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 30px;
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
}



@media (max-width: 980px) {
    .layout-sticky-subnav .page__subnav {
        display: none !important;
    }

.modal-mask-checkout.modal-fullscreen-custom {
      top: 57px !important;
}


    [dir] .pt-86pt {
    padding-top: 6px !important;
}
[dir] .mb-24pt, [dir] .my-24pt {
    margin-bottom: 2px !important;
}
#player-container {
    height: auto !important;
}
}

@media (min-width: 980px) {
    .navbar-dark .navbar-toggler.main-menu {
        display: none !important;
    }
}
#main-login-google {
  background: #cb4439;
color: #fff;
border: unset;
text-transform: capitalize;
font-weight: normal;
}

#appleid-signin{
  text-transform: none;
height: 38px;
background: black;
}

.text-transform-none {
    text-transform: none !important;
}


.custom-fellows p {
    margin-bottom: 0 !important;
    font-size: 11px;
padding-top: 5px;
}

.mentors .col {
      padding-bottom: 30px;
}

.container.mentors .card-body {
  padding: 0!important;
}
.custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input ~ .custom-control-label::before {
    border: 1px solid #000; /* or any color you prefer */
}

.fileuploader.fileuploader-theme-avatar {
  background-size: auto;
  background-position: bottom;
  background-repeat: no-repeat;
  width: 100%;
  height: 330px;
}
.physical-poster {
    height: 100%;
}

/* Event Show Components - Color Override to #5857b4 */
.gift-ticket-btn,
.ticket-list-component .text-blue-600,
.ticket-list-component .bg-blue-600,
.ticket-list-component .border-blue-600,
.ticket-list-component .text-blue-500,
.ticket-list-component .bg-blue-500,
.ticket-list-component .border-blue-500,
.ticket-list-component .text-blue-700,
.ticket-list-component .bg-blue-700,
.ticket-list-component .border-blue-700,
.event-components .text-blue-600,
.event-components .bg-blue-600,
.event-components .border-blue-600,
.event-components .text-blue-500,
.event-components .bg-blue-500,
.event-components .border-blue-500,
.event-components .text-blue-700,
.event-components .bg-blue-700,
.event-components .border-blue-700 {
    color: #5857b4 !important;
}

/* Background colors */
.ticket-list-component .bg-blue-600,
.ticket-list-component .bg-blue-500,
.ticket-list-component .bg-blue-700,
.event-components .bg-blue-600,
.event-components .bg-blue-500,
.event-components .bg-blue-700 {
    background-color: #5857b4 !important;
}

/* Border colors */
.ticket-list-component .border-blue-600,
.ticket-list-component .border-blue-500,
.ticket-list-component .border-blue-700,
.event-components .border-blue-600,
.event-components .border-blue-500,
.event-components .border-blue-700 {
    border-color: #5857b4 !important;
}

/* Hover states */
.ticket-list-component .hover\:bg-blue-700:hover,
.ticket-list-component .hover\:bg-blue-600:hover,
.event-components .hover\:bg-blue-700:hover,
.event-components .hover\:bg-blue-600:hover {
    background-color: #4a4999 !important;
}

.ticket-list-component .hover\:text-blue-700:hover,
.ticket-list-component .hover\:text-blue-600:hover,
.event-components .hover\:text-blue-700:hover,
.event-components .hover\:text-blue-600:hover {
    color: #4a4999 !important;
}

.ticket-list-component .hover\:border-blue-600:hover,
.ticket-list-component .hover\:border-blue-500:hover,
.event-components .hover\:border-blue-600:hover,
.event-components .hover\:border-blue-500:hover {
    border-color: #4a4999 !important;
}

/* Focus ring colors */
.ticket-list-component .focus\:ring-blue-500:focus,
.ticket-list-component .focus\:ring-blue-600:focus,
.event-components .focus\:ring-blue-500:focus,
.event-components .focus\:ring-blue-600:focus {
    --tw-ring-color: rgba(88, 87, 180, 0.5) !important;
}

.ticket-list-component .focus\:border-blue-500:focus,
.ticket-list-component .focus\:border-blue-600:focus,
.event-components .focus\:border-blue-500:focus,
.event-components .focus\:border-blue-600:focus {
    border-color: #5857b4 !important;
}

/* Background light variants */
.ticket-list-component .bg-blue-50,
.event-components .bg-blue-50 {
    background-color: #f8f7ff !important;
}

.ticket-list-component .bg-blue-100,
.event-components .bg-blue-100 {
    background-color: #f1f0fe !important;
}

/* Gradients */
.ticket-list-component .from-blue-600,
.event-components .from-blue-600 {
    --tw-gradient-from: #5857b4 !important;
}

.ticket-list-component .to-blue-700,
.event-components .to-blue-700 {
    --tw-gradient-to: #4a4999 !important;
}

/* Chevron rotation fix */
.fa-chevron-up,
.fa-chevron-down {
    transition: transform 0.2s ease-in-out !important;
    transform-origin: center !important;
}

.chevron-rotate {
    transform: rotate(180deg) !important;
}

/* Gift ticket specific styles */
.gift-ticket-btn {
    color: #5857b4 !important;
    border-color: #5857b4 !important;
    border-width: 2px !important;
    border-style: solid !important;
}

.gift-ticket-btn:hover {
    background-color: #f8f7ff !important;
    border-color: #5857b4 !important;
}

.gift-ticket-btn:focus {
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(88, 87, 180, 0.2) !important;
}

/* Ensure buttons maintain their borders */
button.gift-ticket-btn,
.btn-purple,
.btn-custom {
    border-style: solid !important;
    border-width: 2px !important;
}

/* Ticket selector buttons */
.ticket-selector.selected {
    border-color: #5857b4 !important;
    background-color: #f8f7ff !important;
    color: #5857b4 !important;
    font-weight: 600 !important;
}

.ticket-selector:hover {
    border-color: #5857b4 !important;
    background-color: #f8f7ff !important;
}

/* Checkout button */
.checkout-btn.enabled,
.btn-checkout-enabled {
    background-color: #5857b4 !important;
    color: white !important;
}

.checkout-btn.enabled:hover,
.btn-checkout-enabled:hover {
    background-color: #4a4999 !important;
}

.checkout-btn:focus,
.btn-checkout-enabled:focus {
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(88, 87, 180, 0.2) !important;
}