/**** RTL CSS Start****/
html[dir="rtl"] .announcement-container{
    padding-left: 4%;
    text-align: left;
}

html[dir="rtl"] .right-container{
    text-align: left;
    padding-left: 1.5%;
}

html[dir="rtl"] .dropdown-menu-right {
    left: 0;
    right: auto;
}

html[dir="rtl"] .dropdown-menu {
    text-align: right;
}

html[dir="rtl"] .password-field-container .hint {
    left: 0;
    text-align: left;
    right: auto;
}

html[dir="rtl"] .forgot-password-container  .pull-right{
    float: left;
    width: 50%;
    text-align: left;
}

html[dir="rtl"] .forgot-password-container  .pull-left{
    float: right !important;
    width: 50%;
    text-align: right;
}

html[dir="rtl"] .forgot-password-container {
    display: flex;
}

html[dir="rtl"] .short-gap {
    display: none;
}

html[dir="rtl"] .header-right-logos{
    float: right;
    text-align: left;
    padding-left: 28px;
}

html[dir="rtl"] .left-main-logo img {
    padding-right: 28px;
}

html[dir="rtl"] .umrah-login {
    margin-right: 8%;
}

html[dir="rtl"] .telephone_sign {
    right : -10px;
    left: auto !important;
}

html[dir="rtl"] .tel_prefix {
    float: right !important;
    margin-left: 4px;
    margin-right: auto !important;
}

html[dir="rtl"] .tel_prefTel {
    float: right !important;
    margin-left: 4px !important;
    margin-right: auto !important;
}

/****RTL CSS for forgot password page****/
html[dir="rtl"] .login-forget-container li.active {
    float: right;
}
/**** RTL CSS for Transfer page****/
html[dir="rtl"] .uh-landing-background-transfer .person-per-car-field{
    margin-right: -130px;
    margin-left: 0px !important;

}
html[dir="rtl"] .uh-landing-background-transfer .glyphicon-calendar.calendar-img, .uh-landing-background-acc .glyphicon-calendar.calendar-img{
    left: 10px;
    right: auto;
}

/*** RTL CSS for accommodation search page***/
html[dir="rtl"] #btn-popover {
    display: flex;
}

html[dir="rtl"] #ui-datepicker-div {
    margin-left: 110px;
}


html[dir="rtl"] .splash-screen .preloader {
    padding-right: 50px;
}

html[dir="rtl"] .splash-screen h1 {
    padding-top: 63px;
    padding-right: 50px;
}

html[dir="rtl"] .search_taps .field_holder{
    float: right;
    margin-left:6px;
    margin-right: 0;
}

html[dir="rtl"] .uh_acc_date_field{
    margin-left: 5px !important;
    margin-right: auto !important;
}

html[dir="rtl"] .uh_check_out_dt{
    margin-left: auto;
    margin-right: auto;
}

html[dir="rtl"] .code-flex-container #uhsubPCC{
	margin-left: 30px;
    margin-right: unset;
}

html[dir="rtl"] .modal-header .announce-close{
	float:left;
}

html[dir="rtl"] .default_language_popup .modal-header .close{
	float:left;
}

html[dir="rtl"] .default_language_popup .modal-footer label{
	float: right !important;
}

html[dir="rtl"] .default_language_popup .modal-footer{
    text-align: left;
}
/**** accomodation search results page css ****/
html[dir="rtl"] #accommodation-search-results .search_panel{
    float: right;
}

html[dir="rtl"] #accommodation-search-results .search_filters{
    padding-right: 50px;
}

html[dir="rtl"] #accommodation-search-results .pull-right{
    float:left !important;
}

html[dir="rtl"] #accommodation-search-results .search_panel .squaredThree{
    float:right !important;
}

html[dir="rtl"] #accommodation-search-results .search_panel .checkbox_label{
    margin-right: 30px;
    float: right;
    margin-left: unset;
}
html[dir="rtl"] #accommodation-search-results .main-container .search_img{
    margin-right: 15px;
    margin-left: unset;
}

html[dir="rtl"] #accommodation-search-results .main-container .info_container{
    float: right;
}

html[dir="rtl"] #accommodation-search-results .main-container .price-range{
    float:left;
}

html[dir="rtl"] #accommodation-search-results .resultHeader{
    float: right !important;
    padding-left: 20px !important;
    padding-right: 0px !important;
}

html[dir="rtl"] #accommodation-search-results .main-container div.rooms-details > div > div, .rooms-details > div > div{
    padding: 10px;
}

html[dir="rtl"] #accommodation-search-results .main-container .sort_label{
    float: right;
}

html[dir="rtl"] #accommodation-search-results .main-container h2{
    float: right;
}
html[dir="rtl"] #passenger-details-container h2{
    float: right;
}

html[dir="rtl"] #accommodation-search-results .main-container h1{
    float: right;
}

html[dir="rtl"] #accommodation-search-results .main-container .preferred{
    float: left !important;
}

html[dir="rtl"] #accommodation-search-results .main-container .search-name-container .hotelHead{
    float: right;
   /* padding-right: 70px;
    margin-right: 100px;*/
}

html[dir="rtl"] #accommodation-search-results .main-container .search-name-container{
    padding-left: 90px !important;
}

html[dir="rtl"] #accommodation-search-results .main-container .sortby_container{
    float: left;
}

html[dir="rtl"] #accommodation-search-results .main-container .select-style{
    margin-right: 10px;
    background-position: left;
}

/**** Hote Info Modal CSS ****/
html[dir="rtl"] .hotel-info .modal-header .close{
    float: left;
}

html[dir="rtl"] .hotel-details-popup-panel .col-10{
    padding-left: unset;
    padding-right: 210px;
}

html[dir="rtl"] .hotel-info .hotel_desc_name{
    margin-right: 210px;
}

html[dir="rtl"] .hotel-info #email-form-container .pull-right{
    float: left !important;
}

html[dir="rtl"] .hotel-info .buttons_container{
    text-align: left;
}

html[dir="rtl"] .hotel-info .buttons_container input[type=button]{
    margin-left: unset;
    margin-right: 10px;
}

html[dir="rtl"] #email-form-container .panel-body .rooms-table .text-right input[type=checkbox]{
    margin-right: 10px !important;
}

html[dir="rtl"] #email-form-container #clearAllRoomsFromPdf{
    margin-right: 10px !important;
}

@media (min-width: 992px){
    html[dir="rtl"] #email-form-container .col-md-offset-1 {
        margin-right: 8.33333333%;
        margin-left:unset;
    }
}

@media (min-width: 768px){
    html[dir="rtl"] div.form-group div.col-sm-9{
        float: right !important;
    }
}

@media (min-width: 768px){
    html[dir="rtl"] div.form_section div.col-sm-6{
        float: right !important;
    }
}

@media (min-width: 768px){
    html[dir="rtl"] #email-form-container .form-horizontal .control-label{
        text-align: left;
    }
}

@media (min-width: 1200px){
    html[dir="rtl"] .hotel-info .panel-body .col-lg-2{
        float: right;
    }
}

html[dir="rtl"] .modal-header .close , .modal-footer .btn{
    float: left;
}

/**** Accomodation Booking page css ****/
html[dir="rtl"] #bookingContainer .reservation_cost #pblpRoomCost1, #pblpExtraMealsCost1, #pblpTotalRoomCost1{
    text-align: left !important;
}

html[dir="rtl"] #bookingContainer .reservation_details #pblpOccupancy1{
    text-align: right !important;
}

html[dir="rtl"] #bookingContainer .styled-select{
    background-position: left center;
}

html[dir="rtl"] #pbcpRoom1 .passengerContainer{
    padding-right: 10px;
}

html[dir="rtl"] .agentLabel{
    text-align: right;
}

html[dir="rtl"] #bookingContainer .back_btn{
    float: left;
}

@media (min-width: 1200px){
    html[dir="rtl"] #passenger-details-container .accept_bar .col-lg-8{
        float: right;
    }
}

html[dir="rtl"] .accept_bar span.field_holder{
    float: left !important;
    text-align: left !important;
}

html[dir="rtl"] #bookingContainer .cancellation_policy_container{
    padding-right: 80px;
    padding-left: unset;
    background-position: right 12px;
}

html[dir="rtl"] #bookingContainer .search_panel{
    float: right;
}

/**** Wallet Confirmation popup css ****/
html[dir="rtl"] #btn-wallet-container{
    text-align: left !important;
}

@media (min-width: 768px){
    html[dir="rtl"] #wc-room-list div.col-sm-8{
        float: right !important;
    }
}

/**** Accomodation Booking Success page ****/
html[dir="rtl"] #bookingDetailsContainer .buttons_container{
    text-align: left;
}

html[dir="rtl"] #bookingDetailsContainer .back_btn{
    float: left;
}

html[dir="rtl"] #bookingDetailsContainer h2{
    float: right;
}

html[dir="rtl"] #bookingDetailsContainer #bookingstatus{
    float: left !important;
    text-align: left !important;
}

html[dir="rtl"] #bookingDetailsContainer #bookingref{
    float: right !important;
    clear: right !important;
}

html[dir="rtl"] #guest_termsandconditions .modal-header h4{
    text-align: right;
}

/**** Transfer Search results page css ****/
html[dir="rtl"] #transfer-search-results .resultHeader{
    float: right !important;
}

html[dir="rtl"] #transfer-search-results .main-container h1{
    float: right;
}

html[dir="rtl"] #transfer-search-results .main-container h2{
    float: right;
}

html[dir="rtl"] #transfer-search-results .main-container .sortby_container{
    float: left;
}

html[dir="rtl"] #transfer-search-results .main-container .sort_label{
    float: right;
}

html[dir="rtl"] #transfer-search-results .main-container .select-style{
    float: left;
    background-position: left;
}

html[dir="rtl"] #transfer-search-results .main-container .search_img{
    margin-right: 15px;
    margin-left: unset;
}

html[dir="rtl"] #transfer-search-results .main-container .info_container{
    float: right;
}

html[dir="rtl"] #transfer-search-results .main-container .search_btn{
    float: left;
}

html[dir="rtl"] #transfer-search-results .main-container .price-range{
    float: left;
    text-align: left;
}

html[dir="rtl"] .main-container .result_icons_container{
    float: right;
}

@media (min-width: 1200px){
    html[dir="rtl"] .panel-body div.col-lg-2{
        float: right;
    }
}

@media (min-width: 1200px){
    html[dir="rtl"] .col-lg-2{
        float: right;
    }
}

html[dir="rtl"] .main-container .search-name-container{
    padding-left: unset;
    padding-right: 155px;
}

html[dir="rtl"] #transfer-search-results .main-container .search-name-container div{
    float: right !important;
}

html[dir="rtl"] #transfer-search-results .main-container .search-name-container h3{
    float: right !important;
}

html[dir="rtl"] #transfer-search-results .main-container div.rooms-details > div > div, .rooms-details > div > div{
    padding: 10px 10px 10px 10px;
}

html[dir="rtl"] #bookingSearchForm #submitButton{
    float: left;
}

html[dir="rtl"] #bookingSearchForm .styled-select{
    background-position: left;
}

html[dir="rtl"] #transfer-search-results .search_panel{
    float: right;
}

@media (min-width: 768px){
    html[dir="rtl"] #bookingForm .pass_form_details .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{
        float:right;
    }
}

html[dir="rtl"] #bookingForm  span.clearTypeahead{
    right: unset;
    left: 6px;
}

html[dir="rtl"] #bookingSearchForm #filter_destinationId .clearTypeahead{
    right: unset;
    left: 10px;
}

html[dir="rtl"] .clearTypeahead,.clearTypeaheadAddress{
    right: unset;
    left: 6px;
}

html[dir="rtl"] #accommodation-search-results .mrbnContainer{
    text-align: left;
}

html[dir="rtl"] .input-container .right-button{
    left: 0;
    right: unset;
}

 /* IE Only CSS  */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    html[dir="rtl"] .input-container .right-button {
        left: auto;
    }
 }

html[dir="rtl"] .input-container .left-button{
    left: unset;
}

html[dir="rtl"] .input-container .child-age-left-btn{
    left: unset;
    margin-right: 8px;
}

html[dir="rtl"] .input-container .child-age-right-btn{
    right: unset;
    margin-left: 8px;
}

html[dir="rtl"] .hotel_supplier_price{
    float: left;
}

html[dir="rtl"] .supplier_room_group{
    overflow: inherit !important;
}



html[dir="rtl"] div.ppdTable{
    width: 100%;
    padding: 8px;
    margin-right: -10px;
    margin-top: -10px;
}

html[dir="rtl"] .main-container div.rooms-details .pricePerDay {
    border-bottom: none !important;
}

html[dir="rtl"] .header-right-logos .dropdown {
    float: right;
}

html[dir="rtl"] .header-right-logos div {
    direction: ltr;
}

html[dir="rtl"] #slider-range-panel #distance1, html[dir="rtl"] #slider-range-panel #amount1 {
    text-align: left !important;
}

html[dir="rtl"] .uh-submit-section a {
    margin-right: 20px;
}

html[dir="rtl"] .rtl-search-heading-details {
    padding: 0 20px !important;
}

html[dir="rtl"] .uh-booking-search-heading {
    padding: 0 14px !important;
}

html[dir="rtl"] .dataTables_paginate {
    float: left !important;
}

html[dir="rtl"] .booking-details-cancel-button {
    float: left !important;
}

html[dir="rtl"] .booking-details-back-btn {
    margin-right: 30px !important;
}

html[dir="rtl"] .booking-details-reference-number {
    margin-left: 30px !important;
    direction: ltr !important; /* Doing it intentionally to avoid RTL issue */
}

html[dir="rtl"] .rtl-buttons-container input {
    float: left !important;
}

html[dir="rtl"] .rtl-buttons-container {
    margin-bottom: 50px !important;
}

html[dir="rtl"] .uh-export-section {
    float: left !important;
}

html[dir="rtl"] #filter_destinationId input {
    direction: inherit;
}

html[dir="rtl"] .booking-management-destination .clearTypeahead {
    margin-right: 98.5% !important; /* Only applicable to booking management clearTypeAhead button */
}

html[dir="rtl"] .booking-details-status-section {
    float: left;
}

html[dir="rtl"] .children-age-input{
    float: right;
    margin-right: 2%;
}

html[dir="rtl"] .markup-bar .buttons_container {
    float: left !important;
}

html[dir="rtl"] #removeAllHotels {
    float: left !important;
}

html[dir="rtl"] #compareRooms_container {
    left:unset;
    right: 60px !important;
    background:transparent;
}

html[dir="rtl"] #compareRooms_container .shoppingcart_btn {
    float:right;
}

html[dir="rtl"] .shoppingcart_container {
    right:unset;
    left: 60px !important;
}

html[dir="rtl"] .uh-delete-icon-div .uh-delete-icon {
    margin-right: 10px;
}

html[dir="rtl"] .uh_pay_now_btn {
    padding-right: 35px;
    padding-left: 0;
    background: url("../../images/icons/paynow.png") no-repeat top right;
}
html[dir="rtl"] .searchButtonsContainer{
    float:left !important;
    margin-right: 10px;
}

html[dir="rtl"] .search_taps .search_row
{
    float:none;
}
html[dir="rtl"] span.twitter-typeahead {
    direction: rtl !important;
}
html[dir="rtl"] .search_row .search_textbox {
    direction: rtl;
}
html[dir="rtl"] .search_taps .minTypeaheadWidth, .search_taps .destinationSearch{
    direction: rtl;
}

html[dir="rtl"] #searchFieldsContainer {
    float: right;
}

html[dir="rtl"] .uh-other-acc-container .uh_acc_date_field{
    margin-left: 6px !important;
    margin-right: auto !important;
}

html[dir="rtl"] .uh-other-acc-container .radius_class{
    margin-left: 24px !important; 
}
html[dir="rtl"] .uh-other-acc-container .destination_class{
    margin-left: 0;
}

html[dir="rtl"] .shopping_cart_tabel td{
    padding-right: 25px !important;
}

html[dir="rtl"] .shopping_cart_popup .modal-title{
    padding-right: 25px;
    background-position: right center;

}

html[dir="rtl"] .rtl-quotation{
    text-align: left;
}

html[dir="rtl"] .ccFields{
    margin-right: 6%;
}

html[dir="rtl"] .bootbox.paymentBootbox .modal-content .red-cross-button{
    float: left !important;
    left: 0;
    right: 59px;
}

html[dir="rtl"] .bootbox.paymentBootbox .modal-content {
    background-image: url(../../images/umrah/Payment.jpg);
    padding: 0 35% 0 0%;
    background-repeat: no-repeat;
    background-size: 35% 100%;
    background-position: right;
}

html[dir="rtl"] #creditCardDetailsForm .form-group label {
    float: right;
}

html[dir="rtl"] .uh-credit-card-terms-conditions {
    float: left !important;
    margin-left: 20px;
}

html[dir="rtl"] .uh-e-wallet-crfn-heading{
    margin-right: 6%;
}

html[dir="rtl"] .bootbox.paymentBootbox .modal-content .tooltip{
    float:left !important;
    margin-left: 6%;
}

html[dir="rtl"] #Other_A_City_typeahead{
    direction: rtl;
}

html[dir="rtl"] #table_bookItinerary .panel-default .col-lg-4{
    text-align: end;
    float: right;
}

html[dir="rtl"] .shopping_cart_popup .search_btn, .shopping_cart_popup .search_btn:visited, .shopping_cart_popup .search_btn:active {
    float: left;
}

html[dir="rtl"] .shopping_cart_popup .btn-link{
	float: right;
    margin-right: 5%
}

html[dir="rtl"] .shopping_cart_popup .modal-footer .col-sm-2{
	text-align: end;
}

html[dir="rtl"] .rtlquotationfooter{
    display: flex;
    justify-content: flex-end;
}

html[dir="rtl"] #uh-mobile-header .topnav a.icon {
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
}
.alignLeft{
    text-align: left;
}
.total-col{
    text-align: left;
}
.total-col-left{
    text-align: left;
}
.align-left-pos{
    position: relative!important;
    left: -71px;
}
.breakup-col-left{
    text-align: left;
}
/**** RTL CSS END****/

html[dir="rtl"] .uh-subpcc-mgmt-filter-table .search_textbox {
    direction: rtl;
}

html[dir="rtl"] .ca-pcc-bottom-container .pull-right{
float: left !important;
}

html[dir="rtl"] .ca-pcc-bottom-container .manage{
    min-width: 100px;
}

html[dir="rtl"] .flash-img{
    left: 10px !important;
    right: unset;
}

html[dir="rtl"] .subpcc_add_item .search_textbox{
    direction: rtl;
}

html[dir="rtl"] .subpcc-dt-head{
    text-align: right !important;
}

html[dir="rtl"] .subpcc-remove{
    left: 20px !important;
    right: unset;
}
.customer-admin-pccmanagement .clearnotepos{
    position: relative;
    right: -41px;
}
.customer-admin-pccmanagement .ccalenderepos{
    position: relative;
    right: -39px;
    top: 0px;
    border-radius: 0px!important;}
    .add-service .float-right {
        float: left;
        margin-left: -20px;
    }


    html[dir="rtl"] .add-service a {
        float: none;
        left: 0;
        top:5px;
    }

    html[dir="rtl"] #itineraryAddService {
        float: right;
        /* margin-right: 35%; */
    }
   
    html[dir="rtl"]  .customer-reg .nopad-fields{
        float: right;
    }
	
    html[dir="rtl"] .placehoder_right {
        direction: rtl !important;
    }
	
	html[dir="rtl"] .down-arr {
        position: relative;     
        top: 2px;
        right: 13px;
    }
    html[dir="rtl"] .subPCCRes .search_subpcc {        
        margin-right: 6px;
        width: 77px!important;
    }

    html[dir="rtl"] .subPCCResSpan {
        width: 133px;
    }

    html[dir="rtl"] .text-font-coupon{
        text-align: unset;
    }
    html[dir="rtl"] .uh-passenger-book-table{
        margin-right: 8px;
    }

    html[dir="rtl"] .booking-for-input .glyphicon{
        position: relative;       
        right: -30px;
        vertical-align: middle;
        line-height: 27px;
        top: 3px;
    }

    .umrah-with-visa-badge {
        margin-left: -15px;
        margin-top: -20px;
        font-size: 11px;
        position: relative;
        left: -3px;
        bottom: 22px;
        border: 1.5px solid #000;
        background-color: #c92222;
        padding: 5px!important;
        border-radius: 8px;
        text-transform: uppercase;
    }

    .visa-tab-new{
        padding-left: 0px!important;
        padding-right: 22px!important;
    }
    .floatNone{
        direction: ltr;
        float: none;
    }
    .direction-left{
        direction: ltr;
    }
    .right-txt{
        text-align : right;
    }

	.uhiSearchTabs {
		margin-right: 45px;
	}
	html[dir="rtl"] .alignRightCarousel {
		    right: 59%;
			left:0%;
	}
	.umrahfeaturedtext {
		font-size: 14px;
		color: #000;
		margin-right: 39px;
		font-weight: 600;
	}