* {
    touch-action: manipulation;
}

/* zas97 */
/*  2 */
.daterangepicker h5{
    display:none;
}

/*  3 */
.daterangepicker:before, .daterangepicker:after {
    content:none!important;
}

/*  5 */
.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {

    padding: .25rem;
}

body > div.daterangepicker.ltr.auto-apply.single.opensright.show-calendar > div.drp-calendar.left.single > div.calendar-table > table > tbody > tr:nth-child(1){

}

/* 9 */
.return-close{
    /*display:none;*/
}

/* 10 */
.returnDate.return-input.dates {
    padding-left: 0.5rem;
    width: 98%;
}
.return-close, .port-close{
    right: 10px;
}

/* zas98*/

.port-svg-search-box{
    height: 1.5rem !important;
    top:inherit !important;
}

.bootstrap-select .dropdown-toggle .filter-option {
    margin-left:1.5rem;
}
.bootstrap-select .dropdown-toggle .filter-option:nth-child(2) {
    margin-left:1.4rem;
}

.port-svg-search-box{
    left:10px !important;
}


.filter-colinner .filter-arrows{
    left: calc(100% - .8rem);
    top: 0.8rem;
    z-index:2000;
}


button.btn.dropdown-toggle.btn-light{
    line-height: none !important;
}

.bootstrap-select>.btn.dropdown-toggle{
    padding: .5rem .75rem 0;
}

.filter-colinner {
    flex: 0 0 22%!important;
}
.filter-colinner1 {
    flex: 0 0 38%!important;
}

.delete-itinerary-icon {
    border: 1px solid transparent;
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    outline: 0;
    cursor: pointer;
}
.delete-itinerary-icon:after {
    content: "\00d7";
    display: block;
    /*width: 15px;
    height: 15px;*/
    position: relative;
    z-index:1;
    right: 2px;
    top: 1px;
    margin: auto;
    border-radius: 50%;
    text-align: center;
    color: #8c8b8b;
    font-weight: normal;
    cursor: pointer;
    font-size:1.6rem;
}


.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after, .bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before, .bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after, .bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before {
    display: none;
}

.bootstrap-select .dropdown-menu li small.text-muted{
    right:1.5px;
}
.dropdown-item{
    padding: .55rem 1.5rem .55rem 0.55rem;
}

/* ZAS97 .6*/
.daterangepicker .calendar-table thead tr:nth-child(2) th{
    background: none;
}

.daterangepicker th.month{
    font-size:1rem !important;
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td{
    font-size:.9rem;
}
.daterangepicker .calendar-table thead tr:nth-child(2) th{
    font-size:.9rem;
}

/* ZAS 98 .12*/
.bootstrap-select .dropdown-menu li {
    left: 12px;
}

.bootstrap-select .dropdown-menu li small.text-muted {
    right: 40px;
    top:12px;
}

.col-12.d-flex.justify-content-between.p-0.addmore-col.add-routine .dropdown-menu.show {
    width: 200%;
}

/*#search-routes > div > div > div > div.col-12.d-flex.justify-content-between.p-0.d_mob > div.filter-colinner.d-flex.filter-inner.d-xs-none > div > div > div{
    min-width: 200%;
}*/

@media(min-width: 992px){

    #search-routes > div > div > div > div.col-12.d-flex.justify-content-between.p-0.d_mob > div.filter-colinner.d-flex.filter-inner.d-xs-none > div > div > div{
        min-width: 200%;
    }
}


/* ZAS 98 5.*/
#search-routes > div > div > div > div.col-12.d-flex.justify-content-between.p-0.d_mob > div.filter-colinner.d-flex.filter-inner.d-xs-none > div > div > div{
    border: none;
    box-shadow: 0rem 0.5rem 1rem #0000001c;
    top:.5rem !important;
}

#search-routes > div > div > div > div.col-12.d-flex.justify-content-between.p-0.d_mob > div:nth-child(2) > div > div > div{
    border: none;
    box-shadow: 0rem 0.5rem 1rem #0000001c;
    top:.5rem !important;
}

/* ZAS 98 3.*/

.filter-colinner2 .dropdown_box svg{
    height:20px;
}

.filter-inner svg{
    width:20px;
}

.filter-inner svg.one_five{
    width:20px;
    /*top:.9rem;*/
}

.port-svg-search-box{
    width: 20px;
    height: 20px!important;
}

#search-routes{
    width:100%;
}

.search_product .search_date .date_col {
    flex: 0 0 14.2%;
    padding-left: 2.75%!important;
}

div.search_date > div > div > a > div.no span{
    font-size:1.9rem !important;
    font-weight:600 !important;
}

.search_product .search_date .date_col a{
    width: 80%;
    font-weight:400;
    /*font-size: .7rem;*/
    font-size: .9rem;
}

.search_product .search_date .date_col a .day{
    text-align:left;
}
.search_product .search_date .date_col a .day span{
    color:#31abdf !important;
}

.search_product .search_date .date_col a .day span.month{
    color:#3e3f3f !important;
}

.search_product .search_date .date_col a.selected .day span, .search_product .search_date .date_col a.selected span.month{
    color:#fff !important;
}


.search_product .search_date .date_col a:hover .day span,.search_product .search_date .date_col a:focus .day span{
    color:#fff !important;
}

.search_product .search_date .date_col a:hover .month span,.search_product .search_date .date_col a:focus .month span{
    color:#fff !important;
}


.btn-light, .filter-colinner1 div input, .filter-colinner2 div input{
    color:#192e59;
}

.filter-colinner1 div:nth-child(1) input::placeholder{
    color:#999;
}

.padding_dropdown_box2{
    padding-right: 3px;
}

.filter-colinner2 div:nth-child(2) input {
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: .3rem;
}
.petsBox{
    display:none;
}
.filter-colinner2{
    padding-right:.9rem;
}

.filter-colinner2-pdLeft{
    padding-left: 5px;
}


.filter-colinner1 div:nth-child(1) input{
    /*border: 1px solid #eef4f7;
    border-radius: .3rem;*/
}

.dates-borders{
    border: 1px solid #eef4f7 !important;
    border-radius: .3rem !important;
}

.from_date{

    top: 161px !important;
}

.from_date2{

    top: 222px!important;
}

.from_date3{

    top: 284px!important;
}

.from_date4{

    top: 343px!important;
}

/*
body .daterangepicker + .daterangepicker  + .daterangepicker{
    top: 222px!important;
}

body .daterangepicker + .daterangepicker + .daterangepicker + .daterangepicker{
    top: 284px!important;
}

body .daterangepicker + .daterangepicker + .daterangepicker + .daterangepicker + .daterangepicker{
    top: 343px!important;
}*/

.filter-inner .passengersBox .dropdown_menu {
    /*left: -4.5rem;*/
    left: calc(100% - 11rem);
    top: 2.85rem;
}
.filter-inner .vehiclesBox .dropdown_menu {
    /*left: -10.5rem;*/
    left: calc(100% - 16.3rem);
    top: 2.85rem;
}

.dropup .dropdown-toggle::after{
    border:none !important;
}

#searchStart_full_width{
    width: 100%;
    display:none;
}
#searchStart_full_width button{
    width: 100%;
    background-color: #FDB901;
    padding-bottom: .6rem;
    border: 1px solid transparent;
    border-radius: .3rem;
    margin-top: 1rem;
    font-size: 1rem;
    color: white;
}

.btn{
    background-color:#fff;
}

.search_product .product_box .delivery .time span{
    font-size:1rem;
}

@keyframes fade_in_show {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

.addmore-col.active {
    animation: fade_in_show 0.5s;
    /*display:flex !important;*/
}

.dateModal .modal-content, .dateModal .modal-body{
    /*background:none !important;
    border:none !important;
    height:1px;*/
}

.dateModal-inline {
    display: inline-block !important;
    margin: 0 auto !important;
    position: relative !important;
    padding: 3px !important;
    left: 0 !important;
    right: 0 !important;
}

/* ZAS 102 */
.search_product .product_box .logo_box img{
    max-width: 170px;
}

.search_product .product_box .logo_box span{
    max-width: 60%;
    margin: 0 auto;
    text-align: left;
}
.delivery.col-12 {
    top: 2rem;
}

.search_product .product_box .delivery .time{
    font-size: 1.8rem;
    font-weight: 300;
}


.search_product .product_box .delivery .time span{
    font-size: 1rem;
    font-weight: 500;
}

div.distance.p-0.col-4{
    /*margin: 0 9%;*/
    top:-1.2rem;
}

.search_product .product_box .delivery{
width: 150%;
}

.search_product .product_box .btn_blue{
    padding: .5rem 2rem;
    bottom: 1.3rem;
    font-size:1rem;
    font-weight: 600;
    right: .7rem;
    background: #2998c3;
}

.search_product .product_box .price{

font-size: 2rem !important;
font-weight: 700;
margin-left: -.5rem;
}

.search_product .product_box .fastest_box{
    margin-left: -.5rem;
    color: #33CC00;
}

.search_product .search_date .date_col a{
border-radius: 1.2rem;
font-weight:600;
}

.time p{
line-height:.1;
}
/* ZAS 102 */


/***********************MEDIA QUERIES**********************************/


@media (min-width: 1500px){
    .filter-search-col {
        width: 3.5rem;
        height: 2.6rem;
    }
}

@media(min-width: 993px) and (max-width: 1500px){
    .container {
        max-width: 1200px;
    }
    .filter-search-col {
        width: 3.8rem;
        height: 2.6rem;
        /*height: 2.6rem;*/
    }
}

@media(min-width: 1200px) and (max-width: 1500px) {


    .filter-inner .passengersBox .dropdown_menu {
        /*left: -4.5rem;**/
        left: calc(100% - 12rem);
        top: 2.8rem;
    }

    .filter-inner .vehiclesBox .dropdown_menu {
        /*left: -10.5rem;*/
        left: calc(100% - 16.3rem);
        top: 2.8rem;
    }
    .container{
        max-width:1200px;
    }
}




@media(min-width:993px) and (max-width: 1200px) {
    .filter-inner .passengersBox .dropdown_menu {
        /*left: -4.5rem;*/
        left: calc(100% - 13rem);
        top: 2.8rem;
    }
    .filter-inner .vehiclesBox .dropdown_menu {
        /*left: -10.5rem;*/
        left: calc(100% - 16.3rem);
        top: 2.8rem;
    }
    .search_product .search_date .date_col a{
        max-width:100%;
    }
}



@media(min-width:769px) and (max-width: 992px) {
    #searchStart {
        display: none !important;
    }
    #searchStart_full_width{
        display: block;
    }
    .filter-colinner2 {
        padding-right: 0;
    }
    .filter-inner .passengersBox .dropdown_menu{
        left: calc(100% - 15.2rem);
    }
    .filter-inner .vehiclesBox .dropdown_menu{
        left: calc(100% - 20rem);
    }
    .filter-col .row1 {
        background-color: #33323D;
    }
    button.btn.dropdown-toggle.btn-light {
        padding-bottom: .6rem;
    }
}

@media(max-width: 991px){

    button.btn.dropdown-toggle.btn-light {
        padding-bottom: .6rem;
    }
    #searchStart {
        display: none !important;
    }
    #searchStart_full_width{
        display: block;
    }
    .result_section .search_result .btn_grey{
        padding: .5rem .5rem;
    }
    .search_product .search_date .date_col a{
        width:100%;
    }
    /* changed 14-9-2021 .search_product .search_date .date_col{
        padding-left: .2rem!important;
    }*/
    .container{
        max-width:100%;
    }
    .filter-col .row1 {
        background-color: #33323D;
    }
}

@media(max-width: 767px){
    

    div#departure_price_table,div#return_price_table { /*date 24/06/2021 not in prod */
        padding-right: 28px;
    }
    

    .select-ports {

        border:none!important;
    }

    .roundTrip .pr-4 {
        padding-right: 15px!important;
    }

    .roundTrip .pl-2, .px-2 {
        padding-left: 15px!important;
    }

    .roundTrip .col-12.list-tags {
        margin-top: 1rem;
    }

    .roundTrip .search_product .product_box .logo_box img { /* 9 change */
        max-width: 100%;
        width: 180px;
    }

     .roundTrip .search_product .product_box .delivery .time {
        font-size: 1.5rem!important;
        font-weight: 400;
    }

    .roundTrip .search_product .product_box .tags li {
        font-size: 1rem;
    }

    /* 10 change and up */

   
    p.duration_trip {
        margin-top: .5rem;
    }
    .search_product .product_box .logo_box img{
        max-width:100%;
        width:180px;
    }
    .search_product .product_box .delivery .time {
        font-size: 1.5rem;
        font-weight: 400;
    }
    .search_product .product_box .delivery .time span {
        font-size: .9rem;
        font-weight: 400;
    }
    .search_product .product_box .price {
        font-size: 2rem !important;
        font-weight: 700;
        margin-left: -.5rem;
    }
    .filter-col .removeMoreXtra:after{
        width: 32px;
        height: 32px;
        color: white;
        font-size: 2rem;
        background-color: black;
        margin-bottom:.2rem;
        right:0.4rem;
    }
    .filter-col .removeMore{
        /*margin-left:95%;*/
        padding-right: 0;
    }
    .d-none-zas{
        display:none !important;
    }
    .filter-colinner .filter-arrows {
        left: calc(100% - 2.3rem);
        z-index: 2000;
    }
    .filter-colinner .filter-arrows {
        width: 2.5rem;
        top:1.8rem;
    }
    .port-close {
        display: none !important;
    }


    .filter-colinner2-pdLeft{
        padding-left:0;
    }
    .pr-4 {
        padding-right: 1rem !important;
    }
    div.search_date > div > div > a > div.no span {
        /*font-size: 1.5rem !important;*/
        font-size: 1.9rem !important;
    }
    .filter-colinner2 {
        width: 100% !important;
        padding-right:0;
        
    }
    .padding_dropdown_box2{
        padding:0px;
    }
    .returnDate.return-input.dates{
        padding:0 0 0 .5rem;
        width:100%;
    }
    .filter-inner .passengersBox .dropdown_menu{
        left:0;
    }
    .filter-inner .vehiclesBox .dropdown_menu{
        left: calc(100% - 20rem);
    }
    .search_product .search_date .date_col a{
        width:100%;
    }
    /* changed 14-9-2021 .search_product .search_date .date_col{
        padding-left: .5rem !important;
        padding-right: .5rem;
    }*/
    .search_product .search_date .date_row{
        margin-right: -1.2rem;
        margin-left: -1.2rem;
    }
    div.search_date > div > div > a > div.no span{
        font-size: 1.5rem !important;
    }
    /* changed 14-9-2021 .search_product .search_date .date_col {
        padding-left: .3rem !important;
        padding-right: .3rem;
    }*/
    .dropdown-menu.show{
        width:100%;
        min-width:100%;
        max-width:100%;
    }
    #search-routes > div > div > div > div.col-12.d-flex.justify-content-between.p-0.d_mob > div:nth-child(2) > div > div > div{
        min-width:101%;
        left:-4px !important;
    }

    #search-routes > div > div > div > div.col-12.d-flex.justify-content-between.p-0.d_mob > div.filter-colinner.d-flex.filter-inner.d-xs-none > div > div > div{
        min-width:101%;
        left:-4px !important;
    }

    .search_product .product_box .btn_blue{
        right:0px;
    }

    .roundTrip .search_product .product_box .btn_blue {
        padding: .4rem 2.5rem;
        bottom: 1.3rem;
        font-size: 1rem;
        /*margin-right: -1rem;*/
    }

    .search_product .product_box .delivery .distance{
        font-size:.9rem;
    }
    .search_product .search_date .date_col a {
        font-size: .7rem;
    }

    /*zas 101 .1*/
    .modal-title {
        font-weight: 600;
    }

    .modal-body{
        min-height: 500px;
        height:540px;
        padding: 10px !important;
        background-color: #33323d;
    }

    .modal-header{
        background-color: #33323D;
        color: white;
    }

    .close {
        color: white;
        line-height: 1;
        text-shadow: none !important;
        opacity: 1;
    }

    .modal-header .close {
        padding: 0!important;
        margin: 0!important;
        border-radius: 50%;
        background-color: black;
        height: 30px;
        width: 30px;
        margin-top: .1rem;
    }
    .select-ports {
        border: none;
    }
    /*zas 101 .1*/

    /* ker change 7-10-2021*/
    .booking_details_mobile{
        text-align: center;
        background-color: #192e59;
        color: white;
        padding: 18px;
        border-radius: .7rem;
        font-size: 1.4rem;
    }
}

@media(min-width:768px) and (max-width: 990px) {
    .roundTrip .search_product .product_box .btn_blue {
        padding: .2rem 1.5rem;
        right: 0.5rem;
        font-size: .9rem; /* 7 change */
    }
    .filter-colinner2{
        padding-right:0;
        display: flex!important;
        justify-content: flex-end!important;
    }
}

@media(max-width: 575px){
    .dropdown-menu.show{
        width:100%;
        min-width:100%;
        max-width:100%;
    }
    .list-tags{
        text-align: center!important;
    }
}

@media(max-width: 576px){

    .roundTrip .search_product .product_box .logo_box img { /* 11 change */
        width: 150px!important;
        margin-left: -1rem;
    }

    .text-align-left-vessel{
        text-align:left !important;
     
    }

    .col-12.list-tags {
        text-align: center;
        padding-left: 1px;
        padding-right: 1px;
    }

    .search_product .product_box .delivery .time{
        width:100%;
    }

    .search_product .product_box .delivery {
        /*left: 1rem;*/
    }

    .search_product .product_box .logo_box img {
        width: 150px!important;
        margin-left: -1rem;
    }
}

@media(max-width: 542px){
    .search_product .search_date .date_col a .no{
        margin-right:0;
    }
}

@media (max-width: 530px){
    div.search_date > div > div > a > div.no span {
        font-size: 1.2rem !important;
    }
    .search_product .search_date .date_col a {
        font-size: .8rem!important;
    }

    .text-align-left-vessel {
        width: 100%;
        clear: both;
        padding: 0 !important;
        max-width: 100% !important;
    }
}

@media(max-width: 424px){

}
@media (max-width: 360px){
    .bootstrap-select .dropdown-menu li small.text-muted {
        right: 20px;
    }

    /*.departure-div svg{ changed 27-10-2021
        display:none;
    }
    .filter-colinner1 div input{ 
        padding-left:0.5rem;
    }*/

    input#departureDate2,input#departureDate3,input#departureDate4 {
        padding-left: 2.5rem;
    }

    .filter-col .removeMoreXtra:after {
        width: 27px;
        height: 27px;
        font-size: 1.7rem;
        right:0;

    }
}
@media(max-width: 359px){

    .search_product .search_date .date_col {

        padding-left: 0!important;
    }

}
@media(max-width: 767px) and (min-width:373px){

    .search_product .search_date .date_col {
        padding-left: .3rem !important;
        padding-right: .3rem;
    }

}



@media (max-width: 992px) and (min-width: 360px){
    .filter-col .removeMore {
        border: none;
        margin-top: 0.4rem;
        border-radius: 50%;
        width: 32px;
        height: 32px;
        color: white;
        background-color:   black;
    }

    .delete-itinerary-icon:after {
        top:0px;
        right: -.1px;
        border-radius: 50%;
        color: #ffffff;

    }

    .filter-colinner2.d-flex.filter-inner.d-lg-none.d-xl-none.filter-colinner2-pdLeft{
        display: flex!important;
        justify-content: flex-end;
        margin-bottom: 0.5rem;
    }

    .filter-colinner2.d-flex.filter-inner.d-none-zas.filter-colinner2-pdLeft{

        display: none!important;
    }

    .filter-colinner .filter-arrows {
        left: calc(100% - 2.3rem);
        z-index: 2000;
    }
    .filter-colinner .filter-arrows {
        width: 2.5rem;
        top:1.8rem;
    }


    .filter-colinner2-pdLeft{
        padding-left: 0px!important;
    }

}


.d-none-zas{
    padding-left:5px;
}

p.duration_trip {
    margin-top: .5rem;
    margin-bottom: -.5rem;
}

/**  round trip **/

@media (max-width: 1500px){
   


    .roundTrip .search_product .search_date .date_col a {
        font-size: 0.65rem;
    }

    .roundTrip div.search_date > div > div > a > div.no span {
        font-size: 1.49rem !important;
    }
}


@media (min-width: 1191px){
    .roundTrip .search_product .search_date .date_col {
        padding-left: 0rem!important;
        padding-right: 0rem !important;
    }
}

@media (max-width: 1190px) and (min-width:992px){ /* 8 change */
    .roundTrip .search_product .product_box .price {

        font-size: 1.2em !important;
    }

    .roundTrip .logo_box div:nth-child(2) {
        /*font-size: .7rem;*/
        width: 120%!important;
        min-height: 36px;
    }

    .roundTrip div.search_date > div > div > a > div.no span {
        font-size: 1.2rem !important;
    }

    .roundTrip .search_product .search_date .date_col a {
        font-size: 0.8rem;
    }

}

@media (max-width: 991px) and (min-width: 829px){
    .roundTrip .search_product .search_date .date_col {
        padding-left: 0;
    }

    .roundTrip .search_product .product_box .btn_blue {
        padding: .5rem 3rem !important;  /* 6 change */
        bottom: 1.3rem !important;
        font-size: .9rem !important;
        margin-right: 0rem !important;
    }

    .roundTrip .search_product .product_box .btn_blue { 
        width: 100%;
        text-align: center;
        right: 0;
    }

    .roundTrip .search_product .product_box .tags {
        /*margin-bottom: 4rem;*/
    }

    .roundTrip .search_product .product_box .price {
        font-size: 1.5rem !important;
    }
}

@media (max-width: 830px) and (min-width: 768px){

    .roundTrip .logo_box div:nth-child(2) {
        font-size: .8rem!important;
    }

    .roundTrip .search_product .product_box .btn_blue {
        padding: .5rem 3rem !important;  /* 6 change */
        bottom: 1.3rem !important;
        font-size: .9rem !important;
        margin-right: 0rem !important;
    }

    .roundTrip .search_product .product_box .btn_blue { 
        width: 100%;
        text-align: center;
        right: 0;
    }

    .roundTrip .search_product .product_box .tags {
        /*margin-bottom: 4rem;*/
    }
    

    .roundTrip .search_product .product_box .price {
        font-size: 1.3rem !important;
        margin-left:0!important;
    }

    .roundTrip .search_product .product_box .tags li {
        font-size: .9rem;
    }
    .roundTrip .search_product .product_box .delivery .distance {
        font-size: .8rem!important;
    }

    .roundTrip .search_product .product_box .delivery .time span {
        font-size: .8rem !important;
    }

    .roundTrip .search_product .product_box .delivery .time {
        font-size: .9rem !important;
    }



}

/*
.roundTrip .search_product .product_box .delivery .time{
    font-size: .8rem !important;
}
.roundTrip .search_product .product_box .price{
    font-size: 1.25rem !important;
    font-weight: 700;
    margin-left: -1rem;
}*/

.roundTrip .search_product .product_box .fastest_box{
    font-size:.9rem;
    margin-left: -1rem;
}
.roundTrip .search_product .product_box .delivery .time{
    font-size:1.2rem;
    font-weight: 400;
}
.search_product .product_box .delivery .time span{
    font-size:.9rem !important;
}

/*.roundTrip .pr-4, .roundTrip .px-4{   change
    padding-right: .1rem!important;
}*/


.roundTrip .search_product .product_box .delivery .distance{
    font-size:.9rem;
}

.roundTrip .logo_box > div{
    /*text-align:left !important;*/
}
/*.roundTrip .logo_box div:nth-child(2){
    font-size:.85rem!important;
    font-weight: 400;
}*/


.roundTrip .search_product .product_box{
    /*padding: 1rem .5rem 0 .5rem;*/
    padding: 1.25rem 1.25rem 0 1.25rem; /* 12 change */
}

.roundTrip div.search_date > div > div > a > div.no span{
    font-size: 1.6rem !important;
}

.roundTrip .search_product .search_date .date_col a .no{
    margin-right: .15rem !important;
}

.roundTrip .search_product .search_date .date_col a{
    font-weight: 400;
    font-size: 0.8rem;
}

.roundTrip .search_product .search_date .date_col{
    padding-left: 0rem!important;
    padding-right: 0rem !important;
}

.roundTrip .nav-tabs-wrapper {
    display: block;
    overflow: hidden;
    height: calc(1.5rem + 1rem + 2px); /** 1.5 is font-size, 1 is padding top and bottom, 2 is border width top and bottom */
    position: relative;
    z-index: 1;
    margin-bottom: -1px;
    .roundTrip .nav-tabs {
        overflow-x: auto;
         lex-wrap: nowrap;
        border-bottom: 0;
    }
    .roundTrip .nav-item {
        margin-bottom: 0;
        &:first-child {
             padding-left: 15px;
         }
        &:last-child {
             padding-right: 15px;
         }
    }
    .nav-link {
        white-space: nowrap;
    }
    .dragscroll:active,
    .dragscroll:active a {
        cursor: -webkit-grabbing;
    }
}

.roundTrip .nav-tabs-wrapper-border {
    display: block;
    width: 100%;
    border-top: 1px solid #ddd;
}

.roundTrip .tab-pane {
    padding: 1rem;
}
/**  round trip **/


/* modal bgcolor for mobile only */
.dateModal .modal-header .close {
    padding: 0!important;
    margin: 0!important;
    border-radius: 50%;
    background-color: black;
    height: 30px;
    width: 30px;
    margin-top: .1rem;
}

.dateModal .modal-title {
    font-weight: 600;
}

.dateModal .modal-header{
    background-color: #33323D;
    color: white;
}

.dateModal .modal-body {
    min-height: 325px;
    /*height:325px; changed on 18-1-2022*/
    height:auto; 
    padding: 10px !important;
    background-color: #33323d;
}

.dateModal .close {
    color: white;
    line-height: 1;
    text-shadow: none !important;
    opacity: 1;
}

.position_fix{

    position: initial!important;
}


@media (min-width:993px) and (max-width:1100px){

    .filter-inner svg.one_five {
        display:none;
    }
    .filter-colinner1 div input {
        padding-left: 0.5rem;
    }
}

@media (min-width: 992px){



    .search_product .product_box .btn_blue {
        padding: .8rem 6rem;
    }
    .roundTrip .search_product .product_box .btn_blue { /* 3 change */
        padding: .5rem 3rem;
        /*margin-bottom: 2rem;*/
    }

    .roundTrip .search_product .product_box .price {  /* 4 change */
        font-size: 1.9rem !important;
    }

    .roundTrip .col-12.list-tags {  /* 5 change */
        padding-top: 1rem;
    }
    .roundTrip .search_product .product_box .logo_box img{
        max-width:135px!important;
     }

    .filter-colinner .filter-arrows {
     
        display: flex!important;
    }

    img#revert-ports-1-1,img#revert-ports-2-2,img#revert-ports-3-3,img#revert-ports-4-4{

        display: none!important;
    }

}

@media (max-width: 991px){

    .search_product .product_box .btn_blue {
        padding: .7rem 4.5rem!important; /* 1 change */
    }
}

.bootstrap-select>.dropdown-toggle{
   line-height: 1.6 !important;
}

.dropdown-item.port{
    width: calc(100% - 22px);
}

.daterangepicker .calendar-table .next, .daterangepicker .calendar-table .prev{
    padding:10px;
}


/* TRIP CONTINUE BUTTON */
.fee{display:none;}

.tripsNextStep {
    /*margin-top: 1rem*/
    display: none;
}

div#row_total_price , #row_pay {
    /*background-color: #fdb901;*/
    height: auto;
    border-radius: .7rem;
    /*margin-top: 2rem;*/
    cursor: pointer;
}



@media (min-width:767px) and (max-width:1200px){ /* new changes */

    div#row_total_price , #row_pay {
        /*margin-top: 2rem;*/
    }

}


#row_pay{

    padding: 5px 0px 20px 0px;
    color:white;
    font-size: 2rem;
}

.click_to_pay {
    text-align: center;
    font-size: 1.1rem;
    font-weight: 500;
    cursor: pointer;
}
.click_price{

    text-align: left;
    font-weight: 700;
    margin-left: -1rem;
    font-size: 2.2rem;

}

.calculate_div{

    display: flex;
    justify-content: center;
}

#click_calc{

    padding: 10px 0px 0px 10px;
}

@media (max-width:992px) and (min-width:768px){

    .select-ports {

        border:none!important;
    }

    .d-none-zas{
        display:none !important;
    }

}




/* TRIP CONTINUE BUTTON */

/* ALERT NO ITINERARIES */
.roundTrip .row.my_row {
    margin-right: .1rem;
    margin-left: .1rem;
    margin-top: -.6em;
    border-radius: .3rem;
    padding-bottom: .35rem;
}
.oneWay .row.my-row {
    margin-right: .1rem;
    margin-left: .1rem;
    border-radius: .3rem;
    padding-bottom: 1rem;
}
.extras {
    border-radius: .3rem;
    display:none;
}

.alert.alert-danger {
    height:140px;
}
/* ALERT NO ITINERARIES */

/* extra changes round trip eirini */

@media (max-width:991px) and (min-width:768px){
    .roundTrip .search_product .product_box .sel-btn{
        padding-top: 3.6rem;
    }

    .roundTrip .search_product .product_box .trip-info-content .info-vessel{
        display: flex;
        flex-direction: column;
        text-align: left;
        padding-bottom: 25px;
        font-size: 14px;
    }

    .roundTrip .search_product .product_box .info-vessel-interval {
        padding-right: 15px;
        text-align: left;
        padding-bottom: 10px;
    }

}

@media (max-width:1200px) and (min-width:992px){

    .roundTrip .search_product .product_box .trip-info-content{
        margin-bottom: 3rem;
    }

    .roundTrip .search_product .product_box .trip-info-content .info-vessel{
        display: flex;
        flex-direction: column;
        text-align: left;
        padding-bottom: 25px;
        font-size: 14px;
    }

    .roundTrip .search_product .product_box .info-vessel-interval {
        padding-right: 15px;
        text-align: left;
        padding-bottom: 10px;
    }

}

.roundTrip .col-12.col-md-3.totalPrice-abs.pr-1.px-1 {
    /*margin-top: .8rem;*/
}

.roundTrip p.duration_trip {
    margin-top: .5rem;
    margin-bottom: 0;
}

.roundTrip .search_product .product_box .fastest_box {
    /*height: 29px;*/
}

.roundTrip .logo_box div:nth-child(2) {
     height: 48px;
}

.roundTrip .search_product .row #oneWay {
    padding-right: 9px !important;
}

/* ZAS-99 num.3 */

@media only screen and (max-width: 880px) and (min-width: 768px){
    /*.filter-inner svg.one_five {
        display:none;
    }*/
    .filter-colinner1 div input {
        padding-left: 2.5rem;
    }
}

/* ZAS -129 */

/* extra changes round trip eirini */

/* zas mobile 129 */
@media (max-width:513px) and (min-width:390px){


    div#departure_price_table,div#return_price_table { /*date 24/06/2021 not in prod */
        padding-right: 28px;
    }


}

@media (max-width:389px) and (min-width:320px){


    div#departure_price_table,div#return_price_table { /*date 24/06/2021 not in prod */
        padding-right: 28px;
    }
 
}



/* zas mobile 129 */

/* added for click button */


.price_approx{

    text-align: center;
    font-size: 1rem;
    font-weight: 200;
    cursor: pointer;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,
    "Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    padding-top: 10px;
}

.price_label{

    text-align: right;
  
}

.col-7.col-md-6.col-sm-6.next-step-button{
    padding:0;
}

.click_div{

    text-align: center;
    font-size: 2.5rem;
    font-weight: 600;
    padding: 18px;
    cursor: pointer;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",
    Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    background: #fdb901;
    color: #FFFFFF;
    margin-right: auto;
    border-radius: 8px;
}

#row_total_price{

    color:white;
}

.price_label,.total_price , .click_price{

    font-size: 2.2rem;
    padding-right: 10px;
    cursor: pointer;
    /*font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,
    "Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";*/
}

.price_label{
    font-weight: 300;
}
.total_price{
    font-weight: 700;
}

.price_value_row{
    display: flex;
    justify-content: center;
}


@media (max-width:767px){

    .price_label, .total_price {
      
        padding-right:0px;
    }

    #click_calc{

        font-size: 1.4rem;
    }


}

@media (max-width:1920px){

    .price_label, .total_price,  .click_price{
        margin-left: -1rem;
    }
}

@media (max-width:420px){

    .price_label, .total_price {
        font-size: 1.6rem;
    }

    .calculate_div {
        display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap;
    }


}

@media (max-width:1440px) and (min-width:370px){

    .price_label, .total_price,   .click_price {
        font-size: 2rem;
    }

    .price_approx {
        font-size: 0.8rem;
    }


    .heading{

        font-size: 1.1rem;
    }


}

@media (max-width:369px) and (min-width:320px){

    .price_label, .total_price,  .click_price {
        font-size: 1.7rem;
    }

    .price_approx {
        font-size: 0.8rem;
    }


    .heading{

        font-size: 1.1rem;
    }

}

/* added for click button */

/* added on 9-9-2021 for itineraries */

.row.space.dates_div{

    padding-bottom:10px;
    padding-top:20px;
}

/* added on 13-9-2021 for itineraries */

body > section.route_section{

    background-color: #c7e4f3;
}

/* new changes 7-10-2021 */

@media (min-width:767px){

    #booking_details_div,.booking_details_mobile{
        display: none!important;
    }
}

.booking_details_mobile{

    margin-top:1.2rem;
}


@media (max-width:767px){

    .dropdown-menu.show {
        transform: unset !important;
        top:42px!important;
      
      }
}