.calendarNavigateNext
{

}

.calendarNavigateNext,
.calendarNavigatePrevious {
    cursor: pointer;
    display: inline-block;
    color: #0070b8;
}

.calendarNavigateNext:hover,
.calendarNavigatePrevious:hover {
    outline: none;
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-position: under;
    background-color: transparent;
}

.calendarNavigatePrevious
{
    margin-right: 30px;
}

.calendarNavigationTop {
    margin-bottom: 20px;
}

.calendarNavigationTop .fa-arrow-right,
.calendarNavigationBottom .fa-arrow-right {
    display: inline !important;
}

.calendarNavigationTop .fa-arrow-left,
.calendarNavigationBottom .fa-arrow-left {
    display: inline !important;
}

.calendarNavigationBottom {
    margin-top: 20px;
}



.calendarTable {
    border-width: 1px;
    border-color: #A0A0A0;
    border-collapse: collapse;
    margin-bottom: 20px;
    font-size: 10px;
}

.calendarTable td {
    width: 15px;
    max-width: 15px;
    overflow: hidden;
}

.calendarDummyTitleRow {
    border: none;
}

.calendarDummyTitleTD {
    border: none;
}

.calendarTitleTD {
    border-color: #A0A0A0;
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    background-color: #E2E2E2;
}

.calendarTitleContainer {
    position: relative;
    margin: 0;
    padding: 0;
}

.calendarTitleTextDiv {
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 2;
    position: relative;
    top: 1px;
    height: 17px;
}

.calendarDayLetterTD {
    font-weight: bold;
    text-align: center;
    border-color: #A0A0A0;
    border-style: solid;
    border-width: 1px;
    background-color: #E2E2E2;
}

.calendarDayLetterContainer {
    position: relative;
    margin: 0;
    padding: 0;
}

.calendarDayLetterTextDiv {
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 2;
    position: relative;
    top: 0;
}

.calendarKWTD {
    text-align: center;
    border-color: #A0A0A0;
    border-style: solid;
    border-width: 1px;
    background-color: #B7B7B7;
}

.calendarKWContainer {
    position: relative;
    margin: 0;
    padding: 0;
}

.calendarKWTextDiv {
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 2;
    position: relative;
    top: 9px;
    height: 29px
}

.calendarDayNumberTD {
    text-align: center;
    font-size: 8px;
    border-left: 1px solid #A0A0A0;
    border-top: 1px solid #A0A0A0;
    border-right: 1px solid #A0A0A0;
}

.emptyCalendarDayNumberTD {
}

.calendarSegmentsReservedRentedTD,
.calendarSegmentsReservedTemporarilyRentedTD,
.calendarSegmentsReservedContractOnTheWayTD {
    color: #000000;
    height: 12px;
    border-right: 1px solid #A0A0A0;
    border-bottom: 1px solid #A0A0A0;
    border-left: 1px solid #A0A0A0;
}

.calendarSegmentsReservedRentedTD {
    background-color: #77C8FF;
}

.calendarSegmentsReservedTemporarilyRentedTD {
    background-color: #FFE87E;
}

.calendarSegmentsReservedContractOnTheWayTD {
    background-color: #FF9400;
}


.calendarTextContainer {
    position: relative;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.calendarTextDiv {
    left: 2px;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 2;
}

.calendarSegmentsReservedRentedTD span,
.calendarSegmentsReservedTemporarilyRentedTD span,
.calendarSegmentsReservedContractOnTheWayTD span {
    display: none;
    color: #000;
    text-decoration: none;
    padding: 3px;
}

.calendarSegmentsReservedRentedTD:hover span,
.calendarSegmentsReservedTemporarilyRentedTD:hover span,
.calendarSegmentsReservedContractOnTheWayTD:hover span {
    display: block;
    position: absolute;
    background-color: #C7EAD9;
    border: 1px solid #CCC;
    margin: 4px 15px;
    font-size: 12px;
    z-index: 100;
}

.calendarSegmentsNoBorderTD {
    height: 12px;
    border: none;
}

.calendarSegmentsBorderBottomTD {
    height: 12px;
    border: none;
    border-bottom: 1px solid #A0A0A0;
}

.calendarSegmentsBorderLeftAndBottomTD {
    height: 12px;
    border-left: 1px solid #A0A0A0;
    border-bottom: 1px solid #A0A0A0;
}

.calendarSegmentsBorderRightAndBottomTD {
    height: 12px;
    border-right: 1px solid #A0A0A0;
    border-bottom: 1px solid #A0A0A0;
}

.bkReservationFormContainer
{
    margin-top: 50px;
}

#bkReservationForm {
    max-width: 500px;
}


@media screen and (max-width: 36em) {
}


@media screen and (max-width: 31em) {

    .calendarTable td {
        width: 12px;
    }
}

@media screen and (max-width: 25em) {

    .calendarTable td {
        width: 9px;
    }
}

@media screen and (max-width: 22em) {

    .calendarTable td {
        width: 8px;
    }
}