﻿/* Custom CSS */
.fa-star, .fa-star-half, .fa-star-half-alt { color: #EBBE4F; }
.dropdown-item.active, .dropdown-item:active { background: #f8f9fa; color: #212529; }
.compareItem { display: block; float: left; position: relative; width: 185px; height: 80px; padding: 10px; margin-top: 10px; background: #fff; margin-left: 15px !important; }
    .compareItem:first-child { margin-left: 0; }
.compare-thumb { float: left; width: 64px; margin-right: 10px; }
.compare-title { float: left; width: 90px; color: #A38273; }
.itemRemove { position: absolute; right: 10px; }
.myCheckbox { float: left; margin-right: 5px; cursor: pointer; }
    .myCheckbox input { display: none; /*position: relative; z-index: -9999;*/ }
    .myCheckbox span { width: 15px; height: 15px; display: block; position: relative; border-radius: 2px; border: 1px solid #337ab7; background-color: #fff; }
    .myCheckbox input:checked + span::after { font: 14px/1 DXIcons; color: #337ab7; font-size: 11px; text-align: center; /*line-height: 13px;*/ width: 13px; height: 13px; position: absolute; content: '\f005'; top: 0; left: 0; padding: 1px; }

.suggested-tours-slider .slick-track { margin-left: unset; }
.five-small-image-text-slider .slick-track { margin-left: unset; }
.otherDestinations .slick-track { margin-left: unset; }
.swal2-actions button { height: auto !important; line-height: inherit !important; }
.create-your-vacation-div .select2-container { width: 100% !important; }
.full-image-static-page { width: 100%; display: block; position: relative; padding: 50px 0; color: #FFF; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; background-color: #CCC; }
    .full-image-static-page:before { background: #000000; opacity: 0.5; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; right: 0; left: 0; display: block; content: ""; z-index: 1; }
    .full-image-static-page .container { position: relative; z-index: 10; }
    .full-image-static-page .text { opacity: 0.8; font-size: 20px; line-height: 160%; font-weight: 400; }
    .full-image-static-page .breadcrumb-item { opacity: .7; color: #FFF; }
        .full-image-static-page .breadcrumb-item + .breadcrumb-item::before { color: #FFF; }
    .full-image-static-page .breadcrumb a:hover,
    .full-image-static-page .breadcrumb a { color: #FFF; }

.months-name-slider { width: -webkit-calc(100% + 120px); width: -moz-calc(100% + 120px); width: calc(100% + 120px); margin-left: -10px; }
    .months-name-slider .single { padding: 0 10px; outline: none !important; }
    .months-name-slider .slick-prev { left: -45px; }
    .months-name-slider .slick-next { right: 80px; }
    .months-name-slider .item.slick-active:last-of-type { opacity: 0.8; }

select { padding: 10px; border-radius: 6px; background: #f5f5f5; }
    select option { -webkit-appearance: none; padding: 10px; background-color: var(--color-primary); color: #fff; }
option:checked { color: #fff; background: var(--color-brand); }
option:hover { color: #fff; background: var(--color-brand) !important; }
.dropDown { width: 44%; }




.alert { -ms-border-radius: 0; border-radius: 8px; /*border: none;*/ padding: 15px 15px 15px 70px; /*color: #fff;*/ font-size: 1.0833em; position: relative; font-weight: 500; }
    .alert:before { content: "\f003"; font-family: soap-icons; display: block; font-size: 18px; width: 30px; height: 30px; line-height: 30px; margin: 0 auto; border: 1px solid #000; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50%; text-align: center; position: absolute; top: 10px; left: 20px }

    .alert.alert-general { background: #d9d9d9; }
        .alert.alert-general:before, .alert-secondary:before { content: "\e8bd"; }
    .alert.alert-notice { background: #e6d3a5; color: #242424; }
        .alert.alert-notice:before { content: "\e8bb"; color: #000; }
    .alert.alert-error { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; }
        .alert.alert-error:before { content: "\e8bc"; border: 1px solid #721c24; }
    .alert.alert-success:before { content: "\e8ba"; border: 1px solid #155724; }
    .alert.alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; }
    .alert.alert-help { background: #01b7f2; }
        .alert.alert-help:before { content: "\e876"; }
    .alert.alert-info { background: #d1ecf1; }
        .alert.alert-info:before { content: "\e818"; }
    .alert .close { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; font-weight: 400; color: #000; font-size: 12px; cursor: pointer; text-shadow: none; float: none; position: absolute; top: 8px; right: 8px; }
        .alert .close:before { content: "\f00d"; font-family: FontAwesome; }

.custom-option-list { width: 100%; display: flex; flex-direction: row; justify-content: left; padding-bottom: 10px }
    .custom-option-list > div.plane-avatar { float: left; width: 20px; margin-right: 10px; flex-grow: 0; color: #139595; }
        .custom-option-list > div.plane-avatar > i { width: 100%; height: auto; border-radius: 2px }
    .custom-option-list > div.info { flex-grow: 3 }
        .custom-option-list > div.info > div.title { font-weight: 600; word-wrap: break-word; line-height: 1.1; margin-bottom: 4px }
        .custom-option-list > div.info > div.detail { font-size: .9em; color: #2d3e52 }
    .custom-option-list > div.subType { flex-grow: 0; color: #777 }
.indented { padding-left: 20px }

.progressbar { overflow: hidden; color: lightgrey; text-align: center; position: relative; padding-left: 0; margin-bottom: 15px; }
    .progressbar .active { color: #000000; }
    .progressbar li { list-style-type: none; position: relative; width: 100%; }

    .progressbar .select-date:before { font-family: FontAwesome; content: "\f073"; }
    .progressbar .air-details:before { font-family: FontAwesome; content: "\f5b0"; }
    .progressbar .customize:before { font-family: FontAwesome; content: "\f085"; }
    .progressbar .summary:before { font-family: FontAwesome; content: "\f0ca"; }
    .progressbar .my-cart:before { font-family: FontAwesome; content: "\f07a"; }
    .progressbar .checkout:before { font-family: FontAwesome; content: "\f00c"; }
    .progressbar .travelers:before { font-family: FontAwesome; content: "\f0c0"; }
    .progressbar .services:before { font-family: FontAwesome; content: "\f5c1"; }
    .progressbar .insurance:before { font-family: FontAwesome; content: "\f3ed"; }
    .progressbar .payment:before { font-family: FontAwesome; content: "\f09d"; }

    .progressbar .bed:before { font-family: FontAwesome; content: "\f236"; }

    .progressbar li:before { width: 50px; height: 50px; line-height: 45px; display: block; font-size: 18px; color: #ffffff; background: lightgray; border-radius: 50%; margin: 0 auto 10px auto; padding: 2px; }
    .progressbar li:after { content: ''; width: 100%; height: 2px; background: lightgray; position: absolute; left: 0; top: 25px; z-index: -1; }
    .progressbar li.active:before, .progressbar li.active:after { background: #139595; }

.btn-active { }

/*TreeList adjustment*/
.dx-treelist-table { background-color: #f6f6f6; }
.dx-treelist-cell-expandable { padding-left: 2px !important; padding-bottom: 12px !important; padding-top: 0px !important; /*font-size:14px !important;*/ }
.dx-treelist-container { color: rgb(111, 121, 132); }
.dx-treelist-icon-container.dx-cell-focus-disabled.dx-editor-inline-block { padding-right: 25px !important; }
.dx-treelist-empty-space { width: 15px !important; }
.dx-select-checkbox > .dx-checkbox-container { padding-top: 3px; width: 18px !important; height: 18px !important; }
    .dx-select-checkbox > .dx-checkbox-container > span { width: 14px !important; height: 14px !important; border-width: 1px; }
.dx-treelist-rowsview { border-top: 1px none #e0e0e0; }
/*list adjustment*/
.dx-list-select-checkbox.dx-checkbox.dx-widget { margin-left: 16px }
.dx-list-item-before-bag.dx-list-select-checkbox-container { width: 26px; }
.dx-item-content.dx-list-item-content { font-size: 14px; color: rgb(111, 121, 132); }
.dx-checkbox-container > .dx-checkbox-icon { width: 14px !important; height: 14px !important; border-width: 1px; border-color: rgb(2, 164, 164); }
.dx-item-content.dx-list-item-content { padding: 0px 16px 12px; }
.dx-list-item-before-bag .dx-list-select-checkbox, .dx-list-item-before-bag .dx-list-select-radiobutton { margin-top: -12px; }
/*change cursor content dxList*/
.dx-list-item { cursor: default; }
/*tour duration slider adjustment*/
.list-filter-float .price-from-to .min-slider-tour-duration-value,
.list-filter-float .price-from-to .max-slider-tour-duration-value { color: #2D3E52; font-weight: 600; font-size: 20px; line-height: 24px; }
    .list-filter-float .price-from-to .min-slider-tour-duration-value.zero,
    .list-filter-float .price-from-to .max-slider-tour-duration-value.zero { opacity: 0.4; }
/*Sort descending*/
.list-sort-by .list-inline-item a.current.desc:before { width: 10px; height: 11px; background-image: url('../images/icon-arrow-down.svg'); background-repeat: no-repeat; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; background-position: center center; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; content: ""; }
/*Top Seller Styles */
.discount { font: 85%/150% Raleway,Arial,Helvetica,sans-serif; -webkit-font-smoothing: antialiased; text-align: left; box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; zoom: 1; display: block; position: absolute; left: -4px; top: -4px; width: 100px; height: 102px; color: #fff; background: url(/assets/images/icons/discount.png) no-repeat; z-index: 1; line-height: 80px; text-transform: uppercase; font-weight: 700; font-size: .9167em; letter-spacing: .04em; text-indent: -3px; }
.discount-text { font: 85%/150% Raleway,Arial,Helvetica,sans-serif; -webkit-font-smoothing: antialiased; text-align: left; color: #fff; line-height: 80px; text-transform: uppercase; font-weight: 700; font-size: .9167em; letter-spacing: .04em; text-indent: 1px; box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; zoom: 1; display: inline-block; transform: rotate(-45deg); writing-mode: lr-tb; margin-left: -7px; }

.preferred { font: 85%/150% Raleway,Arial,Helvetica,sans-serif; -webkit-font-smoothing: antialiased; text-align: left; box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; zoom: 1; display: block; position: absolute; left: -4px; top: -4px; width: 100px; height: 102px; color: #fff; background: url(/assets/images/icons/preferred.png) no-repeat; z-index: 1; line-height: 80px; text-transform: uppercase; font-weight: 700; font-size: .9167em; letter-spacing: .04em; text-indent: -3px; }
.preferred-text { font: 85%/150% Raleway,Arial,Helvetica,sans-serif; -webkit-font-smoothing: antialiased; text-align: left; color: #fff; line-height: 80px; text-transform: uppercase; font-weight: 700; font-size: .9167em; letter-spacing: .04em; text-indent: 1px; box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; zoom: 1; display: inline-block; transform: rotate(-45deg); writing-mode: lr-tb; margin-left: -7px; }
.preferred_sm { font: 85%/150% Raleway,Arial,Helvetica,sans-serif; -webkit-font-smoothing: antialiased; text-align: left; box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; zoom: 1; display: block; position: absolute; left: 26px; top: -4px; width: 75px; height: 77px; color: #fff; background: url(/assets/images/icons/preferred_sm.png) no-repeat; z-index: 1; line-height: 80px; text-transform: uppercase; font-weight: 700; font-size: .9167em; letter-spacing: .04em; text-indent: -7px; }

/*multi select ddl */
.dx-treeview-node { padding-left: 2px; }
.dx-treeview-item-with-checkbox .dx-checkbox { top: 4px; left: 10px; }
.dx-treeview-item-with-checkbox .dx-treeview-item { padding-left: 29px; }
.dx-treeview-item { padding-top: 6px; padding-bottom: 2px; min-height: 30px; line-height: 5px; }
/*hide TagBox select All*/
.dx-list-select-all { display: none; }
.dx-item.dx-list-item { padding-top: 5px; }




@media (max-width: 360px) {
}
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 575.98px) {
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 767.98px) {

    .full-image-static-page { padding-bottom: 80px; }
        .full-image-static-page .text { font-size: 16px; line-height: 160%; }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

@media only screen /* Portrait iPad */
and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
}

@media only screen /* Landscape iPad */
and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
}

@media only screen /* Portrait  iPad Pro */
and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
}

@media only screen /* Landscape iPad Pro */
and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
}


/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
}

.tour-single-card { border-radius: 6px !important; min-height: 230.5px; }

    .tour-single-card .image { height: 230.5px !important; /*height: 210px !important;*/ }

.star-adjust { font-size: 13px; color: #EBBE4F; padding-right: 5px; }

.daterangepicker.show-calendar.opensright { z-index: 2000000; }

.dx-popup-content.modify { padding-left: 5px; padding-right: 5px; }

.home-main-search.modify { background-image: none; padding: 0px; min-height: 0px; }

/*Place heart icon into top-right corner*/
.tour-single-card.boxed .add-to-favorites { top: 20px; }

.sidebar-bottom-menu,   .sidebar-bottom-menu ul  { padding: 0; margin-top: 0px; position: relative; }
     .sidebar-bottom-menu ul  { border-top: 2px solid #F1F1F1; padding-top: 30px; }
     .sidebar-bottom-menu li a  { display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; align-items: center; padding: 5px 15px; }
     .sidebar-bottom-menu li img  { width: 13px !important; margin-left: 30px; }
     .sidebar-bottom-menu li p  { padding: 0px; padding-left: 10px; font-size: 14px !important; margin: 0; }
.sidebar-menu  { padding: 0 }
     .sidebar-menu li.selected  { background: rgba(19, 149, 149, 0.14); position:relative; border-right: 8px solid #139595; }
         .sidebar-menu li.selected p  { color: #139595; }
     .sidebar-menu li.line  { height: 2px; background: #F1F1F1; position: relative; width: 80%; left: 10%; margin-top: 20px; margin-bottom: 20px; }
     .sidebar-menu li a  { display:  flex; flex-direction: row; flex-wrap: nowrap; align-content: center; align-items: center; padding: 15px; }
     .sidebar-menu li img  { width: 20px; margin-left: 30px; }
     .sidebar-menu li p  { padding: 0px; padding-left: 10px; font-size: 16px; margin: 0; color: #2d3e52; }

/*fixing excel export widt problem*/
.dx-datagrid-export-menu .dx-scrollable-content {
    width: 300px;
}