@checkin-color: #049cdb;
@checkout-color: #FF6400;
@inhouse-color: #FFCD00;
@today-color: #60D5AC;
@history-color: #808080;

@test2color: #808080;


.today { background-color: @today-color; }

div{
    &.testit {background-color: @checkin-color; }
}

div.testit2 {
    background-color: @test2color;
}

table.reservation-table {
    border-spacing:0;
    border-collapse:collapse;
    border: 1px solid;
    table-layout: fixed;
  /*  empty-cells: show;*/
    width: 100%;

    background-color: #ffffff;

    colgroup col:first-child
    {
        width: 20px;
    }

    th {
        width: 80px;
    }

    td {
        border: 1px solid;
        white-space:nowrap;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        text-align: left;
       /* overflow: hidden;*/
        overflow-x: hidden;
        width: 80px;
        &.has-reservation {
            border-width: 0px;
        }
        &.round-corners {
            .has-reservation;
            moz-border-radius: 15px;
            border-radius: 15px;
        }
        &.round-only-left {
            .round-corners;

            border-top-right-radius: 0px;
            border-bottom-right-radius: 0px;
            -moz-border-radius-topright: 0px;
            -moz-border-radius-bottomright: 0px;

            padding-right: 2px;
            padding-left: 5px;
            margin-left: 5px;
        }
        &.round-only-right {
            .round-corners;

            border-top-left-radius: 0px;
            border-bottom-left-radius: 0px;
            -moz-border-radius-topleft: 0px;
            -moz-border-radius-bottomleft: 0px;
            padding-left: 2px;
            padding-right: 5px;
            margin-right: 5px;
        }
        &.checkin {
            .has-reservation;
            background-color: @checkin-color;
        }
        &.checkout {
            .has-reservation;
            background-color: @checkout-color;
        }
        &.inhouse {
            .has-reservation;
            background-color: @inhouse-color;
        }
        &.history {
            .has-reservation;
            background-color: @history-color;
        }
    }
    th {
        border: 1px solid;
        margin: 0px 0px 0px 0px;
    }
}