/***********/
 /* GENERAL */
/***********/

#event .title {
    margin-bottom: 1rem;
}

#event select.is-danger {
    border-color: #dd1367;
}

.toast-notification {
    position:fixed;
    top:20px;
    right:20px;
    z-index:9999;
}

  /*******************************/
 /* ACTION BUTTONS - MORE MODAL */
/*******************************/

.pageDetail__actions.is-open::before {
    content: '';
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.7);
    top: 0;
    left: 0;
    z-index: 15;
}
.more {
    background-color: var(--white);
    padding: 1rem;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    z-index: 100;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: none;
}
.more .close-wrap {
    padding: 0 1rem;
    text-align: right;
}
.more .close-modal {
    cursor: pointer;
}
.more.is-active {
    display: block;
}
.more .button {
    padding: 10px 0;
}
.more .button:hover,
.more .button:active,
.more .button:focus {
    background-color: transparent;
    color: var(--primary-color);
}

@media screen and (min-width: 768px) {
    .pageDetail__content__sidebar #saveEventButton {
        display: none;
    }
    .pageDetail__actions.is-open::before {
        display: none;
    }
    .pageDetail__actions .has-submenu {
        position: relative;
    }
    .more {
        position: absolute;
        width: auto;
        border-radius: 5px;
        top: 100%;
        height: fit-content;
        box-shadow: 1px 9px 14px -4px rgba(211, 194, 194, 0.75), -1px -1px 15px -6px rgba(211, 194, 194, 0.75);
        padding: 0.5rem 1.25rem;
    }
    .more .close-wrap {
        display: none;
    }
}

  /*******************/
 /* EVENT PUBLISHER */
/*******************/

.event__publisher {
    font-weight: 500;
    font-size: 0.8rem;
    margin-top: 0.5rem;
}
.event__publisher span {
    font-weight: normal;
}

  /*******************/
 /* EVENT ATTENDEES */
/*******************/

#event .event__attendees {
    margin-top: 0.5rem;
    justify-content: flex-start;
}
.event__attendees.is-owner {
    cursor: pointer;
}
.event__attendees.is-owner:hover .event__attendees__total,
.event__attendees.is-owner:active .event__attendees__total,
.event__attendees.is-owner:focus .event__attendees__total {
    color: var(--primary-color);
}
.event__attendees__preview img {
    width: 28px;
    height: 28px;
    border-radius: 50%;
}
.event__attendees__total {
    font-size: 0.8rem;
}

  /***************/
 /* EVENT DATES */
/***************/

.event__dates span {
    display: block;
    margin-left: 23px;
}

  /***********************/
 /* EVENT GENERAL INFOS */
/***********************/

.pageDetail__info a {
    color: var(--black);
    text-decoration: underline;
}

  /***************/
 /* EVENT COVER */
/***************/

.pageDetail__cover a.tag:hover,
.pageDetail__cover a.tag:active,
.pageDetail__cover a.tag:focus {
    text-decoration: none;
}

  /***********/
 /* SIDEBAR */
/***********/

    /* GENERAL */

.pageDetail__content__sidebar {
    background-color: var(--white);
    z-index: 5;
}
@media screen and (max-width: 768px) {
    .pageDetail__content__sidebar {
        bottom: 1rem;
        position: fixed;
        left: 50%;
        transform: translateX(-50%);
        width: calc(100vw - 2.75rem);
        max-width: 100%;
    }
}

    /* PROGRESS BAR */

progress.progress.is-link::-moz-progress-bar { 
    background: var(--primary-color);
    height: 5px;
}
progress.progress.is-link::-webkit-progress-value { 
    background: var(--primary-color);
    height: 5px;
}
progress.progress.is-link { 
    color: var(--primary-color);
    height: 5px;
}

.event__progress {
    display: flex;
    font-size: 0.8rem;
    flex-wrap: nowrap;
    align-items: center;
    color: var(--dark-gray);
    margin-top: 1rem;
}
div.event__progress progress.progress {
    flex: 1;
    margin-bottom: 0;
    margin-right: 10px;
}

    /* MAIN ACTION BUTTON */
.pageDetail__content__sidebar .button {
    margin-top: 0.75rem;
    width: 100%;
}

.event__webinar {
    background-color: var(--primary-color);
    color: var(--white);
    border: none;
}
.event__webinar:hover,
.event__webinar:active,
.event__webinar:focus {
    background-color: var(--primary-color-dark);
    color: var(--white);
}

    /* REPLAY */

.pageDetail__tags.is-hidden-tablet .event__replay__container { /* Override */
    display: flex;
}
.pageDetail__tags.is-hidden-tablet .event__replay__container .pageDetail__tags__infos { /* Override */
    margin-left: 1rem;
    margin-top: 5px;
}
.pageDetail__tags.is-hidden-tablet .event__replay { /* Override */
    max-width: 200px;
}

.event__replay {
    position: relative;
}
.event__replay::before {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(45, 47, 57, .6);
    position: absolute;
    top: 0;
    z-index: 8;
    display: block;
    border-radius: 10px;
}
.event__replay__cover {
    aspect-ratio: 208 / 139;
    border-radius: 10px;
    position: relative;
    filter: blur(2px);
    background-position: center;
    background-size: cover;
}
.event__replay i[class^='fa-'] {
    padding: 10px;
    border: 1px solid var(--white);
    color: var(--white);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: 10;
}
.event__replay.has-link {
    cursor: pointer;
}
.pageDetail__tags.is-hidden-tablet .event__replay__cover {
    width: 150px;
}

    /* CATEGORIES IN ABOUT PART */

#event .about__item {
    margin-top: 2.5rem;
    position: relative;
}

#toggleEditEventDescription,
.eventItemActions {
    position: absolute;
    right: 0;
}

    /* PROGRAM FORM */
#programFormContainer .form-group {
    background-color: color-mix(in srgb, var(--primary-color) 1%, white);
}
.programForm__header {
    text-align: right;
}
.programForm__delete {
    background: var(--color-alert);
    border: 0;
    color: var(--white);
    padding: 5px 10px;
    border-radius: 6px;
    cursor: pointer;
}
.programForm__delete--small {
    border-radius: 50%;
    padding: 6px 10px;
    position: absolute;
    right: 5px;
    top: 5px;
    background: 
    color-mix(in srgb, var(--color-alert) 60%, white);
}
.programForm__dayNumber {
    background: var(--primary-color-light);
    padding: 3px 10px;
    border-radius: 15px;
    font-weight: 100;
    color: var(--white);
}
.programForm__blockSessions {
    border-left: 4px solid var(--primary-color);
    padding: 10px;
}
.programForm__session {
    position: relative;
    border: 1px solid var(--primary-color-light);
    padding: 10px;
    border-radius: 8px;
}
.programForm__session>.programForm__delete {
    opacity: 0;
    transition: all 0.2s;
}
.programForm__session:hover>.programForm__delete,
.programForm__session:focus>.programForm__delete {
    opacity: 1;
}
input[type="time"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    right: 10px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.programForm__deleteBlock {
    background-color: var(--color-alert);
    color: var(--white);
    border: 0;
    border-radius: 50%;
    padding: 6px 10px;
    cursor: pointer;
}
.programForm__blockSessions:has(.programForm__deleteBlock:hover) {
    background-color: color-mix(in srgb, var(--color-alert) 6%, white);
}

   /***************************/
  /* EVENT ABOUT - SPEAKERS  */
 /*     && PAGE CHAT        */
/***************************/

.event__speakers__item,
.event__chat__item {
    border: none;
    margin-bottom: 0;
    background-color: transparent;
}
.event__speakers .event__speakers__item {
    cursor: pointer;
}
.event__speakers .event__speakers__item:hover .card-title,
.event__speakers .event__speakers__item:active .card-title,
.event__speakers .event__speakers__item:focus .card-title {
    color: var(--primary-color);
}
.event__speakers__item .card-content,
.event__chat__item .card-content {
    padding: 0.25rem;
}
.event__speakers__item .media {
    align-items: center;
}
.event__speakers__item .media-left,
.event__chat__item .media-left {
    border: 3px solid #BCD9DC;
    border-radius: 50%;
    padding: 4px;
    margin-right: 0.5rem;
}
.event__speakers__item .media-left.no-border,
.event__chat__item .media-left.no-border {
    border: 0;
    padding: 0;
}
@media screen and (max-width: 768px) {
    .event__speakers__item .media-content,
    .event__chat__item .media-content {
        flex-grow: 0;
    }
}

.event__speakers__item .card-title,
.event__chat__item .card-title {
    color: var(--black);
    font-weight: 500;
}
.event__speakers__item .card-subtitle,
.event__chat__item .card-subtitle {
    color: var(--gray);
    font-size: 0.8rem;
}

  /***************************/
 /* EVENT ABOUT - HIGHLIGHTS */
/***************************/

.about__item .event__highlights {
    margin-top: 1rem;
}
.event__highlight__title {
    color: var(--black);
    font-size: 1rem;
    font-weight: 600;
    border-left: 4px solid var(--secondary-color);
    padding-left: 10px;
}
.event__highlight__content {
    padding: 10px;
}


  /**********************************/
 /* EVENT ABOUT - PROGRAM TIMELINE */
/**********************************/

    /* GENERAL */

.event__program__item__wrap {
    background-color: #F6F6F8;
    padding: 1.25rem 1rem;
    border-radius: 10px;
}
.event__program__time {
    font-size: 0.7rem;
    margin-top: -0.25rem;
    display: block;
    color: var(--primary-color);
}
.event__program__title {
    font-weight: 600;
    color: var(--black);
    font-size: 1rem;
    margin-bottom: 10px;
}
.event__program__content {
    font-size: 0.8rem;
}
.event__program__speakers {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}
.event__program__item .event__speakers__item {
    margin-top: 5px;
}
@media only screen and (min-width: 768px) {
    .event__program__item {
        padding-left: 1.5rem;
    }
}

    /* EVENT SINGLE-DAY */
    
.event__program .timeline {
    margin: 0 auto;
    position: relative;
}
.event__program .timeline-item:not(:last-child) .event__program__item {
    padding-bottom: 2rem;
}

.event__program .timeline-item {
    position: relative;
    list-style-type: none;
    --item-width: calc(100%);
}
.event__program .timeline-item::after {
    content: attr(data-time);
    white-space: nowrap;
    color: var(--dark-gray);
    position: absolute;
    top: 0;
}
.event__program .event__program__item {
    padding-top: 2rem;
}
@media only screen and (min-width: 768px) {
    .event__program .timeline {
        margin: 0;
        left: 80px;
        width: calc(100% - 80px);
    }
    .event__program .timeline-item {
        border-left: 2px solid var(--light-gray);
    }
    .event__program .timeline-item:first-child::before,
    .event__program .timeline-item:last-child::before {
        content: "";
        border-radius: 50%;
        width: 8px;
        height: 8px;
        background-color: var(--light-gray);
        position: absolute;
        left: -5px;
    }
    .event__program .timeline-item:first-child::before {
        top: 0;
    }
    .event__program .timeline-item:last-child::before {
        bottom: 0;
    }
    .event__program .timeline-item::after {
        left: -5rem;
    }
    .event__program .event__program__item {
        padding-top: 0;
    }
}

    /* EVENT MULTI-DAYS */

.event__program--multi .event__program__day {
    position: relative;
    padding-top: 1rem;
    margin-top: 1rem;
}
.event__program--multi .event__program__day::after {
    content: attr(data-time);
    white-space: nowrap;
    color: var(--black);
    position: absolute;
    top: 0;
}
.event__program--multi .timeline-item:not(:first-child) .event__program__item {
    padding-top: 0.5rem;
}
.event__program--multi .event__program__item {
    padding-bottom: 0.5rem;
}

.event__program--multi .events__views__toggle {
    margin-bottom: 1rem;
    margin-top: 1rem;
}
.event__program--multi .events__views__toggle {
    display: inline-block;
    background: var(--lighter-gray);
    padding: 4px;
    border-radius: 6px;
}
.event__program--multi .events__views__toggle button {
    padding: 15px;
    border-color: transparent;
    background-color: var(--white);
}
.event__program--multi .events__views__toggle button:hover {
    border-color: transparent ;
}
.event__program--multi .events__views__toggle button:focus,
.event__program--multi .events__views__toggle button:focus:not(:active) {
    border-color: transparent ;
    box-shadow: none;
}
.event__program--multi .events__views__toggle button.is-active {
    box-shadow: 2px 2px 8px -5px rgba(211,194,194,0.75), -2px -2px 8px -5px rgba(211,194,194,0.75);
    background: var(--white);
}
.event__program--multi .events__views__toggle button {
    background: transparent;
    border: transparent;
    color: var(--dark-gray);
}
.event__program--multi .events__views__toggle button.is-inactive:hover {
    color: var(--black);
}
.event__program--multi .events__views__toggle button span {
    font-size: 0.9rem;
}
.event__program--multi .timeline {
    display: none;
}
.event__program--multi .timeline.is-active {
    display: block;
}
@media only screen and (min-width: 768px) {
    .event__program--multi .event__program__day {
        margin: 0;
        padding-top: 1.5rem;
        left: 80px;
        width: calc(100% - 80px);
        border-left: 2px solid var(--light-gray);
    }
    .event__program--multi .event__program__day:first-of-type{
        padding-top: 0;
    }
    .event__program--multi .event__program__day:first-of-type::after{
        top: 0;
    }
    .event__program--multi .event__program__day:first-of-type::before,
    .event__program--multi .event__program__day:last-of-type::before {
        content: "";
        border-radius: 50%;
        width: 8px;
        height: 8px;
        background-color: var(--light-gray);
        position: absolute;
        left: -5px;
    }
    .event__program--multi .event__program__day:first-of-type::before {
        top: 0;
    }
    .event__program--multi .event__program__day:last-of-type::before {
        bottom: 0;
    }
    .event__program--multi .event__program__day::after {
        top: 1.5rem;
        left: -5rem;
    }
    .event__program--multi .events__views__toggle {
        margin-left: 1.5rem;
        margin-top: 0;
    }
    .event__program--multi .event__program__day:last-of-type .timeline-item:last-of-type .event__program__item {
        padding-bottom: 0;
    }
}

   /****************************/
  /* EVENT ABOUT - RESSOURCES */
 /* EVENT MAILINGS HISTORY   */
/****************************/

#resources,
#mailings {
    position: relative;
}
#addResource,
#addMailing {
    position: absolute;
    top: 0;
    right: 0;
}
.eventTable {
    font-size: 0.85rem;
    border: 1px solid var(--light-gray);
    border-radius: 10px;
    margin-top: 1.5rem;
}
.eventTable__header {
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    background-color: #F2F7F8;
    padding: 10px 15px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px solid var(--light-gray);
}
.eventTable__header span:first-child {
    color: var(--black);
}
.eventTable__item {
    display: grid;
    grid-template-columns: 50px auto 40px 40px;
    padding: 1rem;
}
.eventTable__item.no-resource,
#mailingsList .eventTable__item.no-resource {
    grid-template-columns: 100%;
    text-align: center;
}
.eventTable__item:not(:last-child) {
    border-bottom: 1px solid var(--light-gray);
}
.eventTable__item__number {
    display: flex;
    align-items: center;
    font-weight: bold;
}
.eventTable__item__content {
    border: none;
    margin-bottom: 0;
}
.eventTable__item .image {
    width: 90px;
}
.resources__item img {
    border-radius: 5px;
}
.eventTable__item .media-content {
    margin-top: 5px;
}
.resource__name {
    font-weight: 500;
    margin-top: 5px;
}
.resource__description {
    color: var(--gray);
    font-size: 0.8rem;
}
.resources__item__download,
.mailing__item__preview,
.resources__item__delete {
    display: flex;
    justify-content: center;
    align-items: center;
}
.resources__item__download a,
.mailing__item__preview button,
.resources__item__delete a {
    padding: 5px 10px;
    color: var(--white);
    border-radius: 50%;
    font-size: 1rem;
    cursor: pointer;
}
.resources__item__download a,
.mailing__item__preview button {
    background-color: var(--primary-color);
}
.resources__item__download a:hover,
.resources__item__download a:active,
.resources__item__download a:focus,
.mailing__item__preview button:hover,
.mailing__item__preview button:active,
.mailing__item__preview button:focus {
    background-color: var(--primary-color-dark);
}
.resources__item__delete a {
    background-color: var(--color-alert);
}
#mailingsList .eventTable__item {
    grid-template-columns: 50px auto 110px 110px 40px;
}
#mailingsList .eventTable__item>* {
    display: flex;
    align-items: center;
}
.mailing__item {
    cursor: pointer;
}
.mailing__item__preview .image {
    width: 24px;
}
.mailing__item__preview button {
    border: 0px;
    padding: 0.25rem 0.5rem;
}

  /**************************/
 /* EVENT QUESTIONS & ASKS */
/**************************/

#question-asks .card {
    border: none;
}
.social-count {  /* Override */
    margin-left: 0;
}
.card.is-post .content-wrap .post-actions { /* Override */
    margin-top: 0;
}
.card.is-post .content-wrap .post-actions .fab-wrapper,
.card.is-post .content-wrap .post-actions .like-wrapper  { /* Override */
    margin: 0 5px;
}
.card.is-post .content-wrap .post-actions .fab-wrapper a.small-fab,
.card.is-post .content-wrap .post-actions .like-wrapper a.like-button  { /* Override */
    background-color: #F2F7F8;
    color: var(--primary-color)!important;
}
.card.is-post .content-wrap .post-actions .fab-wrapper a.small-fab i,
.card.is-post .content-wrap .post-actions .like-wrapper a.like-button  i { /* Override */
    font-size: 0.9rem;
}
.card.is-post .content-wrap .post-actions .fab-wrapper a.small-fab,
.card.is-post .content-wrap .post-actions .like-wrapper a.like-button,
.like-wrapper .like-button .like-overlay { /* Override */
    width: 32px;
    height: 32px;
}
.card.is-post .content-wrap .like-wrapper .like-overlay { /* Override */
    background-color: var(--primary-color);
    color: var(--white);
}
.card.is-post .content-wrap .like-wrapper .like-overlay i { /* Override */
    margin: 8px auto;
    font-weight: bold;
}
.button.is-solid.secondary-button.raised:hover { /* Override */
    box-shadow: none!important;
}

  /**************/
 /* EVENT CHAT */
/**************/

.event__chat__item .media {
    align-items: flex-start;
}
.event__chat__item .card-title {
    margin-left: -8px;
}
.event__chat__item .card-title span {
    padding: 0 8px;
}
.event__chat__item .card-title span:not(:first-child) {
    font-size: 0.8rem;
    color: var(--gray);
    font-weight: normal;
    position: relative;
}
.event__chat__item .card-title span:not(:first-child)::before {
    content: '\f111';
    font-family: 'Font Awesome 6 Pro';
    font-size: 3px;
    transform: translateY(-50%);
    position: absolute;
    top: 60%;
    left: -3px;
    color: #888DA8;
    font-weight: bold;
}
.event__chat__item .card-footer {
    border-top: 0;
    margin-left: 60px;
    margin-top: 0;
}
.event__chat__item .card-footer .fa-thumbs-up {
    margin-bottom: 3px;
}
.event__chat__more {
    text-align: center;
    margin-top: 2rem;
}

  /*****************/
 /* EVENT MEMBERS */
/*****************/

.template-wrapper {
    padding: 10px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}
.header-user, .header-orga, .header-group {
    font-weight: bold;
    padding: 5px;
    background-color: #f1f1f1;
    border-bottom: 1px solid #ccc;
}

  /**********/
 /* FOOTER */
/**********/

#event .pageDetail__footer__header .title {
    margin-bottom: 0;
    max-width: 70%;
}
.pageDetail__footer__header a {
    color: var(--primary-color);
    font-size: 0.9rem;
    font-weight: 500;
}
.pageDetail__footer__header a:hover,
.pageDetail__footer__header a:active,
.pageDetail__footer__header a:focus {
    text-decoration: underline;
}

/***********************/
/* SHARE EVENT - MODAL */
/***********************/

.modal .close-wrap {
    cursor: pointer;
}
.modal .modal-card-head {
    border-bottom: 0;
    background: var(--white);
    padding: 15px 20px;
}
.modal .modal-card-title {
    font-size: 1.1rem;
    color: var(--dark-gray);
}
.modal .column {
    padding: 0.25rem;
}
.modal .modal-card-foot {
    padding: 20px;
    background: var(--white);
    border-top: 0;
    justify-content: flex-end;
}

#shareEvent .modal-card-body,
#eventAttendees .modal-card-body {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding-top: 10px;
}

#shareEvent .modal-content, 
#shareEvent .modal-card {
    max-width: 350px;
}
#shareEvent .event__item.is-smaller .event__item__content {
    display: flex;
    border: 1px solid var(--gray-light);
    border-radius: 5px;
    padding: 7px;
    margin: 0 -7px;
}
#shareEvent .event__item.is-smaller .box-cover,
#eventAttendees .event__item.is-smaller .box-cover {
    width: 30%;
    min-width: 30%;
    aspect-ratio: 1 / 1;
    & .box-img {
        width: 100%;
        aspect-ratio: 1 / 1;
        /* height: 100%; */
    }
}
#shareEvent .event__item.is-smaller .box-description,
#eventAttendees .event__item.is-smaller .box-description {
    font-size: 0.85rem;
}
#shareEvent .columns {
    margin-top: 0.5rem;
}

@media screen and (min-width: 1024px) {
    #shareEvent .event__item.group-box.is-smaller,
    #eventAttendees .event__item.group-box.is-smaller {
        box-shadow: none;
        border: 0;
        padding: 0;
    }
    #shareEvent .event__item.is-smaller .event__item__content,
    #eventAttendees .event__item.is-smaller .event__item__content {
        flex-direction: row;
    }
    #shareEvent .event__item.group-box.is-smaller .box-info,
    #eventAttendees .event__item.group-box.is-smaller .box-info {
        padding-left: 1rem;
        padding-right: 0;
    }
    #shareEvent .button,
    #eventAttendees .button {
        padding: 0.5rem;
    }
}

  /***************************/
 /* ATTENDEES EVENT - MODAL */
/***************************/

#eventAttendees .column {
    display: flex;
    align-items: center;
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--black);
}
#eventAttendees .column img {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    margin-right: 10px;
}

  /*******************/
 /* SETTINGS - FORM */
/*******************/

#event .select2 {
    width: 100% !important;
}
#eventSettingsForm .select2-container--default .select2-selection--multiple {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 0.5rem;
}
.form-group {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 1rem;
}
.form-group .switch-block {
    display: flex;
    align-items: center;
    gap: 10px;
}
.form-group .switch-block h4 {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 0.8rem;
    color: #393a4f;
}
.form-group .switch-block p {
    font-size: 0.8rem;
    color: #999;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #dbdbdb!important;
    height: 38px!important;
    font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 0.9rem;
    &:focus,
    &:hover {
        border: 1px solid #052e59!important;
    }
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 5px 10px!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 6px!important;
}
.select2-container--default .select2-results>.select2-results__options {
    font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 0.9rem;
}


  /*****************************/
 /* MEMBERS MODULE - OVERRIDE */
/*****************************/

.videos-wrapper .home-content {
    padding: 0;
    margin: 1.5rem 0 0.5rem;
}

#contentMembers:empty::before {
    content: "No members for this event";
    text-align: center;
    width: 100%;
}

.bubbleInfoUser {
    width: 30px;
    padding: 1.05rem 0.5rem;
    cursor: pointer;
}
.iconMember .bubbleInfoUser {
    max-width: 30px;
    max-height: 30px;
    padding: 0.75rem;
    cursor: initial;
}
.iconMember .dropdown-trigger {
    margin: 0 !important;
    margin-left: 5px !important;
}

#MemberCityGest {
    margin-top: 1rem;
}
#MemberCityGest .delete {
    display: none;
}
#MemberCityGest .title {
    color: initial;
    font-weight: 500;
    font-size: 1.2rem;
}
#MemberCityGest th {
    text-align: center !important;
}
#MemberCityGest td, th {
    vertical-align: middle !important;
}
#MemberCityGest .button {
    width: 100% !important;
}


  /*****************************/
 /* FILE VIEWER - OVERRIDE */
/*****************************/


.custom-profile-lightbox .lightbox-inner .image-side .image-side-inner .image-wrap {
    width: 100%;
    height: 100%;
    max-width: 100%;
}