
    #roomio_contents .date-picker-wrapper {
        box-sizing: border-box;
        width: 100%;
    }

    #roomio_contents .month-wrapper {
        width: 100%!important;
        display: flex;
        justify-content: space-between!important;
        border:none;
    }

    
    #roomio_contents .month-wrapper {
        flex-direction: column;
    }
    #roomio_contents .date-picker-wrapper .gap {
        height: 2rem !important;
    }
    

    

    #roomio_contents .month-wrapper .month1, .month-wrapper .month2 {
        flex: 1 1 auto!important;
        width: auto!important;
    } 

    #roomio_contents .month-wrapper .time {
        display:none!important;
    }

    #roomio_contents .date-picker-wrapper .month-wrapper table .day {
        position: relative;
        z-index: 10;
        font-size: 1rem;
        display: flex;
        justify-content: center!important;
        align-self: center;
        padding: 0;
        margin: 0;  
    }

    #roomio_contents .date-picker-wrapper .month-wrapper table .day.real-today {
        font-weight: 600;
        background: none;
    }

    #roomio_contents .date-picker-wrapper .first-date-selected, .date-picker-wrapper .last-date-selected {
        position: relative;
        z-index: 1;
        background: none !important;
        color: #fff !important;
    }

    #roomio_contents .date-picker-wrapper .first-date-selected::before,
    #roomio_contents .date-picker-wrapper .last-date-selected::before {
        content: "";
        position: absolute;
        background: #ff4349 !important;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 34px;
        height: 34px;
        border-radius: 100%;
        z-index: -1;
    }

    #roomio_contents .date-picker-wrapper .first-date-selected::after,
    #roomio_contents .date-picker-wrapper .last-date-selected::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 100%;
        background: #ffe3e4;
        z-index: -2;
    }

    #roomio_contents .month-element {
        font-size: 1rem;
    }

    #roomio_contents .date-picker-wrapper .month-wrapper table td, 
    #roomio_contents .date-picker-wrapper .month-wrapper table th {
        width:14% !important;
        padding: 7px 0 !important;
    }

    #roomio_contents .date-picker-wrapper  {
        font-size: 1rem;
    }

    #roomio_contents .date-range-length-tip {
        z-index: 10 !important;
    }

    #roomio_contents .date-picker-wrapper .first-date-selected {
        background-color: #fff!important;
        color: #fff!important;
    }

    #roomio_contents .date-picker-wrapper .last-date-selected {
        background-color: #ffe3e4!important;
        color: #fff!important;
    }

    #roomio_contents .date-picker-wrapper .month-wrapper table .day.checked {
        background-color: #ffe3e4;
    }

    #roomio_contents  .date-picker-wrapper .last-date-selected::after {
        background-color: #fff!important;
    }

@media (max-width: 767.98px) { #roomio_contents .month-wrapper { flex-direction: column; } #roomio_contents .date-picker-wrapper .gap { height: 2rem !important; } }
