/* New Search */
#search {
    background: -webkit-gradient(linear, left top, right top, from(rgba(31, 89, 169, 0.8)), color-stop(18%, rgba(28, 97, 175, 0.8)), color-stop(36%, rgba(24, 106, 183, 0.8)), color-stop(58%, rgba(16, 126, 199, 0.8)), color-stop(79%, rgba(9, 147, 216, 0.8)), to(rgba(5, 154, 223, 0.8)));
    background: -o-linear-gradient(left, rgba(31, 89, 169, 0.8) 0%, rgba(28, 97, 175, 0.8) 18%, rgba(24, 106, 183, 0.8) 36%, rgba(16, 126, 199, 0.8) 58%, rgba(9, 147, 216, 0.8) 79%, rgba(5, 154, 223, 0.8) 100%);
    background: linear-gradient(to right, rgba(31, 89, 169, 0.8) 0%, rgba(28, 97, 175, 0.8) 18%, rgba(24, 106, 183, 0.8) 36%, rgba(16, 126, 199, 0.8) 58%, rgba(9, 147, 216, 0.8) 79%, rgba(5, 154, 223, 0.8) 100%);
}
.new-search-form {
    padding: 25px 14px;
}
.new-search-form  .row{
    margin-right: -6px;
    margin-left: -6px;
}
.new-search-form .col-md-6,
.new-search-form .col-md-3{
    padding-right: 6px;
    padding-left: 6px;
}
.new-search-form .form-control {
    font-size: 16px;
    padding: 14px 20px;
    height: auto;
    border-radius: 4px;
    margin-bottom: 12px;
    border: none;
    -webkit-box-shadow: inset 2px 2px 2px rgb(0 0 0 / 10%) !important;
}
.new-search-form .btn-primary {
    width: 100%;
    height: auto;
    font-size: 18px;
    padding: 12px 20px;
    border-radius: 4px;
    background-color: #00d775;
    border: none;
    background-image: none;
    text-shadow: none;
    box-shadow: 0 3px 0 0 rgba(0,0,0,.1)!important;
}
.daterangepicker {
    display: none;
    width: auto;
    -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    padding: 20px 35px;
    padding-top: 27px;
    padding-bottom: 25px;
    margin-top: 2px;
    margin-left: -127px;
    }

    @media (max-width: 767px) {
    .daterangepicker {
        width: calc(100% - 60px);
        padding: 25px 0px;
    }
    }

    .daterangepicker:before, .daterangepicker:after {
    display: none;
    }

    .daterangepicker .calendar {
    margin: 0;
    width: 325px;
    max-width: 325px;
    }

    .daterangepicker .calendar th {
    font-size: 14px;
    color: #aaa;
    cursor: default;
    }

    .daterangepicker .calendar th.month {
    font-size: 16px;
    color: #555;
    font-weight: 700;
    }

    .daterangepicker .calendar th.next, .daterangepicker .calendar th.prev {
    font-size: 20px;
    color: #ccc;
    text-align: center;
    }

    .daterangepicker .calendar.right {
    float: right;
    }

    @media (max-width: 767px) {
    .daterangepicker .calendar {
        width: 235px;
        max-width: 270px;
    }
    .daterangepicker .calendar.right, .daterangepicker .calendar.left {
        float: none !important;
        clear: none !important;
        margin: 0 auto !important;
    }
    .daterangepicker .calendar.left {
        margin-bottom: 30px !important;
    }
    }

    .daterangepicker .calendar-table {
    padding: 0;
    }

    .daterangepicker .calendar-table .table-condensed thead tr:nth-child(2) th {
    padding-top: 27px;
    padding-bottom: 17px;
    }

    .daterangepicker.ltr .calendar.left .calendar-table {
    padding: 0;
    }

    .daterangepicker_input {
    display: none;
    }

    .daterangepicker td {
    border-radius: 50%;
    height: 46px;
    width: 32px;
    text-align: center;
    font-size: 14px;
    color: #555;
    }
    @media (max-width: 767px) {
        .daterangepicker td {
            height: 32px;
            width: 32px;
        }
    }

    .daterangepicker td.start-date, .daterangepicker td.end-date {
    border-radius: 50%;
    background: #00d775;
    }

    .daterangepicker td.start-date.end-date {
    border-radius: 50%;
    }

    .daterangepicker td.in-range {
    background: #ececff;
    }

    .daterangepicker td.today {
    border-radius: 50% !important;
    background: #c9c9c9;
    }

    .daterangepicker td.today.in-range {
    border-radius: 0 !important;
    background: #46B5FD;
    }

    .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background: transparent;
    color: #aaa;
    }

    .daterangepicker select {
    outline: none;
    font-family: inherit;
    border: none;
    }

    .daterangepicker select.monthselect, .daterangepicker select.yearselect {
    font-size: 16px;
    padding: 8px 4px;
    }

    .daterangepicker td.active,
    .daterangepicker td.active:hover {
    background: #46B5FD;
    }

    .dropdown-datepicker {
    position: relative;
    }

    .dropdown-datepicker .daterangepicker {
    width: 385px;
    padding: 20px;
    max-width: 385px;
    margin-left: 0;
    margin-right: -20px;
    }

    .dropdown-datepicker .daterangepicker .calendar {
    width: 100%;
    max-width: 100%;
    }

    .dropdown-datepicker .daterangepicker .calendar td {
    width: 32px;
    height: 32px;
    }
    .new-search-form .quantity {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        float: right;
    }
    @media (max-width: 575px) {
        .new-search-form .quantity {
            float: none;
            margin-top: 10px;
        }
    }
    .new-search-form .quantity > input {
        -webkit-appearance: none;
        width: 55px;
        text-align: center;
        font-size: 18px;
        color: #555;
        font-weight: 700;
        border: none;
        -moz-appearance:textfield;
    }
    .new-search-form .minus,
    .new-search-form .plus {
        display: inline-block;
        width: 32px;
        height: 32px;
        line-height: 26px;
        text-align: center;
        border: 2px solid #ccc;
        font-size: 24px;
        color: #ccc;
        border-radius: 50%;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    .new-search-form .minus:hover,
    .new-search-form .plus:hover {
        background: #46B5FD;
        border-color: #46B5FD;
        color: #fff;
    }
    .new-search-form .list-room {
        list-style: none;
        /* max-height: 324px; */
        overflow-y: auto;
        padding: 0;
    }
    .new-search-form .list-room__item {
        margin-bottom: 0px;
    }
    .new-search-form .list-room__footer {
        padding-top: 22px;
        border-top: 1px solid #e5e5e5;
    }
    .new-search-form .list-room__name {
        margin-bottom: 27px;
        display: block;
        font-weight: 700;
        color: #999;
    }
    .new-search-form .list-person {
        list-style: none;
        padding:0;
    }
    .new-search-form .list-person .list-person__item:last-child {
        margin-bottom: 0;
    }
    .new-search-form .list-person__item {
        margin-bottom: 20px;
    }
    .new-search-form .list-person__item::after {
        content: "";
        clear: both;
        display: table;
    }
    .new-search-form .list-person__item .name {
        font-size: 18px;
        color: #555;
        font-weight: 700;
        display: inline-block;
        margin-top: 5px;
    }
    .new-search-form input[type=number]::-webkit-inner-spin-button,
    .new-search-form input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        -moz-appearance: none;
        -moz-appearance:textfield;
        margin: 0;
    }
    .new-search-form #btn-add-room {
        font-family: inherit;
        font-size: 16px;
        color: #46B5FD;
        font-weight: 700;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    .new-search-form #btn-add-room:hover {
        text-decoration: underline;
    }
    .new-search-form .dropdown-select {
        display: none;
        position: absolute;
        min-width: 285px;
        left: 0;
        right: 0;
        top: 55px;
        background: #fff;
        z-index: 999;
        border-radius: 10px;
        -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.15);
        padding: 30px;
    }
    .new-search-form .dropdown-select.show {
        display: block;
    }
	/* Person number select styling Start */
	.input-group-icon {
		position: relative;
	}

	.list-person__item .name {
		font-weight: normal; /* Set the main text to regular weight */
	}

	.list-person__item .name span {
		font-size: 0.7em; /* Make the text inside parentheses smaller */
		font-weight: 300; /* Thinner font */
		color: #666; /* Optional: Change color to a lighter shade */
	}	
	.divider {
  width: 100%;
  height: 1px;
  background-color: #ddd; /* Light gray line */
  margin: 10px 0; /* Adjust spacing */
}
	/* Person number select styling END */	
	
    .new-search-form .open .input-icon::before {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
    body.search-open{
        overflow: hidden;
    }
    .new-search-form .open .input-icon.zmdi-plus:before {
        content: '\f273';
    }
    .return_none {
        position: relative;
    }
    .return_none .clear {
        position: absolute;
        top: 12px;
        right: 24px;
        font-size: 24px;
        color: #888;
        cursor: pointer;
    }
    .new-search-form .btn-primary:hover,
    .new-search-form .btn-primary:focus {
        background-color: #1adb83;
        outline: none;
    }
    .mobile-input-search {
        background-color: #fff;
        position: fixed;
        top: 0;
        left: 0;
        z-index: -999999;
        width: 100%;
        height: 100%;
        transform: scale(0);
        transition: all 0.2s ease;
        visibility: hidden;
        opacity: 0;
    }
    .mobile-input-search.show{
        transform: scale(1);
        z-index: 999999;
        visibility: visible;
        opacity: 1;
    }
    .mobile-input-search .header {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #e0e0e0;
        position: absolute;
        width: 100%;
        background-color: #fff;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
    }
    .mobile-input-search .header .close-button {
        padding: 10px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mobile-input-search .header .close-button svg {
        width: 20px;
    }
    .mobile-input-search .header .input {
        width: calc(100% - 53px);
    }
    .mobile-input-search .header .input input[type="text"] {
        border: none;
        width: 100%;
        padding: 15px 10px;
        font-weight: 400;
        font-size: 16px;
    }
    .mobile-input-search .header .input input[type="text"]:focus {
        outline: none;
    }
    .mobile-input-search .search-result {
        overflow: auto;
        margin-top: 53px;
        height: calc(100vh - 53px);
    }
    .mobile-input-search .search-result ul {
        margin: 0;
        padding: 0;
    }
    .mobile-input-search .search-result ul li {
        padding: 16px;
        border-bottom: 1px solid #e0e0e0;
        font-size: 16px;
    }
    .passenger-select .close-btn{
        width: 100%;
        height: auto;
        font-size: 18px;
        padding: 12px 20px;
        border-radius: 4px;
        color: #fff;
        background-color: #00d775;
        border: none;
        background-image: none;
        text-shadow: none;
        box-shadow: 0 3px 0 0 rgba(0,0,0,.1)!important;
        position: absolute;
        bottom: 0;
        left: 0;
        display: none;
    }
    .head_wapp_title h1 {
        font-family: cutmark_narrownr_demi;
        text-transform: uppercase;
    }

    @media (max-width: 767px){
        .passenger-select .close-btn{
            display: block;
        }
        .calendar-full .daterangepicker {
            position: fixed;
            top: 0 !important;
            right: 0 !important;
            height: 100%;
            width: 100%;
            margin: 0;
            border: 0;
            border-radius: 0;
        }
        .calendar-full .daterangepicker td {
            height: 45px;
            width: 32px;
        }
        .calendar-full .daterangepicker .calendar {
            width: 100%;
            max-width: 320px;
        }
        .new-search-form .dropdown-select{
            position: fixed;
            top:0;
            right: 0;
            width: 100%;
            height: 100%;
            border-radius: 0;
            text-align: center;
        }
        
    }
    @media (max-width: 575px){
        .new-search-form .quantity {
            justify-content: center;
        }
    }

    /* ── Mobile: stack search-form columns full-width ───────────────────────
       The redesign bundle lays this form out as a 12-col CSS grid and pins
       .col-md-6 → `grid-column: span 6` and .col-md-3 → `span 3` with
       !important and NO media query. On phones the fields therefore stay at
       half / quarter width and their text truncates ("Departure: Statio",
       "1 Pa", "Jour", "SEAR"…). Force every column to span the full row below
       the md breakpoint so all labels, placeholders and the Search button are
       fully visible. Specificity is raised above the bundle's
       `body.sp-redesign section#header.header-section .new-search-form .row > .col-*`
       rule (which loads later in the cascade) via repeated classes. */
    @media (max-width: 767.98px) {
        .new-search-form.new-search-form .row > [class*="col-"],
        body.sp-redesign.sp-redesign section#header.header-section .new-search-form .row > [class*="col-"] {
            grid-column: 1 / -1 !important;
            width: 100% !important;
            max-width: 100% !important;
        }
        /* keep hidden return-date column hidden when one-way is selected */
        .new-search-form.new-search-form .row > .return_none[style*="display: none"],
        .new-search-form.new-search-form .row > .return_none[style*="display:none"] {
            display: none !important;
        }
    }
/* new Search Form End */