/* Theme TZM2020 */
 /* Style Attributes */

 /* Standard Content */
/*
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 #0096D6 in this template to set the color for the backgrounds 
- Replace the value #006592 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;} 
}

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

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

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

/* ----------------------------------------*/
/*      BACKGROUND IMAGE    */
/* ---------------------------------------*/
body{
margin:0;
padding:0;
background: -webkit-linear-gradient(#0096D6, white); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#0096D6, white); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#0096D6, white); /* For Firefox 3.6 to 15 */
background: linear-gradient(#0096D6, white); /* Standard syntax */
background-attachment: fixed;
font-family:Arial !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; 
border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
-webkit-border-radius:10px;
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: #006592; /* this value defines all the headers and title colors, for example: Registration start page */
}

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

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

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

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

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

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

.step.active::after
{
background-color: #006592 !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:Arial !important;
font-size: 11px;
left: -23em;
padding: 10px;
position: absolute;
text-align: justify;
top: -18em;
width: 20em;
}

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

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

#ctl00_mc_uxButton{
background-image:none !important;
background-color: #0096D6!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: #0096D6!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;
}

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

span.servicePrice {
    color: #006592 !important;
}

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

/* 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: #0096D6 !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: #0096D6 !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: #0096D6 !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: #0096D6 !important;
}

/* CHANGE TINY BUTTONS (PENDING CHANGES) */
.hot-pendingchanges-item-link.ui.tiny.button {
    background-color: #0096D6 !important;
}

/* CHANGE PAYMENT BUTTON COLOR */
#ctl00_mc_uxPaymentControl_uxPreviousButton, #ctl00_mc_uxPaymentControl_uxContinue
{
width: 202px;
background-color: #0096D6;
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;
}

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


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


/******************************************* 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:#006592 !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:#0096D6;
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:#0096D6 !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:#0096D6;
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:#0096D6 !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:#0096D6;
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: #0096D6!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: #0096D6!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: #006592; /* 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:#0096D6;
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: #0096D6; /* 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;
}

/* 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: #0096D6 !important;
color:#fff !important;
}

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

#ctl00_mc_lblTotalDeposit, #ctl00_mc_uxTotalDeposit{
color:#0096D6 !important;
}

/* PAY BUTTON ON THE BOOKING SUMMARY PAGE */
input.payButton{
width:145px !important;
height:40px;
background-color:#0096D6;
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:#0096D6;
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:#0096D6;
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: #0096D6;
background-image: none !important;
padding-top: 0.05em;
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: #0096D6 !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: #0096D6 !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: #0096D6; /* 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: #0096D6;
    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:#0096D6;
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: #006592 !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: #0096D6 !important;
border-bottom: none !important;
font-size:14px !important;
}

/* CHANGE COLOR OF THE TABS */
.cp-topmenu-text-row{
background-image:none !important;
background-color: #0096D6 !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: #006592 !important;
}

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

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

/* CHANGE COLOR OF THE SELECTED MENU ON THE LEFT */
.cp-leftmenu-selected
{
color: #006592 !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: #0096D6 !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: #0096D6 !important;
}

div#topmenu li { 
background-image:none !important;
background-color: #0096D6;
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: #006592 !important; 
}

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

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

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

/* ---------------------------------------------------*/
/* SUPPLIER PORTAL - INFO PAGES  */
/* --------------------------------------------------*/
#MetroTable{
margin: auto;
}

#MetroTable td{
width: 200px !important;
background-color: #ED1F62;
text-align: center;
-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
 box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
}

#MetroTable td:hover{
background-color: #DAEDF4;
}

#MetroTable img{
width: 70px;
height: 70px;
}

#MetroTable a{
text-decoration: none !important;
}

#HomeButton{
background-color: #ED1F62;
padding: 10px;
width: 50px;
border-radius: 7px;
}

#HomeButton a{
text-decoration: none;
color: white !important;
font-weight: bold;
}

#spacing {
    box-shadow: 0px 0px 0px white !important;
    background: none !important;
}

/* ---------------------------------------------------------- */
/* END SUPPLIER PORTAL - INFO PAGES   */
/* ----------------------------------------------------------*/

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


#page-footer {
    background-color: rgba(144, 209, 237, 0);
}

#ctl00_mc_btnContinue, #ctl00_mc_btnUserCancel {
    background-color: #0096D6;
}


label[data-bind|="label: 'COMMUNITYPORTAL_PROGRESSIVE_PAYMENT_METHOD_SELECTION_BT'"] {
    display: none !important;
}

#ctl00_mc_uxPaymentControl_uxPreviousButton, #ctl00_mc_uxPaymentControl_uxContinue {
    width: 317px !important;
}
/* END Theme TZM2020 */