html body div[ng-controller="tour"] .tour-content-wrapper {
/*----------------search field wrapper----------------*/
/*----------------Result Filter----------------*/ }
html body div[ng-controller="tour"] .tour-content-wrapper .tour-result-wrapper {
margin-bottom: 40px;
margin-top: -15px; }
html body div[ng-controller="tour"] .tour-content-wrapper .card-wrapper {
float: right;
width: 100%;
background-color: white;
border-radius: 10px;
margin-bottom: 15px;
position: relative; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item.selected-result-list-item {
height: 165px; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item.selected-result-list-item .general-details .tour-info {
position: relative;
overflow-x: hidden;
height: 145px; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item.selected-result-list-item .general-details .tour-info::-webkit-scrollbar {
width: 6px; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item.selected-result-list-item .general-details .tour-info::-webkit-scrollbar-thumb {
background-color: #c2c2c2;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item.selected-result-list-item .general-details .tour-info::-webkit-scrollbar-track {
background-color: #0aaff3;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item.selected-result-list-item .general-details .tour-info::-webkit-scrollbar-track:start {
background-color: transparent; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item.selected-result-list-item .general-details .tour-info body {
scrollbar-face-color: #c2c2c2;
scrollbar-track-color: #0aaff3; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item.selected-result-list-item .general-details .tour-info .tour-title {
padding: 3px 0 !important; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item.selected-result-list-item .general-details .tour-info .tour-title > span {
display: inline-block !important;
white-space: nowrap; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item.selected-result-list-item .general-details .tour-info .tour-title .tour-name {
line-height: 3.1; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item button .spinner {
top: 7px; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details, html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .other-details {
width: 100%;
float: right; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details {
padding: 15px; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .leader-info {
position: absolute;
background: linear-gradient(45deg, #4b5b78, transparent);
width: 227px;
z-index: 9;
padding: 8px;
left: -10px;
top: 8px; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .leader-info a {
color: white; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .leader-info a :hover {
color: lightgray !important; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .leader-info img {
width: 18px;
border-radius: 100%;
height: 18px; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .leader-info:after {
content: '';
border-right: 10px solid #414f68;
border-left: 10px solid transparent;
border-bottom: 10px solid transparent;
position: absolute;
left: -10px;
top: 34px;
transform: rotate(0deg);
z-index: 9; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details i {
color: #0aaff3; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .tour-image-info {
padding-right: 0 !important; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .tour-image-info.resize-img {
padding-left: 0 !important; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .tour-image-info.resize-img img {
width: 134px;
height: 134px; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .tour-image-info img {
width: 100%;
height: 200px;
width: 200px;
padding: 0; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .tour-info {
/*min-height: 220px;*/
padding-left: 0 !important; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .tour-info i {
font-size: 22px !important; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .tour-info .airline-info {
display: block;
position: relative;
padding: 0px 35px 0px 5px !important; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .tour-info .airline-info img {
width: 30px;
margin: 7px; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .tour-info .airline-info span {
font-weight: bold; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .tour-info .airline-info span i {
position: absolute;
font-size: 25px !important;
top: 13px;
right: 7px; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .tour-info .hotel-description {
font-weight: bold;
position: relative;
padding-right: 35px; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .tour-info .hotel-description .hotel-address i.fa-hotel {
font-size: 25px !important;
position: absolute;
top: 8px;
right: 0; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .tour-info .hotel-description .hotel-degree {
position: relative;
top: 1px;
float: left; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .tour-info .hotel-description .hotel-degree i {
color: #FF9800 !important; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .tour-info .tour-title .tour-name {
font-size: 20px;
line-height: 2.3; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .tour-info > div {
border-bottom: 1px solid lightgray;
padding: 10px 12px; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .tour-info > div:last-child {
border-bottom: 0 !important; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .tour-info .tour-title .tour-name {
font-size: 15px;
font-weight: bold;
display: block;
line-height: 2.8; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .left-info {
padding-left: 0 !important; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .left-info .price-title {
display: block;
margin: 0 !important; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .left-info .price-info {
padding: 15px !important;
display: block;
width: 100%;
text-align: center;
direction: ltr;
padding-left: 0 !important;
padding-bottom: 0 !important; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .left-info .price-info .tour-submit-wrapper {
height: 35px;
margin-top: 10px;
position: relative; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .left-info .price-info .tour-submit-wrapper > button {
position: absolute;
width: 100%;
height: 100%;
margin: 0;
right: 0; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .left-info .price-info .tour-detail-wrapper {
margin-top: 12px; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .left-info .price-info .tour-detail-wrapper a {
display: block;
line-height: 0.3; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .left-info .price-info .tour-detail-wrapper a:hover, html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .left-info .price-info .tour-detail-wrapper a:focus {
color: lightgray !important; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .left-info .price-info button.result-details-button {
margin-top: 10px; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .left-info .price-info button.result-details-button span {
margin-top: 5px !important; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .left-info .price-info span {
margin: 16px 0 5px;
display: inline-block; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .left-info .price-info span.price-amount {
font-size: 24px;
font-weight: bold; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .tour-facilities-wrapper {
padding: 5px 0 0 !important; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .tour-facilities-wrapper .tour-facilities {
border-bottom: 0 !important;
/*@include Horizontalscrollbars(4px, linear-gradient(to left, $color-first 0%, $color-first 25%, #eee 100%,rgba(0, 0, 0, 1) 75%, transparent), #eee, transparent, 5px,5px);*/
background-color: #d3d3d375 !important;
border-radius: 5px;
padding: 8px; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .tour-facilities-wrapper .tour-facilities .facilities-title {
display: block; }
html body div[ng-controller="tour"] .tour-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .tour-facilities-wrapper .tour-facilities .tour-facilities-contents {
display: inline-block;
line-height: 1.73;
margin-left: 15px; }
html body div[ng-controller="tour"] .tour-content-wrapper .search-form-first-style.search-forms-wrapper .search-field-wrapper.city-field-wrapper input#origin {
border-radius: 0 5px 5px 0 !important; }
html body div[ng-controller="tour"] .tour-content-wrapper .search-form-first-style.search-forms-wrapper .search-field-wrapper.tour-date {
width: 27.7%; }
html body div[ng-controller="tour"] .tour-content-wrapper .search-form-first-style.search-forms-wrapper .search-field-wrapper.hotel-date {
width: 31.6%; }
html body div[ng-controller="tour"] .tour-content-wrapper .search-form-first-style.search-forms-wrapper.research-form {
padding: 36px 10px 5px; }
html body div[ng-controller="tour"] .tour-content-wrapper .result-filtering {
padding: 15px;
direction: ltr;
-moz-transition: margin 0.2s;
-o-transition: margin 0.2s;
-webkit-transition: margin 0.2s;
transition: margin 0.2s;
user-select: none; }
html body div[ng-controller="tour"] .tour-content-wrapper .result-filtering::-webkit-scrollbar {
width: 6px; }
html body div[ng-controller="tour"] .tour-content-wrapper .result-filtering::-webkit-scrollbar-thumb {
background-color: #c2c2c2;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; }
html body div[ng-controller="tour"] .tour-content-wrapper .result-filtering::-webkit-scrollbar-track {
background-color: #eee;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; }
html body div[ng-controller="tour"] .tour-content-wrapper .result-filtering::-webkit-scrollbar-track:start {
background-color: transparent; }
html body div[ng-controller="tour"] .tour-content-wrapper .result-filtering body {
scrollbar-face-color: #c2c2c2;
scrollbar-track-color: #eee; }
html body div[ng-controller="tour"] .tour-content-wrapper .result-filtering * {
direction: rtl; }
html body div[ng-controller="tour"] .tour-content-wrapper .result-filtering .card-title.text-center h5 {
margin: 0 !important; }
html body div[ng-controller="tour"] .tour-content-wrapper .result-filtering.is-sticky {
margin-top: 45px !important;
z-index: 99 !important;
max-height: calc(98vh - 45px) !important;
overflow-y: auto;
overflow-x: hidden; }
html body div[ng-controller="tour"] .tour-content-wrapper .result-filtering .card-content {
margin: 10px 0; }
html body div[ng-controller="tour"] .tour-content-wrapper .result-filtering .card-content .panel-group .panel {
border: 0 !important;
margin: 0 !important;
box-shadow: none !important; }
html body div[ng-controller="tour"] .tour-content-wrapper .result-filtering .card-content .panel-group .panel > .panel-heading {
position: relative;
padding-right: 0 !important;
color: #333 !important;
background-color: transparent !important;
padding-bottom: 3px; }
html body div[ng-controller="tour"] .tour-content-wrapper .result-filtering .card-content .panel-group .panel > .panel-heading a h4 {
user-select: none;
margin-top: 0; }
html body div[ng-controller="tour"] .tour-content-wrapper .result-filtering .card-content .panel-group .panel > .panel-heading a h4:hover {
color: gray !important; }
html body div[ng-controller="tour"] .tour-content-wrapper .result-filtering .card-content .panel-group .panel > .panel-heading a h4:hover i {
color: gray !important; }
html body div[ng-controller="tour"] .tour-content-wrapper .result-filtering .card-content .panel-group .panel > .panel-heading a i {
position: absolute;
left: 0;
top: 10px;
font-size: 10px !important;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s; }
html body div[ng-controller="tour"] .tour-content-wrapper .result-filtering .card-content .panel-group .panel > .panel-heading a.collapsed i {
-moz-transform: scaleY(-1);
-ms-transform: scaleY(-1);
-o-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
transform: scaleY(-1); }
html body div[ng-controller="tour"] .tour-content-wrapper .result-filtering .card-content .panel-group .panel > .panel-collapse {
float: right;
width: 100%; }
html body div[ng-controller="tour"] .tour-content-wrapper .result-filtering .card-content .card-content-label {
font-weight: bold;
color: #333333;
font-size: 12px;
text-align: right;
margin-bottom: 10px;
float: initial !important; }
html body div[ng-controller="tour"] .tour-content-wrapper .result-filtering .card-content .card-content-label small {
font-size: 8px; }
html body div[ng-controller="tour"] .tour-content-wrapper .result-filtering .card-content .price-range {
float: right;
width: 95%;
margin-right: 2.5% !important;
margin-bottom: 10px !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; }
html body div[ng-controller="tour"] .tour-content-wrapper .result-filtering .card-content .card-content-label {
font-weight: bold;
margin: 8px 0 12px;
display: block;
float: right !important;
width: 100% !important;
color: #333333;
font-size: 13px;
text-align: right; }
html body div[ng-controller="tour"] .tour-content-wrapper .result-filtering .card-content .card-content-label small {
color: #6b6b6b;
font-weight: bold;
font-size: 7px; }
html body div[ng-controller="tour"] .tour-content-wrapper .result-filtering .card-content .bordere-button .icon i {
position: relative;
font-size: 41px !important;
margin: 0; }
html body div[ng-controller="tour"] .tour-content-wrapper .result-filtering .card-content .bordere-button .icon img {
margin-top: 7px;
margin-bottom: 7px;
height: 44px;
width: 44px; }
html body div[ng-controller="tour"] .tour-content-wrapper .result-filtering .card-content .hotel-filter-content i {
font-size: 16px !important;
margin-left: 3px;
position: relative;
top: 2px; }
html body div[ng-controller="tour"] .tour-content-wrapper .result-filtering .card-content .hotel-filter-content i.fa-check-square {
color: #0aaff3; }
html body div[ng-controller="tour"] .tour-content-wrapper .result-filtering .card-content.hotel-name-filter ul li {
display: block;
cursor: pointer;
line-height: 2.1;
width: 100%;
margin: 3px 0;
-moz-transition: box-shadow 0.5s;
-o-transition: box-shadow 0.5s;
-webkit-transition: box-shadow 0.5s;
transition: box-shadow 0.5s; }
html body div[ng-controller="tour"] .tour-content-wrapper .result-filtering .card-content.hotel-name-filter ul li:hover {
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
html body div[ng-controller="tour"] .tour-content-wrapper .result-filtering .card-content.hotel-name-filter ul li.hotel-degree {
font-weight: bold; }
html body div[ng-controller="tour"] .tour-content-wrapper .result-filtering .card-content.hotel-name-filter ul li.hotel-degree span {
color: #FF9800;
margin-right: 3px; }
html body div[ng-controller="tour"] .tour-content-wrapper .result-filtering .card-content.hotel-name-filter ul li .item-min-price {
float: left; }
html body div[ng-controller="tour"] .tour-content-wrapper .result-filtering .card-content.hotel-degree-filters .title {
font-size: 10px;
margin: 3px 0 5px 0; }
html body div[ng-controller="tour"] .tour-content-wrapper .result-filtering .card-content.hotel-degree-filters .hotel-degree-stars i {
font-size: 12px !important;
color: orange;
margin: 0 -1px; }
html body div[ng-controller="tour"] .tour-content-wrapper .result-filtering .card-content.hotel-degree-filters .bordered-button.active {
border: 2px solid orange;
background-color: rgba(255, 165, 0, 0.02); }
html body div[ng-controller="tour"] .tour-content-wrapper .result-filtering .card-content.gradient {
width: 100%;
float: right;
margin: 0; }
html body div[ng-controller="tour"] .tour-content-wrapper .passengers .add-remove-passenegers .paaseneger-tools {
width: 140px !important; }
html body div[ng-controller="tour"] .tour-content-wrapper .passengers .add-remove-passenegers .counter {
float: none;
margin: auto; }
html body div[ng-controller="tour"] .tour-content-wrapper section.hotel-room-select-wrapper {
padding-top: 0 !important; }
html body div[ng-controller="tour"] .tour-content-wrapper section.hotel-room-select-wrapper .hotel-rooms-table-wrapper {
padding: 15px;
margin-top: 10px;
padding-top: 25px;
border-top: 1px solid lightgray; }
html body div[ng-controller="tour"] .tour-content-wrapper section.hotel-room-select-wrapper .form-header h5 {
padding-right: 15px !important; }
html body div[ng-controller="tour"] .reserve-info-wrapper .reserve-info.detail-flight-info .flight-detail-confirm > div {
width: initial !important; }
html body div[ng-controller="tour"] .reserve-info-wrapper .reserve-info.detail-flight-info .flight-detail-confirm {
background: linear-gradient(to left, transparent, rgba(178, 183, 191, 0.33), transparent);
padding: 15px 0px 4px; }
html body div[ng-controller="tour"] .reserve-info-wrapper .reserve-info.detail-flight-info .flight-detail-confirm .information-content .information .information-item.hasIcon {
min-width: 241px !important; }