@font-face {
    font-family: 'Roboto-Regular';
    src: url('https://alsafeerholidays.com/Css/ATQ/fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'Roboto-Bold';
    src: url('https://alsafeerholidays.com/Css/ATQ/fonts/Roboto-Bold.ttf') format('truetype');
}
header {
    font-family: Roboto-Bold;
}
body {
     /* font-family: 'Roboto-Regular';*/
      font-family:Roboto-Bold;
    color: #000000;
    font-size: 14px;
    background: #fff;
    font-weight: 500 !important;
}
#header {
    position: relative;
    z-index: 990;
    background: #007AFF !important;
    background-image: url(/atq/p/b2b/images/s.png) !important;
    background-repeat: no-repeat !important;
    /* background-size: 137px 206px !important;
    background-position: 1288px -4px !important;*/
    background-position: right !important;
    /* background-image: url(/Images/SH/s.png)*/
}
.agency-wrapper li span{
    color:#fff;
}
.button-checkbox a.btn:before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background: #fff;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.button-checkbox a.btn:before {
    border: 2px solid #007aff !important;
}
.search-tab-content .btn-group .btn {
    cursor: pointer;
    /* font-family: 'exo'; */
    font-size: 15px;
    font-weight: 700;
}
.button-checkbox .btn-group a {
    padding-left: 27px;
    font-size: 15px;
    font-weight: normal;
    vertical-align: middle;
    margin-bottom: 0px;
}
.button-checkbox .btn-group .btn.active{
    box-shadow:none !important;
}
.button-checkbox .btn-group a {
    color: #000000;
}
header .container{
    display:block;
}

ul {
    margin: 0;
    padding: 0;
}
.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}
.mrgn-top-25 {
    margin-top: 25px;
}
.agency-wrapper > li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 0 0 0 10px;
}
.navbar .nav a {
    font-size: 14px;
    padding: 8px 20px;
}
.nav > li {
    display: inline-block;
    float: left;
}
.nav > li {
    position: relative;
    display: block;
}
.navbar {
    margin-bottom: 0;
}
.header_bot {
    height: 40px;
    margin: 0;
}
#header .ribbon1 > a:after {
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 12px;
    content: "";
    font-family: FontAwesome;
}






nav {
    margin: 0px 0;
   /* background-color: #e64a19;*/
}

    nav ul {
        padding: 0;
        margin: 0;
        list-style: none;
        position: relative;
    }

        nav ul li {
            display: inline-block;
           
        }
            nav ul li ul li {
                background-color: #007AFF;
                border-bottom: 1px solid #fdd406!important;
            }

            nav a {
                display: block;
                padding: 0 10px;
                color: #fff;
                font-size: 20px;
                text-decoration: none;
            }

                nav a:hover {
                    background-color: #fdd30d;
                    text-decoration:none;
                    color:#000;
                }

    /* Hide Dropdowns by Default */
    nav ul ul {
        display: none;
        position: absolute;
        top: 35px; /* the height of the main nav */
    }

    /* Display Dropdowns on Hover */
    nav ul li:hover > ul {
        display: inherit;
    }

    /* Fisrt Tier Dropdown */
    nav ul ul li {
        width: 170px;
        float: none;
        display: list-item;
        position: relative;
    }

    /* Second, Third and more Tiers	*/
    nav ul ul ul li {
        position: relative;
        top: -60px;
      /*  left: 170px;*/
        right: 200px;
    }

/* Change this in order to change the Dropdown symbol */
li > a:after {
    display: inline-block;
    position: absolute;
    right: 3px;
    top: 9px;
    content: "";
    font-family: FontAwesome;
}

li > a:only-child:after {
    content: "";
}
.mr-100 {
    margin-right: 93px;
}
.pdl-0 {
    padding-left: 0 !important;
}
.pd-0{
    padding:0px;
}
.nav > li > a:focus, .nav > li > a:hover {
    background-color:unset;
}
.future-section {
    background: #fff;
    padding: 30px 0px 0px
}

.future-box {
    display: flex;
    margin-top: 15px;
    text-align: center;
}

.future-icon {
     width: 70px;
    margin-bottom: 10px;
}
    .future-icon i {
        font-size: 30px;
        color: #007AFF;
    }
    .future-text h4 {
        color: #000;
        /*font-size: 15px;*/
        font-size: 24px;
        margin-bottom: 2px
    }
.future-text h5 {
    color: #000;
    /*font-size: 15px;*/
    font-size: 16px;
    margin-bottom: 2px;
    margin-top:0px;

}

.future-text p {
    font-size: 13px;
  
}
.white{
    color:#fff;
}
.home-searchbutton .fa-search {
    margin-left: 8px;
}
.search-btn {
    color: #000;
    background: #fdd406;
    border: 2px solid #fdd406;
    border-radius: 6px;
    height: 40px;
    outline: none !important;
    font-size: 14px;
    line-height: 26px;
}
.search-btn .fa-search {
    margin-left: 8px;
}
.trip-type-tabs a.btn {
    color: #007AFF !important;
    font-weight: normal !important;
}
.mrkpstop {
    color: #007AFF !important;
}
.breadcrumb-section {
    background-color: #f5f5f5;
    padding: 8px 15px;
}
 .breadcrumb-section .breadcrumblist ol {
        padding: 0px 15px;
        margin-bottom: 0px;
        list-style: none;
    }
    .breadcrumb-section .breadcrumblist ol li {
        display: inline-block;
        padding: 3px 0px;
    }
        .breadcrumb-section .breadcrumblist ol li a {
            color: #817f7f;
            cursor: auto;
        }
    .breadcrumb-section .breadcrumblist li.active {
        color: #007AFF;
    }
.sec-searchmodify {
    background: #fff;
    padding: 8px 15px;
}
        .sec-searchmodify button {
            border-radius: 6px;
            height: 42px;
            outline: none !important;
            font-size: 14px;
            color: #000;
            background: #fdd406;
            border: 2px solid #fdd406;
        }
    .sec-searchmodify .swap-wrapper {
        border: 1px solid #bbbbbb;
        border-radius: 100%;
        height: 34px;
        width: 34px;
        text-align: center;
        background: #000;
        padding: 5px;
        position: absolute;
        top: 50%;
        right: -32px;
        z-index: 1;
        transform: translateY(-50%);
    }
    .mb-5{
        margin-bottom:5px!important;
    }

section#content {
    text-align: left;
  /*  background: #f5f5f5;*/
    min-height: 200px;
    overflow: visible;
    padding: 0;
    position: relative;
    z-index:1;
}

/* flight result css start*/



section#content {
    text-align: left;
   /* background: #f5f5f5;*/
    min-height: 200px;
    overflow: visible;
    padding: 0;
    position: relative;
}

#main-1{
    padding-top:20px;
}

.toggle-container {
    background: #fff;
    border-radius:8px;
}

    .toggle-container .filter-wrapper {
        margin-top: 10px;
        border-radius:8px;
    }

.filter-wrapper {
    border: 1px solid #d6d6d6;
    margin-bottom: 20px;
    background:#fff;
}

.toggle-container .panel {
    margin-bottom: 0;
    box-shadow: none;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    -ms-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    border: none;
    border-bottom: 2px solid #f5f5f5;
    position: relative;
}

    .toggle-container .panel:last-child {
        border: none;
    }

    .toggle-container .panel .panel-title {
        padding: 0;
        /*color: #000000;*/
        font-size: 16px;
        position: relative;
        /* font-family: 'montserratmedium';*/
    }

        .toggle-container .panel .panel-title a {
            white-space: normal;
            display: block;
            padding: 8px 15px;
        }

    .toggle-container .panel h1.panel-title {
        font-size: 2em;
    }

    .toggle-container .panel h2.panel-title {
        font-size: 1.6667em;
    }

    .toggle-container .panel h3.panel-title {
        font-size: 1.5em;
    }

    .toggle-container .panel h5.panel-title {
        font-size: 1.1667em;
    }

    .toggle-container .panel h6.panel-title {
        font-size: 1em;
    }

    .toggle-container .panel.style1 .panel-title > a {
        line-height: 24px;
    }



    .toggle-container .panel.style1 .panel-content {
        padding: 10px 15px 15px 55px;
    }

    .toggle-container .panel.style1.arrow-right .panel-title {
        position: relative;
        /* margin:5px;*/
        margin: 0px;
    }
.filters-container.toggle-container .panel.style1 {
    border-radius:8px;
}

.toggle-container .panel.style1.arrow-right .panel-title > a {
    padding-right: 36px;
}

            .toggle-container .panel.style1.arrow-right .panel-title > a:before {
                float: none;
                position: absolute;
                right: 0;
                height: 16px;
                line-height: 17px;
                width: 16px;
                font-size: 9px;
                border: none;
                margin-top: -8px;
                top: 50%;
            }

    .toggle-container .panel.style1.arrow-right .panel-content {
        padding: 10px 15px;
    }

    .toggle-container .panel.style2 .panel-title {
        padding: 0;
    }

        .toggle-container .panel.style2 .panel-title > a {
            display: block;
            line-height: normal;
            padding: 15px 20px;
            color: #01b7f2;
        }

            .toggle-container .panel.style2 .panel-title > a.collapsed {
                color: inherit;
                position: relative;
            }

                .toggle-container .panel.style2 .panel-title > a.collapsed:hover {
                    color: #01b7f2;
                }

            .toggle-container .panel.style2 .panel-title > a:after {
                content: "\f068";
                font-family: FontAwesome;
                font-size: 10px;
                width: 30px;
                height: 30px;
                display: block;
                position: absolute;
                right: 15px;
                bottom: 0;
                color: #9e9e9e;
                background: #f5f5f5;
                text-align: center;
                line-height: 30px;
            }

            .toggle-container .panel.style2 .panel-title > a.collapsed:after {
                content: "\f067";
                color: #fff;
                background: #01b7f2;
            }

    .toggle-container .panel.style2 .panel-content {
        padding: 0 15px 30px 20px;
    }

.toggle-container.with-image > .image-container {
    background: #01b7f2;
}

    .toggle-container.with-image > .image-container > img {
        width: 100%;
        height: auto;
    }

.toggle-container.with-image .panel > img {
    display: none;
}

.toggle-container.with-image .panel-title > a {
    color: #01b7f2;
}

    .toggle-container.with-image .panel-title > a.collapsed {
        color: inherit;
    }

        .toggle-container.with-image .panel-title > a.collapsed:hover {
            color: #01b7f2;
        }

.sort-by-section.clearfix.search-details.fixresulttop {
    min-height: 54px;
}

.search-details {
    background: #e6e6e6 !important;
}

.sort-by-section li {
    float: left;
    padding: 3px 5px !important;
}

.search-criteria li {
    margin: 0 15px 0 0;
    text-align: left;
    color: #000000;
}

.sort-by-section {
   /* background: #fff;
    padding: 3px 9px;*/
    margin-bottom: 10px;
  /*  position: relative;*/
  background:none !important;
  min-height:35px;
}

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

.sort-by-section .sort-by-title {
    margin: -5px 20px 0 0;
    line-height: 34px;
    float: left;
    text-transform: capitalize;
}

.sort-by-title {
    font-size: 18px;
    font-weight: 500;
}

ul {
    list-style: none;
    margin: 0;
}

.padding-sm-all li {
    padding: 9px 5px !important;
}

.sort-by-section li {
    float: left;
}

.listing-style3 .box, .listing-style3.box {
    /*background: #fff;*/
    margin-bottom: 10px;
    border-radius: 14px;
    /* border-radius: 8px;*/
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, .2);
}

.listing-style3.hotel .details {
    padding: 15px 0 15px 10px;
}

.new-detail-box, article.resultBox.box, .flight-waiting .timeline-item.new-detail-box {
    border: 1px solid #d3d3d3;
    transition: all 0.3s ease-in-out;
    position: relative;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, .2);
}



    .activity-main-wrapper article.resultBox.box img {
        padding: 7px;
        width: 100%;
        margin: 0;
    }

#PackageMain article.resultBox.box img {
    padding: 7px;
    width: 100%;
    margin: 0;
}

.select_hotel {
    border-left: 1px dashed #d7d7d7;
    border-right:0px;
}

.price-wrapper-new-hotel {
    margin: 0px 8px;
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin: 0px;
    padding: 10px 0px;
}
    .price-wrapper-new-hotel p{
        margin-bottom:4px;
    }
    .new-detail-box-flex {
        display: flex;
    }

.listing-style3 .price-wrapper-new-hotel .price {
    text-align: center;
    font-size: 18px;
}

.listing-style3 .price {
    float: none;
    font-weight: bold;
}

.price {
    /* color: #7db921; */
    font-size: 1.4em;
}

.price {
    text-transform: uppercase;
    float: right;
    text-align: right;
    line-height: 1;
    display: block;
}
.checkbox-filters .btn {
    padding: 0px 4px;
    border-radius: 4px;
    margin: 2px 2px 5px 0;
    height: 20px;
}
.price small, .price-responsive small {
    /* display: block;*/
    display:inline-block;
    color: #838383;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 3px;
}

button.btn-small, input[type="button"].button.btn-small, a.button.btn-small {
    /* padding: 0 15px;*/
    padding: 0 25px;
    line-height: 38px;
    font-size: 14px;
    height: 38px;
    /* color: #fff !important;*/
}

.margin-right-7 {
    margin-right: 7px;
}

.include-box {
    border: 1px solid #cdcdcd;
    padding: 3px 5px;
    float: left;
    margin: 5px 5px 0px 0px;
    border-radius: 6px;
    font-size: 12px;
}

.box-title {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 18px;
    font-weight: bold;
}

ul.sort-bar {
    margin: 0px !important;
    padding: 0;
}

.sort-by-section .sort-bar .sort-by-container > span {
    padding: 0 15px;
    height: 32px;
    line-height: 32px;
   /* background: #e6e6e6;*/
    display: block;
    color: #0c0c0c;
    border-radius: 6px;
}

a {
    text-decoration: none !important;
}

.sort-by-section .sort-by-title-total {
    text-transform: capitalize;
    margin: 17px 0px 0px 0px;
    float: none;
    line-height: normal;
    font-weight: 700;
    font-size: 14px;
}

.panel-title-modify a.mod-panel {
    color: #fff !important;
}

button:hover, input[type="button"].button:hover, .btn-default:hover {
    border: 0px solid #007aff !important;
    background: #007aff !important;
    color: #fff !important;
}

.toggle-container .panel h4.panel-title a.clsFilters:after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    color: #000000;
    font-weight: 900;
}

rzslider {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 5px;
    /* margin: 21px 0 0px 0; */
    margin: 0px 0;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*details css start*/


#RoomMenu ul {
    height: 30px;
    padding: 6px 10px 3px 11px;
    text-align: center;
    width: 100%;
    border: 0px solid #f5f5f5;
    font-size: 14px;
    font-weight: bold;
}

    #RoomMenu ul li {
        display: inline-block;
    }

        #RoomMenu ul li a {
            padding: 7px;
        }

.border-b-pkg {
    border-bottom: 1px solid #e3e3e3 !important;
}

#main .tab-content {
    padding: 15px;
}

.tab-content.scroll_auto.margin-top-5 {
    border: none;
}

.tab-container .tab-content {
    background: #fff;
}

.tab-content {
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px 10px 10px 10px;
    height: auto !important;
}

.margin-top-5 {
    margin-top: 5px;
}

.padding-bottom-10 {
    padding-bottom: 10px !important;
}

.capitalize {
    text-transform: capitalize;
    word-break: break-all;
}

.txt-right {
    text-align: right;
}

.padding-bottom-10 {
    padding-bottom: 10px !important;
}

.box-title {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    font-weight: bold;
}

.price {
    font-size: 1.6667em;
    text-transform: uppercase;
    float: right;
    text-align: right;
    line-height: 1;
    display: block;
}

.price {
    /* color: #7db921; */
    font-size: 1.4em;
}

.box-title > span.price > small {
    display: inline-block;
    width: auto;
}

h2.box-title small {
    font-size: 14px;
}

.box-title small {
    font-size: 13px;
    color: #000;
    /*text-transform: uppercase;*/
    display: block;
    margin-top: 4px;
    margin-bottom: 5px;
}

/*.price small, .price-responsive small {
    display: block;
    color: #838383;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 3px;
}*/
p {
    font-family: Roboto-Regular !important;
    color: #817f7f;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0 0 15px;
    font-weight: normal;
    font-family:Roboto-Bold;
}

.room-price {
    margin-top: 0px;
    margin-bottom: 0px;
}

.cmn-t-underline {
    color: #838383;
}

.select-rooms {
    height: 40px !important;
    line-height: 40px !important;
    font-size: 14px;
    color: #fff !important;
}

a.button {
    display: inline-block;
    font-size: 14px;
    line-height: 1.8333em;
    white-space: nowrap;
    text-align: center;
    /*  font-family: 'montserratmedium';*/
}

a.button {
    border-radius: 6px;
    outline: 0;
}

#Packagegellery {
    margin-top: 9px !important;
}

.scrollelement {
    float: left;
    width: 100%;
}

ul.tabs.nav-tabs.padspaceLR0 {
    border-bottom: 0px solid #000;
}

.tab-container ul.tabs {
    margin: 0;
    padding: 0;
}

    .tab-container ul.tabs li {
        float: left;
        padding-right: 4px;
    }

.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}

#content .tab-container ul.tabs li a, #ActivityMain .tab-container ul.tabs li a {
    background: #fff;
}

#content .tab-container ul.tabs li a, #ActivityMain .tab-container ul.tabs li a {
    background: transparent;
    color: #000 !important;
    font-weight: 400;
    text-transform: capitalize;
    border-radius: 0px;
}

.tab-container ul.tabs li.active > a, .tab-container ul.tabs li:hover > a {
    background: #fff !important;
}

.tab-container ul.tabs li a {
    font-size: 1.3em;
}

.tab-container ul.tabs li a {
    color: #fff;
    display: block;
    padding: 0 20px;
    background: #d9d9d9;
    font-size: 1em;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

.nav-tabs > li > a {
    margin-right: 0px;
}

.tab-container .tab-content .tab-pane {
    padding: 20px;
    line-height: 1.7em;
}

.affix {
    top: 0px;
    z-index: 999;
    width: 100%;
    right: 0px;
    left: 0px;
}

#carousel .flex-viewport {
    overflow: hidden !important;
    position: relative !important;
    margin: 0 auto !important;
    width: 100% !important;
    text-align: center !important;
}

.flexslider .flex-direction-nav a, .flexslider .flex-direction-nav a {
    display: block;
    width: 28px;
    top: 56%;
}

.flex-direction-nav .flex-prev {
    left: 0px !important;
    background: #fff;
    padding: 4px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    opacity: 0.7 !important;
}

.flex-direction-nav .flex-next {
    right: 0px !important;
    background: #fff;
    padding: 4px;
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
    opacity: 0.7 !important;
}

.li-class {
    margin-right: 5px;
    float: none !important;
    display: inline-block !important;
    width: 100px !important;
    float: none !important;
    display: inline-block !important;
    text-align: center !important;
    margin: 0px auto !important;
}

#packagerates {
    margin-top: 9px !important;
}

.pkg-padding-top-10 {
    padding-top: 10px !important;
}

.tab-container .tab-content .tab-pane-pkg {
    padding: 0px 7px;
    line-height: 1.7em;
}

.update-search span {
    font-size: 14px;
}

.pkg-dept-txt {
    font-size: 12px;
    font-weight: bold;
    line-height: 25px;
    text-transform: capitalize;
}

.HtlMapped {
    padding: 0px 5px 5px 23px;
    list-style: disc;
    font-size: 14px;
}

.tab-container ul.tabs li:last-child {
    padding-right: 0;
}

.tab-container ul.tabs li a {
    color: #fff;
    display: block;
    padding: 0 20px;
    background: #d9d9d9;
    font-size: 1em;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

.tab-container ul.tabs:after {
    display: table;
    content: "";
    clear: both;
}

#accH1 span {
    font-size: 14px;
}

.pkgtab-content {
    width: 100% !important;
}

.table-wrapper {
    display: table;
}

    .table-wrapper .table-cell {
        display: table-cell;
        vertical-align: top;
        float: none !important;
    }

.intro span ul li {
    font-size: 14px;
}

.sticky-box {
    margin-top: 48px;
}

.pkg-float-box {
    z-index: 999;
    /* width: 240px; */
    border: 1px solid #d8d8d8;
    padding: 0px;
    background: #fff;
}

    .pkg-float-box .pkg-row {
        padding: 5px 15px;
        border-bottom: 1px solid #d8d8d8;
    }

    .pkg-float-box .total {
        font-size: 16px;
        text-align: center;
        display: block;
        padding-bottom: 5px;
        width: 80%;
        margin: 0 auto;
        clear: both;
        margin-top: 20px;
    }

    .pkg-float-box .price {
        width: 100%;
        text-align: center;
    }

.pkg-btn-container {
    padding: 10px;
    margin-top: 20px;
}

.pkg-float-box .pkg-row .heading {
    width: 48%;
    text-align: left;
    display: inline-block;
}

.pkg-float-box .pkg-row .value {
    width: 48%;
    text-align: right;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
}

.pkgDay {
    text-transform: capitalize !important;
    font-size: 20px !important;
    margin-bottom: 8px !important;
}

.routhdng {
    margin: 0px;
    font-size: 15px;
    font-weight: 600;
}

.detlrout {
    margin: 0px 0px 3px 0px;
    font-size: 15px;
}

.price-wrapper-new-hotelDay {
    top: 36%;
    left: 10px;
}

.pkg-desciption {
    text-align: center;
}

    .pkg-desciption h2 {
        font-weight: bold;
        font-size: 24px;
    }

.dreamHeading {
    margin: 0px;
    font-weight: 600;
    font-size: 24px;
    padding: 10px 0px;
    line-height: inherit;
}

/************************************/
.rdo {
    color: #AAAAAA;
    display: block;
    position: relative;
    float: left;
}

    .rdo input[type=radio] {
        position: absolute;
        visibility: hidden;
    }

    .rdo label {
        display: block;
        position: relative;
        font-weight: 300;
        font-size: 1.35em;
        padding: 0px 0px 25px 25px;
        /* margin: 10px auto;
        height: 30px;*/
        z-index: 9;
        cursor: pointer;
        -webkit-transition: all 0.25s linear;
        margin-bottom: 0px;
    }

    .rdo .check {
        display: block;
        position: absolute;
        border: 5px solid #AAAAAA;
        border-radius: 100%;
        height: 25px;
        width: 25px;
        top: 0px;
        left: 0px;
        z-index: 5;
        transition: border .25s linear;
        -webkit-transition: border .25s linear;
    }

        /* .rdo:hover .check {
        border: 5px solid #FFFFFF;
    }*/

        .rdo .check::before {
            display: block;
            position: absolute;
            content: '';
            border-radius: 100%;
            height: 11px;
            width: 11px;
            top: 4px;
            left: 4px;
            margin: auto;
            transition: background 0.25s linear;
            -webkit-transition: background 0.25s linear;
        }

input[type=radio]:checked ~ .check {
    border: 3px solid #2747A0;
}

    input[type=radio]:checked ~ .check::before {
        background: #2747A0;
    }

input[type=radio]:checked ~ label {
    color: #0DFF92;
}

.thead-light {
    background-color: #f4f4f4;
}

.Availability-clr {
    color: red;
    font-weight: 600;
}

.pakg-main-hdng h2 {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    line-height: inherit;
}

.pkg-inform-total h2:first-child {
    margin: 5px 0px;
    font-weight: 600;
    font-size: 20px;
}

.pkg-inform-total p {
    font-size: 14px;
    font-weight: 600;
    margin: 5px 0px;
}

.pkg-inform-total > p:last-child {
    font-size: 14px;
    font-weight: 600;
    margin: 0px 0px;
}

.pkg-inform-total h2:nth-child(2n+1) {
    margin: 10px 0px 2px 0px;
    font-size: 18px;
    font-weight: 600;
}

.price-section {
    padding: 5px 16px;
}

    .price-section span {
        font-size: 14px;
        font-weight: 600;
    }

.pkg-include {
    margin-bottom: 5px;
}
/*flight result css end*/
.pd-lr-0{
    padding-left:0px;
    padding-right:0px;
}
.flight-result-hdr {
    background: #007aff;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    color: #fff;
    padding: 5px 10px !important;
}

.flight-result-hdr p{
    padding-bottom:0px;
    margin-bottom:0px;
    font-size:15px;
    color:#fff;
}
.flight-result-content {
    background: #fff;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    color: #000;
    padding: 0px 10px;
    margin-top: 5px;
    max-height: 280px;
    overflow-y: auto;
    overflow-x: hidden;
}
.dfl-align-item {
    display: flex;
    align-items: center;
}
.fligt-informaiton {
    display: flex;
    align-items: center;
    font-size:11px;
    padding:0px 5px;
}

.duration {
    padding: 10px 12px;
}

    .duration span {
        display: block;
        text-align: center;
        color: #000;
    }

.Pipeline {
    display: flex;
    align-items: center;
    padding: 5px 0px;
}

    .Pipeline i {
        font-size: 12px;
        color: #000;
    }

.hrbdr {
    margin: 5px 0px;
    border: 1px solid;
    width: 100%;
    border-color: #000 !important;
}

.timingspn {
    margin: 5px 0px;
    display: block;
}

.cntrycode {
    color: #000;
}
.airlinename {
    font-size: 13px;
    margin-bottom: 0px;
    text-align: justify;
    padding: 0px 20px;
}
.mrgn-lft-14 {
    margin-left: 3px;
    margin-top:5px;
}
.fnt-13{
    font-size:13px;
}
.pdr-7{
    padding-right:6px;
}
.color-007aff {
    color: #007aff !important;
}
.alrt-color {
    color:#EE364C;
}

.B4-btn {
    overflow: hidden;
    -webkit-transition: all 2s cubic-bezier(0.17,0.84,0.44,1);
    transition: all 2s cubic-bezier(0.17,0.84,0.44,1);
    
}
   /* .B4-btn :hover {
        padding: 8px 8px;
        min-height: 50px;
        max-height: 50px;
        min-width: 50px;
        max-width: 100%;
        text-align: center;
        align-items: center;
        display: flex;
        align-items: center;
        width: 100%;
        text-align: center;
        justify-content: center;
    }*/
/*.B4-btn:hover {
    background: #000;
    width: 440px;
    color: #fff;
    height: 85px;
    float: right;
    overflow: hidden;
    cursor:pointer
}*/
/*.B4-btn:hover span{
    display:none;
}*/
     /*   .B4-btn:hover .B4-btn-Content {
            display: block !important;
            height: 85px;
            padding: 5px 5px;
        }*/

.B4-btn-Content {
    display: none;
    background: #000;
    color: #fff;
    width: 50%;
    position: absolute;
    right: 0;
    height: 90px;
    padding: 5px;
    border-bottom-right-radius: 14px;
}
    .B4-btn-Content p{
        font-size:13px;
        text-align:justify;
    }
    .B4-btn {
        transition-duration: 5s;
        text-align: center;
        color: #fff;
        background: #000;
        border-bottom-right-radius: 14px;
    }

.B4-btn span{
    display:block;
    padding:12px 0px;
}
.pln-pipeline {
    position: absolute;
    left: 50%;
    right:50%;
}
.mr-5 {
    margin-right: 5px;
}
.cheap {
    border: 1px solid #007aff;
    padding: 6px 5px;
    border-radius: 8px;
    color: #007aff;
}
.cheap h4 {
    margin: 0;
    font-size: 16px;
}
.cheap small{
    font-size:13px;
}
.shorest-sec {
    background: #fff;
    border-radius: 8px;
    padding:6px 0px;
}
.short-box {
    font-size: 14px;
    color: #000;
    margin-top: 5px;
    display: block;
}
.short-box span{
    display:block;
}
.view-all-quot {
    background: #fff;
    padding: 18px 12px;
    text-align: center;
    border-radius: 8px;
}
.mainflightResult{
    display:flex;
    margin-bottom:10px;
}
.price-box-sec-1{
    display: flex;
    height: 100%!important;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.price-box-sec {
    background: #fff;
    padding: 15px 15px;
    border-radius: 14px;
    text-align: center;
    display: flex;
    min-height: 272px;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, .2);
}
.airlinecheckAlign{
    display:flex;
    align-items:center;
}
.color-000{
    color:#000;
}
.font-14{
    font-size:14px;
}
.modl-closeBtn {
    position: absolute;
    right: 15px;
    top: 20px;
}
.flight-dtl-btn {
    background: none;
    color: #007aff;
    border: 0px;
    padding: 0px;
    font-size: 13px;
    font-weight: normal;
}
    .flight-dtl-btn:hover {
        background: none;
        color: #007aff;
    }
    .flight-information {
        padding: 15px;
    }
        .flight-information ul li .nav-link {
            color: #fff;
            background: #007aff;
            font-size: 14px;
            border-radius: 5px;
            padding: 5px 10px;
        }
        .flight-information ul li:first-child .nav-link {
            color: #fff;
            background: #000;
            font-size: 14px;
        }
        .flight-information ul li .active {
            color: #fff;
        }

    .flight-information .tab-content {
        padding: 8px 0px !important;
        border:0px;
        
    }
.flght-fare-hdng {
    font-size: 20px;
    font-weight: bold;
}
.flght-info-bg {
    background: #e6e6e6 !important;
    padding: 10px 8px;
    border-top-right-radius: 14px;
    border-top-left-radius: 14px;
}
.w-100{
    width:100%;
}
.px-2{
    padding-left:2px; padding-right:2px;
}
.flight-main-bg {
    background: #fff;
    padding: 8px;
}
    .flight-main-bg p{
        font-size:13px;
    }

    .flight-info-txt {
        padding: 0px 5px;
        border-right: 1px solid #e6e6e6;
    }
    .last-child-fl-ino {
        border-right: 0;
    }
.flight-main-info-row {
    margin: 0px 0px 15px;
    margin-bottom: 0px;
}
.fare-text {
    font-size: 18px;
    margin: 0px;
    padding: 8px 5px;
}
.fare-text-price-box {
    padding: 5px 0px;
}
    .fare-text-price-box p{
        font-size:16px;
        margin-bottom:5px;
    }
fare-text-price-box-refundable p {
    font-size: 16px;
    margin-bottom: 5px;
}
.fare-price-qar {
    font-size: 16px;
}
.filter-check {
    width: 100%;
    justify-content: space-between;
    display: flex;

}
.alience-img-bx {
    border: 1px solid #787878;
    padding: 4px 10px;
    text-align: center;
    margin-bottom: 10px;
    border-radius: 8px;
    margin: 0px 8px 8px 8px;
}
.success-alrt{
    color:green;
}
.fare-text-price-box-refundable {
    padding: 4px 0px;
}
.fare-famly-box {
    padding: 0px 0px;
    margin-bottom:10px;
}
.fare-bx-1-top {
    border: 1px solid #000;
    border-bottom:0px;
    padding: 5px 10px;
    background: #e6e6e6;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
}
    .fare-bx-1-top p {
        margin-bottom: 0px;
        font-size: 14px;
        color:#000 !important;
    }
    .flight-desti-f{
        padding:0px 0px;
    }
        .flight-desti-f span {
            font-size: 13px;
        }
        .flight-desti-f svg {
            font-size: 13px;
            padding: 0px 5px;
            width: auto !important;
        }
        .flight-desti-f i{
            font-size: 13px;
            padding: 0px 5px;
        }
        .flight-desti-l {
            padding: 0px 0px;
        }
    .flight-desti-l span{
        font-size:13px;
    }
            .flight-desti-l svg {
                font-size: 13px;
                padding: 0px 5px;
                width: auto !important;
            }
    .flight-desti-l i {
        font-size: 13px;
        padding:0px 5px;
    }
    .fare-bx-1-middle {
        padding: 5px 10px;
        background: #007aff;
        color: #fff;
    }
        .fare-bx-1-middle p {
            margin-bottom: 0px;
            font-size: 14px;
            color: #fff !important;
        }

.fare-bx-1-bottom {
    margin-top: 5px;
    border: 1px solid #007aff;
    padding: 5px 10px;
    background: #e6e6e6;
    color: #000;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
}
.inform-icon{
    padding:5px 0px;
    font-size:13px;

}
    .inform-icon span{
        margin-right:10px;
    }
    .list-info {
        padding: 5px 0px;
    }
.list-info ul{
    padding:0px;
    margin:0px;
}
    .list-info ul li {
        list-style: none;
        padding: 3px 0px;
        font-size: 13px;
    }
        .list-info ul li svg {
            margin-right: 5px;
            color: #007aff;
        }
        .list-info ul li i {
            margin-right: 5px;
            color: #007aff;
        }
.fare-bx-1-btn{
    margin-top: 5px;
    border: 1px solid #007aff;
    padding: 5px 10px;
    background: #e6e6e6;
    color: #000;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
}
.price-wth-bt {
    padding: 5px 5px 0px;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
    .price-wth-bt span button.btn {
        color: #007aff;
        padding: 2px 15px;
    }
.loacatio-with-icon{
    margin-bottom:5px;
}
.loacatio-with-icon span {
    font-size: 14px;
}
.loacatio-with-icon svg {
    font-size: 14px;
    padding: 0px 5px;
    width: auto !important;
}
.summary-box-sec {
    /*background: #fff;*/
    padding: 0px 5px;
    border-radius: 14px;
   /* text-align: center;*/
    margin-bottom:15px;
}
.filter-wrapper{
    margin-top:0px !important;
}
.clearfl {
    padding: 0px 15px;
    margin: 0;
    text-align: right;
    color: #007aff;
    font-size:13px;
}
.flight-pax-form {
    border: 1px solid #d7d7d7;
    background:#fff;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    color: #000;
    padding: 15px 10px !important;
}
    .flight-pax-form .tab-content{
        border:0px !important;
    }
    .pax-tab-box {
        padding: 0px 20px;
        border-right: 1px solid #000;
    }
.paxtablist button {
    display: block;
    width: 100%;
    padding: 8px 10px;
    margin-bottom: 10px;
    background: #007aff;
    color:#fff;
}
    .paxtablist button:first-child{
        background:#000;
        color:#fff;
    }
    .paxtablist button:hover {
        background: #000;
        color: #fff;
    }
.paxtablist li a {
    color: #fff !important;
}
.paxtablist li {
    display: block;
    width: 100%;
    padding: 0px 0px;
    margin-bottom: 10px;
    background: #007aff;
    color: #fff;
    border-radius: 8px;
}
.paxtablist li a:hover {
    background: none !important;
    color:#fff !important;
}
.paxtablist li.active {
    background: #000;
    color: #fff !important;
    border-radius: 8px;
}
    .paxtablist li.active > a {
        background: #000;
        color: #fff !important;
        border-radius: 8px;
    }
        .paxtablist li.active > a:focus{
            background:none!important;
        }
        .paxtablist li:hover {
            background: #000;
            color: #fff !important;
        }
.tab-content .tab-pane.active {
    display: block !important;
}
    .trav-info-h2 {
        font-size: 16px;
    }
.mt-20 {
    margin-top: 20px;
}
.pax-frm-gp{
    padding:0px 0px;
    margin-bottom:0px;
}
.pax-frm-gp [class*="col-"] {
        padding: 0px 4px;
    }
.pax-frm-gp select{
    font-size:13px;
}
.drop-bdr {
    border: 2px solid #007aff;
}
.clr-gry {
    color: #898989;
}
.information-txt {
    /* border: 1px solid #007aff;
    padding: 10px;
    box-shadow: 0px 0px 5px 1px #007aff;
    margin-top:10px;*/
    padding: 15px;
    /* box-shadow: 0px 0px 4px 2px #f89828;*/
    margin-top: 10px;
    border-radius: 10px;
    background: #f5dbbc33;
    border: 1px solid #E4E4E3;
}
    .information-txt p b{
        color:#000;
    }
    .org-clr {
        color: #F89828;
    }
.important-info {
    display: inline-block;
   /* border-bottom: 1px solid #007aff;*/
    margin-bottom: 5px;
    font-weight: bold;
    color:#000;
}
 .flight-contact-form {
    border: 1px solid #d7d7d7;
    background: #fff;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    color: #000;
    padding: 15px 10px !important;
}
.pax-contact-dtltab-box {
    padding: 10px 20px;
    border-right: 1px solid #000;
}
.flight-contact-form .tab-content {
    border: 0px !important;
    padding-top: 0px !important;
}
.cncle-ploy {
    /* background: #007aff;*/
    background: #a1a0a0;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    color: #fff;
    padding: 5px 10px !important;
}
    .cncle-ploy p {
        color: #fff;
    }
    .cncle-ploy-txt {
        background: #fff;
        border-bottom-left-radius: 14px;
        border-bottom-right-radius: 14px;
        color: #000;
        padding: 10px 10px !important;
        margin-top: 5px;
    }
.terms-txt {
    padding: 5px 0px;
    background: #f5dbbc33;
    border: 1px solid #E4E4E3;
    border-radius:10px;
}
.flight-payment-form {
    border: 1px solid #d7d7d7;
    background: #fff;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    color: #000;
    padding: 15px 10px !important;
}
.pax-payment-dtltab-box {
    padding: 15px 20px !important;
}
.bdr-left{
    border-left:1px solid #000;
}
.flight-payment-form .tab-content {
    border: 0px !important;
}
.payment-check {
    display: flex;
    align-items: center;
}
.payment-check span{
    margin-left:5px;
    margin-top:4px;
}
.align-payment-details {
    align-items: center;
    display: flex;
}
.pax-payment-dtl-hdng-txt {
    padding: 0px 0px;
}
.pax-payment-dtl-hdng-txt h2{
    margin-bottom:5px;
    font-size:24px;
}
.pax-payment-dtl-hdng-txt p{
    font-size:14px;
}
.align-payment-details .form-group{
    margin-bottom:0px;
}
.arirlinetxt {
    font-size: 12px;
    margin-bottom: 0px;
    text-align: left;
}
.arlinetxtimg-box{
    display:flex;
}
    .arlinetxtimg-box span {
        display: inline-block;
        float: left;
    }
    .arlinetxtimg-box img {
       
        width: 85%;
    }
.fare-txt {
    padding: 0px 10px;
    border-radius: 8px;
    margin-bottom: 8px;
}
.fareflight-align {
    display: flex;
    justify-content: space-between;
}
.Sumcol-1 p {
    font-size: 14px;
    color: #000;
    font-weight: bold;
}
.Sumcol-2 p{
    font-size:14px;
}
.Fare-SummaryTxt {
    padding: 0px 10px;
    border-radius: 8px;
    margin-bottom: 8px;
}

.FSTcol-1 p {
    font-size: 14px;
    color:#000;
    font-weight:bold;
}
.adlt-list-section {
    background: #fff;
    padding: 15px 10px;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    text-align: center;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, .2);
}
.adlt-list-box {

    padding: 4px 0px;
}
.adlt-listfare-align {
    display: flex;
    justify-content: space-between;
}
.adltchild{
    padding:5px 0px;
}
.adlt-Qar {
    padding: 5px 0px;
}
.Adlt-cout{
    display:flex;
    align-items:center;
}
.Adlt-cout-icon {
    border: 1px solid #007aff;
    border-radius: 5px;
    color: #007aff;
    display: inline-block;
    padding: 3px 5px;
    font-size: 13px;
    margin-right: 5px;
}
.adlt-list-box-1 {
    padding: 4px 0px;
}
.Addone {
    text-align: left;
    font-size: 13px;
    cursor:pointer;
}
.total-price-amount-section {
    background: #007aff;
    padding: 15px 10px;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    text-align: center;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, .2);
}
.total-price-amount-align {
    display: flex;
    justify-content: space-between;
}
.total-price-amountCol-1{
    text-align:left;
    color:#fff;
}

    .total-price-amountCol-1 p {
        font-size: 13px;
        color: #fff;
    }
    .total-price-amountCol-1 span {
        font-size: 13px;
    }
    .total-price-amountCol-2 {
        text-align: left;
        color: #fff;
    }
        .total-price-amountCol-2 p {
            font-size: 18px;
            color: #fff;
        }
        .total-price-amountCol-2 span {
            font-size: 13px;
        }
.border-0 {
    border: 0 !important;
}

.hotel-result-content {
    background: #fff;
    color: #000;
    padding: 5px 5px;
    margin-top: 5px;
    border-radius:14px;
}
 
    .pd-l-0 {
        padding-left: 0px;
    }
.hotel-informaiton {
    display: flex;
    align-items: center;
    font-size: 13px;
}
.hotlImg {
    border-radius: 14px;
    width:100% !important;
    height:180px !important;
}
.listing-style3.hotel figure img.hotel-result-img.hotlImg {
    height: 180px !important;
}
.htl-text-with-star {
    display: flex;
    align-items: center;
    padding: 5px 0px;
}
.htl-textHeding {
    padding: 0px 8px 0px 0px;
}
    .htl-textHeding h2 {
        font-size: 18px;
        margin-bottom: 0px;
        line-height: normal;
        text-transform: capitalize;
    }
.hotel-dtl-right-col h2 {
    text-transform: capitalize;
}
.starBox {
    padding: 0px;
}
.starBox span{
    display:inline-block;
}
    .starBox span svg {
        font-size: 13px;
        color: #007aff;
    }
    .iconPoupBox{
        padding:5px 0px;
    }
.iconPoupBox span{
    display:inline-block;
}
    .iconPoupBox span svg {
        color: #898989;
        font-size: 24px;
        margin: 10px 15px 0px 0px;
    }
   
    .iconPoupBox span i {
        color: #898989;
        font-size: 24px;
        margin: 10px 15px 0px 0px;
    }
.Hotel-box-sec {
    background: #fff;
    padding: 5px 12px;
    /*border-radius: 14px;*/
    text-align: center;
    border-left:1px solid #d9d9d9;
}
.ofr-with-tag {
    padding: 0px 0px;
}
.recently-view {
    padding: 0px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0px;
    /* margin-top:15px;*/
}
.eyes-Icon {
    background: red;
    padding: 5px;
    color: #fff;
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
    display: inline-block;
    margin-right: 5px;
}
.recently-view p {
    margin-bottom: 0px;
    font-size: 13px;
    padding: 0px 3px 0px 0px;
    background: #f9c4c4;
    border-radius: 5px;
    color: red;
    display: flex;
    align-items: center;
}
.Hotel-text-price-box {
    padding: 0px 0px;
}
.Hotel-text-price-box p{
    margin-bottom:0px;
    font-size:16px;
}
.fnt-18 {
    font-size: 18px;
}
.searchFiltermodify{
    background:#fff;
    border-radius:8px;
}
.searchFilter-15 {
    padding: 15px 10px;
    margin: 5px 0;

}
.hotelSearchIcon {
    display: flex;
    align-items: center;
}
    .hotelSearchIcon span {
        display: inline-block;
        background: #007aff;
        padding: 6px 8px;
        color: #fff;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        border: 1px solid #007aff;
    }
.shorest-secList {
   /* background: #fff;
    border-radius: 8px;*/
    padding: 0px 12px;
}
.recommendList {
    padding: 0px;
    display: flex;
   /* justify-content: space-between;*/
}
        .recommendList li {
            float: left;
        }
            .recommendList li a {
                background: #fff;
                border-radius: 8px;
                padding: 6px 20px;
                font-size: 14px;
                color: #000;
            }
.hotel-dtl-left-col {
    border: 1px solid #d7d7d7;
    background: #fff;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    color: #000;
    padding: 0px 10px;
    margin-bottom: 10px;
}
.hotel-dtl-left-col-locattion {
    border: 1px solid #d7d7d7;
    background: #fff;
    color: #000;
    padding: 0px 10px;
    padding-bottom:5px;
    margin-bottom: 10px;
}
.hotel-dtl-left-col-ameneties {
    border: 1px solid #d7d7d7;
    background: #fff;
    color: #000;
    padding: 5px 10px;
    margin-bottom: 10px;
}
.hotel-dtl-left-col-Nearby {
    border: 1px solid #d7d7d7;
    background: #fff;
    color: #000;
    padding: 5px 10px;
    margin-bottom: 10px;
}
.hotel-dtl-left-col-Swed {
    border: 1px solid #d7d7d7;
    background: #fff;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    color: #000;
    padding: 5px 10px;
    margin-bottom: 10px;
}
.hotel-dtl-right-col {
    border: 1px solid #d7d7d7;
    background: #fff;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    color: #000;
    padding: 15px 10px 28px;
    height: 320px;
    overflow-y: auto;
    overflow-x: hidden;
    /*min-height:356px;*/
}
.htlDetails-text-with-star {
    align-items: center;
    padding: 5px 0px;
}
.sec-hotelDtl {
    padding: 8px 15px;
}
.map-section {
    padding: 5px 15px;
}
.street-map-view {
    border: 1px solid #000;
    margin-top: 10px;
    padding: 8px 8px;
    text-align: center;
    font-size: 14px;
    
}
    .street-map-view a {
        color: #000;
    }
.hotelAmenities-section {
    background: #fff;
    padding: 0px 10px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    height: 240px;
    overflow: auto;
}
.hotelAmenities-box {
    padding: 0px 0px;
}
.hotelAmenities-align {
    display: flex;
    justify-content: space-between;
}
.hotelAmenities-col {
    padding: 5px 0px;
}
.hotelAmenities-col-1 {
    display: flex;
    align-items: center;
}
.hotelAmenities-icon {
    color: #007aff;
    display: inline-block;
    padding: 3px 5px;
    font-size: 13px;
    margin-right: 5px;
}
.bg-red-crl {
   /* background: #f9c4c4;
    padding: 15px 0px;*/
    text-align: center;
    border-radius: 5px;
}
.valu8 {
    display: inline-block;
    background: green;
    padding: 14px 20px;
    color: #fff;
    border-radius: 5px;
}
.d-block{
    display:block;
}
.bg-light {
    background: #edf2fa;
   
}
.m-0{
    margin:0px;
}
.sw-bt {
    padding: 0 15px;
    line-height: 38px;
    font-size: 14px;
    height: 38px;
    display: inline-block;
    border: 1px solid;
    border-radius: 8px;
    margin-bottom: 5px;
}

.lftimg {
    background: #fff;
    padding: 0px 0px;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    text-align: center;
}
.lftimg img{
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
}
.hotel-dtl-right-Imgcol {
   background: #fff;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    color: #000;
    padding: 5px 5px;
    margin-bottom: 10px;
}
.my-20 {
    margin: 20px 0px;
}
.about-txt {
    text-align: justify;
    margin-bottom: 25px;

}
.mdsearchSection {
    padding: 15px 0px;
}
.hotel-dtl-md-mdsearch {
    border: 1px solid #d7d7d7;
    background: #fff;
    border-radius: 14px;
    color: #000;
    padding: 15px 10px;
    margin: 0px 12px;
}
.ShowRoomSection {
    padding: 15px 0px;
}
.ShowRoom-dtl-box {
   /* border: 1px solid #007AFF;*/
    border: 1px solid #d9d9d9;
    background: #fff;
    border-radius: 14px;
    color: #000;
    padding: 15px 10px;
    margin: 0px 12px;
}
.shortShowRoom-col {
    background: #fff;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    color: #000;
    padding: 0px 0px;
    margin-bottom: 10px;
}
.shortShowRoomList{
    display:flex;
    justify-content:space-between;
}
.shortShowRoomList li a span{
    padding:10px 8px; 
}
    .shortShowRoomList li:first-child a{
        padding-left:0px;
    }
    .shortShowRoomList li a {
        padding: 10px 50px;
        display: inline-block;
        border: 1px solid #d9d9d9;
        /* border: 1px solid #007AFF;*/
        margin: 10px 0px;
        border-radius: 5px;
        font-size: 14px;
        color:#000;
    }
.RoomsShow-content {
    background: #fff;
    color: #000;
    padding: 5px 0px;
    margin-top: 5px;
    /* border-radius: 8px; */
}
.optionRomSec {
    /* background: #007AFF;*/
    background: #a1a0a0;
    padding: 0px 0px;
    margin-top: 15px;
}
.room-First-col{
    padding:5px 0px;
}
    .room-First-col p{
        color:#fff;
        text-align:center;
        margin:0px;
    }
    .bg-rowoption {
        margin-right: -10px;
        margin-left: -10px;
        margin-top: 15px;
    }
.borderRight-1{
    border-right:1px solid #fff;
}
.optionContentListbox {
    background: #e0eaf4;
    display: flex;
    padding: 14px 5px;
    /*max-height: 50px;*/
    height: 50px;
    align-items: center;
    text-align: center;
    /*  flex-wrap: wrap;*/
    justify-content: center;
    border-radius: 5px;
}
    .optionContentListbox p {
        margin-bottom: 0px;
        display: block !important;
        font-size: 13px;
        display: block;
        text-align: center;
        width: 100%;
    }
.roomPrice-section{
    padding:0px 40px;
}
.roomPrice-Box {
    padding: 14px 5px;
    text-align: center;
    background: #e0eaf4;
    border-radius: 5px;
    /* max-height: 50px;*/
    height: 50px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
    .roomPrice-Box b:first-child {
        display: block;
        display: block;
        font-size: 14px;
        color: black;      
        margin-bottom: 0px;
    }
    .roomPrice-Box p {
        margin-bottom: 0px;
        font-size: 18px;
    }
.mb-15 {
    margin-bottom: 15px;
}
.roomsimg {
    width: 100%;
    height: 120px;
    object-fit:cover;
}
.htl-RoomHeding {
   /* padding: 0px 8px 30px 0px;*/
    padding: 0px 8px 0px 0px;
}
    .htl-RoomHeding h2{
        font-size:24px;
        margin-top:0px;
    }
    .htl-RoomHeding h2 {
        margin-bottom: 0px;
    }
    .iconRooms {
        padding: 5px 0px;
    }
    .iconRooms span {
        display: inline-block;
        margin: 0px 16px 0px 0px;
    }
        .iconRooms span svg {
            color: #007aff;
            font-size: 14px;
            margin: 10px 5px 0px 0px;
        }
    .iconRooms span i {
        color: #007aff;
        font-size: 14px;
        margin: 10px 1px 0px 0px;
    }
    .p-5{
        padding:5px;
    }
.hrbdrblu {
    /* border-color: #007aff;*/
    border-color: #d9d9d9;
    margin-bottom: 10px;
}
.text-contentBox {
    /* border: 1px solid #007AFF;*/
    border: 1px solid #d9d9d9;
    background: #fff;
    border-radius: 14px;
    color: #000;
    padding: 15px 10px;
    margin: 10px 12px;
}
.policy-txtContent{
    padding:10px 0px;
}
.policy-txtContent h2{
    font-size:22px;
}
    .policy-txtContent p {
        font-size:14px;
    }
.requestAccordion {
    display: block;
    font-size: 14px;
    border: 1px solid #d9d9d9;
    /* border: 2px solid #007AFF;*/
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 10px 10px;
    color: #000;
    cursor: pointer;
    font-weight:normal;
}
    .requestAccordion:hover{
        color:#000;
    }
.AccordionContentRequest {
    border: 1px solid #d9d9d9;
  /*  border: 2px solid #007AFF;*/
    padding: 8px 10px;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    border-top: 0px;
}
.float-right{
    float:right;
}
.margin-bot-0{
    margin-bottom:0px;
}
.check-Req {
    display: flex;
    align-items: center;
}
.check-Req input{
    margin-top:0px;
}
.check-Req span{
    font-size:13px;
    margin-left:10px;
}
.white-box-sec {
  /*  background: #fff;*/
  /*  padding: 5px;*/
    border-radius: 14px;
    margin-bottom: 15px;
}
.Hotelsummary-box-sec {
    background: #fff;
    padding: 0px;
    border-radius: 14px;
    margin-bottom: 15px;
   /* border: 1px solid #d7d7d7;*/
}
.Hotel-Sum-content {
    background: #fff;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    color: #000;
    padding: 0px 10px !important;
    margin-top: 5px;
}
.hotelimgSec {
    height: 250px;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, .2);
    border-radius: 14px;
}
.hotelimgSec img {
    height: 100%;
    width:100%;
    object-fit: cover;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
}
.htl-sum-box {
    padding: 4px 0px;
    border-top: 2px solid #e6e6e6;
}
.htl-sum-align {
    display: flex;
    justify-content: space-between;
}
.chekin-ckout {
    padding: 5px 0px;
}
.HtlIconwithtxt {
    display: flex;
    align-items: center;
}
.Htl-icon {
    border-radius: 5px;
    color: #007aff;
    display: inline-block;
    padding: 3px 5px;
    font-size: 13px;
    margin-right: 5px;
}
.dateTxt {
    padding: 5px 0px;
}
.maelplanrow {
    border: 1px solid #007aff;
    border-radius: 5px;
    margin-bottom: 5px;
    padding: 0px 5px;
}
.mealplanbox {
    padding: 5px 10px;
    border-left: 1px solid #007aff;
}
.discount-section {
    background: #fff;
    padding: 0px 0px;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    text-align: center;
    margin-bottom: 10px;
}
.apply-cupan {
    display: flex;
    align-items: center;
}
.apply-cupan input{
    border:0px;
}
.total-price-amountHotel {
    text-align: left;
    color: #fff;
}
    .total-price-amountHotel h2{
        font-size:24px
    }
    .total-price-amountamountHotel-2 {
        text-align: left;
        color: #fff;
    }
.total-price-amountamountHotel-2 h2{
    font-size:24px;
}
.p-0-5{
    padding:0px 5px;
}
.alience-img {
    display: block;
    width: 35px;
    margin: auto;

}
    .alience-img img {
        width: 100%;
        background: none !important;
        margin: 0;
    }
.alienceTxt {
    padding: 5px 0;
    text-transform: uppercase;
    font-size: 11px;
    display:block;
}
.alience-img-bx label{
    margin-bottom:0px;
}
.borderblu {
    border: 1px solid #007aff;
    /*border: 2px solid #2196f3;*/
    background-color: #e6f3ff;
    /*box-shadow: 0 0 6px rgba(33, 150, 243, 0.3);*/
    transition: all 0.3s ease;
}
.borderblu img {
    transform: scale(1.05);
    filter: drop-shadow(0 0 3px #2196f3);
}
.borderblu .Aftr-EvniningTxt {
    color: #2196f3;
}
.morningTxt {
    padding: 5px 0;
    font-size: 11px;
    display: block;
    color: #007aff;
}
.Aftr-EvniningTxt {
    padding: 2px 0;
    font-size: 11px;
    display: block;
    color: #787878;
}
.rotate-180 {
    rotate: 180deg;
}
.quoteNumber {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #007aff;
    padding: 5px 2px;
    border-radius: 50%;
    color: #fff;
    font-weight: normal;
    font-size: 13px;
}
.pb-0{
    padding-bottom:0px!important;
}
.dialcodeDrop {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0px;
    color:#000;
}
.dialCodeWidth {
    width: 55%;
}
.fnt-20 {
    font-size: 16px;
}
.pdr-0 {
    padding-right: 0px;
}
.fa-star {
    color: #007aff;
}
.QarBtn {
    background: #fdd406;
    color:#000;
}
.SearhBtn {
    background: #fdd406;
}
.modisection {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}
.mr-100{
    margin-right:120px;
}
.black-color {
    color: #817f7f;
}
.addd-q-book {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 0px;
}
.quote-btn{
    width:50%;
}
    .quote-btn a:hover{
        color:red;
    }
    .bookBtnQuot {
        width: 50%;
    }
.quote-btn-heart a:hover {
    color: red;
}
.quote-btn-heart svg {
    font-size: 25px;
    margin-top: 6px;
}
.quote-btn-heart a.button{
    background:none;
}
.quote-btn-heart i {
    font-size: 25px;
    margin-top: 6px;
}
.B4close {
    display: inline-block;
    padding: 5px;
}
.B4close a{
    text-decoration:none;
}
    .B4close a i{
        color:#fff;
    }
    .B4close a svg {
        color: #fff;
    }
.B4-btn-Content {
    /* -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;*/
    animation: animateleft 0.4s;
  
    animation-duration: 0.5s;
}

.B4-btn-Content1 {
    animation: animateright 0.4s;
    animation-duration: 0.5s;
}


@-webkit-keyframes fadeInLeft {
    from {
        right: 0;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }

  /*  0% {
        opacity: 0;
        -webkit-transform: translateX(0px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(50);
    }*/
}

@keyframes fadeInLeft {
   /* 0% {
        opacity: 0;
        transform: translateX(50px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }*/
    from {
        right:0;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    flex-grow: 1;
}

@-webkit-keyframes fadeInRight {
    from {
        left: 300px;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
    /*  0% {
        opacity: 0;
        -webkit-transform: translateX(0px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(50);
    }*/
}

@keyframes fadeInRight {
    /* 0% {
        opacity: 0;
        transform: translateX(50px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }*/
    from {
        left: 300px;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRightt;
    animation-name: fadeInRight;
}


/* Apply transition for smooth sliding and fading */
#B4-btn-Content1 {
    transition: all 0.5s ease-in;
    /*transition: transform 0.5s ease, opacity 0.5s ease;*/
    opacity: 1;
    /*transform: translateX(0);*/ /* Default position */
}

    /* Add class to move the div to the right and fade it out */
    #B4-btn-Content1.slideOutRight {
        opacity: 0;
        /*transform: translateX(100%); *//* Move to the right (off-screen) */
    }

.Loginbanner-section {
    /* background: url('../Images/SH/login-banner.jpg') no-repeat top left;
    background-size: 100%;
    min-height: 300px;
    display: flex;
    align-items: center;
    padding: 45px 0px;
    margin-top:10px;*/
    position: absolute;
    /*top: 270px;*/
    top:190px;
    left: 0;
    right: 0;
}
.managebooking-Section{
    padding:15px 0px;
}
.manage-bookContent {
    padding: 5px 0px;
}
.manage-bookContent h2 {
    font-size: 18px;
    margin-bottom:5px;
}
    .manage-bookContent p {
        font-size: 14px;
        color: #898989;
        font-family:Roboto-Regular;
    }
.als-hdng {
    font-size: 24px;
    color: #007aff;
}
.login-box {
    background: #fff;
    padding: 12px 15px;
    /*  padding: 30px 15px;*/
    border-radius: 8px;
}
.SignHdng{
    padding:0px;
}
.SignHdng  h2{
    font-size: 24px;
    color: #007aff;
}
.whyAlsBox {
    padding: 5px 8px;
    background: #0000004f;
    border-radius: 14px;
}
.whyAlsBox h2{
    color: #fff;
    font-size: 24px;
}
.whyAlsBox p{
    text-align:justify;
    font-size:14px;
    color:#fff;
    font-family:Roboto-Regular;
}
.divider:after,
.divider:before {
    content: "";
    flex: 1;
    height: 1px;
    background: #eee;
}
.mb-4 {
    margin-bottom: 1.5rem !important;
}
.form-outline .form-control.form-control-lg {
    font-size: 14px;
    line-height: 2.15;
    font-family:Roboto-Regular;
}
.form-outline {
    position: relative;
    width: 100%
}

    .form-outline .form-helper {
        width: 100%;
        position: absolute;
        font-size: 14px;
        color: #757575
    }

        .form-outline .form-helper .form-counter {
            text-align: right
        }

    .form-outline .trailing {
        position: absolute;
        right: 10px;
        left: initial;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none;
        color: var(--mdb-surface-color)
    }

    .form-outline .form-icon-trailing {
        padding-right: 2rem !important
    }

    .form-outline .form-control {
        min-height: auto;
        padding-top: .32rem;
        padding-bottom: .32rem;
        padding-left: .75rem;
        padding-right: .75rem;
        border: 0;
        background: rgba(0,0,0,0);
        transition: all .2s linear
    }

        .form-outline .form-control ~ .form-label {
            position: absolute;
            top: 0;
            max-width: 90%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            left: .75rem;
            padding-top: .37rem;
            pointer-events: none;
            transform-origin: 0 0;
            transition: all .2s ease-out;
            color: #757575;
            margin-bottom: 0;
            font-size:12px;
            font-weight:normal;
            font-family:Roboto-Regular;
            
        }

        .form-outline .form-control ~ .form-notch {
            display: flex;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            max-width: 100%;
            height: 100%;
            text-align: left;
            pointer-events: none
        }

            .form-outline .form-control ~ .form-notch div {
                pointer-events: none;
                border: 1px solid;
                border-color: var(--mdb-form-control-border-color);
                box-sizing: border-box;
                background: rgba(0,0,0,0);
                transition: all .2s linear
            }

            .form-outline .form-control ~ .form-notch .form-notch-leading {
                left: 0;
                top: 0;
                height: 100%;
                width: .5rem;
                border-right: none;
                border-radius: .25rem 0 0 .25rem
            }

            .form-outline .form-control ~ .form-notch .form-notch-middle {
                flex: 0 0 auto;
                width: auto;
                max-width: calc(100% - 1rem);
                height: 100%;
                border-right: none;
                border-left: none
            }

            .form-outline .form-control ~ .form-notch .form-notch-trailing {
                flex-grow: 1;
                height: 100%;
                border-left: none;
                border-radius: 0 .25rem .25rem 0
            }

        .form-outline .form-control:not(.placeholder-active)::placeholder {
            opacity: 0
        }

        .form-outline .form-control:focus::placeholder, .form-outline .form-control.active::placeholder {
            opacity: 1
        }

        .form-outline .form-control:focus {
            box-shadow: none !important
        }

            .form-outline .form-control:focus ~ .form-label, .form-outline .form-control.active ~ .form-label {
                transform: translateY(-1rem) translateY(0.1rem) scale(0.8);
                padding-left:14px;
                
            }

            .form-outline .form-control:focus ~ .form-label {
                color: #757575;
            }

            .form-outline .form-control:focus ~ .form-notch .form-notch-middle, .form-outline .form-control.active ~ .form-notch .form-notch-middle {
                border-right: none;
                border-left: none;
                border-top: 1px solid rgba(0,0,0,0)
            }

            .form-outline .form-control:focus ~ .form-notch .form-notch-middle {
                border-color: #757575;
                box-shadow: 0 1px 0 0 var(--mdb-input-focus-border-color);
                border-top: 1px solid rgba(0,0,0,0)
            }

            .form-outline .form-control:focus ~ .form-notch .form-notch-leading, .form-outline .form-control.active ~ .form-notch .form-notch-leading {
                border-right: none
            }

            .form-outline .form-control:focus ~ .form-notch .form-notch-leading {
                border-color: #757575;
                box-shadow: -1px 0 0 0 var(--mdb-input-focus-border-color),0 1px 0 0 var(--mdb-input-focus-border-color),0 -1px 0 0 var(--mdb-input-focus-border-color)
            }

            .form-outline .form-control:focus ~ .form-notch .form-notch-trailing, .form-outline .form-control.active ~ .form-notch .form-notch-trailing {
                border-left: none
            }

            .form-outline .form-control:focus ~ .form-notch .form-notch-trailing {
                border-color: #757575;
                box-shadow: 1px 0 0 0 var(--mdb-input-focus-border-color),0 -1px 0 0 var(--mdb-input-focus-border-color),0 1px 0 0 var(--mdb-input-focus-border-color)
            }

        .form-outline .form-control:disabled, .form-outline .form-control.disabled, .form-outline .form-control[readonly] {
            background-color: var(--mdb-form-control-disabled-bg)
        }

            .form-outline .form-control:disabled ~ .timepicker-toggle-button, .form-outline .form-control:disabled ~ .datepicker-toggle-button, .form-outline .form-control:disabled ~ .datetimepicker-toggle-button, .form-outline .form-control:disabled ~ .select-arrow, .form-outline .form-control:disabled ~ .trailing, .form-outline .form-control.disabled ~ .timepicker-toggle-button, .form-outline .form-control.disabled ~ .datepicker-toggle-button, .form-outline .form-control.disabled ~ .datetimepicker-toggle-button, .form-outline .form-control.disabled ~ .select-arrow, .form-outline .form-control.disabled ~ .trailing, .form-outline .form-control[readonly] ~ .timepicker-toggle-button, .form-outline .form-control[readonly] ~ .datepicker-toggle-button, .form-outline .form-control[readonly] ~ .datetimepicker-toggle-button, .form-outline .form-control[readonly] ~ .select-arrow, .form-outline .form-control[readonly] ~ .trailing {
                color: #757575;
            }

        .form-outline .form-control.form-control-lg {
            font-size: 14px;
            line-height: 2.15
        }

            .form-outline .form-control.form-control-lg ~ .form-label {
                padding-top: .7rem
            }

            .form-outline .form-control.form-control-lg:focus ~ .form-label, .form-outline .form-control.form-control-lg.active ~ .form-label {
                transform: translateY(-1.25rem) translateY(0.1rem) scale(0.8)
            }

        .form-outline .form-control.form-control-sm {
            padding-top: .32rem;
            padding-bottom: .32rem;
            font-size: 14px;
            line-height: 1.5
        }

            .form-outline .form-control.form-control-sm ~ .form-label {
                padding-top: .33rem;
                font-size: .775rem
            }

            .form-outline .form-control.form-control-sm:focus ~ .form-label, .form-outline .form-control.form-control-sm.active ~ .form-label {
                transform: translateY(-0.85rem) translateY(0.1rem) scale(0.8)
            }

    .form-outline.form-white .form-control {
        color: #fff
    }

        .form-outline.form-white .form-control ~ .form-label {
            color: #fbfbfb
        }

        .form-outline.form-white .form-control ~ .form-notch div {
            border-color: #fbfbfb
        }

        .form-outline.form-white .form-control:focus ~ .form-label {
            color: #fff
        }

        .form-outline.form-white .form-control:focus ~ .form-notch .form-notch-middle {
            border-color: #fff;
            box-shadow: 0 1px 0 0 #fff;
            border-top: 1px solid rgba(0,0,0,0)
        }

        .form-outline.form-white .form-control:focus ~ .form-notch .form-notch-leading {
            border-color: #fff;
            box-shadow: -1px 0 0 0 #fff,0 1px 0 0 #fff,0 -1px 0 0 #fff
        }

        .form-outline.form-white .form-control:focus ~ .form-notch .form-notch-trailing {
            border-color: #fff;
            box-shadow: 1px 0 0 0 #fff,0 -1px 0 0 #fff,0 1px 0 0 #fff
        }

        .form-outline.form-white .form-control::placeholder {
            color: hsla(0,0%,100%,.7)
        }

        .form-outline.form-white .form-control:disabled, .form-outline.form-white .form-control.disabled, .form-outline.form-white .form-control[readonly] {
            background-color: hsla(0,0%,100%,.45)
        }

.select-input.form-control[readonly]:not([disabled]) {
    background-color: rgba(0,0,0,0)
}

.form-select {
    transition: all .2s linear
}

    .form-select:focus {
        border-color: #3b71ca;
        outline: 0;
        box-shadow: inset 0px 0px 0px 1px #3b71ca
    }
.rememberFoget {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size:14px;
}
.form-check-input[type=checkbox]:focus:after {
    content: "";
    position: absolute;
    width: .875rem;
    height: .875rem;
    z-index: 1;
    display: block;
    border-radius: 0;
    background-color: var(--mdb-body-bg);
}
.form-check-input[type=checkbox]:checked {
    background-image: none;
    background-color: #3b71ca;
}
.form-check-input:checked[type=checkbox] {
    --mdb-form-check-bg-image: url(data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e);
}
.form-check-input[type=checkbox] {
    border-radius: .25rem;
    margin-top: .19em;
    margin-right: 6px;
}
.rememberFoget .form-check-label:before {
    display: none;
}
.rememberFoget .form-check-label:after {
    display: none;
}
.rememberFoget label {
    margin-left: 0px;
    padding-left: 0px !important;
}
.rememberFoget a {
    color: #007aff;
}
.loginheader {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mr-170 {
    margin-right: 170px;
}
.register-Us {
    background: #fcd504;
    color: #000;
    border-radius: 5px;
}
.service-provide {
    padding: 20px 0px;
    border-top: 10px solid #d7d7d7;
}
.provieHedng {
    font-size: 24px;
    color: #007aff;
}
.service-col-1 {
    padding: 10px 15px;
    height: 170px;
    overflow: hidden;
}
    .service-col-1 h2 {
        display: flex;
        font-size: 18px;
        color: #007aff;
        align-items: center;
    }
        .service-col-1 h2 svg {
            font-size: 18px;
            margin-right:5px;
        }
    .service-col-1 h2 i{
        font-size:16px;
    }
    .service-col-1 p {
        font-size: 14px;
        color: #898989;
        text-align: justify;
        font-family:Roboto-Regular;
    }
.newslatterSection {
    padding: 20px 0px;
    background: #007AFF;
    
}
.newscontent{
    padding:10px 0px;
    text-align:center;
   
}
    .newscontent h2{
        color:#fff;
        margin-bottom:5px;
        font-size:30px;
    }
    .newscontent p {
        font-size: 14px;
        color: #fff;
        margin: 10px 0px;
    }
    .signupbtn{
        display:block;
    }
.signupNews {
    font-size: 14px;
    padding: 8px 20px;
    color: #000;
    background: #fcd504;
    border-radius: 5px;
    display:inline-block;
}
.subscribe {
    color: #000;
    background: #fdd406;
    border: 2px solid #fdd406;
    border-radius: 6px;
    /* height: 38px; */
    outline: none !important;
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    padding: 6px 12px;
    text-align:center;
}
    .subscribe:hover {
        border: 2px solid #fdd406 !important;
        color: #000 !important;
    }
.foter-hdng {
    font-size: 20px;
    margin: 0px 0px 15px 0px;
    font-weight: normal;
    color:#007aff;
}
.footer-box-top {
    padding: 10px 15px;
}
    .footer-box-top ul li {
        padding: 5px 0px;
        font-size: 14px;
    }
.footer-box-top ul li a {
    color: #000;
    font-size: 14px;
    white-space:nowrap;
}
    .flt-right {
        float: right;
    }
.space-between{
    justify-content: space-between;
}
.pd-10-30 {
    padding: 10px 30px;
}
.make-pay {
    padding: 0px 0px;
    display: flex;
    align-items: center;
}
    .make-pay span {
        display: inline-block;
       
        padding:5px;
    }
        .make-pay span:nth-child(2) {
            border-right: 2px solid #d7d7d7;
            border-left: 2px solid #d7d7d7;
        }
        .make-pay span:first-child {
            padding-left: 0px;
        }
       
        .make-pay span img {
            width: 100%;
            padding: 0px 5px 0px 0px;
        }
        .make-pay img {
            width: 100%;
        }
.srchPnl {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 100px;
    z-index:1;
}
.locationIcon {
    position: absolute;
    left: 18px;
    top: 38px;
}
.swap-wrapper {
    top: 57%;
}
.search-box-wrapper .search-tab-content {
    padding: 8px 20px 0px;
    border-radius: 15px;
}
.search-box-wrapper .search-tab-content {
    background: #fff;
}
.select2-container--default .select2-selection--single {
    /*   border: 2px solid #007AFF !important;*/
    border: 1px solid #d9d9d9;
    height: 40px;
    border-radius: 6px;
}
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 40px;
    }
.drop-alter:after{
    display:none;
}

.drop-alter .paxpanellink {
    padding: 3px 0px 0px 5px;
}
.txticonH{
top:30px;
}
.flight-caret{
    float: right;
    padding: 1px 5px;
}
.navbar-right li a::after{
    display:none;
}
.title_drop-down_main {
    padding-left: 10px;
}
.navbar-right .fa-chevron-right{
    float:right;
}
.search-back-img-htl {
    text-align: left;
    background: url(/atq/p/b2b/images/back-img-htl.jpg) no-repeat !important;
    background-size: cover !important;
}
section#content {
    min-height: 480px;
    padding-top: 0;
    text-align: left;
    background: #f5f5f5;
}
#main {
    padding-top: 20px;
}
#main {
    margin-bottom: 40px;
}
.search-back-img-htl .search-box-wrapper {
    margin-top: 70px;
}
.txticonFlightM {
    position: absolute;
    top: 38px;
    left: 16px;
}
.condition_font_size a:after{
    display:none;
}
.condition_font_size {
    float: unset !important;
}
.input_wrapar_search input.input-text, select, textarea, span.custom-select {
    border: 1px solid #d9d9d9;
}
.travelo-box {
    border: 1px solid #d7d7d7;
    background: #fff;
    border-radius: 14px;
    color: #000;
    padding: 15px 10px;
    font-size:14px;
    margin-bottom:5px;
}
.btn-defaultP {
    color: #000;
    background: #fdd406;
    border: 2px solid #fdd406;
    border-radius: 6px;
    outline: none !important;
    font-size: 14px;
}
.gray-heading-bg {
    display: block;
    background: #ecf0f1;
    padding: 5px 10px;
    margin: 10px 0;
}
.small-contact-dropdown {
    float: left;
    width: 20%;
}
.small-contact-dropdown select {
    -webkit-appearance: auto;
}
.big-contact-dropdown {
    float: left;
    width: 80%;
}
    .big-contact-dropdown  select {
        -webkit-appearance: auto;
    }
.small-tel-dropdown {
    float: left;
    width: 45%;
}
.small-tel-dropdown select {
    -webkit-appearance: auto;
}
.big-tel-dropdown {
    float: left;
    width: 55%;
}
.big-tel-dropdown select {
    -webkit-appearance: auto;
}
.radio, .checkbox {
    position: relative;
    display: block;
    margin-top: 2px;
    margin-bottom: 0;
}
    .checkbox.checked:before, .radio.checked:before {
        background: #007AFF;
        border-color: #007AFF;
        color: #fff;
        font-size: 12px;
    }
    .checkbox:before, .radio:before {
        display: block;
        content: "";
        position: absolute;
        left: 0;
        top: 0px;
        width: 14px;
        height: 14px;
        border: 1px solid #007aff;
        z-index: 0;
        font-family: FontAwesome;
        line-height: 12px;
        text-align: center;
    }
    .checkbox.checked:before, .radio.checked:before {
        content: "\f00c";
        font-family: 'FontAwesome';
    }
    .radio label, .checkbox label {
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
    }
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}
.radio input[type=radio] {
    position: relative;
    z-index: 1;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
.checkbox input[type=checkbox] {
    position: relative !important;
}
.roleright table div {
    padding-left: 28px;
}
    .roleright table div .checkbox input[type=checkbox] {
        margin-left: -22px;
    }
.input_wrapar_search select {
    /*border: 2px solid #007aff;*/
    border: 1px solid #d9d9d9;
}
select {
    -webkit-appearance: auto;
}
#FundTransfer{
    font-size:13px;
}
tfoot tr.webgrid-table-pager td {
    padding: 15px;
}
.quote-container .details_tabs a {
    border-radius: 8px;
}
button.close {
    background: transparent !important;
}
button.close:hover{
    background: transparent !important;
    border:none !important;
}
.tab-container.style1 ul.tabs li.active > a:after, .tab-container.style1 ul.tabs li:hover > a:after {
    border-top: 5px solid #000;
}
.tab-container.style1 ul.tabs li.active > a:after, .tab-container.style1 ul.tabs li:hover > a:after {
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -10px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    right:auto !important;
    top:auto !important;
}
#hotel-main-content.style1 ul.tabs li a {
    background: #007aff;
    color: #fff;
    border-radius: 8px;
}
.txticonM{
    left:30px;
    top:36px;
}
.hotel-detail-popup-box {
    height: auto !important;
}
#hotel-detail-popup .loaderlogin {
    top:85%;
}
.sort-by-section .dropdown-menu-fixed > li > div.active > i {
    font-family: 'FontAwesome';
}
.flight-wrapper .dropdown-menu-fixed > li > div.inactive > i {
    font-family: 'FontAwesome';
}
.swap-wrapper span img{
    background:none !important;
}

.txticonFlightNR {
    position: absolute;
    left: 7px;
    top: 9px;
    font-size: 16px;
}
.txticonFlightMN {
    position: absolute;
    left: 16px;
    top: 35px;
    font-size: 16px;
}
.selected_sorting a:after{
    display:none;
}
.new-design-flex ul li > a:after {
    display: none;
}
.dropdown-menu > li > div.active > i {
    font-family: 'FontAwesome';
}
.dropdown-menu > li > div.inactive > i {
    font-family: 'FontAwesome';
}
.sidebar {
    padding-top: 20px;
    margin-bottom: 40px;
    clear: right;
    float: right;
}
.txticonNR {
    position: absolute;
    left: 33px;
    top: 37px;
    font-size: 20px;
    color: #007AFF;
    
}
.booking-information > .booking-confirmation > .message{
    float:none !important;
    max-width:100%;
}
#main .tab-content {
    padding: 15px;
}
.payment-btn {
    padding: 0 25px;
    line-height: 38px;
    font-size: 14px;
    height: 38px;
    border-radius: 6px;
    white-space: nowrap;
    text-align: center !important;
    background: #fdd406;
    color: #000;
}
.terms-txt .table-bordered{
    border:0px !important;
}
    .terms-txt .table-bordered td {
        border: 0px !important;
    }
    .clshideshow td {
        border: 0 !important;
    }
.cncel-MaxH {
    max-height: 250px;
    overflow: auto;
    padding: 5px;
}
.border-none{
    border:0px !important;
}
.selectorM .select2-container--default .select2-selection--single{
    height:40px !important
}
.svg-inline--fa.fa-w-10 {
    width: .625em;
    height: 1em;
}
.popup-content .ti-box{
    border-radius:8px;
}
.row_1.flight.tab-flight ul.responsive li.active a {
    border-radius: 8px;
    margin-bottom: 5px;
}
.tab-content.tab-content-1.overflow_flight_auto {
    border-radius: 14px;
    overflow-y: auto;
    border:0px !important;
    padding:0px!important
}
.arrow-divinner {
    border-radius: 8px;
}
.price-box {
    margin-top: 10px !important;
}
.tab-flight .tab-content::-webkit-scrollbar-thumb, .modal-popup-inner::-webkit-scrollbar-thumb {
    background: #007AFF;
}
/****material ui form css start***/



.form-groupM input:-webkit-autofill {
    background-image: none !important;
    background: none !important;
    color: none !important;
}

.form-groupM {
    position: relative;
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
}
    .form-groupM input:-internal-autofill-selected {
        background-color:#fff!important
    }
.form-groupM input:-webkit-autofill {
    box-shadow: none inset !important;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
.form-groupM select {
    width: 100%;
    font-size: 1rem;
    height: 1.6rem;
    padding: 0.125rem 0.125rem 0.0625rem;
    background: none;
    border: none;
    line-height: 1.6;
    box-shadow: none;
}

    .form-groupM .control-label {
        position: absolute;
        top:9px;
        pointer-events: none;
        padding-left: 12px;
        z-index: 1;
        color: #b3b3b3;
        font-size:12px;
        font-weight: normal;
        -webkit-transition: all 0.28s ease;
        transition: all 0.28s ease;
    }

    .form-groupM .bar {
        position: relative;
        border-bottom: 0.0625rem solid #999;
        display: block;
    }

        .form-groupM .bar::before {
            content: "";
            height: 0.125rem;
            width: 0;
            left: 50%;
            bottom: -0.0625rem;
            position: absolute;
            background: #fff;
            -webkit-transition: left 0.28s ease, width 0.28s ease;
            transition: left 0.28s ease, width 0.28s ease;
            z-index: 2;
        }

    .form-groupM input,
    .form-groupM textarea {
        display: block;
        background: none;
        border-width: 1px;
        border-color: #d9d9d9;
        line-height: 1.9;
        width: 100%;
        color: transparent;
        -webkit-transition: all 0.28s ease;
        transition: all 0.28s ease;
        box-shadow: none;
    }

        .form-groupM input[type="file"] {
            line-height: 1;
        }

            .form-groupM input[type="file"] ~ .bar {
                display: none;
            }

        .form-groupM select,
        .form-groupM input:focus,
        .form-groupM input:valid,
        .form-groupM input.form-file,
        .form-groupM input.has-value,
        .form-groupM textarea:focus,
        .form-groupM textarea:valid,
        .form-groupM textarea.form-file,
        .form-groupM textarea.has-value {
            color: #333;
            top: -8.5px;
            left: 12px;
            background: #fff;
        }

.has-value{
    top: -6.5px;
}
            .form-groupM select ~ .control-label,
            .form-groupM input:focus ~ .control-label,
            .form-groupM input:valid ~ .control-label,
            .form-groupM input.form-file ~ .control-label,
            .form-groupM input.has-value ~ .control-label,
            .form-groupM textarea:focus ~ .control-label,
            .form-groupM textarea:valid ~ .control-label,
            .form-groupM textarea.form-file ~ .control-label,
            .form-groupM textarea.has-value ~ .control-label {
                /* font-size: 0.8rem;
  color: gray;
  top: -1rem;
  left: 0; */
                font-size:10px;
                color: gray;
                top: -6.5px;
                left: 12px;
                background: #fff;
            }

            .form-groupM select:focus,
            .form-groupM input:focus,
            .form-groupM textarea:focus {
                outline: none;
                background:none !important;
                background-color:none !important

            }

                .form-groupM select:focus ~ .control-label,
                .form-groupM input:focus ~ .control-label,
                .form-groupM textarea:focus ~ .control-label {
                    color: #337ab7;
                }

                .form-groupM select:focus ~ .bar::before,
                .form-groupM input:focus ~ .bar::before,
                .form-groupM textarea:focus ~ .bar::before {
                    width: 100%;
                    left: 0;
                }




/***material ui form css end***/
#hotelfiltersid .panel-group {
    border-radius: 8px;
    /* background: #fff;*/
    background: #f5f5f5;
   /* border: 1px solid #d6d6d6;*/
   /* box-shadow: 0 0 8px 1px rgba(0, 0, 0, .2);*/
}
    #hotelfiltersid .panel-group .panel.style1 {
        border-bottom: 2px solid #f5f5f5 !important;
        box-shadow: 0 0 8px 1px rgba(0, 0, 0, .2);
    }
.hotel-room-main{
    background:none !important;
}
.sidebar-header h4 {
    margin: 0px;
    padding: 10px 14px;
}
#time-filter h5{
    font-size:16px;
}
.toggle-container .panel.style1.arrow-right .panel-title > a{
    font-size:16px !important;
}
.txticonFlightNR {
    position: absolute;
    top: 10px;
    left: 8px;
}
.register-Us:hover {
    background-color: #fdd30d !important;
    text-decoration: none;
    color: #000;
}
.carousel-control {
    width: 5%;
}
.splReq-m-28 {
    margin: 0px -28px;
}
.bottom-footer{
    z-index:999 !important;
}
.pax-frm-gp input.input-text, textarea, span.custom-select, select {
    padding-left: 15px;
}
.pax-frm-gp input.hasDatepicker {
    padding-left: 27px;
    padding-right:5px;
}
.datepicker-wrap:before{
    left:8px !important;
}
.cancellation_policy {
    padding: 0px 15px;
}
.checkbox:before, .radio:before {
    left: 15px;
}

.tab-content > .active {
    display: block !important;
}
#RoomMain .animated-background-room-gallery-map {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 400px;
    position: relative;
    border-radius: 10px;
}

.roomdtl-List {
    /*min-height: 70px;
    max-height: 265px;*/
    /* height: 240px; */
    overflow: auto;
    overflow-x: hidden !important;
}

.roomdtl-ListFullheight {
    height: auto;
    overflow: hidden;
}
.quote-service-heading-container {
    padding: 10px 10px;
    width: 100%;
    background: #007aff !important;
}
.hotelSearchIcon #byHtlname{
    padding:0!important;
}
.hotelSearchIcon #byHtladdress {
    padding: 0 !important;
}
.cart-service-heading-container {
    background: #007aff;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    color: #fff;
    padding: 5px 10px !important;
}
.radius-top-0 {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.radius-bot-14 {
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
   
}
.radius-top-14 {
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
}
.cart-grand-total{
    color:#fff !important;
}
.white-color-Txt {
    color: #fff !important;
}
    .white-color-Txt a{
        color:#fff !important;
    }
.selector .form-control {
    height: 40px;
    border: 1px solid #ccc;
   /* border: 2px solid #007aff !important;*/
}
.overflow-elipsec {
    height: 40px;
}
#query-dialog, #querydialog{
    max-width:100%;
}
.transfer-pax-count {
    position: absolute;
    margin: 10px 0 0 0;
    background: #fff;
    width: 263px;
    border: 1px solid #d1d1d1;
    z-index: 999;
    display: none;
    padding: 15px;
    color: #000;
}

.modal.in .modal-dialog {
/*    top: auto !important;*/
    margin: 30px auto;
    transform: translateY(-50%);
}
.txticonT {
    color: #000;
    position: absolute;
    left: 12px;
    top: 36px;
}
.selectorM .select2-container--default .select2-selection--single {
    border-right: 0px !important;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.filter-wrapper h6{
    font-size:12px;
}
#AgentProfile input.input-text, textarea, span.custom-select, select{
    padding-left:10px;
}
#AgentProfile .select2-container .select2-selection--single{
    height:40px;
}
#AgencyProfile1 .select2-container .select2-selection--single {
    height: 40px !important;
}

#AgencyProfile1 input.input-text, textarea, span.custom-select, select {
    padding-left: 10px;
    height: 40px !important;
}
#changepassword input.input-text, textarea, span.custom-select, select {
    padding-left: 10px;
}
#Subagent input.input-text, textarea, span.custom-select, select {
    padding-left: 10px;
}
.autocomplete-options-container {
    min-width: 100%;
    position: absolute;
    width: 100%;
}
.text_home {
    font-weight: normal;
    font-family: 'Roboto-Regular';
}
.static-content .travelo-box p {
    font-weight: normal;
    font-family: 'Roboto-Regular';
}
#support-form .input-lg {
    height: 40px !important;
    padding: 6px 12px;
    margin-bottom:10px;
    font-size:14px;
}
#PartnerLed input.input-text{
    padding-left: 30px;
}
.btn-slide {
    background: none !important;
}
    .btn-slide:hover {
        background: none !important;
        border:none !important;
    }
    .box {
        margin-bottom: 0px;
    }
.pax-frm-gp .fa-bed{
    margin-right:5px;
}
.pax-frm-gp .fa-user {
    margin-right: 5px;
}
.closespan {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.closespan a{
    color:#fff;
}
#hotel-amenities .icon-box.style1 > i {
    margin-right: 5px;
    width:auto;
}
#hotel-amenities .amenities.style1 li .icon-box {
    margin-right: 15px;
}
.veryGtxt {
    display: flex;
    align-items: center;
    /* margin-bottom: 10px; */
    margin-bottom: 0px;
    justify-content: center;
}
    .veryGtxt span {
        display: inline-block;
        padding: 11px 15px;
        /* border: 1px solid #e6e6e6; */
        border-radius: 10px;
        font-size: 16px;
        background: green;
        color: #fff;
        font-weight: bold;
    }

#AgentUser input.input-text, textarea, span.custom-select, select {
    padding-left: 10px !important;
}
.filterby {
    border: 0 !important;
    font-size: 20px !important;
    cursor: auto;
    color: #007aff !important;
}
.cartItem_main #itemCount {
    position: relative;
    display: block;
    top: -34px;
    left: 13px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    font-size: 10px;
    font-weight: normal;
    line-height: 15px;
    color: #fff;
    border: 3px solid #fff;
    padding: 3px 0 0 0;
}
.cartItem_main #itemCount {
    background: #007AFF;
}
.newitemCount {
    background: #007AFF;
    color: #fff;
    border: 4px solid #fff;
    font-size: 14px;
    padding: 3px 0 0 0;
    position: relative;
    display: block;
    top: -52px;
    left: 13px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    line-height: 15px;
}
.QuotationDetailsPage .alertSuccess {
    color: #fff !important;
}
.quote-container .details_tabs a{
    font-size:14px !important;
}
.add-quote-container {
    position: fixed;
    right: 10px;
    top: 310px;
    z-index: 9999;
    display: none;
}
#searchmodifypnl .maxmarkup {
    padding-left: 10px;
    height: 42px;
}
.slider button .fa {
    color: #fdd406 !important;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img {
    line-height: 1;
    width: 100%;
}

.home_slider .carousel-inner .item {
    height: 480px;
}

.carousel-control.right {
    z-index: 999;
}

.carousel-control.left {
    z-index: 999;
}
#Subagent #ddlAccTitle {
    border-right: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
#Subagent #txtAccFName{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
#Subagent #ddlResTitle {
    border-right: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

#Subagent #txtResFName {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
#Subagent #ddlTitle1{
    border-right: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
#Subagent #txtFName{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
#Subagent #ddlTCode {
    border-right: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
#Subagent #txtTelephone{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
#Subagent #ddlMCode {
    border-right: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
#Subagent #txtMobile{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
#Subagent #ddlMCode1 {
    border-right: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
#Subagent #txtAccMobileNo{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
#Subagent #ddlTCode2 {
    border-right: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
#Subagent #txtResMobile {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

input::placeholder {
    color: grey;
    opacity: 1; 
}
.dashbord-wrapper{
    margin-top:20px!important;
}
/*#Subagent span {
    color: #8f8f8f;
}*/
#Subagent .gray-heading-bg{
    color:#000;
}
#Subagent .travelo-box h2 {
    font-size: 22px;
}
.filter-label {
    font-family: 'Roboto-Regular';
}
.filters-container ul.filters-option {
    font-family: 'Roboto-Regular';
}
#location-filter {
    font-family: 'Roboto-Regular';
}
.checkbox-filters {
    font-family: 'Roboto-Regular';
}
.modisection .form-group {
    font-family: 'Roboto-Regular';
}
.cancellation_policy {
    background: #f5dbbc33;
    border: 1px solid #E4E4E3;
    border-radius: 10px;
    margin: 10px 0px;
    padding: 10px 10px;
}
.cancellation_policy.checkbox:before{
    top:13px;
}
.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    color: #6c757d;
    content: "\f054";
    font-family: FontAwesome;
}
.payment-mode label {
    color: #817f7f;
    font-family: 'Roboto-Regular';
}
.pax-payment-dtl-hdng-txt label {
    color: #817f7f;
    font-family: 'Roboto-Regular';
}
.clshideshow td {
    color: #817f7f;
    font-size: 14px;
    text-transform: capitalize !important;
    font-family: 'Roboto-Regular';
}
.terms-txt th {
    font-size: 16px;
}
.optionContentListbox p{
    color:#000;
}
.transferInfo{
    text-decoration:underline!important;
}
.transferInfo i {
    padding: 6px 10px;
    background: #fdd406;
    border-radius: 25px;
    font-size: 12px;
    color:#000;
}
    .transferInfo i:hover {
        background: #007aff;
        color:#fff;
    }

.ViewRoomDtl{
    cursor:pointer;
}
.resultBox .offer_red {
    position: absolute;
    z-index: 1;
    top: 7px;
    left: 17px;
}
.resultBox .offer_red img{
    border-top-left-radius: 8px;
}
.request-item label.beforcheckRemove:before {
    display: none !important;
}

.request-item label.beforcheckRemove:after {
    display: none !important;
}

.sub label:before {
    display: none !important;
}

.sub label:after {
    display: none !important;
}

.sub #chkIsNonStop {
    left: 0px;
}

.margin-top-20{
    margin-top:20px;
}
#btnContactus{
    padding:6px;
}
#Resetpassword button#btnContactus {
    font-size: 14px;
    line-height: 16px;
}
#Resetpassword .conatainer-back{
    border:none;
}
.table-bordered > thead > tr > th {
    color: #000;
    font-family: Roboto-Bold;
}
.table-bordered tr > td {
    color: #817f7f !important;
    font-family: Roboto-Regular;
}
.table > thead > tr > th {
    color: #000;
    font-family: Roboto-Bold;
}
.table tr > td {
    color: #817f7f !important;
    font-family: Roboto-Regular;
}
.StandardContent{
    border:0 !important;
    padding:0px !important;
}
#becomepartnermenu:focus {
    background: #fcd504;
    color:#000;
}
.cancillation-close {
    line-height: 0;
}
.cancillation-close:hover {
    background: none !important;
    color: #000 !important;
    line-height: 0;
    border: none !important;
}
@media (min-width: 992px) {
    .modal-lg {
        width: 1055px;
    }
}
.red-star {
    color: red;
    font-size: 13px;
    line-height: normal;
}
.progress {
    height: 16px;
}

.progress-striped .progress-bar, .progress-bar-striped {
   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
   /* background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgb(255 255 255) 50%, rgb(255 255 255) 75%, transparent 75%, transparent);
    background-size: 40px 40px;*/
  /* background-image: linear-gradient(45deg, rgb(175 146 4) 25%, transparent 25%, transparent 50%, rgb(175 146 4) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;*/
}

@keyframes progress-bar-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 40px 0;
    }
}
.HtlAvailable {
    background: #fdd406;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, .2);
}
    .HtlAvailable p {
        padding: 7px 15px;
        color: #000;
    }
.transferBookBtn {
    display: flex;
    flex-direction: row-reverse;
}

.mlft-Right-10 {
    margin: 0px 10px;
}
#RoomMain {
    background: #f5f5f5;
}
.filters-container ul.filters-option {
    display: flex;
    flex-flow: column-reverse;
}
.Report-Container {
    width: 100% !important;
    overflow-x: auto !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
    line-height: 36px !important;
}
#id_conditions{
    margin-top:15px;
}
.panel-default{
    margin-top:10px;
}
button.custom-close:hover {
    background: transparent !important;
    color: #000 !important;
}
.link_paragraph{
    text-decoration:underline !important;
}
.request-item input[type="checkbox"] {
    margin-top: -6px !important;
}
.session-btn {
    background: #a1a0a0 !important;
        color:#fff !important;
}
    .session-btn:hover {
        background: #fdd406 !important;
        color:#000!important;
    }
.gm-style-mtc button {
    background: none padding-box rgb(255, 255, 255) !important;
}


.gm-fullscreen-control {
    background: none rgb(255, 255, 255) !important;
}
.gm-control-active {
    background: none rgb(255, 255, 255) !important;
}
.Width-22{
    width:22%;
}
.listMapView {
    color: #007aff !important;
    font-size: 16px !important;
}
.listMapView span{
    text-decoration: underline !important;
}
#transfer-filter .panel-group {
    background: #f5f5f5;
}
#transfer-filter .panel.style1 {
    border-radius: 8px;
    border-bottom: 2px solid #f5f5f5 !important;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, .2);
    margin-bottom: 4px !important;
}
#transfer-filter .panel-title{
    margin:5px!important;
    padding:0px;
}
.fixsidecontent .filter-wrapper {
    border: 0 !important;
}
.bgRemove{
    background:none !important;
}