.QCalendar {
    width: 100%;
    height: 100%;
}
.QCalendar table {
    width: 100%;
    height: 80%;
    border-collapse: collapse;
}

.QCalendar th {
    padding: 10px 0 5px 0;
    border-bottom: 2px solid #ff9900;
    vertical-align: middle;
    
}

.QCalendar table td, .QCalendar table th {
    text-align: center;
    vertical-align: middle;
    width: 14.28%;
}


.QCal_control {
    position: relative;
    height: 10%;
}

.QCalendar .QCal_day {
    cursor: pointer;
}

.QCal_prevMonth, .QCal_nextMonth, .QCal_prevYear, .QCal_nextYear {
    cursor: pointer;
    color: #ff9900;
    font-weight: bold;
    position: absolute;
    overflow: hidden;
    display: inline-block;
}

.QCal_prevMonth {
    left: 30px;
}
.QCal_nextMonth {
    right: 30px;
}

.QCal_prevYear {
    left: 0px;
}
.QCal_nextYear {
    right: 0px;
}

.QCal_tittle {
    text-align: center;
    font-weight: bold;
}

.QCal_date {
    margin-bottom: 10px;
    width: 100%;
    height: 10%;
    text-align: center;
}