/* Theme WWG2025 */
 /* Style Attributes */

 /* Standard Content */
/* 
TODO: 
    - uncomment font face
    - adapt the font link 
    - change the places where the comunity code is used 
*/

@font-face {
    font-family: "Gotham";
    src: url('/Download.axd?FileID=77e4ae77-021c-4ed8-9b03-6940c85b6e08') format("woff2"),url('/Download.axd?FileID=cc5f8543-2d5b-4ccb-a505-174d205948e4') format("woff");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Kaisei HarunoUmi';
    font-style: normal;
    font-weight: 400;
    src: url('https://fonts.gstatic.com/s/kaiseiharunoumi/v8/HI_RiZQSLqBQoAHhK_C6N_nzy_jcGs6RoM0_rAnMbWq216sULRh7Dezy0i1T.0.woff2') format('woff2');
}

.pcp-header {
    position: fixed;
    z-index: 20;
    top: 0;
}

.pcp-page > #header { margin-left: 60px; }

.pcp-page .pcp-topmenu-regular .right.menu.pcp-topmenu-regular-rightactions {
    margin-left: 0 !important;
    ;
}

.pcp-page .regular-menu-wrapper .pcp-topmenu-regular, .pcp-page .mobile-menu-wrapper .pcp-topmenu-mobile {
    position: fixed !important;
    justify-content: flex-end;
    font-size: 1;
    background: #1E1E1E;
}

    .pcp-page .regular-menu-wrapper .pcp-topmenu-regular.internal-page, .mobile-menu-wrapper .pcp-topmenu-mobile.internal-page {
        margin-bottom: 25px !important;
        margin-top: 0 !important;
        position: relative !important;
    }

    .pcp-page .regular-menu-wrapper .pcp-topmenu-regular.ui.menu .item, .pcp-page .mobile-menu-wrapper .pcp-topmenu-mobile.ui.menu .item, .pcp-page .regular-menu-wrapper .pcp-topmenu-regular.ui.menu .item > a.text, .pcp-page .mobile-menu-wrapper .pcp-topmenu-mobile.ui.menu .item > a.text, .pcp-page .regular-menu-wrapper .pcp-topmenu-regular.ui.menu .item > i.dropdown, .pcp-page .mobile-menu-wrapper .pcp-topmenu-mobile.ui.menu .item > i.dropdown {
        color: #FFFFFF;
    }

.pcp-page .regular-menu-wrapper.internal-page, .mobile-menu-wrapper.internal-page {
    margin-top: 0 !important;
    position: relative !important;
}

.pcp-page .ui.menu .item:before {
    background: none !important;
}

.regular-menu-wrapper.internal-page.menu-not-at-top, .mobile-menu-wrapper.internal-page.menu-not-at-top {
    position: fixed !important;
}

.regular-menu-wrapper.placeholder, .mobile-menu-wrapper.placeholder {
    display: none;
}

    .regular-menu-wrapper.placeholder.menu-not-at-top, .mobile-menu-wrapper.placeholder.menu-not-at-top {
        display: block;
        position: fixed !important;
        z-index: 1;
        top: 0;
        left: 0;
        right: 0;
        visibility: visible !important;
        height: 80px;
    }

html {
    font-size: 15px;
}

body {
    font-family: Gotham, Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.pcp-header {
    z-index: 30;
}

#page.pcp-page {
    padding-top: 82px;
}

.pcp-header #ctl00_uxLogo {
    height: 80px;
    top: 0;
    z-index: 32;
}

.pcp-page .regular-menu-wrapper .pcp-topmenu-regular, .pcp-page .mobile-menu-wrapper .pcp-topmenu-mobile {
    height: 82px;
    margin: 0px !important;
    left: 0;
    top: 0;
    width: 100% !important;
    border-radius: 0;
}

    .pcp-page .regular-menu-wrapper .pcp-topmenu-regular.internal-page, .mobile-menu-wrapper .pcp-topmenu-mobile.internal-page {
        position: fixed !important;
        top: 0px !important;
        justify-content: flex-end !important;
    }

.pcp-page .regular-menu-wrapper {
    z-index: 20;
}

    .pcp-page .regular-menu-wrapper .pcp-topmenu-regular {
        z-index: 20;
    }

/*.ui.small.list.group.reservations .ui.icon.right.labeled.small.button.orange.right.float.right{
display:none !important;
}*/

.group.editable-reservations label > .servicepvdname {
    font-weight: 400;
}

.group.editable-reservations .md-rl-servicequestionnairegroup-row {
    margin: 10px 0 10px 12px;
}

div[data-tab="community-documents"] .communityportal-document-list td:nth-child(3) {
    display: none;
}

.component-registrationconfirmation .button.new-registration {
    display: none !important;
}

.ui.fluid.card.dashboard.item.group-financial .ui.very.basic.celled.compact.table {
    font-size: 0.8em;
}

participant-overview .card[href*="/CommunityPortal/ProgressivePortal/WWG2025/App/Views/Reservation/Manage.aspx?ParticipantID="] {
    display: none !important;
}

participant-overview .card[href*="/CommunityPortal/ProgressivePortal/WWG2025/App/Views/Reservation/AddReservations.aspx?ParticipantID="] {
    display: none !important;
}

participant-financial-dashboard-item {
    display: none !important;
}

.informationpagepart-peoplelist-main .ui.card > .image > img, .ui.cards > .card > .image > img {
    object-fit: contain;
    height: 140px !important;
}

.dx-scheduler-work-space-day .dx-scheduler-header-panel-cell {
    background: #4E4E4E;
    color: #FFFFFF;
}

.dx-scheduler-container .dx-scheduler-time-panel, .dx-scheduler-container .dx-scheduler-time-panel .dx-template-wrapper, .dx-scheduler-container .dx-scheduler-time-panel-cell {
    background: #4E4E4E !important;
    color: #FFFFFF !important;
}

onlineprogramme-legend {
    padding-top: 10px;
    clear: both;
    display: block;
}

eventsession-websitesetupcomponent > .ui.clearing.basic.segment, eventsession-websitesetupcomponent > .ui.clearing.basic.segment > .ui.right.floated.basic.segment {
    margin: 0px !important;
    padding: 0px !important;
}

/* Programme list customization */
schedulerelement-list .ui.divider {
    display: none;
}

.pcp-page schedulerelement-view div[data-bind="visible:toggleDetails"] {
    display: none !important;
}

.pcp-page schedulerelement-view .ui.accordion {
    border-left: 1px solid #e8e8e8;
    margin-left: 7rem;
    padding-left: 1rem;
    padding-bottom: 1rem;
}

@media screen and (min-width: 1024px) {
    .pcp-page schedulerelement-view .ui.accordion {
        margin-left: 10rem;
    }
}

.pcp-page schedulerelement-view .eventsession-view-main-content:before {
    box-shadow: 0 0 0 0.2rem #1e1e1e;
    left: -1.18rem;
    background-color: #1e1e1e;
    border-radius: 50%;
    height: 4px;
    width: 4px;
    content: "";
    top: 1rem;
    display: block;
    position: relative;
}

.pcp-page schedulerelement-view .ui.accordion .content.active {
    background-color: #ECF0F1;
    min-height: 5rem;
}

.pcp-page schedulerelement-view .eventsession-view-main-content {
    background-color: #ECF0F1;
    /*height: 2rem;*/
}

    .pcp-page schedulerelement-view .eventsession-view-main-content .eventsession-view-date {
        position: relative;
        left: -10rem;
        top: -2rem;
        width: 8rem;
        font-style: normal;
        margin-top: unset;
        height: 0;
        text-align: right;
    }

@media screen and (min-width: 768px) {
    .pcp-page schedulerelement-view .eventsession-view-main-content .eventsession-view-title {
        padding-left: 1rem;
    }

    .pcp-page schedulerelement-view .ui.accordion .content.active {
        padding-left: 1rem !important;
    }
}

@media screen and (max-width: 599px) {
    .pcp-page .section.subpage-bg.customprogrammeheader {
        padding: 1rem 1rem !important;
    }

    .pcp-page schedulerelement-view .eventsession-view-main-content {
        height: auto;
        max-height: 5rem;
    }

    .eventsession-view-title {
        font-size: 1em !important;
    }

    eventsession-websitesetupcomponent > tabs#eventsession-websitesetupview-tabs-id {
        height: auto;
    }

        eventsession-websitesetupcomponent > tabs#eventsession-websitesetupview-tabs-id > .item {
            font-size: 0.7em;
        }
}

schedulerelement-list schedulerelement-view:nth-of-type(2n+1) .accordion,
schedulerelement-list schedulerelement-view:nth-of-type(2n+1) .accordion::before,
schedulerelement-list schedulerelement-view:nth-of-type(2n+1) .accordion::after {
    background: none !important;
}

schedulerelement-list schedulerelement-view .ui.accordion .title ~ .content {
    display: block !important;
    background: #ECF0F1;
}

schedulerelement-list > .button {
    display: none !important;
}

schedulerelement-list schedulerelement-view .book-session {
    float: right;
    position: relative;
    top: -2rem;
}

.informationpagepart-peoplelist-main > .ui.stackable.grid > .sixteen.wide.column > .cards > .sixteen.wide.column {
    width: 100%;
    text-align: center;
}

    .informationpagepart-peoplelist-main > .ui.stackable.grid > .sixteen.wide.column > .cards > .sixteen.wide.column > .ui.pagination.menu {
        float: none;
    }

.personal-timeline-schedulerelement-title .ui.mini.purple.labeled.icon.button, .webconference-join-redirect .ui.blue.button, .webconference-join-waitroom > .ui.blue.button, .informationpagepart-eventexhibitorslist-container .book-a-meeting {
    background-color: #CC4F1C !important;
}

.informationpagepart-peoplelist-main .ui.card .extra.content .ui.small.icon.button {
    background: transparent !important;
    box-shadow: 0 0 0 1px #CC4F1C inset !important;
    color: #CC4F1C !important;
}

informationpagepart-peoplelistdetails .extra .ui.right.floated.blue.labeled.icon.button.book-a-meeting {
    background-color: #CC4F1C !important;
}

schedulerelement-calendar .dx-scheduler-appointment {
    background-color: #f9ddc5 !important;
}

personal-timeline > .ui.info.icon.message {
    display: none !important;
}

div.ui.dropdown[data-bind="css: { 'current-community': $parent.getIsActiveComputed($data.CommunityCode) }"] > .menu > .item {
    display: none !important;
}

div.ui.dropdown[data-bind="css: { 'current-community': $parent.getIsActiveComputed($data.CommunityCode) }"] > i.icon.dropdown::before {
    content: "\f015";
    font-family: icons;
}

#page.pcp-page {
    width: 100%;
    max-width: none !important;
}

    #page.pcp-page > .main-container {
        margin: auto;
        max-width: 1200px;
        box-shadow: none !important;
        min-height: calc(100vh - 205px) !important;
    }

        #page.pcp-page > .main-container .ui.form:not(.questionnaire-form) > .field > label,
        .eventexhibitorcontact-list-addmodal .ui.form:not(.questionnaire-form) > .field > label,
        #page.pcp-page > .main-container .ui.form:not(.questionnaire-form) > .fields > .field > label,
        .eventexhibitorcontact-list-addmodal .ui.form:not(.questionnaire-form) > .fields > .field > label,
        #page.pcp-page > .main-container .ui.form:not(.questionnaire-form) > div > .fields > .field > label,
        .eventexhibitorcontact-list-addmodal .ui.form:not(.questionnaire-form) > div > .fields > .field > label,
        .eventexhibitorcontact-list-addmodal .assign-reservations label {
            font-weight: bold !important;
            text-transform: uppercase !important;
            font-size: .8em;
        }

        #page.pcp-page > .main-container .ui.form .field input::-webkit-input-placeholder {
            color: transparent !important;
            display: none !important;
        }

        #page.pcp-page > .main-container .ui.form .field input::-ms-input-placeholder {
            color: transparent !important;
            display: none !important;
        }

        #page.pcp-page > .main-container .ui.form .field input::-moz-input-placeholder {
            color: transparent !important;
            display: none !important;
        }

        #page.pcp-page > .main-container .ui.form .field input::placeholder {
            color: transparent !important;
            display: none !important;
        }

#pcp-topmenu-regular .current-community.item {
    border-bottom: 7px solid #d2b36c !important;
    margin-bottom: -1px;
    border-radius: 0;
    border-top: 7px solid transparent;
}

/* REGISTRATION */
#page.community-registration {
    width: 100%;
    max-width: none !important;
    background-color: #f4f4f4;
}

    #page.community-registration > .main-content {
        margin: auto;
        max-width: 1000px;
        background-color: #f4f4f4;
        box-shadow: none !important;
        min-height: calc(100vh - 205px) !important;
    }

        #page.community-registration > .main-content .ui.segment {
            margin: auto;
            max-width: 1200px;
            background-color: #f4f4f4;
            box-shadow: none !important;
        }

    #page.community-registration > .logo-container {
        background: #1e1e1e;
        text-align: center;
        margin-top: -1px;
    }

        #page.community-registration > .logo-container > img {
            max-height: 120px;
        }

    #page.community-registration > .main-content .ui.form .field label {
        font-weight: bold !important;
        text-transform: uppercase !important;
        font-size: .9em;
    }

    #page.community-registration > .main-content .component-contact-information .customBillingAddress, #page.community-registration > .main-content .component-contact-information .contact-info-requiredfields {
        display: none !important;
    }

    #page.community-registration .ui.steps.nav {
        width: 100%;
        display: flex;
    }

        #page.community-registration .ui.steps.nav .step {
            flex: 1 0 auto;
            text-align: center;
            font-size: 0.9rem !important;
        }

    #page.community-registration .ui.green.icon.right.labeled.button.next {
        background-color: #cc4f1c !important;
    }

    #page.community-registration #summaryNavigation .ui.green.icon.labeled.button {
        background-color: #cc4f1c !important;
    }

    #page.community-registration .ui.steps .step.active, .ui.steps .step.active:after {
        background-color: #cc4f1c !important;
    }

    #page.community-registration > .main-content .ui.form .field input::-webkit-input-placeholder {
        color: transparent !important;
        display: none !important;
    }

    #page.community-registration > .main-content .ui.form .field input::-ms-input-placeholder {
        color: transparent !important;
        display: none !important;
    }

    #page.community-registration > .main-content .ui.form .field input::-moz-input-placeholder {
        color: transparent !important;
        display: none !important;
    }

    #page.community-registration > .main-content .ui.form .field input::placeholder {
        color: transparent !important;
        display: none !important;
    }

    #page.community-registration > .main-content h2, #page.community-registration > .main-content .component-address-information > h3 {
        text-transform: none !important;
        font-weight: normal;
        font-size: 2em;
        text-align: center;
        font-family: "Kaisei HarunoUmi";
    }

    #page.community-registration > .main-content .sp-style-PUBLICREGISTRATION {
        text-align: center;
    }

    .login-screen {
        background-color: #f9f9f9 !important;
        max-width: none !important;
    }

    .login-screen .bindable-content {
        display: block;
        border-color: #ddd #ddd #d8d8d8;
        box-shadow: 0 2px 0 hsl(0deg 0% 69% / 12%);
        background-color: #fff;
        color: #777;
        position: relative;
        overflow: auto;
        border-radius: 3px;
        border-style: solid;
        border-width: 1px;
        height: auto;
        margin: 100px auto 8px;
        width: 400px;
        min-width: 300px;
    }
    
    .login-screen .bindable-content h1 {
        padding: 30px 90px 30px;
        position: relative;
        border-bottom: 1px solid #ddd;
        z-index: 10;
        -moz-transition: padding-bottom .4s;
        -webkit-transition: padding-bottom .4s;
        transition: padding-bottom .4s;
    }

    .login-screen .auth-org-logo {
        display: block;
        margin: 0 auto;
        max-width: 200px;
        max-height: 40px;
    }
    
    .login-screen .bindable-content p {
        padding: 20px 42px 0px;
        -moz-transition: padding-top .4s;
        -webkit-transition: padding-top .4s;
        transition: padding-top .4s;
    }

    .login-screen .bindable-content div.external-authenticator-selection {
        padding: 0px 42px 20px;
        -moz-transition: padding-top .4s;
        -webkit-transition: padding-top .4s;
        transition: padding-top .4s;
    }

.session-refresher-modal .ui.green.button {
    background-color: #CC4F1C !important;
} 

/*change color of Edit, validate and confirm button on manage reservations and checkout page on portal*/
#page .manage-group-reservations .ui.secondary.menu.stackable .right.menu .item .ui.primary.small.button{
background-color: #cc4f1c !important;
}
#page .manage-group-reservations .ui.secondary.menu.stackable .right.menu .item .ui.primary.button{
background-color: #cc4f1c !important;
}
#page #ctl00_uxMainContent .checkout .ui.primary.button.progressive-checkout-proceed-button {
background-color: #cc4f1c !important;
}

.pcp-page #ctl00_uxError {display:none !important;}

.pcp-topmenu-sidebar .ui.content {
    display:none !important;
}

body>form[action*="/CommunityPortal/ProgressivePortal/WWG2025/App/Views/Contact/Edit.aspx"] #uxContactEditControl input[data-bind*="value: $parent.FirstName"], 
body>form[action*="/CommunityPortal/ProgressivePortal/WWG2025/App/Views/Contact/Edit.aspx"] #uxContactEditControl input[data-bind*="value: $parent.LastName"], 
body>form[action*="/CommunityPortal/ProgressivePortal/WWG2025/App/Views/Contact/Edit.aspx"] #uxContactEditControl input[data-bind*="value: $parent.Email"]{
    pointer-events: none;
    color: #AAAAAA !important;
}

/*increase width of the time field */
.ui.segments.questionnaire-edit-segments .ui-spinner {
    width: 120px;
} 

.pcp-infopage-responsive .fhh-meetingroom-list {
    position: absolute !important;
    left: 0;
    top: 126px;
    overflow: auto;
}

.page-footer {
    padding: 1.75em 0 0.5em;
    background-color: #fff;
    position: relative;
}

.page-footer .page-container {
    padding-left: 75px;
    padding-right: 75px;
    max-width: 100%;
}
.page-footer .page-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (min-width: 1085px)
.page-footer .dropdown--languages, .page-footer .logo {
    width: 138px;
}

.page-footer__list {
    display: flex;
    align-items: center;
    font-size: 10px;
    justify-content: center;
    list-style: none;
}

.page-footer__list a {
    color: #333 !important;
    text-decoration: none !important;
}

.page-footer__list-item {
    display: list-item;
    text-align: -webkit-match-parent;
}

.page-footer__list-item:not(:last-child) {
    margin-right: 55px;
}

.page-footer__copyright {
    text-align: center;
    flex: 0 0 100%;
    font-size: 10px;
    margin-top: 0px;
}

.page-footer .dropdown--languages {
    font-size: inherit;
    position: static;
}

.page-footer .dropdown--languages, .page-footer .logo {
    width: 138px;
}

.page-footer .dropdown {
    position: relative;
    display: inline-block;
}

/* PARTICIPANT REVIEW */
body.participantreview > form > #page {
width: 100%;
max-width: 1200px;
}

body.participantreview > form > #page #logo {
     background: #1e1e1e;
    text-align: center;
}

body.participantreview > form > #page #logo > img {
     height: 100px;
}

body.participantreview > form > #page h1 {
color: #cc4f1c;
}

/*Supplier Portal*/
/*
.supplier-overview .supplier-rooming-list .service-provider-container .ui.red.basic.button.full-rooming-list-pdf-button, .ui.red.basic.button.incremental-rooming-list-pdf-button{
    display:none !important;
}

.supplier-overview .supplier-rooming-list .ui.right.floated.language-selection-dropdown.dropdown.semantic-dropdown.selection .menu > .item:nth-of-type(n+3){
    display:none !important;
}
*/

#uxCommunityMemberEditControl #communitymember-edit-main-tabs-id > a.item {
    padding: .85714286em .64285714em !important;
}

/*Show cancel button on contact edit on portal*/
/*
#uxCommunityMemberEditControl #communitymember-edit-main-tabs-id a[data-tab='more']{
    display:none !important;
}
*/


/*Hiding group representative button on community member list*/
.communitymember-list-component .communitymember-list-content .dx-item-content div[aria-label='Show Representatives']{
    display:none !important;
}

/*Hiding group reservation overview. Also need to update the label back COMMUNITYPORTAL_PROGRESSIVE_GROUPDASHBOARD_OVERVIEW*/
/*
#page #ctl00_uxMainContent .ui.basic.segment .ui.stackable.grid.dashboard-overview{
    display:none !important;
}
*/

/* Hide bank transfer on universal app*/
.pcp-page #ctl00_uxMainContent div[class='wizard-step payment-method-selection'] div[class='paymentlines list container ui form'] div[class='grouped fields'] div[class='field'] div[class='ui radio checkbox']>label[for='paymentmethodselection-banktransfer'] { display : none !important }


/*Hide the action button on the Brand member list page*/
#page #ctl00_uxMainContent .communitymember-list-header .right.menu  .small.ui.buttons .dropdown.button.violet{
    display:none !important;
}

.contact-edit-component {
  padding-top: 5px;
}

/*Hide the custom badge field from add member and member edit*/
#ctl00_uxMainContent .add-single-member-segment .add-single-member-contact-edit  #uxContactEditControl .contact-edit-component > div[class="ui form"]{
    display:none !important;
}

#ctl00_uxMainContent .communitymember-list-container #uxCommunityMemberEditControl .community-member-edit-component #uxContactEditControl .contact-edit-component > div[class="ui form"]{
    display:none !important;
}

#uxCommunityMemberEditControl #communitymember-edit-main-tabs-id a[data-tab='more']{
    display:none !important;
}
/* END Theme WWG2025 */