@primary_color: #0093DD; //#8d1b3d #0f204c; @primary_color1: darken(@primary_color, -15%); @secondary_color: #8d1b3d; //#0f204c; @secondary_color1: darken(@secondary_color, -15%); @color_yellow: #f7b727; //#f58021; @text_color: #fff; @text_color2: #495057; @text_color3: #444444; @font_color: #676565; /* Styles added by Sunil Prabhakar to facilitate new booking page design*/ /* Added on 8th May 2019*/ .pad0 { padding: 0px !important; } .mar0 { margin: 0px !important; } .mart10 { margin-top: 10px !important; } .mart60{ margin-top: 60px; } .ac_body { font-family: Open Sans, sans-serif !important; color: #404040; line-height: 1.5; font-size: 12px; //max-width: 1000px; input, select { border: 1px solid #9b9b9b !important; } .checkmark { background-color: #fff !important; } h1 { font-size: 20px; } h2 { font-size: 18px; } h3 { font-size: 16px; } h4 { font-size: 14px; } .txt11 { font-size: 11px; } .txt14 { font-size: 14px; } .txt13 { font-size: 13px; } .txt12 { font-size: 12px; } .txt20 { font-size: 20px; } .txtl { text-align: left; } .txtr { text-align: right; } .hl_black { color: #262626 !important; } .hl_white { color: #ffffff; } .hl_green { color: #005B9E; } .hl_orange { color: #FFC000; } .hl_purple { color: #515455; } .hl_primary { color: @primary_color; } .hl_darkgrey { color: #404040; } .hl_medgrey { color: #808080; } .bg_primary { background-color: @primary_color; } .bg_white { background-color: #ffffff; } .bg_darkgrey { background-color: #F2F2F2; } .bg_lightgrey { background-color: #FAFAFA; } .bg_greyshade { background-color: #eee; } .fl_container { //margin: 20px 100px; background-color: #FFF; min-height: 100px; padding: 10px; border: 1px solid #d3d3d3; border-radius: 10px; box-shadow: 1px 1px 3px #dad8d8; } .search_container { //margin: 20px 100px; background-color: #FFF; min-height: 40px; padding-top: 15px; margin-bottom: 8px; border: 1px solid #d3d3d3; border-radius: 10px; box-shadow: 1px 1px 3px #dad8d8; } .s_hotel_card { .ac_hotel_image { border-radius: 8px; min-height: 150px !important; max-height: 160px !important; } .ac_ul, .image_box { padding-left: 0px } } .fll { float: left; } .ac_hotel_image { width: 100%; height: 180px; } #SelectedFlightList .selected_service { img { width: 30px !important; } } .selected_service { margin-bottom: 10px; .row { background-color: #fff; padding: 10px; margin-left: 0px; border-radius: 5px; margin-right: 25px; } .selected_name { font-weight: 600; color: rgba(122, 124, 128, 1); } .TxtClr { color: rgba(122, 124, 128, 1); } .ServiceSelected { font-weight: 600; color: rgba(0, 147, 221, 1); } .EditRemove { position: relative; bottom: 0px; float: right; } img { width: 50px; } } .ac_activity_image { width: 100%; max-height: 230px; } .room_image { width: 100%; max-height: 140px; border-radius: 5px; } .cruise_attributes { width: 20px !important; } .show-read-more .more-text { display: none; } .read_more_button { text-transform: lowercase !important; } .flr { float: right; } .padl0 { padding-left: 0px !important; } .padr0 { padding-right: 0px !important; } .padt0 { padding-top: 0px !important; } .padb0 { padding-bottom: 0px !important; } .pad2 { padding: 2px !important; } .pad5 { padding: 5px !important; } .padl5 { padding-left: 5px !important; } .padr5 { padding-right: 5px !important; } .padt5 { padding-top: 5px !important; } .padb5 { padding-bottom: 5px !important; } .padb3 { padding-bottom: 3px !important; } .padb10 { padding-bottom: 10px !important; } .padt10 { padding-top: 10px; } .padl10 { padding-left: 10px !important; } .padr10 { padding-right: 10px; } .padb25 { padding-bottom: 25px !important; } .pad10 { padding: 10px !important; } .pad7 { padding: 7px !important; } .pad15 { padding: 15px !important; } .marl0 { margin-left: 0px !important; } .marr0 { margin-right: 0px !important; } .mart0 { margin-top: 0px !important; } .marb0 { margin-bottom: 0px !important; } .marb5 { margin-bottom: 5px !important; } .marl10 { margin-left: 10px !important; } .marr10 { margin-right: 10px !important; } .marr5 { margin-right: 5px !important; } .marb10 { margin-bottom: 10px !important; } .borrad5 { border-radius: 5px !important; } .marb1 { margin-bottom: 1px !important; } .marl3 { margin-left: 3px !important; } .pad10 { padding: 10px !important; } .flight_tile { // margin-bottom: 20px !important; } .lht20 { line-height: 2 !important; } .lht18 { line-height: 1.8 !important; } .lht14 { line-height: 1.4 !important; } .lht15 { line-height: 1.5 !important; } .bor-all { border: 1px solid #BFBFBF; } .bor-l { border-left: 1px solid #BFBFBF; } .bor-r { border-right: 1px solid #BFBFBF; } .bor-t { border-top: 1px solid #BFBFBF; } .bor-b { border-bottom: 1px solid #BFBFBF; } bor-none { border: 0px solid #fff; } .ucase { text-transform: uppercase; } .lcase { text-transform: lowercase; } .scase { text-transform: capitalize; } .p1020 { padding: 10px 20px; } .wspace { white-space: pre-line; } .cboth { clear: both; } .ac_ul { list-style-type: none; // max-height:70px; } .org_price { font-size: 15px !important; } .price_org { color: #808080; text-decoration: line-through; } .text-bold { font-weight: 600; } .uline { // text-decoration: underline; background: transparent; } .select_room { padding: 0px; } .more_links { padding: 0px 25px 0px 0px; height: 20px; } .hotel_tile { padding-bottom: 20px !important; } .act_tile { padding-bottom: 20px !important; } .sub_book_content { padding: 5px 0px; } .deck_class { padding-left: 2%; overflow-x: scroll; max-height: 400px; } .deck_image { /* max-height: 300px; */ max-width: 300px; position: unset; transform-origin: top left; transform: rotate(-90deg) translate(-100%); margin-top: 29px; white-space: nowrap; } .deck_tab{ border-radius: 0px !important; margin-bottom: 0px !important; } .deck_tab:hover{ border-color: #0093dd; } .sub_book_tabs { padding: 10px 40px; height: 40px; margin-top: 10px; a { //padding-left: 25px !important; //padding-right: 25px !important; padding: 0px 25px 0px 25px !important; border-right: 1px solid #BFBFBF; background: transparent; } a:first-child { padding-left: 0px !important; padding-right: 25px !important; border-right: 1px solid #BFBFBF; } a.active, a:hover { text-decoration: underline; color: @primary_color; } } .comment_tag { position: absolute; bottom: 0px; left: 0px; background-color: #000; width: calc(100% - 30px); opacity: 0.7; //min-height:40px; text-align: center; color: #fff; padding: 8px; margin-left: 15px; margin-right: 15px; } .offer_tag { position: absolute; top: 0px; left: 0px; //min-height:40px; background-color: #000; width: auto; opacity: 0.7; text-align: center; color: #fff; padding: 5px; margin-left: 15px; margin-right: 15px; } .ac_btn_primary { //height: 25px; background-color: rgba(0, 147, 221, 1); border-radius: 8px; // text-transform: uppercase; font-size: 12px; color: #fff; border: 0px solid @primary_color; padding: 5px 8px; font-weight: 600; cursor: pointer; } .ac_btn_cabin { background-color: @primary_color; border-radius: 15px; text-transform: uppercase; font-size: 12px; color: #fff; padding: 3px 18px; border: 0px solid @primary_color; font-weight: 600; margin-right: 25px; cursor: pointer; margin: 5px; } .sub_tab_cabin { padding: 10px 10px; //height: 40px; margin-top: 10px; } .ac_air_logo { width: 32px !important; height: 32px !important s; } .padtb10 { padding-top: 10px !important; padding-bottom: 10px !important; } .w60 { width: 60%; } .w40 { width: 40%; } .pricing_summary { border-left: 10px solid #F2F2F2; } .ac_checkout_image { background-position: center; //background-image: url(https://us.dotwconnect.com/poze_hotel/11/118792/HYtzZu8C_2d5fc81….jpg); background-size: cover; } .flight_view_details { background: transparent !important; padding: 7px !important; } } .filter_button_css { border-radius: 20px !important; background: #fff !important; color: #3c4043 !important; border: 1px solid #0092dd !important; width: 100%; // width: 100% !important; } .cr_deal_appld { display: -webkit-inline-box; } .CrPadL0 { padding-left: 0px !important; } .search_container a { color: #3c4043; text-align: left; } .search_container .dropdown-menu { padding: 15px; // width: 15rem !important; width: 15rem; font-size: 14px; max-height: 400px; overflow-y: scroll; } .dropdown-menu p, .dropdown-menu span { color: @primary_color; } .filter_button_css:focus { box-shadow: none !important; } #nav-tabContent { background: none !important; } .flight_destination_name a { border-radius: 0px !important; background: @primary_color !important; padding: 7px !important; } .search_container .dropdown-toggle::after { margin-left: 0.255em; } /* The radio */ .radio_label_css { display: inline-block; position: relative; padding-left: 20px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } /* Hide the browser's default radio button */ .radio_label_css input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom radio button */ .checkround { position: absolute; top: 1px; left: 0; height: 16px; width: 16px; background-color: #fff; border-color: @primary_color; border-style: solid; border-width: 2px; border-radius: 50%; } /* When the radio button is checked, add a blue background */ .radio_label_css input:checked~.checkround { background-color: #fff; } /* Create the indicator (the dot/circle - hidden when not checked) */ .checkround:after { content: ""; position: absolute; display: none; } /* Show the indicator (dot/circle) when checked */ .radio_label_css input:checked~.checkround:after { display: block; } /* Style the indicator (dot/circle) */ .radio_label_css .checkround:after { left: 2px; top: 2px; width: 8px; height: 8px; border-radius: 50%; background: @primary_color; } /*Added by Soumen*/ .no_bg { background: none !important; padding: 0px !important; border-radius: 0px !important; font-size: 14px !important; text-transform: uppercase !important; display: inline !important; text-align: none !important; height: 0px !important; padding-top: 0px !important; } .ForCruiseButton { display: block; a { color: #2071C1; margin-right: 10px; } } .FontF { font-family: 'Open Sans Semibold', arial !important; } .OrangeText { color: rgba(255, 160, 17, 1) !important; } .cr_dsn { background: rgb(252, 252, 252) !important; #nav-tabContent { border: none; background-color: transparent; } .ac_body .cruise_tile { margin-bottom: 20px !important; background: white; padding: 10px !important; .cruise_inner_tab { display: inline-block; .inner_tab { height: auto; color: #262626; } } } } .remove_serv { color:#ed143d!important; } /*css for modify search section*/ .modify_section_css { .search_button { font-size: 13px ! important; margin-top: 26px !important; border-radius: 20px; } .hotel_room_child p { color: #fff; } .header_div_css { border-bottom: 1px solid #d9d9d9; margin-bottom: 10px; padding-bottom: 10px; } /* The radio */ .radio_label_css { display: inline-block; position: relative; padding-left: 30px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } /* Hide the browser's default radio button */ .radio_label_css input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom radio button */ .radio_label_css .checkround { position: absolute; top: 2px; left: 0; height: 13px; width: 13px; background-color: transparent; border-color: #005B9E; border-style: solid; border-width: 2px; border-radius: 50%; } /* When the radio button is checked, add a blue background */ .radio_label_css input:checked~.checkround { background-color: #fff; } /* Create the indicator (the dot/circle - hidden when not checked) */ .radio_label_css .checkround:after { content: ""; position: absolute; display: none; } /* Show the indicator (dot/circle) when checked */ .radio_label_css input:checked~.checkround:after { display: block; } /* Style the indicator (dot/circle) */ .radio_label_css .checkround:after { left: -2px; top: -2px; width: 13px; height: 13px; border-radius: 50%; background: #000; } .hotel_tab_css button { font-size: 0.9167em !important; font-weight: bold; background: #98ce44 !important; height: 34px; color: #fff !important; border-color: transparent !important; width: 100%; border-radius: 0px !important; } .multiselect-native-select { .btn-group { border-radius: 0px !important; border-color: transparent !important; } } .form_design_css .search_button_div { float: right; } .form_design_css input, .form_design_css select { background-color: #f5f5f5 !important; border: none !important; border-radius: 0px !important; color:#333; } .form_design_css label { font-weight: 100 !important; text-transform: uppercase; } .card_div_css { font-size: 12px; font-weight: 100; color: #838383; //These changes are made for the modify search page from #000 to #838383 .card-header { border-bottom: none !important; padding: 0px 25px 5px !important; } .nav-tabs .nav-link { border: none !important; } } .form-control { height: 34px !important; // font-size: 12px !important; } .sha0 { box-shadow: none !important; } } .cruise_name_css { color: @primary_color; font-weight: 600; } .cruise_description_div { background: #fff; padding: 10px; p { white-space: pre-wrap; } } .search_msg_div { background: @primary_color; padding: 0px; color: #fff; margin-top: 15px; text-align: center; border-radius: 10px; h1 { margin-top: 10px; } } .tab_css { margin-right: 10px; } /*Added by soumen for cruise nights filter*/ .check_radio_nights { display: block; position: relative; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 20px; } .radio_check { width: 17px; height: 17px } .selected_serv { background-color: #70AD47 !important; } .mcolor { color: @primary_color; } // photo popup .photo_popup_a { background: transparent !important; padding: 0px !important; height: auto !important; } .sort-by-ship, .sort-by-line, .sort-by-price, .sort-by-deals, .sort-by-cr-rating, .sort-by-duration, .sort-by-departure, .sort-by-arrival, .sort-by-name, .sort-by-rating { background: transparent !important; color: #000 !important; } .modal-backdrop { z-index: 9; } //======add by dileep ====// .card_details-d { [type="radio"]:checked, [type="radio"]:not(:checked) { position: absolute; left: -9999px; } [type="radio"]:checked+label, [type="radio"]:not(:checked)+label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #666; } [type="radio"]:checked+label:before, [type="radio"]:not(:checked)+label:before { content: ''; position: absolute; left: 0; top: 10px; width: 18px; height: 18px; border: 1px solid #ddd; border-radius: 100%; background: #fff; } [type="radio"]:checked+label:after, [type="radio"]:not(:checked)+label:after { width: 18px; height: 18px; background: #ffffff; position: absolute; top: 10px; left: 0px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; border: 1px solid #b9afaf; content: "\2714"; text-align: center; color: #77d857; font-weight: bolder; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; font-size: 18px; } [type="radio"]:not(:checked)+label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } [type="radio"]:checked+label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } //added by soumen .my_trips { display: flex; // text-align: right; // position: relative; // float: right; // right: 215px; // background: #EEF6F9; // border-radius: 5px; // height: 35px; // padding: 7px; // // left:110px; // top:12px; .cart_name { max-width: 100px; background: transparent; color: #0193DD; font-size: 12px; } img { width: 18px; height: 18px; } .cart_value_sec { display: flex; background: #EEF6F9; .cart_count { margin-right: 1px; } p { color: #0CC10C; font-size: 10px; margin-top: 10px; } } p { display: flex; } .cart_name_sec { //border-right: 2px solid #fff; //padding-right: 2px; background: #eef6f9; } } .new_trip_create_modal { margin-top: 200px; .new_trip_section { p { margin-bottom: 12px; font-size: 12px; color: #AEA8A8; } input { width: 315px; margin-top: -5px; height: 34px; border-radius: 5px; border: 1px solid #CACCCF; } div:last-child { text-align: end; margin-top: 23px; border-radius: 50px; button { border-radius: 5px!important; background: #0193DD; width: 100px; font-size: 13px; height: 34px; color: #fff; font-weight: bold; } } } } .trip_modal_close { height: 15px; width: 15px; float: right; } .misc_cart_details_sec { font-size: 12px; background:#F9F8F8; z-index: 1; position: absolute; width: 500px; top: 50px; border-radius: 5px; right: 100%; padding: 5px 20px 0px 20px; box-shadow: 0px 0px 11px #bfb6b6; .row { background: #fff!important; border-radius: 5px; margin-bottom: 5px; div { &:nth-child(1) { span img { margin-top: 10px; height: 15px; width: 15px; margin-left: 0px; } } &:nth-child(3) { span img { height: 15px; width: 15px; margin-top: 10px; } } } } .tr_close { position: absolute; top: -5px; left: 100px; cursor: pointer; } .tr_prc { //position: absolute; bottom: 5px; font-weight: bold; font-size: 13px; } .btm_trip { height: 35px; background: #EEF6F9 !important; div { &:nth-child(1) p { margin: 5px 5px 0px 32px; font-weight: bold; color: #0093DD; } &:nth-child(2) p { margin: 5px 0px 0px 100px; font-weight: bold; color: #0093DD; } &:nth-child(3) a { color: #fff; height: 32px; width: 121px; border-radius: 5px; padding-top: 7px; background: #089408; position: absolute; right: 0px; line-height: 1.1; } } } } .misc_cart_count { height: 15px; width: 15px; text-align: center; padding: 0px; background-color: #0CC10C; border-radius: 50%; display: inline-block; //line-height: 12px; color: #fff; font-weight: bold; // position: absolute; bottom: 0px; font-size: 10px; //top:-1px; //right: -6px; } .mytrip_details_sec { font-size: 12px; background: #F9F8F8; z-index: 1; position: absolute; width: 500px; top: 62px; border-radius: 5px; right: 93px; padding: 5px 20px 0px 20px; box-shadow: 0px 0px 11px #bfb6b6; max-height: 650px; overflow: scroll; overflow-x: hidden; .deal_sec { display: flex; float: left; .deal_name { padding: 0px!important; } } .tr_org_prc { position: absolute; bottom: 25px; } .pad5 { padding: 5px; } .bor-r { border-right: 1px solid #BFBFBF; } .tr_name { border: none; background: #ffff !important; margin-top: 5px; color: #0093DD; font-size: 15px; font-weight: bold; border-bottom: 2px solid #0093DD; } .trip_style { border: none; background: #fff!important; margin-top: 5px; color: #0093DD; font-size: 15px; font-weight: bold; border-bottom: 1px solid #eee; } .modify_sec { background: #fff; div:last-child { margin-left:-5px!important; } } .create_trip { background: #fff; text-decoration: underline!important; color: #0193DD!important; font-weight: bold!important; cursor: pointer!important; // margin-left: 30px; } .my_trip { background: #fff; text-decoration: underline!important; color: #0193DD!important; font-weight: bold!important; cursor: pointer!important; // margin-left: 30px; } .row { background: #fff!important; border-radius: 5px; margin-bottom: 5px; div { &:nth-child(1) { span img { width: auto; } } &:nth-child(3) { span img { height: 15px; width: 15px; margin-top: 10px; } } } } .trip_edit { // margin-left:100px; padding-top: 5px!important; img { height: 15px; width: 15px; cursor: pointer!important; } } .tr_close { position: absolute; top: -5px; left: 100px; cursor: pointer; } .tr_prc { position: absolute; bottom: 5px; font-weight: bold; font-size: 13px; left: 10px; } .btm_trip { height: 35px; background: #EEF6F9 !important; div { &:nth-child(1) p { margin: 5px 5px 0px 32px; font-weight: bold; color: #0093DD; } &:nth-child(2) p { margin: 5px 0px 0px 100px; font-weight: bold; color: #0093DD; } &:nth-child(3) a { color: #fff; height: 32px; width: 121px; border-radius: 5px; padding-top: 7px; background: #089408; position: absolute; right: 0px; } } } } .cart_count { height: 15px; width: 15px; text-align: center; padding: 0px; background-color: #0CC10C; border-radius: 50%; display: inline-block; //line-height: 12px; color: #fff; font-weight: bold; // position: absolute; //right: 0px; //bottom: 0px; font-size: 10px; //top:-1px; } //======Checkbox design in on Website Payment Page====// .save_card_checkbox { display: block; position: relative; padding-left: 28px; margin-bottom: 12px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight: 400; color: #65666d; } .save_card_checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; /* background-color: #eee; */ border: 1px solid #887f7f; border-radius: 3px; } .save_card_checkbox input:checked~.checkmark { background-color: #fffff; } .checkmark:after { content: ""; position: absolute; display: none; } .save_card_checkbox input:checked~.checkmark:after { display: block; } .save_card_checkbox .checkmark:after { left: 7px; top: 0px; width: 5px; height: 15px; border: solid #78d856; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #indv_htl_search hr { border: none !important; margin: 0px !important; } /* The switch - the box around the slider */ .switch { position: relative; display: inline-block; width: 45px; height: 20px; float: right; } /* Hide default HTML checkbox */ .switch input { display: none; } /* The slider */ .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 10px; width: 10px; left: 4px; bottom: 5px; background-color: white; -webkit-transition: 0.4s; transition: 0.4s; } input.default:checked+.slider { background-color: #2071C1; } input.primary:checked+.slider { background-color: #2196F3; } input.success:checked+.slider { background-color: #8bc34a; } input.info:checked+.slider { background-color: #3de0f5; } input.warning:checked+.slider { background-color: #FFC107; } input.danger:checked+.slider { background-color: #f44336; } input:focus+.slider { box-shadow: 0 0 1px #2196F3; } input:checked+.slider { background-color: #089408; } input:checked+.slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } /* Rounded sliders */ .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } .sub_tab_cabin .list-group-item { border: none !important; } .filter_dropdown { overflow: auto; height: 220px; } .multiselect { width: 100% !important; border-radius: inherit !important; } .multiselect-container { background: #fff; } .multiselect-container li a { color: #AFAD94 !important; text-align: left; } .multiselect-native-select .btn-group { width: 100% !important; font-size: 1rem; border: 1px solid #ced4da; border-radius: 0.375rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .advance_search label { margin-top: 0.5rem; } .advance_search .cruise_search_button { margin-top: 26px !important; } .multiselect-container { height: 300px; overflow: hidden scroll; border: 1px solid #ced4da; padding: 7px; width: 100%; font-size: 12px !important; text-align:left !important; } .multiselect-native-select button.multiselect { font-size: 12px !important; padding: 6px !important; } .multiselect-container>li>a>label { height: auto !important; } // menu Design =// .dropdown-menu-right { padding: 15px!important; min-width: 304px !important; right: -61px; box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.10980392156862745) !important; border: none !important; } .user_list_new { padding-left: 0px; list-style-type: none !important; } .user_list_new .list_section { padding-left: 0px; list-style-type: none !important; margin-bottom: 5px; border-bottom: 1px solid #eee; } .user_list_new .list_section img { height: 24px; margin-right: 14px; width: auto !important; } .user_list_new .list_section a { text-decoration: none; } .user_list_new .title_discription p { font-size: 12px; margin-bottom: 0px; color: #3a3a3a; text-transform: uppercase; font-weight: 600; } .user_list_new .title_discription label { font-size: 11px !important; font-weight: 500; line-height: 13px; color: #6C6E6F; text-transform: capitalize; letter-spacing: 0.04em; } .s_price_inner_hotel>.s-float-right>.s-select-btn { display: none !important; } .show_mob { display: none; } .dsktop_drp { width: 253px !important; background: transparent; border-radius: 3px; height: 29px; border: 1px solid #ced4da; color: #495057; } .mob_gnd { background: transparent; border-radius: 3px; height: 29px; color: #495057; } .title_ds { background: transparent; border-radius: 3px; height: 29px; border: 1px solid #ced4da; color: #495057; } .pax_header { margin-bottom: 5px !important; background: #ced4da !important; padding: 10px; width: 100%; } .phonecode { display: inline-block; height: 30px !important; /* width: 95px; */ padding: 0px; height: 42px; font-size: 13px; background-color: transparent !important; //Added by soumen color: #6c757d; //Added by soumen border: 1px solid #dad6d6; border-radius: 3px; float: left; margin-right: 5px; } .phn_no { width: 135px; } .mob_act_dl { margin-right: 155px; } .filtter_border { display: none; } .off_dl_mob { float: right; right: 280px; top: 4px; } .dsktp_chk { transform: scale(1.3); } .m_close_icon { z-index: 9999; background: #0093dd; display: none; justify-content: center; align-items: center; padding: 10px; text-align: center; margin: auto; font-size: 14px; text-transform: uppercase; font-weight: bold; width: 80%; border: none; color: white; border-radius: 4px; cursor: pointer; } .in_ft p { margin-bottom: 0px; padding-top: 7px; font-weight: 600; } .m_img_view { display: none; img { width: 17px; opacity: 0.5; } } .m_btn_icon .m_img_view { img { margin-right: 10px; } } /* starts for autocomplete design */ .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; width: 227px; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin: 0; padding: 0; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: .2em .4em; line-height: 1.5; zoom: 1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { margin: -1px; } .bg-gamma .ui-autocomplete .ui-menu-item { font-size: 13px !important; } #ui-id-2, #ui-id-1, #ui-id-4, #ui-id-5, #ui-id-6, #ui-id-3, { // width: 302px !important; z-index: 1052 !important; } #ui-id-1:before{ display:block !important; content: "Please Select an Option"; clear: both; height: 20px; width: 100%; font-size: 10px; text-transform: uppercase; color: #a0a0a0; font-weight: 700; padding-left: 15px; visibility: visible !important; } #ui-id-1{ display:block; } .ui-menu .ui-menu-item { padding: 4px 1em 4px 1em !important; } #ui-id-2 .ui-state-focus { /* background-color: #17a2b8 !important; */ border: none !important; } .posbot, .posbot_tf { position: absolute; bottom: 0px; } .posbot_act { position: relative; bottom: 0px; } .posbot_cr { position: relative; bottom: 0px; left: 15px; } .earning_points { // position: absolute; margin-bottom: 0px; background: #fff; display: inline-flex; color: #586573 !important; font-size: 12px; // top: 4px; } .flight_cards_new_view { background: white; padding: 5px 15px; margin-bottom: 10px; border-radius: 2px; margin-bottom: 10px; border: 1px solid #d3d3d3; border-radius: 10px; box-shadow: 1px 1px 3px #dad8d8; // .round_trip{ // position: relative; // &:after{ // display: block; // content: ""; // clear: both; // height: 25px; // width: 25px; // border-radius: 50%; // background: #efeff3; // position: absolute; // right: -17px; // top: -17px; // } // // &:before{ // display: block; // content: ""; // clear: both; // height: 25px; // width: 25px; // border-radius: 50%; // background: #efeff3; // position: absolute; // left: -17px; // top: -17px; // } // } .division_set { align-items: center; // border-bottom: 1px dotted #dfe2ff; margin-bottom: 4px; padding-bottom: 6px; } .deals_inside_view { .dropdown { display: inline-flex; button { border-radius: 0px !important; margin-bottom: 0px; // background: #f8f8f9 !important; display: inline-block; padding: 1px 6px !important; color: #586573 !important; border: none !important; text-transform: capitalize !important; img { width: 15px; } } } } .bottom_design_view { align-items: center; p { margin-bottom: 0px !important; } } .cart_rt { justify-content: flex-end; } .earning_points { // float: right; margin-top: 3px; font-weight: 600; .ft-dollar { margin-left: -33px; margin-top: 3px; width: 7px; } .ft-gogo { width: 80px; position: relative; top: 5px; } span { font-weight: 700; color: #515455; margin-left: 5px; margin-top: 4px; } } .flight_img { img { width: 30px !important; } .refund_money { text-transform: uppercase; margin-top: 5px; margin-bottom: 0px; background: #f9f9f9; display: inline-block; padding: 2px 20px 2px 2px; border-radius: 0px 20px 20px 0px; color: #727882; font-weight: 500; } } .flight_name_time { text-align: center; h5 { font-size: 17px; color: #41464c; text-transform: uppercase; } p { margin-bottom: 0px; span:nth-child(1) { color: #41464c; font-weight: 600; } span:nth-child(2) {} } } .inside_details { text-align: center; h5 { font-size: 14px; color: #41464c; text-transform: uppercase; } p { margin-bottom: 0px; } .inside_text { justify-content: center; p { padding: 0px 10px; } span { display: block; height: 5px; width: 5px; border-radius: 50%; background: #08a526; margin-top: 6px; } } } .price_view_list { text-align: center; h2 { font-size: 24px; color: #2d93dd; margin-bottom: 2px; } p { margin-bottom: 0px; text-decoration: line-through; } } .flight_book_btn { padding: 6px 15px; border: none; color: white; font-size: 14px; background: #0093DD; font-weight: lighter; cursor: pointer; border-radius: 10px; position: relative; top: 6px; } .view_details_st { background: none !important; height: auto !important; // padding: 0px; text-transform: capitalize; cursor: pointer; font-size: 15px; padding-top: 12px; color: #586573 !important; i { font-size: 11px; } } .card_on_side { background: white; padding: 5px 10px; border-radius: 2px; margin: 10px 0px; } .div_detail_sec { .starting_cty, .duration_time, .destion_city { flex: 0 0 30%; align-items: center; } .inside_plane_b { border-bottom: 2px dashed #60598e; position: relative; &:after { display: block; content: ""; clear: both; height: 8px; width: 8px; border-radius: 50%; background: #fd6060; position: absolute; bottom: -4px; right: 0; } &:before { display: block; content: ""; clear: both; height: 8px; width: 8px; border-radius: 50%; background: #228007; position: absolute; bottom: -4px; left: 0; } } .starting_cty p, .duration_time p, .destion_city p { //padding:0px 2px !important; justify-content: center; align-items: center; } .backgroud-img { span { display: block; height: 50px; width: 50px; background: #e4e9f9; border-radius: 50%; //background-image: url(https://image.flaticon.com/icons/svg/158/158225.svg); background-position: center; background-size: 25px; background-repeat: no-repeat; } } } .airline_s_baggage { align-items: center; margin-top: 10px; span { &:nth-child(1) { font-weight: bold; text-transform: uppercase; font-size: 13px; color: #09a510; padding-right: 10px; i { font-size: 18px; } } &:nth-child(2), &:nth-child(3) { display: inline-block; padding: 1px 6px; text-transform: none; color: #586573 !important; font-size: 12px; margin-right: 6px; } } } .flight_dt_section_view { padding: 5px; //border-top: 2px solid #0c00ff; //margin-top: 9px; background: #f5f3f3; //padding-top: 0px; border-radius: 3px; } } .border_ft_top { border-top: 1px solid; } /* ends for autocomplete design */ .compare_rates { padding: 10px; box-shadow: 0px 0px 0px 2px #eee; border-radius: 5px; margin-bottom: 10px; span { color: #0093DD; font-size: 13px; font-weight: 600; } } /* Set the size of the div element that contains the map */ .map_canvas { height: 400px; /* The height is 400 pixels */ width: 100%; /* The width is the width of the web page */ .gm-style-cc {} } .ht400 { height: 400px; } .pkg_sr_rslt .mobile_label_color { font-size: 12px; font-weight: 100; } .pkg_sr_rslt { color: #fff; } .pkg_sr_rslt .custom-control-label { font-size: 13px; font-weight: 100; } .content_new_css .tab-content h3 { color: #fff; font-size: 20px; font-weight: 600px !important; text-transform: capitalize; } .custom-checkbox .custom-control-input:checked~.custom-control-label::before { background-color: #fff !important; } .custom-checkbox .custom-control-input:checked~.custom-control-label::after { background-image: none !important; } .BckGrndPrpty { // background-color: #cccccc !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; position: relative !important; border-radius: 8px; } .seatmap_details_font { font-size: 12px; } .search_message { margin-bottom: 10px; } #px_nationality { width: -webkit-fill-available !important; } #px_issued_country { width: -webkit-fill-available !important; } #px_ssr_info { width: -webkit-fill-available !important; } #px_meal_info { width: -webkit-fill-available !important; } .modalheader_checkout { background-color: #0093DD; color: #fff; } .close { color: #fff; } .checkout_traveller { box-shadow: 1px 1px 2px 1px #d3d3d3; height: 38px; margin-bottom: 10px; } #trv_adt_sec, #trv_chd_sec, #trv_inf_sec, #trv_ins_sec { padding-bottom: 2px; } .checkout_tab_changes { margin-right: 0px !important; } .checkout_design_icon { line-height: 32px; font-size: 15px; color: #a9a9a9; } .checkout_design_icon2 { line-height: 32px; font-size: 15px; color: #a9a9a9; } .ht_bold { font-size: 13px !important; } .checkout_button { margin-top: 12px; margin-left: 15px; } .checkout_icon { position: absolute; left: 661px; bottom: -4px; letter-spacing: 10px; } .checkout_mobile { color: #7A7C80 !important; text-transform: none !important; font-weight: bold !important; margin-right: -5px !important; margin-left: -31px !important; font-size: 12px !important; } //.cart_currency //{ // padding-left:25%; //} // Try and Error for desktop .mobile_view_r { display: flex; flex-direction: row; //position: absolute; margin-top: -7px; //left: 177px; } .mobile_view_c { display: flex; flex-direction: row; margin-top: -6px; } .checkout_remove_pad { margin-right: 0px !important; } .fttop_sec div:after { content: "" !important; color: #969ba1; } // End of the desktop @media (min-width: 576px) { .modal_checkout_changes { max-width: 800px; margin: 1.75rem auto; } } @media (max-width:768px) { .convert_gogo .badge-1 { width: 120% !important; height: 27px !important; } .modal_checkout_changes{ margin-top:10%; } .flight_cards_new_view .view_details_st { padding: 0px; } .new_loader_block{ width:20% !important; margin-left:40% !important; } //Try and error check out page mobileview .overlay_section { position: absolute; top: 0 !important; } .mobile_view_c { display: flex; flex-direction: column; padding-top: 0px !important; } .mobile_view_r { display: flex; flex-direction: row; position: absolute; padding-top: 16px !important; padding-left: 0px !important; } .checkout_traveller { box-shadow: 1px 1px 2px 1px #eee; height: 38px; margin-left: -23px; margin-right: -19px; } .checkout_button { margin-top: 12px; margin-left: -5px; width: -webkit-fill-available; } .seat_type_details { overflow-x: auto; } //End of the css code .custom_loader { position: relative; bottom: 61px; display: none; } .show_button, .hide_button { display: none; } .hotel_map_canvas { width: auto !important; } //.fttop_sec div:nth-child(2):after { // content: "|" !important; //} .fttop_sec div { padding: 3px; } .checkout_icon { position: absolute; left: 280px; bottom: -1px; letter-spacing: 10px; display: flex; } .checkout_mobile { padding-right: 10px !important; color: #7A7C80; font-size: 13px !important; margin-right: 0px !important; margin-left: 0px !important; } } // Added by Rabin for the Loyalty points .status_message_popup_wrap { text-decoration: none; } .status_message_wrap { width: 100%; margin: 10px 0px; } .status_message_text { font-size: 27pt; font-weight: bold; color: #0093DD; text-align: center; } .no_records_found { font-weight: bold; font-size: 20pt; } .popup_close_btn_container { height: 50px; background-image: linear-gradient(#0093DD, #0F87C2); } .popup_headet_title { color: #FFFFFF; font-weight: bold; } .popup_close_btn { display: flex; position: absolute; right: 28px; top: 10px; padding: 10px 0; } .modal_header_style { width: 100%; color: #0093DD; padding: 10px 0px; font-size: 25pt; } .model_header_icon { width: 40px; height: 40px; background-color: #D8EAF3; border-radius: 50%; margin-right: 10px; } .model_header_icon_img { width: 30px; height: 28px; fill: #0093DD; } .display_space_between { justify-content: space-between; } .position_left { float: left; display: flex; } .position_right { float: right; display: flex; } .text_style_regular { font-face: Open Sans; font-weight: bold; font-size: 14pt; } .padding_left_right_10 { padding: 0px 10px 0px 10px; } .padding_left_right_15 { padding: 0px 15px 0px 15px; } .padding_left_right_20 { padding: 0px 20px 0px 20px; } .padding_left_right_25 { padding: 0px 25px 0px 25px; } .align_left_center { display: flex; align-items: center; justify-content: flex-start; } .align_right_center { display: flex; align-items: center; justify-content: flex-end; } .align_right_center_transaction { align-items: center; justify-content: flex-end; } .btn_style { background-image: linear-gradient(#0093DD, #004A6F); text-transform: none !important; border: none !important; border-radius: 0.5rem !important; color: #FFFFFF; } .btn_style:hover { text-decoration: none; } .table_row_style { background-color: #FFFFFF; margin-top: 10px; border-radius: 2px; color: #333131; font-size: 12pt; padding: 11px 3px; margin-left: 17px; margin-right: 17px; margin-bottom: 15px; } .table_row_style_blue { width: 2px; background-color: #0093DD; border-radius: 2px; position: absolute; left: 0; } .table_row_shadow { box-shadow: 0px 0px 3px #dad5d5; } .table_header_style { width: 100%; background-color: #FFFFFF; margin-top: 10px; border-radius: 2px; color: #ACACAC; font-size: 12pt; margin-left: 0px !important; margin-right: 0px !important; } #transaction_list { .table_header_style div { &:nth-child(2) { span { padding-left: 210px; } } &:nth-child(3) { span { padding-left: 20px; } } } } .transaction_reference { display: block; color: #7F7D7D; } .transaction_details { display: block; color: #333131; } .convert_points_wrap { text-decoration: none; } .convert_points_wrap .modal-content { border-radius: 0.25rem !important; } .popup_close_btn_container { height: 50px; background-image: linear-gradient(#0093DD, #0F87C2); } .popup_headet_title { color: #FFFFFF; font-weight: bold; } .popup_close_btn { display: flex; position: absolute; right: 28px; top: 10px; padding: 10px 0; } .modal_header_style { width: 100%; color: #0093DD; padding: 10px 0px; font-size: 25pt; font-weight: bold; } .model_header_icon { width: 40px; height: 40px; background-color: #D8EAF3; border-radius: 50%; margin-right: 10px; } .model_header_icon_img { width: 30px; height: 28px; fill: #0093DD; } .modal_points_type_style { width: 100%; color: #918888; padding: 10px 0px; font-size: 25pt; } /* The container */ .custom_check_box { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default checkbox */ .custom_check_box input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* Create a custom checkbox */ .check_box { position: absolute; top: -5px; left: 0; height: 25px; width: 25px; background-color: #FFFFFF; border: 0.5px solid #eee; border-radius: 1px; } /* On mouse-over, add a grey background color */ .custom_check_box:hover input~.check_box { background-color: #ccc; } /* When the checkbox is checked, add a blue background */ .custom_check_box input:checked~.check_box { background-color: #2196F3; } /* Create the checkmark/indicator (hidden when not checked) */ .check_box:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .custom_check_box input:checked~.check_box:after { display: block; } /* Style the checkmark/indicator */ .custom_check_box .check_box:after { left: 9px; top: 2px; width: 9px; height: 16px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .card_types { display: flex; align-items: flex-end; } .saved_card_accordion { text-decoration: none; } .saved_card_accordion .card { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); transition: 0.3s; background-color: #f7f7f7 !important; } .saved_card_accordion_margin { margin-top: 10px; margin-bottom: 10px; } .saved_card_accordion .card .card-header { background-color: #FFFFFF !important; border-bottom: none; } .saved_card_accordion .card .card-body { background-color: #FFFFFF !important; padding: 0 1.25rem 1.25rem 1.25rem; } .saved_card_accordion .card .card-body .row { margin-left: 0 !important; margin-right: 0 !important; } .accordion_card_header { display: flex; align-items: center; /*justify-content: space-between;*/ color: #918888; } .accordion_card_header_text { text-decoration: none; color: #918888; } .card_body_heading { color: #918888; } .saved_card_accordion_arrow { color: #918888; } .card_body { background-color: #ffffff; } .card_buttons { display: flex; align-items: center; justify-content: flex-end; } .card_btn { margin: 0px 10px; } .margin_right_10 { margin-right: 10px; } .margin_right_20 { margin-right: 20px; } .margin_left_10 { margin-left: 10px; } .margin_left_50 { margin-left: 50px; } .margin_left_100 { margin-left: 100px; } .margin_bottom_20 { margin-bottom: 20px; } .margin_right_50 { margin-right: 50px; } .margin_left_15 { margin-left: 15px; } .margin_right_15 { margin-right: 15px; } .margin_bottom_10 { margin-bottom: 10px; } .margin_bottom_5 { margin-bottom: 5px; } .padding_right_20 { padding-right: 20px; } .padding_left_20 { padding-left: 20px; } .padding_left_0 { padding-left: 0 !important; } .padding_right_0 { padding-right: 0 !important; } .margin_left_20 { margin-left: 20px; } .margin_left_35 { margin-left: 35px; } .margin_vertical_10 { margin: 10px 0px; } input.tgl-radio-tab-child { position: absolute; left: -99999em; top: -99999em; opacity: 1; z-index: 1; } input.tgl-radio-tab-child+label { cursor: pointer; float: left; margin: 0px 10px; padding: .5em; position: relative; background-color: #FFFFFF; box-shadow: 0px 3px 10px -2px hsla(150, 5%, 65%, 0.5); border-radius: .50em; font-size: 18pt; width: 30%; font-face: Open Sans, SemiBold; } input.tgl-radio-tab-child+label:hover { background-color: #eee; } @media (max-width: 768px) { .my_booking_section .card_section { width: 100%; } .marg_serv { margin-left: 0px; } .bor_bot { border-bottom: 1px solid #999 !important; } .hotel_map_canvas { width: auto !important; } .multi_service_sec{ .m_activities , .m_transfer{ display:none !important; } } } // input[type=radio]:checked+label { // z-index: 1; // border: 1px solid #0093DD; // border-color: #0093DD; // background-color: #FFFFFF; // // } #loyalty_points_transaction_details img { width: auto !important; } .point-input { width: 100%; border-radius: 4px; border: 1px solid #C9C9C9; text-align: center; color: #7A7C80; padding: 5px 10px; } .point-btn { padding: 10px 20px; border: 1px solid #C9C9C9 !important; } .card_btn_style { padding: 5px 20px; background-color: #FFFFFF; border-radius: 10px; border: 1px solid #707070; } .align_center { display: flex; align-items: center; justify-content: center; } .modal_points_placeholder { padding: 10px 20px; border-radius: 4px; } .modal_points_from { color: #918888; margin-right: 10px; } .modal_points_to { color: #918888; margin-left: 10px; } .modal_terms_condition { font-size: 12pt; color: #ACACAC; margin-left: 50px; } #convert_points_checkout { display: none; } #total_points { font-size: 20pt; color: #515151; } .total_points { font-size: 20pt; } .converted_value { padding: .5em; background-color: #F6F4F4; border-radius: .50em; font-size: 19pt; width: 100%; } #convert_points { width: 60%; padding: 13px 30px; } .font_size_19 { font-size: 19pt; } .border_bottom_gray { border-bottom: solid 1px #00000029; margin-left: 5px; margin-right: 5px; } input.points_input { padding: .2em; border-radius: .50em; outline: none; border: 1px solid #bbb; width: 100%; } input.points_input:focus { border-color: cornflowerblue; } .width_100 { width: 100% !important; } .hide-desk { display: none; } .width_30 { width: 30%; } #lp_available_travel { color: #404040; } .align_space_between { display: flex; align-items: center; justify-content: space-between; } .float_left { float: left; } .float_right { float: right; } .pad-lef-bott { .filter_button_css { width: auto; } } .pd-lft-rt-none { padding-left: 0px; } /* New Filter Module - CSS changes - Sunil*/ .nav_link_backgroud { background: none !important; } .time_filter { width: 40rem !important; } .stop_filter { width: 30rem !important; } .display_none { display: none !important; } .min_height_align { min-height: 75px; text-align: center; } .bottom_design_view { border-top: 1px solid #eee; padding-top: 8px; } /* added by jyotiranjan */ .Font10 { /* for ratecode display in cruise cabins */ font-size: 10px !important; } .mrgtop30 { margin-top: 30px; } /* Ends */ .height32 { height: 32px !important; } .ht_tr_photos { a { background: none; color: #007bff; } } #myBtn { position: fixed; /* Fixed/sticky position */ bottom: 17%; /* Place the button at the bottom of the page */ right: 20px; /* Place the button 30px from the right */ z-index: 99; /* Make sure it does not overlap */ border: none; /* Remove borders */ outline: none; /* Remove outline */ background-color: red; /* Set a background color */ color: white; /* Text color */ cursor: pointer; /* Add a mouse pointer on hover */ padding: 13px; /* Some padding */ border-radius: 10px; /* Rounded corners */ font-size: 18px; /* Increase font size */ } // #myBtn:hover { // background-color: #555; /* Add a dark-grey background on hover */ // } .cruise_deals_btn { width: auto !important; } #indv_flt_search hr, #flight_form hr { border: none !important; margin: 0px !important; } /* .ratecode_datastream_loading_img{ height: 130px; } */ .onhover_dropdown { display: inline-block !important; transition: 0.4s; &:hover { .dropdown-menu-hover { display: block; } } } .dropdown-menu-hover { background: transparent; z-index: 99; padding: 0; list-style-type: none; text-transform: uppercase; font-size: 13px; width: 146px; right: -35%; top: 12px; position: absolute; display: none; .stp { box-shadow: 0px 0px 4px rgba(96, 96, 101, 0.07); background: white; margin-top: 22px; border-radius: 1px; } li { padding: 7px; border-bottom: 1px solid #e8e8e8; padding-bottom: 10px !important; } .menuitem:hover { text-decoration: none !important; } a:hover { text-decoration: none; } } .txt12 { font-size: 12px; } .ui-datepicker-trigger { display: none; } .flight_background { .card-div-css { background: #ffff; } } // for holiday page in cart page .holiday_desk { .card_v { position: relative; padding: 8px 10px; border-radius: 30px; //border: 1px solid #dad6d6; color: #444444; font-size: 16px; text-align: center; display: inline-flex; width: 100%; .fi { padding: 0px 5px; font-size: 12px; color: #000; font-weight: 400; text-align: left; } .sc { display: flex; text-align: center; justify-content: center; padding-left: 70px; // padding-right: 70px; .fa-times-circle { padding-top: 5px; padding-left: 5px; position: absolute; right: 4px; top: 7px; } } } .roomno_trvrl{ min-width: 226px; } .room_div_sec span{ text-transform:capitalize; } .select_city_forholiday .check_in_out>div, .holi_day_spend, .roomno_trvrl>div { //background: #00acbc; commited because of the holiday pages by sathak and rahul background: #0093DD; //Added new color border-radius: 30px; padding: 0px 10px; line-height: 23px; } .check_in_out>div>span, .roomno_trvrl>div>span { color: #fff; font-size: 12px; padding: 0px 5px; font-weight: 400; } .check_in_out>div>span:nth-child(1), .roomno_trvrl>div>span:nth-child(1) { border-right: 2px solid #fff; } .holi_day_spend { color: #fff; font-weight: bold; margin-left: 10px; font-size: 10px; .main_custm_select { display: inline-block; color: #fff; select { color: #fff; background: transparent; border: none; font-weight: bold; padding: 0px; height: auto; } } option { color: #7f7f82; text-align: center; background: #fff; } } .roomno_trvrl .choose_all_field { display: none; position: absolute; left: 0; right: 0; margin: auto; background: #fff; color: #444444; top: 30; box-shadow: 0px 0px 11px #bfb6b6; border-radius: 2px; padding: 6px; z-index: 9; max-width: 208px; width: 185px; } .section_one { padding: 5px 0px; display: flex; margin-bottom: 10px; } .choose_all_field .section_one .info_name { float: left; text-transform:capitalize; } .info_name { font-size: 14px; font-weight: 400; min-width: 43px; span { display: block; font-size: 9px; margin-top: -6px; text-transform:capitalize; } } .choose_all_field .section_one .add_subs { float: right; display: flex; padding: 0px 10px; } .add_subs>span { padding: 3px 10px; background: #e6e1e1; border-radius: 2px; cursor: pointer; font-weight: 400; height:34px; } .choose_all_field>.section_one>div>input { width: 20px; text-align: center; font-size: 16px; border: none; } .starting_city_date:after, .top_view:after, .peice_and_selection:after, .div_close:after, .bottom_sec:after, .air_na_tm_info:after, .card_v:after, .table_design_flight:after, .nationality_and_advancesearch:after, .section_one:after, .btn-hover_room_sec:after, .flight_view_icon:after { display: block; content: ""; clear: both; height: 0px; } .cancel_button, .done_button { font-weight: 400; } .room_add, .room_remove { font-weight: 400; cursor: pointer; display: inline-flex; font-size: 12px; padding: 4px 5px; margin-top: 10px; border-radius: 33px; border: 1px solid #f7f4f4; text-transform:capitalize; i { font-size: 17px; color: #f58021; cursor: pointer; padding-right: 5px; } } .hl_rm_trv { margin-top: 20px; } } .modify_menu { list-style-type: none; .sign_in_li { padding: 5px 16px; border-radius: 2px; color: white; text-transform: uppercase; font-weight: bold; font-size: 12px !important; border: 0px; display: inline-block; background: #0093dd; } a { // padding: 3px 20px; border-radius: 2px; color: #fff !important; text-transform: uppercase; font-weight: bold; font-size: 12px !important; // box-shadow: 0px 1px 2px #c2cbe6; border: 0px; display: inline-block; } .dropdown-toggle::after { color: black; } // .book_btn_url { // // background-color: #0093DD !important; // &:hover { // background-color: #0093DD !important; // } // } } .oe_login_buttons { .btn-primary { background-color: #0093dd; } } .proceed_pay_tab { button { float: left; margin: 5px; padding: 10px 26px; } .st-twobk { margin-left: 76px; } } .fa-user-circle { color: black; &:before { color: black; } } // added by sarthak for modify search section in cart page .all_srch_list { .card-header-tabs { padding: 10px !important; //justify-items: flex-end; } .nav-tabs .nav-link { border-top-left-radius: 0px; border-top-right-radius: 0px; border: 0px solid transparent; } } .tab_css a { background-color: #fff; color: #01b7f2 !important; padding: 0 15px !important; font-weight: bold; height: 40px; line-height: 40px; text-decoration: none; letter-spacing: 0.04em; text-transform: uppercase; font-size: 12px; } .tab_css .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #fff !important; //changes for modify search page sarthak and rahul background-color: #0093dd; //rgba(75, 181, 193, 0.2) !important; // border-color: #00acbc !important; } .nav-tabs .nav-item { margin-bottom: 1px; } .tab-pane [class^="col-"], .tab-pane [class*=" col-"] { padding-left: 10px; padding-right: 10px; } .full-width { width: 100% !important; } .input-text, textarea, span.custom-select { padding-left: 15px; padding-right: 15px; height: 34px; } .cruise_tab_css { .multiselect { background: #f5f5f5; height: 34px; font-size: 0.9167em !important; font-weight: bold; border-color: transparent !important; width: 100%; border-radius: 0px !important; } .dropdown-toggle::after { float: right; } .cruise_search_button { background: #98ce44 !important; height: 34px; color: #fff !important; border-color: transparent !important; width: 100%; border-radius: 0px !important; } } form .radio label, form label.radio, form .mobile_label_color { font-size: 0.9167em; } .padr5 { padding-right: 5px !important; } .from_get_details .btn { padding: 0px; border-radius: 0px; width: 16%; font-size: 12px; font-weight: bold; background: #98ce44 !important; height: 34px; color: #fff !important; border-color: transparent !important; position: relative; right: 446px; } .submenu_class { background-color: #0093dd !important; width: 100%; color: #fff; display: inline-block !important; // padding-right: 22px; // margin-top: -32px; li { margin: 5px; float: left; padding: 10px 10px !important; } a { color: #fff !important; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; padding: 0px 8px; } } .submenu_class li:first-child { // margin-left: 19%; // 17.5% } .mt30 { margin-top: 30px; } .mt10 { margin-top: 10px; } .mt65 { margin-top: 65px; } .mb30 { margin-bottom: 30px; } .mb15 { margin-bottom: 15px; } .mb10 { margin-bottom: 10px; } .modify_toggle_link a { text-decoration: underline; font-size: 14px; } .mob_img img { width: 75%; } .cart_form_click { display: none; } .cru_adv_drpdns { height: 34px; } .multiselect-native-select { .dropdown-toggle::after { margin-left: 204px; } } .cruise_search_button { font-size: 13px ! important; border-radius: 0px !important; font-size: 0.9167em !important; font-weight: bold; background: #98ce44 !important; height: 34px; color: #fff !important; border-color: transparent !important; width: 100%; border-radius: 0px !important; } #hotel_list_map_tabs { display: inline-flex !important; border-bottom: none !important; .nav-link:hover { border-color: transparent !important; background-color: #fff; color: #2070c1; border-radius: 50px !important; } .nav-item > a.active { background-color: #fff !important; } // .nav-link.active { // color: #fff !important; // } } .hotel_map_canvas { width: 970px; height: 100%; } .padl8 { padding-left: 8% !important; } // .gm-style-iw, .gm-style-iw-d{ // width: 800px !important; // max-width: 800px !important; // .select_room{ // text-transform: lowercase !important; // } // } .mapmodalclass { top: 75px !important; .content { max-width: 1160px; } } #ft_details_button, #ht_proceed_button { font-size: 0.9167em !important; font-weight: bold !important; background: #98ce44 !important; color: #fff !important; border-color: transparent !important; width: 100%; border-radius: 0px !important; height: 32px; } .show_button, .hide_button { cursor: pointer; position: absolute; right: 40px; color: #2d93dd !important; font-weight: 500; } .addMulticity, .removeMulticity { color: #f7b727; font-weight: 600; font-size: 11px; } .search_result_header { position: sticky; top: 0; // z-index: 9999999; } #add_traveller_popup { .close{ opacity:unset; &:hover{ color: #fff; } } } .padt5 { padding-top: 5px; } .bngblue { color: #0093DD !important; } .bg-bngblue { background-color: #0093DD !important; } #review_booking .checkbox_container .checkmark:after { left: 7px; top: 3px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .clear_filters_link { background: none !important; color: #0093DD !important; text-decoration: underline !important; cursor: pointer; } .act-que { cursor: pointer; text-decoration: underline !important; color: #0093dd !important; } #flight_design .flight_details { z-index: 98 !important; } .p-right10 { padding-right: 10px !important; } .bng-blue { color: #0093DD !important; } .user_list_new { .fa-user, .fa-users, .fa-suitcase, .fa-gift, .fa-sign-out { font-size: 1.7em; } } .top_amen { margin-bottom: -25px; } .ht-price-range { .ui-slider-range { background: #0093DD; } .ui-slider-handle { background: #ffc13a; border-radius: 50%; } } //Added by Rahul for cruse changes .cruse_brdrs { border: none !important; } .cabin_info { display: none; } .show-read-more-cabins { margin-left: -11px; text-align: justify; } //End .things_to_do { font-size: 15px; color: red; float: right; cursor: pointer; } .mytrip_details_sec .things_to_do_sec { background: #F9F8F8!important; } .things_to_do_sec .row { margin-bottom: 5px!important; } .mmt25 { margin-top: -25%!important; } .things_to_do_sec .headsec span { font-size: 15px!important; font-weight: bold!important; padding: 10px 0px 10px 0px!important; } .delete_to_do_things { position: absolute; top: -5px; right: 0px; cursor: pointer; z-index: 10; img { height: 15px!important; width: 15px!important; } } //Styles added by Sunil Prabhakar .flr { float: right; } .padl0 { padding-left: 0px !important; } .padr0 { padding-right: 0px !important; } .padt0 { padding-top: 0px !important; } .padb0 { padding-bottom: 0px !important; } .pad2 { padding: 2px !important; } .pad5 { padding: 5px !important; } .padl5 { padding-left: 5px !important; } .padr5 { padding-right: 5px !important; } .padt5 { padding-top: 5px !important; } .padb5 { padding-bottom: 5px !important; } .padb3 { padding-bottom: 3px !important; } .padb10 { padding-bottom: 10px !important; } .padt10 { padding-top: 10px; } .padl10 { padding-left: 10px !important; } .padr10 { padding-right: 10px; } .padb25 { padding-bottom: 25px !important; } .pad10 { padding: 10px !important; } .pad7 { padding: 7px !important; } .pad15 { padding: 15px !important; } .marl0 { margin-left: 0px !important; } .marr0 { margin-right: 0px !important; } .mart0 { margin-top: 0px !important; } .marb0 { margin-bottom: 0px !important; } .marb5 { margin-bottom: 5px !important; } .marl10 { margin-left: 10px !important; } .marr10 { margin-right: 10px !important; } .marr5 { margin-right: 5px !important; } .marb10 { margin-bottom: 10px !important; } .borrad5 { border-radius: 5px !important; } .marb1 { margin-bottom: 1px !important; } .marl3 { margin-left: 3px !important; } .pad10 { padding: 10px !important; } .flight_tile { // margin-bottom: 20px !important; } .lht20 { line-height: 2 !important; } .lht18 { line-height: 1.8 !important; } .lht14 { line-height: 1.4 !important; } .lht15 { line-height: 1.5 !important; } .bor-all { border: 1px solid #BFBFBF; } .bor-l { border-left: 1px solid #BFBFBF; } .bor-r { border-right: 1px solid #BFBFBF; } .bor-t { border-top: 1px solid #BFBFBF; } .bor-b { border-bottom: 1px solid #BFBFBF !important; } .bor-none { border: 0px solid #fff; } .padding0{ padding: 0px !important; } .ucase { text-transform: uppercase; } .lcase { text-transform: lowercase; } .scase { text-transform: capitalize; } .p1020 { padding: 10px 20px; } .wspace { white-space: pre-line; } .cboth { clear: both; } .ac_ul { list-style-type: none; // max-height:70px; } .org_price { font-size: 15px !important; } .price_org { color: #808080; text-decoration: line-through; } .text-bold { font-weight: 600; } .uline { // text-decoration: underline; background: transparent; } .border-none{ border: none !important; } .border-bottom1{ border-bottom: 1px solid #eee !important; } .error_message{ text-transform: capitalize !important; color: red !important; display: none; } .bg-bng-yellow{ background-color: #feef3e !important; } .text-dark_blue{ color: #0e5d9b !important; } // added by sarthak #package_dests{ display:unset !important; a{ text-transform:capitalize; // color: #0093dd; border: 1px solid #2d93dd; border-radius: 6px; font-size:13px; background: #fff; white-space: nowrap; /* width: 50px; */ overflow: hidden; text-overflow: ellipsis; } } #package_dests .active{ border-radius: 5px 5px 0px 0px; background: #fff !important; color: #0093dd; border-radius: 6px; width: 100px; padding: 5px; text-align: center; } #vacation_rslt .active { background: none !important; color:#0093dd !important; text-transform:capitalize; } #vacation_rslt{ display:flex !important; a{ text-transform:capitalize; } } .pkg_lst{ background: #0093dd; padding: 15px; border-radius: 7px; } .vacation_type { background: #fff; border: 1px solid #f8f9fa; border-radius: 7px; ul{ border-bottom:none; } li{ margin-top: 5px; } } .vacation_type , .multi_service_sec{ .fa-bed,.fa-plane ,.fa-ship{ background: #2d93dd; height: 25px; width: 25px; border-radius: 50px; line-height: 1.9; color: #fff; } } .new_loader_block{ width:6%; margin-left:45%; } .info_cr.active, .itn_cr.active{ border-bottom: 1px solid #fff; } .service_checkout a{ text-transform: uppercase; color: #000; } .htftpopup #ft_details_button{ width:auto; line-height: 1.4; } .prom_sec{ padding: 15px; } .cr_hotel_sec , #list-tab-transfer{ a{ border-radius:7px !important; background:#fff !important; right:8%; bottom:8px; } .active{ color: #0093dd !important; background:#fff !important; } } .multi_service_sec { a{ background:#fff !important; color:#000 !important; text-transform:capitalize !important; border-radius:7px !important; right: 8%; position: relative; bottom: 10px; } .show{ color: #0093dd !important; background:#fff !important; } } .cr_hotel_sec , #list-tab-transfer ,.multi_service_sec{ background: #0093dd !important; margin-left: 7%; margin-right: 7%; border-radius:7px !important; } .cr_hotel_sec{ margin-top: 15px; height:70px; } #list-tab-transfer{ margin-bottom: 15px; margin-top: 15px; a{ font-size:12px !important; bottom:10px; } } .cr_hotel_sec a:nth-child(2){ bottom:32px; } .service_close_loader{ width: 50px !important; height: 50px !important; margin-left: 45%; } .exclude_text{ font-size: 12px; color: red; font-style: italic; font-weight: normal; padding-left: 18px; margin: 0px; clear: both; } #review_booking_loader img{ width:6%; margin-top: 20px; } #lp_gogo input::-webkit-outer-spin-button, #lp_gogo input::-webkit-inner-spin-button { -webkit-appearance: none; // margin: 0; } #lp_travel input::-webkit-outer-spin-button, #lp_travel input::-webkit-inner-spin-button, .gift_input::-webkit-inner-spin-button, .gift_input::-webkit-outer-spin-button{ -webkit-appearance: none; // margin: 0; } .mob-d-flex{ display:flex; position: relative; left: 10%; } .misc_cart_details_sec .qty .count { color: #000; display: inline-block; vertical-align: top; font-size: 14px; font-weight: 700; line-height: unset; padding: 0 2px ;min-width: 35px; text-align: center; background: #fff; border: none; } .misc_cart_details_sec .qty .plus { cursor: pointer; display: inline-block; vertical-align: bottom; color: white; width: 20px; height: 20px; font: 19px/1 Arial,sans-serif; text-align: center; border-radius: 50%; } .misc_cart_details_sec .qty .minus { cursor: pointer; display: inline-block; vertical-align: bottom; color: white; width: 20px; height: 20px; font: 19px/1 Arial,sans-serif; text-align: center; border-radius: 50%; background-clip: padding-box; } .bg-bng-blue { background-color: #0093DD !important; } .flt_from{ position:absolute; z-index:2; background:#fff; margin-top:5%; border: 1px solid #eee; max-width: 304px; min-height:304px; .popular_cities,.popular_dest,.popular_ac_dest{ overflow-y: scroll; margin-top: 0px; max-height: 300px; ul li { padding-bottom: 10px; margin-bottom: 0px; border-bottom: none; padding-left: 3px; padding-right: 3px; &:hover{ background: #eee; } a{ color: #000; font-weight: 400; font-family: Lato,sans-serif !important; line-height: unset; &:hover{ color: #000; } } label{ color: #9b9b9b; } } label{ color: #838383; margin-top:3px; } } #desk_search_input{ border: 1px solid #bfbfbf !important; height:40px !important; } #desk_search_input:focus{ border: 1px solid #bfbfbf !important; } .popular_dest a ,.popular_ac_dest a{ width: 85%; display: block; padding: .4em .4em; line-height: 1.5; zoom: 1; font-size: 13px !important; text-align: start; } } .t_capital{ text-transform:capitalize !important; } .cruise_check_sec input{ position: relative; top: 5px; height: 20px; width: 20px; cursor: pointer; } .btn.focus, .btn:focus { outline: 0; box-shadow: none !important; } .popular_cities .list_popular a, .popular_cities .list_airport_pref a { width: 85%; text-decoration: none; display: block; padding: .4em .4em; line-height: 1.5; zoom: 1; font-size: 13px !important; text-align: start; } .ft-sz16 { font-size: 16px !important; } .form-control:focus { color: unset; background-color: #fff; border-color: none; outline: 0; box-shadow: none !important; }