/* Component CSS */


.calendar{
    background: #eee;
    border: 1px solid #ccc;
    position: absolute;
    z-index: 9;
}

.calendar > div {
    display: inline-block;
    margin: 0 10px;
}

.calendar.hidden{
    display: none;
}

.calendar .navWrapper > span {
    cursor: pointer;
}

.calendar .month > table td.active, .calendar .month > table td.selected{
    background-color: #FBFBFB;
    cursor: pointer;
}

.calendar .month > table td.selected{
    background-color: #ccc;
}

.calendar .month > table td.disabled{
    opacity: 0.7;
    text-decoration: line-through;
    cursor: not-allowed;
    color: #888;
}

.calendar .closeWidget{
  /*  display: block;*/
    text-align: right;
    font-size: 12px;
}

.calendar .closeWidget p{
    cursor: pointer;
}