/*
*/
/* 
    Created on : 16 May 2023, 12:05:52 am
    Author     : Edwin
*/
    .ui-datepicker-calendar {
        display: none;/*non to prevent display full-month calendar page, only display the dropdown month and year*/
    }        
    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        color: #336633;
        font-size: 16px;
        font-weight: bold;
    }    
    .bootstrap-datetimepicker-widget {
        list-style: none;
        background-color: #fff; /* This is your background color. Copy and Paste this row. */
    }
    table {
        border-collapse:collapse;
    }
    table th.border td.border {
        border: 1px solid #cccccc;
    }
    td.calendartext {
        height: 27px;
        width: 49px;
        text-align: center;
        vertical-align: middle;
        border-top: 1px solid #cccccc;
        border-right: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
    }        
    td.blanktext {
        color: green;
        height: 27px;
        width: 49px;
        text-align: center;
        vertical-align: middle;
    }        
    td.leftblanktext {
        color: green;
        height: 27px;
        width: 49px;
        text-align: left;
        vertical-align: middle;
        border-top: 1px solid #cccccc;
        border-left: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
    }        
    td.lefttextborderless {
        color: green;
        height: 27px;
        width: 49px;
        text-align: left;
        vertical-align: middle;
    }        
    td.rightblanktext {
        color: green;
        height: 27px;
        width: 49px;
        text-align: center;
        vertical-align: middle;
        border-top: 1px solid #cccccc;
        border-right: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
    }        
    td.bolded {
        text-align: center;
        vertical-align: middle;
        font-weight: bold;
        border: 1px solid #cccccc;
    }