/* Theme CLM2026 */
 /* Style Attributes */

 /* Standard Content */
#ctl00_uxMenuItem_NewAbstractSubmission,
#ctl00_uxListItem_NewAbstractSubmission,
#ctl00_uxMenuItem_MyAbstractSubmissions,
#ctl00_uxListItem_MyAbstractSubmissions
{
display: block !important;
}
#page.pcp-page {
    max-width: 999px;
    width: 100%;
    margin: auto;
    background-color: #fff;
}
iframe#tripadvisorIFrame {
    display: none !important;
}
/*
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 #6A6F72 in this template to set the color for the backgrounds 
- Replace the value #6A6F72 in this template to set the color for the titles, links and borders 
Save and refresh cache
*/

/************************************** RESPONSIVE WEBSITE LAYOUT ***********************************/

/* -----------------------------*/
/*          GENERAL        */
/* ----------------------------*/

html{
height:100%;
width:100%;
}

#ctl00_uxMainContent{
width: 100% !important;
max-width: 990px !important;
}

@media screen and (max-width: 900px) {
.navbar {
        display: none;} 
}

/* REMOVE BORDERS AROUND PAGE */
.ui.segment {
    position: relative;
    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;
    margin: 1em 0;
    padding: 1em;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/* ALIGN THE TEXT IN LIST WITH THE BULLET POINT */
li{
list-style-position:outside !important;
}

/* --------------------------------*/
/*        END GENERAL      */
/* --------------------------------*/

/* ----------------------------------------*/
/*      BACKGROUND IMAGE    */
/* ---------------------------------------*/
body{
margin:0;
padding:0;
background: linear-gradient(#6c000b, #ffffff); /* For Safari 5.1 to 6.0 */
background: linear-gradient(#6c000b, #ffffff); /* For Opera 11.1 to 12.0 */
background: linear-gradient(#6c000b, #ffffff); /* For Firefox 3.6 to 15 */
background: linear-gradient(#6c000b, #ffffff); /* Standard syntax */
background-attachment: fixed;
font-family:Calibri !important;
color:#000 !important;
}

/* IF YOU NEED AN IMAGE AS BACKGROUND */
/*
body{
margin:0;
padding:0;
background:url("/Download.axd?FileID=e15ad2ae-fa7f-4226-af07-20aa6cefa635") no-repeat center fixed;
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover;
}*/

/* ADAPT BACKGROUND */
body
{
background-attachment: fixed !important;
}
	
/* --------------------------------------------*/
/*   END BACKGROUND IMAGE   */
/* --------------------------------------------*/

/* ------------------------------*/
/*        PAGE WIDTH     */
/* -----------------------------*/
#page{
width: 100%; 
max-width: 990px;
margin: auto; 
box-shadow: 0px 3px 15px #000;
}


/* ---------------------------------*/
/*      END PAGE WIDTH   */
/* --------------------------------*/

/* ----------------------------------------*/
/*      BANNER AND HEADER   */
/* ---------------------------------------*/

/* CENTER THE BANNER */
.logo-header, .logo-container
{
text-align: center;
}

/* HEADER AND TITLES COLORS */
h1, h2, h3, h4, h5, h6{
color: #9c1422 !important; /* this value defines all the headers and title colors, for example: Registration start page */
}

.segment h2 {
    color: #9f1526 !important;
    text-transform: uppercase;
}

/* Change capital letters to normal for sections */
.segment h2 {
text-transform: none;
}

@media screen and (max-width: 768px) {
.pageHeader {
    /*width: 1360px !important;
    left: -250px !important;*/
width:100% !important;
} 
}
 
@media screen and (min-width: 1090px) {
.pageHeader {
    /*width: 125% !important;*/
width:100% !important;
    left: 0px !important;} 
}
 
@media screen and (min-width: 1300px) {
.pageHeader {
    width: 100% !important;
    left: 0 !important;
} 
}

/* --------------------------------------------*/
/*   END BANNER AND HEADER  */
/* -------------------------------------------*/

/* ------------------------*/
/*            LINKS        */
/* ------------------------*/

a, a:link, a:visited, a:hover, a:active, .buttons input{
color:  #6A6F72; 
font-style: normal;
} 

/* -----------------------------*/
/*          END LINKS      */
/* -----------------------------*/

/* ----------------------------------------*/
/*  NAVIGATION BAR ON TOP */
/* ---------------------------------------*/
/* CHANGE ACTIVE PAGE BACKGROUND COLOR*/
.ui.active.step, .ui.steps .step.active
{
background-color: #6A6F72 !important;
color: white !important;
}

.step.active::after
{
background-color: #6A6F72 !important;
}

/* --------------------------------------------*/
/* REGISTRATION START PAGE */
/* --------------------------------------------*/

/* ADD A SPACE BETWEEN LOGIN BOX AND REG INTRO TEXT */
#registration-type-selection {
    margin-top: 45px;
}

/* POP UP FOR 3D SECURE INFORMATION */
a.infoPopUp {
background-image: url("https://b-com.mci-group.com/Download.axd?FileID=141bc871-d5b8-4360-a9c2-b96d9e68d315");
color: #000000;
cursor: pointer;
display: inline-block;
height: 30px;
position: relative;
text-decoration: none;
width: 30px;
}

a.infoPopUp span {
display: none;
z-index: 1;
}

a.infoPopUp:hover span {
background-color: #e0e0e0;
border: 1px solid #000000;
color: #133A99;
display: block;
font-family:Calibri !important;
font-size: 11px;
left: -23em;
padding: 10px;
position: absolute;
text-align: justify;
top: -18em;
width: 20em;
}

/* LOGIN BUTTON COLOR FOR LINK */
.component-login #loginButton span, button#signupButton span {
    color: #fff !important;
}

/* -------------------------------------------------- */
/* END REGISTRATION START PAGE */
/* ---------------------------------------------------*/

/* -------------------------------- */
/* ACCESS CODE PAGE */
/* --------------------------------*/

#ctl00_mc_uxButton{
background-image:none !important;
background-color: #6A6F72!important;
height:30px !important;
width:100px !important;
border:none !important;
font-size:14px !important;
border-radius:3px;
}

#ctl00_mc_uxButtonContinue{
background-image:none !important;
background-color: #6A6F72!important;
height:30px !important;
width:170px !important;
border:none !important;
font-size:14px !important;
border-radius:3px;
}

/* --------------------------------------- */
/* END ACCESS CODE PAGE */
/* ---------------------------------------*/

/* -------------------------------------------- */
/*      RESET PASSWORD PAGE   */
/* --------------------------------------------*/

/* RESET PASSWORD TITLE */
#ctl00_MainContentTitle_lblTitle{
color:#000 !important;
}

/* CONTINUE AND CANCEL BUTTONS */
#ctl00_mc_btnContinue, #ctl00_mc_btnUserCancel{
width:80px;
height:30px;
background-color:#FFA3AA;
text-align:center;
border-radius:5px !important;
margin-top:20px !important;
color:#000 !important;
background-image:none !important;
font-size:14px !important;
border:none !important; 
margin-bottom:30px !important;
}

#ctl00_mc_btnContinue{
float:right !important;
margin-right:200px !important;
}

#ctl00_mc_btnUserCancel{
float:left !important;
margin-left:200px !important;
}

/* --------------------------------------------------- */
/*     END  RESET PASSWORD PAGE    */
/* ----------------------------------------------------*/

/* -------------------------------------------- */
/*      REGISTRATION WEBSITE    */
/* --------------------------------------------*/

/* DISPLAY THE ASTERISK ON MANDATORY FIELDS */
i.icon.asterisk:before {
    content: "\f069";
    color: red;
}

/* 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 .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: #6A6F72 !important;
    opacity: 10;
}

/* CHANGE SERVICE PRICE LAYOUT */
.servicePrice {
    font-weight: bold;
}

.ui.checkbox.radio label span.servicePrice {
    color: #6A6F72 !important;
}

.checkbox label span:nth-of-type(2),.checkbox label span:nth-of-type(3){
color: #6A6F72 !important;
}

/* DATE PICKET IN COLOR */
i.icon.inverted.calendar {
    background-color: #6A6F72 !important;
    opacity: 10 !important;
}

/* LAYOUT FOR THE UNSELECT BUTTON */
.component-service-reservation .unselect-selection {
    cursor: pointer;
    float: right;
    color: #6A6F72 !important;
    font-weight: bold;
    text-decoration: underline !important;
}

.component-service-reservation .unselect-selection span {
     color: #6A6F72 !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: #6A6F72 !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: #6A6F72 !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: #6A6F72 !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: #6A6F72 !important;
}

/* CHANGE TINY BUTTONS (PENDING CHANGES) */
.hot-pendingchanges-item-link.ui.tiny.button {
    background-color: #6A6F72 !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: 200px !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;
}

/* CHANGE PAYMENT BUTTON COLOR */
#ctl00_mc_uxPaymentControl_uxPreviousButton, #ctl00_mc_uxPaymentControl_uxContinue
{
width: 202px;
background-color: #6A6F72;
font-size: 16px;
}

/* 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;
}


/* TELL A FRIEND FEATURE */
.customButton{
background-color:#840091;
color:#fff !important;
border-radius:10px;
height: 50px;
width: 150px;
border:none;
font-size:15px;
cursor:pointer;
text-decoration: none;
font-weight: bold;
padding-top: 10px;
padding-bottom: 10px;
float: right;
text-align: center;
}

.customButton:hover{
text-decoration: none;
background-color: #B100C1;
}

/* ----------------------------------------------- */
/*  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;
}

/* -------------------------------------------- */
/* 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;
}

/*div#ctl00_mc_uxInformationPagePartViewControl_uxGridContainer {
    padding-left: 30px;
width: 106%;
}*/

.titleSupplier{
text-align:center !important;
}

div.three.wide.column:hover {
    font-weight: bold !important;
}

/* END SUPPLIER */

/********************************** END RESPONSIVE WEBSITE LAYOUT  *******************************/

/*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 */

/******************************************* OLD  WEBSITE LAYOUT  **************************************/

/* ----------------------------------------*/
/*      BANNER AND HEADER   */
/* ---------------------------------------*/

#ctl00_uxLogo /* Website and onsite New */{
display: block;
margin-left: auto;
margin-right: auto;
}

#ctl00_uxTopContent_uxLogo.pageHeader{
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        */
/* ------------------------*/

.errordisplay a, .errordisplay a:link, .errordisplay a:visited, .errordisplay a:hover, .errordisplay a:active{
color: red; 
}

/* -----------------------------*/
/*          END LINKS      */
/* -----------------------------*/

/* --------------------------------------------*/
/* REGISTRATION START PAGE */
/* --------------------------------------------*/

/* PAGE TITLE IN EVENT COLOR */
.pagetitle-literal{
color:#6A6F72 !important;
}

/* CONNECT TO YOUR REGISTRATION */
div.login-extendedlogin-title /* Connect to your Registration on the Account Page */{
display:none !important;
}

/* CONNECT TO B-COM SECTION */
#epts-pnl-uniquefeature{
border: none !important;
}

/* CREATE BUTTON FOR FORGOT PASSWORD */ 
.extendedlogin-panel-forgotpassword{
background-color:#6A6F72;
color:#fff;
border-radius:10px;
height:35px;
line-height:35px !important;
width:130px;
border:none !important;
font-size:14px;
background-image:none !important;
}

.extendedlogin-panel-forgotpassword a{
color:#fff !important;
text-decoration:none !important;
margin-left:10px !important;
}

/* TITLES IN THE BOXES (INDIVIDUAL OR SMALL GROUPS)*/
.epts-title, .extendedlogin-main-title{
background-color:#fff !important;
border:none !important;
color:#6A6F72 !important;
font-size:15px !important;
}

/* DESCRIPTION IN THE BOXES (INDIVIDUAL OR SMALL GROUPS) */
.epts-description{
background-image:none !important;
margin-left:-28px;
}

/* NEW BUTTONS TO SELECT INDIVIDUAL OR SMALL GROUP REGISTRATION : BUTTONS ARE CREATED IN WEB SITE SETUP > COMMON LABELS*/
/* LABELS NAME: ONLINE_REGISTRATION_SELECTION_GROUP_REGISTERLINK and ONLINE_REGISTRATION_SELECTION_PARTICIPANT_REGISTERLINK */
.buttonLogin{
background-color:#6A6F72;
color:#fff;
border-radius:10px;
height:45px;
width:230px;
border:none !important;
font-size:15px;
float:left !important;
font-size:15px;
float:left !important;
line-height: 45px;
text-align: center;
font-style: normal;
}

/* TITLES IN THE LOGIN BOXES (AFTER CHOOSING INDIVIDUAL OR SMALL GROUP REGISTRATION) */
.extendedlogin-panel-title{
color:#6A6F72 !important;
margin-bottom:10px !important;
font-size:15px !important;
}

/* LOGIN AND CONTINUE BUTTONS (AFTER CHOOSING INDIVIDUAL OR SMALL GROUP REGISTRATION) */
#ctl00_mc_ctl00_uxEventParticipationTypeSelectionControl_uxExtendedLoginControl_btnLogin, 
#ctl00_mc_ctl00_uxEventParticipationTypeSelectionControl_uxExtendedLoginControl_btnDuplicateCheck, #ctl00_mc_uxEventParticipationTypeSelectionControl_uxExtendedLoginControl_btnLogin, #ctl00_mc_uxEventParticipationTypeSelectionControl_uxExtendedLoginControl_btnDuplicateCheck{
background-color:#6A6F72;
color:#fff;
border-radius:10px;
height:35px;
width:110px;
border:none !important;
font-size:14px;
float:right !important;
background-image:none !important;
}

input#ctl00_mc_ctl00_uxEventParticipationTypeSelectionControl_uxExtendedLoginControl_btnLogin /* login button on the Registration Start Page */{
float:right; 
}

#ctl00_mc_ctl00_uxEventParticipationTypeSelectionControl_uxExtendedLoginControl_btnDuplicateCheck /* Continue button on the Registration Start Page */{
float: right; 
}

/* LINK FORGOT PASSWORD */
div.extendedlogin-panel-forgotpassword {
float: left;   /* puts the link on the left, since the login button is on the right (see above) */ 
} 

/* PLEASE WAIT MESSAGE WHEN LOGIN */
div#loadingLogin {
float:right; /* the message is on the right because the forgot password is on the left */
}

/* CUSTOMIZE THE TEXT FIELDS IN THE LOGIN BOXES (AFTER CHOOSING INDIVIDUAL OR SMALL GROUP REGISTRATION) */
#ctl00_mc_ctl00_uxEventParticipationTypeSelectionControl_uxExtendedLoginControl_uxUserName, #ctl00_mc_ctl00_uxEventParticipationTypeSelectionControl_uxExtendedLoginControl_uxPassword, #ctl00_mc_ctl00_uxEventParticipationTypeSelectionControl_uxExtendedLoginControl_uxFirstName, #ctl00_mc_ctl00_uxEventParticipationTypeSelectionControl_uxExtendedLoginControl_uxLastName, #ctl00_mc_ctl00_uxEventParticipationTypeSelectionControl_uxExtendedLoginControl_uxEmail{
border-radius:5px !important;
height:20px !important;
border:1px solid #c8c8c8 !important;
}

/* BACKGROUND COLOR IN THE LOGIN BOXES (AFTER CHOOSING INDIVIDUAL OR SMALL GROUP REGISTRATION) */
#ctl00_mc_ctl00_uxEventParticipationTypeSelectionControl_uxExtendedLoginControl_rowSystemLogin, 
#ctl00_mc_ctl00_uxEventParticipationTypeSelectionControl_uxExtendedLoginControl_rowNewContact{
background-color:#dcdcdc;
border-radius:10px;
height:250px;
}

/* BOX TO CONNECT WITH SOCIAL NETWORKS 
#ctl00_mc_ctl00_uxEventParticipationTypeSelectionControl_uxExtendedLoginControl_pnlExternalLogin{
background-color:#dcdcdc !important;
border-radius:10px !important;
margin-top:15px !important;
padding:15px !important;
}*/

/* -------------------------------------------------- */
/* END REGISTRATION START PAGE */
/* ---------------------------------------------------*/

/* -------------------------------- */
/* ACCESS CODE PAGE */
/* --------------------------------*/

#ctl00_mc_uxButton{
background-image:none !important;
background-color: #6A6F72!important;
height:30px !important;
width:100px !important;
border:none !important;
font-size:14px !important;
border-radius:3px;
}

#ctl00_mc_uxButtonContinue{
background-image:none !important;
background-color: #6A6F72!important;
height:30px !important;
width:170px !important;
border:none !important;
font-size:14px !important;
border-radius:3px;
}

/* --------------------------------------- */
/* END ACCESS CODE PAGE */
/* ---------------------------------------*/

/* -------------------------------------------- */
/*      RESET PASSWORD PAGE   */
/* --------------------------------------------*/

/* RESET PASSWORD TITLE */
#ctl00_MainContentTitle_lblTitle{
color:#000 !important;
}

/* CONTINUE AND CANCEL BUTTONS */
#ctl00_mc_btnContinue, #ctl00_mc_btnUserCancel{
width:80px;
height:30px;
background-color:#FFA3AA;
text-align:center;
border-radius:5px !important;
margin-top:20px !important;
color:#000 !important;
background-image:none !important;
font-size:14px !important;
border:none !important; 
margin-bottom:30px !important;
}

#ctl00_mc_btnContinue{
float:right !important;
margin-right:200px !important;
}

#ctl00_mc_btnUserCancel{
float:left !important;
margin-left:200px !important;
}

/* --------------------------------------------------- */
/*     END  RESET PASSWORD PAGE    */
/* ----------------------------------------------------*/

/* -------------------------------------------- */
/*      REGISTRATION WEBSITE    */
/* --------------------------------------------*/

/* THE CODES BELOW REMOVE THE GREY BORDERS AROUND THE TITLES */
div.template-design {
background-image: none; /* erase the background image */
padding:12px 0 0;
margin:0;
}

div.template-module {
background-image: none;
}

div.template-object {
background-image: none;
padding: 0;
}

/* NAVIGATION BAR */
.wizardNaviguationBar .page .enabled
{
color: #000 !important; /* defines the color of the enabled pages in the navigation bar (= the previous pages)*/
}

.wizardNaviguationBar .page .current
{
color: #6A6F72; /* defines the color of the current page in the navigation bar */
font-size:14px !important;
font-weight:bold;
}

.wizardNaviguationBar .page .disabled
{
color: #000 !important; /* sets the color of the links that have not yet been visited */
}

.nodisplaydates
{
display:none;
}

/* TABLE FOR ACCOMPANYING PERSON */
.dxgvHeader table tr td{
color:#000 !important;
border:none !important;
}

#ctl00_mc_uxAccompanyingPersonEditControl_uxSaveButton, #ctl00_mc_uxAccompanyingPersonEditControl_uxCancelButton
{
width:80px;
height:35px;
background-color:#FFA3AA;
text-align:center;
border-radius:5px !important;
margin-top:20px !important;
color:#000 !important;
border:none !important;
font-size:13px !important;
}

#ctl00_mc_uxAccompanyingPersonEditControl_uxSaveButton{
float:right !important;
}

#ctl00_mc_uxAccompanyingPersonEditControl_uxCancelButton{
float:left !important;
}

.dxgvHeader{
background-color:#E8E8E8 !important;
border:none !important;
border:none !important;
}

/* REMOVE EXTRA BORDER IN ACC PERSON TABLE */
.dxgvStatusBar {
border-top: NONE !IMPORTANT;
}

/* CHANGE BORDER COLOR IN ACC PERSON TABLE */
table#ctl00_mc_uxIndividualRegistrationEditControl_uxAccPersonListViewControl_uxAccompanyingPersonListXGrid {
    border: 1px solid #d3d3d3;
}

/* CHANGE THE HEIGHT OF THE SUB TABLE FOR ACC PERSON */
td#ctl00_mc_uxIndividualRegistrationEditControl_uxAccPersonListViewControl_uxAccompanyingPersonListXGrid_tcStatusBar {
    height: 30px;
}

/* MAKE THE PREVIOUS/NEXT BUTTONS BIGGER AND ADD BACKGROUND COLOR */
input#ctl00_uxNextButton, #ctl00_uxPreviousButton{
width:80px;
height:40px;
background-color:#6A6F72;
color:#fff;
text-align:center;
border-radius:5px !important;
margin-top:20px !important;
}

/* CATEGORIES BACKGROUND AND FONT COLOR */
.category{
padding-left: 5px;/* add a space between the border and the text */
background-color: #6A6F72; /* define the background color of the labels. For example: Profile*/
color: #ffffff ; /* change the #value to add a color for the text */
height: 27px; 
line-height: 27px; /* If you have changed the height value, the line-height should be the same */
margin-bottom:15px !important; /* add a space after the title */
margin-top:15px !important; /* add a space before the title */
border-radius:3px !important;
width: auto;
}

/* HIDE EXTERNAL COMMUNITIES IN PERSONAL INFO PAGE */
#ctl00_mc_ctl00_uxContactEditControl_uxExternalCommunityManagementPanel{
display: none; /* this code hides the external communities in the personal info page*/
}

/* MAIN RIGHT MENU (the menu on the right on the personal information page, with the “contact us” link) */
.main-right-menu {
display: none !important;
}

/* CUSTOMIZE THE TEXT FIELDS, DROP DOWN LISTS AND TEXTAREA */
.editFormField input[type="text"], .editFormField select, .editFormField textarea{
border: 1px solid #c8c8c8 !important;
height:20px !important;
border-radius:3px !important;
}
.aspnetmembership-password-textbox, #ctl00_mc_ctl00_uxContactEditControl_uxAspnet_MembershipEditControl_uxPasswordConfirmation{
border: 1px solid #c8c8c8 !important;
height:20px !important;
border-radius:3px !important;
}

.editFormField-birthdate select{
border: 1px solid #c8c8c8 !important;
height:20px !important;
border-radius:3px !important;
}

.answer input[type="text"], .answer select{
border: 1px solid #c8c8c8 !important;
height:20px !important;
border-radius:3px !important;
}

.answer textarea{
border: 1px solid #c8c8c8 !important;
border-radius:3px !important;
}

/* SERVICE BOOKING PAGE - ADD BACKGROUND COLOR */
/*.WSSSOCtn{
padding-left: 5px;/* add a space between the border and the text */
background-color: #2E5495; /* define the background color of the labels. For example: Profile*/
color: #ffffff !important; /* change the #value to add a color for the text */
height: 27px; 
line-height: 27px; /* If you have changed the height value, the line-height should be the same */
margin-bottom:15px !important; /* add a space after the title */
margin-top:15px !important; /* add a space before the title */
border-radius:3px !important;
}

span.WSSSOTitle{
color:#fff !important;
} */

/* HOTEL PAGE (old one) */
.hot-largeitem-address{ 
display:none; /* this code hides the hotel address */
}

.hot-largeitem-phone{ 
display:none; /* this code hides the hotel phone number */
}

div#bingMapControlContainer /* hotel map: the codes below allows the map to be centred */{
margin-left:auto; 
margin-right:auto;
}

/* HOTEL PAGE - NEW ONE */
.customhotlayout-calltoaction a{
color:#fff !important;
}

/*Adjust width for the Hotel Page*/
.maincontainer.PageHotel {
width: 990px !important;
}

/* 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;
}

/* MAKE THE CONITNUE BUTTON BIGGER ON THE PAGE WHEN A PAYMENT METHOD HAS BEEN CHOSEN */
input#ctl00_mc_uxPaymentControl_uxContinue{
font-size:18px; float:right;
margin-bottom:30px;
border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-webkit-border-radius:5px;
background-image:none;
}

/* BOOKING SUMMARY PAGE - MODIFY THE TABLE */
.xb1,.xb2, .xb3,.xb4,.xb5,.xb6,.xb7,.xb8{
display:none !important;
}

.xboxcontent{
border:1px solid #a8a8a8 !important;
}

.xboxcontent .layout th{
height:25px !important;
line-height:25px !important;
background-color: #6A6F72 !important;
color:#fff !important;
}

.xboxcontent{
margin-top:20px !important;
border-radius:5px !important;
}

#ctl00_mc_lblTotalDeposit, #ctl00_mc_uxTotalDeposit{
color:#6A6F72 !important;
}

/* PAY BUTTON ON THE BOOKING SUMMARY PAGE */
input.payButton{
width:145px !important;
height:40px;
background-color:#6A6F72;
color:#fff;
text-align:center;
}

input[value="Proceed to payment >"]{
width: 225px !important;
}

/* ON PAYMENT PAGE, BUTTON TO CONFIRM AND TO CHANGE PAYMENT METHOD */
#ctl00_mc_uxPaymentControl_uxPreviousButton, #ctl00_mc_uxPaymentControl_uxContinue{
width:160px;
height:40px;
background-color:#6A6F72;
color:#fff;
text-align:center;
border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-webkit-border-radius:5px;
background-image:none;
}

/* CUSTOMIZE THE TEXT FILEDS TO ENTER CC DETAILS */
.field input, .field select{
border-radius:5px !important;
height:35px !important;
border:1px solid #c8c8c8 !important;
}

/* FINISH BUTTON */
#ctl00_mc_uxFinish{
width:110px !important;
height:35px;
font-size:14px !important;
background-color:#6A6F72;
color:#fff;
text-align:center;
border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-webkit-border-radius:5px;
}

/* TELL A FRIEND FEATURE */
.customButton{
background-color:#840091;
color:#fff !important;
border-radius:10px;
height: 50px;
width: 150px;
border:none;
font-size:15px;
cursor:pointer;
text-decoration: none;
font-weight: bold;
padding-top: 10px;
padding-bottom: 10px;
float: right;
text-align: center;
}

.customButton:hover{
text-decoration: none;
background-color: #B100C1;
}

/* ACT ON LAYOUT - ON CONFIRMATION PAGE */
.button_container {
background-color: #D42628;
width: 300px;
padding: 10px;
margin-left: 316px;
border-radius: 10px;
}

.button {
color: white !important;
text-decoration: none !important;
font-weight: bold;
}

/* END ACT ON LAYOUT - ON CONFIRMATION PAGE */

#ctl00_mc_ctl00_uxQuestionnaireFillControl_uxQuestion_98303_uxAnswerEditControl_0,
#ctl00_mc_ctl00_uxQuestionnaireFillControl_uxQuestion_98304_uxAnswerEditControl_0,
#ctl00_mc_uxQuestionnaireFillControl_uxQuestion_98303_uxAnswerEditControl_0,
#ctl00_mc_uxQuestionnaireFillControl_uxQuestion_98304_uxAnswerEditControl_0,
#ctl00_mc_uxQuestionnaireFillControl_uxQuestion_95585_uxAnswerEditControl_0
{
display: none;
}


/* ----------------------------------------------- */
/*   END REGISTRATION WEBSITE  */
/* -------------------------------------------------*/

/* --------------------------- */
/*             FOOTER      */
/* ---------------------------*/

#footer{
color: #FFFFFF; /* choose a value for the color of the text (font) */
background-color: #6A6F72;
background-image: none !important;
padding-bottom: 0.1em;
font-size: 11px; /* the font size of a footer should always be smaller than the content */
width:100%; /* sets the footer’s width à must be the same value than the page’s width */
min-height:55px !important;
line-height:20px !important;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
-moz-border-bottom-left-radius:10px;
-moz-border-bottom-right-radius:10px;
-ms-border-bottom-left-radius:10px;
-ms-border-bottom-right-radius:10px;
border:none !important;
}

/* ------------------------------ */
/*         END FOOTER     */
/* -------------------------------*/

/* ------------------------------ */
/*     ACCOUNT PAGE    */
/* --------------------------------*/

input#ctl00_mc_uxExtendedLoginControl_btnLogin /* Login button on the Account page */{
float: right; /* button on the right */
width: 60px; 
height: 20px;
background-color: #6A6F72 !important; 
color:#fff !important; 
}

input#ctl00_mc_uxExtendedLoginControl_btnDuplicateCheck /* Continue button on the Account page */{
float: right; /* continue button on the right */
width: 60px; 
height: 20px;
color:#fff !important; 
background-color: #6A6F72 !important;
} 

div.extendedlogin-panel-forgotpassword /* link Forgot password on the Account Page */{
float: left;   /* puts the link on the left, since the login button is on the right (see above) */ 
color:#000 !important; 
} 

/* ------------------------------------ */
/*    END ACCOUNT PAGE   */
/* -------------------------------------*/
/* ---------------------------------- */
/*       SMALL GROUPS       */
/* ----------------------------------*/

/* SMALL GROUP – REGISTRATION START PAGE */
input#ctl00_mc_ctl00_uxEventParticipationTypeSelectionControl_uxExtendedLoginControl_btnLogin{
float: right; /* login button on the right*/
} 

div.extendedlogin-panel-forgotpassword {
float: left;   /* puts the link Forgot Password on the left, since the login button is on the right (see above) */ 
} 

div#loadingLogin  /* Please wait message on the Registration Start Page*/{
float:right; /* the message is on the right because the forgot password is on the left */
}

input#ctl00_mc_ctl00_uxEventParticipationTypeSelectionControl_uxExtendedLoginControl_btnDuplicateCheck{
float:right; /* continue button on the right */
}

/* MODIFY THE SMALL GROUP CREATION SUMMARY */
.OGRDashCtn {
    margin-top: 20px !important;
}

/* -----------------------------------*/
/*   END SMALL GROUPS    */
/* -----------------------------------*/
/* ------------------------------------ */
/*    ABSTRACT WEBSITE     */
/* ------------------------------------*/

/* NAME OF THE EVENT FOR ABSTRACT WEBSITE */
.abstractsubmission-welcome-eventinfo-name{
background-color: #6A6F72; /* the #value defines the background color of the label */
color: #ffffff; /* you can change the color of the text */
display: block; /* do not change this value */
font-size: 1.2em; /* defines the size of the text into the label */
font-weight: bold; /* puts the text in bold */
padding: 5px 10px 5px 5px; /* do not change this value */
boder:none !important;
 }

/* LAYOUT FOR AUTHOR BOXES */
#ctl00_mc_uxAuthorGridView_StatusBar_uxAdd, #ctl00_mc_uxAuthorGridView_pr0_uxAffiliationEditButton,#ctl00_mc_uxAuthorGridView_pr0_uxConflictEditButton {
    padding: 5px;
    background-color: #6A6F72;
    color: #ffffff;
    height: 30px;
    line-height: 30px;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
    border-radius: 3px !important;
    text-align: left;
}

#ctl00_mc_uxAuthorGridView_tcpr0 > table > tbody > tr > td {
    width: 50%;
    text-align: left;
}

#ctl00_mc_uxAuthorGridView_tcpr0 > table  {
    padding: 5px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-collapse: collapse;
    border-bottom-style: none;
    width: 100%;
}

/* ------------------------------------------ */
/*    END ABSTRACT WEBSITE   */
/* -------------------------------------------*/
/* ----------------------------------- */
/*   COMMUNITY PORTAL   */
/* ------------------------------------*/

/* BUTTONS TO LOGIN */
#ctl00_mc_uxExtendedLoginControl_btnLogin, #ctl00_mc_uxExtendedLoginControl_btnDuplicateCheck{
background-color:#6A6F72;
color:#fff;
border-radius:10px;
height:35px !important;
width:110px !important;
border:none !important;
font-size:14px;
float:right !important;
background-image:none !important;
}

#login-extendedlogincontrol-container, .login-extendedlogin-panel{
border:none !important;
}

/* REMOVE BORDERS AND ADD BACKGROUND COLOR ON LOGIN PAGE */
#ctl00_mc_uxExtendedLoginControl_rowNewContact{border:none !important;}
#ctl00_mc_uxExtendedLoginControl_rowSystemLogin, #ctl00_mc_uxExtendedLoginControl_rowNewContact{
background-color:#dcdcdc;
border-radius:10px;
height:200px;
}

/* ADD BACKGROUND COLOR ON SOCIAL NETWORK BOX TO LOGIN 
#ctl00_mc_uxExtendedLoginControl_pnlExternalLogin{
background-color:#dcdcdc;
border-radius:10px;
margin-top:10px !important;
padding:10px !important;
}*/

/* CUSTOMIZE THE TEXT FIELDS ON THE LOGIN PAGE */
.loginFormField input{
border:1px solid #c8c8c8 !important;
height:20px !important;
border-radius:5px !important;
}

.positions-container
{display: none;}

.md-tabitem-positions
{display: none;}

.md-tabitem-contactprofile
{display: none;}

.toolboxitem-changeshistory
{display: none;}

.cmcreation-left-code
{display: none;}

#uxViewChangesHistory
{display: none;}

#ctl00_mc_uxDocumentControl_WebSiteLabelControl5
{display: none;}

.cp-docs-show-docinput
{display: none;}

.md-tabitem-addresses
{display: none;}

#masterlist-export-downloadoptions-panel
{visibility: hidden;}

.rl-assignreservations-quantity
{visibility: hidden;}

.rl-assignreservations-spinner
{visibility: hidden;}

.rl-assign-selected-reservations-button
{visibility: hidden;}

#ctl00_uxUserAccountBar_uxManageAccount
{visibility: hidden;}

.cmcreation-advancedCreationOptions
{visibility: hidden;}

#uxIndividualReservations
{display: none;}

.hro-item-sitelink
{display: none;}

#uxAssignReservations
{color: #ff9900;}

.cp-foc-box-data-left
{display: none;}

#ctl00_mc_uxFlatAbstractReviewerRepeater_ctl01_uxFlatAbstractReviewerView_uxTopicsSelectionDeadline 
{ display:none;}

/* CHANGE TITLE COLOR - FINANCIAL PAGE */
.cp-section-title{
color: #6A6F72 !important;
}

/* REMOVE IMAGE ON ACTIONS BOXES - MEMBERS PAGE */
.ml-toppanel{
background-image:none !important;
}

/* CENTER THE SECTIONS ON HOME PAGE */
.dashboardItemBaseContainer{
margin-left:45px !important;
}

/* REMOVE THE CORNER ON SECTION - HOME PAGE
Remove display none to display the asterisks
div.corner{
display:none !important;
}
 */

/* CHANGE THE BACKGROUND COLOR OF THE MENU */
.cp-topmenu-container, .cp-leftmenu-communityname{
background-image:none !important;
background-color: #6A6F72 !important;
border-bottom: none !important;
font-size:14px !important;
}

/* CHANGE COLOR OF THE TABS */
.cp-topmenu-text-row{
background-image:none !important;
background-color: #6A6F72 !important;
border-bottom: none !important;
color:#fff !important;
}

/* CHANGE THE COLOR OF THE LINKS IN THE TABS */
.cp-topmenu-text-row a{
color:#000 !important;
}

/* REMOVE THE ARROWS ON SELECTED TAB */
.cp-topmenu-arrow-row{
display:none !important;
}

/* REMOVE THE BORDERS ON SELECTED TAB */
.cp-topmenu-text-community-selected{
border-bottom: none !important;
}

/* CHANGE THE COLOR OF THE LINK ON THE SELECTED TAB */
.cp-topmenu-text-community-selected a{
color: #6A6F72 !important;
}

/* CHANGE NAME OF THE GROUP ON THE LEFT */
.cp-leftmenu-headerrow td{
height:26px !important;
border: none !important;
background-color: #6A6F72  !important;
}

/* CHANGE COLOR OF TEXT WHEN HOVER */
.cp-topmenu-text-row a:hover{
color: #6A6F72 !important;
text-decoration:none !important;
}

/* CHANGE COLOR OF THE SELECTED MENU ON THE LEFT */
.cp-leftmenu-selected
{
color: #6A6F72 !important;
}

input[type="radio"]{
border:none !important;
}

/* ------------------------------------------ */
/*   END COMMUNITY PORTAL   */
/* ------------------------------------------*/

/* ----------------------------------------------------------------------------- */
/*    MENU IN INFORMATION PAGES – M&E WEBSITES    */
/* ---------------------------------------------------------------------------- */

.topmenu-level-0{ 
background-image:none !important;
background-color: #6A6F72 !important;
margin-bottom:30px !important;
}

div#topmenu li a:hover { 
color: #000 !important; 
cursor:pointer;
border-bottom:none;
}

div#topmenu ul{
background-image:none !important;
background-color: #6A6F72 !important;;
}

div#topmenu li { 
background-image:none !important;
background-color: #6A6F72;
font-size:12px;
}

div#topmenu li a {  
color: #FFFFFF !important;
margin: 0 !important;
border-right: none !important;
padding-top:0 !important;
padding-right: 15px !important;
padding-left: 15px !important;
padding-bottom: 0pt !important;
margin-top:4px !important;
line-height:25px;
}

div#topmenu li.topmenu-selected a { 
color:#000 !important; 
background-color: #6A6F72 !important; 
}

div#topmenu UL.topmenu-level-0 li:hover, div#topmenu UL.topmenu-level-0 li a:hover{
background-color: #6A6F72 !important; 
color:#000 !important; 
}

div#topmenu li.topmenu-selected{ 
background-color: #6A6F72 !important;
}

/* ----------------------------------------------------------------------------------- */
/*  END MENU IN INFORMATION PAGES – M&E WEBSITES    */
/* -----------------------------------------------------------------------------------*/

/**************************************** END OLD  WEBSITE LAYOUT  ***********************************/
.ui.checkbox label span[data-bind|="text: pricing.DisplayPrice"]{
color: #6A6F72 !important;
}

#ctl00_mc_uxPaymentControl_uxPreviousButton, #ctl00_mc_uxPaymentControl_uxContinue {
    width: 160px;
    height: 40px;
    background-color: #6A6F72;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-image: none;
    font-size: 10px !important;
}

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

/* MAKE QUESTION TEXT BOLD */
.questionnaire-form .field>label {
    font-size: 1em;
    font-weight: bold;
}

.ui.error.message, .ui.negative.message {
    background-color: #efecec;
    color: #A95252;
}

#page-footer {
    font-size: 12px;
    padding-bottom: 0.5em;
    margin-top: 0.6em;
    padding-top: 0.25em;
    text-align: center;
    background-color: transparent;
}


#footer a{
color:#000 !important;
} 

.cp-topmenu-text-row a {
    color: #fff !important;
}

.cp-leftmenu-communityname {
    color: #ffffff;
    font-weight: bold;
    width: 130px;
    overflow: hidden;
    padding: 4px 0 3px 5px;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

#ctl00_uxRightSideMenuTD
{
    padding-right: 16px;
}

.onlineHelpToggler
{
display: none;
}

/* HAVE PRICES ON THE RIGHT */

.ui.checkbox.radio label span.servicePrice {

    color: #a26da5 !important;

    float: right;

}

 

.ui.checkbox, .ui.radio {

    font-size: 1em;

    width: 100% !important;

}

 

.ui.checkbox input, .ui.radio input{

width: 100% !important;

}

#ctl00_mc_uxParticipantReservationBlockListViewControl_uxReservationBlockRepeater_ctl00_uxParticipantReservationBlockViewControl_uxViewDetails_uxLink,
#ctl00_mc_uxParticipantReservationBlockListViewControl_uxReservationBlockRepeater_ctl01_uxParticipantReservationBlockViewControl_uxViewDetails_uxLink,
#ctl00_mc_uxParticipantReservationBlockListViewControl_uxReservationBlockRepeater_ctl02_uxParticipantReservationBlockViewControl_uxViewDetails_uxLink,
#ctl00_mc_uxParticipantReservationBlockListViewControl_uxReservationBlockRepeater_ctl03_uxParticipantReservationBlockViewControl_uxViewDetails_uxLink,
#ctl00_mc_uxParticipantReservationBlockListViewControl_uxReservationBlockRepeater_ctl04_uxParticipantReservationBlockViewControl_uxViewDetails_uxLink,
#ctl00_mc_uxParticipantReservationBlockListViewControl_uxReservationBlockRepeater_ctl05_uxParticipantReservationBlockViewControl_uxViewDetails_uxLink,
#ctl00_mc_uxParticipantReservationBlockListViewControl_uxReservationBlockRepeater_ctl06_uxParticipantReservationBlockViewControl_uxViewDetails_uxLink,
#ctl00_mc_uxParticipantReservationBlockListViewControl_uxReservationBlockRepeater_ctl07_uxParticipantReservationBlockViewControl_uxViewDetails_uxLink,
#ctl00_mc_uxParticipantReservationBlockListViewControl_uxReservationBlockRepeater_ctl08_uxParticipantReservationBlockViewControl_uxViewDetails_uxLink,
#ctl00_mc_uxParticipantReservationBlockListViewControl_uxReservationBlockRepeater_ctl09_uxParticipantReservationBlockViewControl_uxViewDetails_uxLink,
#ctl00_mc_uxParticipantReservationBlockListViewControl_uxReservationBlockRepeater_ctl10_uxParticipantReservationBlockViewControl_uxViewDetails_uxLink,
#ctl00_mc_uxParticipantReservationBlockListViewControl_uxReservationBlockRepeater_ctl11_uxParticipantReservationBlockViewControl_uxViewDetails_uxLink,
#ctl00_mc_uxParticipantReservationBlockListViewControl_uxReservationBlockRepeater_ctl12_uxParticipantReservationBlockViewControl_uxViewDetails_uxLink,
#ctl00_mc_uxParticipantReservationBlockListViewControl_uxReservationBlockRepeater_ctl13_uxParticipantReservationBlockViewControl_uxViewDetails_uxLink,
#ctl00_mc_uxParticipantReservationBlockListViewControl_uxReservationBlockRepeater_ctl14_uxParticipantReservationBlockViewControl_uxViewDetails_uxLink,
#ctl00_mc_uxParticipantReservationBlockListViewControl_uxReservationBlockRepeater_ctl15_uxParticipantReservationBlockViewControl_uxViewDetails_uxLink,
#ctl00_mc_uxParticipantReservationBlockListViewControl_uxReservationBlockRepeater_ctl16_uxParticipantReservationBlockViewControl_uxViewDetails_uxLink,
#ctl00_mc_uxParticipantReservationBlockListViewControl_uxReservationBlockRepeater_ctl17_uxParticipantReservationBlockViewControl_uxViewDetails_uxLink,
#ctl00_mc_uxParticipantReservationBlockListViewControl_uxReservationBlockRepeater_ctl18_uxParticipantReservationBlockViewControl_uxViewDetails_uxLink,
#ctl00_mc_uxParticipantReservationBlockListViewControl_uxReservationBlockRepeater_ctl19_uxParticipantReservationBlockViewControl_uxViewDetails_uxLink,
#ctl00_mc_uxParticipantReservationBlockListViewControl_uxReservationBlockRepeater_ctl20_uxParticipantReservationBlockViewControl_uxViewDetails_uxLink,
#ctl00_mc_uxParticipantReservationBlockListViewControl_uxReservationBlockRepeater_ctl21_uxParticipantReservationBlockViewControl_uxViewDetails_uxLink,
#ctl00_mc_uxParticipantReservationBlockListViewControl_uxReservationBlockRepeater_ctl22_uxParticipantReservationBlockViewControl_uxViewDetails_uxLink,
#ctl00_mc_uxParticipantReservationBlockListViewControl_uxReservationBlockRepeater_ctl23_uxParticipantReservationBlockViewControl_uxViewDetails_uxLink,
#ctl00_mc_uxParticipantReservationBlockListViewControl_uxReservationBlockRepeater_ctl24_uxParticipantReservationBlockViewControl_uxViewDetails_uxLink,
#ctl00_mc_uxParticipantReservationBlockListViewControl_uxReservationBlockRepeater_ctl25_uxParticipantReservationBlockViewControl_uxViewDetails_uxLink,
#ctl00_mc_uxParticipantReservationBlockListViewControl_uxReservationBlockRepeater_ctl26_uxParticipantReservationBlockViewControl_uxViewDetails_uxLink
{
display: none;
}

#hs-topmenu-regular {
    display: none !important;
}



div.component-externallogin.externalcommunity-item 
{
    filter: grayscale(30%) !important;
}



.ui.checkbox.radio label span.servicePrice {
    color: #6A6F72 !important;
    float: inherit;
}

div.ui.list.subservicelist {
    margin-left: 2em;
    color: rgba(0, 0, 0, 0.6);
    display: none;
}


#ctl00_uxMenuItem_MyRegistrations,
#ctl00_uxSep_MyRegistrations,
#ctl00_uxListItem_NewRegistration,
#ctl00_uxMenuItem_NewRegistration
{
display: none !important;
}

.component-service-reservation .serviceDescription {
    margin-top: 0px;
    font-style: italic;
    text-indent: 0px;
    margin-left: 25px;
    width: 91%;
}

.reservation-actions
{
display: none !important;
}


.wizardButtons .next {
    float: right;
    background: #9b1422 !important;
    color: white !important;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 20px;
    margin-top: 20px;
}

.wizardButtons .back
{
    float: left;
    background: #9b1422 !important;
    color: white !important;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 20px;
    margin-top: 20px;
}

.ui.checkbox.radio label span.servicePrice {
    color: #9c1322 !important;
    float: inherit;
}

input#ctl00_mc_uxPaymentControl_uxContinue {
    float: right;
    margin-bottom: 30px;
    -webkit-border-radius: 5px;
    background-image: none;
    color: white !important;
}

.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: #a31626 !important;
}

.ui.labeled.icon.button, .ui.labeled.icon.buttons .button, .ui.buttons, .ui.button:hover, .ui.button, .hot-pendingchanges-cancel {
    background-color: #9f1525 !important;
}

.ui.warning.message, .ui.yellow.message {
    background-color: #E6E6E6;
    color: #9b1524;
}

.ui.checkbox label span[data-bind|="text: pricing.DisplayPrice"] {
    color: #9c1422 !important;
}

#footer {
    background-color: transparent !important;
    color: black !important;
}

#ctl00_uxMenuItem_NewAbstractSubmission,
#ctl00_uxListItem_NewAbstractSubmission,
#ctl00_uxMenuItem_MyAbstractSubmissions,
#ctl00_uxListItem_MyAbstractSubmissions
{
display: block !important;
}

/* ----------------------------------------------------------------------------------- */
/*  UNIVERSAL APP PORTAL NEW LAYOUT - 2021    */
/* -----------------------------------------------------------------------------------*/
/* GENERAL */
#page.pcp-page {
    max-width: 997px !important;
    width: 100%;
    margin: auto;
    background-color: #fff;
}

@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: #000 !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 calibri !important;
}

.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;
    border-bottom: 1px solid #000!important;
}

.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: #000 !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: #3CC0C5 !important;
}

/* MASTERLIST */
.master-list-export .ui.secondary.bottom.attached.segment {
    display: none !important;
}

.ui.primary.button, .ui.primary.buttons .button {
    background-color: #000 !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  */
tabs#communityportaldocument-list-main-tabs-id {
    display: none;
}

.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|="questionnaires"], a[data-tab|="positions"] {
    display: none !important;
}

.item.creatememberwizard-finishaction-answerquestions {
    display: none !important;
}

.ui.yellow.button, .ui.yellow.buttons {
    background-color: #72DB4E !important;
}

.kocomp-bingmap-printoutpanelcontainer > div > div[data-bind="click: togglePrintOutPanel"] {
    background-color: #000!important;
}

/*td.hot-largeitem-booking-actions > div {
    background-color: #000;
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    color: #fff !important;
    min-height: 24px;
    line-height: 23px;
}

.component-hotels .hot-largeitem-addbookings{
background:none !important;
background-image:none !important;
padding-left:0px !important;
}*/


.navbar .nav .step.active, .navbar .nav .step.active:after {
    background-color: #000 !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;
}

.hot-pendingchanges-continue, .hot-pendingchanges-cancel, .hot-largeitem-addbookings{
    background-color: #000;
}

.component-hotels .hot-largeitem-addbookings{
background-image:none !important;
color:#fff !important;
}

.component-hotels .hot-largeitem-bookingaction {
    padding-left: 0px !important;
}

.hot-largeitem-confirmandcontinue {
    float: right;
    font-weight: bold;
    cursor: pointer;
    color: #fff !important;
    background-color: #000!important;
    height: 25px;
    line-height: 25px;
    text-decoration: none !important;
    min-width: 141px;
    text-align: center;
}

button.hot-external-largeitem-book-now {
    background-color: transparent !important;
}

.customhotlayout-tab-contracted.customhotlayout-tab-solid, .customhotlayout-tab-external.customhotlayout-tab-solid {
    background-color: #EC6D06 !important;
    color: #fff !important;
    border-color: #EC6D06 !important;
}

.customhotlayout-tab-contracted.customhotlayout-tab-opaque, .customhotlayout-tab-external.customhotlayout-tab-opaque{
background-color: #EC6D06 !important;
    color: #fff !important;
    border-color: #EC6D06 !important;
}

#contactUsButton{
display:none;
}

.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;
}

div#duplicateContactDialog_0 .button {
    background-color: #e72e2e !important;
}

.hot-largeitem-zoomout > span {
    color: #000!important;
    text-decoration: underline;
}

#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);
      }
}

#ctl00_mc_ctl00_uxEventParticipationTypeSelectionControl_uxExtendedLoginControl_btnLogin, #ctl00_mc_ctl00_uxEventParticipationTypeSelectionControl_uxExtendedLoginControl_btnDuplicateCheck, #ctl00_mc_uxEventParticipationTypeSelectionControl_uxExtendedLoginControl_btnLogin, #ctl00_mc_uxEventParticipationTypeSelectionControl_uxExtendedLoginControl_btnDuplicateCheck
{
font-family: calibri !important;
}

td#ctl00_uxRightSideMenuTD {
    font-size: 14px !important;
    font-family: calibri !important;
}


.abstractsubmission-welcome-eventinfo-name {
    font-family: calibri !important;
    font-size: 14px;
}

.questionAnswer {
    FONT-FAMILY: CALIBRI !IMPORTANT;
}

.abstract-submission-basecontent-title {
    width: 550px;
    font-family: calibri !important;
}

#AbstractTopicSelectionView .dxtlControl a {
    color: #A16D82;
    font-family: calibri !important;
}

#ctl00_mc_uxAbstractTopicSelector_uxAbstractTopicTreeList_tDC2_22992_uxAbstractTopicName
{
    font-weight: bold !important;
}

/*HIDE THE SHOW TOPIC IN REVIEW HOME PAGE*/
.ui.secondary.menu.stackable button.ui.button.blue {
    display: none !important;
}
/*HIDE INVITATION DEADLINE*/
label[data-bind*="ABSTRACT_REVIEWING_INVITATION_DEADLINE"] {
    display: none !important;
}
label[data-bind*="ABSTRACT_REVIEWING_INVITATION_DEADLINE"] + span {
    display: none !important;
}
/* END Theme CLM2026 */