.webui-popover {
    border-radius: 0!important;
    webkit-box-shadow: 0px 5px 6px 0px rgba(100, 100, 100, 0.38)!important;
    -moz-box-shadow:    0px 5px 6px 0px rgba(100, 100, 100, 0.38)!important;
    box-shadow:         0px 5px 6px 0px rgba(100, 100, 100, 0.38)!important;
}

.ui-datepicker.bg-booking-calendar {    
    font-family: sans-serif;
    background: #FFFFFF;
    padding:10px;
    border: 1px solid #DEDEDE;
    padding: 0;    
    webkit-box-shadow: 0px 5px 6px 0px rgba(100, 100, 100, 0.38);
    -moz-box-shadow:    0px 5px 6px 0px rgba(100, 100, 100, 0.38);
    box-shadow:         0px 5px 6px 0px rgba(100, 100, 100, 0.38);
    z-index: 99999!important;
}

.ui-datepicker-multi-2 {
    width: auto!important;
}

.ui-datepicker.bg-booking-calendar {

    .ui-datepicker-group-first {
        float:left;
    }

    .ui-datepicker-group-last {
        float: right;
    }

    .ui-datepicker-header {             
        background-color: rgb(245, 124, 0);
        font-size: 20px;
        padding: 15px 10px;
    }

    .ui-datepicker-title {
        color: #FFFFFF;
        line-height: 40px;
        margin: 0 50px;    
        text-align: center;
    }

    .ui-datepicker-prev,
    .ui-datepicker-next {
        background-color:  rgb(245, 124, 0);
        padding: 0;
        height: auto;
        width: auto;
        margin: 0;
        padding: 0 20px;
        line-height: 40px;
        position: absolute;
        cursor: pointer;
        span {
            display: none;
        }
    }
    
    .ui-datepicker-prev {
        left: 0;
    }
    .ui-datepicker-next {
        right: 0;
    }

    .ui-state-hover {
        color: rgb(245, 124, 0);
    }

    .ui-datepicker-prev:before {
        content: "\f104";
        font-family: FontAwesome;
        position: relative;  
        color: #FFFFFF;
    }

    .ui-datepicker-next:before {
        content: "\f105";
        font-family: FontAwesome;
        position: relative;  
        color: #FFFFFF;          
    }


    .ui-datepicker-next:after {
        content: "";
    }

    .ui-datepicker-calendar {
        margin: 10px 10px;
    }

    .ui-datepicker-unselectable {
        background-color: #FFFFFF;
        color: #DADADA;
    }

    .ui-datepicker-week-end {
        color:  rgb(245, 124, 0); 
    }
    
    /* Table styles reset */
    table, caption, tbody, tfoot, thead, tr, th, td, a {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }
    
    table {
        width: 280px;
        
        thead th {
            font-size: 11px;
            padding: 0;
            margin: 0;
            font-weight: bold;
            
        }

        tbody td {
            font-size: 11px;
            padding: 0;
            margin: 0;
            width:20px;
            
            a,span {
                margin:2px;
                padding:4px;
                width: 20px;
                height: 20px;
                line-height: 20px;
                text-decoration: none;   
                color: rgba(0,0,0,0.87);
            }

            a.ui-state-active {
                border-bottom: 3px solid red;
            }
        }
    }
    
    
    .ui-state-disabled .ui-state-default, .ui-state-disabled .ui-state-default:hover {
        background-color: transparent;
    }

    .ui-state-active {
        color: red;
    }

}
