.calBox {
    padding: 2px;
    text-align: left;
    color: #000000;
}

.calElement {
    display: inline-block;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
}

.calMonth {
    padding-bottom: 5px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.calMonth {
    font-size: 12px;
    font-family: "Calibri", "Lato", Calibri, Arial, sans-serif;
    text-align: center;
}

.calDay {
    /*width: 1170px;*/

}

.calDay .calElement {
    font-family: "Calibri", "Lato", Calibri, Arial, sans-serif;
    font-size: 8px;
    text-align: center;
}

.calDay .calElement.prev {
    background: transparent url('../../img/prev.png') no-repeat 0 0;
    width: 36px;
    height: 40px;
    /*padding-right: 80px;*/
}

.calDay .calElement.next {
    background: transparent url('../../img/next.png') no-repeat 0 0;
    width: 36px;
    height: 40px;
    /*padding-left: 80px;*/
}

span.calElement.next:hover, span.calElement.prev:hover {
    cursor: pointer;
}

.calDay .calElement .dayNumber {
    font-size: 14px;
}

.calElement.selected {
    background-color: #fffb00;
}

span.calElement:hover {
    background-color: #fffb00;
    cursor: pointer;
}

.calElement.today {
    background-color: #fffb00;
}