body {
    font-size: 10px;
}

.right-inner-addon {
    position: relative;
    left: 0%;
    top: 80%;
}
.right-inner-addon input {
    padding-right: 30px;    
}
.right-inner-addon i {
    position: absolute;
    right: 0px;
    padding: 10px 12px;
    pointer-events: none;
}

/* Component CSS */

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

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

.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: center;
    font-size: 12px;
}

.calendar .closeWidget p{
    cursor: pointer;
}