﻿/*********************************************************

    MAIN PAGE ADJUSTMENTS

*********************************************************/

/*Change background color here*/
body 
{
    /*background: #f5f5f5;
    background-image:  none;*/
}

/*Change background image here*/
body 
{
    /*background: #f5f5f5 url(images/bg-header.png) repeat;*/
}


/*Change header color here*/
#headerwrap {
    background-color:  #1a1a1a;
    background-image:  none;
}

/*Change header image here*/
#headerwrap {
     /*background-image:  url(images/grain.jpg);*/
    /*background-image:  url(images/bg-header.png);*/
}

/*Change logo and size here */
#logoimage
{
    background-image:  url(images/exo.png);
    width:150px; 
    height:80px;
    margin:20px 0px;
    background-repeat:no-repeat;
 }

/*Change login background at header*/
#headerlinks
{
    /*background:  rgba(220,220,220,0.6) none repeat scroll 0 0;*/
}

/*Change menu / nav bar color here*/
#topbar
{
    background-color: #444;
}


#menu ul li a:hover
{
     background: #699336;
}

/*Change footer color here */
#pagefooter
{
     background: #1e1d27;
     color: #ffffff;
}

/*Change footer header color here */
#footer h3{color: #72A435;}



/*********************************************************

    GLOBALLY APPLIED LOOK

*********************************************************/

/*Change link color here */
a {color: #3d82ab; }
a:hover	{color:#2b607f;}
a:visited, a:active {color: #3d82ab;}


/*Change button color here */
.iButton, .iButton:link, .iButton:visited, #logout, #headerlinks #logout, a.ButtonAnchor:active, a.ButtonAnchor, a.ButtonAnchor:link, a.ButtonAnchor:visited
{
    background-color: #3d82ab;
}

/*Change button hover color here */
.iButton:hover, a#logout:hover, #headerlinks a#logout:hover,a.ButtonAnchor:hover
{
    background-color: #2b607f;
    color: #ffffff;
}

/*Change coulor of buttons on the booking page */
a.buttonaction:hover, a.buttonaction:active
{
	border-color: #3d82ab;
	background-color: #ffffff;
	color:#000;
}

#tabNavigation a.selected
{
    border-top:5px solid #3d82ab;
}

.plusMinusButton {
    background-color: #3d82ab;
}

/* Agent Area
    Change the background colour of the adverts
*/

.advertItem {
    background-color: #1e1d27;
}

.SearchRefineFilter_heading
{
    background-color: #3d82ab;
    color: #ffffff;
}

.SearchRefineFilter_filterSection
{
border: 1px solid #3d82ab;
}



/****************************************************************************
    
    SLIDER ARROW
    Change the slider arrow.

******************************************************************************/

/*Black square with white arrow*/
/*.sliderarrowleft, .sliderarrowright {
    display: block;
    position: absolute;
    width: 40px;
    height: 50px;
    cursor: pointer;
    background: url(images/arrowsquare.png) no-repeat;
    overflow: hidden;
}
.sliderarrowleft { background-position: -10px -35px; }
.sliderarrowright { background-position: -70px -35px; }
.sliderarrowleft:hover { background-position: -130px -35px; }
.sliderarrowright:hover { background-position: -190px -35px; }
.sliderarrowleft.jssora13ldn { background-position: -250px -35px; }
.sliderarrowright.jssora13rdn { background-position: -310px -35px; }
*/

/*White circle with transparent arrow*/
/*.sliderarrowleft, .sliderarrowright {
    display: block;
    position: absolute;
    width: 45px;
    height: 45px;
    cursor: pointer;
    background: url(images/arrowround.png) no-repeat;
    overflow: hidden;
}
.sliderarrowleft { background-position: -8px -38px; }
.sliderarrowright { background-position: -68px -38px; }
.sliderarrowleft:hover { background-position: -128px -38px; }
.sliderarrowright:hover { background-position: -188px -38px; }
.sliderarrowleft.jssora06ldn { background-position: -248px -38px; }
.sliderarrowright.jssora06rdn { background-position: -308px -38px; }
*/


/*********************************************************

    Service Search
    Get class/star images in the results

*********************************************************/

.classCode3
{
    background-image:  url(images/3star.png);
    display: inline-block;
    overflow: hidden;
    width: 84px;
    height: 16px;
    color:transparent;
}


.classCode1
{
    background-image:  url(images/1star.png);
    display: inline-block;
    overflow: hidden;
    width: 84px;
    height: 16px;
    color:transparent;
}

.classCode2
{
    background-image:  url(images/2star.png);
    display: inline-block;
    overflow: hidden;
    width: 84px;
    height: 16px;
    color:transparent;
}

.classCode4
{
    background-image:  url(images/4star.png);
    display: inline-block;
    overflow: hidden;
    width: 84px;
    height: 16px;
    color:transparent;
}

.classCode5
{
    background-image:  url(images/5star.png);
    display: inline-block;
    overflow: hidden;
    width: 84px;
    height: 16px;
    color:transparent;
}


/*********************************************************

    Service Search/Option info
    Get rate icons in the results

*********************************************************/

.rateiconrateName
{
	background-image: url('images/rateicons/valueadd-icon.png');
}

.rateiconrateText
{
	background-image: url('images/rateicons/note-icon.png');
}

.rateiconlastBookableDate
{
	background-image: url('images/rateicons/exo_datelimit.png');
}

.rateiconstayPay
{
	background-image: url('images/rateicons/Staypay-icon.png');
}

.rateiconcompulsoryExtras
{
	background-image: url('images/rateicons/valueadd-icon.png');
}

.rateiconcompulsoryExtras1
{
	background-image: url('images/rateicons/valueadd-icon.png');
}

.rateiconcompulsoryExtras2
{
	background-image: url('images/rateicons/valueadd-icon.png');
}

.rateiconcompulsoryExtras3
{
	background-image: url('images/rateicons/valueadd-icon.png');
}

.rateiconcompulsoryExtras4
{
	background-image: url('images/rateicons/valueadd-icon.png');
}

.rateiconcompulsoryExtras5
{
	background-image: url('images/rateicons/valueadd-icon.png');
}

.rateiconvoucherText
{
	background-image: url('images/rateicons/valueadd-icon.png');
}

.rateiconvoucherText1
{
	background-image: url('images/rateicons/exo_specialdeal.png');
}

.rateiconvoucherText2
{
	background-image: url('images/rateicons/exo_valueadd.png');
}

.rateiconvoucherText3
{
	background-image: url('images/rateicons/Specialevent_light.png');
}

.rateiconvoucherText4
{
	background-image: url('images/rateicons/note-icon.png');
}

.rateiconvoucherText5
{
	background-image: url('images/rateicons/valueadd-icon.png');
}

.rateiconvoucherText6
{
	background-image: url('images/rateicons/valueadd-icon.png');
}

.rateiconvoucherText7
{
	background-image: url('images/rateicons/valueadd-icon.png');
}

.rateiconvoucherText8
{
	background-image: url('images/rateicons/valueadd-icon.png');
}

.rateiconvoucherText9
{
	background-image: url('images/rateicons/valueadd-icon.png');
}

.rateiconvoucherText10
{
	background-image: url('images/rateicons/specialdeal-icon.png');
}


/*********************************************************

    Service Search/Option info display
    option description
    option comment, rate description

*********************************************************/
/*
#searchResults .optionDetails .optionComment {
    display:inline-block;
}

#searchResults .optionComment::before {
    content: ", ";
} 

#searchResults td.resultList .optionComment {
    display: none;
} 

#searchResults .externalRate .RateDescription
{
    display: none;
}
*/

/*********************************************************

    Service Search/Option info display
    option description
    option comment
    rate description

*********************************************************/
/*
#searchResults .optionDetails .optionComment {
    display:block;
}

#searchResults  .optionComment {
    display: block;
    text-transform: uppercase;
    font-size:0.9em;
}

#searchResults td.resultList .optionComment {
    display: none;
} 
*/


.classCodeST 
{
    background-image:  url(images/2star_ori.png);
    display: inline-block;
    overflow: hidden;
    width: 84px;
    height: 16px;
    color:transparent;
}

#productContent .classcodeST, #supplierContent .classcodeST 
{
    background-image:  url(images/2star.png);
    overflow: hidden;
    width: 84px;
    height: 16px;
    color:transparent;
}

.classCodeFC
{
    background-image:  url(images/3star_ori.png);
    display: inline-block;
    overflow: hidden;
    width: 84px;
    height: 16px;
    color:transparent;
}

#productContent .classcodeFC, #supplierContent .classcodeFC 
{
    background-image:  url(images/3star.png);
    overflow: hidden;
    width: 84px;
    height: 16px;
    color:transparent;
}

.classCodeSU
{
    background-image:  url(images/4star_ori.png);
    display: inline-block;
    overflow: hidden;
    width: 84px;
    height: 16px;
    color:transparent;
}

#productContent .classcodeSU, #supplierContent .classcodeSU 
{
    background-image:  url(images/4star.png);
    overflow: hidden;
    width: 84px;
    height: 16px;
    color:transparent;
}

.classCodeDL
{
    background-image:  url(images/5star.png);
    display: inline-block;
    overflow: hidden;
    width: 84px;
    height: 16px;
    color:transparent;
}

#productContent .classcodeDL, #supplierContent .classcodeDL 
{
    background-image:  url(images/5star.png);
    overflow: hidden;
    width: 84px;
    height: 16px;
    color:transparent;
}


.classCodeSD
{
    background-image:  url(images/6star.png);
    display: inline-block;
    overflow: hidden;
    width: 103px;
    height: 16px;
    color:transparent;
}

#productContent .classcodeSD, #supplierContent .classcodeSD 
{
    background-image:  url(images/6star.png);
    overflow: hidden;
    width: 84px;
    height: 16px;
    color:transparent;
}

.class.classCodeADV {
    display: none;
}

.class.classCodeCLS {
    display: none;
}

.class.classCodeDC {
    display: none;
}


.class.classCodeEVF {
    display: none;
}

.class.classCodeEVG {
    display: none;
}

.class.classCodeEVI {
    display: none;
}

.class.classCodeEVS {
    display: none;
}

.class.classCodeEVT {
    display: none;
}

.class.classCodeFDF {
    display: none;
}

.class.classCodeFDG {
    display: none;
}

.class.classCodeFDI {
    display: none;
}

.class.classCodeFDS {
    display: none;
}

.class.classCodeFDT {
    display: none;
}

.class.classCodeHDF {
    display: none;
}

.class.classCodeHDG {
    display: none;
}

.class.classCodeHDI {
    display: none;
}

.class.classCodeHDS {
    display: none;
}

.class.classCodeHDT {
    display: none;
}

.class.classCodeLUX {
    display: none;
}

.class.classCodeMDT {
    display: none;
}

.class.classCodeNC {
    display: none;
}

.class.classCodeOC {
    display: none;
}

.class.classCodeSRT {
    display: none;
}

.class.classCodePP {
    display: none;
}

.class.classCodeTI {
    display: none;
}

.class.classCodeTO {
    display: none;
}

#searchRefineResults #searchResults .supplierHeader {
    width: 100%;
}

/* added on 20160715, ticket #570710 */
#supplierContent .info { 
float: left; 
}

#supplierContent .sideblock { float: right;}

#mapDiv { 
width: 100% !important; 
} 

.sideblock .images img { 
box-sizing:border-box; 
width:100%; 
} 
/**************************************/

#searchResults .class {position: static;}

.rateiconvoucherText1
{
	background-image: url('images/rateicons/exo_specialdeal.png');
}

.rateiconvoucherText2
{
	background-image: url('images/rateicons/exo_valueadd.png');
}

.rateiconvoucherText3
{
	background-image: url('images/rateicons/Specialevent_light.png');
}

.rateiconvoucherText4
{
	background-image: url('images/rateicons/note-icon.png');
}

.rateiconvoucherText5
{
	background-image: url('images/rateicons/valueadd.png');
}

.rateiconvoucherText6
{
	background-image: url('images/rateicons/valueadd.png');
}

#ucSearchRefine_searchAllSection input{margin-left: 152px;}

#tariffResults .suppliers .options .option {
    /*margin: 0px 0 10px;*/
    overflow: hidden;
}


/************************************
	EXO MODIFY 290816
************************************/

.subcategory .description {font-size: 18px;}
.xls td .optionInfo .span .comment, .info .comment {color : chocolate}


#supplierContent .mainblock { 
clear:left; 
} 

/*added on 20160922, ticket #576329: start*/
#listbookings .tableborder td {padding:1px;}
/*added on 20160922, ticket #576329: end*/

/*added on 20160924, ticket #576502: start*/
.classCodeHP
{
    background-image:  url(images/Hotel_Packages.png);
    display: inline-block;
    overflow: hidden;
    width: 120px;
    height: 30px;
    color:transparent;
}

#productContent .classcodeHP, #supplierContent .classcodeHP 
{
    background-image:  url(images/Hotel_Packages.png);
    overflow: hidden;
    width: 120px;
    height: 30px;
    color:transparent;
}
/*added on 20160924, ticket #576502: end*/

/*added on 20160924, ticket #576202: start*/
#tariffResults span.SSNdsnote p {
	margin-bottom: 10px;
	font-size: 11px;
}

#availabilitysearchresults span.optionComment { 
color: chocolate; 
} 

/*added on 20160924, ticket #576202: end*/

/*added on 20170405, EXO start*/
#tariffResults span.EXNdbnote p {
	margin-bottom: 10px;
	font-size: 11px;
}
/*added on 20170405, EXO end*/

/*added for ticket #579063, start*/
#availabilitysearchresults span.optionComment { 
display: table-row-group; 
} 
#availabilitysearchresults span.optionDescription { 
display: table-row-group; 
} 

#availabilitysearchresults span.optionComma { 
display: none; 
} 

#availabilitysearchresults span.optionComment { 
color: chocolate; 
} 
/*added for ticket #579063, end*/

/************************************
	EXO MODIFY TICKET #581789
************************************/
#serviceSearchContent #searchRefineResults span.rateicon.rateiconrateText[title=Standard] { 
display: none; 
} 

/************************************
	EXO MODIFY TICKET #574695 & #581910
************************************/

/*added for ticket #574695 & #581910, start*/ 
/* Fix alignment */ 
/* Fix padding */ 

#tariffResults .suppliers .option .xsl td { 
padding: 0 0 0 0; 
} 

/* Option Info tweak */ 
#tariffResults .suppliers .option .ratetype-pax.servicecode-default .optionInfo, 
#tariffResults .suppliers .option .ratetype-room.servicecode-default .optionInfo, 
#tariffResults .suppliers .option .ratetype-group.servicecode-default .optionInfo, 
#tariffResults .suppliers .option .ratetype-package.servicecode-default .optionInfo, 
#tariffResults .suppliers .option .ratetype-apartment.servicecode-default .optionInfo { 
white-space:normal; 
} 

/* Expandable big columns */ 
#tariffResults .suppliers .option .ratetype-pax.servicecode-default td.name, 
#tariffResults .suppliers .option .ratetype-room.servicecode-default td.name, 
#tariffResults .suppliers .option .ratetype-group.servicecode-default td.name, 
#tariffResults .suppliers .option .ratetype-package.servicecode-default td.name, 
#tariffResults .suppliers .option .ratetype-apartment.servicecode-default td.name { 
padding-left: 5px; 
} 
#tariffResults .suppliers .option .ratetype-pax.servicecode-default .name, 
#tariffResults .suppliers .option .ratetype-room.servicecode-default .name, 
#tariffResults .suppliers .option .ratetype-group.servicecode-default .name, 
#tariffResults .suppliers .option .ratetype-package.servicecode-default .name, 
#tariffResults .suppliers .option .ratetype-apartment.servicecode-default .name { 
white-space:normal; 
box-sizing:border-box; 
} 

/* default-pax: 1 big + 8 small columns*/ 
#tariffResults .suppliers .option .ratetype-pax.servicecode-default .name { 
max-width:240px; 
min-width:240px; 
} 
#tariffResults .ratetype-pax.servicecode-default .currency, 
#tariffResults .ratetype-pax.servicecode-default .childages, 
#tariffResults .ratetype-pax.servicecode-default td[class*='break'], 
#tariffResults .ratetype-pax.servicecode-default th[class*='break'],
#tariffResults .ratetype-pax.servicecode-default .Adult, 
#tariffResults .ratetype-pax.servicecode-default .Child{ 
max-width:60px; 
min-width:60px; 
white-space:normal; 
box-sizing:border-box; 
text-align:center; 
} 

/* default-group: 1 big + 7 small columns*/ 
#tariffResults .suppliers .option .ratetype-group.servicecode-default .name { 
max-width:330px; 
min-width:330px; 
} 
#tariffResults .ratetype-group.servicecode-default .currency, 
#tariffResults .ratetype-group.servicecode-default td[class*='break'], 
#tariffResults .ratetype-group.servicecode-default th[class*='break']{ 
max-width:90px; 
min-width:90px; 
white-space:normal; 
box-sizing:border-box; 
text-align:center; 
} 

/* default-package: 1 big + 12 small columns*/ 
#tariffResults .suppliers .option .ratetype-package.servicecode-default .name { 
max-width:240px; 
min-width:240px; 
} 
#tariffResults .ratetype-package.servicecode-default .minscu, 
#tariffResults .ratetype-package.servicecode-default .staypay, 
#tariffResults .ratetype-package.servicecode-default .currency, 
#tariffResults .ratetype-package.servicecode-default .single, 
#tariffResults .ratetype-package.servicecode-default .twin, 
#tariffResults .ratetype-package.servicecode-default .double, 
#tariffResults .ratetype-package.servicecode-default .triple, 
#tariffResults .ratetype-package.servicecode-default .quad, 
#tariffResults .ratetype-package.servicecode-default td[class*='break'], 
#tariffResults .ratetype-package.servicecode-default th[class*='break']{ 
max-width:60px; 
min-width:60px; 
white-space:normal; 
box-sizing:border-box; 
text-align:center; 
} 

/* default-apartment: 1 big + 2 mid + 9 small columns*/ 
#tariffResults .suppliers .option .ratetype-apartment.servicecode-default .name { 
max-width:240px; 
min-width:240px; 
} 
#tariffResults .ratetype-apartment.servicecode-default .minscu, 
#tariffResults .ratetype-apartment.servicecode-default .staypay, 
#tariffResults .ratetype-apartment.servicecode-default .currency, 
#tariffResults .ratetype-apartment.servicecode-default td[class*='break'], 
#tariffResults .ratetype-apartment.servicecode-default th[class*='break']{ 
max-width:60px; 
min-width:60px; 
white-space:normal; 
box-sizing:border-box; 
text-align:center; 
} 
#tariffResults .ratetype-apartment.servicecode-default .ratename{ 
max-width:90px; 
min-width:90px; 
white-space:normal; 
box-sizing:border-box; 
text-align:center; 
} 
#tariffResults .ratetype-apartment.servicecode-default .ratetext{ 
max-width:90px; 
min-width:90px; 
white-space:normal; 
box-sizing:border-box; 
text-align:center; 
} 

/* default-room: 1 big + 2 mid + 8 small columns*/ 
#tariffResults .suppliers .option .ratetype-room.servicecode-default .name { 
max-width:240px; 
min-width:240px; 
} 
#tariffResults .ratetype-room.servicecode-default .minscu, 
#tariffResults .ratetype-room.servicecode-default .staypay, 
#tariffResults .ratetype-room.servicecode-default .currency, 
#tariffResults .ratetype-room.servicecode-default .single, 
#tariffResults .ratetype-room.servicecode-default .twin, 
#tariffResults .ratetype-room.servicecode-default .double, 
#tariffResults .ratetype-room.servicecode-default .triple, 
#tariffResults .ratetype-room.servicecode-default .extraadult{ 
max-width:60px; 
min-width:60px; 
white-space:normal; 
box-sizing:border-box; 
text-align:center; 
} 
#tariffResults .ratetype-room.servicecode-default .ratename{ 
max-width:90px; 
min-width:90px; 
white-space:normal; 
box-sizing:border-box; 
text-align:center; 
} 
#tariffResults .ratetype-room.servicecode-default .ratetext{ 
max-width:150px; 
min-width:150px; 
white-space:normal; 
box-sizing:border-box; 
text-align:center; 
} 

/*added for ticket #574695 & #581910, end*/ 

/*added for ticket #581740 start*/
#tariffResults table.xslSupplier tr td[colspan="2"]
{
max-width:120px;
min-width:120px;
white-space:normal;
box-sizing:border-box;
text-align:left;
padding-left:3px;
}
#tariffResults .xslSupplier tr td[colspan="6"]
{
max-width:360px;
min-width:360px;
white-space:normal;
box-sizing:border-box;
text-align:left;
}
/*added for ticket #581740 end*/ 

/*added for ticket #588204 start*/ 
span.EXNdbnote { 
width:100%; 
} 

span.EXNdbnote > ul { 
columns: 2; 
-webkit-columns: 2; 
-moz-columns: 2; 
margin:0; 
list-style:none; 
} 
/*added for ticket #588204 end*/ 

/*Remove service/locality from rates tab Ticket #594547*/ 
ratesContent, #destinationService { 
display: none; 
} 


/* added on 20180606, ticket #617391 */ 
#searchRefineResults #searchResults .supplierNote 
{ 
width: 100%; 
} 

/* added on 20190104 for ticket #632539:start */
#productContent .googlemap img, #supplierContent .googlemap img{ 
box-shadow: inherit; 
background: inherit; 
border: inherit; 
border-radius: inherit; 
background: inherit; 
margin: 0; 
padding: 0; 
} 
/* added on 20190104 for ticket #632539:end */


/*added on 20190114 for ticket #631789: start*/
#productContentResults div.ContentText {font-weight: bold; font-size: 15px;}
/*added on 20190114 for ticket #631789: end*/

/*added on 20190408 for ticket #637875: start*/
#searchRefineResults #searchResults .supplierHeader { 
width: 100%; 
} 

#searchRefineResults #searchResults .supplierNote { 
max-height: 130px; 
width: 67%;
overflow: hidden; 
} 
/*added on 20190408 for ticket #637875: end*/


/*added on 20190719 for ticket #631600: start*/ 
.fyistyle 
{ 
background-color: #BDE5F8; 
color: #00529B; 
border: 1px solid; 
margin: 5px 5px 5px 5px; 
padding: 5px 5px 5px 5px; 
} 
/*added on 20190719 for ticket #631600: end*/ 


/*Edited on 20190923 for ticket #652125 and #637875_2: start*/
#searchRefineResults #searchResults .supplierFYIs {
background-color: #BDE5F8;
color: #00529B;
border: 1px solid;
margin: 10px 0px;
padding: 10px 10px;
clear: both;
}

#searchRefineResults #searchResults .supplierNote,
#searchRefineResults #searchResults .supplierNoteLink {
float: right;
}
/*Edited on 20190923 for ticket #652125 and #637875_2: end*/


/*added on 20191119 for ticket #660076: start*/
span.sgAvail, span.sgAdMax, span.sgMax, span.twinAvail, span.twinAdMax, span.twinMax, span.doubleAvail, span.doubleAdMax, span.doubleMax, span.tripleAvail, span.tripleAdMax, span.tripleMax, span.quadAvail, span.quadAdMax, span.quadMax{display:block}
/*added on 20191119 for ticket #660076: end*/

/*Added for Ticket# 659596 start*/
tr.externalRate td.description::after {
width: 60px;
height: 20px;
display: block;
content: " ";
background-image: url('images/rateicons/DynamicRate1.png')
}
/*Added for Ticket# 659596 end*/


/*Added on 20200930 for Ticket #656031:start*/
/* to hide ";" */
.RateDescriptionSplit:after{
content: '';
}
/* to make new line for each sub rate description */
.RateDescriptionSplit{
display: block;
}
/* to target some specific content of a sub rate description
e.g. bold any sub rate description that contains the word "Room"
.RateDescriptionSplit[class*="Room"] {
font-weight: 800;
} */
.RateDescriptionSplit:nth-child(2) {
font-weight: 800;
} 
/*Added on 20200930 for Ticket #656031:end*/

/*Added on 20201012 for Ticket #680680:start*/
th.TotalPrice.sorting_disabled, td.TotalPrice, th.FutureBilling.sorting_disabled, td.FutureBilling, th.CreditsTotal.sorting_disabled, td.CreditsTotal, th.FutureEntered, td.FutureEntered, th.FutureAged, td.FutureAged, th.TotalBalance, td.TotalBalance, th.TotalPrice, th.FutureBilling, th.InvoicedTotal.sorting_disabled, th.ReceivedTotal.sorting_disabled, td.InvoicedTotal, td.ReceivedTotal, td.Invoiced, td.Receipts {display: none;}
tr.totalColumn td.BookingTotal, td.FutureBilling, td.Credit {display: none;}
#accounts #bookings a:active, #accounts #bookings a {color: #3d82ab; pointer-events: none;}
#accountSearch #searchType div:nth-of-type(1n+2) {display: none;}
/*Added on 20201012 for Ticket #680680:end*/

/*Added on 20201125 for Ticket #680481*/
div#ctl00_UseCasePane_divNoResults {
  font-size: 1.1em;
  color: #fb0202;
  margin-bottom: 10px;
  display: block;
}

/*Added on 20210125 for Ticket #684975*/
#optioninforesults .RateDescriptionSplit:nth-child(1) {font-weight: bold;}
#optioninforesults .RateDescriptionSplit:nth-child(2) {font-weight: normal;}

/*added on 20210909 for ticket #696214*/
tr.externalRate .resultList.description .optionComment{display: none;}

/*added on 20210923 for ticket #696534*/
tr.externalRate .resultList.description .RateComment{display: none;}

/*added on 20211221 for ticket #700252*/
#searchRefineResults .resultList .optionDetails .optionCode {
  display: block;
  font-size: 11px;
  color: lightgray;
}

/*added on 20220106 for ticket #702054*/
#rateContentResults .comment{display: block;}
#stayPriceTable .rateComment{display: none;}



.classCode3S
{
    background-image:  url(images/3star_ori.png);
    display: inline-block;
    overflow: hidden;
    width: 84px;
    height: 16px;
    color:transparent;
}

#productContent .classcode3S, #supplierContent .classcode3S
{
    background-image:  url(images/3star.png);
    overflow: hidden;
    width: 84px;
    height: 16px;
    color:transparent;
}

.classCode1S
{
    background-image:  url(images/1star_ori.png);
    display: inline-block;
    overflow: hidden;
    width: 84px;
    height: 16px;
    color:transparent;
}

#productContent .classcode1S, #supplierContent .classcode1S
{
    background-image:  url(images/1star.png);
    overflow: hidden;
    width: 84px;
    height: 16px;
    color:transparent;
}

.classCode2S
{
    background-image:  url(images/2star_ori.png);
    display: inline-block;
    overflow: hidden;
    width: 84px;
    height: 16px;
    color:transparent;
}

#productContent .classcode2S, #supplierContent .classcode2S
{
    background-image:  url(images/2star.png);
    overflow: hidden;
    width: 84px;
    height: 16px;
    color:transparent;
}

.classCode4S
{
    background-image:  url(images/4star_ori.png);
    display: inline-block;
    overflow: hidden;
    width: 84px;
    height: 16px;
    color:transparent;
}

#productContent .classcode4S, #supplierContent .classcode4S
{
    background-image:  url(images/4star.png);
    overflow: hidden;
    width: 84px;
    height: 16px;
    color:transparent;
}

.classCode5S
{
    background-image:  url(images/5star.png);
    display: inline-block;
    overflow: hidden;
    width: 84px;
    height: 16px;
    color:transparent;
}

#productContent .classcode5S, #supplierContent .classcode5S
{
    background-image:  url(images/5star.png);
    overflow: hidden;
    width: 84px;
    height: 16px;
    color:transparent;
}

.classCode6S
{
    background-image:  url(images/6star.png);
    display: inline-block;
    overflow: hidden;
    width: 104px;
    height: 16px;
    color:transparent;
}

#productContent .classcode6S, #supplierContent .classcode6S
{
    background-image:  url(images/6star.png);
    overflow: hidden;
    width: 104px;
    height: 16px;
    color:transparent;
}
#availabilitysearchresults span.optionDescription {
/*display: table-row-group; */
display:none;

}

#availabilitysearchresults .optionDescription:first-of-type {
display: table-row-group; /* Show only the first occurrence */
}

.groupinfo .optionName:nth-of-type(2) {
display: none; /* Hide the second occurrence of .optionName */
}


#tariffActions::after {
content: "For the tariff, please note that prices are based on a dynamic Pricing and Forex are subject to change.";
display: block;
margin-top: 60px; /* Larger margin simulates two line breaks */

}

#tariffActionsTop::before {
content: "For the tariff, please note that prices are based on a dynamic Pricing and Forex are subject to change."; /* Text to be inserted */
display: block; /* Forces the text to appear on a new line */
margin-bottom: 10px; /* Optional: adds some space below the inserted text */
}

#optrates .iButton
{
display: none;
}

/*Hide content & login Panel*/
#content, .pagewidth {
display: none;
}