.bs-tooltip-auto{
    z-index: 1;
}

.navbar .user-avatar .notification-dot {
    display: none;
}

.webinar-favorite-btn {
    margin-right: .3em;
}

.webinar-card_swipe {
    width: 100%;
}

.cursor-default {
    cursor: default !important;
}

.btn-reg-close {
    background-color: rgb(250 204 21) !important;
}

.btn-reg-close:hover {
    background-color: rgb(250 204 21);
}

.bg-pending {
    background-color: rgb(250 204 21) !important;
}

.bg-disable {
    background-color: #707070 !important;
}

.bg-pending:hover {
    background-color: rgb(250 204 21) !important;
}

.bg-ended {
    background-color: rgb(239 68 68) !important;
}

.bg-ended:hover {
    background-color: rgb(239 68 68) !important;
}
.filters__item--is-active .select2 .select2-selection {
    border-radius: var(--tt-br-xl) !important;
    padding: .575rem 2.75rem .575rem .75rem !important;
    height: auto !important;
}

.fc-event .fc-event-main {
    color: var(--tt-primary-color) !important;
    font-weight: var(--tt-font-weight-medium) !important;
}
.fc-scrollgrid-sync-table, .fc-col-header, .fc-daygrid-body {
    width: 100% !important;
}

.webinar__sponsor--logos div img {
    height: auto !important;
}

.w-80 {
    width: 80% !important;
}

.select2 .select2-selection {
    border-radius: var(--tt-br-xl) !important;
}

.select2 .select2-selection {
    height: auto !important;
    border-color: var(--tt-border-color) !important;
}

.form-control, .form-select {
    border-radius: var(--bs-border-radius) !important;
}

.btn {
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x) !important;
    border-radius: var(--bs-border-radius) !important;
}

.tabs__content-item {
    display: none;
}

.tabs__content-item--active {
    display: block;
}

/**
 * Placeholder
 */


.placeholder-content {
    border-radius: var(--tt-br-base);
    height: 25em;
    overflow: hidden;
    background: #000;
    position: relative;
    -webkit-animation-duration: 1.7s;
            animation-duration: 1.7s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-name: placeholderAnimate;
            animation-name: placeholderAnimate;
    background: #f6f7f8;
    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
    background-size: 1300px;
}

@-webkit-keyframes placeholderAnimate {
    0% {
            background-position: -650px 0;
    }
    100% {
            background-position: 650px 0;
    }
}

@keyframes placeholderAnimate {
    0% {
            background-position: -650px 0;
    }
    100% {
            background-position: 650px 0;
    }
}
.streaming__video iframe {
    border-radius: 16px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: auto;
    aspect-ratio: 16 / 9;
}

@media (max-width: 992px) {
    .streaming__video iframe {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
    }
}

.btn-gray {
    background-color: #cbcbcb;
    color: var(--tt-dark-color) !important;
}

.btn-gray:hover {
    background-color: #cbcbcb;
}

.webinar-hero__content {
    z-index: 1000 !important;
}

.time-badge {
    left: 1.1rem !important;
}

.sidebar {
    top: 0 !important;
}

.card-primary .category-card__instructors h6 {
    color: rgba(255,255,255,.9) !important;
}

.invite-card__info--instructor h5 {
    padding-top: 2rem !important;
}
.card-primary .webinar-badge--coming {
    border: 1px solid rgba(255,255,255,.9);
    color: rgba(255,255,255,.9);
}

.navbar {
    z-index: 1006 !important;
}

.invite-card {
    z-index: 1;
}
.invite-card::after {
    z-index: -1;
}
.webinar__details-title, .webinar-card_title a, .webinar-list-card__title, .text-gradient-primary {
    padding-bottom: 9px;
    padding-top: 9px;
}

.certification__qr-img {
    width: 104px !important;
    height: 104px !important;
    border: .9px solid var(--tt-primary-color);
    border-radius: var(--tt-br-base);
    padding: 4px;
}

.svg-certification-container {
    width: 140px;
    text-align: center;
}
.svg-certification-container svg {
    max-width:100%;
}
.certificate-card {
    height: auto;
}
.svg-stamp {
    width: 100px;
    -webkit-filter: invert(45%) sepia(58%) saturate(603%) hue-rotate(182deg) brightness(93%) contrast(94%);
    filter: invert(45%) sepia(58%) saturate(603%) hue-rotate(182deg) brightness(93%) contrast(94%);
}
.certification__bg {
    z-index: -1000;
}

.colored-toast.swal2-icon-success {
    background-color: var(--bs-success) !important;
    box-shadow: none !important;
  }

  .colored-toast.swal2-icon-error {
    background-color: var(--bs-red) !important;
    box-shadow: none !important;
  }

  .colored-toast.swal2-icon-warning {
    background-color: var(--bs-yellow) !important;
    box-shadow: none !important;
  }

  .colored-toast.swal2-icon-info {
    background-color: var(--bs-cyan) !important;
    box-shadow: none !important;
  }

  .colored-toast .swal2-title {
    color: white;
  }

  .colored-toast .swal2-close {
    color: white;
  }

  .colored-toast .swal2-html-container {
    color: white;
  }

  #iframeMapContainer.collapse:not(.show) {
    display: none;
}

#iframeMapContainer.collapse {
    transition: height 0.5s ease;
}

.faq-light * {
    color: #333 !important;
}

.invite-card__info--instructor-many .instructor-item__badge {
    color: #fff;
}

@media (min-width: 768px) {
    .webinar-card_info {
        font-size: 14px !important;
    }
}

.select2 .select2-selection {
    border-color: var(--tt-border-color) !important;
    background-color: var(--tt-light-color) !important;
}
.svg-certification-container svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.webinar__details__instructors {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1.5rem;
}

.webinar__details__instructors-images {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
}

.webinar__details__instructors-images img {
    width: 64px !important;
    height: 64px;
    object-fit: contain;
    border-radius: var(--tt-br-pill);
    margin-left: -0.75rem;
    transition: var(--tt-transition-base);
    border: 3px solid var(--tt-white-color);
    transform-style: preserve-3d;
}

.webinar__details__instructors-images img:not(:last-child):hover {
    transform: translateX(0.55rem);
}

.webinar__details__instructors-text {
    color: var(--tt-primary-color);
    font-weight: var(--tt-font-weight-bold);
    display: flex;
    flex-direction: column;
}

.webinar__details__instructors-text h6,
.webinar__details__instructors-text p {
    margin: 0;
}
[type="file"] {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
}
input[type="file"]::file-selector-button {
    margin-right: 2px;
    border-radius: 50px;
}
.textarea-spaced {
    margin-top: 20px;
}

.form-floating textarea ~ label {
    top: -17px;
    left: 12px;
    padding: 0 15px;

}

.select2-container--default .select2-selection--multiple .select2-selection__choice:first-child {
    margin-right: 15px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 10px !important;
}

.webinar-select4.select2-hidden-accessible + .select2
.select2-selection--multiple .select2-search--inline .select2-search__field {
    margin: 0!important;
    height: 25px!important;
    line-height: 25px!important;
}
.select2-container {
    width: 100% !important;
    min-width: 0;
}

.is-invalid {
    border-color: #dc3545 !important;
}

.form-floating .is-invalid ~ label {
    color: #dc3545;
}

.select2-container--default .select2-selection.is-invalid {
    border-color: #dc3545 !important;
}
.webinar__details-comments .comments-reviews {
    color: var(--tt-gray-900);
    font-size: 18px;
    font-weight: var(--tt-font-weight-bold);
}

 .sr-only {
     display: none;
     left: 0 !important;
 }