/* Theme INDEX26 */
 /* Style Attributes */

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



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

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

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

#ctl00_uxMainContent{
width: 100% !important;
max-width: 1100px !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: 1100px;
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(#f2f2f2, white); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#f2f2f2, white); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#f2f2f28, white); /* For Firefox 3.6 to 15 */
background: linear-gradient(#f2f2f2, 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: #00963C !important;
    font-size: 1.4em;
}

/* ---------------------------------*/
/*      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: #00963C; 
}

.segment h2 {
    color: #00963C !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:visited, a:hover, a:active, .buttons input{
color:  #00963C !important;
font-style: normal;
fon
} 

a:link {
    color: #000000 !important;
 
}

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

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

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

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

/* --------------------------------------------*/
/*         WELCOME  PAGE */
/* --------------------------------------------*/
.pcp-infopage-responsive a {
    color: #00963C !important;
}

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

/* -------------------------------------------------- */
/* 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: #00963C !important;
    opacity: 10;
}

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

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

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

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

/* 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: #00963C !important;
color:#FFF;
}

/* 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: #00963C !important;
	color:#FFF;
}

/* CHANGE GRAY BUTTON COLOR */
.ui.labeled.icon.button, .ui.labeled.icon.buttons .button, .ui.buttons, .ui.button:hover, .ui.button, .hot-pendingchanges-cancel, .ui.basic.button:hover
 {
    background-color: #00963C !important;
	color:#FFF;
}

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

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


.hot-largeitem-basicdetails .ui.basic.button, .ui.basic.buttons .button {
	background-color: #00963C !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: #00963C;
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;
}

.hotel-details .hot-largeitem-roomtypes .component-room-booking .hot-largeitem-roomtypes-toggle-pricingconditions.ui.button.icon.basic{
background-color: #999999 !important;
color: #FFF !important;
}

.hotel-details .hot-largeitem-roomtypes .component-room-booking .hot-largeitem-roomtypes-toggle-pricingconditions.ui.button.icon.basic .ui.icon.question{
display : none !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: #00963C !important;
font-weight: normal !important;
}

.ui.primary.button, .ui.primary.buttons .button {
    background-color: #00963C !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;
}
*/
#ctl00_uxMainContent .communitymember-add-header.header .small.ui.buttons .ui.basic.button{
color: #bababc !important;
}
div.communitymember-list-header > div.ui.secondary.menu div.item .button.edit-mode-button.toggle.active{
background-color: #00963C !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: #00963C !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: #00963C !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-booking-actions .hot-largeitem-addbookings{
background-image:none !important;
color:#00963C !important;
font-weight: bold;
}

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

.hot-largeitem-confirmandcontinue {
    float: right;
    font-weight: bold;
    cursor: pointer;
    color: #00963C !important;
    background-color: #FFF!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;
}

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

.customhotlayout-tab-contracted.customhotlayout-tab-opaque, .customhotlayout-tab-external.customhotlayout-tab-opaque{
background-color: #00963C !important;
    color: #fff !important;
    border-color: #00963C !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);
      }
}

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

.component-service-reservation .component-groupmemberreservationassignment .questionnaire-assignment-navigation .ui.red.button.assignment-cancel-button, .questionnaire-assignment-navigation .ui.green.right{
	color: #FFFFFF;
}

.community-registration .component-registrationconfirmation #summaryNavigation .ui.green.icon.labeled.button.new-registration{
	color: #FFFFFF !important;
}

.community-registration .component-registrationconfirmation #summaryNavigation .ui.green.icon.labeled.button.registration-finish{
	color: #FFFFFF !important;
}

/*hide actual number of group members field and change the group name width to 100%*/
#page .component-group-information > .two.fields > .four.wide.field{
display:none !important;
}

#page .component-group-information > .two.fields >.twelve.wide.field{
width: 100%;
}


#missingCredential {
    display: none;
}


/* END Theme INDEX26 */