@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);
/* Theme LR CHF */
 /* Style Attributes */

 /* Standard Content */
/* -----------------------------*/ 

/*          CUSTOM        */ 


.logo-header
{
  max-width: unset !important;
  width: 990px !important;
}

/* ----------------------------*/ 


div#usermenu {
    display: none;
}

/* 

To customize your website, you should identify at least 2 colors: the background color (footer or labels for example) and the color of the links, borders, or headers. Transform them in the #value format using a html color codes website. For example: http://html-color-codes.info/html-editor/  

Once you have your colors in #value, you can apply them very quickly in your different sections with a "replace all" into a this document: 

- Replace the value #00c8b4 in this template to set the color for the backgrounds  

- Replace the value #00c8b4 in this template to set the color for the titles, links and borders  

Save and refresh cache 

*/ 

 

/* -----------------------------*/ 

/*          GENERAL        */ 

/* ----------------------------*/ 

 

html{ 

    height:100%; 
    
    width:100%; 
    
    } 
    
     
    
    html, body { 
    
        font-size: 13px !important; 
    
    } 
    
     
    
    #ctl00_uxMainContent{ 
    
    width: 100% !important; 
    
    max-width: 990px !important; 
    
    } 
    
     
    
    @media screen and (max-width: 900px) { 
    
    .navbar { 
    
            display: none;}  
    
    } 
    
     
    
    /* REMOVE BORDERS AROUND PAGE */ 
    
    .ui.segment { 
    
        background-color: #FFF; 
    
        -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.1) !important;  
    
        box-shadow: 0 0 0 0 rgba(0,0,0,.1) !important; 
    
    } 
    
     
    
    /* ALIGN THE TEXT IN LIST WITH THE BULLET POINT */ 
    
    li{ 
    
    list-style-position:outside !important; 
    
    } 
    
     
    
    #page { 
    
    width: 100%;  
    
    max-width: 990px; 
    
    margin: auto;  
    
    box-shadow: 0px 3px 15px #000; 
    
    } 
    
     
    
    .field input, .field select { 
    
    font-family: 'Poppins', sans-serif; 
    
    } 
    
     
    
     
    
    /* CHANGE ALL BUTTON TEXT COLOR */ 
    
    .ui.button{ 
    
    color:#fff !important; 
    
    } 
    
     
    
     
    
    /* --------------------------------*/ 
    
    /*        END GENERAL      */ 
    
    /* --------------------------------*/ 
    
     
    
    /* ----------------------------------------*/ 
    
    /*      BACKGROUND IMAGE    */ 
    
    /* ---------------------------------------*/ 
    
    body{ 
    
    margin:0; 
    
    padding:0; 
    
    background: -webkit-linear-gradient(#d3d3d3, white); /* For Safari 5.1 to 6.0 */ 
    
    background: -o-linear-gradient(#d3d3d3, white); /* For Opera 11.1 to 12.0 */ 
    
    background: -moz-linear-gradient(#d3d3d3, white); /* For Firefox 3.6 to 15 */ 
    
    background: linear-gradient(#d3d3d3, white); /* Standard syntax */ 
    
    background-attachment: fixed; 
    
    font-family: 'Poppins', sans-serif;
    
    color:#000 !important; 
    
    } 
    
     
    
    /* ADAPT BACKGROUND */ 
    
    body 
    
    { 
    
    background-attachment: fixed !important; 
    
    } 
    
     
    
    /* --------------------------------------------*/ 
    
    /*   END BACKGROUND IMAGE   */ 
    
    /* --------------------------------------------*/ 
    
     
    
    /* ------------------------------*/ 
    
    /*        CONSENT  & COOKIE BANNER   */ 
    
    /* -----------------------------*/ 
    
    .cookie-consent-banner-main.content button span,button.ui.button.cookie-consent-banner-prefernces-save-button { 
    
        color: #fff !important; 
    
    } 
    
     
    
    .component-consent h3 { 
    
        color: #00c8b4 !important; 
    
        font-size: 1.4em; 
    
    } 
    
     
    
    .component-consent label { 
    
        color: #000 !important; 
    
    } 
    
     
    
    /* ---------------------------------*/ 
    
    /*      END CONSENT   */ 
    
    /* --------------------------------*/ 
    
     
    
    /* ----------------------------------------*/ 
    
    /*      BANNER AND HEADER   */ 
    
    /* ---------------------------------------*/ 
    
     
    
    /* CENTER THE BANNER */ 
    
    .logo-header, .logo-container 
    
    { 
    
    text-align: center; 
    
    } 
    
     
    
    /* HEADER AND TITLES COLORS */ 
    
    h1, h2, h3, h4, h5, h6{ 
    
    color: #00c8b4;  
    
    } 
    
     
    
    .segment h2 { 
    
        color: #00c8b4 !important; 
    
        text-transform: uppercase; 
    
    } 
    
     
    
    /* Change capital letters to normal for sections */ 
    
    .segment h2 { 
    
    text-transform: none; 
    
    } 
    
     
    
    @media screen and (max-width: 768px) { 
    
    .pageHeader { 
    
    width:100% !important; 
    
    }  
    
    } 
    
      
    
    @media screen and (min-width: 1090px) { 
    
    .pageHeader { 
    
    width:100% !important; 
    
        left: 0px !important;}  
    
    } 
    
      
    
    @media screen and (min-width: 1300px) { 
    
    .pageHeader { 
    
        width: 100% !important; 
    
        left: 0 !important; 
    
    }  
    
    } 
    
     
    
    #ctl00_uxLogo /* Website and onsite New */{ 
    
    display: block; 
    
    margin-left: auto; 
    
    margin-right: auto; 
    
    } 
    
     
    
    div#header{ 
    
    background-color: #fff;  /* sets the header color to white */ 
    
    border-top-left-radius:10px !important; 
    
    border-top-right-radius:10px !important; 
    
    } 
    
     
    
    /* --------------------------------------------*/ 
    
    /*   END BANNER AND HEADER  */ 
    
    /* -------------------------------------------*/ 
    
     
    
    /* ------------------------*/ 
    
    /*            LINKS        */ 
    
    /* ------------------------*/ 
    
     
    
    a, a:link, a:visited, a:hover, a:active, .buttons input{ 
    
    color:  #00c8b4;  
    
    font-style: normal; 
    
    }  
    
     
    
    span.forgotten-password a,.doubleregistration-intro a,.component-consent a, p.forgot-password a,  a.forgot-password-link{ 
    
        color: #00c8b4 !important; 
    
    } 
    
     
    
    /* -----------------------------*/ 
    
    /*          END LINKS      */ 
    
    /* -----------------------------*/ 
    
     
    
    /* ----------------------------------------*/ 
    
    /*  NAVIGATION BAR ON TOP */ 
    
    /* ---------------------------------------*/ 
    
    /* CHANGE ACTIVE PAGE BACKGROUND COLOR*/ 
    
    .ui.active.step, .ui.steps .step.active 
    
    { 
    
    background-color: #00c8b4 !important; 
    
    color: white !important; 
    
    } 
    
     
    
    .step.active::after 
    
    { 
    
    background-color: #00c8b4 !important; 
    
    } 
    
     
    
    /* --------------------------------------------*/ 
    
    /*         WELCOME  PAGE */ 
    
    /* --------------------------------------------*/ 
    
     
    
    .pcp-infopage-responsive a { 
    
        color: #00c8b4 !important; 
    
        text-decoration: underline; 
    
    } 
    
     
    
     
    
    /* --------------------------------------------*/ 
    
    /*         END WELCOME  PAGE */ 
    
    /* --------------------------------------------*/ 
    
     
    
    /* --------------------------------------------*/ 
    
    /* REGISTRATION START PAGE */ 
    
    /* --------------------------------------------*/ 
    
     
    
    /* HIDE EVENT NAME & DATES */ 
    
    .component-welcome h1 { 
    
        display: none; 
    
    } 
    
     
    
    .component-welcome .twelve.wide.column { 
    
        width: 100% !important; 
    
    } 
    
     
    
    /* REDUCE THE GRAYSCALE ON SOCIAL MEDIA ICON */ 
    
    .component-externallogin .externalcommunity-item { 
    
    -webkit-filter: grayscale(30%) !important; 
    
    -moz-filter: grayscale(30%)!important;  
    
    -o-filter: grayscale(30%) !important; 
    
    filter: grayscale(30%) !important; 
    
    } 
    
     
    
    /* LOGIN BUTTON COLOR FOR LINK */ 
    
    .component-login #loginButton span, button#signupButton span { 
    
        color: #fff !important; 
    
    } 
    
     
    
    .component-registration-introduction .introduction-content { 
    
        font-size: 13px !important; 
    
    } 
    
     
    
    /* -------------------------------------------------- */ 
    
    /* END REGISTRATION START PAGE */ 
    
    /* ---------------------------------------------------*/ 
    
     
    
    /* -------------------------------------------- */ 
    
    /*      REGISTRATION WEBSITE    */ 
    
    /* --------------------------------------------*/ 
    
    /* DISPLAY THE ASTERISK ON MANDATORY FIELDS */ 
    
    i.icon.asterisk:before { 
    
        content: "\f069"; 
    
        color: red; 
    
    } 
    
     
    
    /* HIDE THE STARS AND ROUNDED CORNER FOR PARTICIPANT FIELDS */ 
    
    .ui.input>.ui.corner.label { 
    
        top: 1px; 
    
        right: 1px; 
    
        display: none; 
    
    } 
    
     
    
    /* MAKE QUESTION TEXT BOLD */ 
    
    .questionnaire-form .field>label { 
    
        font-size: 1em; 
    
        font-weight: bold; 
    
    } 
    
     
    
    .ui.form.segment span, .ui.checkbox.radio label { 
    
        color: #000 !important; 
    
    } 
    
     
    
    .ui.form.segment.questionnaire-form a{ 
    
    color : #00c8b4 !important; 
    
    } 
    
     
    
    .ui.form .field>label { 
    
        font-size: 1em; 
    
        color: #000 !important; 
    
    } 
    
     
    
    /* ADD BACKGROUND COLOR FOR PHONE LABEL */ 
    
    .ui.icon.input > .icon.size32 { 
    
        width: 32px; 
    
        height: 32px; 
    
        background-color: #00c8b4 !important; 
    
        opacity: 10; 
    
    } 
    
     
    
    /* CHANGE SERVICE PRICE LAYOUT */ 
    
    .ui.checkbox.radio span.servicePrice,  .ui.checkbox span.servicePrice{ 
    
    color: #00c8b4 !important; 
    
    font-weight: bold; 
    
    } 
    
     
    
    /* DATE PICKET IN COLOR */ 
    
    i.icon.inverted.calendar { 
    
        background-color: #00c8b4 !important; 
    
        opacity: 10 !important; 
    
    } 
    
     
    
    /* LAYOUT FOR THE UNSELECT BUTTON */ 
    
    .component-service-reservation .unselect-selection { 
    
        cursor: pointer; 
    
        float: right; 
    
        color: #00c8b4 !important; 
    
        font-weight: bold; 
    
        text-decoration: underline !important; 
    
    } 
    
     
    
    .component-service-reservation .unselect-selection span { 
    
         color: #00c8b4 !important; 
    
        font-weight: bold; 
    
    } 
    
     
    
    /* CHANGE BUTTONS COLOR */ 
    
    /* CHANGE GREEN BUTTON COLOR */ 
    
    .ui.green.button.active, .ui.green.buttons .active.button, .ui.green.icon.right.labeled.button.next, .ui.green.button, .ui.green.button:hover, .ui.green.buttons .button:hover, .hot-pendingchanges-continue 
    
    { 
    
    background-color: #00c8b4 !important; 
    
    } 
    
     
    
    /* CHANGE BLUE BUTTON COLOR */ 
    
    .ui.blue.button.active, .ui.blue.button:hover, .ui.blue.buttons .active.button, .ui.blue.buttons .button:hover, .ui.blue.button, .ui.blue.buttons 
    
    { 
    
    background-color: #00c8b4 !important; 
    
    } 
    
     
    
    /* CHANGE RED BUTTON COLOR */ 
    
    .ui.red.button.active, .ui.red.button:hover, .ui.red.buttons .active.button, .ui.red.button, .ui.red.buttons .button:hover { 
    
        background-color: #00c8b4 !important; 
    
    } 
    
     
    
    /* CHANGE GRAY BUTTON COLOR */ 
    
  .ui.labeled.icon.button, .ui.labeled.icon.buttons .button, .ui.buttons, .ui.button:hover, .ui.button, .hot-pendingchanges-cancel {
    background-color: #00c5b2 !important;
}
    
     
    
    /* CHANGE TINY BUTTONS (PENDING CHANGES) */ 
    
    .hot-pendingchanges-item-link.ui.tiny.button { 
    
        background-color: #00c8b4 !important; 
    
    } 
    
     
    
    /* CHANGE PAYMENT BUTTON COLOR */ 
    
    #ctl00_mc_uxPaymentControl_uxPreviousButton, #ctl00_mc_uxPaymentControl_uxContinue 
    
    { 
    
    width: auto; 
    
    background-color: #00c8b4; 
    
    font-size: 13px !important; 
    
    } 
    
     
    
    /* CHANGE COLOR & BACKGROUND-COLOR OF WARNING MESSAGE (TERMS & CONDITIONS BOX E.G.) */ 
    
    .ui.warning.message, .ui.yellow.message { 
    
        background-color: #E6E6E6; 
    
        color: #ff0000; 
    
    } 
    
     
    
    /* BILLING ADDRESS IN BOLD + RED */ 
    
    label[FOR='custom-billing-address'] { 
    
        font-weight: bold; 
    
        color: red !important; 
    
    } 
    
     
    
    /* SUMMARY PAGE TEXT SIZE */ 
    
    .component-summary .summary-header { 
    
        font-size: 13px !important; 
    
    } 
    
     
    
    .new-registration { 
    
        display: none !important; 
    
    } 
    
     
    
    button.ui.green.icon.labeled.button.registration-finish span { 
    
        color: #fff !important; 
    
    } 
    
     
    
    /* ----------------------------------------------- */ 
    
    /*  END REGISTRATION WEBSITE */ 
    
    /* -------------------------------------------------*/ 
    
     
    
    /* ------------------------------------- */ 
    
    /* SMALL GROUP WEBSITE */ 
    
    /* -------------------------------------*/ 
    
     
    
    /* ALIGN THE BILLING ADDRESS CHECKBOX WITH THE TEXT */ 
    
    .ui .form input[type=checkbox] 
    
    { 
    
    vertical-align: middle !important; 
    
    } 
    
     
    
    /* CHANGE PRICE LAYOUT TO BOLD */ 
    
    span[data-bind|="text: pricing.DisplayPrice"] { 
    
    font-weight: bold; 
    
    } 
    
     
    
    /* HIDE SHIPPING ADDRESS */ 
    
    input[data-bind|="checked: groupInformation().UseDifferentShippingAddress"] { 
    
        display: none; 
    
    } 
    
     
    
    button.ui.green.right.labeled.icon.button.assignment-validate-button span, button.ui.red.button.assignment-cancel-button span, button.ui.purple.left.labeled.icon.button.back-to-selection span, button.ui.purple.right.labeled.icon.button.save-and-go-to-questionnaires-button span, button.ui.purple.right.labeled.icon.button.assignment-save-answers span { 
    
        color: #fff !important; 
    
    } 
    
     
    
     
    
    /* -------------------------------------------- */ 
    
    /* END SMALL GROUP WEBSITE */ 
    
    /* --------------------------------------------*/ 
    
     
    
    /* -------------------------------------------- */ 
    
    /* SUPPLIER PORTAL LAYOUT */ 
    
    /* -------------------------------------------- */ 
    
    .three.wide.column > div > div:hover { 
    
        color: #E01977 !important; 
    
    } 
    
     
    
    .eventportal .sixteen.wide.column h1 { 
    
        text-align: center; 
    
        font-size: 30px; 
    
        margin-bottom: -10px; 
    
    } 
    
     
    
    .three.wide.column p:last-child{ 
    
        margin-bottom: 0; 
    
        font-size: 15px; 
    
        margin-top: 7px; 
    
    } 
    
     
    
    .titleSupplier{ 
    
    text-align:center !important; 
    
    } 
    
     
    
    div.three.wide.column:hover { 
    
        font-weight: bold !important; 
    
    } 
    
     
    
    /* -------------------------------------------- */ 
    
    /* END SUPPLIER PORTAL LAYOUT */ 
    
    /* -------------------------------------------- */ 
    
     
    
    /* -------------------------------------------- */ 
    
    /* HOTEL PAGE */ 
    
    /* -------------------------------------------- */ 
    
     
    
    button.hot-external-largeitem-book-now { 
    
        background-color: transparent !important; 
    
    } 
    
     
    
    .customhotlayout-intropopup-shade, .customhotlayout-intropopup{ 
    
    display:none !important; 
    
    } 
    
     
    
    .hot-largeitem-zoomout > span { 
    
        color: #000!important; 
    
        text-decoration: underline; 
    
    } 
    
     
    
    .customhotlayout-tab-external.customhotlayout-tab-solid p, .customhotlayout-tab-external.customhotlayout-tab-opaque p { 
    
        margin-top: 12px !important; 
    
        text-align: center; 
    
    } 
    
     
    
    .hot-reservation-cancel{ 
    
    background-color: #E72E2E !important; 
    
    } 
    
     
    
    .hot-largeitem-basicdetails .tiny.button { 
    
        background-color: #000!important; 
    
    } 
    
     
    
    button.hot-external-largeitem-cancel-booking.ui.red.button.right.labeled.icon { 
    
        background-color: #fff !important; 
    
    } 
    
     
    
    .hot-list-noresult.ui.warning.icon.message a, a.customhotlayout-expand, .customhotlayout-search-titlecontainer-reset a { 
    
        color: #00c8b4 !important; 
    
    } 
    
     
    
    .hotelTC { 
    
        background-color: #f2f2f2; 
    
        padding: 3px; 
    
    } 
    
     
    
    .hotelTC a{ 
    
    color: #00c8b4 !important; 
    
    } 
    
     
    
    .customhotlayout-intropopup-shade, .customhotlayout-intropopup{ 
    
    display:none !important; 
    
    } 
    
     
    
    /* EXPEDIA BUTTONS LAYOUT ON HOTEL PAGE */ 
    
    .component-hotels .customhotlayout-tabs { 
    
        float: right; 
    
        width: 700px !important; 
    
        height: 40px; 
    
        margin: 2px 0 0 0; 
    
        padding: 0px; 
    
        border-spacing: 0px; 
    
    } 
    
     
    
    .component-hotels .customhotlayout-tab-contracted { 
    
        float: right; 
    
        width: auto !important; 
    
        text-align: center; 
    
        vertical-align: middle; 
    
        line-height: 40px; 
    
        margin-top: 0px; 
    
        margin-bottom: 0px; 
    
        margin-right: 4px; 
    
        cursor: pointer; 
    
        color: rgb(0, 0, 0); 
    
        border-color: rgb(108, 108, 108); 
    
        border-style: solid; 
    
        border-width: 2px; 
    
        border-radius: 5px 5px 5px 5px; 
    
    } 
    
     
    
    .customhotlayout-calltoaction a{ 
    
    color:#fff !important; 
    
    } 
    
     
    
    /*Adjust width for the Hotel Page*/ 
    
    .maincontainer.PageHotel { 
    
    width: 990px !important; 
    
    } 
    
     
    
    .component-hotels .hot-largeitem-editbookings, .component-hotels .hot-largeitem-confirmbookingsedition, .component-hotels .hot-largeitem-cancelbookingsedition{ 
    
    background-image:none !important; 
    
    color: #113B53 !important; 
    
        font-size: 14px !important; 
    
        font-weight: bold; 
    
    text-decoration:underline; 
    
    } 
    
     
    
    span.hot-largeitem-bookingaction.hot-largeitem-addbookings span { 
    
        color: #000; 
    
        text-decoration: underline; 
    
    } 
    
     
    
    .custom-hot-listitem-tripadvisor { 
    
        display: none; 
    
    } 
    
     
    
    .hot-largeitem-basicdetails .ui.tiny.basic.icon.labeled.button { 
    
        color: #fff !important; 
    
        font-size: 12px; 
    
    } 
    
     
    
    span.hot-largeitem-bookingaction.hot-largeitem-addbookings span { 
    
        color: #113B53 !important; 
    
        font-size: 14px !important; 
    
        font-weight: bold; 
    
    } 
    
     
    
    /* HOTEL NOT FOUND BANNER IMPROVEMENT */ 
    
    .hot-list-noresult i.ui.icon.frown { 
    
        display: none !important; 
    
    } 
    
     
    
    .component-hotels .hot-list-noresult.ui.message { 
    
        background-color: #fff !important; 
    
    font-weight:normal !important; 
    
       width: 85% !important; 
    
       margin-left: auto; 
    
       margin-right: auto; 
    
    } 
    
     
    
    /* EXPEDIA HOTELS LAYOUT */ 
    
    .custom-hot-external-provider-image { 
    
        height: 28px !important; 
    
        padding-left: 0px; 
    
    } 
    
     
    
    .component-hotels .customhotlayout-tab-external-image-container { 
    
        display: table-cell; 
    
        vertical-align: middle; 
    
        text-align: center; 
    
        position: relative; 
    
        z-index: 1; 
    
        border: 1px solid #FFCD03 !important; 
    
    height: 40px !important; 
    
    } 
    
     
    
    .customhotlayout-tab-external.customhotlayout-tab-solid { 
    
        border-color: #FFCD03 !important; 
    
        border-width: 1px !important; 
    
        height: 43px; 
    
    } 
    
     
    
    .component-hotels .customhotlayout-tab-external-image { 
    
        width: 119px !important; 
    
        opacity: 1; 
    
        display: block; 
    
        margin: 0 auto; 
    
    } 
    
     
    
    .custom-hot-external-provider-image { 
    
        height: 20px; 
    
        padding-left: 0px; 
    
        border: 2px solid #FFCD03 !important; 
    
        border-radius: 5px; 
    
    } 
    
     
    
    /* --------------------------- */ 
    
    /*             FOOTER      */ 
    
    /* ---------------------------*/ 
    
     
    
    #footer{ 
    
    background-color: #70C5B1!important; 
    
    color: #fff !important; 
    
    background-image: none !important; 
    
    padding-top: 0.05em; 
    
    padding-bottom: 0.1em; 
    
    font-size: 12px;  
    
    width:100%;  
    
    border:none !important; 
    
    } 
    
     
    
    #footer a{ 
    
    color: #fff !important; 
    
    text-decoration:underline !important; 
    
    } 
    
     
    
    #page-footer { 
    
        font-size: 13px !important; 
    
        padding: 0.5em; 
    
        margin-top: 0.6em; 
    
        padding-top: 1.25em; 
    
        text-align: center; 
    
        margin-left: auto; 
    
        margin-right: auto; 
    
         width: 100%; 
    
        max-width: 990px; 
    
    } 
    
     
    
    #page-footer span{ 
    
    color:#ffffff!important; 
    
    } 
    
     
    
    #page-footer a{ 
    
    color:#70C5B1!important; 
    
    } 
    
     
    
     
    
    /* ------------------------------ */ 
    
    /*         END FOOTER     */ 
    
    /* -------------------------------*/ 
    
     
    
    /* ------------------------------------ */ 
    
    /*    ABSTRACT WEBSITE     */ 
    
    /* ------------------------------------*/ 
    
     
    
    /* MAKE TEXT CENTERED */ 
    
    footer.ui.vertical.segment.abstract-submission-footer { 
    
        text-align: center !important; 
    
    } 
    
     
    
    /* REMOVE BORDER */  
    
    .ui.vertical.segment { 
    
    border-bottom: none !important; 
    
    } 
    
     
    
    /* ------------------------------------------ */ 
    
    /*    END ABSTRACT WEBSITE   */ 
    
    /* -------------------------------------------*/ 
    
     
    
    /* ----------------------------------------------------------------------------------- */ 
    
    /*  UNIVERSAL APP PORTAL NEW LAYOUT - 2021    */ 
    
    /* -----------------------------------------------------------------------------------*/ 
    
    /* GENERAL */ 
    
    #page.pcp-page { 
    
        max-width: 997px !important; 
    
        width: 100%; 
    
        margin: auto; 
    
        background-color: #fff; 
    
    } 
    
     
    
    a.service-details-link{ 
    
    display:none; 
    
    } 
    
     
    
    @media only screen and (min-width: 992px) 
    
    .ui.column.grid>[class*="nine wide computer"].column, .ui.grid>.column.row>[class*="nine wide computer"].column, .ui.grid>.row>[class*="nine wide computer"].column, .ui.grid>[class*="nine wide computer"].column { 
    
        width: 100%!important; 
    
    } 
    
     
    
    .sixteen.wide.tablet.nine.wide.computer.column.legend { 
    
        width: 100% !important; 
    
    } 
    
     
    
    /* LINKS */ 
    
    a, a:link, a:visited, a:hover, a:active, .buttons input{ 
    
    color:  #000; 
    
    font-style: normal; 
    
    }  
    
     
    
    /* DASHBOARD */ 
    
    .dashboard-intro { 
    
    width: 45% !important; 
    
    margin-left: auto; 
    
    margin-right: auto; 
    
    font-size:14px; 
    
    color: #000 !important; 
    
    } 
    
     
    
    .ui.fluid.card.dashboard.item.questionnaire-reservation { 
    
        display: none; 
    
    } 
    
     
    
    h3.ui.center.aligned.dividing.header { 
    
        color: #000 !important; 
    
    } 
    
     
    
    .sixteen.wide.tablet.seven.wide.computer.column.chartchart { 
    
        display: none; 
    
    } 
    
     
    
    .ui.card>.content>.header:not(.ui), .ui.cards>.card>.content>.header:not(.ui) { 
    
        font-weight: bold !important; 
    
    } 
    
     
    
    .group-financial .sixteen.wide.tablet.seven.wide.computer.column.chartchart { 
    
        width: 30% !important; 
    
    } 
    
     
    
    .group-financial .sixteen.wide.tablet.nine.wide.computer.column.legend { 
    
        width: 100% !important; 
    
    } 
    
     
    
    i.blue.icon, .card .action-title { 
    
        color: #000 !important; 
    
    font-weight: normal !important; 
    
    } 
    
     
    
    .ui.primary.button, .ui.primary.buttons .button { 
    
        background-color: #00c8b4 !important; 
    
    } 
    
     
    
    i.huge.icon, i.huge.icons { 
    
        line-height: 1; 
    
        vertical-align: middle; 
    
        font-size: 3.4em !important; 
    
    } 
    
     
    
    .ui.card>.content>.header, .ui.cards>.card>.content>.header { 
    
        display: block; 
    
        margin: ''; 
    
        font-family: 'Poppins', sans-serif; 
    
    } 
    
     
    
    .ui.card>.content>.header:not(.ui), .ui.cards>.card>.content>.header:not(.ui) { 
    
        font-weight: 500 !important; 
    
        font-size: 1.1em !important; 
    
        margin-top: -.21425em; 
    
        line-height: 0.8em !important; 
    
    } 
    
     
    
    .ui.dividing.header { 
    
        padding-bottom: .21428571rem; 
    
    } 
    
     
    
    .ui.styled.fluid.accordion.basic.reservations-assignment{ 
    
    display:none !important; 
    
    } 
    
     
    
    .ui.three.cards>.card { 
    
        width: calc(25% - 2em) !important; 
    
        margin-left: 1em; 
    
        margin-right: 1em; 
    
    } 
    
     
    
    /* FINANCIAL */ 
    
    .ui.right.action.left.labeled.small.input.pay > div { 
    
        background-color: #000; 
    
        color: #fff !important; 
    
    } 
    
     
    
    /* MEMBERS */ 
    
    .item.creatememberwizard-finishaction-managemembers { 
    
        display: none !important; 
    
    } 
    
     
    
    div.communitymember-list-header > div.ui.secondary.menu div.item .button.edit-mode-button.toggle.active{ 
    
    background-color: #00c8b4 !important; 
    
    } 
    
     
    
    .ui.icon.labeled.dropdown.button.violet { 
    
        display: none; 
    
    } 
    
     
    
    #aspnetForm > div.bindable-content > div.communitymember-list-header.header > div > div.right.menu > div > div > div.ui.icon.labeled.dropdown.button.yellow.active.visible > div > a:nth-child(1) { 
    
        display: none !important; 
    
    } 
    
     
    
    .ui.menu .yellow.active.item, .ui.yellow.menu .active.item { 
    
        border-color: #000 !important; 
    
        color: #000 !important; 
    
    } 
    
     
    
    .ui.yellow.header { 
    
        color: #000 !important; 
    
    } 
    
     
    
    div.communitymember-list-header > div.ui.secondary.menu div.item .button.edit-mode-button.toggle.active { 
    
        background-color: #00c8b4 !important; 
    
    } 
    
     
    
    /* MASTERLIST */ 
    
    .master-list-export .ui.secondary.bottom.attached.segment { 
    
        display: none !important; 
    
    } 
    
     
    
    .ui.primary.button, .ui.primary.buttons .button { 
    
        background-color: #00c8b4 !important; 
    
    } 
    
     
    
    .ui.steps .step.active:after { 
    
        background: #e8e8e8 !important; 
    
    } 
    
     
    
    .master-list-export .content span, .ui.steps .step.active .title { 
    
        color: #000 !important; 
    
    } 
    
     
    
    #ctl00_uxMainContent > div.main-content.pcp-main-content.pjax-fragment > div > div.masterlist-export.container > master-list-export > div > div.ui.two.stackable.cards > div > div.content > div.right.floated.mini.ui.image > i { 
    
        display: none; 
    
    } 
    
     
    
    .ui.steps .step.active { 
    
        cursor: auto; 
    
        background: #e8e8e8 !important; 
    
    } 
    
     
    
     
    
    /* REPORTS  */ 
    
    .dx-datagrid .dx-link { 
    
        color: #000 !important; 
    
    } 
    
     
    
    .participant-status-dashboard { 
    
        min-width: 47% !important; 
    
    } 
    
     
    
    participant-financial-dashboard-item { 
    
     width: 47% !important; 
    
    margin-top: 12px; 
    
    } 
    
     
    
    /* MOBILE FRIENDLY GROUP AND INDIV PORTAL */ 
    
     
    
    @media screen and (max-width: 950px){ 
    
    .dashboard-intro { 
    
    width: 100% !important; 
    
    font-size: 12px !important; 
    
    } 
    
    } 
    
     
    
    @media only screen and (max-width: 950px){ 
    
    .ui.three.cards>.card { 
    
        width: calc(50% - 2em) !important; 
    
        margin-left: 1em; 
    
        margin-right: 1em; 
    
    } 
    
    } 
    
     
    
    @media only screen and (max-width: 950px){ 
    
    participant-financial-dashboard-item{ 
    
       width:100% !important; 
    
    } 
    
    } 
    
     
    
    @media only screen and (max-width: 950px){ 
    
    .participant-status-dashboard{ 
    
       width:100% !important; 
    
    } 
    
    } 
    
     
    
    a[data-tab|="positions"] { 
    
        display: none !important; 
    
    } 
    
     
    
    .item.creatememberwizard-finishaction-answerquestions { 
    
        display: none !important; 
    
    } 
    
     
    
    .ui.yellow.button, .ui.yellow.buttons { 
    
        background-color: #00c8b4 !important; 
    
    } 
    
     
    
    .kocomp-bingmap-printoutpanelcontainer > div > div[data-bind="click: togglePrintOutPanel"] { 
    
        background-color: #000!important; 
    
    } 
    
     
    
    .navbar .nav .step.active, .navbar .nav .step.active:after { 
    
        background-color: #00c8b4 !important; 
    
    } 
    
     
    
    button.ui.button.cookie-consent-banner-decline-button, button.ui.button.cookie-consent-banner-settings-button, button.ui.labeled.icon.button.back, div#summaryNavigation > button { 
    
        background-color: #000; 
    
    } 
    
     
    
    #contactUsButton{ 
    
    display:none; 
    
    } 
    
     
    
    div#duplicateContactDialog_0 .button { 
    
        background-color: #e72e2e !important; 
    
    } 
    
     
    
    #uxServiceBookingAssignmentPopup .hotel-group-assignment-component 
    
    { 
    
      overflow-x: scroll !important; 
    
      overflow-y: visible !important; 
    
      padding-bottom: 10px; 
    
    } 
    
     
    
    @media only screen and (max-width:998px){ 
    
          #uxServiceBookingAssignmentPopup .hotel-group-assignment-component 
    
          { 
    
            max-width: calc(91vw - 60px); 
    
          } 
    
    } 
    
     
    
    @media only screen and (min-width:998px){ 
    
          #uxServiceBookingAssignmentPopup .hotel-group-assignment-component 
    
          { 
    
            max-width: calc(74vw - 60px); 
    
          } 
    
    } 
    
     
    
    @media only screen and (min-width:1500px){ 
    
          #uxServiceBookingAssignmentPopup .hotel-group-assignment-component 
    
          { 
    
            max-width: calc(56vw - 60px); 
    
          } 
    
    } 
    
     
    
    @media only screen and (min-width:1750px){ 
    
          #uxServiceBookingAssignmentPopup .hotel-group-assignment-component 
    
          { 
    
            max-width: calc(42vw - 60px); 
    
          } 
    
    } 
    
     
    
    @media only screen and (min-width:2000px){ 
    
          #uxServiceBookingAssignmentPopup .hotel-group-assignment-component 
    
          { 
    
            max-width: calc(36vw - 60px); 
    
          } 
    
    } 

#header {
    position: relative;
    z-index: 99;
    display: none;
}

.ui.checkbox.checkbox-with-service-picture {
    max-width: 100% !important;
}

.flex-service-description-span {
    font-size: 15px !important;
}
/* END Theme LR CHF */