@import url("../../../skins/default/style/init.less"); .vnt-banner{ min-height: 0px; margin-bottom: 0px; } .vnt-customer{ //background: @bg_white; } .grid_customer .row_customer .item .i-desc{ border: 1px solid #f0f0f0; } .box-search-ticket{ bottom: 35px; } .vnt-about-prod{ background: #f6f6f6; padding: 50px 0; } .the_content{ font-size: 16px; line-height: 25px; text-align: justify; color: @color_text_666; } .the_content .font-large{ font-size: 25px; line-height: 35px; margin-bottom: 20px; text-transform: uppercase; color: @color_text_333; } .the_content .color_green{ color: #03afef; } .the_content .color_blue{ color: @red; } .vnt-step-booking{ padding: 20px 0; } .vnt-step-booking .step_title{ font-size: 25px; line-height: 35px; margin: 20px; font-weight: 300; text-align: center; display: none; } .vnt-step-booking ul:after{ display: block; clear: both; content: ''; } .vnt-step-booking ul li{ width: 25%; float: left; padding: 0 10px; text-align: center; position: relative; } .vnt-step-booking ul li ~ li:after{ position: absolute; content: ''; top: 25px; right: 50%; width: 100%; height: 10px; background: #dfdfdf; } .vnt-step-booking ul li .s-icon{ display: block; width: 60px; height: 60px; margin: 0 auto 5px auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; border: 1px solid #cdcdcd; text-align: center; font-size: 30px; line-height: 40px; padding: 10px 0; color:@color_text_333; position: relative; z-index: 1; background: @bg_white; } .vnt-step-booking ul li.active .s-icon , .vnt-step-booking ul li.active .s-icon i{ color: @color_white; } .vnt-step-booking ul li .s-icon i{ font-size: 30px; line-height: 40px; } .vnt-step-booking ul li .s-text{ color: @color_text_555; font-size: 16px; line-height: 24px; } .vnt-step-booking ul li.step1.active .s-icon{ background: @color_step_1; border-color: @color_step_1; } .vnt-step-booking ul li.step1.active .s-text{ color: @color1; } .vnt-step-booking ul li.step2.active .s-icon{ background: @color_step_2; border-color: @color_step_2; } .vnt-step-booking ul li.step2.active .s-text{ color: @color1; } .vnt-step-booking ul li.step2.active:after{ background: @color_step_1; } .vnt-step-booking ul li.step3.active .s-icon{ background: @color_step_3; border-color: @color_step_3; } .vnt-step-booking ul li.step3.active .s-text{ color: @color1; } .vnt-step-booking ul li.step3.active:after{ background: @color_step_2; } .vnt-step-booking ul li.step4.active .s-icon{ background: @color_step_4; border-color: @color_step_4; } .vnt-step-booking ul li.step4.active .s-text{ color: @color1; } .vnt-step-booking ul li.step4.active:after{ background: @color_step_3; } /* loc */ .vnt-tax-fitter{ padding: 20px 0; border-top: 1px solid #e5e5e5; } .vnt-tax-fitter .vnt-tax{ float: left; margin-right: 35px; font-size: 30px; line-height: 40px; color: @color1; font-weight: 300; padding-top: 20px; } .vnt-tax-fitter .vnt-tax .style_icon{ width: 35px; height: 35px; vertical-align: middle; } .vnt-tax-fitter .vnt-tax .style_checkbox input[type=checkbox]{ width: 35px; height: 35px; } .vnt-tax-fitter .vnt-tax .style_checkbox .style_icon:after{ font-size: 30px; line-height: 33px; } .vnt-tax-fitter .vnt-tax label{ font-weight: normal; } .vnt-tax-fitter .vnt-info-step{ float: left; width: 270px; padding: 10px; border:1px solid #c9c9c9; position: relative; background: @bg_white; } .vnt-tax-fitter .vnt-info-step:before{ position: absolute; content: ''; top: 100%; right: 45px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #c9c9c9; } .vnt-tax-fitter .vnt-info-step:after{ position: absolute; content: ''; top: 100%; right: 47px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #ffffff; } .vnt-tax-fitter .vnt-fitter-booking{ float: right; text-align: right; max-width: 440px; } .vnt-tax-fitter .vnt-fitter-booking{ position: relative; } .vnt-tax-fitter .vnt-fitter-booking .div_title{ display: inline-block; font-size: 16px; line-height: 25px; color: @color_white; padding: 12px 20px; background: @color_c0; text-transform: uppercase; cursor: pointer; margin-bottom: 5px; font-weight: bold; } .vnt-tax-fitter .vnt-fitter-booking .div_title:hover{ background: @color1; } .vnt-tax-fitter .vnt-fitter-booking .div_title span:after{ padding-left: 20px; font-family: "fontawesome"; content: '\f002'; } .vnt-tax-fitter .vnt-fitter-booking .note-search{ font-size: 14px; line-height: 20px; color: @color_text_666; font-style: italic; } .box-fitter-booking{ position: absolute; top: 100%; right: 0; width: 370px; background: @bg_white; border:2px solid @color1; text-align: left; z-index: 200; visibility: hidden; opacity: 0; margin-top: 40px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; } .box-fitter-booking.active{ margin-top: 0; visibility: visible; opacity: 1; } .box-fitter-booking:before{ position: absolute; bottom: 100%; right: 40px; content: ''; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 14px solid @color1; } .box-fitter-booking:after{ position: absolute; bottom: 100%; right: 42px; content: ''; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 12px solid #FFF4E3; } .box-fitter-booking .group-fitter .group_title{ font-size: 22px; line-height: 30px; text-transform: uppercase; background: #f0f0f0; padding: 15px 20px; } .box-fitter-booking .group-fitter .group_content{ padding: 20px; } .box-fitter-booking .style_radio .style_icon{ border-color: @mau_nen_icon; } .box-fitter-booking .style_radio input[type="radio"]:checked ~ .style_icon::after{ background: @mau_nen_icon; } /* loc */ .orderBy{ font-size: 16px; line-height: 24px; } .orderBy label{ font-weight: normal; } .label_flight{ font-size: 16px; line-height: 24px; } .label_flight label{ font-weight: normal; } .label_flight .lable_img{ max-width: 65px; max-height: 25px; text-align: center; } .label_flight .lable_img img{ max-width: 65px; max-height: 25px; } .ul_currency{ font-size: 16px; line-height: 24px; } .ul_currency ul:after{ clear: both; content: ''; display: block; } .ul_currency ul li{ float: left; margin-right: 20px; } .ul_currency ul li:last-child{ margin-right: 0; } .ul_currency ul li label{ font-weight: normal; } .check_tax{ font-size: 16px; line-height: 24px; } .check_tax label{ font-weight: normal; } .close_search{ text-align: right; padding: 20px; } .close_search button.btn{ font-size: 16px; line-height: 24px; padding: 8px 15px; background: #eeeeee; border: none; text-transform: uppercase; border-bottom: 2px solid #d6d6d6; height: auto; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -ms-border-radius:0; border-radius: 0; outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; color: @color_text_333; font-weight: bold; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; } .close_search button.btn:hover{ background: @color1; color: @color_white; border-bottom-color: @color1;; } .close_search button.btn span{ font-size: 16px; line-height: 24px; color: inherit; } .close_search button.btn span:after{ padding-left: 20px; font-family: "fontawesome"; content: '\f00d'; } .close_search button.btn:active{ outline: none; } .check_tax .style_checkbox .style_icon:after{ color: @mau_nen_icon; } .style_time{ margin-bottom: 10px; } #slider_time .ui-widget-header{ background: #03afef; } .group_Result .box-group_Result{ margin-bottom: 30px; } .group_Result .box-group_Result .search_info{ display: table; color: @color_white; background-color: @color1; width: 100%; } .group_Result .box-group_Result .search_info .search_info_left{ display: table-cell; } .group_Result .box-group_Result .search_info .search_info_right{ display: table-cell; width: 180px; vertical-align: middle; text-align: center; border-left: 1px solid rgba(255,255,255,0.1); } .group_Result .box-group_Result .search_info .search_info_left ul li span{ font-size: 16px !important; margin-right: 10px; } .group_Result .box-group_Result .search_info .search_info_right .i-icon i{ font-size: 25px; line-height: 25px; } .group_Result .box-group_Result .search_info .search_info_right .i-icon span{ color: @color_white; padding-left: 10px; } .group_Result .box-group_Result .search_info .search_info_right .date{ font-size: 16px; line-height: 25px; font-weight: bold; } .group_Result .box-group_Result .search_info_internation{ display: table; color: @color_white; background-color: @color1; width: 100%; } .group_Result .box-group_Result .search_info_internation .search_info_left{ display: table-cell; } .group_Result .box-group_Result .search_info_internation .flight-info{ padding: 25px 20px 25px 90px; position: relative; font-size: 20px; line-height: 30px; color: @color_white; border-bottom: 1px solid rgba(255,255,255,0.1); } .group_Result .box-group_Result .search_info_internation .flight-info:after{ position: absolute; content: ''; width: 64px; height: 64px; top: 50%; left: 15px; .transform_translate(0,-50%); background: @bg_white; background-image: url(../images/icon-outbounds.png); background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: 45px 20px; background-size: 45px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .group_Result .box-group_Result .search_info_internation .flight-info .country{ font-size: 30px; line-height: 40px; color: @color_white; padding: 0 5px; display: inline-block; } .group_Result .box-group_Result .search_info_internation .search_info_left ul{ padding: 10px 10px 10px 30px; } .group_Result .box-group_Result .search_info_internation .search_info_left ul li{ display: inline-block; margin-right: 30px; } .group_Result .box-group_Result .search_info_internation .search_info_left ul li .color{ padding: 0 10px; color: @color_white; } .group_Result .box-group_Result .search_info_internation .search_info_right{ display: table-cell; width: 240px; vertical-align: middle; border-left: 1px solid rgba(255,255,255,0.1); padding: 20px 12px; } .group_Result .box-group_Result .search_info_internation .search_info_right ul li{ font-size: 16px; line-height: 24px; font-weight: bold; margin: 10px 0; } .group_Result .box-group_Result .search_info_internation .search_info_right ul li i{ font-size: 25px; line-height: 25px; } .group_Result .box-group_Result .search_info_internation .search_info_right ul li .color{ padding: 0 10px; color: @color_white; } .result_internation{ border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; margin-bottom: 30px; } .result_internation_header{ padding: 0 20px; font-size: 18px; line-height:26px; font-weight: bold; text-align: center; } .result_internation_header .wrap_header{ display: table; width: 100%; } .result_internation_header .header_trip{ display: table-cell; width: 70px; padding: 15px 10px; } .result_internation_header .header_departure{ display: table-cell; padding: 15px 10px; } .result_internation_header .header_time{ display: table-cell; width: 260px; padding:15px 20px; } .result_internation_header .header_journey{ display: table-cell; width: 200px; padding: 10px; text-align: left; } .result_internation_header .header_detail{ display: table-cell; width: 150px; padding:15px 10px; } .result_internation_item{ border-bottom: 5px solid #e5e5e5; padding: 30px 20px; font-size: 16px; line-height: 24px; } .result_internation .result_internation_item:nth-child(2){ padding-top: 0; } .result_internation_item .item_outbounds{ display: table; width: 100%; background: #fff7e9; margin-bottom: 10px; } .result_internation_item .item_inbounds{ display: block; width: 100%; background: #f6f6f6; margin-bottom: 10px; } .result_internation_item .item_row_detail, .result_internation_item .item_row{ display: table; width: 100%; } .result_internation_item .i_trip{ display: table-cell; width: 70px; padding: 10px; border-bottom: 1px solid #dcdcdc; vertical-align: top; } .result_internation_item .item_row .i_trip{ width: 70px; height: 70px; position: relative; } .result_internation_item .item_outbounds .item_row .i_trip:after{ position: absolute; top: 10px; left: 10px; content: ""; width: 50px; height: 50px; border: 1px solid @color1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: url(../images/icon-outbounds.png)no-repeat 50% 50%; background-size: 30px; } .result_internation_item .item_row .i_trip{ width: 70px; height: 70px; position: relative; } .result_internation_item .item_inbounds .item_row .i_trip:after{ position: absolute; top: 10px; left: 10px; content: ""; width: 50px; height: 50px; border: 1px solid @color1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: url(../images/icon-inbounds.png)no-repeat 50% 50%; background-size: 30px; } .result_internation_item .i_departure{ display: table-cell; padding: 10px; border-bottom: 1px solid #dcdcdc; vertical-align: top; } .result_internation_item .i_time{ display: table-cell; width: 260px; padding:10px 20px; border-bottom: 1px solid #dcdcdc; vertical-align: top; } .result_internation_item .item_row .i_time .i_time_bold{ display: inline-block; font-weight: bold; } .result_internation_item .item_row .i_time .i_time_color{ color: #666666; display: block; text-align: center; } .result_internation_item .i_journey{ display: table-cell; width: 200px; padding: 10px; border-bottom: 1px solid #dcdcdc; vertical-align: top; } .result_internation_item .i_detail{ display: table-cell; width: 150px; padding: 10px; border-bottom: 1px solid #dcdcdc; vertical-align: top; text-align: center; } .result_internation_item .i_detail .detail_button { background: @color1; color: @color_white; font-size: 16px; line-height: 24px; border: none; outline: none; padding: 8px 45px 8px 20px; position: relative; width: 120px; } .result_internation_item .i_detail .detail_button:after{ position: absolute; top: 8px; right: 18px; font-size: 18px; line-height: 24px; font-family: "fontawesome"; content: '\f055'; } .result_internation_item .item_row.active .i_detail .detail_button:after{ content: '\f056'; } .result_internation_item .item_label .item_show{ display: table; width: 100%; } .result_internation_item .item_label .item_show .i-label{ display: table-cell; padding: 10px; } .result_internation_item .item_label .item_show .i-label ul li{ display: inline-block; position: relative; padding:0 10px; } .result_internation_item .item_label .item_show .i-label ul li img{ max-height: 25px; } .result_internation_item .item_label .item_show .i-label ul li ~ li:after{ position: absolute; top: 0; left: 0; content: '|'; } .result_internation_item .item_label .item_show .i-label ul li .txt_text{ padding-left: 8px; } .result_internation_item .item_label .item_show .i-price{ display: table-cell; width: 250px; padding: 10px; font-size: 22px; line-height: 30px; font-weight: bold; color: #e50f0f; } .result_internation_item .item_label .item_show .i-choose{ display: table-cell; width: 150px; padding: 10px; text-align: center; } .result_internation_item.selected .item_label .item_show .i-choose{ background: #f6f6f6; } .result_internation_item .item_label .item_show .i-choose .checkRadio{ background-color: @color_c0; padding: 10px; color: @color_white; width: 120px; } .result_internation_item .item_label .item_show .i-choose .checkRadio .txt{ padding-right: 10px; } .result_internation_item .item_label .item_show .i-choose .checkRadio{ background: @color_c0; } .result_internation_item .item_label .item_show .i-choose .checkRadio .style_radio .style_icon{ border-color: @color_boder_white; } .result_internation_item .item_label .item_show .i-choose .checkRadio .style_radio input[type=radio]:checked ~ .style_icon:after{ background: @bg_white; } .result_internation_item .item_label .item_hidden{ background: #f6f6f6; padding: 20px; border-bottom: 1px solid #e5e5e5; } .result_internation_item .item_label .item_hidden .item_button{ text-align: right; margin-top:10px; margin-bottom: 10px } ul.from-to:after{ display: block; content: ''; clear: both; } ul.from-to li{ float: left; padding: 0 10px; font-size: 24px; line-height: 40px; } ul.from-to li .airport{ display: block; font-size: 14px; line-height: 20px; color: rgba(255, 255, 255, 0.6); } .group_Result .box-group_Result .search_info .flight-info{ padding-left: 85px; font-size: 20px; line-height: 40px; position: relative; min-height: 72px; padding-top: 15px; } .group_Result .box-group_Result .search_info .from-to{ padding-top: 15px; } .group_Result .box-group_Result .search_info .flight-info:after{ position: absolute; content: ''; width: 64px; height: 64px; top: 50%; left: 5px; .transform_translate(0,-50%); background: @bg_white; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: 45px 20px; background-size: 45px 20px; .border-radius(50%); } .group_Result .box-group_Result .search_info .flight-info.outbounds:after{ background-image: url(../images/icon-outbounds.png); } .group_Result .box-group_Result .search_info .flight-info.inbounds:after{ background-image: url(../images/icon-inbounds.png); } .slider_date{ border-left: 1px solid #e5e5e5; } .slider_date .item{ background: #f6f6f6; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; text-align: center; } .slider_date .item a{ display: block; padding: 15px 0; width: 100%; height: 100%; font-size: 16px; line-height: 22px; border-top: 3px solid transparent; color: #444444; } .slider_date .item.current a{ border-top: 3px solid @color_c0; background: @bg_white; color: @color1; } .slider_date .item a span{ display: block; } .slider_date .item a span.bold{ text-transform: uppercase; font-weight: bold; } .search_date .date_title{ border: 1px solid #e5e5e5; padding: 15px 40px 15px 20px; font-size: 16px; line-height: 24px; overflow: hidden; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; position: relative; cursor: pointer; text-align: left; text-transform: uppercase; background: @bg_white; display: none; } .search_date .date_title:after{ position: absolute; font-family: "fontawesome"; content: '\f107'; top: 50%; right: 10px; color: #20547b; font-size: 35px; line-height: 45px; .transform_translate(0,-50%); } .search_date ul{ width: 100%; display: table; } .search_date ul li{ display: table-cell; background: #f6f6f6; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; text-align: center; vertical-align: top; } .search_date ul li:first-child{ border-left: 1px solid #e5e5e5; } .search_date ul li a{ display: block; padding: 15px 0; width: 100%; height: 100%; font-size: 16px; line-height: 22px; border-top: 3px solid transparent; color: #444444; } .search_date ul li.current a{ border-top: 3px solid #c71d22; background: @bg_white; color: #1068b0; } .search_date ul li a span{ display: block; } .search_date ul li a span.bold{ text-transform: uppercase; font-weight: bold; } table.tbl-result{ width: 100%; } table.tbl-result thead tr.row-item{ border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } table.tbl-result thead tr.row-item td{ border-bottom: 1px solid #e5e5e5; font-size: 18px; line-height: 24px; padding: 10px; font-weight: bold; text-align: center; } table.tbl-result tbody tr.row-item{ border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } table.tbl-result tbody tr.row-item td{ font-size: 16px; line-height: 22px; padding: 5px; border-bottom: 1px solid #e5e5e5; text-align: center; vertical-align: middle; } table.tbl-result tbody tr.row-item.row0 td{ background: #fff7e9; } table.tbl-result tbody tr.row-item.row1 td{ background: @bg_white; } table.tbl-result tbody tr.row-item td.f-price{ text-align: center; font-size: 20px; line-height: 25px; color: #e50f0f; padding-left: 20px; padding-right: 20px; } table.tbl-result tbody tr.row-item td.f-time .f-duration{ font-size: 14px; line-height: 18px; color: #777777; display: block; font-weight: bold; } table.tbl-result tbody tr.row-item td.f-logo span{ display: inline-block; padding: 0 5px; } table.tbl-result tbody tr.row-item td.f-booking .checkRadio{ background-color: @color1; padding: 10px; color: @color_white; height: 40px; width: 120px; } table.tbl-result tbody tr.row-item td.f-booking .checkRadio .txt{ padding-right: 10px; } table.tbl-result tbody tr.row-item.selected td.f-booking .checkRadio{ background: @color_c0; } table.tbl-result tbody tr.row-item.selected td.f-booking .checkRadio .style_radio .style_icon{ border-color: @color_boder_white; } table.tbl-result tbody tr.row-item.selected td.f-booking .checkRadio .style_radio input[type=radio]:checked ~ .style_icon:after{ background: @bg_white; } table.tbl-result tbody tr.row-item.selected td.f-booking{ background: #f6f6f6; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #f6f6f6; } table.tbl-result tbody tr.flight-info-detail td{ background: #f6f6f6; border: 1px solid #d6d6d6; border-top: none; } .boxDetalFlight{ padding: 20px; } .boxInfoPrice .box-info-price-title{ font-size: 25px; line-height: 35px; text-transform: uppercase; color: @color_white; background: @color_c0; text-align: center; padding: 12px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; height: 60px; } .boxInfoPrice .box-info-content{ background: @bg_white; padding: 12px; border-bottom: 1px solid #d3d3d3; } .boxInfoPrice .box-info-content .info-flight, .boxInfoPrice .box-info-content .info-price, .boxInfoPrice .box-info-content .info-luggage{ margin-bottom: 20px; } .boxInfoPrice .fTitle{ font-size: 16px; line-height: 24px; padding-bottom: 10px; margin-bottom: 15px; text-transform: uppercase; border-bottom: 1px solid #e5e5e5; color: #c61414; } .boxInfoPrice .box-info-content .info-flight .fContent .node{ width: 34%; float: left; padding-left: 20px; font-size: 14px; line-height: 25px; } .boxInfoPrice .box-info-content .info-flight .fContent .node strong{ display: inline-block; } .boxInfoPrice .box-info-content .info-flight .fContent .node:first-child{ width: 32%; padding-left: 0; } table.table_info_price{ width: 100%; } table.table_info_price thead tr td{ text-align: center; font-weight: bold; padding:8px 5px; border: none !important; background: @bg_white !important; } table.table_info_price thead tr td:nth-child(1){ text-align: left; } table.table_info_price tbody tr td{ padding:8px 5px; border: none !important; border-bottom: 1px solid #e5e5e5 !important; background: @bg_white !important; color: #c61414; text-align: right; } table.table_info_price tfoot tr td{ padding: 8px 5px; background: none !important; border: none !important; } table.table_info_price tfoot tr td.total{ font-size: 16px; line-height: 24px; text-align: right; padding: 8px 5px; } table.table_info_price tfoot tr td.total span{ font-size: 20px; line-height: 30px; font-weight: bold; color: #c61414; display: inline-block; } table.table_info_price tbody tr td:nth-child(1){ color: #333333; text-align: left; } table.table_info_price tbody tr td:nth-child(2){ color: #333333; text-align: center; } table.table_info_price1{ width: 100%; font-size: 16px; line-height: 25px; margin-bottom: 15px; } table.table_info_price1 thead tr td{ text-align: center; font-weight: bold; padding:15px; background: @bg_white !important; border: 1px solid #e3e3e3; } table.table_info_price1 thead tr td:nth-child(1){ text-align: left; } table.table_info_price1 tbody tr td{ padding:15px; background: @bg_white !important; border: 1px solid #e3e3e3; color: #c61414; text-align: right; } table.table_info_price1 tfoot tr td{ padding: 8px 5px; background: none !important; border: none !important; } table.table_info_price1 tfoot tr td.total{ font-size: 16px; line-height: 24px; text-align: right; padding: 8px 5px; } table.table_info_price1 tfoot tr td.total span{ font-size: 20px; line-height: 30px; font-weight: bold; color: #c61414; display: inline-block; } table.table_info_price1 tbody tr td:nth-child(1){ color: #333333; text-align: left; } table.table_info_price1 tbody tr td:nth-child(2){ color: #333333; text-align: center; } .group-flight-info{ display: table-cell; width: 100%; } .group-flight-info .row-flight-info{ display: table-row; padding: 10px 0; border-top: 1px solid #e5e5e5; } .group-flight-info .row-flight-info:first-child{ border-top: none; } .group-flight-info .row-flight-info .LRow-flight-info{ display: table-cell; width: 180px; padding:10px 20px 10px 0; position: relative; font-weight: bold; font-size: 14px; line-height: 24px; } .group-flight-info .row-flight-info .LRow-flight-info:after{ position: absolute; content: ':'; top: 10px; right: 10px; } .group-flight-info .row-flight-info .RRow-flight-info{ display: table-cell; padding:10px 0 10px 10px; font-size: 14px; line-height: 24px; } .group-flight-info .row-flight-info .form-control{ -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; margin-bottom: 12px; border: 1px solid #d8d8d8; outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-top: 5px; } .group-flight-info .row-flight-info select.form-control{ -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; padding-right: 30px; background-image: url('data:image/svg+xml;utf8,'); background-size: 12px 6px; background-position: right 10px center; background-repeat: no-repeat; } .style_box_DV{ display: table; width: 100%; } .style_box_DV .bTitle{ display: table-cell; width: 75px; background: #f79a4d; border: 1px solid #f79a4d; color: @color_white; font-size: 40px; line-height: 70px; font-weight: bold; text-align: center; vertical-align: middle; } .style_box_DV .bContent{ border: 1px solid #f79a4d; display: table-cell; padding: 10px; } .style_box_DV .bContent .totalPrice{ text-align: right; font-size: 16px; line-height: 25px; font-weight: bold; } .style_box_DV .bContent .totalPrice span{ font-weight: normal; color: #c61414; padding-left: 15px; display: inline-block; } .style_box_DV .bContent .totalPrice.bold span{ font-weight: bold; font-size: 25px; line-height: 30px; } .boxCondition .box-condition-title{ font-size: 25px; line-height: 35px; text-transform: uppercase; color: @color_white; background: #7f7f7f; text-align: center; padding: 12px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; height: 60px; } .boxCondition .box-condition-content{ background: @bg_white; padding: 12px; border-bottom: 1px solid #d3d3d3; } .boxCondition .fTitle{ font-size: 16px; line-height: 24px; padding-bottom: 10px; margin-bottom: 15px; text-transform: uppercase; border-bottom: 1px solid #e5e5e5; color: #c61414; } .group-button{ margin-bottom: 30px; } button.button_continues.btn, button.button_continues, a.button_continues.btn, a.button_continues{ background: @color_c0; color:#ffffff; font-size:20px; line-height: 30px; padding: 10px 30px; height: auto; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-weight: bold; text-transform: uppercase; } button.button_continues:hover, a.button_continues:hover{ background: @color1; } button.button_continues span, a.button_continues span{ color:inherit; font-size:20px; line-height: 30px; } button.button_continues:focus, button.button_continues:active, a.button_continues:focus, a.button_continues:active{ outline: 0 !important; } button.button_continues.button_continues_l span:before, a.button_continues.button_continues_l span:before{ font-family: "fontawesome"; content: "\f104"; padding-right: 10px; } button.button_continues.button_continues_l span:after , a.button_continues.button_continues_l span:after{ font-family: "fontawesome"; content: ""; padding-right: 0; } button.button_continues span:after, a.button_continues span:after{ font-family: "fontawesome"; content: "\f105"; padding-left: 10px; } .mod_info_custumer{ width: 100%; background: @bg_white; } #mod_info_custumer_fin .mod_main{ width: 100%; } .mod_info_custumer .mod_main{ float: left; width: 770px; .width_calc(100%,400px); } .mod_info_custumer .mod_sidebar{ width: 370px; float: right; } #mod_info_custumer .mod_main{ float: left; width: 870px; .width_calc(100%,300px); } #mod_info_custumer .mod_sidebar{ width: 270px; float: right; } .div_note{ margin-bottom: 15px; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; font-size: 16px; line-height: 25px; } .formContact{ margin-bottom: 20px; font-size: 16px; line-height: 24px; } .formContact .rowInput{ margin-bottom: 10px; } .formContact .rowInput .rowInputLeft{ width: 100%; float: none; } .formContact .rowInput .rowInputRight{ width: 48.5%; float: right; } .formContact .rowInput .rowInputTable{ display: table; width: 100%; } .formContact .rowInput .rowInputTable , .formContact .rowInput .rowInputGroup{ margin-bottom:10px; } /*bo sung*/ .rowInputGroup{position: relative;} .formContact .rowInput .rowInputGroup.capchar{margin-bottom:0;} .formContact .rowInput .rowInputGroup.capchar::after{ content: ''; display: block; clear: both; } .rowInputGroup.capchar label{ bottom:-40px; top:auto; z-index:2; } /*bo sung*/ .formContact .rowInput .rowInputTable .rowInputTableLeft{ display: table-cell; width: 125px; padding-right:15px; } .formContact .rowInput .rowInputTable .rowInputTableRight{ display: table-cell; } .formContact .rowInput label.LTitle{ margin-bottom: 5px; font-weight: normal; display: block; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .formContact .rowInput label.LTitle span{ color: #e81f1f; } .formContact .rowInput label.LTitle .note{ font-size:14px; line-height: 25px; color: #a8a8a8; } .formContact .rowInput .form-control{ height: 40px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } .formContact .rowInput textarea.form-control{ height: 100px; resize: none; } .formContact .rowInput select.form-control{ -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; padding-right: 30px; background-image: url('data:image/svg+xml;utf8,'); background-size: 12px 6px; background-position: right 10px center; background-repeat: no-repeat; } .formContact .rowInput .input-group .input-group-image{ display: table-cell; padding-left:15px; vertical-align: middle; } .formContact .rowInput .input-group .input-group-image a{font-size:22px; margin-left:10px; margin-top:5px;} .tableCustomer{ width: 100%; font-size: 16px; line-height: 24px; } .tableCustomer tr td{ padding-bottom: 15px; vertical-align: top; } .tableCustomer tr td:nth-child(1){ width: 120px; padding-right: 10px; } .tableCustomer tr td:nth-child(2){ width: 125px; padding-right: 10px; } .tableCustomer tr td:nth-child(4){ width: 235px; padding-left: 10px; } .tableCustomer tr td .form-control{ height: 40px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } .tableCustomer tr td select.form-control{ -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; padding-left: 5px; padding-right: 20px; background-image: url('data:image/svg+xml;utf8,'); background-size: 12px 6px; background-position: right 5px center; background-repeat: no-repeat; } .tableCustomer tr td .input-group{ width: 100%; } .tableCustomer tr td .input-group .form-control{ margin-left: 2%; width: 30%; } .list_checkbox ul li{ display: block; margin-bottom: 10px; } .list_checkbox ul li label{ font-weight: normal; } .box-summary{ margin: -20px -15px 0 -15px; } .box-summary .summary-title{ font-size:20px; line-height: 30px; padding: 15px; background: #f0f0f0; text-transform: uppercase; } .box-summary .summary-content{ padding: 15px 15px 30px 15px; } .style_box_book{ display: table; width: 100%; margin-bottom: 15px; } .style_box_book .bTitle{ display: table-cell; background: @red; border: 1px solid @red; color: @color_white; font-size: 40px; line-height: 40px; font-weight: bold; text-align: center; vertical-align: middle; padding: 0 10px; width: 1%; white-space: nowrap; } .style_box_book { display: table; width: 100%; margin-bottom: 15px; } .info_id_order .style_box_book{ text-align: center; } #mod_info_custumer_fin .info_id_order .style_box_book .bContent{ border: 0px solid #ff0000; } .style_box_book .bContent{ border: 1px solid @red; display: table-cell; padding: 5px 10px; font-size:20px; line-height: 30px; width: 100%; } .style_box_book .bContent .info_price{ font-size: 16px; line-height: 24px; } .style_box_book .bContent .info_price .price{ font-size: 35px; line-height: 45px; color: #c61414; display: inline-block; font-weight: bold; } .box-summary .summary-content .total_price{ font-size: 14px; line-height: 22px; } .box-summary .summary-content .total_price span{ display: inline-block; font-size:35px; line-height:45px; font-weight: bold; color: #c61414; } .info-outbounds{ margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #e7e7e7; } .info-outbounds .info-outbounds-left{ float: left; max-width: 40%; font-size:14px; line-height: 18px; padding-bottom: 5px; } .info-outbounds .info-outbounds-right{ float: right; max-width: 55%; position: relative; padding-left: 40px; font-size:14px; line-height: 18px; padding-bottom: 5px; } /* .info-outbounds .info-outbounds-right:after{ position: absolute; top:0; left: 0; content: ""; width: 32px; height: 32px; border:1px solid #03afef; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background: url(../images/icon-outbounds.svg)no-repeat 50% 50%; background-size: 24px 10px; } */ .info-outbounds .info-outbounds-right{ background: url(../images/maybay_xanh.png) left 0px top 5px no-repeat; } .info-inbounds{ margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #e7e7e7; } .info-inbounds .info-inbounds-right{ float: right; max-width: 40%; font-size:14px; line-height: 18px; padding-bottom: 5px; } .info-inbounds .info-inbounds-left{ float: left; max-width: 55%; position: relative; padding-right: 40px; font-size:14px; line-height: 18px; padding-bottom: 5px; } /* .info-inbounds .info-inbounds-left:after{ position: absolute; top:0; right: 0; content: ""; width: 32px; height: 32px; border:1px solid #e01010; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background: url(../images/icon-inbounds.svg)no-repeat 50% 50%; background-size: 24px 10px; } */ .info-inbounds .info-inbounds-left{ background: url(../images/maybay_do.png) right 0px top 5px no-repeat; } .table_price{ border-bottom: 1px solid #e7e7e7; margin-bottom: 20px; padding-bottom: 10px; } .table_price .table_price_title{ margin-bottom:10px; text-transform: uppercase; font-weight: bold; } .table_price table{ margin-bottom: 15px; } .table_price table tr td{ font-size: 14px; line-height: 25px; } .table_price_total{ margin-bottom: 20px; } .table_price_total table{ margin-bottom: 15px; } .table_price_total table tr td{ font-size: 14px; line-height: 25px; vertical-align: top; } .table_price_total table tr td.bold_price{ color:#e81f1f; font-size:25px; line-height: 35px; } .method_pay{ margin-bottom: 30px; } .method_pay .method_pay_item{ margin-bottom: 30px; } .method_pay .method_pay_item .method_pay_title{ display: table; width: 100%; } .method_pay .method_pay_item .method_pay_title .method_pay_lTitle{ display: table-cell; width: 100%; padding: 30px 30px 30px 110px; border: 2px solid #e0e0e0; border-right: 2px solid transparent; position: relative; } .method_pay .method_pay_item.selected .method_pay_title .method_pay_lTitle{ border-color: @color1; border-right-color: transparent; border-bottom:none; } .method_pay .method_pay_item .method_pay_title .method_pay_rTitle{ display: table-cell; width: 1%; padding: 30px; border: 2px solid #e0e0e0; border-left: none; background: #f6f6f6; vertical-align: middle; } .method_pay .method_pay_item.selected .method_pay_title .method_pay_rTitle{ border-color: @color1; border-bottom: none; } .method_pay .method_pay_item .method_pay_title .method_pay_lTitle .method_pay_lTitle1{ font-size: 20px; line-height: 30px; margin-bottom: 8px; color:@red; } .method_pay .method_pay_item.selected .method_pay_title .method_pay_lTitle .method_pay_lTitle1{ color: @color1; } .method_pay .method_pay_item .method_pay_title .method_pay_lTitle:before{ position: absolute; top:50%; left: 30px; font-family: "fontawesome"; .transform_translate(0,-50%); color:@color1; font-size: 50px; line-height: 70px; } .method_pay .method_pay_item.selected .method_pay_title .method_pay_lTitle:before{ color:@color1; } .method_pay .method_pay_item .method_pay_content{ background-color: #f6f6f6; padding: 25px; border: 2px solid @color1; border-top: none; } .pay_compay{ margin-bottom: 20px; } .pay_compay .pay_compay_title{ font-size: 16px; line-height: 20px; display: table; background: #e1e1e1; width: 100%; } .pay_compay .pay_compay_title .pay_compay_lTitle{ display: table-cell; font-size: 16px; line-height: 20px; width: 100%; padding: 10px 15px; } .pay_compay .pay_compay_title .pay_compay_rTitle{ padding: 10px; display: table-cell; vertical-align: middle; } .pay_compay .before{ font-size: 14px; line-height: 20px; padding: 7px 15px 7px 50px; position: relative; background:#ffffff; border: 1px solid #c6c6c6; border-top: none; } .pay_compay .before:before{ position: absolute; font-family: "fontawesome"; top:7px; left: 15px; color: @color1; } .pay_bank{ margin-bottom: 20px; } .pay_bank .pay_bank_title{ font-size: 16px; line-height: 20px; display: table; background: #e1e1e1; width: 100%; } .pay_bank .pay_bank_title .pay_bank_lTitle{ display: table-cell; font-size: 16px; line-height: 20px; width: 100%; padding: 10px 15px; } .pay_bank .pay_bank_title .pay_bank_rTitle{ padding: 10px; display: table-cell; vertical-align: middle; } .pay_bank .before{ font-size: 14px; line-height: 20px; padding: 7px 15px 7px 15px; position: relative; background:#ffffff; border: 1px solid #c6c6c6; border-top: none; } .method_pay .method_pay_item .method_pay_content .pay_note{ position: relative; padding-left: 35px; font-size:16px; line-height: 25px; } .method_pay .method_pay_item .method_pay_content .pay_note:after{ position: absolute; top: 0; left: 0; font-family: "fontawesome"; content: "\f071"; color: #e81f1f; font-size:20px; line-height: 30px; } .method_pay .method_pay_item .method_pay_content .div_line{ padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #d6d6d6; } .info_id_order{ margin-bottom: 30px; } .info_id_order .info_left{ width: 100%; } .info_id_order .info_left .info_logo{ margin-bottom: 10px; padding-bottom: 10px; position: relative; /*border-bottom: 1px solid #cccccc;*/ } .info_id_order .info_left .info_logo:after { content: ''; position: absolute; width: 30%; height: 2px; top: 100%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); background: #ddd; } .info_id_order .info_left .info_logo img{ margin: 0 auto; display: block; } .info_id_order .info_left .info_id{ text-align: center; font-size: 16px; line-height: 25px; } .info_id_order .info_left .info_id span{ color: @red; } .info_id_order .info_right{ float: right; .width_calc(100%,250px); } .info_order{ font-size: 16px; line-height: 24px; } .info_table{ margin-bottom: 15px; width: 100%; } .info_table tr td{ padding: 8px 0; border-bottom: 1px solid #dddddd; vertical-align: top; font-size: 14px; line-height: 24px; } .info_table tr td:nth-child(1){ width: 120px; font-weight: bold; } .info_table tr td:nth-child(2){ width: 20px; text-align: center; } .label_pay{ font-size: 18px; line-height: 26px; text-transform: uppercase; } .style_checkbox .style_icon:after{ color: @mau_nen_icon; } .info-genaral{ margin-bottom: 10px; } .info-genaral .before{ position: relative; padding-left: 20px; } .info-genaral .before:before{ position: absolute; top: 0; left: 0; font-family: "fontawesome"; } .w_info_flight{ margin-bottom: 10px; } .w_info_flight .info_flight_title{ margin: 0 -15px; background: #f6f6f6; font-size: 16px; line-height: 24px; padding: 13px 20px 13px 70px; min-height: 50px; position: relative; } .w_info_flight .info_flight_title .LTitle{ font-weight: bold; float: left; } .w_info_flight .info_flight_title .rTitle{ color: #777777; float: right; } .w_info_flight .info_flight_title .rTitle span{ font-weight: bold; color: #333333; } .w_info_flight .info_flight_title.outbounds{ background: #f6f6f6 url(../images/maybay_xanh.png) left 12px top 10px no-repeat; } /* .w_info_flight .info_flight_title.outbounds:after{ position: absolute; top: 10px; left: 12px; content: ""; width: 32px; height: 32px; // border: 1px solid #03afef; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } */ .w_info_flight .info_flight_title.inbounds{ background: #f6f6f6 url(../images/maybay_do.png) left 12px top 10px no-repeat; } /* s.w_info_flight .info_flight_title.inbounds:after{ position: absolute; top: 10px; left: 12px; content: ""; width: 32px; height: 32px; // border: 1px solid #e01010; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: url(../images/maybay_do.png)no-repeat 50% 50%; } */ .w_info_flight .info_flight_content{ padding: 10px; } .w_info_flight .info_flight_content .info_flight_content_L{ width: 75px; float: left; } .w_info_flight .info_flight_content .info_flight_content_R{ float: right; .width_calc(100%,80px); } .box_link_share{ margin-bottom: 20px; } .box_link_share ul{ margin: 0 -3px; } .box_link_share ul:after{ clear: both; content: ''; display: block; } .box_link_share ul li{ float: left; margin: 3px; max-width: 100%; max-width: -webkit-calc(100% - 6px); max-width: -moz-calc(100% - 6px); max-width: calc(100% - 6px); } .box_link_share ul li a{ display: block; width: 100%; font-size: 16px; line-height: 24px; padding: 10px 15px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; color: #333333; background: #f6f6f6; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; } .box_link_share ul li a:hover{ color: @color_white; background: #f79a4d; } .box_link_share ul li a i{ padding-right: 10px; color: inherit; font-size: 16px; line-height: 24px; } #rangeValue{ margin:10px 5px; position: relative; height: 30px; } #rangeValue span{ position: absolute; top: 0; .transform_translate(-50%,0); } @media screen and (max-width: 1169px){ .vnt-tax-fitter .vnt-info-step{ display: none; } } @media screen and (max-width: 1024px){ .vnt-banner{ min-height: inherit; } .vnt-about-prod{ padding: 20px 0; } .mod_info_custumer .mod_main{ float: left; width: 100%; } .mod_info_custumer .mod_sidebar{ display: none; } .vnt-step-booking .step_title{ display: block; } .vnt-step-booking ul li .s-text{ display: none; } .group_Result .box-group_Result .search_info{ display: block; } .group_Result .box-group_Result .search_info .search_info_left{ display: block; } .group_Result .box-group_Result .search_info .search_info_right{ display: block; width: 100%; text-align: center; border-left: none; border-top: 1px solid rgba(255, 255, 255, 0.1); } .group_Result .box-group_Result .search_info .search_info_right .i-icon{ display: inline-block; } .group_Result .box-group_Result .search_info .search_info_right .date{ display: inline-block; padding-left: 10px; } ul.from-to li{ font-size: 20px; line-height: 30px; } .group_Result .box-group_Result .search_info .flight-info{ font-size: 20px; line-height: 30px; padding-left: 70px; min-height: 50px; margin-bottom: 10px; } .group_Result .box-group_Result .search_info .flight-info::after{ width: 50px; height: 50px; } .info_id_order .info_left{ float: none; margin:0 auto 15px auto; } .info_id_order .info_right{ width: 100%; float: none; } .search_date{ position: relative; } .search_date button{ font-size: 0px; position: absolute; } .search_date button.slick-prev{ left: 0px; } .search_date button.slick-next{ right: 0px; } .search_date .slick-next, .search_date .slick-prev { font-size: 0; position: absolute; top: 50%; display: block; width: 20px; height: 100%; padding: 0; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); color: transparent; border: 1px solid @color_bgeb; background: #e9e9e9; z-index: 10; } .search_date .slick-arrow:before { font-family: FontAwesome; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); font-size: 25px; line-height: 33px; color: #000000; } .search_date .slick-prev:before{ content: "\f104"; } .search_date .slick-next:before{ content: "\f105"; } .search_date .slick-dots li button, .search_date .slick-next, .search_date .slick-prev { cursor: pointer; outline: 0; } .search_date .date_title{ display: block; } .search_date.show ul{ display: block; } .search_date ul{ position: absolute; top: 100%; left: 0; width: 100%; display: none; z-index: 100; background: @bg_white; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: 1px 1px 4px rgba(0,0,0,0.1); } .search_date ul li{ display: block; border-left: 1px solid #e5e5e5; } .search_date ul li a{ padding: 10px 20px; text-align: left; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; } .search_date ul li a span{ display: inline; } .search_date ul li a span.bold{ font-weight: normal; position: relative; text-transform: none; } .search_date ul li a span.bold:after{ content: ','; } .search_date ul li.current a{ border-top: 3px solid transparent; background: transparent; color: #444444; } .search_date ul li a:hover{ background: #e6e6e6; } .vnt-tax-fitter .vnt-tax{ float: none; text-align: center; margin-bottom: 20px; margin-right:0; } .vnt-tax-fitter .vnt-fitter-booking .note-search{ display: none; } .vnt-tax-fitter .vnt-fitter-booking{ float: none; text-align: left; max-width: none; } .vnt-tax-fitter .w_fixed_title{ min-height: 50px; } .vnt-tax-fitter .vnt-fitter-booking .div_title{ display: block; text-align: center; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .vnt-tax-fitter .vnt-fitter-booking .div_title.fixed_title{ position: fixed; bottom: 10px; right: 10px; display: inline-block; z-index: 300; } .style_fitter_mobile .divmm { position: fixed; width: 100%; top: 0; left: 0; bottom: 0; visibility: hidden; text-align: left; z-index: 99999; } .style_fitter_mobile .divmm .mmContent { width: 100%; height: 100%; max-width: 560px; padding-left: 62px; margin: 0 0 0 auto; position: relative; top: 0; right: 0; z-index: 101; .transform_translate(100%,0); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; pointer-events: none; } .style_fitter_mobile .divmm .mmContent .mmMain { position: relative; width: 100%; max-height: 100%; overflow-y: auto; background-color: #ffffff; color: #000000; pointer-events: auto; } .style_fitter_mobile .divmm .mmContent .close-mmenu { position: absolute; top: 46px; left: 300px; width: 60px; height: 60px; background: @bg_white; cursor: pointer; -webkit-transition: all 0.8s ease 0.2s; -moz-transition: all 0.8s ease 0.2s; -o-transition: all 0.8s ease 0.2s; transition: all 0.8s ease 0.2s; opacity: 0; pointer-events: auto; } .style_fitter_mobile .divmm .mmContent .close-mmenu:after{ position: absolute; top: 50%; left: 50%; font-size: 30px; line-height: 40px; .transform_translate(-50%,-50%); color: #333333; font-family: "fontawesome"; content: "\f00d"; } .style_fitter_mobile .divmm.show { visibility: visible; } .style_fitter_mobile .divmm.show .mmContent { .transform_translate(0%,0%); } .style_fitter_mobile .divmm.show .mmContent .close-mmenu { left: 0; top: 0; opacity: 1; } .style_fitter_mobile .divmm .divmmbg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.8); z-index: 100; opacity: 0; visibility: hidden; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; } .style_fitter_mobile .divmm.show .divmmbg { opacity: 1; visibility: visible; } .box-fitter-booking{ visibility: visible; opacity: 1; margin-top: 0; position: relative; width: 100%; border: none; } .box-fitter-booking:before, .box-fitter-booking:after{ display: none; } .box-fitter-booking .close_search{ display: none; } .result_internation_header{ display: none; } .result_internation .result_internation_item:nth-child(2){ padding-top: 20px; } .result_internation_item{ padding: 20px 10px; } .result_internation_item .item_row .i_departure{ display: none; } .result_internation_item .i_time{ width: auto; } .result_internation_item .i_journey{ width: 140px; } .result_internation_item .i_detail .detail_button{ width: auto; text-indent: -99999px; padding: 8px 20px 8px 20px; } .result_internation_item .i_detail .detail_button::after{ text-indent: 0; right: 12px; } .result_internation_item .i_detail{ width: 60px; } .result_internation_item .item_label .item_show .i-choose .checkRadio{ width: auto; } .result_internation_item .item_label .item_show .i-choose{ text-align: right; width: 120px; } .result_internation_item .item_row_detail{ display: block; } .result_internation_item .item_row_detail .i_departure, .result_internation_item .item_row_detail .i_time, .result_internation_item .item_row_detail .i_journey, .result_internation_item .item_row_detail .i_detail, .result_internation_item .item_row_detail .i_trip{ display: inline-block; border-bottom: none; } .result_internation_item .item_row_detail .i_departure, .result_internation_item .item_row_detail .i_time, .result_internation_item .item_row_detail .i_journey, .result_internation_item .item_row_detail .i_detail{ width: auto; } .result_internation_item .item_row_detail .i_departure, .result_internation_item .item_row_detail .i_time{ margin-right: 30px; } .result_internation_item .item_row_detail .i_time{ padding: 10px; } .result_internation_item .item_label .item_show .i-label ul li .txt_text, table.table_info_price1 tr td:nth-child(3), table.table_info_price1 tr td:nth-child(4){ display: none; } #mod_info_custumer .mod_main{ width: 100%; } } @media screen and (max-width: 768px){ .info-genaral .fl, .info-genaral .fr{ width: 100%; float: none; } .group_Result .box-group_Result .search_info_internation .flight-info:after{ width: 50px; height: 50px; background-size: 35px; } .group_Result .box-group_Result .search_info_internation{ display: block; } .group_Result .box-group_Result .search_info_internation .search_info_left{ display: block; } .group_Result .box-group_Result .search_info_internation .search_info_left ul{ padding: 10px 10px 0 30px; } .group_Result .box-group_Result .search_info_internation .search_info_right{ display: block; width: 100%; padding: 0 10px 10px 30px; } .group_Result .box-group_Result .search_info_internation .search_info_left ul li{ display: block; margin-right: 0; } .group_Result .box-group_Result .search_info_internation .search_info_right ul li{ font-size: 14px; line-height: 25px; font-weight: normal; margin: 0; } .group_Result .box-group_Result .search_info_internation .search_info_right ul li i{ font-size: 14px; line-height: 25px; } .group_Result .box-group_Result .search_info_internation .flight-info{ font-size: 15px; line-height: 25px; } .group_Result .box-group_Result .search_info_internation .flight-info .country{ font-size: 20px; line-height: 30px; } .result_internation_item .item_row_detail, .result_internation_item .item_row{ display: block; } .result_internation_item .item_row .i_trip, .result_internation_item .i_time, .result_internation_item .i_journey, .result_internation_item .i_detail{ display: inline-block; border-bottom: none; } .result_internation_item .item_row{ border-bottom: 1px solid #dcdcdc; position: relative; padding-right: 60px; } .result_internation_item .item_row .i_detail{ position: absolute; top: 10px; right: 10px; padding: 0; width: 40px; } .result_internation_item .item_row_detail .i_trip{ width: auto; padding: 0; } .result_internation_item .item_row .i_trip{ width: 50px; height: 50px; padding: 5px; } .result_internation_item .item_inbounds .item_row .i_trip::after, .result_internation_item .item_outbounds .item_row .i_trip::after{ width: 35px; height: 35px; -webkit-background-size: 25px; background-size: 25px; } .result_internation_item .item_label .item_hidden{ padding: 20px 10px; } .box_mid .mid-title .titleL{ font-size: 25px; } } @media screen and (max-width: 767px){ .tableCustomer thead tr td{ display: none; } .tableCustomer tr td{ display: block; width: 100% !important; padding: 0 0 15px 0 !important; } .tableCustomer tr td .input-group .form-control{ width: 32%; margin-left: 2%; } .tableCustomer tr td .input-group .form-control:first-child{ margin-left: 0; } .w_info_flight .info_flight_title{ font-size: 14px; line-height: 24px; padding-left: 50px; } .result_internation_item .item_label .item_show{ display: block; } .result_internation_item .item_label .item_show .i-label{ display: inline-block; } .result_internation_item .item_label .item_show .i-price{ display: inline-block; width: auto; } .result_internation_item .item_label .item_show .i-choose{ display: block; text-align: right; width: 100%; } } @media screen and (max-width: 540px){ table.tbl-result thead tr.row-item td{ font-size:15px; } table.tbl-result tbody tr.row-item td.f-price{ font-size:16px; } table.tbl-result tbody tr.row-item td{ font-size:14px; } .boxInfoPrice .box-info-content .info-flight .fContent .node{ width:48.5%; margin-left: 3%; margin-bottom: 20px; padding-left: 0; } .boxInfoPrice .box-info-content .info-flight .fContent .node:nth-child(2n+1){ margin-left: 0; clear: left; width:48.5%; } table.tbl-result tbody tr.flight-info-detail td:nth-child(3), table.tbl-result tbody tr.flight-info-detail td:nth-child(4){ display: none; } .group-flight-info{ display: block; } .group-flight-info .row-flight-info{ display: block; padding: 10px 0; } .group-flight-info .row-flight-info .LRow-flight-info{ display: inline-block; padding:0; width: auto; } .group-flight-info .row-flight-info .LRow-flight-info:after{ position: static; } .group-flight-info .row-flight-info .RRow-flight-info{ padding: 0; display: block; } .group-button .fr, .group-button .fl{ width: 100%; margin-bottom: 20px; } .group-button button.button_continues.btn, .group-button button.button_continues{ display: block; width: 100%; } .formContact .rowInput .rowInputLeft{ width: 100%; float: none; margin-bottom: 10px; } .formContact .rowInput .rowInputRight{ width: 100%; float: none; } .method_pay .method_pay_item .method_pay_title .method_pay_lTitle{ padding: 20px 20px 20px 60px; } .method_pay .method_pay_item .method_pay_title .method_pay_lTitle:before{ font-size: 30px; left:10px; } .method_pay .method_pay_item .method_pay_title .method_pay_lTitle .method_pay_lTitle1{ font-size: 16px; line-height: 25px; } .method_pay .method_pay_item .method_pay_title .method_pay_rTitle{ padding: 20px 10px; } } @media screen and (max-width: 480px){ .box_link_share ul{ margin: 0; } .box_link_share ul li{ float: none; margin: 3px 0; width: 100%; } .box_link_share ul li a{ text-align: center; } } @media screen and (max-width: 479px){ .vnt-step-booking ul li .s-icon{ width: 50px; height: 50px; padding: 5px 0; font-size: 22px; line-height: 40px; } .vnt-step-booking ul li .s-icon i{ font-size: 22px; line-height: 40px; } .vnt-step-booking ul li ~ li:after{ top: 20px; } ul.from-to li { font-size: 15px; line-height: 30px; } table.tbl-result, table.tbl-result > tbody, table.tbl-result > tbody > tr.row-item{ display: block; } table.tbl-result thead tr.row-item{ display: none; } table.tbl-result tbody tr.row-item td{ display: block; padding:5px 20px; text-align: center !important; border: none !important; } table.tbl-result tbody tr.row-item td.f-time span{ padding-right: 2px; } table.tbl-result tbody tr.row-item td.f-time .f-duration{ display: inline; } table.tbl-result tbody tr.row-item td.f-booking{ border-bottom: 1px solid #E5E5E5 !important; } table.tbl-result tbody tr.row-item.row0.selected td.f-booking{ background:#fff7e9; } table.tbl-result tbody tr.row-item.row1.selected td.f-booking{ background:#ffffff; } .boxDetalFlight{ padding: 10px; } .boxInfoPrice .box-info-content .info-flight .fContent .node:nth-child(2n+1), .boxInfoPrice .box-info-content .info-flight .fContent .node{ width: 100%; margin-left: 0; margin-bottom: 10px; } .method_pay .method_pay_item .method_pay_title .method_pay_lTitle:before{ display: none; } .method_pay .method_pay_item .method_pay_title .method_pay_lTitle{ padding: 20px 10px; } .style_box_book .bContent .info_price .price{ font-size: 20px; line-height: 30px; color: #c61414; display: inline-block; } .vnt-tax-fitter .vnt-tax{ font-size: 22px; line-height: 35px; } .box-fitter-booking .group-fitter .group_title{ font-size: 18px; line-height: 26px; } .group_Result .box-group_Result .search_info .search_info_right .date{ font-size: 14px; line-height: 25px; } .group_Result .box-group_Result .search_info_internation .flight-info{ font-size: 15px; line-height: 25px; padding: 15px 10px 15px 80px; } .group_Result .box-group_Result .search_info_internation .flight-info .country{ font-size: 16px; line-height: 25px; } .result_internation_item .item_row{ padding-right: 0; } .result_internation_item .item_row .i_time{ padding: 10px; display: block; } table.tbl-result tbody tr.row-item.row0{ background: #fff7e9; } table.tbl-result tbody tr.row-item td{ display: inline-block; margin-left: -4px; width: 50%; padding:5px 10px; text-align: left ; border: none !important; } table.tbl-result tbody tr.row-item td.f-logo img{ max-width: 66px; } table.tbl-result tbody tr.row-item td:nth-child(2n+1){ margin-left: 0; } table.tbl-result tbody tr.row-item td:nth-child(2n+2){ border-left: 1px solid #efefef !important; } table.tbl-result tbody tr.row-item{ border-bottom: 1px solid #e5e5e5; } table.tbl-result tbody tr.row-item td{ border-bottom: 1px solid #efefef !important; height: 55px; } table.tbl-result tbody tr.row-item td.f-price{ font-size: 18px; padding: 15px 10px 10px 10px; font-weight: bold; } table.tbl-result tbody tr.row-item td.f-time span{ display: block; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } table.tbl-result tbody tr.row-item td.f-booking .checkRadio{ display: block; text-align: center; } .result_internation_item .item_label .item_show{ display: block; } .result_internation_item .item_label .item_show .i-label{ display: inline-block; width: 50%; padding: 5px 5px 5px 0; } .result_internation_item .item_label .item_show .i-price{ display: inline-block; width: 50%; margin-left: -4px; text-align: right; padding: 5px 0 5px 5px; } .result_internation_item .item_label .item_show .i-choose{ display: block; text-align: right; width: 100%; } .result_internation_item .item_label .item_show .i-choose .checkRadio{ width: 100%; text-align: center; } } @media screen and (max-width: 415px){ .result_internation_item .item_row{ padding-left: 50px; padding-right: 50px; } .result_internation_item .item_row .i_time .i_time_bold{ display: block; font-size: 14px; line-height: 24px; text-align: center; } .result_internation_item .item_row .i_time .i_time_bold span{ display: block; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } } @media screen and (max-width: 400px){ .result_internation_item .item_label .item_show .i-price, .result_internation_item .item_label .item_show .i-label{ display: block; width: 100%; padding: 5px; } } @media screen and (max-width: 360px){ table.table_info_price1 tbody tr td, table.table_info_price1 thead tr td{ padding: 10px; } } @media screen and (max-width: 359px){ table.tbl-result tbody tr.row-item td.f-price{ font-size: 16px; padding: 15px 10px 10px 10px; font-weight: bold; } .style_box_DV .bContent .totalPrice.bold span{ font-size: 18px; line-height: 26px; padding-left: 0; } .vnt-tax-fitter .vnt-tax{ font-size: 18px; line-height: 26px; } }