div.calendar {
    position: absolute !important;
    z-index: 99999 !important;
    width: 215px !important;
    max-width: 215px !important;
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2) !important;
    box-sizing: content-box !important;
    font-family: Arial, sans-serif !important; 
}


div.calendar table {
    display: table !important;
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

 div.calendar thead,  div.calendar tbody,  div.calendar tfoot {
    display: table-row-group !important;
    border: none !important;
}

div.calendar tr {
    display: table-row !important;
    border: none !important;
}

 div.calendar td, div.calendar th {
    display: table-cell !important;
    padding: 2px 0 !important; 
    margin: 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
    vertical-align: middle !important;
    line-height: 14px !important; 
}


div.calendar .daynames td, 
 div.calendar tbody td {
    width: 14.28% !important; 
    font-size: 10px !important; 
    overflow: hidden !important; 
    white-space: nowrap !important;
}

.calendar .headrow td {
    background-color: #f0f0f0 !important;
    padding: 4px !important;
    width: auto !important; 
}


div.calendar .title {
    font-weight: bold !important;
    font-size: 12px !important;
    color: #333 !important;
}


div.calendar .button {
    cursor: pointer !important;
    font-weight: bold !important;
    color: #555 !important;
}

div.calendar td.selected {
    background-color: #333 !important; 
    color: #fff !important;
    border-radius: 2px !important;
}
div.calendar td.today {
    font-weight: bold !important;
    color: #d00 !important;
}
 
}