/* Theme MECCTheme */
 /* 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 #004288 in this template to set the color for the backgrounds 
- Replace the value #E8332A in this template to set the color for the titles, links and borders 
Save and refresh cache
*/

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

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

html, body {
    font-size: 13..4px !important;
}

/*.field input, .ui.input.labeled input,.ui.input input {
    font-family: Calibri important;
}*/

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

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

/* REMOVE BORDERS AROUND PAGE */
.ui.segment {
    background-color: #FFF;
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.1) !important; 
    box-shadow: 0 0 0 0 rgba(0,0,0,.1) !important;
}

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

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

.field input, .field select {
font-family: Calibri !important;
}


/* CHANGE ALL BUTTON TEXT COLOR */
.ui.button{
color:#fff !important;
}


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

/* ----------------------------------------*/
/*      BACKGROUND IMAGE    */
/* ---------------------------------------*/
body{
margin:0;
padding:0;
background: -webkit-linear-gradient(#fff, white); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#fff, white); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#fff, white); /* For Firefox 3.6 to 15 */
background: linear-gradient(#fff, white); /* 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   */
/* --------------------------------------------*/

/* ------------------------------*/
/*        CONSENT  & COOKIE BANNER   */
/* -----------------------------*/
.cookie-consent-banner-main.content button span,button.ui.button.cookie-consent-banner-prefernces-save-button {
    color: #fff !important;
}

.component-consent h3 {
    color: #E8332A !important;
    font-size: 1.4em;
}

.component-consent label {
    color: #000 !important;
}

/* ---------------------------------*/
/*      END CONSENT   */
/* --------------------------------*/

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

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

/* HEADER AND TITLES COLORS */
h1, h2, h3, h4, h5, h6{
color: #E8332A; 
}

.segment h2 {
    color: #E8332A !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;
} 
}

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

div#header{
background-color: #fff;  /* sets the header color to white */
border-top-left-radius:10px !important;
border-top-right-radius:10px !important;
}

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

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

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

span.forgotten-password a,.doubleregistration-intro a,.component-consent a, p.forgot-password a,  a.forgot-password-link{
    color: #E8332A !important;
}

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

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

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

/* --------------------------------------------*/
/*         WELCOME  PAGE */
/* --------------------------------------------*/

.pcp-infopage-responsive a {
    color: #FF7B47 !important;
    text-decoration: underline;
}


/* --------------------------------------------*/
/*         END WELCOME  PAGE */
/* --------------------------------------------*/

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

/* HIDE EVENT NAME & DATES */
.component-welcome h1 {
    display: none;
}

.component-welcome .twelve.wide.column {
    width: 100% !important;
}

/* REDUCE THE GRAYSCALE ON SOCIAL MEDIA ICON */
.component-externallogin .externalcommunity-item {
-webkit-filter: grayscale(30%) !important;
-moz-filter: grayscale(30%)!important; 
-o-filter: grayscale(30%) !important;
filter: grayscale(30%) !important;
}

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

.component-registration-introduction .introduction-content {
    font-size: 13.4px !important;
}

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

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

/* HIDE THE STARS AND ROUNDED CORNER FOR PARTICIPANT FIELDS */
.ui.input>.ui.corner.label {
    top: 1px;
    right: 1px;
    display: none;
}

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

.ui.form.segment span, .ui.checkbox.radio label {
    color: #000 !important;
}

.ui.form .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: #004288 !important;
    opacity: 10;
}

/* CHANGE SERVICE PRICE LAYOUT */
.ui.checkbox.radio span.servicePrice,  .ui.checkbox span.servicePrice{
color: #E8332A !important;
font-weight: bold;
}

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

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

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

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

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

.hot-actionbar .ui.basic.button, .ui.basic.buttons .button {
	background-color: #004288 !important;
	color: white !important;
}


.hot-largeitem-basicdetails .ui.basic.button, .ui.basic.buttons .button {
	background-color: #004288 !important;
	color: white !important;
}

/*
.component-hotels .hot-largeitem-addbookings, .hot-largeitem-bookingaction{
    background-image: none !important;
    background-color: white;
	font-size: 15px;
	font-weight:bold;
}
*/
#page .main-content  .component-group-information.ui.form.segment > .field{
	display : none !important;
}
/* EXPEDIA BUTTONS LAYOUT ON HOTEL PAGE */
.component-hotels .customhotlayout-tabs {
    float: right;
    width: 700px !important;
    height: 40px;
    margin: 2px 0 0 0;
    padding: 0px;
    border-spacing: 0px;
}

.component-hotels .customhotlayout-tab-contracted {
    float: right;
    width: 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: #004288;
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;
}

/* SUMMARY PAGE TEXT SIZE */
.component-summary .summary-header {
    font-size: 13.4px !important;
}

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

/* ------------------------------------- */
/* SMALL GROUP WEBSITE */
/* -------------------------------------*/

/* ALIGN THE BILLING ADDRESS CHECKBOX WITH THE TEXT */
.ui .form input[type=checkbox]
{
vertical-align: middle !important;
}

/* CHANGE PRICE LAYOUT TO BOLD */
span[data-bind|="text: pricing.DisplayPrice"] {
font-weight: bold;
}

/* HIDE SHIPPING ADDRESS */
input[data-bind|="checked: groupInformation().UseDifferentShippingAddress"] {
    display: none;
}

button.ui.green.right.labeled.icon.button.assignment-validate-button span, button.ui.red.button.assignment-cancel-button span, button.ui.purple.left.labeled.icon.button.back-to-selection span, button.ui.purple.right.labeled.icon.button.save-and-go-to-questionnaires-button span, button.ui.purple.right.labeled.icon.button.assignment-save-answers span {
    color: #fff !important;
}


/* -------------------------------------------- */
/* END SMALL GROUP WEBSITE */
/* --------------------------------------------*/

/* -------------------------------------------- */
/* SUPPLIER PORTAL LAYOUT */
/* -------------------------------------------- */
.three.wide.column > div > div:hover {
    color: #E01977 !important;
}

.eventportal .sixteen.wide.column h1 {
    text-align: center;
    font-size: 30px;
    margin-bottom: -10px;
}

.three.wide.column p:last-child{
    margin-bottom: 0;
    font-size: 15px;
    margin-top: 7px;
}

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

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

/* -------------------------------------------- */
/* END SUPPLIER PORTAL LAYOUT */
/* -------------------------------------------- */


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

.customhotlayout-intropopup-shade, .customhotlayout-intropopup{
display:none !important;
}

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

.component-hotels .hot-largeitem-editbookings, .component-hotels .hot-largeitem-confirmbookingsedition, .component-hotels .hot-largeitem-cancelbookingsedition{
background-image:none !important;
color: #113B53 !important;
    font-size: 14px !important;
    font-weight: bold;
text-decoration:underline;
}

/*
.component-hotels .hot-largeitem-confirmandcontinue {
    float: right;
    font-weight: bold;
    cursor: pointer;
    background-color: #113B53 !important;
}
*/

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

span.hot-largeitem-bookingaction.hot-largeitem-addbookings span {
    color: #000;
    text-decoration: underline;
}

.custom-hot-listitem-tripadvisor {
    display: none;
}

.hot-largeitem-basicdetails .ui.tiny.basic.icon.labeled.button {
    color: #fff !important;
    font-size: 12px;
}

span.hot-largeitem-bookingaction.hot-largeitem-addbookings span {
    color: #113B53 !important;
    font-size: 14px !important;
    font-weight: bold;
}

/* HOTEL NOT FOUND BANNER IMPROVEMENT */
.hot-list-noresult i.ui.icon.frown {
    display: none !important;
}

.component-hotels .hot-list-noresult.ui.message {
    background-color: #fff !important;
font-weight:normal !important;
   width: 85% !important;
   margin-left: auto;
   margin-right: auto;
}

/* EXPEDIA HOTELS LAYOUT */
.custom-hot-external-provider-image {
    height: 28px !important;
    padding-left: 0px;
}

.component-hotels .customhotlayout-tab-external-image-container {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
    z-index: 1;
    border: 1px solid #FFCD03 !important;
height: 40px !important;
}

.customhotlayout-tab-external.customhotlayout-tab-solid {
    border-color: #FFCD03 !important;
    border-width: 1px !important;
    height: 43px;
}

.component-hotels .customhotlayout-tab-external-image {
    width: 119px !important;
    opacity: 1;
    display: block;
    margin: 0 auto;
}

.custom-hot-external-provider-image {
    height: 20px;
    padding-left: 0px;
    border: 2px solid #FFCD03 !important;
    border-radius: 5px;
}



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

#footer{
background-color: #004288 !important;
color: #fff !important;
background-image: none !important;
padding-top: 0.05em;
padding-bottom: 0.1em;
font-size: 12px; 
width:100%; 
border:none !important;
}

#footer a{
color: #fff !important;
text-decoration:underline !important;
}


#page-footer {
    font-size: 13.4px !important;
    padding: 0.5em;
    margin-top: 0.6em;
    padding-top: 1.25em;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
        width: 100%;
    max-width: 990px;
}

#page-footer span{
color:#000 !important;
}

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

/* ----------------------------------------------------------------------------------- */
/*  UNIVERSAL APP PORTAL NEW LAYOUT - 2021    */
/* -----------------------------------------------------------------------------------*/
/* GENERAL */


a.service-details-link{
display:none;
}

@media only screen and (min-width: 992px)
.ui.column.grid>[class*="nine wide computer"].column, .ui.grid>.column.row>[class*="nine wide computer"].column, .ui.grid>.row>[class*="nine wide computer"].column, .ui.grid>[class*="nine wide computer"].column {
    width: 100%!important;
}

.sixteen.wide.tablet.nine.wide.computer.column.legend {
    width: 100% !important;
}

/* LINKS */
a, a:link, a:visited, a:hover, a:active, .buttons input{
color:  #000;
font-style: normal;
} 

/* DASHBOARD */
.dashboard-intro {
    width: 45% !important;
    margin-left: auto;
    margin-right: auto;
font-size:14px;
color: #000 !important;
}

.ui.fluid.card.dashboard.item.questionnaire-reservation {
    display: none;
}

h3.ui.center.aligned.dividing.header {
    color: #000 !important;
}

.sixteen.wide.tablet.seven.wide.computer.column.chartchart {
    display: none;
}

.ui.card>.content>.header:not(.ui), .ui.cards>.card>.content>.header:not(.ui) {
    font-weight: bold !important;
}

.group-financial .sixteen.wide.tablet.seven.wide.computer.column.chartchart {
    width: 30% !important;
}

.group-financial .sixteen.wide.tablet.nine.wide.computer.column.legend {
    width: 100% !important;
}

i.blue.icon, .card .action-title {
    color: #000 !important;
font-weight: normal !important;
}

.ui.primary.button, .ui.primary.buttons .button {
    background-color: #004288 !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: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
}

.ui.card>.content>.header:not(.ui), .ui.cards>.card>.content>.header:not(.ui) {
    font-weight: 500 !important;
    font-size: 1.1em !important;
    margin-top: -.21425em;
    line-height: 0.8em !important;
}

.ui.dividing.header {
    padding-bottom: .21428571rem;
}

.ui.styled.fluid.accordion.basic.reservations-assignment{
display:none !important;
}

.ui.three.cards>.card {
    width: calc(25% - 2em) !important;
    margin-left: 1em;
    margin-right: 1em;
}

/* FINANCIAL */
.ui.right.action.left.labeled.small.input.pay > div {
    background-color: #000;
    color: #fff !important;
}

/* MEMBERS */
.item.creatememberwizard-finishaction-managemembers {
    display: none !important;
}

div.communitymember-list-header > div.ui.secondary.menu div.item .button.edit-mode-button.toggle.active{
background-color: #004288 !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: #004288 !important;
}

.ui.steps .step.active:after {
    background: #e8e8e8 !important;
}

.master-list-export .content span, .ui.steps .step.active .title {
    color: #000 !important;
}

#ctl00_uxMainContent > div.main-content.pcp-main-content.pjax-fragment > div > div.masterlist-export.container > master-list-export > div > div.ui.two.stackable.cards > div > div.content > div.right.floated.mini.ui.image > i {
    display: none;
}

.ui.steps .step.active {
    cursor: auto;
    background: #e8e8e8 !important;
}


/* REPORTS  */
.dx-datagrid .dx-link {
    color: #000 !important;
}

.participant-status-dashboard {
    min-width: 47% !important;
}

participant-financial-dashboard-item {
    width: 47% !important;
margin-top: 12px;
}

/* MOBILE FRIENDLY GROUP AND INDIV PORTAL */

@media screen and (max-width: 950px){
.dashboard-intro {
width: 100% !important;
font-size: 12px !important;
}
}

@media only screen and (max-width: 950px){
.ui.three.cards>.card {
    width: calc(50% - 2em) !important;
    margin-left: 1em;
    margin-right: 1em;
}
}

@media only screen and (max-width: 950px){
participant-financial-dashboard-item{
   width:100% !important;
}
}

@media only screen and (max-width: 950px){
.participant-status-dashboard{
   width:100% !important;
}
}

a[data-tab|="positions"] {
    display: none !important;
}

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

.ui.yellow.button, .ui.yellow.buttons {
    background-color: #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: #004288 !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:#004288 !important;
font-weight: bold;
}

.component-hotels .hot-largeitem-bookingaction {
    padding-left: 0px !important;
	color:#004288 !important;
	font-weight: bold;
}

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

button.hot-external-largeitem-book-now {
    background-color: transparent !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;
}
/*External hotel button change*/
/*
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);
      }
}


.ui.green.icon.labeled.button.new-registration
{
display: none;
}

#ctl00_mc_uxPaymentControl_uxPreviousButton, #ctl00_mc_uxPaymentControl_uxContinue {
    width: 270px;
    background-color: #004288;
    font-size: 15px;
}

.dropdowncomponent {
    width: 100%;
    padding: 0.65em 0.1em 0.65em 1em;
    border: 1px solid #b2b2b2;
    border-radius: 0.3125em;
    font-family: calibri !important;
}

.component-hotels .customhotlayout-calltoaction-text {
    height: 120px;
    overflow: hidden;
    font-size: 4.3em;
    padding: 0 0 0 15px;
}



/* Allow page to be a bit wider */
#page.pcp-page {
max-width: 1050px;
}

#ctl00_uxMainContent .confirm-reservations .confirmation-reservation-blocks-list .confirmation-reservatons-list > ul > li:nth-child(2){
display: none !important;
}

#page .regular-menu-wrapper .ui.dropdown.item.current-community .menu.transition  a[href*="Communication/List.aspx"] {
    display: none;!important;
}

/*Additional changes on the new hotel page*/
#uxHotelControlContainer .modern.component-hotel-search .modern.hot-comparison-container .ui.basic.button.icon.left.labeled.fluid.mordern.hot-comparisons-link >*{
color: #FFF;
}

#uxHotelControlContainer .modern.hot-search-content-container .modern.hot-search-left-content .ui.basic.icon.button.labeled.fluid>*{
color: #FFF;
}

.modern.component-hotel-search .modern.hot-main-content .modern.hotel-comparison .ui.basic.icon.button.labeled>*{
color: #FFF;
}

#uxHotelControlContainer .modern.component-hotel-search .modern.hot-search-dates-label{
font-size: large;
}

.modern.hotel-details .modern.hot-external-rooms-search-criteria .modern.hot-search-dates-label{
font-size: large;
}

/*
#uxHotelDetails .modern.hot-largeitem.component-hotel-detail .modern.hot-detail-actions{
font-size: large;
}
*/

.modern.booking-actions .modern.ui.green.button.hot-largeitem-bookingaction, .modern.ui.red.button.hot-largeitem-bookingaction{
color: #FFF !important;
font-weight: bold;
}

.modern.hot-existing-reservation .modern.hot-external-largeitem-cancel-booking.ui.red.right.labeled.icon.button{
background-color: red;
}
.modern.hot-largeitem-booking-actions .modern.ui.blue.button.hot-largeitem-bookingaction.hot-largeitem-editbookings{
color: #FFF !important;
font-weight: bold;
}

.modern.hot-largeitem-booking-actions .modern.ui.green.button.hot-largeitem-bookingaction.hot-largeitem-addbookings{
color: #FFF !important;
font-weight: bold;
}
/* END Theme MECCTheme */