.etm-txt-green {
    color: #fc5b62
}

.etm-box-search {
    position: relative;
    padding: 0;
    z-index: 1001
}

.etm-box-search .search-again-box {
    display: none
}

.etm-box-search .search-again-box #btn_search_again {
    width: 100%
}

.etm-box-search .form-box {
    border-radius: 0
}

.etm-box-search .search-again-box.active {
    display: block
}

.etm-box-search .form-box.inactive {
    display: none
}

.etm-box-search .etm-spin-custom-preview-g {
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    top: -200px;
    font-size: 200px;
    color: #eeeff0;
    z-index: 1021
}

.etm-box-search .capacity-selection-display {
    z-index: 9999
}

.etm-box-search .boxsearch_total_night {
    font-size: 14px;
    font-weight: 700;
    display: block
}

.etm-box-search form .form-lbl-field {
    width: 100%;
    text-align: left;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    -webkit-font-smoothing: antialiased!important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .25)
}

.etm-box-search form .form-control {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.etm-box-search form .form-control[readonly] {
    background-color: #fff!important
}

.etm-box-search form input {
    font-size: 14px;
    color: #727b82;
    padding-top: 10px;
    padding-bottom: 10px
}

.etm-box-search form button.btn-search-button {
    margin-top: 5px;
    width: 100%;
    background-color: #fc5b62;
    padding: 10px;
    border: 1px solid #fc5b62
}

.etm-box-search form .input-icon {
    position: absolute;
    right: 15px;
    top: 35px;
    color: #9a9b9c
}

.etm-box-search form .etm-spin-custom {
    position: relative
}

.etm-box-search form .etm-spin-custom .etm-spin-custom-preview {
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    top: 0;
    font-size: 100px;
    color: #9a9b9c
}

.bootstrap-touchspin input.form-control {
    text-align: center!important;
    padding: 1px;
    cursor: default;
    background-color: #fff
}

.daterangepicker {
    width: 100%
}

.daterangepicker .drp-calendar {
    max-width: 100%
}

.calendar-mobile {
    color: #666
}

.calendar-mobile span.focus-val {
    color: #fc5b62
}

.calendar-mobile .mobile-date-search {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    height: 120px;
    background-color: #fff;
    text-align: center;
    box-shadow: 0 0 12px 0 #7a7a7a
}

.calendar-mobile .mobile-date-search-view {
    width: 30%;
    display: inline-block
}

.calendar-mobile p {
    margin: 0;
    padding: 0
}

.calendar-mobile .label {
    font-size: 14px;
    color: #9b9b9b
}

.calendar-mobile .seperate {
    text-align: center;
    color: #9b9b9b;
    position: relative;
    height: 100%
}

.calendar-mobile .seperate i {
    color: #9b9b9b
}

.calendar-mobile .seperate i:before {
    font-size: 26px;
    margin-left: 0
}

.calendar-mobile .date {
    font-size: 40px;
    line-height: 40px
}

.calendar-mobile .year {
    font-size: 14px
}

.calendar-mobile .occopancy-sum {
    font-size: 14px;
    padding: 10px;
    margin-top: 5px;
    background-color: #fff;
    box-shadow: 0 0 12px 0 #7a7a7a
}

.calendar-mobile .promotion-code-mobile {
    margin-top: 5px!important
}

.calendar-mobile .promotion-code-mobile .etmPromotionCode_mobile {
    border-radius: 0!important;
    border: 2px dashed #17a99e;
    text-align: center
}

@media only screen and (min-width:576px) {
    .daterangepicker {
        width: auto
    }
    .daterangepicker .drp-calendar {
        max-width: auto
    }
    .search-again-box.active {
        display: none!important
    }
    .form-box {
        display: block!important
    }
}

@media only screen and (min-width:992px) {
    .daterangepicker {
        transition: all .3s
    }
    .etm-box-search form input {
        border: 0;
        height: 50px;
        padding-left: 15px;
        border-right: 1px solid #d2d8dd;
        font-weight: 500
    }
    .etm-box-search form .input-icon {
        top: 12px
    }
    .etm-box-search form button.btn-search-button {
        margin-top: 0;
        transition: all .3s ease-in-out;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
        font-size: .875rem;
        padding: 0;
        height: 50px;
        cursor: pointer;
        outline: 0;
        width: 100%;
        border-radius: 0;
        background-color: #fc5b62;
        border: none
    }
    .etm-box-search .form-box {
        padding: 0;
        background-color: #fff;
        border-radius: 0;
        box-shadow: 0 0 30px 0 rgba(0, 0, 0, .3)
    }
    .etm-box-search .form-box .no-gutter {
        padding-left: 0;
        padding-right: 5px
    }
    .etm-box-search .form-box .no-border-right {
        border-right: none
    }
    .etm-box-search .form-box .panel-dropdown {
        border-right: 1px solid #d2d8dd;
        width: 100%;
        padding: 15px 10px 0 15px;
        height: 50px
    }
    .etm-box-search .form-box .panel-dropdown a {
        text-align: left;
        font-size: 14px;
        color: #727b82;
        font-weight: 500;
        transition: all .3s;
        display: block;
        position: relative;
        text-decoration: none
    }
    .etm-box-search .form-box .panel-dropdown a i {
        font-size: 24px;
        font-size: 20px;
        color: #999;
        transition: all .3s ease-in-out;
        position: absolute;
        right: 0;
        top: 3px
    }
    .etm-box-search .form-box .panel-dropdown a span.qtyTotal {
        font-weight: 700
    }
    .etm-box-search .form-box .panel-dropdown .panel-dropdown-content {
        opacity: 0;
        visibility: hidden;
        transition: all .3s;
        position: absolute;
        top: 58px;
        left: 0;
        z-index: 9999;
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 0;
        box-shadow: 0 12px 35px 2px rgba(0, 0, 0, .12);
        padding: 15px 15px 0;
        white-space: normal;
        width: 310px
    }
    .etm-box-search .form-box .panel-dropdown .panel-dropdown-content:after {
        bottom: 100%;
        left: 15px;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border: 7px solid transparent;
        border-bottom-color: #fff;
        margin-left: -7px
    }
    .etm-box-search .form-box .panel-dropdown .panel-dropdown-content .qtyButtons {
        position: relative;
        display: flex;
        margin: 0 0 13px
    }
    .etm-box-search .form-box .panel-dropdown .panel-dropdown-content .qtyButtons label {
        font-weight: 500;
        line-height: 36px;
        padding-right: 15px;
        display: block;
        flex: 1;
        color: #727b82;
        margin-bottom: 3px;
        font-size: 14px;
        position: relative
    }
    .etm-box-search .form-box .panel-dropdown .panel-dropdown-content .qtyButtons .bootstrap-touchspin {
        width: 150px
    }
    .etm-box-search .form-box .panel-dropdown .panel-dropdown-content .qtyButtons .child_notice {
        position: absolute;
        font-size: 11px;
        width: 100%;
        top: 18px;
        z-index: 9;
        left: 0
    }
    .etm-box-search .form-box .panel-dropdown .panel-dropdown-content .qtyButtons .child_notice i {
        display: inline
    }
    .etm-box-search .form-box .panel-dropdown .panel-dropdown-content .qtyButtons .child_notice i:before {
        font-size: 11px
    }
    .etm-box-search .form-box .panel-dropdown .panel-dropdown-content .qtyButtons .chidpolicy_detail {
        margin-left: -10px;
        position: absolute;
        width: 200%;
        color: #fff!important;
        text-align: left;
        top: 67px;
        font-size: 14px;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, .25)!important;
        -webkit-font-smoothing: antialiased!important
    }
    .etm-box-search .form-box .panel-dropdown .panel-dropdown-content .qtyButtons .chidpolicy_detail h2 {
        font-size: 18px;
        text-decoration: underline
    }
    .etm-box-search .form-box .panel-dropdown .panel-dropdown-content .qtyButtons .chidpolicy_detail div,
    .etm-box-search .form-box .panel-dropdown .panel-dropdown-content .qtyButtons .chidpolicy_detail h1,
    .etm-box-search .form-box .panel-dropdown .panel-dropdown-content .qtyButtons .chidpolicy_detail h2,
    .etm-box-search .form-box .panel-dropdown .panel-dropdown-content .qtyButtons .chidpolicy_detail label,
    .etm-box-search .form-box .panel-dropdown .panel-dropdown-content .qtyButtons .chidpolicy_detail li,
    .etm-box-search .form-box .panel-dropdown .panel-dropdown-content .qtyButtons .chidpolicy_detail p,
    .etm-box-search .form-box .panel-dropdown .panel-dropdown-content .qtyButtons .chidpolicy_detail span,
    .etm-box-search .form-box .panel-dropdown .panel-dropdown-content .qtyButtons .chidpolicy_detail ul {
        color: #fff!important
    }
    .etm-box-search .form-box .panel-dropdown .panel-dropdown-content .qtyButtons .chidpolicy_detail ul {
        padding: 0;
        margin: 0
    }
    .etm-box-search .form-box .panel-dropdown .panel-dropdown-content .qtyButtons .chidpolicy_detail ul li {
        padding: 0;
        margin: 0;
        list-style-position: inside
    }
    .etm-box-search .form-box .panel-dropdown.active a i {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .etm-box-search .form-box .panel-dropdown.active .panel-dropdown-content {
        opacity: 1;
        visibility: visible
    }
}

@media only screen and (min-width:1200px) {
    .form-box {
        padding-left: 10px!important;
        border-radius: 0
    }
}

.mobile-calendar-header {
    display: none;
    z-index: 1000
}

.mobile-bottom-sticky-calendar {
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    transition: all .5s ease;
    z-index: 9999;
    padding: 20px 0;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .3);
    background-color: hsla(0, 0%, 100%, .85)
}

.mobile-bottom-sticky-calendar .mobile-bottom-btn {
    width: 100%
}

.mobile-bottom-sticky-calendar .show_summary_mobile {
    background-color: #23a7c2;
    color: #fff;
    border: 1px solid #1b889e!important
}

.mobile-bottom-sticky-calendar .show_summary_mobile:hover {
    background-color: #1b889e;
    cursor: pointer
}

.mobile-bottom-sticky-calendar .mobile-continute-checkout {
    background-color: #fc5b62;
    border: 1px solid #fc5b62!important;
    color: #fff
}

.mobile-bottom-sticky-calendar .mobile-continute-checkout:hover {
    background-color: #fc5b62!important;
    cursor: pointer
}

.daterangepicker td.off.notuse {
    cursor: not-allowed
}

.daterangepicker td.off.notuse:hover {
    background-color: transparent!important
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #fc5b62
}

.daterangepicker td.active.notuse,
.daterangepicker td.active.notuse:hover {
    background-color: transparent!important
}

.daterangepicker .btn-primary {
    background-color: #fc5b62;
    border-color: #fc5b62
}

.daterangepicker.show-date-range .drp-buttons {
    text-align: center!important;
    display: block!important
}

.daterangepicker.show-date-range .drp-buttons .applyBtn,
.daterangepicker.show-date-range .drp-buttons .cancelBtn {
    display: none
}

.daterangepicker.show-date-range .drp-nigths {
    font-weight: 700!important;
    font-size: 14px!important
}

.mobile-calendar-header-show {
    display: block
}

.mobile-bottom-sticky-calendar_show {
    opacity: 1;
    visibility: visible
}

@media only screen and (max-width:991px) {
    .daterangepicker {
        padding-top: 170px;
        font-family: 'Open Sans', sans-serif!important;
        position: fixed;
        overflow-y: scroll;
        scroll-behavior: smooth;
        width: 100%;
        height: 100%;
        top: 0!important;
        margin-top: 0!important;
        border: none!important;
        border-radius: 0!important;
        padding-bottom: 110px!important
    }
    .daterangepicker:before {
        display: none!important
    }
    .daterangepicker td.active,
    .daterangepicker td.active:hover {
        background-color: #fc5b62
    }
    .daterangepicker .ranges {
        display: none
    }
    .daterangepicker .calendar-table td {
        font-size: 18px;
        height: 40px!important
    }
    .daterangepicker .drp-buttons {
        display: none!important
    }
    .daterangepicker .mobile-calendar-header {
        width: 100%;
        position: fixed;
        top: 0;
        padding: 15px 0;
        padding-right: 0!important;
        padding-left: 0!important;
        background-color: #fc5b62;
        color: #fff;
        box-shadow: 0 4px 37px -5px rgba(56, 56, 56, .69)
    }
    .daterangepicker .mobile-calendar-header .row {
        margin-left: 0!important;
        margin-right: 0!important
    }
    .daterangepicker .mobile-calendar-header p {
        margin: 0;
        padding: 0
    }
    .daterangepicker .mobile-calendar-header .main-title {
        font-size: 14px;
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
        font-weight: 700
    }
    .daterangepicker .mobile-calendar-header .seperate {
        vertical-align: middle;
        text-align: center;
        padding-top: 40px
    }
    .daterangepicker .mobile-calendar-header .seperate i {
        margin-left: -15px
    }
    .daterangepicker .mobile-calendar-header .seperate i:before {
        font-size: 40px;
        margin-left: 0
    }
    .daterangepicker .mobile-calendar-header .check-in,
    .daterangepicker .mobile-calendar-header .check-out {
        text-align: center
    }
    .daterangepicker .mobile-calendar-header .check-in .date-check-title,
    .daterangepicker .mobile-calendar-header .check-out .date-check-title {
        display: block;
        font-size: 14px;
        color: #ecc8ca;
        margin-bottom: 10px
    }
    .daterangepicker .mobile-calendar-header .check-in .date,
    .daterangepicker .mobile-calendar-header .check-out .date {
        font-size: 60px;
        line-height: 32px
    }
    .daterangepicker .mobile-calendar-header .check-in .date span.day,
    .daterangepicker .mobile-calendar-header .check-out .date span.day {
        font-size: 14px;
        font-weight: 400;
        margin-right: 5px
    }
}

@media only screen and (min-width:576px) {
    .daterangepicker.ltr .drp-calendar {
        width: 50%
    }
}

@media only screen and (min-width:992px) {
    .mobile-calendar-header {
        display: none
    }
    .daterangepicker {
        width: 670px
    }
    .daterangepicker .calendar-table td {
        font-size: 14px;
        padding: 2px!important
    }
    .daterangepicker .calendar-table table thead tr:first-child th {
        background-color: #eee
    }
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0
}

.mobile-bottom-sticky {
    position: fixed;
    bottom: -80px;
    background-color: #fff;
    transition: all .5s ease;
    z-index: 1049;
    padding: 10px 0;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .3);
    background-color: hsla(0, 0%, 100%, .85)
}

.mobile-bottom-sticky .btn {
    font-size: 14px!important
}

.mobile-bottom-sticky .mobile-bottom-btn {
    width: 100%
}

.mobile-bottom-sticky #show_summary_mobile {
    padding-right: 15px;
    background-color: #23a7c2;
    color: #fff;
    border: 1px solid #1b889e!important;
    font-weight: 700
}

.mobile-bottom-sticky #show_summary_mobile:hover {
    background-color: #1b889e;
    cursor: pointer
}

.mobile-bottom-sticky #show_summary_mobile .sum-txt {
    font-size: 11px!important
}

.mobile-bottom-sticky #mobile-continute-checkout {
    background-color: #fc5b62;
    border: 1px solid #fc5b62!important;
    color: #fff
}

.mobile-bottom-sticky #mobile-continute-checkout:hover {
    background-color: #fc5b62!important;
    cursor: pointer
}

.mobile-bottom-sticky #mobile-back-booking {
    background-color: #d6d5d5;
    border: 1px solid #afaeaf!important
}

@media only screen and (max-width:992px) {
    .mobile-bottom-sticky-show {
        bottom: 0
    }
    .mobile-bottom-sticky-hide {
        bottom: -80px!important
    }
}

@media only screen and (min-width:768px) {
    .mobile-bottom-sticky {
        padding: 20px 0
    }
    .mobile-bottom-sticky #show_summary_mobile .sum-txt,
    .mobile-bottom-sticky .btn {
        font-size: 1rem!important
    }
}

@media only screen and (min-width:992px) {
    .mobile-bottom-sticky {
        display: none
    }
}

.mobile-capacity-body {
    display: none
}

.mobile-capacity-body-show {
    display: block!important
}

.panel-dropdown-content.capacity-mobile-view {
    width: 100%;
    margin-top: 59px;
    padding: 15px
}

.panel-dropdown-content.capacity-mobile-view .qtyButtons {
    margin-bottom: 20px
}

.panel-dropdown-content.capacity-mobile-view .qtyButtons .input-group-btn button.btn {
    width: 93px
}

.panel-dropdown-content.capacity-mobile-view .qtyButtons label {
    font-size: 14px!important;
    font-weight: 700
}

.panel-dropdown-content.capacity-mobile-view .chidpolicy_detail {
    width: 100%;
    padding: 0 0 0 10px;
    font-size: 14px;
    -webkit-font-smoothing: antialiased!important
}

.panel-dropdown-content.capacity-mobile-view .chidpolicy_detail .row {
    margin-left: -15px!important;
    margin-right: -15px!important
}

.panel-dropdown-content.capacity-mobile-view .chidpolicy_detail h2 {
    font-size: 14px;
    text-decoration: underline
}

.panel-dropdown-content.capacity-mobile-view .chidpolicy_detail div,
.panel-dropdown-content.capacity-mobile-view .chidpolicy_detail h1,
.panel-dropdown-content.capacity-mobile-view .chidpolicy_detail h2,
.panel-dropdown-content.capacity-mobile-view .chidpolicy_detail label,
.panel-dropdown-content.capacity-mobile-view .chidpolicy_detail li,
.panel-dropdown-content.capacity-mobile-view .chidpolicy_detail p,
.panel-dropdown-content.capacity-mobile-view .chidpolicy_detail span,
.panel-dropdown-content.capacity-mobile-view .chidpolicy_detail ul {
    color: #666!important
}

.panel-dropdown-content.capacity-mobile-view .chidpolicy_detail ul {
    padding: 0;
    margin: 0
}

.panel-dropdown-content.capacity-mobile-view .chidpolicy_detail ul li {
    padding: 0;
    margin: 0;
    list-style-position: inside
}

.mobile-bottom-sticky-capacity {
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    transition: all .5s ease;
    z-index: 9999;
    padding: 20px 0;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .3);
    background-color: hsla(0, 0%, 100%, .85)
}

.mobile-bottom-sticky-capacity .mobile-bottom-btn {
    width: 100%
}

.mobile-bottom-sticky-capacity .show_summary_mobile {
    background-color: #23a7c2;
    color: #fff;
    border: 1px solid #1b889e!important
}

.mobile-bottom-sticky-capacity .show_summary_mobile:hover {
    background-color: #1b889e;
    cursor: pointer
}

.mobile-bottom-sticky-capacity .mobile-continute-checkout {
    background-color: #fc5b62;
    border: 1px solid #fc5b62!important;
    color: #fff
}

.mobile-bottom-sticky-capacity .mobile-continute-checkout:hover {
    background-color: #fc5b62!important;
    cursor: pointer
}

.mobile-bottom-sticky-capacity_show {
    opacity: 1;
    visibility: visible
}

@media only screen and (max-width:991px) {
    #mobile-capacity-body {
        background-color: #fff;
        position: fixed;
        overflow-y: auto;
        padding-bottom: 78px;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 9998
    }
    #mobile-capacity-body .row {
        margin-left: 0;
        margin-right: 0
    }
    #mobile-capacity-body .capacity-select-body {
        padding-left: 0!important;
        padding-right: 0!important
    }
    .mobile-capacity-header {
        z-index: 1000;
        position: fixed;
        top: 0;
        padding: 15px 0;
        padding-right: 0!important;
        padding-left: 0!important;
        background-color: #fc5b62;
        color: #fff;
        box-shadow: 0 4px 37px -5px rgba(56, 56, 56, .69)
    }
    .mobile-capacity-header .row {
        margin-left: 0!important;
        margin-right: 0!important
    }
    .mobile-capacity-header p {
        margin: 0;
        padding: 0
    }
    .mobile-capacity-header .main-title {
        font-size: 18px;
        width: 100%;
        text-align: center;
        font-weight: 700
    }
    .mobile-capacity-header .seperate {
        vertical-align: middle;
        text-align: center;
        padding-top: 40px
    }
    .mobile-capacity-header .seperate i {
        margin-left: -15px
    }
    .mobile-capacity-header .seperate i:before {
        font-size: 40px;
        margin-left: 0
    }
    .mobile-capacity-header .check-in,
    .mobile-capacity-header .check-out {
        text-align: center
    }
    .mobile-capacity-header .check-in .date-check-title,
    .mobile-capacity-header .check-out .date-check-title {
        display: block;
        font-size: 14px;
        color: #ecc8ca;
        margin-bottom: 10px
    }
    .mobile-capacity-header .check-in .date,
    .mobile-capacity-header .check-out .date {
        font-size: 60px;
        line-height: 32px
    }
    .mobile-capacity-header .check-in .date span.day,
    .mobile-capacity-header .check-out .date span.day {
        font-size: 14px;
        font-weight: 400;
        margin-right: 5px
    }
}

body.page-fixed {
    position: fixed;
    width: 100%!important
}

.daterangepicker .calendar-table td {
    border: solid 2px #fff;
    border-radius: 0!important;
    background: #fafafa;
    padding: 10px!important;
    line-height: 1.3em!important
}

.daterangepicker .calendar-table td:hover {
    border: solid 2px #fff!important;
    border-radius: 0!important
}

.daterangepicker .calendar-table th {
    border-radius: 0!important;
    font-size: 14px
}

.daterangepicker .calendar-table th.prev {
    border-radius: 4px 0 0 4px!important
}

.daterangepicker .calendar-table th.next {
    border-radius: 0 4px 4px 0!important
}

.daterangepicker .calendar-table th:first-child {
    border-radius: 4px 0 0 4px!important
}

.daterangepicker .calendar-table th:last-child {
    border-radius: 0 4px 4px 0!important
}

.daterangepicker td.available:hover {
    background-color: #ccc!important;
    border-color: transparent;
    color: #fff!important;
    border-radius: 0!important;
    border: solid 2px #fff!important;
}

.daterangepicker th.month {
    width: auto;
    padding: 7px 5px !important;
}

.daterangepicker th.next.available:hover,
.daterangepicker th.prev.available:hover {
    background-color: #ccc!important;
    border-color: transparent;
    color: #fff!important;
    border: none!important;
}

.daterangepicker td.in-range {
    background-color: #516d9b2c!important;
    color: #516d9b;
    border-radius: 0;
    border: 2px #fff solid
}

.daterangepicker td.start-date.in-range {
    color: #fff
}

.daterangepicker td.end-date.in-range {
    color: #fff
}

.daterangepicker td.off.notuse {
    border: solid 2px #fff!important;
    background: #fafafa!important
}

.daterangepicker .drp-selected {
    font-size: 14px
}

.daterangepicker {
    font-family: 'Open Sans', sans-serif!important
}

.daterangepicker td.active,
.daterangepicker td.start-date.available:hover,
.daterangepicker td.end-date.available:hover {
    background: #0F1D41!important;
    color: #fff!important;
    border-radius: 0!important;
    border: solid 2px #fff!important;
}


/*
.daterangepicker td.start-date {background: linear-gradient(90deg,transparent 50%,#e1e6ee 0); }
.daterangepicker td.end-date {background: linear-gradient(270deg,transparent 50%,#e1e6ee 0); }
td.active.start-date.available { position: relative; background-color: #fafafa !important;}
td.active.end-date.available { position: relative; background-color: #fafafa !important;}
td.active.start-date.available::before {
    content: "";
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 38px;
    background: #516d9b;
}
td.active.end-date.available::before {
    content: "";
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 38px;
    background: #516d9b;
}
td.active.start-date span { position: relative;}
td.active.end-date span { position: relative;}*/