/*********************/
/* REZERVACNI STAFLE */
/*********************/

.resgrid {
    width: 100%;
    color: #acacac;
    font-size: 8pt;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
}

.rg-nodata {
    display: inline-block;
    color: #000000;
    font-size: 8pt;
    margin: 0px;
    padding: 10px 5px;
}

.rg-table {
    width: 100%;
    border: solid 0px #ffffff;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
}

.rg-header {
    font-size: 8pt;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
}

.rg-row {
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
}

.rg-footer {
    font-size: 8pt;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
}

@media only screen and (max-width: 1024px) {
    .resgrid {
        font-size: 7pt;
    }

    .rg-header {
        font-size: 7pt;
        height: 15px;
        line-height: 15px;
    }

    .rg-row {
        height: 30px;
        line-height: 30px;
    }

    .rg-footer {
        font-size: 7pt;
        height: 15px;
        line-height: 15px;
    }
}

/********************/
/* Bunky rohu gridu */
/********************/
.rg-header .rg-corner-l {
    width: 100px;
    min-width: 100px;
    background-color: #436ab7;
}

.rg-header .rg-corner-r {
    width: 100px;
    min-width: 100px;
    background-color: #436ab7;
}

.rg-footer .rg-corner-l {
    width: 100px;
    min-width: 100px;
    background-color: #436ab7;
}

.rg-footer .rg-corner-r {
    width: 100px;
    min-width: 100px;
    background-color: #436ab7;
}

@media only screen and (max-width: 1024px) {
    .rg-header .rg-corner-l {
        width: 80px;
        min-width: 80px;
    }

    .rg-header .rg-corner-r {
        width: 80px;
        min-width: 80px;
    }

    .rg-footer .rg-corner-l {
        width: 80px;
        min-width: 80px;
    }

    .rg-footer .rg-corner-r {
        width: 80px;
        min-width: 80px;
    }
}

/***************************/
/* Bunky titulku statistik */
/***************************/
.rg-header .rg-stat-l {
    width: 25px;
    min-width: 25px;
    background-color: #436ab7;
}

.rg-header .rg-stat-r {
    width: 25px;
    min-width: 25px;
    background-color: #436ab7;
}

.rg-footer .rg-stat-l {
    width: 25px;
    min-width: 25px;
    background-color: #436ab7;
}

.rg-footer .rg-stat-r {
    width: 25px;
    min-width: 25px;
    background-color: #436ab7;
}

@media only screen and (max-width: 1024px) {
    .rg-header .rg-stat-l {
        width: 15px;
        min-width: 15px;
    }

    .rg-header .rg-stat-r {
        width: 15px;
        min-width: 15px;
    }

    .rg-footer .rg-stat-l {
        width: 15px;
        min-width: 15px;
    }

    .rg-footer .rg-stat-r {
        width: 15px;
        min-width: 15px;
    }
}

/*****************/
/* Bunky s casem */
/*****************/
.rg-hour {
    color: #ffffff;
    font-weight: normal;
    background-color: #4b7bdd;
    border-width: 0px;
    border-left: solid 1px #ffffff;
    border-right: solid 1px #ffffff;
    margin: 0px;
    padding: 0px;
    min-width: 50px;
    white-space: nowrap;
    text-align: center;
}

.rg-hour-now {
    color: #ffffff;
    font-weight: normal;
    background-color: #ff731b;
    border-width: 0px;
    border-left: solid 1px #ffffff;
    border-right: solid 1px #ffffff;
    margin: 0px;
    padding: 0px;
    min-width: 50px;
    white-space: nowrap;
    text-align: center;
}

.rg-header .rg-hour {
    border-bottom: solid 1px #ffffff;
}

.rg-header .rg-hour-now {
    border-bottom: solid 1px #ffffff;
}

.rg-footer .rg-hour {
    border-top: solid 1px #ffffff;
}

.rg-footer .rg-hour-now {
    border-top: solid 1px #ffffff;
}

@media only screen and (max-width: 1024px) {
    .rg-hour {
        min-width: 40px;
    }

    .rg-hour-now {
        min-width: 40px;
    }
}

/****************/
/* Bunky datumu */
/****************/
.rg-dt-l {
    color: #ffffff;
    font-weight: normal;
    background-color: #4b7bdd;
    border-width: 0px;
    border-top: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
    border-right: solid 1px #ffffff;
    margin: 0px;
    padding: 0px;
    width: 100px;
    min-width: 100px;
    white-space: nowrap;
    text-align: center;
}

.rg-dt-r {
    color: #ffffff;
    font-weight: normal;
    background-color: #4b7bdd;
    border-width: 0px;
    border-top: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
    border-left: solid 1px #ffffff;
    margin: 0px;
    padding: 0px;
    width: 100px;
    min-width: 100px;
    white-space: nowrap;
    text-align: center;
}

.rg-dt-ln {
    color: #ffffff;
    font-weight: normal;
    background-color: #ff731b;
    border-width: 0px;
    border-top: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
    border-right: solid 1px #ffffff;
    margin: 0px;
    padding: 0px;
    width: 100px;
    min-width: 100px;
    white-space: nowrap;
    text-align: center;
}

.rg-dt-rn {
    color: #ffffff;
    font-weight: normal;
    background-color: #ff731b;
    border-width: 0px;
    border-top: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
    border-left: solid 1px #ffffff;
    margin: 0px;
    padding: 0px;
    width: 100px;
    min-width: 100px;
    white-space: nowrap;
    text-align: center;
}

@media only screen and (max-width: 1024px) {
    .rg-dt-l {
        width: 80px;
        min-width: 80px;
    }

    .rg-dt-ln {
        width: 80px;
        min-width: 80px;
    }

    .rg-dt-r {
        width: 80px;
        min-width: 80px;
    }

    .rg-dt-rn {
        width: 80px;
        min-width: 80px;
    }
}

/********************/
/* Bunky statistiky */
/********************/
.rg-st-l {
    color: #ffffff;
    font-weight: normal;
    background-color: #528bfd;
    border-width: 0px;
    border-top: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
    border-right: solid 1px #ffffff;
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
    text-align: center;
}

.rg-st-r {
    color: #ffffff;
    font-weight: normal;
    background-color: #528bfd;
    border-width: 0px;
    border-top: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
    border-left: solid 1px #ffffff;
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
    text-align: center;
}

.rg-st-ln {
    color: #ffffff;
    font-weight: normal;
    background-color: #ff731b;
    border-width: 0px;
    border-top: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
    border-right: solid 1px #ffffff;
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
    text-align: center;
}

.rg-st-rn {
    color: #ffffff;
    font-weight: normal;
    background-color: #ff731b;
    border-width: 0px;
    border-top: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
    border-left: solid 1px #ffffff;
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
    text-align: center;
}

/******************************/
/* Bunky rezervacnich polozek */
/******************************/
.rg-item {
    background-color: #777777;
    border-width: 0px;
    border-left: solid 1px #454545;
    border-top: solid 1px #454545;
    margin: 0px;
    padding: 0px;
    cursor: default;
}

.rg-item-sel {
    background-color: #777777;
    border-left: solid 1px #454545;
    border-top: solid 1px #454545;
    margin: 0px;
    padding: 0px;
    cursor: default;
}

/**********************************/
/* Jednotlive rezervace (polozky) */
/**********************************/

.rg-res {
    color: #000000;
    font-size: 8pt;
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;
    background-image: none;
    background-color: #00ff00;
    text-align: center;
    vertical-align: middle;
}

/* volno */
.rg-item .rgs-free {
    background-color: #7bf778;
    cursor: pointer;
    cursor: hand;
}

.rg-item-sel .rgs-free {
    background-color: #c5ffb3;
    cursor: pointer;
    cursor: hand;
}

/* lze rezervovat, hraje */
.rg-item .rgs-free-has {
    font-weight: bold;
    background-image: url('layout/rg-pattern-wghatch.gif');
    background-position: left top;
    background-repeat: repeat;
    background-color: #06ea00;
    cursor: pointer;
    cursor: hand;
}

.rg-item-sel .rgs-free-has {
    font-weight: bold;
    background-image: none;
    background-color: #c5ffb3;
    cursor: pointer;
    cursor: hand;
}

/* nelze rezervovat */
.rg-item .rgs-none {
    background-color: #8f8f8f;
}

.rg-item-sel .rgs-none {
    background-color: #8f8f8f;
}

/* nelze rezervovat, hraje */
.rg-item .rgs-none-has {
    background-color: #ff8686;
}

.rg-item-sel .rgs-none-has {
    background-color: #ff8686;
}

@media only screen and (max-width: 1024px) {
    .rg-res {
        font-size: 7pt;
    }
}

/***********************/
/* Informace o polozce */
/***********************/

.rgi-freeres {
    border-width: 0px;
    padding: 0px;
    margin: 0px;
}

.rgi-custres {
    color: #000000;
    font-weight: bold;
    border: solid 1px #000000;
    padding: 2px;
    margin: 0px 0px 0px 3px;
    background-color: #ffffff;
}