/* For all sizes */
.clearFix:after {height: 0;clear: both;font-size: 0;display: block;visibility: hidden;content: " ";}
.aspNetDisabled {cursor: not-allowed;pointer-events: none;filter: Alpha(Opacity=60);opacity: 0.6;}

.bookingWelcomeText, .packageWelcomePanel
{
    width: 100%;
    margin-bottom: 10px;
}

.bookingPnlInfo1
{
    float:right;
    margin-top:25px;
    text-align:right;
}

.bookingPnlInfo2
{
    float:right;
    margin-top:12px;
    text-align:right;
    height:85px;
}

.bookingPnlInfo3
{
    float:right;
    text-align:right;
}

.bookingLine{
    width: 100%;
}

.bookingHeader, .bookingHeaderGreen, .managementHeader, .managementGreenHeader, .packageHeader, .packageHeaderGreen, .packageHeaderYellow
{
    vertical-align: middle;
	color: #00AABC;
    font-weight: bold;
}

.bookingHeaderGreen, .managementGreenHeader, .packageHeaderGreen
{
    color: #2E3092;
}

.packageHeaderYellow { color: #FFCB05; }

.bookingRouteMode
{
    width: 210px;
    margin-right: 5px;
    float: left;
}

.bookingRouteModeSelector
{
    width: 100%;
    float: left;
}

.bookingRouteDatePanel{
    width: 300px;
    margin: 0 20px 10px 0;
    float: left;
}

.bookingRouteButton,.bookingRouteButtonSelected
{
    z-index: 10;
	height: 36px;
	border: 1px solid #CCCBCC;
	padding: 0px 0px 0px 0px;
	color: #FFFFFF;
	font-weight: bold;
	background-image:url('../../App_Images/Site/rm_background.png');
	background-position: top;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	width: inherit;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: repeat-x;
    position: relative;
    padding-left: 48px;
    float:left;
}
.bookingRouteButtonSelected
{
    background-image:url('../../App_Images/Site/rm_background_over.png');
    border: 2px solid #B0C9D9;
}
.bookingSingleRouteButtonIcon,.bookingSingleRouteButtonSelectedIcon
{
    background-image: url('../../App_Images/Site/rm_single_icon.png');
    position: absolute;
    left: 12px;
    top: 14px;
    width: 24px; height: 8px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
.bookingSingleRouteButtonSelectedIcon
{
    top: 13px;
}
.bookingRoundRouteButtonIcon,.bookingRoundRouteButtonSelectedIcon
{
    background-image: url('../../App_Images/Site/rm_roundtrip_icon.png');
    position: absolute;
    left: 7px;
    top: 11px;
    width: 31px; height: 14px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
.bookingRoundRouteButtonSelectedIcon
{
    top: 10px;
}
.bookingHeaderBox { 
    background-color: #00AABC; 
    border-color: #00AABC; 
    border-width: 1px 1px 0px 1px; 
    border-style: solid;
    color: #ffffff; 
    padding: 0.4rem;
}
.bookingContentBox { 
    background-color: #ffffff; 
    border-color: #00AABC; 
    border-width: 0px 1px 1px 1px; 
    border-style: solid;
    padding: 0.8rem; 
    margin-bottom: 0.8rem; 
    position: relative;
}

.bookingProductCode
{
    margin-top: 10px;
}

.bookingCouponCodeTextBox {margin-bottom:10px; width:320px; float:left;}
.bookingCouponCodeCaption {width:30%;}
.bookingCouponCodeInputContainer {width:70px;}

/* CustomLogin Control start */

.LoggedinText
{
	padding-top:12px;
	color:#2E3092;
	font-weight:bold;
}

.LoginpnlHeader
{
	width:272px;
    height:0px;
    text-align:center;
}

.LoginpnlContent
{
	width:272px;
    text-align:left;
    min-height:30px;
}

.LoginpnlFooter
{
	width:272px;
}

.LoginLoginText
{
	padding-top:12px;
	color: #476B86;
	font-size: 14px;
	font-weight: bold;
}

.LoginDottedLine
{
	height:10px;
	background-repeat:no-repeat;
	background-image:url(../../App_Images/Site/line_dots.gif);
	margin-left:10px;
	margin-right:10px;
}

.LoginArrow
{
    margin-top:6px;
	margin-left:10px;
	margin-right:10px;
	width:10px;
	background-image:url(../../App_Images/Site/login_arrow.gif);
	background-repeat:no-repeat;
	background-position:center center;
	height:8px;
	float: left;
}

.PasswordSender
{
	width:220px;
	padding-top:5px;
	padding-bottom:5px;
	background-image:url(../../App_Images/Site/line_dots.gif);
	background-repeat:no-repeat;
	text-align:center;
	margin-left:10px;
    margin-right:10px;
}

.LoginControl
{
	width:100%;
    font-size: 0.9rem;
}

.LoginControl div
{
    margin-top: 2px;
    color: #00AABC;
    font-weight: bold;
}

.LoginTextBox { }

.btnLoginMenuLink
{
    margin-bottom: 10px;
}

.Login_pnlLoginContent
{
    margin-top: 5px;
}

.LogoutButton
{
    margin-right: 10px;
	float:right;
	font-weight: bold;
}

.PanelLogout
{
	height:27px;
}
.PanelRedirectAdmin
{
    margin-top:10px;
}

    .PanelRedirectAdmin a, .loginLinksContainer a
    {
        color: #476B86;
        font-weight: bold;
        cursor: pointer;
        text-decoration: none;
    }
.PanelRedirectAdmin a:hover,  .loginLinksContainer a:hover
{
	color: #00AABC;
}

/* CustomLoginControl End */

.bookingPassengerSelector, .bookingVehicleSelector, .packagePassengerSelector
{
    margin-bottom: 10px;
}

.bookingPassengerSelectorCaption, .bookingVehicleSelectorCaption, .packagePassengerSelectorCaption
{
    color: #2E3092 ;
}

.SupplierCartListHeader {
    width: 0px;
    height: 0px;
    text-align: center;
    padding: 0px;
    display:none;
}

.bookingNewBookingButton
{
    margin-top: 10px;
    width: 272px;
    text-align: center;
}

    .bookingNewBookingButton a
    {
        color: #476B86;
        font-weight: bold;
    }
.bookingNewBookingButton a:Hover
{
    color: #00AABC;
    cursor: pointer;
}

.bookingCal1PopupButton, .bookingCal2PopupButton
{
    float:left;
    text-align:left;
    margin-left: 5px;
}

/* StepList START */
.siteStepList
{
    height: 38px;
    background-image: url(../../App_Images/Site/balk_bg.png);
    background-repeat: round;
    margin-bottom: 10px;
}

.bookingStepListCont
{
    margin-left: 10px;
}

.bookingStepIcon
{
    border-style: solid;
    border-width: 0.2rem;
    background-color: #FFCB05;
    -moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
    width: 1.4rem;
    height: 1.4rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin-right: 0.2rem;
}
.bookingStepIcon {border-color: #FFCB05; z-index: 2;}
.bookingStepIconActive {background-color: #2E3092; }
.bookingStepIconVisited {background-color: #FFCB05;}
.bookingStepSel
{ 
    padding: 0.4rem 0.4rem 0.4rem 2.4rem;
    
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
}
.bookingRadioSelIconPos {position: absolute;top: 0.35rem; left: 0.4rem;}
.bookingStepSelIconPos {position: absolute;top: 0.6rem; left: 0.4rem;}
.bookingStepText {color: #FFFFFF; z-index: 2; position: relative; font-weight: bold; }
.bookingStepTextActive {color:#FFCB05; }
.bookingStepSel::before, .bookingStepSel::after {content: "";height: 0.2rem;position: absolute;background-color: #FFCB05;top: 70%;z-index: 0;}
.bookingStepSel::before {left: 0; width:1.5rem;}
.bookingStepSel::after {left: 1.5rem;right:0;}
:first-child.bookingStepSel::before {display: none;}
.bookingStepSelVisited {cursor: pointer; }

/* For size smaller than 730px: */
@media screen and (max-width: 729px) {
    .bookingStepText { display: none; bottom: 0px; }
    .bookingStepSel::before, .bookingStepSel::after { background-color: #00AABC; }
    .siteStepList { display:flex; justify-content:center; }
}
/* StepList END */

.managementMenuListCont 
{
    width: 100%;
}

.managementMenuItem 
{
    float: left;
    margin-top: 3px;
    padding: 0.4rem 0.6rem 0.4rem 0.6rem;
    background: #2E3092;
    color: #FFFFFF;
    cursor: pointer;
}

.managementMenuItemActive 
{
    cursor: default;
    background: #EE2A7B;
    color: #FFFFFF;
}

:first-child.managementMenuItem
{
    margin-left: 20px;
    -moz-border-top-left-radius: 0.4rem;
    -webkit-border-top-left-radius: 0.4rem;
    border-top-left-radius: 0.4rem;
    -moz-border-bottom-left-radius: 0.4rem;
    -webkit-border-bottom-left-radius: 0.4rem;
    border-bottom-left-radius: 0.4rem;
}

:last-child.managementMenuItem
{
    -moz-border-top-right-radius: 0.4rem;
    -webkit-border-top-right-radius: 0.4rem;
    border-top-right-radius: 0.4rem;
    -moz-border-bottom-right-radius: 0.4rem;
    -webkit-border-bottom-right-radius: 0.4rem;
    border-bottom-right-radius: 0.4rem;
}

.bookingDateDrp { width: 230px; float:left; }

.bookingPnlForward {margin-bottom: 15px;text-align:right;width: 100%;padding:0px;}
.bookingPnlForward img {margin:0px;padding:0px;height:1px;}

.bookingResourceList
{
    float:left;
    width: 300px;
    margin: 0 20px 10px 0;
}

.bookingCompanyCtrl, .bookingCustomerCtrl { width: 100%; }
.bookingCompanyCtrl b { color: #00AABC; }

.bookingBackButton, .bookingForwardButton, .bookingCancelButton, .bookingButtonWidth {width:120px;}
.bookingBackButton { margin-top: 10px; float: left; }
.bookingForwardButton { margin-top: 10px; float: right;}
.bookingCancelButton {margin:0px auto 0px auto;}
.bookingPreviousButton { float:left; }
.bookingNextButton { float: right; }
.bookingPreviousButton a, .bookingNextButton a { color: #476B86; font-weight: bold; }
.bookingPreviousButton a:Hover, .bookingNextButton a:Hover { color: #00AABC; cursor: pointer; }
.bookingDateButtons { margin-top: 10px; }

/* For size 1295px and larger: */
@media screen and (min-width: 1295px) {
    .BookBestPriceDep_contentplaceholder1
    {
        width: 385px;
        float: left;
        margin-right: 30px;
    }
    .BookBestPriceDep_contentplaceholder2
    {
        width: 385px;
        float: left;
    }
}

/* For size 1295px and larger: */
@media screen and (max-width: 1294px) {
    .BookBestPriceDep_contentplaceholder1
    {
        width: 385px;
        margin: auto;
    }
    .BookBestPriceDep_contentplaceholder2
    {
        width: 385px;
        margin: auto;
    }
}

.BookBestPriceDep_pnlSelect1
{
    width: inherit;
}
.BookBestPriceDep_pnlSelect2
{
    width: inherit;
}
.BookBestPriceDep_pnlDepartureList1
{
    width: inherit;
}
.BookBestPriceDep_pnlDepartureList2
{
    width: inherit;
}
.BookBestPriceDep_DepHeader
{
	color: #00AABC;
	font-size: 16px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 5px;
}
.BookBestPriceDep_DepNav
{
    width: 400px;
    margin: 0 auto;
    margin-top: 10px;
}
.BookBestPriceDep_DepNav a
{
    color: #476B86;
	font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
}
.BookBestPriceDep_DepNav a:Hover
{
    color: #00AABC;
    cursor: pointer;
}
.BookBestPriceDep_CapThres25 label
{
}
.BookBestPriceDep_CapThres25 div
{
    /*background-color: #f27c06;*/
}
.BookBestPriceDep_CapThres50 label
{
}
.BookBestPriceDep_CapThres50 div
{
    /*background-color: #fac205;*/
}
.BookBestPriceDep_CapThresNormal div
{
    /*background-color: Black;*/
}
.BookBestPriceDep_CapThresIcon
{
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 3px 5px 0px 5px;
    float: left;
}
.BookBestPriceDep_CapThresLegend
{
    width: 275px;
    margin: 23px 40px 5px auto;
    float: left;
}
.BookBestPriceDep_CapThresPanel
{
    
}
.BookBestPriceDep_pnlHeaderLeft
{
    float: left;
    width: 580px;
}
.BookBestPriceDep_pnlHeaderRight
{
    float: left;
    width:270px;
}
.BookBestPriceResourceTable { padding:2px; }
.BookBestPriceResourceTable td { padding-bottom:2px; padding-right:5px; }
.BookBestPriceResourceHeader {font-weight:bold;}

/**/

/* AccommodationProcessB classes start */

.bookingAccommodationHotelListSelector { 
    width: 100%;
}
.bookingAccommodationHotelListSelectorEmpty { 
    padding-top:5px;
	padding-bottom:5px;
	color: #00AABC;
}
.bookingAccommodationProcessSelectorItem
{
	border-top:solid 1px #e7e6e7;
	padding-top: 15px;
	padding-bottom:5px;
	color: #4D4D4D;
}
.bookingAccommodationProcessSelectorItem_NamePanelCssClass
{
	font-weight:bold;
    color: #2E3092;
}

.bookingAccommodationProcessSelectorItem_InfoCaptionCssClass
{
	width:200px;
	font-weight:bold;
    color: #00AABC;
}

.bookingAccommodationProcessSelectorItem_InfoTextCssClass
{
	text-align:right;
	padding-right:10px;
}

.bookingAccommodationProcessSelectorItem_ResourcePriceCssClass
{
	text-align:right;
	padding-right:10px;
}

.bookingAccommodationProcessSelectorItem_DescriptionCssClass
{
	padding-top:10px;
	padding-bottom:10px;
}

.bookingAccommodationProcessSelectorItem_InfoTableCssClass
{
	width:380px;
}

.bookingAccommodationProcessSelectorItem_ResourceSelectTableCssClass
{
	width:380px;
}

.bookingAccommodationProcessSelectorItem_ResourceSelectNameCssClass
{
	width:290px;
}

.bookingAccommodationProcessSelectorItem_ResourceSelectAmountCssClass
{
	width:80px;
}

.bookingAccommodationProcessSelectorItem_ResourceSelectPriceCssClass
{
	width:80px;
	display:none;
}

.bookingAccommodationProcesspnlContentHeader
{
    color: #476B86;
	font-weight: bold;
	font-size: 14px;
	margin-top: 15px;
}
/* AccommodationProcessB classes end */

/* Summary classes Start*/

.bookingPnlCustomerInformation
{
    padding-top:10px;
}

.Summary_tblPayment
{
    margin-top: 25px;
    margin-bottom: 5px;
}

.Summary_rcc, .Summary_conditions, .Summary_tblPayment_CurrentCell
{
	color: #00AABC;
}

.Summary_drpPayment{
    color: #4d4d4d;
}


.Summary_rcc_CaptionCssClass, .Summary_rcc_InputCssClass, .Summary_ProjectLabel, .Summary_ProjectSelector, .Summary_RemarksLabel, .Summary_RemarksTextBox
{
    color: #4D4D4D;
    margin-top: 2px;
    margin-bottom: 2px;
}
.Summary_RefundLabel
{
    width: 100%;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #4D4D4D;
    float: left;
}

.bookingProjectContainer, .bookingRemarksContainer
{
    width: 350px;
}

.Summary_ProjectLabel, .Summary_RemarksLabel
{
    width: 160px;
    float: left; 
}

.Summary_ProjectSelector 
{
    width: 190px;
}

.Summary_RemarksTextBox
{
    width: 184px;
}

.bookingAcceptContactContainer 
{
    margin-top: 10px;
    width: 350px;
}

.bookingPaymentFeeConditionContainer 
{
    width: 350px;
}
.bookingPaymentFeeConditionContainer label 
{
    color: #00AABC;
}

.bookingAcceptContactContainer label
{
    color: #00AABC;
}

/* Summary classes end */


.bookingTermsAndConditions
{
    width: 300px;
}
.bookingTermsAndConditions input
{
    margin-right: 10px;
}

.bookingPaymentContent
{ 
    min-height: 650px;
}

/* Booking Info classes begin*/

.bookingInfoDeparture, .bookingInfoAccommodation, .bookingInfoHolidayPackage, .bookingInfoTotalPriceContainer, .bookingInfoAmountToPayContainer, .bookingInfoPaidAmountContainer
{
    color: #4d4d4d;
    width: 97%;
}

.bookingInfoDeparture, .bookingInfoAccommodation, .bookingInfoHolidayPackage
{
    padding: 10px;
    /*-moz-border-radius: 20px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 20px;
    border: 1px solid #005e5b;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;*/
}

:nth-of-type(2n+1).bookingInfoDeparture, .bookingInfoAccommodation, .bookingInfoHolidayPackage { background-color: #FFFBF4; }
:nth-of-type(2n+2).bookingInfoDeparture, .bookingInfoAccommodation, .bookingInfoHolidayPackage { background-color: #FFF2D8; }

.bookingInfoDepartureContainer, .bookingInfoDepartureResourceContainer, .bookingInfoAccommodationSupplierContainer, .bookingInfoAccommodationResourceContainer, .bookingInfoHolidayPackageSupplierContainer, .bookingInfoHolidayPackageResourceContainer, .bookingInfoDepartureResourceDetailContainer
{
    width: 100%;
    float: left;
}

.bookingInfoDepartureStartDate, .bookingInfoDepartureStartDateHeader
{
    width: 20%;
    text-align: left;
}

.bookingInfoDepartureStartTime, .bookingInfoDepartureStartTimeHeader, .bookingInfoDepartureEndTime, .bookingInfoDepartureEndTimeHeader
{
    width: 20%;
    text-align: center;
}

.bookingInfoDepartureRoute, .bookingInfoDepartureRouteHeader
{
    width: 40%;
    text-align: left;
}

.bookingInfoDepartureStartDateHeader, 
.bookingInfoDepartureStartTimeHeader, 
.bookingInfoDepartureEndTimeHeader, 
.bookingInfoDepartureRouteHeader, 
.bookingInfoDepartureStartDate, 
.bookingInfoDepartureStartTime, 
.bookingInfoDepartureEndTime, 
.bookingInfoDepartureRoute,
.bookingInfoDepartureResource,
.bookingInfoDepartureAmount,
.bookingInfoDeparturePrice,
.bookingInfoDepartureDetailAmount,
.bookingInfoDepartureDetailType,
.bookingInfoAccommodationSupplier,
.bookingInfoAccommodationCheckinDate,
.bookingInfoAccommodationCheckoutDate,
.bookingInfoAccommodationSupplierHeader,
.bookingInfoAccommodationCheckinDateHeader,
.bookingInfoAccommodationCheckoutDateHeader,
.bookingInfoAccommodationResource,
.bookingInfoAccommodationAmount,
.bookingInfoAccommodationPrice,
.bookingInfoHolidayPackageSupplier,
.bookingInfoHolidayPackageStartDate,
.bookingInfoHolidayPackageEndDate,
.bookingInfoHolidayPackageSupplierHeader,
.bookingInfoHolidayPackageStartDateHeader,
.bookingInfoHolidayPackageEndDateHeader,
.bookingInfoHolidayPackageResource,
.bookingInfoHolidayPackageAmount,
.bookingInfoHolidayPackagePrice,
.bookingInfoTotalPriceText, 
.bookingInfoAmountToPayText,
.bookingInfoPaidAmountText,
.bookingInfoTotalPriceSum, 
.bookingInfoAmountToPaySum,
.bookingInfoPaidAmountSum, 
.bookingInfoTotalGST 
{
    float: left;
}

.bookingInfoDepartureResource,
.bookingInfoDepartureAmount,
.bookingInfoDeparturePrice,
.bookingInfoAccommodationResource,
.bookingInfoAccommodationAmount,
.bookingInfoAccommodationPrice,
.bookingInfoHolidayPackageResource,
.bookingInfoHolidayPackageAmount,
.bookingInfoHolidayPackagePrice 
{
    color: #2E3092;
}

.bookingInfoDepartureDetailAmount,
.bookingInfoDepartureDetailType
{
    color: #2E3092;
}

.bookingInfoAccommodationSupplier, .bookingInfoAccommodationSupplierHeader, .bookingInfoHolidayPackageSupplier, .bookingInfoHolidayPackageSupplierHeader
{
    width: 40%;
}
.bookingInfoAccommodationCheckinDate, .bookingInfoAccommodationCheckinDateHeader, .bookingInfoHolidayPackageStartDate, .bookingInfoHolidayPackageStartDateHeader
{
    width: 30%;
}
.bookingInfoAccommodationCheckoutDate, .bookingInfoAccommodationCheckoutDateHeader, .bookingInfoHolidayPackageEndDate, .bookingInfoHolidayPackageEndDateHeader
{
    width: 30%;
} 

.bookingInfoAccommodationResource, .bookingInfoDepartureResource, .bookingInfoDepartureDetailType, .bookingInfoHolidayPackageResource
{
    width: 28%;
    margin-left: 22%;
}
.bookingInfoAccommodationAmount, .bookingInfoDepartureAmount, .bookingInfoHolidayPackageAmount
{
    width: 4%;
    margin-left: 18%;
}

.bookingInfoDepartureDetailAmount
{
    width: 4%;
    margin-left: 24%;
}

.bookingInfoAccommodationAmount + .bookingInfoAccommodationResource, .bookingInfoHolidayPackageAmount + .bookingInfoHolidayPackageResource, .bookingInfoDepartureAmount + .bookingInfoDepartureResource, .bookingInfoDepartureDetailAmount + .bookingInfoDepartureDetailType
{
    margin-left: 0;
}

.bookingInfoAccommodationPrice, .bookingInfoDeparturePrice, .bookingInfoHolidayPackagePrice
{
    width: 10%;
    text-align: right;
}

.bookingInfoTotalPriceText, .bookingInfoAmountToPayText, .bookingInfoPaidAmountText
{
    margin-left: 18%;
    width: calc(82% - 150px);
    text-align: right;
}

.bookingInfoTotalPriceSum, .bookingInfoAmountToPaySum, .bookingInfoPaidAmountSum
{
    width: 70px;
    text-align: right;
}

.bookingInfoTotalGST { width: 70px; margin-left: 10px;}

/* Booking Info classes end*/

.bookingConfirmationNote { margin-top: 10px; margin-bottom: 30px; }

.bookingForwardContainer {margin: 0.6rem 0 0 0; }
.bookingErrorContainer {font-size: 1.0rem;}

.errorMessage {width: 50%; min-width: 200px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
.errorContent
{
    width: 100%; 
    font-size: 1.0rem;  
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #FFFFFF;
    color:#00AABC;
    padding: 0.6rem;
    -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;

    border: 0.2rem solid #00AABC;
}
.errorButtonPanel {text-align: right;padding-right:0.4rem;}
.errorButton 
{
    font-size: 1.3rem;
    font-weight: bold;
    color:#FFFFFF;
    background-color: #2E3092;
    border: 0;
    cursor: pointer;
    -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
    border-radius: 4px;
    margin-top: 0.6rem;
}
.errorMessagePanel {font-weight: bold;}

/* Login begin */

.loginControlContainer, .loginButtonContainer
{
    width: 360px;
}

.loginCaption
{
    width: 100px;
}

.loginUserSection, .loginPasswordSection, .loginLinksContainer
{
    margin-bottom: 18px;
}

.loginTextBox
{
    width: 250px;
}

.loginLinksContainer
{
    width: 360px;
    margin-top: 6px;
    float: left;
    height: 40px;
}

.loginButtonContainer
{
    margin-top: 10px;
}

.loginButton
{
    float: right;
    margin-right: 5px;
}

/* Login end */


/* Management begin */

.managementYourInfo
{
    width: 100%;
}

.managementButtonContainer, .managementYourInfoSection, .managementPasswordSection
{
    width: 100%;
    margin-bottom: 1px;
}

.managementYourInfoCaption
{
    width: 30%;
}

.managementYourInfoInputContainer, .managementYourInfoInput
{
    width: 64%;
    max-width: 220px;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.managementYourInfoInput
{
    width: 100%;
}

.managementYourInfoIslanderText
{
    width: 100%;
}

.managementButtonContainer
{
    margin-top: 10px;
    max-width: calc(30% + 220px);
}

.managementUpdateButton, .managementRegisterButton
{
    float: right;
    margin-right: 5px;
}

.managementBookingList { min-height: 225px; }
.managementBookingListBg1 {background-color:#cdd8df;}
.managementBookingListBg2 {background-color:transparent;}
.managementBookingListCaption a { text-decoration:none;color: #00AABC;}
.managementBookingListCaption a:hover {text-decoration:underline; color:#2E3092;}
.managementBookingListCaption img {margin-left:0.2rem;}
.managementBookingListCancel, .managementBookingListEdit { min-width: 36px; padding:0.2rem;}
.managementBookingListDepDate, .managementBookingListCreateDate {min-width:90px; padding:0.2rem;}
.managementBookingListCustomerName  {min-width:120px; padding:0.2rem;}
.managementBookingListBookNr {min-width:20px; padding:0.2rem;}
.managementBookingListTotalPrice { width: 80px; text-align: right; padding-right: 0.4rem; }
.managementBookingListEditButton, .managementBookingListCancelButton, .managementBookingListSelectButton { width: 30px; }

.managementSearchDatesCont { margin-top:10px; margin-bottom:10px; position:relative; max-width:400px; }
.managementSearchDates { color:#00AABC; padding-top:6px; padding-bottom:4px; }
.managementSearchDateBox { width:75px; margin-left:10px; }
.managementSearcDateButton { position:absolute; width:75px; bottom:0; right:0; }

/* For size between 984px than 830px: */
@media screen and (max-width: 984px) and (min-width: 830px)
{
    .managementBookingListCreateDate {display:none;}
}

/* For size smaller than 700px: */
@media screen and (max-width: 699px)
{
    .managementBookingListCreateDate {display:none;}
}

/* For size smaller than 590px: */
@media screen and (max-width: 589px)
{
    .managementBookingListCustomerName {display:none;}
}

/* Divide register customer into three sections BEGIN */

#ctl00_cphContent_yourInfo_pnlSectCountry { margin-bottom: 20px; }
#ctl00_cphContent_yourInfo_pnlSectEmail { margin-bottom: 20px; }

/* Divide register customer into three sections END */

.listNavigator {margin-bottom:0.6rem;}
.navigationButton { margin-right:0.4rem; float:left; }
:last-child.navigationButton{margin-right:0;}
.navigationButtonIconContainer { position: relative; }
.navigationButtonIconPosition {top:0.3rem;left:0.3rem;}
.navigationButtonButton, .navigationButtonSelectedButton 
{
    color: #FFFFFF;
    background-color: #2E3092;
    -moz-border-radius: 0.2rem;
	-webkit-border-radius: 0.2rem;
	border-radius: 0.2rem;
    border: 0.2rem solid #2E3092;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    width:2.3rem;
    height:2.3rem;
}
.navigationButtonButton:hover, .navigationButtonSelectedButton { background-color: #00AABC; }

.managementForgotPasswordExplanation { width: 100%; }
.managementForgotPasswordEmailLabel, .managementForgotPasswordAgentIDLabel { width: 120px; float: left; margin-top: 20px; }
.managementForgotPasswordEmailTextBox, .managementForgotPasswordAgentIDTextBox { width: 220px; margin-top: 20px; }

.managementForgotPasswordResultLabel { width: 200px; margin-left: 25px; }

.managementSendButton { margin-left: 260px; }

/* Management end */

.packageDateSelector { width: 272px; }
.packageDatePanel, .packagePassengerSelectPanel, .packageAreaSelectPanel { float: left; margin: 5px 10px 10px 10px; }

.BookitHolidayPackagePanel { margin-bottom: 20px; border-bottom: 1px solid #e7e6e7; padding-bottom:10px; }
.BookitHolPkgHeader { margin-bottom:10px; }
.BookitHolPkgDesc { width: calc(99% - 200px); }
.BookitHolPkgImage { width:200px; float:right; margin-bottom: 10px; }
.packageSelectButton { float:right; }

@media screen and (max-width: 600px) 
{
    .BookitHolPkgDesc { width: 100%; }
    .BookitHolPkgImage {float:none; margin: 20px auto; }
    .packageSelectButton { margin-top: 15px; }
}

.BookitHolidayAccoPkgItemPanel { margin-bottom: 20px; border-bottom: 1px solid #e7e6e7; padding-bottom:10px; }
.BookitHolPkgOptions { margin-top: 20px; }
.BookitHolPkgOptionsTable { width: 550px; margin-top: 5px; }
.BookitHolPkgOptName { width: 200px; }
.BookitHolPkgOptAmount { width: 80px; text-align:center; }
.BookitHolPkgOptAmount select { width: 50px; }
.BookitHolPkgOptPeriod { width: 210px; }
.BookitHolPkgOptTime { width: 60px; }
.BookitHolidayDepPanel { margin-bottom: 20px; border-bottom: 1px solid #e7e6e7; padding-bottom:10px; }
.BookitHolPkgDepCont { width: 420px; }
.BookitHolPkgDeparture { width:320px; float:left; margin-right:10px; }
.BookitHolPkgDepartureDate { margin-bottom:10px; }
.BookitHolPkgDepTimes { margin-top: 5px; min-height: 240px; }
.BookitHolPkgDepTimes input { margin-right: 23px; float:right;}
.BookitHolPkgDepDeparted { opacity: 0.3; }
.BookitHolPkgDepTime { font-size: 0.8rem; height: 30px; padding: 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
:nth-of-type(2n+1).BookitHolPkgDepTime { color: #666666; background: linear-gradient(90deg, #F2F4F6 75%, #EBEEEF 25%); }
:nth-of-type(2n+2).BookitHolPkgDepTime { color: #666666; background: linear-gradient(90deg, #FFFFFF 75%, #F7F7F7 25%); }

.BookitHolPkgDepVehicles, .BookitHolPkgDepServices { margin-top: 10px; }
.BookitHolPkgDeVehicleName, .BookitHolPkgDeServiceName { }
.BookitHolPkgDepVehicle, .BookitHolPkgDepService { margin-top: 5px; }
.BookitHolPkgDepVehicle select, .BookitHolPkgDepService select { width: 50px; }
.BookitHolPkgDepVehicleRegNos { width:65px; float:right; }
.BookitHolPkgDepVehicleRegNos input { width: 60px; margin-bottom:2px; }

/* For size smaller than 991px: */
@media screen and (max-width: 991px)
{
    .bookingBoxWidth, .bookingBoxFullWidth { width: 100%;}
    .cartBoxWidth { width: 100%; }
    .bookingPnlInfo1, .bookingPnlInfo2, .bookingPnlInfo3 { display: none; }
    .SupplierCartList, .bookingNewBookingButton { margin: 0 auto; }
    .receiptLeftColumn, .receiptRightColumn { width:100%;}
}

/* For size 992px and larger: */
@media screen and (min-width: 992px)
{
    .bookingBoxWidth { width: calc(99% - 300px); margin-right:1%; float:left;}
    .bookingBoxFullWidth { width: 100%;}
    .cartBoxWidth { width:300px; float:right; }
    .bookingPnlInfo1, .bookingPnlInfo2, .bookingPnlInfo3 { display: block; }
    .receiptLeftColumn { width: 150px; float:left; }
    .receiptRightColumn { width: calc(99% - 150px); float:left;}
}

.radiobuttoncontainer 
{
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #192758;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.radiobuttoncontainer input 
{
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.radiobutton
{
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 50%;
}


.radiobuttoncontainer:hover input ~ .radiobutton 
{
    background-color: #ccc;
}


.radiobuttoncontainer input:checked ~ .radiobutton 
{
    background-color: #00aabc;
}

.radiobutton:after 
{
    content: "";
    position: absolute;
    display: none;
}

.radiobuttoncontainer input:checked ~ .radiobutton:after 
{
    display: block;
}

.radiobuttoncontainer .radiobutton:after 
{
    top: 7px;
    left: 7px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: white;
}

.dangerousgoodsheaderinfo
{
    margin-bottom: 10px;
    color: #192758;
}

.dangerousgoodsinfo
{
    display: block;
    margin-bottom: 10px;
    margin-left: 36px;
    color: #192758;
}

.pnlInfoButtonContainer
{
    display: inline;
}

.pnlInfoButtonContainer > img 
{
    vertical-align: middle;
}

.border-container {
    border-top: 2px solid #eaeaea;
    border-bottom: 2px solid #eaeaea;
    padding-top: 9px;
    padding-bottom: 9px;
}

.alertbox 
{
    width: 42%;
    display: flex;
    align-items: center;
    padding: 11px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #f8d7da;
    border-color: #f5c2c7;
    color: #842029;
}

.alertbox > strong 
{
    margin-left: 6px;
    margin-right: 6px;
}