﻿/*hide recaptcha badge for all companies*/
.grecaptcha-badge { display: none; }
p.multi-line-text { word-break: break-word; white-space: pre-line; }

#AgencyCode { text-transform: uppercase !important; }
#AgencyCode::-webkit-input-placeholder { text-transform: none; }
#AgencyCode:-moz-placeholder { text-transform: none; }
#AgencyCode::-moz-placeholder { text-transform: none; }
#AgencyCode:-ms-input-placeholder { text-transform: none; }
#AgencyCode::placeholder { text-transform: none; }

* { box-sizing: border-box; -moz-box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; zoom: 1 }
iframe, img { border: 0 }
a { text-decoration: none !important; color: inherit }
a:focus { outline: none }
dt { font-weight: normal }
ol, ul { list-style: none; margin: 0 }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
table { border-collapse: collapse; border-spacing: 0; width: 100% }
.table-responsive { width: 100% !important; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
.lh1{line-height:1}
.clearer { clear: both !important; padding: 0 !important; margin: 0 !important }
.clear-both { clear: both !important }
.hidden { display: none !important; border: 0 !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important; line-height: 0 !important; width: 0 !important; height: 0 !important; overflow: hidden !important }
.no-display { display: none; }
/*dont make it important*/
.no-visible { visibility: hidden }
.no-float { float: none !important }
.no-margin { margin: 0 !important }
.no-padding { padding: 0 !important }
.no-lpadding { padding-left: 0 !important }
.no-rpadding { padding-right: 0 !important }
.no-border { border: none !important }
.no-border-right { border-right: none !important }
.full-width { width: 100% !important }
.half-width { width: 50% !important }
.relative { position: relative !important; }
.absolute { position: absolute !important; }
.img.full-width { height: auto }
.uppercase { text-transform: uppercase }
.lowercase { text-transform: lowercase !important }
.capitalize { text-transform: capitalize !important }
.underline { text-decoration: underline !important }
.inline-block { display: inline-block !important }
.display-block { display: block !important }
.display-flex { display: flex !important }
.items-center{align-items : center !important}
.gap2{gap : 2px !important}
.visible-sms { display: none }
.overflow-hidden { overflow: hidden }
.overflow-auto { overflow: auto }
.cursor-pointer { cursor: pointer }
.no-letter-spacing { letter-spacing: normal !important }
.nobr { white-space: nowrap !important }
.wrap { white-space: normal !important }
.block { display: block !important; }
.bdr-left { border-left: solid 1px }
.bdr-right { border-right: solid 1px }
.mandatory { color: red; font-size: 14px; vertical-align: middle }
.wauto { width: auto !important }
.wunset { width: unset !important }
.w3 { width: 3% !important }
.w5 { width: 5% !important }
.w10 { width: 10% !important }
.w12 { width: 12% !important }
.w14 { width: 14% !important }
.w15 { width: 15% !important }
.w20 { width: 20% !important }
.w22 { width: 22% !important }
.w23 { width: 23% !important }
.w25 { width: 25% !important }
.w30 { width: 30% !important }
.w35 { width: 35% !important }
.w40 { width: 40% !important }
.w50 { width: 50% !important }
.w56 { width: 56% !important }
.w60 { width: 60% !important }
.w67 { width: 67% !important }
.w70 { width: 70% !important }
.w75 { width: 75% !important }
.w80 { width: 80% !important }
.w85 { width: 85% !important }
.w100 { width: 100% !important }

.no-mg { margin: 0 !important; }
.no-padding { padding: 0 !important }

.m0 { margin: 0px !important }
.m10 { margin: 10px !important; }
.m20 { margin: 20px !important; }

.mt0 { margin-top: 0px !important; }
.mt1 { margin-top: 1px; }
.mt5 { margin-top: 5px; }
.mt8 { margin-top: 8px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt18 { margin-top: 18px; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt75 { margin-top: 75px; }
.mt100 { margin-top: 100px; }

.mtb10 { margin: 10px 0px !important; }

.ml5 { margin-left: 5px !important; }
.ml9 { margin-left: 9px !important; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px }
.ml90 { margin-left: 90px; }
.ml50 { margin-left: 50px; }

.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr70 { margin-right: 70px; }

.mr0auto { margin: 0 auto; }

.mb0 { margin-bottom: 0px !important; }
.mb4 { margin-bottom: 4px !important; }
.mb5 { margin-bottom: 5px; }
.mb8 { margin-bottom: 8px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px; }

.p0 { padding: 0px !important; }
.p5 { padding: 5px; }
.p8 { padding: 8px !important; }
.p9 { padding: 9px !important; }
.p10 { padding: 10px; }
.p15 { padding: 15px !important; }
.p18 { padding: 18px !important; }
.p20 { padding: 20px; }
.p30 { padding: 30px; }

.pt0 { padding-top: 0px !important; }
.pt2 { padding-top: 2px !important; }
.pt3 { padding-top: 3px; }
.pt4 { padding-top: 4px; }
.pt5 { padding-top: 5px; }
.pt7 { padding-top: 7px; }
.pt8 { padding-top: 8px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt17 { padding-top: 17px; }
.pt20 { padding-top: 20px; }
.pt23 { padding-top: 23px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt60 { padding-top: 60px; }
.pt80 { padding-top: 80px !important; }
.pt100 { padding-top: 100px; }

.ptb23 { padding-top: 23px; padding-bottom: 23px; }
.btb23 { padding-top: 23px; padding-bottom: 23px; }

.pl0 { padding-left: 0px !important; }
.pl5 { padding-left: 5px !important }
.pl10 { padding-left: 10px !important }
.pl20 { padding-left: 20px !important }
.pl30 { padding-left: 30px !important }
.pl40 { padding-left: 40px !important }

.pr0 { padding-right: 0px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }

.pb0 { padding-bottom: 0px !important }
.pb2 { padding-bottom: 2px }
.pb5 { padding-bottom: 5px; }
.pb6 { padding-bottom: 6px !important; }
.pb7 { padding-bottom: 7px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px !important; }

.plr0 { padding-left: 0; padding-right: 0 }
.plr3 { padding-left: 3px; padding-right: 3px; }
.plr5 { padding-left: 5px; padding-right: 5px; }
.plr10 { padding-left: 10px; padding-right: 10px; }
.plr13 { padding: 0px 13px !important; }
.plr15 { padding: 0px 15px !important; }
.plr18 { padding: 0px 18px !important; }
.plr30 { padding-left: 30px !important; padding-right: 30px !important; }
.ptb10 { padding: 10px 0px !important; }

.ptb10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.ptb20 { padding-top: 20px !important; padding-bottom: 20px !important; }

.fs10 { font-size: 10px !important; }
.fs11 { font-size: 11px !important; }
.fs12 { font-size: 12px !important; }
.fs13 { font-size: 13px !important; }
.fs14 { font-size: 14px !important; }
.fs15 { font-size: 15px !important; }
.fs16 { font-size: 16px !important; }
.fs17 { font-size: 17px !important; }
.fs18 { font-size: 18px !important; }
.fs19 { font-size: 19px !important; }
.fs20 { font-size: 20px !important; }
.fs25 { font-size: 25px !important; }
.fs30 { font-size: 30px !important; }
.fs35 { font-size: 35px !important; }
.fs40 { font-size: 40px !important; }

.fwb { font-weight: bold !important }
.fw300 { font-weight: 300; }
.fw400 { font-weight: 400; }
.fw600 { font-weight: 600; }
.fw700 { font-weight: 700; }
.fw900 { font-weight: 900; }

.h28 { height: 28px; }
.h30 { height: 30px; }
.h50 { height: 50px; }
.h400 { height: 400px; }
.h500 { height: 500px; }

.h50p { height: 50% }

.bg-white { background-color: #fff; }
.red { color: red !important; }
.green { color: green !important; }
.white { color: #fff !important; }
.black { color: #000 !important; }
.lightred { color: #F54B61 !important; }
.orange { color: #ff7f00  !important;}
.blue {color:#006bb3 !important}

.txt-right { text-align: right }
.txt-left { text-align: left }
.txt-center { text-align: center }
.ib { display: inline-flex; }
.dib { display: inline-block; }
.fl { float: left }
.fl-no-rtl { float: left }
.fr { float: right }
.fr-no-rtl { float: right }
.fl-li li { float: left }
.fr-li li { float: right }
.fl-li-no-rtl li { float: left }
.fr-li-no-rtl li { float: right }

/********new added class**********/
.pull-right { float: right; }
.pull-left { float: left; }
/*******new added class end*******/

.br1 { border-radius: 1px !important; }
.br2 { border-radius: 2px !important; }
.br3 { border-radius: 3px !important; }
.br4 { border-radius: 4px !important; }
.br5 { border-radius: 5px !important; }

.fmt-curr { padding-left: 2px; padding-right: 2px; }


.offset-0 { padding-left: 0; padding-right: 0; }
.offset-1 { padding-left: 5px; padding-right: 5px; }
.offset-2 { padding-left: 10px; padding-right: 10px; }
.offset-3 { padding-left: 15px; padding-right: 15px; }

i.fa-square.CL, i.fa-square.cl, i.fa-square.Cancelled { color: red !important; }
i.fa-square.HK, i.fa-square.hk, i.fa-square.Confirmed { color: green !important; }
i.fa-square.RQ, i.fa-square.rq, i.fa-square.OnRequest { color: darkorange !important; }
i.fa-square.UC, i.fa-square.uc, i.fa-square.UnConfirmed { color: darkorange !important; }
i.fa-square.TP, i.fa-square.tp, i.fa-square.TicketPending { color: darkorange !important; }
i.fa-square.OH, i.fa-square.OH, i.fa-square.OnHold { color: darkorange !important; }
i.fa-square.PC, i.fa-square.pc, i.fa-square.PendingForConfirmation { color: darkorange !important; }

.status-hk { background-color: #7db921 !important; color: #ffffff }
.status-oh, .status-rq, .status-uc, .status-pc, .status-tp { background-color: #d1aa1e !important; color: #ffffff }
 .status-cl{ background-color: #e81123 !important; color: #ffffff }

.refund-rf { background-color: #7db921 !important; }
.refund-nrf { background-color: #e81123 !important; }
.refund-prf { background-color: #bebebe !important; }

.awesome-button label { float: left; display: inline-block; font-weight: normal; cursor: pointer }
.awesome-button input { float: left; margin-top: 2px; display: none }
.awesome-button label { position: relative; padding-left: 20px !important; cursor: pointer; }
.awesome-button label::before { display: block; content: " "; position: absolute; left: 0; top: 0; width: 16px; height: 16px; border: 1px solid #d1d1d1; z-index: 0; line-height: 12px; text-align: center; font-size: 11px }
.awesome-button :not([type="checkbox"]) + label::before { border-radius: 8px; border-width: 2px; }
.awesome-button [type="radio"]:checked + label::before, .awesome-button [type="checkbox"]:checked + label::before { content: "✔"; }

.white-bg { background-color: #fff !important; }
.preferredairlines {transition: all .5s cubic-bezier(.19,1,.5,1);padding: 3px 5px;width: 100% !important;height: 40px;background-color: #fdfdfd;border: 1px solid #ccc;border-radius: 2px;}
.magicsearch-wrapper{width:100% !important;}

.colorDodgerBlue { color: #007dd4 !important; }
.table > tbody > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; white-space: nowrap; text-overflow: ellipsis; max-width: 200px; overflow: hidden; }

input[type="text"].error, input[type="password"].error, input[type="url"].error, input[type="file"].error, input[type="email"].error, textarea.error, select.error { border-color: red; }
.table-bordered { font-size: 12px }

#onholdpaymentmodal .modal-dialog { width: 60%; transform: translate(-50%,-50%); left: 50%; top: 50%; position: absolute; }
#onholdpaymentmodal .btn-group .btn-default { border-bottom: none; border: solid 1px #e6e6e6; box-shadow: none; -webkit-box-shadow: none }
#onholdpaymentmodal .btn-group .btn-default:focus { background-color: #e6e6e6 }
#onholdpaymentmodal .tab-content { border: solid 1px #e6e6e6; overflow: auto }
#onholdpaymentmodal .tab-pane { padding: 10px; }
#onholdpaymentmodal .pg-options { border: solid 1px #e6e6e6; padding: 5px; width: 95%; margin-bottom: 10px; cursor: pointer }

#issueticketmodal .modal-dialog { width: 60%; transform: translate(-50%,-50%); left: 50%; top: 50%; position: absolute; }
#issueticketmodal .btn-group .btn-default { border-bottom: none; border: solid 1px #e6e6e6; box-shadow: none; -webkit-box-shadow: none }
#issueticketmodal .btn-group .btn-default:focus { background-color: #e6e6e6 }
#issueticketmodal .tab-content { border: solid 1px #e6e6e6; overflow: auto }
#issueticketmodal .tab-pane { padding: 10px; }
#issueticketmodal .pg-options { border: solid 1px #e6e6e6; padding: 5px; width: 95%; margin-bottom: 10px; cursor: pointer }

#add-booking-to-ref { color: #fff; padding: 10px; font-size: 14px; background-color: #e81123; }

#postbookingmarkupmodal .modal-dialog { transform: translate(-50%,-50%); left: 50%; top: 50%; position: absolute; }

#tpProgressContainer { transform: translate(-50%,-50%); }

div#ui-datepicker-div { z-index: 1051 !important }
#tpResultContainer .resulttype { line-height: 5px; font-size: 10px; height: 20px; border-radius: 0px; text-transform: uppercase; background-color: #7db921; }


[data-tp-result-type] { display: flex; gap: 15px; }

.resulttype_spc, .resulttype_nrm { position: relative; padding-left: 35px; font-size: 16px; border: 2px solid #ccc; border-radius: 5px; background: white; cursor: pointer; user-select: none; outline: none; color: black !important; }

    .resulttype_spc .checkmark,
    .resulttype_nrm .checkmark { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); height: 18px; width: 18px; border: 2px solid #ccc; border-radius: 50%; background-color: white; transition: background-color 0.3s, border-color 0.3s; }

    .resulttype_spc.active,
    .resulttype_nrm.active { border-color: #007bff; }

        .resulttype_spc.active .checkmark,
        .resulttype_nrm.active .checkmark { background-color: #cce4ff;  border-color: #007bff; }
            .resulttype_spc.active .checkmark::after,
            .resulttype_nrm.active .checkmark::after { content: "✔"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 12px; color: #007bff; font-weight: bold; }
		

#booking-detail ul.booking-operations { overflow: auto }
#booking-detail ul.booking-operations li { display: inline-block; padding-right: 5px; list-style-type: none; font-size: 14px; }
#booking-detail ul.booking-operations li a { background: transparent; margin: 10px 0px; padding: 0px 5px; display: block; text-transform: uppercase; font-weight: bold; border: 1px solid #ccc; font-size: 11px; }
#booking-detail ul.booking-operations li a:first-child { margin-top: 0px; }
#booking-detail ul.booking-operations li i { padding-right: 5px; }

.topsticky {position: sticky;top: 0;background: white;z-index: 0;margin-bottom:20px;}

table.pricing {border: 1px solid #d4d4d4;}
table.pricing th{color:#0C67AE;background: #f5f5f5}
table.pricing th.heading1{background:azure}
table.pricing th, table.pricing td {padding:5px;font-size:14px;}
table.pricing.less-space th, table.pricing.less-space td {padding:3px;}
table.pricing td.profit{font-weight:bold;color:#FF7F00 !important}
table.pricing td a, table.pricing td a:hover{color:#0C67AE}
table.pricing tr.hover>td {background: bisque;}
table.pricing .btn-xs{margin-right:0px;height:unset;font-size:14px;}

.offer-band{background: red;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);color: #FFFFFF;display: inline-block;font-weight: bold;padding: 6px 10px;position: absolute;left: -40px;top: 15px;text-align: center;text-transform: uppercase;width: 140px;z-index: 2;font-size: 10px;-webkit-box-shadow: 0 0 0 1px #EEE inset;box-shadow: 0 0 0 1px #EEE inset;}

@media only screen and (max-width: 768px) {
    .rs-ib { display: inline-block !important; }
    .rs-block { display: block !important; }
    .rs-txt-center { text-align: center !important; }
    .rs-txt-left { text-align: left !important; }
    .rs-txt-right { text-align: right !important; }
    .rs-w100 { width: 100% !important }
    .rspt40 { padding-top: 40px !important }
    .rspt42 { padding-top: 42px !important }
    .rs-mt20 { margin-top: 20px !important }
    .rs-fl-none { float: none !important }

    .tb-pt10 { padding-top: 10px; }
    .comm-plr0 { padding-left: 0 !important; padding-right: 0 !important; }
}

@media only screen and (max-width:426px) {
    .mb-pt0 { padding-top: 0px !important }
    .mb-pt10 { padding-top: 10px !important }
    .mb-pt20 { padding-top: 20px !important }
    .mb-pt40 { padding-top: 40px !important }
    .mb-mt10 { margin-top: 10px !important }
    .mb-mb10 { margin-bottom: 10px !important }

    .mb-pb0 { padding-bottom: 0px !important }
    .mb-pb10 { padding-bottom: 10px !important }

    .mb-ptb20 { padding-top: 20px !important; padding-bottom: 20px; }

    .mb-plr0 { padding-left: 0px !important; padding-right: 0 !important; }

    .mb-txt-center { text-align: center !important; }
    .mb-txt-left { text-align: left !important; }
    .mb-txt-right { text-align: right !important; }
    .mb-block { display: block !important; }

    .mb-w100 { width: 100% !important; }

    .comm-plr0 { padding-left: 0 !important; padding-right: 0 !important; }
    /*markup modal*/
    #postbookingmarkupmodal .modal-dialog { left: 48%; top: 27%; width: 90%; }
}

@media only screen and (max-width: 359px) and (min-width: 320px) {
    .mb-pt0 { padding-top: 0px !important }
    .mb-pt10 { padding-top: 10px !important }
    .mb-pt20 { padding-top: 20px !important }
    .mb-pt40 { padding-top: 40px !important }
    .mb-mt10 { margin-top: 10px !important }
    .mb-mb10 { margin-bottom: 10px !important }

    .mb-pb0 { padding-bottom: 0px !important }
    .mb-pb10 { padding-bottom: 10px !important }

    .mb-ptb20 { padding-top: 20px !important; padding-bottom: 20px; }

    .mb-plr0 { padding-left: 0px !important; padding-right: 0 !important; }

    .mb-txt-center { text-align: center !important; }
    .mb-txt-left { text-align: left !important; }
    .mb-txt-right { text-align: right !important; }
    .mb-block { display: block !important; }

    .mb-w100 { width: 100% !important; }

    .comm-plr0 { padding-left: 0 !important; padding-right: 0 !important; }
    /*markup modal*/
    #postbookingmarkupmodal .modal-dialog { left: 48%; top: 27%; width: 90%; }
}

@media only screen and (max-width:425px) and (min-width: 360px) {
    .mb-pt0 { padding-top: 0px !important }
    .mb-pt10 { padding-top: 10px !important }
    .mb-pt20 { padding-top: 20px !important }
    .mb-pt40 { padding-top: 40px !important }
    .mb-mt10 { margin-top: 10px !important }
    .mb-mb10 { margin-bottom: 10px !important }
    .mb-mt0 { margin-top: 0 !important; }
    .mb-mb0 { margin-bottom: 0 !important; }

    .mb-pb0 { padding-bottom: 0px !important }
    .mb-pb10 { padding-bottom: 10px !important }

    .mb-plr0 { padding-left: 0px !important; padding-right: 0 !important; }

    .mb-txt-center { text-align: center !important; }
    .mb-txt-left { text-align: left !important; }
    .mb-txt-right { text-align: right !important; }
    .mb-block { display: block !important; }

    .mb-w100 { width: 100% !important; }

    .comm-plr0 { padding-left: 0 !important; padding-right: 0 !important; }

    /*markup modal*/
    #postbookingmarkupmodal .modal-dialog { left: 48%; top: 27%; width: 90%; }
}
