.right-inner-addon {
    position: relative
}

.right-inner-addon input {
    padding-right: 30px
}

.right-inner-addon i {
    position: absolute;
    right: 0;
    padding: 10px 12px;
    pointer-events: none
}

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

.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: .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
}