:root{
    --yellow-color:#eac664;
    --gray-color:#1e546b;
    --alert-color:#75212d;
    --service-grid-height:180px;

    --rotation-y: 0;
    --rotation-x: 0;
      --size: 80vmin;
      --segment: calc(var(--size) / 100);
      --loading-speed: 10s;
      --color: hsl(210 80% 50%);
      --segments-per-second: calc(var(--loading-speed) / var(--total-length));
    
    }
    .activity-container-row{
    box-shadow: 0 2px 10px rgba(0,0,0,.15);
    border: 1px solid rgba(44,47,66,.2);
    background-color: #ffffff;
    }
    .activity-container-row p {
    margin: 0;
    }
    .journey-heading {
    padding: 15px;
    background-color: hsla(0,0%,96.5%,.6);
    }
    .d-flex {
    display: flex;
    }
    .full-width {
    width: 100%;
    float: left;
    }
    .flex-1{flex:1;}
    .color-grey {
    color: #777;
    }
    .meta-small {
    font-size: 10px;
    }
    .journey-icon {
    margin-right: 10px;
    }
    .align-item-center{
    align-items: center;
    }
    .justify-content-center{
    
    
    justify-content: center;
    }
    .journey-icon span {
    width: 30px;
    height: 30px;
    background: #777;
    color: #fff;
    border-radius: 100%;
    }
    .meta-text {
    color: #53576d;
    overflow: hidden;
    margin: 0;
    font-size: 14px;
    }
    .anchor-link {
    transition: all .2s;
    color: #1895b3;
    cursor: pointer;
    }
    .day-coloum,.padding-coloum {
    padding: 15px;
    }
    .clickable:hover {
    cursor: pointer;
    background-color: rgba(38,207,150,.1);
    }
    .border-left-coloum{
    border-left: 1px solid #ececec;
    }
    .border-bottom{border-bottom: 1px solid #ececec;}
    .heading-bottom {
    padding: 15px;
    z-index: 1
    }
    .connector-bg {
    background-image: url(https://pyt-images.imgix.net/images/web_app/itinerary/fly_line.svg);
    position: absolute;
    width: 232px;
    height: 88px;
    top: 0;
    margin: auto;
    left: 0;
    right: 0;
    z-index: -1;
    }
    .connector-bg:before,.connector-bg:after{
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    background-color: #aaa;
    border-radius: 100%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    
    }
    .connector-bg:before {
    left: -5px;
    top: -6px;
    }
    .connector-bg:after {
    right: -6px;
    bottom: -8px;
    }
    
    
    
    
    .journey-detail-section .tab-content {
    background: #f3f3f3;
    padding-right: 0px;
    min-height: 100vh;
    
    }
    .journey-detail-tab .nav-tabs {
    padding: 0;
    border: 0;
    }
    .journey-detail-tab .nav-tabs>li {
    margin: 0;
    padding: 0;
    width: 100%;
    border-right: 2px solid transparent;
    border-bottom: 1px solid #eaeaea;
    flex-shrink: 0;
    }
    .journey-detail-tab .nav-tabs>li:last-child {
    border-bottom: 0px;
    
    }
    
    .journey-detail-tab .nav-tabs>li>a {
    display: flex;
    align-items: center;
    margin: 0;
    border-radius: 0;
    border: 0;
    padding: 10px 15px;
    
    }
    .journey-detail-tab .nav-tabs>li.active>a, .journey-detail-tab .nav-tabs>li.active>a:focus, .journey-detail-tab .nav-tabs>li.active>a:hover {
    border: 0;
    outline: none;
    background: #f3f3f3;
    
    }
    .journey-detail-tab .nav-tabs>li.active, .journey-detail-tab .nav-tabs>li.active:focus, .journey-detail-tab .nav-tabs>li.active:hover {
    
    border-right: 2px solid #4ca5fd;
    }
    
    .tab-img span {
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 100%;
    border: 2px solid #4ca5fd;
    display: inline-block;
    box-shadow: 0px 3px 4px 0px #b1b1b1;
    }
    .journey-detail-tab .nav-tabs>li.non-activity-tab .tab-img span {
    width: 100px;
    height: 100px;
    
    }
    
    .journey-detail-tab .nav-tabs>li.active>a .tab-img span, .journey-detail-tab .nav-tabs>li.active>a:focus .tab-img span, .journey-detail-tab .nav-tabs>li.active>a:hover .tab-img span {
    border: 2px solid #ffffff;
    box-shadow: 0px 3px 4px 0px #2a6198;
    }
    
    .tab-img img{height: 100%;}
    .tab-text {
    flex: 1;
    padding-left: 10px;
    }
    .tab-text p {
    margin-top: 0;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-size: 13px;
    border-bottom: 1px solid#ececec;
    color: #777;
    }
    .tab-text p:last-child {
    padding-bottom: 0;
    border: 0!important;
    margin-bottom: 0;
    }
    .tab-text p strong {
    display: inline-block;
    margin-left: 5px;
    font-weight: 300;
    }
    .journey-detail-tab .nav-tabs>li.active>a p, .journey-detail-tab .nav-tabs>li.active>a p:focus, .journey-detail-tab .nav-tabs>li.active>a p:hover {
    color: #000000;
    
    }
    .journey-detail-tab .nav-tabs>li.active>a p strong, .journey-detail-tab .nav-tabs>li.active>a p strong:focus, .journey-detail-tab .nav-tabs>li.active>a p strong:hover
    {
    font-weight: 700
    }
    .tab-search {
        padding: 15px 30px;
        background: #ffffff;
        margin-bottom: 15px;
        box-shadow: 0px 5px 4px -4px #d8d8d8;
    }
    .search-input label {
        font-weight: 600;
        font-size: 15px;
    }
    .submit-search {
        width: 160px;
    }
    .search-input {
        margin-right: 10px;
    }
    .adult-child-input .filter-adult {
        margin-right: 10px;
    }
    .adult-child-input .search-key-container {
        /*width: 80px;*/
        width: 110px;
    }
    .form-control {
    border-radius: 0;
    height: 46px;
    }
    .tab-search button {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    padding: 0px 20px;
    height: 100%;
    border-radius: 0;
    background: #4ca5fd;
    color: #fff;
    }
    
    .tab-search form {
    position: relative;
    }
    .gird-img {
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    overflow: hidden;
    border: 4px solid #4ca5fd;
    box-shadow: 0px 3px 4px 0px #b1b1b1;
    }
    .gird-img img {
    height: 100%;
    }
    .tour-coloum {
    padding: 15px;
    background: #fdfdfd;
    border-radius: 4px;
    }
    .tour-coloum p {
    font-size: 16px;
    font-weight: 600;
    }
    .tour-grids {
    margin-bottom: 15px;
    }
    .tour-coloum {
    padding: 15px;
    background: #fdfdfd;
    border-radius: 4px;
    box-shadow: 0px 3px 4px 0px #f3f3f3;
    }
    .booking-grid-row {
        margin-bottom: 5px;
        box-shadow: 0px 5px 4px -4px #d8d8d8;
        /*max-height:var(--service-grid-height);*/
    }
    .booking-listing-img{
        width: 265px;
        margin-right:15px;
        float:left;
      
    }
    .booking-listing-img figure {
        width: 100%;
        height: 180px;
            float: left;
    }
    .booking-listing-img figure img{width: 100%; height: 100%;}
    .booking-listing-content {
        flex: 1;
        padding: 0px 15px;
    }
    .place-detail-content {
        flex: 1;
        padding: 0px 15px 0px 0px;
    }
    .place-heading {
        margin: 0;
        color: var(--gray-color);
        font-size: 22px;
        font-weight: 700;
        border-bottom: 1px solid #efefef;
        padding-bottom: 10px;
    }
    .place-subheading {
        color: #868686;
        font-size: 14px;
        font-weight: 500;
        margin-top: 5px;
    }
    .grid-booking-price {
        padding: 15px 15px 65px 15px;
        background: #fbfbfb;
            min-width: 250px;
            min-height: 180px;
    }
    .place-description {
        font-size: 15px;
        margin: 0;
        margin-top: 15px;
        text-align: justify;
    }
    .book-now-activitiy {
        bottom: 0px;
        right: 0px;
        background: var(--gray-color);
        color:#fff;
        font-weight: 600;
        padding: 10px 30px;
        width: 100%;
        transition: all 0.3s;
    }
    .price-button .book-now-activitiy {
        bottom: 0px;
        right: 0px;
        background: var(--yellow-color);
        font-weight: 600;
        padding: 10px 15px;
        width: 100%;
        transition: all 0.3s;
    }
    
    .grid-booking-price .book-now-activitiy:hover{
        background: var(--yellow-color);
         
    }
    
    
    .grid-booking-price .book-now-activitiy {
        left: 0;
        right: 0;
        margin: auto;
        width: calc(100% - 30px);
        bottom: 15px;
    }
    .hide-book-now  .grid-booking-price .book-now-activitiy{
        display: none;
    }
    .close-collapse-form {
        right: 0;
        top: 0;
        color: #ddd;
        font-size: 16px;
    }
    
    .booking-listing-content .booking-price {
        font-size: 18px;
        font-weight: 700;
       
        color: var(--gray-color);
    }
    .booking-listing-content .livn-booking-price {
        font-size: 15px;
        font-weight: 700;
       
        color: var(--gray-color);
    }
    .booking-listing-content .booking-price span {
        color: var(--gray-color);
        margin-left: 10px;
    }
    .booking-listing-content .booking-price small {
        color: #989898;
        font-size: 12px;
    }
    
    .booking-price-text {
    display: inline-block;
    background: #08b41d;
    padding: 10px 15px;
    border-radius: 3px;
    color: #fff;
    }
    .collapse-content h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    }
    .boooking-collaspe-form {
        background: var(--gray-color);
       /* padding: 15px 30px;*/
    }
    .booking-input {
        margin-right: 8px;
    }
    .booking-input label {
        color: #ffff;
        font-weight: 400;
        font-size: 15px;
    }
    .booking-input label small {
        font-size: 13px;
        color: var(--yellow-color);
        margin-left: 2px;
    }
    .checkbox input[type="checkbox"] {
        display: none;
    }
    .checkbox label {
        position: relative;
        padding-left: 30px;
        cursor: pointer;
        color:#ffffff;
    }
    
    .checkbox label:before {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        border: 1px solid #ffffff;
        left: 0;
        top: 0;
        border-radius: 4px;
    }
    .checkbox label:after {
        color: var(--yellow-color);
        content: "\2713";
        position: absolute;
        left: 3px;
        top: -2px;
        font-size: 18px;
        font-weight: 800;
        opacity: 0;
        visibility: visible;
    
    }
    .checkbox input[type="checkbox"]:checked + label:after{opacity: 1; visibility: visible;}
    .checkbox label {
        position: relative;
        padding-left: 30px;
        cursor: pointer;
    }
    .booked-service-price {
        color: var(--yellow-color);
        font-size: 18px;
        margin: 0;
        margin-bottom: 8px;
        font-weight: 700;
    }
    
    .booking-form-left {
        display: flex;
    }
    .booking-input.date-input .form-control {
        width: 146px;
    }
    .booking-input.option-input .form-control {
        width: 120px;
    }
    
    img{width: 100%}
    
    .blue-bg{background: var(--gray-color); color:#ffffff;}
    .yellow-bg{background: var(--yellow-color); color:#000000;}
    
    .submit-search .btn {
        height: 46px;
        background: var(--gray-color);
        color: #fff;
        font-weight: 500;
    }
    
    
    .account-container {
        padding-top: 30px;
        background: #f3f3f3;
        padding-bottom: 30px;
    }
    .account-center {
        width: 100%;
        max-width: 740px;
    }
    .account-tabs {
        background: #fff;
        border-bottom: 1px solid var(--gray-color);
    }
    .account-tabs li a {
        font-size: 16px;
        padding: 15px;
        display: block;
        color: var(--gray-color);
        font-weight: 600;
    }
    .account-tabs li a.active {
        color: #fff;
        background: var(--gray-color);
    }
    .account-container form label {
        font-weight: 500;
        font-size: 16px;
    }
    .journey-detail-section .account-container .tab-content {
        background: #fff;
        box-shadow: 0px 10px 8px 0px #e6e6e6;
        padding-top: 15px;
        padding-bottom: 30px;
    }
    .form-notification {
        border-bottom: 1px solid #f3f3f3;
        padding-bottom: 8px;
    }
    .account-container input::placeholder{
        font-size: 13px!important;
    }
    .submit-btn {
        background: var(--yellow-color);
        font-size: 16px;
        padding: 0px 30px;
        height: 46px;
        font-weight: 800;
        transition: all 0.3s;
    }
    .submit-btn:hover{
        color:#ffffff;
         background: var(--gray-color);
    }
    
    .eye-icon {
        background: #dcdcdc;
        right: 0;
        top: 0;
        height: 100%;
        padding: 0px 10px;
    }
    
    .eye-icon a {
        color: #000;
    }
    .manage-account-form form {
        padding: 30px 15px;
    }
    .margin-table-list {
        height: 54px;
        overflow: auto;
        padding: 5px;
        background: #fff;
        border: 1px solid #f2f2f2;
    }
    .margin-table-list p {
        margin: 0;
        font-size: 14px;
    }
    table p{margin:0;}
    .table td, .table th {
        border: 1px solid #ececec;
    }
    .table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(0, 0, 0, 0.01);
    }
    .table td {
    
        padding: 8px;
    }
    table select.form-control {
        height: 40px;
    }
    .agent-list-table select.form-control{
        min-width: 160px;
    
    }
    
    
    
    
    
    
    
    
    
    
    
        
    @media(max-width: 991px){
    .journey-detail-tab .nav-tabs>li{width: auto;}
    }
    @media(max-width: 767px){
    
    }
    
    .logo-image{width:75px;}
    .vyom-color{
    color:#18536b;
    }
    .top-row{
    background-color:#18536b;background-color: #18536b;
    height: 60px;
    
    }
    .logo-link{color:#ebce02;font-weight: bold;font-size:20px;text-decoration: none;}
    .top-section-container{margin-top: 8px;}
    .logo-link:hover{color:#fff;text-decoration: none;}
    .cart-total-amount,.cart-total-amount-checkout{display:none;font-weight: bold; }
    .booking-supplier-name{color:#999;}
    .booking-service-name{font-weight: bold;}
    
    .page-overlay {
    width: 100% !important;
    height: 731px !important;
    position: absolute;
    z-index: 99999;
    
    color: #000;
    top: 0px;
    background-color: #000;
    opacity: 0.2;
    float: left;
    }
    .confirmed-itinerary-message
    {
    background: #1e546b;
    padding: 10px;
    border-radius: 7px;
    color: #fff;
    font-weight: bold;
    }
    .generated-itinerary-id{
    color:#eac664 !important;
    }
    .book-now-activitiy.form-control[disabled]{
    background-color: #5cb85c !important;
    }
    .service-invisible-container{display:none;}
    
    .highligher-color{
    color:#ebce02;
    }
    .service-description p{text-align: justify;font-family: inherit;}
    .service-description {margin-top:5px;}
    .load-more-container { margin-bottom: 10px; }
    .invisible-item{display: none;}
    .booking-price-container{}
    .child-age-consent-container{font-weight: 70;font-size: 10px;}
    .child-age-alert{
    
    margin-left: 6px;
    color: #999;
    font-size: 12px;
    }
    .total-booking-price-span{font-weight: bold;padding-top: 40%;text-align: center;vertical-align: middle;}
    
    
    .night-stay-addition-link{font-size:12px; margin-left:3px;}
    .checkout-supplier-name{font-size:12px;}
    .form-suggestion{font-size:12px;color:#999;}
    .term-and-condition-content
    {
    display: none;
    max-height: 275px;
    overflow-y: scroll;
    position: absolute;
    background: #fff;
    z-index: 999;
    width: 80%;
    top: 37px;
    
    
    }
    
    .itemised-booking-price-row{
        width: 210px;
        color: #999;
    font-size: 12px;}
    .price-operator{
    
    font-weight: bold;
    color: #000;
    margin-right:10px;
    }
    
    .left-category-tab-link{
    
    position: fixed !important;
    left: 0px;
    top: 60px;
    width: 225px;
    
    }
    .segregation-invisible{display:none;}
    .category-segregation{}
     .service-type-count{margin-left:5px;}
    .service-type-price{margin-left:5px;}
    .accomodation-occupancy{display:none;}
    .accomodation-occupancy {
    
      background: #fff !important;
         
        position: absolute;
        z-index: 99;
        width: 65%;
        border:4px solid #ccc;
    }
    .room-number-label{color:#ccc;}
    .add-new-room-container{margin-top:10px;}
    .invisible-section{display:none;}
    .invisible-day-night{display:none;}
    .search-key-container{}
    .top_white_logo{display:block;}
    .service-currency{ color: var(--yellow-color) !important ;}
    .message-alert{color:#fff !important;}
    .child-age-toggler{margin-left:2px;}
    .child-age-container{    position: absolute;
        z-index: 9999;
        background-color: #fff;
        border: 1px solid #ccc;
         }
    .read-more-link{float:right;color:var(--gray-color);font-weight: bold;}
    
    .activity-detail-type {
        flex: 1;
    }
    .activity-cost-persson {
        flex: 2;
        
    }
    /*.activity-cost-persson .delete-booking-service {
        border: 1px solid #ddd;
        padding: 8px 20px;
        border-radius: 3px;
    }*/
    .activity-cost-persson .delete-booking-service a{
        border: 1px solid #ddd;
        padding: 8px 20px;
        border-radius: 3px;}
    .form-error-field{border:1px solid #ea2a03 !important;}
    .journey-detail-section .main-container {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .journey-detail-section {
        padding-left: 240px;
    }
    .pull-right{float: right;}
    .update-price-button{color:#fff;
    border: 1px solid var(--yellow-color);
        border: 1px solid var(--yellow-color);
        padding: 10px;
        margin-right: 10px;
        width: 100%;
    }
    
    .sumo_city_id.SumoSelect>.CaptionCont 
    {
      padding: 10px;
    }
    
    .sumo_city_id.SumoSelect.open .search-txt 
    {
        display: inline-block;
        width: 100%;
        margin: 0;
        padding: 8px;
        border: none;
        box-sizing: border-box;
        border-radius: 5px;
        height: 46px;
    }
    .sumo_city_id.open>.optWrapper 
    {
        top: 46px;
        display: block;
    }
    .product-search-form-container .form-control, .product-search-form-container .submit-search .btn, .book-now-activitiy.btn{
    
    /*height:40px;
    padding:.12rem .12rem;*/
    }
    .dt-pkr-cntnr{
        width:120px;
    }
    .filter-category{
        width:150px;
    }
    .booking-start-date, .booking-end-date{width:120px !important;}
    .cancellation-policy-container {
        min-width: 400px;
        right: 0;
        background: rgba(0, 0, 0, 0.73);
        padding: 0px 15px;
        border-radius: 6px;
        top: -50px;
        display:none;
        z-index: 999;
    }
    /*.cancellation-policy-container:before {
        content: "";
        position: absolute;
        right: 47px;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        border-bottom: 5px solid rgba(0, 0, 0, 0.73);
        bottom: 100%;
    }*/
    .cancellation-policy-text {
        border-bottom: 1px solid #616161;
        padding: 5px 15px;
        border-top: 1px solid #3c3c3c;
    }
    .cancellation-policy-text:first-child{
        border-top: 0px;
    }
    .cancellation-policy-text:last-child{
        border-bottom: 0px;
    }
    .cancellation-policy-text p {
        font-size: 12px;
    }
    
    
    .abhi-tab
    {
      background: white;
      padding: 15px 30px;
      min-height: 800px;
    }
    
    .abhi-form-controls, .abhi-form-cntrols-sm
    {
      padding: 0px 2px;
    }
    .abhi-form-controls .form-control:not(select), .abhi-form-cntrols-sm .form-control:not(select), .abhi-form-cntrols-sm-default-padding .form-control:not(select)
    {
      padding: 0px 5px;
    }
    .abhi-form-controls select, .abhi-form-controls-sm select, .abhi-form-cntrols-sm-default-padding select 
    {
      padding: 0px 2px;
    }
    .abhi-form-cntrols-sm .form-control, .abhi-form-cntrols-sm-default-padding .form-control
    {
      font-size: small;
      height: calc(1.5em + .75rem);
    }
    .abhi-form-cntrols-sm textarea, .abhi-form-cntrols-sm-default-padding textarea
    {
      height: auto;
    }
    
    .abhi-form-cntrols-sm, .abhi-form-cntrols-sm-default-padding
    {
      margin-bottom: .75rem;
    }
    
    .abhi-form-cntrols-sm label, .abhi-form-cntrols-sm-default-padding label
    {
      margin-bottom: 0;
    }
    
    
    .abhi-yellow-btn {
        margin: 0;
        background: var(--yellow-color);
        /*font-weight: 700;*/
        /*padding: 15px 15px;*/
    }
    
    .abhi-blue-btn {
        /*height: 46px;*/
        background: var(--gray-color);
        color: #fff;
        /*font-weight: 500;*/
    }
    .default-btn
    {
        background: #ddd;
        color: #fff;
    }
    
    .city-dropdown-container{width:130px;}
    
    /*minaj css start*/
    
    .cancellation-policy-area{
        left:0;
        /* top:30px; */
        top:50px;
        left:106px;
    }
    .cancellation-policy-area:after{
            content: "";
        position: absolute;
        right: 50%;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        border-bottom: 5px solid rgba(0, 0, 0, 0.73);
        bottom: 100%;
    }
    
    .pickup-input-date label{
        color:#6c757d;
    }
    .price-button .book-now-space{
        padding:0px 7px;
    }
    
    .change-over-delete i{
            color: #ff0000;
        font-size: 42px;
    }
    .change-over-add{
        background-color:#ced4da;
    }
    
    
    
    .place-subheading {
        color: #868686;
        font-size: 14px;
        font-weight: 500;
        margin-top: 5px;
        }
    
    .cart-summary-link{
        color: var(--yellow-color);
        font-weight: bold;
    }
    .navbar-list>li:last-child>a{
        padding-right:0;
    }
    .booking-form-area{
        padding:10px;
    }
    .change-over-input{
        margin-right:8px;
        width: 112px;
    }
    
    .change-over-form .form-control{
        font-size: 12px;
    }
    .manage-top-form{
        padding: 0px 2px;
    }
    
    #process-loader p{
        position: absolute;
         color:#fff; 
         top:50%; 
         left: 50%; 
    
    }
    #process-loader p img{
        height:50px;
        width:50px;
    }
    .top-product-search-form{
        margin-bottom:10px;
    }
    .product-specify-section{
        background-color: #fbfbfb;
    }
    .product-specify-section p{
        font-weight: 700;
        margin-bottom:0;
    }
    .inclusion-area p i{
        color:#28a745;
    }
    .exclusion-area p i{
        color:#ff0000;
    }
    .specify-area>span{
        padding-left:20px;
    }
    .guest-count-label{
        cursor:pointer;
    }
    .guest-container-popup{
        
        position: absolute;
        z-index: 9999;
        width: 300px;
        background: #fff;
        left: 300px;
    }
    .guest-count-area{
        padding:10px;
    }
    
    .guest-count-area label{
        font-weight: 500;
        font-size: 14px;
    }
    .guest-count-area .room-counter-label{
        font-size: 16px;
    }
    .special-equip-container-popup{
        
        position: absolute;
        z-index: 9999;
        width: 200px;
        background: #fff;
        right: 10px;
    }
    .special-equip-area{
        padding:10px;
    }
    .special-equip-area label{
        font-weight: 500;
        font-size: 14px;
    }
    .special-equip-count {
        background: #f3f3f3;
        padding: 10px 0px;
        border-top: 1px solid #ccc;
    }
    .guest-room-count {
        background: #f3f3f3;
        padding: 10px 0px;
        border-top: 1px solid #ccc;
    }
    .guest-room-info .form-control{
     height: 30px;
     padding: 1px 15px;
    }
    .child-age-input{
    padding-top:5px;
    }
    .child-age-input input{
      width: 70px;
    }
    
    label.room-counter-label{
        color:#868686;
    }
    .user-error-message-container{color:red !important;text-align: center;}
    
      
    
    .guest-container-close i{
        color: #1e546b;
    }
    .filter-guest_count .guest-count-label{
        margin-top:8px;
        font-weight: 500;
    }
    .filter-guest_count .guest-count-label i{
        font-size: 11px;
    }
    .room-type-booking-btn{
    
    
        bottom: 0px;
        right: 0px;
        background: var(--yellow-color);
        font-weight: 600;
        padding: 10px 15px;
        width: 100%;
        transition: all 0.3s;
    }
    .room-type-booking-btn:hover{
    
        color: #212529;
        text-decoration: none;
    }
    
    .service-list-section{
        box-shadow: 0px 0px 4px 5px #d8d8d8;
        margin-bottom: 10px;
    }
    .service-cart-action{
        padding: 15px;
        min-height: 0px;
        min-width: 0px;
    }
    .service-cart-action h4{
        margin-bottom:0px;
    }
    .service-type-cart-btn{
        padding: 10px 50px;
    }
    .service-type-description p{
        margin-bottom: 10px;
    }
    .product-listing-img{
    
      position: relative;
    }
    .image-overlay{
      opacity: 0;
      position: static;
      top: 0;
      width: 100%;
      height:180px;
      left: 0;
      background-color: #ccc;
      text-align: center;
    
     }
     
     .product-listing-img a:hover .image-overlay {
        position: absolute;
        z-index: 9000000;
      opacity: 0.5;
      
    }
    .image-overlay  i
    {
        position: absolute;
        top:45%;
        left:45%;
        font-size: 35px;
        color: #000;
    }
    
    .payment-confirm-section .nav-tabs
    {
        border-bottom:0;
    }
     
    .cancellation-charge-info{
        left: 0;
    }
    
    
    .payment-confirm-section .tab-content{
        background:#fff;
        min-height: 0;
    }
    
    .full-payment-section {
       padding: 5px 10px 20px 10px;
    }
    .payment-area-cart{
        border-right:1px solid #ccc;
    
    }
    .count-cart p {
        margin: 0;
    }
    .count-cart span{
        width: 26px;
        height: 26px;
        font-size: 16px;
        background: #eac664;
        color: #fff;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .your-cart-service {
        margin-top: 10px;
        max-height: 120px;
        overflow-y: scroll;
        border-bottom:1px solid #ccc;
    }
    .your-cart-service p{
        margin: 0;
    }
    .payment-area-cart li{
        list-style: none;
    }
    .list-cart-service li{
        margin-bottom:10px;
    }
    .currency-area{
        min-width: 60px;
    }
    .amount-service span{
        color: #999;
        font-size: 12px;
        padding-right: 7px;
        font-weight: bold;
    }
    .list-cart-service a{
        color:#999;
        font-size: 12px;
    }
    .list-cart-service li i:hover{
        color:#ff0000;
    }
    
    
    
    .wallet-amount-list p{
          color:#999;
          font-size: 12px;
          margin: 0;
    }
    .wallet-amount-list p label{
        color:#ff0000;
        margin: 0;
    }
    .payable-total-amount p{
          color:#999;
          font-size: 12px;
          margin: 0;
    }
    .payable-total-amount li {
        padding: 10px 0px 0px 0px;
    }
    
    .wallet-amount-list {
        margin-top: 10px;
    }
    .wallet-cart p{
        margin: 0;
    }
    .wallet-amount-list p{
        color:#999;
          font-size: 12px;
        margin: 0;
    }
    .wallet-section li {
        padding: 0px 0px 10px 0px;
    }
    .currency-nz{
        margin-right:7px;
    }
    
    
    
    .tab-payment li{
        margin-bottom:25px;
    }
    .tab-payment li a.active{
        background:#eac664 ;
        color:#fff !important;
        font-weight: 600;
    }
    .tab-payment li a{
        border: 1px solid #eac664;
        color: #999999 !important;
        border-radius:3px;
        padding: 10px 15px;
        font-weight: 500;
    }
    
     
    .product-listing-img figure img{
        max-height: 100%;
        height:180px;
    } 
    
    
    .product-listing-img figure img {
        max-height: 100%;
        height: 180px;
    }
    
    .guest-room-index-lbl{font-weight: bold;}
     
    
    .service-section-detail{
        margin: 10px 0px;
    }
     .accomodation-service-detail {
        /*border-top: 1px solid #d8d8d8;
        padding:5px 0px;
        border-bottom: 1px solid #d8d8d8;
        box-shadow: 0px 5px 4px -6px #ccc;*/
    }
    /*.first-section-service-detail {
        border-right: 1px solid #d8d8d8;
    }
    */.long-detail-service{
        padding: 5px 15px;
    }
    .service-type-cancel-policy {
        padding-left: 10px;
    }
    .cancellation-policy-area p{
        margin: 0;
    }
    .cancellation-service-area{
        left: 0;
        right: 50%;
        top:50px;
    }
    .payment-success-text {
        color: #28a745;
        font-weight: 600;
    }
    .payment-success-text i {
        font-size: 20px;
    }
    .payment-thank-text p{
        font-size: 24px;
        font-weight: 700;
    }
    .payment-failed-text{
        color:#ff0000;
        font-weight: 600;
    }
    .payment-failed-text i {
        font-size: 20px;
    }
    .payment-try-text p{
        font-weight: 700;
    }
    .accomodation-service-detail li {
        list-style: none;
    }
    .accomodation-service-detail li span {
        padding-left: 10px;
    }
    .accomodation-service-detail li i {
        color: #868686;
    }
     
     .adult-gender-type select{
        width: 100px;
        margin-right: 10px;
     }
     .pay-later-button{
        background-color: #999;
        border-color:#999 !important;
     }
     .top-search-label input, .top-search-label select{
        border:none;
        outline: none;
     }
     .top-search-label label{
        margin: 0;
        font-size: 12px;
        padding: 0px .75rem;
     }
     
    
     .service-complete-details-container{
        
     }
    
                 .detail-hide-icon {
        padding-left: 10px;
    }
     .detail-hide-icon .form-control{
        height: 22px;
        margin-top: 2px;
        padding: 0px 0px 0px 10px;
    }
     .service-type-service-heading{
        border-bottom: 0;
        padding:10px 0px;
        cursor:pointer;
    }
    .service-type-detail-content  {
        padding: 0px;
    }
    .service-type-detail-content  .place-detail-content{
        padding: 0px;
    }
    .service-type-footer{
        border-top: 0px;
    }
     
    
    .room-toggle-class{border:none !important;}
    .room-type-heading{cursor:pointer;}
    
    .discount-image{width:25px;height:25px;}
    
     
    .confirmation-number-text , .cancellation-fee-msg{font-size: 11px;color:#777;}
    
    .confirm-booking-cancellation-policy{
        min-width: 400px;
        right: 0;
        background: rgba(0, 0, 0, 0.73);
        padding: 0px 15px;
        border-radius: 6px;
        z-index: 999;
        position: absolute;
    }
    .make-new-bookings{margin-top: 10px;background-color: var(--yellow-color);border-color:var(--yellow-color);}
    .cancellation-section-supplier-name{color:#999;}
    .non-confirmed-booking, .highilighter-text{color: #e05555;
        font-weight: bold;}
    .confirmed-booking, .completed-booking-details-text{color: #1e7e34;
        font-weight: bold;}
    
    .re-confirmed-booking:before{
        color:var(--yellow-color);
    }
    
    .form-age-hint-color{font-size: 12px;color:#888;}
    .cancelled-booking{background-color: #E05556;
        color: #fff;
        font-weight: bold;
        padding: 5px 8px;
        border-radius: 10px;
        font-size:12px;
    }
    .requested-booking {
        background-color: #ffb75f;
        color: #fff;
        font-weight: bold;
        padding: 5px 8px;
        border-radius: 10px;
        font-size: 12px;
    }
    .re-confirmed-booking,.confirmed-booking{
    
        background-color: #1e7e34;
        color: #fff;
        font-weight: bold;
        padding: 5px 8px;
        border-radius: 10px;
        font-size: 12px;
    }
    .booking-cancel-button{
        font-size:14px;
        color:#E05556;
        clear:both;
        float:left;
    }
    
    
        .disable-checkout-btn{}
        .disable-checkout-btn button{display:none !important;}
    
    .address-details-container{margin-top:20px;}
    
    .primary-guest-text{
        font-size: 14px;
        text-align: right;
    }
    
    .service-type-spec-heading{
        color:var(--yellow-color);
        font-weight: bold;
    }
    
    .cancellation-policy-container{
        max-height: 300px;
        display: block;
        overflow:scroll;
        overflow-x:hidden;
    }
    .booking-combination-service{
        font-family: italic;
        text-decoration: underline;
    }
    
    .decreased-price-cls{
        background-color: green;
        color: #fff;
        font-weight: bold;
        padding: 12px;
    }
    .increased-price-cls{
        background-color: #eac664;
        color: #fff;
        font-weight: bold;
        padding: 12px;
    }
    .service-type-name{
    color:#868686;
    }
    .room-no-cntnr{font-size: 11px}
    .per-room-container{}
    .booking-status-spn{cursor:pointer;}
    .guest-name-message{
         
        position: absolute;
        bottom: 10px;
        right: 17px;
        color: red;
        font-size: 10px;
    }
    .success-symbol-cls{
        background-color:#1e7e34;
        background-color: #1e7e34;
        color: #fff;
        padding: 2px;
        border-radius: 5px;
    }
    .delete-symbol-cls{
        background-color:#FF0000;
        background-color: #FF0000;
        color: #fff;
        padding: 2px;
        border-radius: 5px;
    }
    .per-room-container{border-bottom: 1px solid #efefef;}
    
    .service-cancellation-policy-area{
        overflow: auto;
    }
    .service-cancellation-policy-area:after{
        display: none;
    }
    .combination-available-spn {
    
        background-color: green;
        color: #fff;
        font-weight: bold;
        padding: 2px;
        /* border-radius: 7px; */
        font-size: 12px;
        margin-left: 10px;
    }
    
    
    }*/
    .rental-multiselect{
        position: relative;
    }
    .mulSelect .dropdown-menu{
        min-width: 0px !important;left:-100% !important;
      }
    .rental-multiselect button{
        background: #f8f9fa !important;
        font-size: 12px !important;
    }
    .rental-multiselect option{
        font-size: 12px !important;
    }
    .mulSelect .dropdown-menu span{
        font-size: 12px !important;
    }
    .mulSelect .bootstrap-select .dropdown-toggle .filter-option{
        padding-left: 0px;
    }
    .mulSelect .bs-searchbox input{
        font-size: 12px !important;
    }
    .mulSelect .dropdown-menu .inner .no-results{
        font-size: 12px !important;
    }
    .rental-multiselect button .filter-option-inner-inner{
       color: #7d7d81 !important; 
        }    
    
    .booking-reference-input{ height:38px; }
    .cancellation-on-booking-container{font-size:10px;color:#e05555}
    
    .booking-reconfirmation-button{float:left; clear:both;float:left;}
    
    
    
    .star {
       /* font-size: x-large;*/
       font-size:18px;
        width: 50px;
    
    }
    
    .star:before {
        content:'\2605';
    }
    .star.on {
         color:var(--yellow-color);
    }
    .star.half:after {
        content:'\2605';
        color:var(--yellow-color);
        position: absolute;
        margin-left: -16px;
        width: 8px;
        overflow: hidden;
    }
    
    .child-agen-hint{font-size: 10px}
    
    
    
    .confirm-cancel-policy-area{
        border: 1px solid #f7e6b9;
        border-radius: 15px;
        background: #f9f9f9;
        padding: 5px 12px;
        font-size: 12px;
        color: #777;
        float:left;
    }
    .booking-cancel-area{
        padding: 5px 12px;
        font-size: 12px;
        border-radius: 15px;
        border: 1px solid #e15a56;
        width:100%;
            margin-top: 5px;
    }
    .booking-status-area{
        padding: 5px 12px;
        font-size: 12px;
        border-radius: 15px;
        border: 1px solid #ccc; 
        width:100%;
            margin-bottom: 5px;
    }
    .non-confirmed-booking{
        font-size: 12px;
        width: 100%;
        border: 1px solid red;
        border-radius: 19px;
        padding: 5px 12px;
        margin-bottom: 5px;
    }
    .cart-status-cancel-area{
        padding-top: 20px;
    }
    .confirm-number-area{
    
        font-size: 12px;
    }
    .book-reconfirm-area{
            font-size: 12px;
        border: 1px solid #ccc;
        border-radius: 15px;
        padding: 5px 12px;
        margin-top: 5px;
        width: 100%;
    }
    
    
    .hidden-star{display:none;}
    .supplement-row{background-color: rebeccapurple;
        color: #fff;
        padding: 5px;
        margin-top: 10px;
        font-weight: bold;
        border-radius: 2px;
        float: left;margin-left: 1px; margin-bottom: 1px;}
    
    
    .confirmed-booking-cancellation-details{
        
    }
    
    
    .go-booking-button{
        background: #4ca5fd;
        border: 1px solid #4ca5fd;
        margin: 10px 0px;
        border-radius: 4px;
        color: #ffffff;
        margin-top:10px;
    }
    .top-search-bookings{
        width: 32%;
        position: relative;
    }
    .top-search-bookings input{
        height: 38px;
        border-radius:4px;
    }
    .top-search-bookings:before {
        content: '\f002';
        font-family: 'FontAwesome';
        position: absolute;
        top: 8px;
        right: 12px;
        color: rgba(0,0,0,0.54);
    }
    .header-top-container{
        padding: 0px 15px;
    }
    
    .supplement-text{
        background-color: var(--gray-color);
        padding: 5px;
        border-radius: 10px;
        color:#fff;
    }
    .customize-label{    
        font-weight: 500 !important;
        color: #454545;
        
    }
    .checkin_checkout_tab{
        width: 50%;
        float: left;
    }
    .guest_modify_tab{
        width: 50%;
        float: right;
    }
    .modification-requested-spn{background-color:#e15a56;border-radius: 2px;color:#fff;padding:2px;float:left;margin-top: 2px;margin-right:2px;}
    .modification-status-check-button{padding: 5px 12px;
        font-size: 12px;
        border-radius: 15px;
        border: 1px solid #ccc;
        float:left;
    }
    .received-modification-status-message{float:left;}
    .modification-accepted-spn{
        background-color:green;border-radius: 2px;color:#fff;padding:2px;float:left;margin-top: 2px;margin-right:2px;
    
    }
    
    .modification-requested-status-msg{vertical-align: middle;float: left;}
    .modification-user-action-container{
        float: left;
        display: block;
        width: 100%;
        margin-top:10px;
    }
    
    .review-amndnt-trm-lnk{text-decoration: underline;
         }
    .agreed-extra-charges{margin-top:20px;}
    .modification-rejection-msg{color:#e15a56;font-weight: bold;}
    .agreed-modification-fee-msg{color:#999;}
    .unconditional-modification-icn{margin-right:3px;font-size:26px;}
    .guest-name-container{margin-top: 12px;}
    
    .guest-child-age{
        text-align: right;
            color: #1e5482;
    }
    .delete-guest{
        color: red;
    }
    .rename-guest{
        color: #ccc;
    }
    .add-guest{
        color: #28a745;
        font-weight: bold;
    }
    .add-guest-spn a{font-size:10px;color:#777;}
    
    .header-account:hover  .dropdown-menu{
        display: block;
        margin-top:0;
    }
    .online-payable-amount p b, .online-payment-amount{font-weight: bold;color:green;}
    .online-payable-amount p b{font-size:15px;}
    .itinerary-owner{color:#999;float:right;}
    .it-status-lbl{
                    float:left;
    
                    padding: 3px;
                    color: #fff;
                    font-weight: bold;
                    border-radius: 5px;
                    text-align: center;
                    width: 110px;
                    }
    .it-status-cls-IN_CART{ background-color:var(--yellow-color); }
    .it-status-cls-REQUESTED{background-color:#ffb75f;}
    .it-status-cls-CONFIRMED{background-color:#999;}
    .it-status-cls-VOUCHERED{background-color:green;}
    .it-status-cls-CANCELLATION_IN_PROGRESS{background-color:var(--alert-color);}
    .it-status-cls-CANCELLED{background-color:#E05556;}
     
    
    .manage-book-select{
        border:1px solid #ccc;
    }
    .manage-book-select .btn-group{
        width: 100%;
    }
    .manage-book-select .btn-group button{
       overflow: hidden;
       padding-right:0px;
       padding-left:0px;
    }
    .manage-book-select .btn-group button span{
        color:#495057;
    }
    
    .manage-book-select .dropdown-menu{
    
        top: 100%;
     
        min-width: 250px;
    
     border: 1px solid #ccc;
    
        border-radius: 4px;
    
    }
    
    .manage-book-select .dropdown-menu li a label{
        display: flex;
            margin: 0;
        padding: 3px 20px;
        height: 100%;
        font-weight: 700;
            align-items: center;
    }
    .manage-book-select .dropdown-menu li a label input{
        margin-right:10px;
    } 
    .my-bookings-smr-spn{background-color: #999;font-weight: bold;padding:2px; border-radius: 2px;color:#fff;font-size:12px;}
    .summary-heading{}
    .Credit-transaction{}
    .transaction-span{}
    .wallet-transaction-container{}
    
    .Credit-transaction-amount {color:green;font-weight: bold;}
    .trnsction-amount{}
    
    .trnsction-remark{color:#999;}
    .trnsction-remark{color:#999;}
    .current-balance-container{display:none;}
    .current-balance-container span{font-size:20px;}
    .current-balance-label{font-size:10px !important;}
    .agent-current-balance{font-size:25px;text-align: center;}
    .trnsction-remark{
        /*color:#999;*/
        color: #d9bc64;
    }
    .trans-time-source{
        color: #999;
        font-size: 12px;
        line-height: 1;
    }
    
    .current-credit-container{ 
        background-color: var(--yellow-color);
        font-size: 13px;
        border-radius: 4px;
        padding: 3px;
        color: #212529;
        font-weight: bold;
    }
    .wallet-transaction-for{}
    
    
    
    @media screen and (max-width: 1099px){
    .top-mobile-search-bookings{
       width: 50%;
    }
    }
    @media screen and (max-width: 1052px){
         .mobile-wallet-journey-section {
        padding-left: 0px; 
    }
    
    }
    
    @media screen and (max-width: 800px){
          
    .top-mobile-search-bookings{
       width: 100%;
    }
    .top-mobile-contact{
            margin-left: auto;
        padding-right: 10px;
    }
    
    }
    .table-row{
       /* border: 1px solid #ccc;*/
     /*  border:1px solid #eaeaea;*/
       /* width: 100%;*/
    }
    /*.table-row-space{
        margin-left:0px;
    }*/
    .booking-table-row{
        background:#efefef57;
    }
    
    .booking-table-row  .table-data{
        /*width: 20%;*/
        padding: 10px;
        border-left: 1px solid rgb(234 198 100 / 28%);
    
    }
    .booking-table-row  .table-data:first-child{
        border-left:0px;
    }
    .table-head{
        font-weight: bold;
    }
    
     .booking-table-info-row .table-data-info{
        padding: 10px;
        border-left: 1px solid rgb(234 198 100 / 28%);
     }
     .booking-table-info-row .table-data-info:first-child{
        border-left:0px;
     }
     .table-title-text{
        color: #000;
     }
    
     .parent-table-data-row:nth-child(odd) {
        background-color: #efefef;
    }
    .parent-table-data-row:nth-child(even) {
        background-color: #eeffee;
    }
    
    .pax-input-label
    {
     color: white;
    }
    .pax-input-label small 
    {
        font-size: 13px;
        color: var(--yellow-color);
        margin-left: 2px;
    }
    .activity-pax-container{
        left:30px;
        bottom: 100%;
    }
    .activity-pax-lbl{margin-bottom: 0px !important;}
    
    .parent-table-data-row:hover{
    /*transform: scale(1.01);*/
    box-shadow: 0 2px 10px rgba(0,0,0,.15);
    }
    
    
    .book-details-area:last-child{
        border-bottom: 1px solid #bcbcbc;
    }
    .booking-detail-show-arrow{
        color: #1e546b;
        padding-left: 10px;
        font-size: 16px;
    }
    .bank_transfer_div{
        display: none;
    }
    .payment-rqst-mdl-sz{
        max-width: 400px!important;
    }
    
    .upload_img_preview_div
    {
        position: relative;
        width: 100%;
        max-width: 400px;
    }
    .upload_img_preview_div img {
        width: 332px;
        height:auto;
        border: 1px solid #ccc;
    }
    .upload_img_preview_div .btn{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-color: #555;
        color: white;
        font-size: 12px;
        padding: 2px 4px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        text-align: center;
    }
    .request_credit_image_div
    {
        position: relative;
    }
    .hide {
        display: none;
    } 
    .no-prdct-fnd-msg{font-size: 30px;text-align: center;}
    
    .oops-msg{font-size: 24px;}
    .server-error-image{max-width: none !important;width:100%;}
    
    
    .suggestion-msg{
        
        color: green;
        font-size: 14px;
        text-align: justify !important;
        float: left;
    }
    
    .error-code-message{color:#7294a2;font-weight: bold;}
    
    .righ-suggestion-container{margin-top:34px;}
    .error-code{border-top:1px solid #ccc; margin-top: 2px;}
    
    
    .rental-car-list::marker{
        font-size: 12px;
    }
    
    
    .my-booking-reference{color:#999;}
    
    .rental-excl-incl-area{
        background: #f3f3f3;
        box-shadow: 0 2px 10px rgba(0,0,0,.15);
    }
    .rental-excl-incl-area li{
        list-style: none;
        padding-top: 2px;
    }
    .rental-excl-incl-area span{
        color: #989898;
        padding-right: 5px;
    }
    .car-rental-incln {
        border-right: 1px solid #c9d5e0;
    }
    .shuttle-time-info-lbl {margin-left:2px;}
    .rental-car-info-icon p{
        padding-left:12px;
        margin:0px;
        line-height: 0;
    }
    .rental-car-info-icon p:first-child{
        padding-left:0px;
    }
    .rental-car-info-icon p{
        font-size: 14px;
    }
    .rental-car-info-icon p span{
        line-height: 1;
    }
    .rental-car-info-icon .small-suitcase{
        font-size: 12px;
    }
    .rental-car-description{
        margin-top:5px;
    }
    .service-list-section-rental{
        padding:10px 15px;
    }
    .cart-rental-car-info-icon span{
        font-size: 12px;
        color: #777;
    }
    .cart-rental-car-info-icon span .small-suitcase{
        font-size: 10px;
    }
    .airport-search{
        width: 12%;
    }
    .alert-message{color:#e05555}
    
    
    
    
    /*.book-rental-multiselect{
        border:1px solid #ccc;
    }*/
    .book-rental-multiselect .btn-group{
        width: 95%;
        height: 46px;
    }
    .book-rental-multiselect .btn-group button{
       overflow: hidden;
       padding-right:0px;
       padding-left:0px;
    }
    .book-rental-multiselect .btn-group button span{
        color:#495057;
        font-size:1rem;
        padding: .375rem .75rem;
    
    }
    
    .book-rental-multiselect .dropdown-menu{
    
        top: 100%;
        min-width: 250px;
        border: 1px solid #ccc;
    }
    
    .book-rental-multiselect .dropdown-menu li a label{
        display: flex;
        margin: 0;
        padding: 3px 20px;
        height: 100%;
        font-weight: 700;
        align-items: center;
    }
    .book-rental-multiselect .dropdown-menu li a label input{
        margin-right:10px;
    } 
    .book-rental-multiselect button {
        background: #f8f9fa !important;
        font-size: 12px !important;
    }
    .book-rental-multiselect .checkbox input[type="checkbox"] {
        display: block !important;
    }
    .add-option-label>label{
        color: #fff;
        width: 160px;
        font-size: 15px;
    }
    .addtional-options-show
    {
        height: 20px;
        width: auto;
        margin: 1px;
        font-size: 14px;
        font-weight: normal;
    }
    
    .manage-user-select{
        border:1px solid #ccc;
    }
    .manage-user-select .btn-group{
        width: 100%;
    }
    .manage-user-select .btn-group button{
       overflow: hidden;
       padding-right:0px;
       padding-left:0px;
    }
    .manage-user-select .btn-group button span{
        color:#495057;
    }
    
    .manage-user-select .dropdown-menu{
        top: 100%;
        min-width: 250px;
        border: 1px solid #ccc;
        border-radius: 4px;
    }
    .manage-user-select .dropdown-menu li a label{
        display: flex;
        margin: 0;
        padding: 3px 20px;
        height: 100%;
        font-weight: 700;
        align-items: center;
    }
    .manage-user-select .dropdown-menu li a label input{
        margin-right:10px;
    } 
    
    /*
    CATEGORY SELECT CSS
    */
    .manage-category-select{
        border:1px solid #ccc;
    }
    .manage-category-select .btn-group{
        width: 100%;
    }
    .manage-category-select .btn-group button{
       overflow: hidden;
       padding-right:0px;
       padding-left:0px;
    }
    .manage-category-select .btn-group button span{
        color:#495057;
    }
    
    .manage-category-select .dropdown-menu{
        top: 100%;
        min-width: 250px;
        border: 1px solid #ccc;
        border-radius: 4px;
    }
    .manage-category-select .dropdown-menu li a label{
        display: flex;
        margin: 0;
        padding: 3px 20px;
        height: 100%;
        font-weight: 700;
        align-items: center;
    }
    .manage-category-select .dropdown-menu li a label input{
        margin-right:10px;
    }
    
    /*
     * VENDOR SELECT CSS
    */
    .manage-vendor-select{
        border:1px solid #ccc;
    }
    .manage-vendor-select .btn-group{
        width: 100%;
    }
    .manage-vendor-select .btn-group button{
       overflow: hidden;
       padding-right:0px;
       padding-left:0px;
    }
    .manage-vendor-select .btn-group button span{
        color:#495057;
    }
    
    .manage-vendor-select .dropdown-menu{
        top: 100%;
        min-width: 250px;
        border: 1px solid #ccc;
        border-radius: 4px;
    }
    .manage-vendor-select .dropdown-menu li a label{
        display: flex;
        margin: 0;
        padding: 3px 20px;
        height: 100%;
        font-weight: 700;
        align-items: center;
    }
    .manage-vendor-select .dropdown-menu li a label input{
        margin-right:10px;
    }
    .booking-vendor-spn 
    {
        border:solid 1px #999;
        padding: 2px !important;
        font-size: 10px;
        border-radius: 4px;
        font-family: none;
    }
    .tax-font{
        font-size: 10px;
        color:#999 !important;
    }
    .additional-item-option{
        margin-top:12px;
    }
    .manage-book-top-select{
        margin-left:2px;
    }
    .cancellation_remarks{
        color: #FF6347  ;
        font-size:13px;
    }
    .enter-booking-remarks {
        margin-top: 14px;
        
    }
    .enter-booking-remarks a
    {
        text-decoration: underline;
    }
    .enter-booking-remarks i
    {
      color: #ccc;
    }
    .booking_remarks input
    {
      height: 38px; 
    }
    .booking_remarks
    {
     margin-bottom: 0 !important;
     margin-top: 12px;
    }
    .fare-harbor-pax-label
    {
      color: #ffff;  
      font-weight: 400;
      font-size: 15px;
    }
    .fare-harbor-pax-cantainer-popup
    {
        position: absolute;
        z-index: 9999;
        width: 300px;
        background: #fff;
        left: 300px;
    }
    
    .pax-count-area{
        padding:10px;
    }
    .pax-count-area label{
        font-weight: 500;
        font-size: 14px;
    }
    .fare-harbor-customer-type-rates .form-control{
     height: 30px;
     padding: 1px 15px;
    }
    .fare-harbor-customer-type-rates .row{
     margin-bottom: .2rem;
    }
    .fare-harbor-pax-input-label
    {
      cursor:pointer;
      width: 120px;
    }
    .fare-harbor-pax-input-label i
    {
     margin-top: 6px;
     float: right;
    }
    .activity-book-option-container{
        width: 100%;
    }
    .hint-msg{font-size: 10px; color:#999;}
    .actvt-bkng-option-age-hint{font-size: 14px; color:#999;}
    .actvt-bkng-unt{width:35px;}
    .actvt-pax-age{width:113px;}
    .livn-flavour
    {
    margin-top: 10px;
    }
    .itemised-booking-price-row div {
        margin:5px 0px 5px 0px;
    }
    
    .bkn-frm-input{width: 146px !important;}
    
    
    .service-list-tab-content .tab-content{
            background: #ffffff;
        min-height: auto;
    }
    .service-list-tab-content .nav-link{
        padding: .3rem .6rem;
        font-size: 12px;
    }
    .activity-operating-days{
        /* font-size: 14px; */
        font-size: 10px;
        line-height: 0.5;
    }
    .booking-remark-section a{
        //border: 1px solid #dddddd !important;   
        //padding: 1px 8px;
        margin-top:3px;
        text-decoration: underline;
        //border-radius: 3px;
    }
    .cart-guest-cost-table{
        flex:none;
    }
    /*.booking-remark-section .cancel-remark{
        border: 1px solid #dddddd !important;
        padding: 8px 20px;
    }*/
    .booking-remark-section .save-remark{
         background-color: green;
         color: #fff;
    }
    .booking-remark-section .save-remark:hover{
        color: #fff;
    }
    .delete-cart-section{
        margin-left:0px;
    }
    .checkout-confirmation-button{
        margin-left:10px;
    }
    .levies-div
    {
      font-size: 12px;
    }
    
    .no-bottom-margin{
        margin-bottom: 0px !important;
    }
    
    .levies-div{margin-bottom: 3px;}
    .levies-msg-alert{color:red;}
    .flavour-levies-title{width:200px;}
    .levies-alert-container{font-size: 10px;color:#999;}
    .actvt-flvr-lbl{margin-bottom: 0px !important;}
    .actvt-flvr-lvs-cntnr{padding-left: 0px !important;}
    .multi-option-price-label{
            color: #777;
        width: 225px;
        font-size: 12px;
    
    
    }
    
    .activity-option-item select.form-control{
        font-size: 12px;
        padding: 0px;
        height: 32px;
    }
    .book-option-pick-label{
        margin: 0;
    }
    .option-pax-age{
        padding-top:5px;
        padding-left:0px;
    }
    .activity-option-start{
        /*box-shadow: 0 2px 3px rgba(0,0,0,.15);*/
           box-shadow:  0 4px 4px -2px rgba(0,0,0,.15);
    }
    .livn-pickup-p{
        margin-bottom: 7px !important;
    }
    .livn-pickup-div
    {
        margin-top: 10px;
    }
    
    .activities-booking-guest-container label
    {
      margin-bottom: 0;  
    
    }
    .not-confirm-msg{
        font-size: 10px;
        width: 250px;
    }
    
    .activity-option-area{
        max-height: 300px;
        overflow-y:scroll;
    }
    
    .FARE_HARBOR_option_container{
        width: 65%;}
    .FARE_HARBOR_option_container .activity-option-start .row{
        margin-bottom:10px;
    }
    .multi-option-amount{
           width: 85px;
        text-align: left;
        float: right;
        padding-left: 10px;
    }
    .customfields-container
    {
        position: absolute;
        z-index: 9999;
        background: #fff;
        left: 347px;
    
        font-weight: 500;
        font-size: 14px;
        width: 60%;
    }
    .customfields-container .form-control
    {
        width: 238px;
        height: 37px;
    }
    .modification_booking_options_container
    {
        position: absolute;
        z-index: 9999;
        width: 240%;
        background: #efefef;
        left: 30px;
        padding: 10px;
    }
    .modification-customfields-container
    {
       position: absolute;
       z-index: 9999;
       width: 133%;
       background: #efefef;
       left: 15px; 
       padding: 10px;
     }
     .activites-custom-fields
     {
        height: 32px;
     }  
     .coverage-option-show{
        height: 100%;
        width: 100%;
        margin-bottom:8px;
     }
     .icon_image{
        width: 16px;
        height: auto;
     }
     .exclusion_margin_top
     {
        margin-top: 32px !important;
     }
    
     .rental-vendor-select .dropdown-menu{
        left: -14px !important;
    
     }
     .rental-vendor-select button{
        background: transparent;
        color: #818181;
        padding: 0;
        font-size: 12px;
     }
     .rental-vendor-select .btn-group{
        width: auto !important;
     }
     .rental-vendor-select .checkbox input[type="checkbox"]{
         display: block;
     }
     .rental-vendor-select .multiselect-container>li>a>label{
        display: flex;
        padding: 3px 20px;
        align-items:center;
     }
     .rental-vendor-select .dropdown-menu li a label input{
        margin-right:10px;
     }
    
    
    /*
    CATEGORY SELECT CSS
    */
    /*.car_type_select_div{
        border:1px solid #ccc;
    }*/
    .car_type_select_div .btn-group{
       /* width: 100%;*/
       width: auto !important;
    }
    .car_type_select_div .btn-group button{
        background: transparent;
        color: #818181;
        padding: 0;
        font-size: 12px;
    }
    .car_type_select_div .btn-group button span{
        color:#495057;
    }
    
    .car_type_select_div .dropdown-menu{
        left: -14px !important;
    }
    .car_type_select_div .dropdown-menu li a label{
        display: flex;
        margin: 0;
        padding: 3px 20px;
        height: 100%;
        font-weight: 700;
        align-items: center;
    }
    .car_type_select_div .dropdown-menu li a label input{
        margin-right:10px;
    }
    .car_type_select_div .checkbox input[type="checkbox"]{
         display: block;
     }
    
    
    
     .activity-pax-count-div .guest-count-label{
        margin-top:8px;
        font-weight: 500;
    }
    .activity-pax-count-div .guest-count-label i{
        font-size: 11px;
    }
    
    .pax-counter-container{
        
        position: absolute;
        z-index: 9999;
        width: 300px;
        background: #fff;
        left: 300px;
        padding: 10px;
    }
    
    .pax-counter-container label
    {
        font-weight: 500;
        font-size: 14px;
    }
    
    .pax-count-box {
        background: #f3f3f3;
        padding: 10px 0px;
        border-top: 1px solid #ccc;
    }
    .pax-count-input-div .form-control
    {
     height: 30px;
     padding: 1px 15px;
    }
    .pax-count-age-input{
    padding-top:5px;
    }
    .pax-count-age-input input{
      width: 70px;
    }
    
     .label_note_div
     {
        font-size: 9px;
         
        margin-top: -2px !important; 
     }
     .label_note_div_service_list_page
     {
        color: #666;
     }
     .cancel-room-name{
        color: #fff;
     }
     .booking-cancel-status-area{
        width: auto;
    }
    .not_modification_message
    {
      font-size: 11px;
      color: #777;
      width: 125px;  
    }
    .cancellation-charge-div
    {
       color: red; 
    }
    .booking-option-label{
        margin:0;
    }
    .fareharbor-flavour-extra-details label
    {
      margin-bottom: 0px !important;
    }
    .fareharbor-flavour-extra-details .form-control
    {
      margin-bottom: 10px;
    }
    .subheading-for-flavour
    {
      margin-top: 0 !important;  
    }
    
    
    
    
    /*search boxes common css start for top search*/
    
    .common-search-element{
         /* width: 110px; */
         width: auto;
    }
    .common-search-element label{
        /* font-size: 10px; */
        font-size: 12px;
        /* padding: 5px; */
        padding: 0px 5px;
        font-weight: 600;
       
    }
    .common-search-element .SumoSelect>.CaptionCont>span.placeholder , .common-search-element .SumoSelect>.CaptionCont>span{
         font-style: normal;
         /* font-size: 10px; */
         font-size: 12px;
         color: #81868a;
    }
    .common-search-element .btn-group button{
        font-size: 10px;
    }
    .top-guest-count{
        padding-left: 0px;
        padding-right:0px;
    }
    .top-guest-count .guest-count-label i{
        float: right;
        font-size: 10px;
        margin-top:2px;
    }
    .none-refundable
    {
      font-size: 10px;
      color: #E05556; 
      font-weight:bold 
    }
    .include_breakfast
    {
        font-weight:bold;
        font-size: 10px;
        color: #28a745;
    }
    /*search boxes common css end for top search*/
    
    .service-list-guest-price{
        width: 100%;
        height:92px;
        overflow-y:auto;
    }
    
    .guest-count-input-div label{
        margin: 0;
    }
    .pickup-booking-option{
        text-align: left;
        width: 100px;
    }
    .selected-guest-bottom{
        background: #eaeaea;
        padding: 10px;
    }
    .guest-selected-title{
        color: #000;
        font-weight: 800;
    }
    .pick-up-loader{
        position: relative;
    }
    
    /*.loader
    {
        background: url(https://www.makebookingsonline.com/assets/images/loader.gif);
         position: absolute;
        background-repeat: round;
        background-position: right;
        right: 0 ;
        z-index: 2;
        width: 25px !important;
    
    }*/
    .pick-up-loader img{
        position:absolute;
        top:18px;
        right:0;
    }
    .spinner-icon {
        margin-left: 8px;
        width:20px;
        height: 20px;
        -ms-filter: none;
        filter: none;
    }
    .show_autocomplete_loader{
        display: block !important;
    }
    .ac img {
        width: 14px;
        height: 16px;
        margin-right: 10px;
        display: inline;
    }
    .ac div div {
        display: inline;
        margin-right: 10px;
    }
    .bu {
        float: right;
    }
    .bu {
        opacity: 0.5;
        vertical-align: top;
    }
    .old-confirmation-no
    {
       text-decoration: line-through;
       color: #E05556;
    }
    .cart-itemised-guest-detail{
        width: 100%;
    }
    
    /*tabs equal  height width css start*/
    .book-common-element label{
          padding: 0px;
    }
    .book-common-element>input , .book-common-element>select{
        /* width: 110px !important; */
    
        font-size: 10px;
        padding: 5px;
    }
    .rental-book-search  span{
    font-size: 10px !important;
    padding-left:0px !important; 
    }
    
    .manage-booking-search-element{
        margin-right:10px;
        
    }
    .manage-booking-search-element select{
        font-size: 10px;
        padding: 5px;
    
    }
    .manage-booking-search-element .btn-group button{
        text-align: left;
        padding: 5px;
        top: 8px;
    }
    .book-common-element .btn-group button{
        padding: 5px;
    }
    
    .city-location-top-search{
    
        width:28%;
        /*margin-top:10px;*/
    }
    
    .city-location-top-search input[type="search"]::-webkit-search-decoration,
    .city-location-top-search input[type="search"]::-webkit-search-cancel-button,
    .city-location-top-search input[type="search"]::-webkit-search-results-button,
    .city-location-top-search input[type="search"]::-webkit-search-results-decoration { display: none; }
    
    .cart-page-confirmation-date{
        font-size: 12px;
    }
    .cart-page-re-confirmation-date
    {
        font-size: 12px;
    }
    .cart-page-cancellation-date
    {
        font-size: 12px;
    }
    .added_into_cart
    {
       font-size: 12px; 
       float: left;
        width: 100%;
        position: absolute;
        bottom: 0;
    }
    
    .supplier-details-div 
    {
        border:solid 1px #999;
        padding: 2px !important;
        
        border-radius: 2px;
    }
    
    .cmt-time{
        color:#999;
        font-size: 12px;
    }
    #refundRemarks .acomment {
        float: left;
        width: 100%;
        background: #fbfbfb;
        padding: 5px;
        margin-bottom: 5px;
    }
    #refundRemarks .acomment .cmt-msg {
        margin-bottom: 5px;
    }
    #refundRemarks .acomment .cmt-dtl {
        float: right;
    }
    /*#refundRemarks .acomment .cmt-dtl .cmt-time {
        color: #255800;
    }*/
    .refund_remarks_list
    {
        overflow-y: scroll;
        width: 100%;
        height: 75px;
    
    }
    
    
    
    /*notification css start*/
    
    .notification-icon ul>li>a>i{
     font-size: 20px;
        color: var(--yellow-color);
    }
    .notification-icon .dropdown-menu{
        background: #fff;
        border:1px solid #0000001a;
         top: 80% !important;
        right: -28px;
        min-width: 280px;
       /*  box-shadow: 0 9px 10px 0 #0000001a;*/
       box-shadow: 0 2px 10px rgba(0,0,0,.15);
    }
    .notification-icon .dropdown-menu a{
        border-bottom:1px solid var(--yellow-color);
        border-top:0px solid var(--yellow-color);
        color: #173f50;
        padding: 10px 20px;
    }
    .notification-icon .dropdown-menu a:hover{
        background: #ededed;
    }
    .done-icon{
        margin-right:20px;
        color: green;
    }
    .noti-booked-text strong{
        font-size: 12px;
    }
    .noti-booked-text span{
     color: #ccc;
     font-size: 12px;
    }
    .noti-booked-text p{
        text-align: justify;
        font-size: 10px;
        margin: 0;
    
    }
    .notification-dropdown-section{
        max-height:270px;
        overflow-y:scroll;
    }
    .notify-view-button{
        font-size: 20px;
        color: #1e546b;
        text-align: center;
        font-weight: 700;
    }
    .notify-count{
        margin: 0;
        border: 1px solid #E05556;
        border-radius: 50%;
        padding: 0px 5px;
        font-size: 10px;
        right: -12px;
        top: 6px;
        background: #E05556;
        position: absolute;
    
    }
    .upside-icon{
        position: absolute;
        top: -14px;
        right: 24px;
        font-size: 35px;
        color: #ffffff;
    }
    .booked-title-notify{
        margin-bottom:5px;
    }
    
    .notification-icon{
            margin-right:20px;
        }
    
    
    .notify-page-area a{
        padding: 20px;
        border-bottom:1px solid #efefef;
    }
    .notify-page-area .noti-booked-text strong{
        font-size: 14px;
        color: #1e546b
    }
    .notify-page-area .noti-booked-text p{
      font-size: 14px;
    
    }
    .notify-page-area .noti-booked-text span{
        font-size: 14px;
    
    }
    .notification-title{
        padding: 20px
    }
    /*.notify-page-area .noti-booked-text{
        margin-bottom:20px;
    
    }*/
    /*notification css end*/
    
    #failed_booking_div .table td, #failed_booking_div  .table th
    {
        padding: 0;
    }
    
    .failed-notification-count{
        position: relative;
      }
      .failed-notification-count span{
        position: static;
        color: #fff;
        height: 18px;
        width: 18px;
        right: -3px;
      }
      .refund-save-btn{
        padding: 3px 6px;
        font-size: 13px;
        margin-right: 23px;
      }
    .refund_remarks_div .form-control
    {
        height: 40px;
        font-size: 14px;
    }
    #failed_booking_div tbody
    {
        max-height: 300px;
        overflow:scroll;
        overflow-x:hidden;   
    }
    .cart-term-conditions{
        font-style: normal;
        border: 1px solid #ced4da;
        width: 98%;
    }
    .cart-term-conditions li{
        list-style: none;
        padding: 5px 0px;
    }
    .cart-term-head{
        font-size: 16px;
        font-weight: bold;
        color: var(--grey-color);
    }
    .cart-term-conditions li span {
        display: block;
    }
    .privacy-policy-content{
        padding:20px 0px;
    }
    .privacy-policy-content li{
        list-style: none;
        padding: 5px 0px;
        text-align: justify;
    }
    .privacy-personal-info{
        margin-left:16px;
    }
    .privacy-count-number{
        margin-right:10px;
    }
    .privacy-policy-content button{
        width: auto;
    }
    .manage-bookinggs-date{
        float: left;
        width: auto;
    }
    .important-info-modal .table th, .important-info-modal .table td{
        padding: 5px !important;
    }
    .required-field{
        color: red;
    }
    .main-header-user-name{
        max-width: 100px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    
    .comming-soon-page{
        font-size: 20px;
        background-color: #83bbf314;
        line-height: 1;
    }
    .comming-soon-page span strong{
     display:block;
     font-size:36px;
    }
    /* .coming-soon-text{
        font-size: 26px;
    } */
    
    .tiaki-bg{
        width: 100%;
        height: 50%;
    }
    .tiaki-main-section{
        background: transparent;
    }
    .tiaki-promise-setion .booknow-link{
        margin-bottom: 20px;
    }
    .tiaki-main-section .tiaki-para{
        color: #000;
    }
    .heading-sub-title{
        font-size: 28px;
    }
    .tiaki-rule-list{
        margin-left: 15px;
    }
    .tiaki-rule-list li{
        margin-bottom: 15px;
        font-size: 18px;
        color: #000;
        padding:0px 2px;
    }
    .nz-care-list li{
        list-style: none;
        width: 100%;
        text-align: center;
    }
    .recommended-hotel input{
        margin-top: 8px;
    }
    .type_list_subtitle
    {
       color: red;
       font-size: 10px;
        
    }
    .category-title{
        font-size: 11px;
    }
    
    /* Manage Package css start */
    
    .package-search-element{
        width:160px;
    }
    .manage-package-action{
        border: 1px solid #D9DEE4;
    }
    .package-action-btn{
        width:auto;
        font-size: 14px;
    }
    .manage-package-action a:hover{
        color:#173f50;
    }
    .manage-package-action .dropdown-item{
        font-size: 14px;
    }
    .package-container h4{
        text-decoration: underline;
    }
    .package-container label{
        font-size: 16px;
        font-weight: 600;
    }
    .package-desc{
        height: calc(1.5em + 3rem) !important;
    }
    .package-container .nav-tabs>li>a{background: #f9f9f9 !important;border: 0;border-radius: 0px; color: #999999;padding: 10px 50px; margin-right: 5px;font-size: 15px;cursor: pointer !important;font-weight: 500;}
    /* .package-container .nav-tabs>li.active>a,.package-container .nav-tabs>li.active>a:hover,.package-container .nav-tabs>li.active>a:focus,.package-container.nav-tabs>li.active>a:active
    {color:#fff !important;background: #eac664 !important;border: 0 !important;font-weight: 700;} */
    .package-container.nav-tabs>li>a,.package-container.nav-tabs>li>a:hover,.package-container .nav-tabs>li>a:focus,.package-container .nav-tabs>li>a;active{background: #f9f9f9 !important;border: 0 !important;color: #ccc;}
    .package-container .nav-tabs>li>a.active, .package-container .nav-tabs-mine>li.active>a:focus,.package-container.nav-tabs-mine>li.active>a:active {
        background: var(--yellow-color) !important;
        color: #ffffff !important;
        font-weight: 600 !important;
    }
    .package-container .nav-tabs-mine>li>a {
        background: #fff !important;
        border: 1px solid var(--yellow-color);
        color: #999999 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        border-radius: 3px !important;
        text-transform: uppercase !important;
        margin-right: 10px !important;
        padding-right: 10px;
        padding-left: 10px;
    }
    
    /* .package-container .nav-tabs-mine>li>a:hover{
        border: 1px solid var(--yellow-color);
    } */
    /* .package-container .nav-tabs>li.active>a,.package-container .nav-tabs>li.active>a:hover,.package-container.nav-tabs>li.active>a:focus,.package-container.nav-tabs>li.active>a:active {
        background: var(--yellow-color) !important;
        color: #ffffff !important;
        font-weight: 600 !important;
    } */
    
    .package-container .nav-tabs>li>a {
        background: #fff !important;
        border: 1px solid var(--yellow-color);
        color: #999999 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        border-radius: 3px !important;
        text-transform: uppercase !important;
        margin-right: 10px !important;
        padding-right: 10px;
        padding-left: 10px;
    }
    .package-container .nav-tabs>li>a:hover{
        border: 1px solid var(--yellow-color);
    }
    .package-container .nav-tabs>li>a:hover{
        border: 1px solid var(--yellow-color);
    }
    .package-container .tab-content{
        min-height: auto !important;
    }
    .arrow-down {
        margin: 0 0 0 75px;
        margin-top: -36px;
        font-size: 53px !important;
        color: var(--yellow-color);
    }
    .update-arrow {
        margin-left: 20px !important;
    }
    .down-arrow-contomer1 .down-symbol-arrow1 {
        margin-right: 25px !important;
        margin-top: -24px !important;
    }
    .day-wise-heading{
        text-decoration: underline;
    }
    .package-container .SumoSelect{
      width:100%;
    }
    .package-list-section{
        cursor: pointer;
    }
    .package-grid-price{
        min-width: 360px;
        padding-top: 10px;
        background: #f5f5f5;
    
    }
    .package-grid-price ul li{
        list-style: none;
    }
    .package-grid-price .booking-price span{
        margin-left:0px;
    }
    .package-list-section:hover {
        transition: all 0.3s ease-in 0s;
        box-shadow: rgb(0 0 0 / 28%) 0px 6px 12px;
    }
    .preview-list{
        margin-right:5px;
    }
    .preview-list button{
        background: var(--yellow-color);
        color: var(--gray-color);
    }
    .preview-list .nav-link.active{
        color: #000;
    }
    .package-preview {
        padding: 20px 0px;
    }
    .package-preview h4{
        text-decoration: underline;
    }
    .package-preview h6{
        min-width: 130px;
    }
    .package-preview span{
        padding-left:10px;
        text-align: left;
    }
    .add-rm-btn{
        font-size: 10px;
        height: 24px;
    }
    .category-row-container{
        margin-bottom:10px;
        box-shadow: 0 8px 0px -6px #ccc;
    }
    .tour_suppliers_section .CaptionCont{
        display:block !important;
        height: calc(1.5em + 0.75rem) !important;
        font-size: small;
    }
    /* Manage Package css end */
    /* package detail css start */
    
    .package-detail-title{
        padding-left:0px;
        padding-bottom:0px;
    }
    .package-price{
        font-size: 14px;
        /* padding-left: 5px; */
    }
    .package-tax{
        /* line-height: 0; */
        font-size: 10px;
        font-weight: 600;
        padding-left: 5px;
    }
    .package-high{
        padding-top: 20px;
  
    }
    .package-detail-high{
        margin-top:20px;
        border-top:1px solid #ccc;
    }
    .package-high ul li{
        padding: 6px;
    }
    .package-image img{
        max-width: 100%;
        /* height: 624px; */
        border-radius:10px;
    }
    .day-wise-section {
        /* border: 1px solid #d4d4d4;
        border-radius: 5px; */
        overflow: hidden;
       
    }
    .package-details-section{
        /* border-bottom:1px solid #ccc; */
        margin:10px 0px;
    }
    .day-row-list{
        font-size: 16px;
    }
    .day-number {
         text-align: center;
         padding: 16px;    
    }
    .day-wise-section .day-row-list  [class*=col-] {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        flex-shrink: 0;
        box-shadow: 1px 0 0 0 hsl(0deg 0% 67% / 30%);
    }
    .day-wise-section .day-row-list  [class*=col-]:last-child{
        box-shadow: none;
    }
    .day-row-list{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        border-bottom: 1px solid #ddd;
    }
    .day-inner-detail{
        padding: 16px;
        cursor: pointer;
        width: 20%;
        box-shadow: 1px 0 0 0 hsl(0deg 0% 67% / 30%);
    }
    .day-inner-detail p{
        margin-bottom:0px;
    }
    .day-inner-detail:hover{
        background-color: rgb(204 204 204 / 34%);
    }
    .day-inner-add-more{
        text-align: center;
    }
    .edit-icon label{
        text-align: left;
        text-decoration: underline;
        font-weight: 600;
    }
    .edit-icon i{
        color: rgb(30 136 255);
    }
    /* .edit-icon i:hover{
        text-decoration: underline;
    } */
    .package-high li{
        list-style: none;
    }
    .package-high li i{
        padding-right:10px;
    }
    .pack-inclusion li{
        color: #717171;
    }
    .pack-exclusion li{
        color: #717171;
    }
    .pack-inclusion li i{
        color: #1e7e34;
    }
    .pack-exclusion li i{
        color:red;
    }
    .day-title{
        font-size: 22px;
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: underline;
    }
    .day-wise-desc h6{
        color: #222222;
    }
    .day-wise-desc{
        padding: 10px 0px;
    }
    .day-wise-desc span{
        color: #717171;
    }
    .service-wise-img img{
        height:170px;
        /* width:200px; */
        max-width: 100%;
    }
    .package-location-map{
        padding:10px 0px;
    }
    .package-location-map iframe{
        height: 365px;
        width: 100%;
    }
    /* .day-title-div{
        border-bottom:1px solid #ccc;
    } */
    /* package detail css end */
    /* package form css start */
    .package-form{
        padding: 20px 0px;
    }
    .pack-form-title{
        text-align: center;
        font-size: 22px;
        /* background: var(--yellow-color); */
        padding: 10px;
        font-weight: 600;
    }
    .package-form form{
        border: 1px solid #ccc;
        box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
        padding: 5px;
    }
    .package-form label{
        margin-bottom:0px;
    }
    .book-package-button{
        color: #000;
        width: 100%;
        background-color: var(--yellow-color);
        border: none;
        padding: 10px 30px;
        font-size: 16px;
        border-radius: 4px;
        font-weight: 600;
    }
    .book-package-button:hover{
        
        box-shadow: 0 2px 10px rgba(0,0,0,.15);
    }
    .package-guest-container{
        left: 28px;
        top: 100%;
        border: 1px solid #000;
    }
    .package-guest-container .guest-room-count{
        background:none;
        border-top:0px;
        border-bottom:1px solid #ccc;
    }

    /* package form css end */
    /* middle loader for the page */
    #middle_loader {margin: 0px;padding: 0px;position: fixed;right: 0px;top: 0px;width: 100%;height: 100%;background-color: rgb(102, 102, 102);z-index: 30001;opacity: 0.8;display: none;}
    
    /* add package css  */
    .abhi-tab{background: white;padding: 15px 30px;}
    
    .abhi-form-controls, .abhi-form-cntrols-sm{padding: 0px 2px;}
    .abhi-form-controls .form-control:not(select), .abhi-form-cntrols-sm .form-control:not(select), .abhi-form-cntrols-sm-default-padding .form-control:not(select){padding: 0px 5px;}
    .abhi-form-controls select, .abhi-form-controls-sm select, .abhi-form-cntrols-sm-default-padding select{padding: 0px 2px;}
    .abhi-form-cntrols-sm .form-control, .abhi-form-cntrols-sm-default-padding .form-control{font-size: small;height: calc(1.5em + .75rem);}
    .abhi-form-cntrols-sm textarea, .abhi-form-cntrols-sm-default-padding textarea{
        height: auto;
    }
    
    .abhi-form-cntrols-sm, .abhi-form-cntrols-sm-default-padding
    {
        margin-bottom: .75rem;
    }
    
    .abhi-form-cntrols-sm label, .abhi-form-cntrols-sm-default-padding label
    {
        margin-bottom: 0;
        font-weight: 600;
    }
    
    
    .abhi-yellow-btn {
        margin: 0;
        background: var(--yellow-color);
        /*font-weight: 700;*/
        /*padding: 15px 15px;*/
    }
    
    .abhi-blue-btn {
        /*height: 46px;*/
        /*                                                background: var(--gray-color);*/
        color: #fff;
        /*font-weight: 500;*/
    }
    
    .abhi-input-subpart-container
    {
        display: flex;
    }
    
    .abhi-subpart
    {
        padding: 5px 10px;
        background: #dcdcdc;
        /*background: var(--yellow-color);*/
        /*color: white;*/
        text-align: center;
        /*font-weight: bold;*/
    }
    /* Style the tab */
    .tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    }
    
    /* Style the buttons inside the tab */
    .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
    }
    
    /* Change background color of buttons on hover */
    .tab button:hover {
    background-color: #ddd;
    }
    
    /* Create an active/current tablink class */
    .tab button.active {
    background-color: #ccc;
    }
    
    /* Style the tab content */
    .tabcontent {display: none;padding: 6px 12px;border: 1px solid #ccc;border-top: none;}
    div.itineraryMainContainer ul.itineraryContainerUi li{cursor: pointer;}
    .pointerNotAllowed{pointer-events: none;cursor: not-allowed;}
    .add_items div{float: left;width: 100%;}
    .add_items span.add{cursor: pointer;font-size: 11pt;color:#1e7e34;}
    .add_items span.minus{cursor: pointer;font-size: 11pt;color:#ff0000; margin-top:12px;}
    .add_items input{margin-bottom: 3px;float: left;width: 100%;margin-right: 3px;}
    .service-type-count{
    margin-left:5px;
    }
    .service-type-price{
    margin-left:5px;
    }
    .accomodation-occupancy{
    display:none;
    }
    .accomodation-occupancy {
    
    background: #fff !important;
    
    position: absolute;
    z-index: 99;
    width: 65%;
    border:4px solid #ccc;
    }
    .room-number-label{
    color:#ccc;
    }
    .add-new-room-container{
    margin-top:10px;
    }
    .invisible-section{
    display:none;
    }
    .invisible-day-night{
    display:none;
    }
    .search-key-container{
        width: 16%;
    }
    
    /* manage package css*/
    .package_image_action_container button {
        width: 100%;
        border-radius: 3px;
        margin-bottom: 5px;
        margin-right: 5px;
        color: #333;
        background-color: #fff;
        border-color: #ccc;
        display: inline-block;
        font-weight: 400;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        user-select: none;
    }
    
    /* images modal css */
    .package-listing-img{
        width: 265px;
        float: left;
        margin:10px;
        position: relative;
    }
    .package-listing-img figure{
        height: 180px;
        width: 100%;
        float: left;
    }
    .package-listing-img figure img{
        max-height: 100%;
        height: 180px;
        -webkit-transition: all 0.2s linear;
           -moz-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
             -o-transition: all 0.2s linear;
                transition: all 0.2s linear;
    }
    .remove-pack-img{
        visibility:hidden; 
        font-size:16px;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          line-height: 100%;
          font-weight: bold;
        font-size: 22px;
        text-decoration: underline;
        
    }
    .package-listing-img:hover .remove-pack-img {
        color:rgb(112, 47, 231); visibility:visible;
        -webkit-transition: all 0.2s linear;
           -moz-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
             -o-transition: all 0.2s linear;
                transition: all 0.2s linear;
    }
    .accomodation_remove_option{margin-bottom: 10px;}
    /* package edit booking page css start */
    
    .package-price-container{
        /* font-weight: 600;
        text-align: center; */
        font-size: 16px;
    }
    /* .package-price-container label{
        text-decoration: underline 1px;
    } */
    .package-price-container span{
        /* font-size: 20px; */
        /* color: rgb(0 0 0 / 68%); */
        /* display: block; */
        /* background: rgb(204 204 204 / 42%); */
        /* padding: 3px; */
        float: right;
    }
    .pack-price-tax {
       /* background-color: transparent !important; */
        font-size: 14px;
    }
    .day-title-div a{
      font-size: 20px;
    }
    .day-wise-desc a{
        padding-left:10px;
    }
    /* package edit booking page css end */
    .ui-widget{
        z-index: 1000000 !important;
        opacity: 5 !important;
    }
    /* package module design modification css start */
    
    .package-heading{
        color: #222222;
    }
    .package-light-color{
        color: #717171;
    }
    .package-dark-color{
        color: rgb(34, 34, 34) !important;
    }
    .package-list-inclusion{
        max-width: 330px;
        display: flex;
        flex-wrap: wrap;
       height: 72px;
        overflow-y: auto;
    }
    .package-list-inclusion i{
        color: #1e7e34;
    }
    .package-select-button{
        background: var(--yellow-color);
        color: #000;
    }
    .package-select-button:hover{
        box-shadow: 0 2px 10px rgba(0,0,0,.15);
    }
    .package-list-highlight{
        display: flex;
        flex-wrap: wrap;
    }
    .package-list-highlight li{
       /* flex-grow: 1; */
       list-style: none;
       padding-right:5px;
    }
    /* .package-list-highlight span:first-child .package-highlight-dot{
        display: none;
    }
    .package-list-highlight span{
        padding-right:5px;
    } */
    .pack-total-price{
        border-top: 1px solid #ccc;
        padding-top: 16px;
        font-size: 18px;
        font-weight: 600;
    }
    .pack-total-price label{
        text-decoration: none;
    }
    .package-listing-content{
        padding-top:0px;
        padding-bottom:0px;
    }
    .package-listing-head{
        padding-top:10px;
    }
    .package-listing-price{
        font-size: 22px;
    }
    .day-wise-desc p{
        word-break: break-all;
        color: #717171;
    }
    .package-detail-map{
        width: 100%;
    }
    .package-guest-count i{
        float: right;
        margin-top:8px;
    }
    .booking-day-wise-section{
        /* border:1px solid #d4d4d4;
        border-radius:4px; */
        margin:10px 0px;
    }
    .booking-day-date{
        font-size: 10px;
    }
    .package-listing-figure figure, .package-listing-figure figure img{
        height: auto;
    }
    .package-detail-map p{
        margin-top:10px;
    }
    .day-wise-desc .col-4{
        padding-right:0px;
    }
   .booking-edit-section .nav-pills .nav-link.active, .booking-edit-section .nav-pills .show>.nav-link{
       color: #222222;
       background-color: #ccc;
       position: relative;
   }
   .booking-edit-section a{
       color: #717171; 
       margin-bottom:20px;   
   }
   .booking-edit-section a i{
    display: none;
}
   .booking-edit-section .nav-pills .nav-link.active i, .booking-edit-section .nav-pills .show>.nav-link i{
       display:block;
    position: absolute;
    right: -16px;
    font-size: 24px;
    top:8px;
    color: #cccccc;
}
   .day-wise-content{
       display: block;
       padding-right:0px;
   }
   .day-wise-inner-content{
    border: 1px solid #ccc;
    width: 100%;
    background: #f5f4f4;
    height: auto;
    display: flex;
    margin-bottom: 15px;
    padding: 10px 0px;
    border-radius:4px;
   }
   .day-wise-inner-content:hover{
    box-shadow: 0 2px 10px rgba(0,0,0,.15);
   }
   .day-wise-inner-content:last-child{
       margin-bottom:0px;
   }
   .item-wise-content{
    /* vertical-align: middle; */
    /* display: table-cell; */
   }
   .item-w-30{
       width: 30%;
   }
   .item-w-50{
    width: 50%;
}
.item-w-20{
    width: 20%;
}
.item-w-15{
    width: 15%;
}
.item-w-35{
    width: 35%;
}
.item-w-60{
    width: 60%;
}
.item-w-65{
    width: 65%;
}
.item-w-35{
    width: 35%;
}
   .item-wise-inner-content{
       font-size: 16px;
       padding: 0px 20px;
   }
   .item-wise-inner-content i{
       margin-right:10px;
       color: var(--gray-color);
       cursor: pointer;
   }
   .item-wise-inner-content i:hover{
       color: #222222;
   }
   .item-wise-inner-content h6{
       min-width: 130px;
       margin-bottom: 0px;
   }
   .item-wise-inner-content span{
       /* font-weight: 600; */
       padding-left: 10px;
    text-align: left;
    font-size: 14px;
   }
   .item-wise-inner-content a{
       font-weight: 600;
       text-decoration: underline;
   }
   .item-wise-inner-content a:hover{
    color: #222222;
}
   .package-edit-right-content{
       border-left: 1px solid #ccc;
       padding-right:0px;
   }
   .package-edit-modal-footer{
       justify-content: space-between;
   }
   .package-edit-modal-footer span{
    color: #222222;
    font-size: 18px;
    font-weight: 600;
   }
   .package-edit-modal-footer p{
    color: #717171;
    font-weight: 600;
   }
   .modal-footer-update-price{
       color: green !important;
   }
   .package-category-icon i{
       color: var(--gray-color);
   }
    /* package module design modification css end */ 
 
    /* package image slider css start */
      #sync1 .item {
        margin: 5px;
        color: #fff;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        text-align: center;
      }
      #sync1 .fade:not(.show){
          opacity: 1;
      }
      #sync1 img{
          height: 450px;
      }
      #sync2 .item {
        background: #c9c9c9;
        /* padding: 10px 0px; */
        margin: 5px;
        color: #fff;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        text-align: center;
        cursor: pointer;
      }
      #sync2 img{
          height: 86px;
      }
      #sync2 .item h1 {
        font-size: 18px;
      }
      
      #sync2 .current .item {
        /* background: #0c83e7; */
        box-shadow: 0 2px 10px rgba(0,0,0,.15);
      }
      
      .owl-theme .owl-nav [class*="owl-"] {
        transition: all 0.3s ease;
      }
      
      .owl-theme .owl-nav [class*="owl-"].disabled:hover {
        background-color: #d6d6d6;
      }
      
      #sync1.owl-theme {
        position: relative;
      }
      
      #sync1.owl-theme .owl-next,
      #sync1.owl-theme .owl-prev {
        width: 22px;
        height: 40px;
        margin-top: -20px;
        position: absolute;
        top: 50%;
      }
      
      #sync1.owl-theme .owl-prev {
        left: 10px;
      }
      
      #sync1.owl-theme .owl-next {
        right: 10px;
      }
      /* animate fadin duration 1.5s */
      .owl-carousel .animated {
        animation-duration: 1.5s !important;
      }
      #sync1.owl-theme .owl-next,
      #sync1.owl-theme .owl-prev {
        width: 35px !important;
        height: 55px !important;
      }
      #sync1 svg {
        width: 22px !important;
      }

      /* package image slider css end */

     .package-other-details{
    float: right;
    margin-top:10px;
    text-align: center;
      }
      .package-other-details i{
          font-size: 9pt;
          color: rgb(34, 34, 34);
          text-decoration: underline;
          transition: 0.5s;
          cursor: pointer;
        }
        .package-other-details i:hover{
          background-color: var(--yellow-color);
        }
    .package-other-details a{
    color: var(--gray-color);
    font-weight: lighter;
    font-size: 12px;
 }
    .pack-rental-add-info .dropdown-menu{
        left: 0 !important;
      }
.package-retry-status{
color: #1895b3;
cursor: pointer;
text-decoration: underline;
font-weight: 600;
}
.package-pending-status{
    color: var(--yellow-color);
    font-weight: 600;
}
.package-cancelled-status{
    color: #ea2a03;
    font-weight: 600;
}
.package-confirm-status{
    color: #1e7e34;
    font-weight: 600;
}
.package-book-date{
    cursor: pointer !important;
}
.booking-status-section{
    height: 450px;
    overflow-y: scroll;
}

.transfer-sumo-select-class .sumo-select-class{
    z-index: 99999;
}
.transfer-sumo-select-class .SumoUnder{
    opacity: 1;
}
/* loader too long feels better css start */

#modal_loader{
    background-color: rgba(0,0,0,.5);
    z-index: 1062 !important;

}
#modal_loader .modal-content{
    background-color: rgb(235, 226, 226);
    /* position: relative; */
    height: 175px;
    padding: 20px 0px;
    width: 100vw;
}


  /* .loader {
    height: 20px;
    width: 250px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .loader--dot {
    animation-name: loader;
    animation-timing-function: ease-in-out;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    background-color: black;
    position: absolute;
    border: 2px solid white;
  }
  .loader--dot:first-child {
    background-color: #8cc759;
    animation-delay: 0.5s;
  }
  .loader--dot:nth-child(2) {
    background-color: #8c6daf;
    animation-delay: 0.4s;
  }
  .loader--dot:nth-child(3) {
    background-color: #ef5d74;
    animation-delay: 0.3s;
  }
  .loader--dot:nth-child(4) {
    background-color: #f9a74b;
    animation-delay: 0.2s;
  }
  .loader--dot:nth-child(5) {
    background-color: #60beeb;
    animation-delay: 0.1s;
  }
  .loader--dot:nth-child(6) {
    background-color: #fbef5a;
    animation-delay: 0s;
  }
  .loader--text {
    position: absolute;
    top: 150%;
    left: 0;
    right: 0;
    width: 4rem;
    margin: auto;
  }
  .loader--text:after {
    content: "Loading";
    font-weight: bold;
    animation-name: loading-text;
    animation-duration: 3s;
    animation-iteration-count: infinite;
  }
  
  @keyframes loader {
    15% {
      transform: translateX(0);
    }
    45% {
      transform: translateX(230px);
    }
    65% {
      transform: translateX(230px);
    }
    95% {
      transform: translateX(0);
    }
  }
  @keyframes loading-text {
    0% {
      content: "Loading";
    }
    25% {
      content: "Loading.";
    }
    50% {
      content: "Loading..";
    }
    75% {
      content: "Loading...";
    }
  } */


/* new package loader design css start */

.progress-bar {
    height: 30px;
    width: 100%;
    background-color: #BFADA3;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 2px 0 10px inset rgba(0,0,0,0.2);
    position: relative;
  }
  
  * + .progress-bar {
    margin-top: 2rem;
  }
  
  .bar {
    width: 0;
    height: 100%;
    background-color: var(--yellow-color);
    
    /*Lollipop background gradient*/
    background-image: linear-gradient(
      -45deg,
      rgba(255, 255, 255, .2) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, .2) 50%,
      rgba(255, 255, 255, .2) 75%,
      transparent 75%,
      transparent
    );
   
    background-size: 30px 30px;
    animation: move 2s linear infinite;
    box-shadow: 2px 0 10px inset rgba(0,0,0,0.2);
    transition: width 2s ease-out;
  }
  
  /*Lollipop background gradient animation*/
  @keyframes move {
    0% {
      background-position: 0 0;
    }
    100% {
      background-position: 30px 30px;
    }
  }
  
  .perc {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-weight: bold;
  }

/* new package loader design css end */

.loader-wait-text{
    display: block;
    height: 30px;
    width: 500px;
    /* position: absolute; */
    /* bottom:0;
    top:100%;
    left: 0;
    right: 0; */
    margin: auto;
    margin-top:20px;
    /* float:left; */

}

/* loader too long feels better css end */

.add-rm-btn-div{
    margin-top: 28px;
    margin-left: 10px;
}
.show-read-more .more-text {
    display: none;
}

#modal-loader{margin: 0px;padding: 0px;position: fixed;right: 0px;top: 0px;width: 100%;height: 100%;background-color: rgb(102, 102, 102);z-index: 9000000;opacity: 0.8;display:none; }
#modal-loader p{position: absolute;color:#fff;top:50%;left: 50%;}
#modal-loader p img{height:50px;width:50px;}

.pagination a.disabled {color: #ddc7c7;}
.pagination {display: inline-block;text-align: center;float: right;margin-right: 2%;margin-bottom: 2%;margin-top: 1%;}
.pagination a {color: black;float: left;padding: 8px 16px;text-decoration: none;transition: background-color .3s;border: 1px solid #ddd;}
.pagination a.active {background-color: #4CAF50;color: white;border: 1px solid #4CAF50;}
.pagination a:hover:not(.active) {background-color: #ddd;}

.cart-package-name{
    color: #000;
    font-size: 19px;
}
.package-reconfirm-button{
 color: #1e7e34;
 border: 1px solid #1e7e34;
}
.package-reconfirm-button i{
    color: #fff;
   }
.package-reconfirm-button:hover{
    background-color:#1e7e34 ;
    color: #fff;
}
.package-cancel-button{
    margin-right:5px;
}
.package-cancel-button:hover{
    background-color:#e15a56 ;
    color: #fff;
}
.recomended-hotel-link .readmore-link{cursor:pointer;}
.package_title{
    width: 100%;
    /* position: absolute; */
}
.cart-download-package{
    margin-top: 10px;
    float: right;
}

.booking-day-wise-inner-content{
    display: inherit;
}
.tutorial-btn{
    border: 0;
    background: transparent;
}
.tutorial-btn-dropdown .dropdown-menu{
    left: 78%;
    top: 75%;
    padding: 0px !important;
    border: 1px solid var(--yellow-color);
    background: #fff !important;
}
.tutorial-btn-dropdown .dropdown-menu a{
    border-bottom: 1px solid var(--yellow-color);
    background: #fff;
}
.tutorial-btn-dropdown .dropdown-menu a:hover{
    background: #d5cfcf54;
}
.tutorial-btn-dropdown .dropdown-menu a:active{
   color: #212529;
}
/* contract page css start */

/* .contract-form input{
    background: transparent;
    border: none;
    border-bottom: 1px solid #000;
}
.agreement-content .text-underline{
    text-decoration: underline;
}
.agreement-content img{
    height:200px;
    width:200px;
}
.agreement-content ul{
    padding:20px 0px;
}
.agreement-content p{
    color: #000;
}
.agreement-content li{
    text-transform: uppercase;
}
.sign-contract-div{
    border:1px solid #000;
}
.sign-contract-div .col-md-6:first-child{
    border-right:1px solid #000;
}
.sign-contract-div p{
    border-bottom:1px solid #000;
}
.sign-contract-div .col-md-6 p:last-child{
    border-bottom:0px;
}
.sign-contract-div input, .sign-contract-div input:focus-visible{
    border:none;
    outline:0px;
    background: transparent;
} */
/* contract page css end */
.supplier-hotel-search{
    width: 23%;
}
.city-date-search{
    width: 13%;
}
.top-pax-counter-container{
    left: auto;
}
.recommended-hotel span{
    font-size: 10px;
}

.cart-confirm-package a, .cart-confirm-package button{
    border-radius: 5px;
    width: auto !important;
    margin: 10px 0px 10px 10px;
    border: 1px solid;
    text-align: center !important;
    padding: 5px 12px;
    font-size: 12px;
}
.cart-confirm-package button{
    color: #6c757d;
    background-color: #fff;
}
.cart-confirm-package .booking-download-voucher-button:hover{
background-color: #007bff;
color: #fff;
}
.activity-guest-adult{
    border-right:1px solid #ddd;
}
.activity-guest-plus-icon input{
    margin:0px 6px;
}
.activity-guest-plus-icon i{
    cursor: pointer;
}

.Debit-transaction-amount, .Debit-transaction{
    color: #E05556;
}
.Credit-transaction{
    color: green;
}
.current-credit-container{
    background-color: rgb(30 126 52 / 54%);
}
.total-debit-amt{
    background-color: rgb(224 85 86 / 76%);
    font-size: 11px;
}
.activity-guest-plus-icon .fa-plus{
    color: #1e7e34;
}
.activity-guest-plus-icon .fa-minus{
    color: red;
}
.invoice-details, .invoice-details p{
    color: #000;
}
.invoice-details span{
    display: block;
}
.invoice-info label{
  margin-bottom:0px;
}
.invoice-details-table{
    margin-top: 30px;
}
.invoice-details-table th{
    border-bottom: 2px solid #000 !important;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}
.invoice-details-table td{
    border: 1px solid #ccc;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}
.invoice-gst td{
    border-bottom: 2px solid #000 ;
   }
.invoice-gst td:first-child{
 border-bottom: 0;
}
.invoice-details-table tbody tr:last-child td{
    border-bottom: 0;
}
.pay-link-invoice{
    margin-top:16px;
}
.it-status-cls-PARTIALLY_CONFIRMED{
    background: #05ab71;
}
.not-requested-booking
{
    background-color: #337ab7;
    color: #fff;
    font-weight: bold;
    padding: 5px 8px;
    border-radius: 10px;
    font-size: 12px;
}
.re-confirmed-in-progress
{
    background-color: #FFBF00;
    color: #fff;
    font-weight: bold;
    padding: 5px 8px;
    border-radius: 10px;
    font-size: 12px; 
}

.item-wise-add-btn a{
    color: #fff;
    font-size: 12px;
    padding: 5px 10px;
    margin-bottom: 10px;
    text-decoration: none;
}
.item-wise-add-btn a:hover{
    color: var(--yellow-color);
   background-color: #fff;
   border:1px solid var(--yellow-color);
}
.item-wise-action-btn a{
    text-align: center;
    padding: 2px 0px;
    font-size: 10px;
    text-decoration: none;
    margin-bottom:0;
}
.item-wise-action-btn .book-reconfirm-area{
    color: #007bff;
}
.item-wise-action-btn .booking-cancel-area{
    color: #e15a56;
}
.item-wise-action-btn .item-select-booking-btn{
    color: #222222;
    background-color: #fff;
    border: 1px solid #222222;
}
.package-hotel-list-content{
    max-height:450px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.package-activity-pax-count .search-guest_count{
    padding-top:5px !important;
}
.checkbox-room-type{
    padding: 10px;
}
.checkbox-room-type input{
    margin-right:5px;
}
.checkbox-room-type label{
    margin-bottom:0px;
    margin-left:8px;
    color: var(--gray-color);
}
.service-per-person{
    font-size:10px !important;
    color: #000 !important;
    font-weight:700;
}
.tab-bottom-area{
    padding-bottom:300px;
}

.day-number-div{
    color: var(--gray-color) !important;
    border-bottom:2px solid var(--gray-color);
    text-align: center;
    line-height: 1;  
}
.day-number-div .day-title{
    text-decoration: none;
}
.final-package-day th{
    background: none;
    padding: 0;
}
.final-package-day .day{
    background-color: #1e546b;
    text-align: center;
    color: #fff;
    padding: 15px 0px;
}
.final-service-wise-img{
    text-align: right;
    justify-content: end;
    padding-left:20px;
}

.activity-list-style-desc li, .activity-list-style-desc p{
    list-style: none;
    padding: 0px 16px 0px 10px;
    color: #000;
}
.activity-list-style-desc li::before{
    content: "\f105";
    font-family:'Font Awesome 5 Free';
    font-weight: 900;
    padding-right: 4px;
    color: var(--yellow-color);
}
.activity-list-style-desc p{
    margin-bottom: 3px;
}

.i-confirm-activity-modal{
    margin:4px 4px 0px 0px;
}
.activities-booking-guest-modal label{
    color: #000;
    font-style: normal;
}
.activities-booking-guest-modal h4{
    font-style: normal;
    text-decoration: underline;
}
.activity-list-style-desc h1{
    font-size: 22px;
    font-weight: 500;
}