/*HIDE or show JCC*/
#cyp\.jcc {
	
	/*Just remove the comments and save and upload to cloudflare R2*/
	
    /*display: none !important;*/
}
#accordion-mopAccordion-button-cyp\.jcc {
    /*display: none !important;*/
}


/*Header edit to make it match the main website*/


header.prosHeader.js-header{
	padding:5px 0;
	
}


.prosHeader__logoContainer a.prosHeader__logo{
	width:170px;
	height:auto;
	
}


.skipToMainContent{display:none;}




@media (min-width: 768px) {
    .taer-root .itineraryPortionPanelSelector__selector {
        background-color: #164f3f !important; 
    }
}


@media (min-width: 768px) {
    .taer-root .itineraryPortionPanelSelector__selector.itineraryPortionPanelSelector__selector {
        background: #164f3f !important; 
    }
}
.taer-root .itineraryPortionPanelSelector__selector {
        background-color: #164f3f !important; 
    }








	


/* Force the seat map to display vertically on mobile */
@media (max-width: 640px) {


    /* Main container */
    .seatMap__container,
    .seatMap__container--horizontal {
        height: auto !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        flex-direction: column !important;
    }


    /* Remove the mobile rotation */
    .seatMap__container--horizontal .seatMap__bgWrapper {
        transform: none !important;
        rotate: none !important;
        width: auto !important;
        height: auto !important;
        margin-left: 0 !important;
        transform-origin: initial !important;
    }


    /* Keep aisle/row numbers straight */
    .seatMap__container--horizontal .aisle {
        transform: rotate(0deg) !important;
        rotate: none !important;
    }
	
	/*Tooltip*/
    .taer-root .customTooltip,
    .taer-root [class*="customTooltip"] {
        transform: rotate(0deg) !important;
        transform-origin: center !important;
    }
	
	/*initials*/
	    .taer-root .seat__initials {
        transform: rotate(0deg) !important;
        writing-mode: horizontal-tb !important;
    }




/*Title on mobile was not visible*/	
	.taer-root .itineraryPortionSelector__children{
		color:#fff !important;
		
	}
	.taer-root .button__pill_secondary{
		color:#c8a951 !important;
		
	}
	/*Previous next buttons*/
	.taer-root .button__pill_secondary:disabled, .taer-root .button__secondary:disabled{
		color:#c8a951 !important;
		
	}


}