body{background-color:#EEF4F7;}
body, html{
    margin:0;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
}
ul, ol{
    list-style: none;
    padding:0;
    margin:0;
}
input:focus, button:focus, textarea:focus{
    outline: none;
}
img{
    max-width: 100%;
}
a:hover,a:focus{
    text-decoration: none;
}
p, h1, h2, h3, h4, h5, h6{
	margin:0;
}
.navbar1{
background-color: #EEF4F7;
padding: 1.2rem 0;
}
.logo{
height: 3.6rem;
}
.navbar1 select{
border:0;
background-color: transparent;
color: #192e59;
font-weight: 600;
font-size: 1rem;
margin-left: 2rem;
cursor: pointer;
}
.navbar1 select:nth-child(1){
margin-left:0;
}
.steps-col ul{
text-align: center;
padding: 2rem 0;
}
.steps-col ul li{
display: inline-block;
text-align: center;
padding: 0 .5rem;
color: #adadad;
position: relative;
cursor: pointer;
}
.steps-col ul li.active svg path{
	fill: #084f6f
}
.steps-col ul li:last-child{
margin-right:0;
}
.steps-col ul li img{
height: 1.8rem;
}
.steps-col ul li h6{
font-weight: 600;
font-size: .9rem;
margin-top: .5rem;
}
.steps-col ul li.line div{
height: 1px;
background-color: #e2e2e2;
width: 6rem;
top: -2.3rem;
position: relative;
}
.steps-col ul li.line{
cursor: unset;
}
.filter-col .row1{
background-color: #fff;
border-radius: .5rem;
box-shadow: 0 14px 25px rgba(0,0,0,0.2);
padding: 1.7rem 1.5rem;
}
.filter-colinner{
    /*width: 36%;*/
    width:22%;
}
.filter-colinner1 {
    width: 35%;
}
.filter-colinner2{
width: 18%;
}
.filter-search-col{
/*width: 3rem;*/
}
.filter-inner > div{
/*width: 50%;*/
width: 100%;
position: relative;
}
.filter-inner{
position: relative;
}
.filter-inner div input{
width: 100%;
font-size: 1rem;
height: 2.8rem;
border: 1px solid #eef4f7;
border-radius: .3rem;
}
.filter-colinner div img{
position: absolute;
height: .8rem;
left: 1rem;
top: .8rem;
}
.filter-colinner div input{
/*padding-left: 2rem;*/
font-size: 1rem;
}
.filter-colinner div:nth-child(2) input, .filter-colinner1 div:nth-child(1) input{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
/*border-right:0;*/
}
.filter-colinner1 div input{
padding-left: 2.5rem;
font-size: 1rem;
}
.filter-colinner1 div:nth-child(1) img{
    position: absolute;
    width: 1.1rem;
    left: .9rem;
    top: .7rem;
}
.filter-colinner div:nth-child(3) input{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
/*padding-left: 2.5rem;*/
}
.filter-colinner1 div:nth-child(2) input{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
/*padding-left: .7rem;*/
}
.filter-colinner div:nth-child(3) img{
left: 1.5rem;
}
.filter-colinner .filter-arrows{
position: absolute;
/*width: 1.3rem;*/
/*width:2rem;*/
/*z-index: 1;*/
/*left: calc(50% - .6rem);*/
left: calc(100% - 1rem);
/*top: 1rem;*/
top:0.8rem;
}
.filter-colinner2 div{
position: relative;
}
.filter-colinner2 div:nth-child(1) input{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
/*border-right:0;*/
}
.filter-colinner2 div:nth-child(2) input{
border-radius: 0;
/*border-right:0;*/
}
.filter-colinner2 div:nth-child(3) input{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.filter-colinner2 div img{
position: absolute;
height: .9rem;
left: .8rem;
top: .7rem;
}
.filter-colinner2 div input{
padding-left: 2.5rem;
}
.filter-colinner1 div:nth-child(1) input{
color: #192e59;
}
.filter-inner div input{
font-weight: 400;
}
.filter-colinner1 div:nth-child(1) input::placeholder{
color: #192e59;
}
.filter-search-col img{
/*height: 2.4rem;*/
cursor: pointer;
}
.filter-col{
    position: relative;
    z-index: 2;
}
.result_section{
    padding-top: 2rem;
    padding-bottom: 1rem;
    background: #EEF4F7;
    /*margin-top: -3rem;*/
    position: relative;
    z-index: 1;
}
.result_section .search_result{
    display: inline-block;
    width: 100%;
    position: relative;
}
.result_section .search_result .btn_grey{
	border-radius: 2rem;
    padding: .5rem 1rem;
    background: #808080;
    color: #ffffff;
    vertical-align: -webkit-baseline-middle;
}
.result_section .search_result li{
    color: #154473;
    font-size: 1.25rem;
    font-weight: 600;
}
.result_section .search_result li a{
    background: #DFE7F7;
    border-radius: 2rem;
    padding: .5rem 1rem;
    font-size: 0.95rem;
    color: #333333;
    font-weight: 400;
    display: inline-block;
}
.result_section .search_result li a img{
    margin: 0 .35rem;
    width: 1.5rem;
}
.result_section .search_result .btn_yellow{
    background: #084f6f;
    color: white;
    display: inline-block;
    border-radius: 3rem;
    padding: .5rem 1.25rem;
    text-transform: uppercase;
    font-size: 0.9rem;
    font-weight: 600;
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    -ms-transition: all ease .4s;
    -o-transition: all ease .4s;
}
.result_section .search_result .btn_yellow:hover,.result_section .search_result .btn_yellow:focus{
    background: #c9960c;
}
.result_section .search_product {
    display: inline-block;
    width: 100%;
    position: relative;
}
.result_section .search_product .heading{
    color: #154473;
    font-size: 1.2rem;
    font-weight: 600;
    margin-top: 3rem;
    margin-bottom: .5rem;
}
.result_section .search_product .heading img{
    width: 3rem;
    margin: 0 .5rem;
}
.result_section .search_product .search_date{
    display: inline-block;
    width: 100%;
    position: relative;
    margin-bottom: 1.5rem;
    margin-top: .5rem;
}
.search_product .search_date .date_row{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*margin-right: -.5rem;
    margin-left: -.5rem;*/
}
.search_product .search_date .date_col{
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
    /* changed 14-9-2021 padding-left: .5rem;
    padding-right: .5rem;*/
    position: relative;
}
.search_product .search_date .date_col a{
    display: inline-block;
    width: 100%;
    position: relative;
    padding: .25rem .25rem;
    border-radius: 1rem;
    color: #31abdf;
    font-weight: 600;
    font-size: .9rem;
    line-height: 1;
    text-align: center;
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    -ms-transition: all ease .4s;
    -o-transition: all ease .4s;
}
.search_product .search_date .date_col a .no{
    display: inline-block;
    font-size: 1.6rem;
    margin-right: .25rem;
    font-weight: 400;
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    -ms-transition: all ease .4s;
    -o-transition: all ease .4s;
}
.search_product .search_date .date_col a .day{
    display: inline-block;
}
.search_product .search_date .date_col a .day span{
    color: #3E3F3F;
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    -ms-transition: all ease .4s;
    -o-transition: all ease .4s;
}
.search_product .search_date .date_col a:hover,.search_product .search_date .date_col a:focus{
    background: #084f6f;
    color: white !important;
}
.search_product .search_date .date_col a:hover .no,.search_product .search_date .date_col a:focus .no{
    color: white!important;
}
.search_product .search_date .date_col a:hover .day span,.search_product .search_date .date_col a:focus .day span{
    color: white;
}
.search_product .search_date .date_col a.active{
    background: #084f6f;
    color: white;
}
.search_product .search_date .date_col a.active .no{
    color: white;
}
.search_product .search_date .date_col a.active .day span{
    color: white;
}
.search_product .search_date .date_col a.selected{
    background: #084f6f;
    color: white;
}
.search_product .search_date .date_col a.selected .no{
    color: white;
}
.search_product .search_date .date_col a.selected .day span{
    color: white;
}
.search_product .product_box{
    display: inline-block;
    width: 100%;
    position: relative;
    background: #FFFFFF;
    padding: 1.25rem 1.25rem 0 1.25rem;
    border-radius: .5rem;
    box-shadow: 0rem .5rem 1rem #0000001c;
    margin-bottom: 4rem;
}
.search_product .product_box .logo_box{
    display: inline-block;
    width: 100%;
    position: relative;
}
.search_product .product_box .logo_box img{
    /*width: 50%;
    max-width: 125px;
    padding-right: .75rem;
    display: inline-block;
    float: left;
    margin-top:-8px;*/
}
.search_product .product_box .logo_box span{
    /*width: 50%;*/
    width: 100%;
    display: flex;
    float: none;
    color: #192E59;
    font-size: 1rem;
    font-weight: 600;
    /*margin-left: 28px;*/
    /*margin-top: -1rem;*/
    text-align: center;
}
.search_product .product_box .delivery{
    display: inline-block;
    width: 100%;
    position: relative;
    padding-top: 0.5rem;
}
.search_product .product_box .delivery .time{
    color: #084f86;
    font-size: 1.1rem;
    font-weight: 600;
    display: inline-block;
    /*width: auto;*/
    float: left;
    line-height: 1;
    /*min-width: 12%;
    max-width: 80%;*/
}
.search_product .product_box .delivery .time span{
    font-size: 1rem;
    font-weight: 400;
	color: #084f86;
}
.search_product .product_box .delivery .distance{
    display: inline-block;
    min-width: 30%;
    float: left;
    padding: 0 .05rem;
    padding-right: .7rem;
    padding-left: .7rem;
    color: #084f86;
    font-size: 1rem;
    text-align: center;
    line-height: 1;
    padding-top: .5rem;
}
.search_product .product_box .delivery .distance img{
    /*width: 100%;*/
}
.search_product .product_box .price{
    display: inline-block;
    width: 100%;
    position: relative;
    color: #31abdf;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1;
    text-align: right;
    /*padding-top: .75rem*/
}
.search_product .product_box .tags{
    margin-top: .75rem;
    margin-bottom: 1rem;
}
.search_product .product_box .tags li{
    position: relative;
    /*background: #EEF4F7;*/
    padding: .25rem .1rem;
    border-radius: 2rem;
    font-size: 1rem;
    color: #333333;
}
.search_product .product_box .tags li span{
    width: 1rem;
    height: 1rem;
    justify-content: center;
    display: flex;
    align-items: center;
    float: left;
    border-radius: 50%;
    color: white;
    font-size: 0.5rem;
    margin-right: .5rem;
    margin-top: .15rem;
}
.search_product .product_box .tags li span.green{
    background: #33CC00;
}
.search_product .product_box .tags li span.red{
    background: #FF0303;
}
.search_product .product_box .tags li span.grey{
    background: #C0C0C0;
}
.search_product .product_box .tags li span .fa.fa-circle{
	color: #C0C0C0;
}
.search_product .product_box .option li{
    margin-right: 1rem;
}
.search_product .product_box .option li select.form-control{
    padding: 0 .5rem;
    padding-right: 1rem;
    border: 0;
    color: #666666;
    font-size: 0.9rem;
    -webkit-appearance: none;
    appearance: none;
    background: url(../images/arrow1.png), white;
    background-position: 98%;
    background-repeat: no-repeat;
    background-size: .75rem;
}
.search_product .product_box .btn_blue{
    bottom: .9rem;
    background: #31abdf;
    color: white;
    display: inline-block;
    border-radius: 3rem;
    padding: .35rem 1.5rem;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 400;
    position: absolute;
    right: .5rem;
    bottom: 3rem;
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    -ms-transition: all ease .4s;
    -o-transition: all ease .4s;
}
.search_product .product_box .btn_blue:hover,.search_product .product_box .btn_blue:focus{
    background: #084f6f;
    cursor:pointer;
}
.search_product .product_box .grey_box{
    position: absolute;
    left: 0;
    top: -1.5rem;
    display: inline-block;
    width: 100%;
    background: #f7f6f2;
    padding: .25rem .5rem;
    text-align: center;
    color: #64a745;
    font-size: 0.9rem;
    font-weight: 600;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
}
.search_product .product_box .red_box {
    position: absolute;
    left: 0;
    top: -1.5rem;
    display: inline-block;
    width: 100%;
    background: #f7f6f2;
    padding: .25rem .5rem;
    text-align: center;
    color: #E91E63;
    font-size: 0.9rem;
    font-weight: 600;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
}
.search_product .product_box .fastest_box{
    position:relative;
    /*position: absolute;
    left: 0;
    top: -1.5rem;
    top: 2rem;*/
    display: flex; /*inline-block;*/
    width: 100%;
    /*background: #f7f6f2;
    padding: 0.5rem 0;
    /*text-align: center;*/
    text-align:right;
    color: #64a745;
    font-size: 1rem;
    font-weight: 600;
    /*background: #35ace229;
    /*border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;*/
}
.search_product .product_box .gold_box{
    position: absolute;
    left: 0;
    bottom: -1.5rem;
    display: inline-block;
    width: 100%;
    background: #FFF8E5;
    padding: .25rem .5rem;
    text-align: center;
    color: #084f6f;
    font-size: 0.9rem;
    font-weight: 600;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
}
.search_product .product_box .fastest{
    position: absolute;
    right: 0;
    top: .35rem;
    display: inline-block;
    width: 28%;
    /*background: #EAF7FC;*/
    padding: .15rem .5rem .15rem 3.5rem;
    text-align: center;
    color: #64a745;
    font-size: 1rem;
    font-weight: 600;
}
.route_section{
    position: relative;
    padding-bottom: 4rem;
    padding-top: 2rem;
    background-color:#ffffff;
}
.route_section .heading{
    color: #273B63;
    font-size: 2rem;
    text-transform: uppercase;
    margin-top: 2rem;
    margin-bottom: .5rem;

    /* ker change */
    display: none;
}
.route_section .heading_sm{
    color: #084f6f;/*#31abdf;*/
    text-transform: uppercase;
    font-size: 0.9rem;
    margin-bottom: .75rem;
}
.route_section .heading_sm i{
    margin: 0 .25rem;
}
.route_section .heading_sm span{
    color: #084f6f;
}
.route_section .route_box{
    display: inline-block;
    width: 100%;
    position: relative;
    padding: .5rem 1.25rem;
    border-radius: .5rem;
}
.route_section .route_box.blue{
    background: #31abdf;
}
.route_section .route_box.grey{
    background: #EEF4F7;
}
.route_section .route_box .date{
    color: #ffffff;
    font-weight: 600;
    font-size: 0.9rem;
    text-transform: uppercase;
    margin-bottom: .5rem;
}

#return_price_table .route_box .date, #return_price_table .route_box .delivery .distance, #return_price_table .route_box .delivery .time, #return_price_table .route_box .product .ticket{
    color: #084f6f;
}
.route_section .route_box .delivery {
    display: inline-block;
    width: 100%;
    position: relative;
}
.route_section .route_box .delivery .time{
    color: #31abdf;
    font-size: 1rem;
    font-weight: 600;
    display: inline-block;
    width: 27.5%;
    float: left;
    line-height: 1;
}
.route_section .route_box.blue .delivery .time{
    color: white;
}
.route_section .route_box .delivery .time span{
    font-size: 0.8rem;
    font-weight: 400;
}
.route_section .route_box .delivery .distance{
    display: inline-block;
    width: 45%;
    text-align:center;
    float: left;
    padding: 0 .05rem;
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1;
    padding-top: .5rem;
}
.route_section .route_box .product{
    display: inline-block;
    width: 100%;
    position: relative;
    margin-top: .5rem;
}
.route_section .route_box .product img{
    /*width: 2rem;*/
    width:25%;
    display: inline-block;
    margin-right: .5rem; 
}
.route_section .route_box .product .ticket{
    color: #31abdf;
    font-size: 0.9rem;
    display: inline-block;
}
.route_section .route_box.blue .product .ticket{
    color: white;
}
.route_section .route_box .product .ticket span{
    width: .75rem;
    height: .75rem;
    justify-content: center;
    display: flex;
    align-items: center;
    float: left;
    border-radius: 50%;
    color: white;
    font-size: 0.5rem;
    margin-right: .25rem;
    margin-top: .25rem;
    background: #31abdf;
}
.route_section .route_box.blue .product .ticket span{
    background-color: white;
    color: #31abdf;
}
.route_section .route_box .product .ticket span.grey{
    color: #C0C0C0;
    background-color: #C0C0C0;
}
.route_section .price_box{
    cursor:pointer;
    /*background: url(../images/bg1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 1.75rem 1.5rem;
    padding-right: 3rem;
    position: relative;*/
}
.route_section .price_box .price{
    color: white;
    font-size: 3rem;
    font-weight: 600;
    /*line-height: 1;*/
}
.route_section .price_box .fee{
    color: white;
    font-size: 0.9rem;
}
.route_section .price_box .fee span{
    color: #1B2F58;
    font-weight: 600;
}
footer {
    background: #192E59;
    padding: 1rem 0;
    padding-top: 2.5rem;
    position: relative;
}
footer .logo{
    width: 12rem;
    height: auto;
}
footer ul{
    text-align: right;
}
footer ul li img{
    width: 4rem;
}
footer ul li:first-child img{
    width: 3.25rem;
}
footer hr{
    border-top: 0.1rem solid white;
    margin: 2rem 0;
    margin-bottom: 1rem;
}
footer p{
    text-align: center;
    color: white;
}

div.drop_1::-webkit-scrollbar {
    width: .25rem;
}
div.drop_1::-webkit-scrollbar-track {
    background: #F5F8FB;
}
div.drop_1::-webkit-scrollbar-thumb {
    background: #27A6E0;
}


.filter-inner .dropdown_box{
    position: relative;
}

.filter-inner .dropdown_box .dropdown_menu{
    background: white;
    position: absolute;
    left: 0;
    top: 2.5rem;
    width: 20rem;
    padding: .5rem 1.5rem;
    box-shadow: 0rem 0.5rem 1rem #0000001c;
    border-radius: .5rem;
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    -ms-transition: all ease .4s;
    -o-transition: all ease .4s;
    visibility: hidden;
    opacity: 0;
    display: none;
    z-index: 99;
}
.filter-inner .dropdown_box .dropdown_menu.pets{
    left: -10rem;
}
.filter-inner .dropdown_box .dropdown_menu.active{
    visibility: visible;
    opacity: 1;
    display: inline-block;
}

.filter-inner .dropdown_box .dropdown_menu .place{
    display: inline-block;
    width: 100%;
    padding: .25rem 0;
}
.filter-inner .dropdown_box .dropdown_menu .place .city{
    color: #455474;
    font-weight: 600;
    font-size: 0.95rem;
    display: inline-block;
    width: 50%;
    float: left;
}
.filter-inner .dropdown_box .dropdown_menu .place .state{
    color: #455474;
    font-weight: 400;
    font-size: 0.85rem;
    display: inline-block;
    width: 50%;
    text-align: right;
}
.filter-inner .dropdown_box .dropdown_menu .drop_1{
    height: 20rem;
    overflow-y: scroll;
    width: 100%;
    padding-right: 1rem;
}
.filter-inner .dropdown_box .dropdown_menu_sm{
    padding: 1.5rem;
}
.filter-inner .dropdown_box .dropdown_menu .m_row{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.filter-inner .dropdown_box .dropdown_menu .heading{
    color: #455678;
    font-weight: 600;
    font-size: 1rem;
    line-height:1;
}
.filter-inner .dropdown_box .dropdown_menu .heading span{
    font-size: 0.8rem;
    font-weight: 400;
}
.filter-inner .dropdown_box .dropdown_menu .btn{
    border: 0.1rem solid #31abdf;
    border-radius: 50%;
    color: #31abdf;
    font-size: 0.9rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    -ms-transition: all ease .4s;
    -o-transition: all ease .4s;
}
.filter-inner .dropdown_box .dropdown_menu .btn:hover,.filter-inner .dropdown_box .dropdown_menu .btn:focus{
    border: 0.1rem solid #084f6f;
    color: #084f6f;
}
.filter-inner .dropdown_box .dropdown_menu .input-number{
    border: 0;
    text-align: center;
    padding: .25rem;
    font-size: 1.25rem;
    height: 2rem;
    background: transparent;
}
.filter-inner .dropdown_box .dropdown_menu .info{
    display: inline-block;
    width: 100%;
    position: relative;
    color: #949494;
    font-size: 0.85rem;
    font-weight: 600;
    margin-top: 1rem;
}
.filter-inner .dropdown_box .dropdown_menu .info span{
    background: #2AA8E0;
    width: 1.1rem;
    height: 1.1rem;
    display: inline-block;
    text-align: center;
    color: white;
    border-radius: 50%;
    margin-right: .25rem;
}
.filter-inner .dropdown_box .dropdown_menu .info a{
    color: #30AAE1;
    font-size: 0.85rem;
    display: inline-block;
    border-bottom: 0.1rem dotted #30AAE1;
}
.daterangepicker{
    border: 0;
    border-radius: .5rem;
    padding: 1rem 1.5rem;
    box-shadow: 0rem 0.5rem 1rem #0000001c;
    font-family: 'Open Sans', sans-serif;
}
.daterangepicker .calendar-table .next, .daterangepicker .calendar-table .prev{
    width: 2rem;
    height: 2rem;
    vertical-align: bottom;
    background: white !important;
}
.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span{
    border: solid #31abdf;
    border-width: 0 2px 2px 0;
    padding: .45rem
}
.daterangepicker th.month{
    color: #435476;
    font-size: 1.25rem;
}
.daterangepicker .calendar-table thead tr:nth-child(2) th{
    background: #DFE7F7;
    border-radius: 0;
    color: #2B2B2A;
    font-size: .75rem;
    text-transform: uppercase
}
.daterangepicker .calendar-table thead tr:nth-child(2) th:first-child{
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}
.daterangepicker .calendar-table thead tr:nth-child(2) th:last-child{
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}
.daterangepicker td{
    font-size: 0.85rem;
    /*border-radius: 50% !important;*/
    padding: .25rem .15rem;
}
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date{
    color: #C8C8C8;
}
.daterangepicker td.start-date.end-date{
    background: #2CA8E1;
    /*border-radius: 50%;*/
}
.daterangepicker .drp-selected{
    border-radius: .25rem;
    border: 0.1rem solid #dadcde;
    padding: .75rem 1rem;
    color: #556280;
    font-weight: 600;
    font-size: 0.9rem;
    float: left;
}
.daterangepicker .drp-buttons .btn{
    background: #31abdf;
    border: 0;
    border-radius: 4rem;
    padding: .5rem 1.5rem;
    font-size: 0.95rem;
    text-transform: uppercase;
}
.daterangepicker .drp-buttons .btn.cancelBtn{
    display: none;
}
.daterangepicker.show-calendar .drp-buttons{
    padding: 0;
    border: 0;
}
.filter-col .addMore,.filter-col .removeMore{
    color: #00AEEE;
    font-size: .9rem;
    font-weight: 700;
    margin-top: .7rem;
    line-height: 1;
    border-bottom: 0.1rem dotted #00AEEE;
    cursor: pointer;
}
.filter-col .removeMore{
    border:none;
    margin-top: 0.2rem;
}
.filter-col .addMore:hover,.filter-col .addMore:focus,.filter-col .removeMore:hover,.filter-col .removeMore:focus{
	/*color: #084f6f;*/
	border-bottom: 0.1rem dotted #084f6f;
	transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    -ms-transition: all ease .4s;
    -o-transition: all ease .4s;
}
.filter-col .removeMore:hover,.filter-col .removeMore:focus{
    border:none;
}
.steps-col ul li svg{
    width: 2rem;
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    -ms-transition: all ease .4s;
    -o-transition: all ease .4s;
}
.steps-col ul li svg path{
    fill: #999999;
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    -ms-transition: all ease .4s;
    -o-transition: all ease .4s;
}
.steps-col ul li:hover svg,.steps-col ul li:focus svg{
    fill: #084f6f;
}
.steps-col ul li:hover svg path,.steps-col ul li:focus svg path{
    fill: #084f6f;
}
.filter-inner svg {
    width: .8rem;
    position: absolute;
    left: 0.75rem;
    top: .85rem;
}
.filter-colinner svg {
    width: .8rem;
    left: .6rem;
    top: .85rem;
    z-index:1;
}
.filter-colinner .dropdown_box:nth-child(3) svg {
    left: 1rem;
}
.filter-inner svg.one_five {
    width: 1.2rem;
    top: .87rem;
    z-index:1;
}
.filter-inner svg.active path{
    fill: #084f6f;
}
.filter-colinner2 .dropdown_box svg {
    height: 1rem;
}
.addmore-col{
margin-top: 1rem;
display: none !important;
}

.addmore-col.active{
    display: -ms-flexbox!important;
    display: flex!important;
}

.addmore-col .filter-colinner1 > div{
width: 100%;
}
.addmore-col .filter-colinner1 > div input{
    border: 1px solid #eef4f7;
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}
.nav-tabs{
	border:none;
}
.nav-tavs li{
	background: #f7f6f2;
}
.nav-tabs li a{
	color: #084f86;
}

.extras{
    background-color: #f7f6f2;
    border-right: 1px solid #c0c0c0;
    padding: 10px;
    text-align: center;
}
.extras a{
    color:#084f86;
}
.extras:nth-child(3){
    border:none;
}

.spinner div {
    width: 20px;
    height: 20px;
    position: absolute;
    left: -20px;
    top: 20px;
    background-color: #31abdf;
    border-radius: 50%;
    animation: move_spinner 6s infinite cubic-bezier(.2,.64,.81,.23);
}

.spinner{height:30px;position:relative;}
.spinner div:nth-child(2) {
    animation-delay: 150ms;
}
.spinner div:nth-child(3) {
    animation-delay: 300ms;
}
.spinner div:nth-child(4) {
    animation-delay: 450ms;
}
@keyframes move_spinner {
    0% {left: 0%;}
    75% {left:100%;}
    100% {left:100%;}
}

.alert.alert-danger{
    /*margin:0px;
    padding: 1rem 1.25rem 0;
    font-size: 1rem;*/
}

.selectedActive{
    background-color:#084f6f !important;
}
.selectedInactive{
    background-color:#084f6f;
}

.tripsTotals,.tripsContinue{
   display:none;
}

.disabled, .not-available{
    opacity: 0.5;
    pointer-events: none;
}

#search-routes{display:none;}

.drp-calendar.left th.next.available{
    /*display:none;*/
}

.display-important{
    display:block !important;
}

.daterangepicker .drp-buttons .custom-status{
    display: inline-block;
    float:left;
}

.daterangepicker .drp-buttons .custom-status span{
    padding: 1rem;
    font-size:1rem;
}

.daterangepicker .drp-buttons .custom-status span i.grey{
    color:#ababab;
}
.daterangepicker .drp-buttons .custom-status span i.red{
    color:#ff4f99;
}
.daterangepicker .drp-buttons .custom-status span i.yellow{
    color:#ffe193;
}

.grey-date{
   background:#ababab !important;
    color:#e4e4e4 !important;
}
.red-date{
    background:#ffecec !important;
    color:red !important;
}
.yellow-date{
    background:#ffe193 !important;
    color:orange !important;
}

.daterangepicker h5{
    text-align: center;
}

.info-fields{
    display:none;
}
.required-field{
    border: 3px solid #e26a6a !important;
}


/* custom style for port selection*/
.select-ports {
    width: 100% !important;
    font-size: 1rem;
    height: 2.8rem;
    border: 1px solid #eef4f7;
    border-radius: .25rem;
    /*padding-left: 1.49rem;*/
}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle{
    background-color:#ffffff;
    border-color:#ffffff;
}
.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover{
    /*color:#000;*/
    font-size: 1rem;
    background:#fff;
    border-left: none;
    font-weight: 600;
    outline: 0 !important;
    outline-offset: 0 !important;
    line-height:1.6;
    box-shadow:  0 0 0 0rem rgba(255,255,255,1);
}
.btn-light {
    color: #000000;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}
.btn-light.focus, .btn-light:focus {
    color: #000000;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    box-shadow: 0 0 0 0rem rgba(255,255,255,1);
}
.btn-light:hover{
    background-color:#fff;
    border-color:#fff;
}
button.btn.dropdown-toggle.btn-light{
    line-height:none;
}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle{
    outline:none !important;
}
.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus{
    box-shadow: 0 0 0 0rem rgba(255,255,255,1);
}

.form-control:focus{
    box-shadow: 0 0 0 0.1rem rgba(0,123,255,.25);
    border: 1px solid #eef4f7 !important;
}
/* select port */
div#bs-select-1,div#bs-select-2,div#bs-select-3,div#bs-select-4,div#bs-select-5,div#bs-select-6,div#bs-select-7,div#bs-select-8,div#bs-select-9,div#bs-select-10,div#bs-select-11,div#bs-select-12,div#bs-select-13,div#bs-select-14,div#bs-select-15,div#bs-select-16,div#bs-select-17,div#bs-select-18,div#bs-select-19,div#bs-select-20{
    /*max-height:280px !important;*/
    overflow-x: hidden;
    scrollbar-color: #27A6E0 #F5F8FB;
    scrollbar-width: thin !important;
}
/* scrollbar color size*/
div#bs-select-1::-webkit-scrollbar,div#bs-select-2::-webkit-scrollbar,div#bs-select-3::-webkit-scrollbar,div#bs-select-4::-webkit-scrollbar,div#bs-select-5::-webkit-scrollbar,div#bs-select-6::-webkit-scrollbar,div#bs-select-7::-webkit-scrollbar,div#bs-select-8::-webkit-scrollbar,div#bs-select-9::-webkit-scrollbar,div#bs-select-10::-webkit-scrollbar,div#bs-select-11::-webkit-scrollbar,div#bs-select-12::-webkit-scrollbar,div#bs-select-13::-webkit-scrollbar,div#bs-select-14::-webkit-scrollbar,div#bs-select-15::-webkit-scrollbar,div#bs-select-16::-webkit-scrollbar,div#bs-select-17::-webkit-scrollbar,div#bs-select-18::-webkit-scrollbar,div#bs-select-19::-webkit-scrollbar,div#bs-select-20::-webkit-scrollbar {
    width: .35rem;
}

div#bs-select-1::-webkit-scrollbar-thumb,
div#bs-select-2::-webkit-scrollbar-thumb,
div#bs-select-3::-webkit-scrollbar-thumb,
div#bs-select-4::-webkit-scrollbar-thumb,
div#bs-select-5::-webkit-scrollbar-thumb,
div#bs-select-6::-webkit-scrollbar-thumb,
div#bs-select-7::-webkit-scrollbar-thumb,
div#bs-select-8::-webkit-scrollbar-thumb,
div#bs-select-9::-webkit-scrollbar-thumb,
div#bs-select-10::-webkit-scrollbar-thumb,
div#bs-select-11::-webkit-scrollbar-thumb,
div#bs-select-12::-webkit-scrollbar-thumb,
div#bs-select-13::-webkit-scrollbar-thumb,
div#bs-select-14::-webkit-scrollbar-thumb,
div#bs-select-15::-webkit-scrollbar-thumb,
div#bs-select-16::-webkit-scrollbar-thumb,
div#bs-select-17::-webkit-scrollbar-thumb,
div#bs-select-18::-webkit-scrollbar-thumb,
div#bs-select-19::-webkit-scrollbar-thumb,
div#bs-select-20::-webkit-scrollbar-thumb {
    background: #27A6E0;
}

div#bs-select-1::-webkit-scrollbar-track,
div#bs-select-2::-webkit-scrollbar-track,
div#bs-select-3::-webkit-scrollbar-track,
div#bs-select-4::-webkit-scrollbar-track,
div#bs-select-5::-webkit-scrollbar-track,
div#bs-select-6::-webkit-scrollbar-track,
div#bs-select-7::-webkit-scrollbar-track,
div#bs-select-8::-webkit-scrollbar-track,
div#bs-select-9::-webkit-scrollbar-track,
div#bs-select-10::-webkit-scrollbar-track,
div#bs-select-11::-webkit-scrollbar-track,
div#bs-select-12::-webkit-scrollbar-track,
div#bs-select-13::-webkit-scrollbar-track,
div#bs-select-14::-webkit-scrollbar-track,
div#bs-select-15::-webkit-scrollbar-track,
div#bs-select-16::-webkit-scrollbar-track,
div#bs-select-17::-webkit-scrollbar-track,
div#bs-select-18::-webkit-scrollbar-track,
div#bs-select-19::-webkit-scrollbar-track,
div#bs-select-20::-webkit-scrollbar-track{
    background: #F5F8FB;
}

.bootstrap-select .dropdown-menu li small.text-muted{
    position:absolute;
    right:10px;
}

.dropdown-item.port{
    min-width: 340px;
}


.dropdown-toggle::after{
    display:none;
}

/*
#from + .btn.dropdown-toggle.btn-light{
    padding-left:5px;
}

#to + .btn.dropdown-toggle.btn-light{
    padding-left:15px;
}

#from1 + .btn.dropdown-toggle.btn-light{
    padding-left:5px;
}

#to1 + .btn.dropdown-toggle.btn-light{
    padding-left:15px;
}

#from2 + .btn.dropdown-toggle.btn-light{
    padding-left:5px;
}

#to2 + .btn.dropdown-toggle.btn-light{
    padding-left:15px;
}

#from3 + .btn.dropdown-toggle.btn-light{
    padding-left:5px;
}

#to3 + .btn.dropdown-toggle.btn-light{
    padding-left:15px;
}

#from4 + .btn.dropdown-toggle.btn-light{
    padding-left:5px;
}

#to4 + .btn.dropdown-toggle.btn-light{
    padding-left:15px;
}*/

.revert-ports, .departDate, .returnDate, .drop-input, .clickable{
    cursor:pointer;
}

.padding_dropdown_box1{
    /*padding: 0px 10px 0 0px;*/
}
.padding_dropdown_box2{
    /*padding: 0px 0 0 10px;*/
}

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

.return-close, .port-close{
    position: absolute;
    right: 0px;
    font-size:1.6rem;
    top:0px;
}

.port-close{
    right:15px;
}

a.selectsMobile {
    border: 1px solid #eef4f7;
    border-radius: .3rem;
    height:2.8rem;
    line-height: 2;
}

a.selectsMobile::after {
    border-bottom: 3px solid #2196f3;
    border-right: 3px solid #2196f3;
    height: 12px;
    margin-top: -4px;
    right: 12px;
    top: 45%;
    width: 12px;
    right: 20px;
}

.truncate {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.passengersBox, .vehiclesBox, .petsBox{
    cursor: pointer;
}

svg {pointer-events: none;}

.tripsNextStep{
    /*background-color:#fdb901;*/
}

input[type=search]{
    height:2rem !important;
}

.footer-price{
    position:absolute;
    color:#fff;
    bottom:10px;
    right:0px;
    font-size: 1.1rem;
    font-weight: 600;
}
.fprice-return{
    color:#084f6f;
}

.tripSpan{
    font-size:1.1rem;
    font-weight: 600;
}

/*remove pets*/
.petsBox svg, .petsBox input{
    display:none;
}
.filter-colinner2 div:nth-child(2) input{
    border-right: 1px solid #eef4f7;
}

@media (min-width: 767px) and (max-width: 992px){ /* ker new change 29-10-2021 */

    .addmore-col.active{
        /*display: -ms-flexbox!important;*/
        display: block!important;
    }
}

@media (max-width: 992px){
    /* fix for dropdown on select ports */

    .dropdown.bootstrap-select.show-menu-arrow.select-ports.select-ports-mobile.show .inner.show {
        max-height: 428px!important;
    }

    .modal>div>div>div.modal-body>div>div{

        max-height: 482px!important;
    }

    span.date_from , span.date_to{

        color: #dfe7f7;
    }
    .from_to,.title_recent{

        color:white!important;
        font-weight: 800!important;
    }

    .border_right{

        display: none!important;
    }

}


.from_to{

    color:#15688c;
}
.title_recent{

    font-size: .9rem;
}
.first_search,.second_search,.third_search,.fourth_search{

    border-bottom: 1px dashed #33ade3;
    font-size: .87rem!important;
}

.border_right{
    border-right: 1px solid #eef4f7;
    width: 12px;
    height: 20px;
    margin-right: 1rem;
    margin-top: 0.5rem;
}

.current_search > a{

    color: black!important;
}