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

.hallgrid {
    width: 100%;
    color: #acacac;
    font-size: 8pt;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    /* max-height: 500px; */
}

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

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

.hg-header {
    color: #ffffff;
    font-size: 8pt;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
}

.hg-row {
    height: 64px;
    line-height: 64px;
    vertical-align: middle;
}

.hg-footer {
    color: #ffffff;
    font-size: 8pt;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
}

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

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

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

/********************/
/* Hlavicka, zapati */
/********************/
.hg-header .hg-title-dl, .hg-footer .hg-title-dl {
    background-color: #436ab7;
    border-width: 0px;
    border-right: solid 1px #ffffff;
    width: 100px;
    min-width: 100px;
    text-align: center;
}

.hg-header .hg-title-dr, .hg-footer .hg-title-dr {
    background-color: #436ab7;
    border-width: 0px;
    border-left: solid 1px #ffffff;
    width: 100px;
    min-width: 100px;
    text-align: center;
}

.hg-header .hg-title-hl, .hg-footer .hg-title-hl {
    background-color: #436ab7;
    border-width: 0px;
    border-left: solid 1px #ffffff;
    border-right: solid 1px #ffffff;
    width: 30px;
    min-width: 30px;
    text-align: center;
}

.hg-header .hg-title-hr, .hg-footer .hg-title-hr {
    background-color: #436ab7;
    border-width: 0px;
    border-left: solid 1px #ffffff;
    border-right: solid 1px #ffffff;
    width: 30px;
    min-width: 30px;
    text-align: center;
}

.hg-header .hg-title-t, .hg-footer .hg-title-t {
    background-color: #4b7bdd;
    border-width: 0px;
    border-left: solid 1px #ffffff;
    border-right: solid 1px #ffffff;
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
    text-align: center;
}

.hg-header .hg-title-dl, .hg-header .hg-title-dr, .hg-header .hg-title-hl, .hg-header .hg-title-hr, .hg-header .hg-title-t {
    border-bottom: solid 1px #ffffff;
}

.hg-footer .hg-title-dl, .hg-footer .hg-title-dr, .hg-footer .hg-title-hl, .hg-footer .hg-title-hr, .hg-footer .hg-title-t {
    border-top: solid 1px #ffffff;
}

.hg-title-tt {
    width: 100%;
    border-width: 0px;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

    .hg-title-tt td {
        min-width: 500px;
    }

@media only screen and (max-width: 1024px) {
    .hg-header .hg-title-dl, .hg-footer .hg-title-dl {
        width: 80px;
        min-width: 80px;
    }

    .hg-header .hg-title-dr, .hg-footer .hg-title-dr {
        width: 80px;
        min-width: 80px;
    }

    .hg-header .hg-title-hl, .hg-footer .hg-title-hl {
        width: 20px;
        min-width: 20px;
    }

    .hg-header .hg-title-hr, .hg-footer .hg-title-hr {
        width: 20px;
        min-width: 20px;
    }
}

/***************/
/* Bunky radku */
/***************/
.hg-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;
    white-space: nowrap;
    text-align: center;
}

.hg-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;
    white-space: nowrap;
    text-align: center;
}

.hg-dt-ln {
    color: #ffffff;
    font-weight: normal;
    background-color: #4b7bdd; /* ff6000 */
    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;
}

.hg-dt-rn {
    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;
    white-space: nowrap;
    text-align: center;
}

.hg-ha-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;
    text-align: center;
}

.hg-ha-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;
    text-align: center;
}

/******************************/
/* Bunky rezervacnich polozek */
/******************************/

.hg-item {
    background-color: #777777;
    border-width: 0px;
    border-top: solid 1px #454545;
    min-width: 20px;
    margin: 0px;
    padding: 0px;
    cursor: default;
}

.hg-item-sel {
    background-color: #777777;
    border-top: solid 1px #454545;
    min-width: 20px;
    margin: 0px;
    padding: 0px;
    cursor: default;
}

/******************************/
/* Obsah jednotlivych polozek */
/******************************/

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

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

/* volno */
.hg-item .hgs-free {
    background-color: #7bf778;
    border-left: solid 1px #3c5d3b;
    border-right: solid 1px #3c5d3b;
    cursor: pointer;
    cursor: hand;
}

.hg-item-sel .hgs-free {
    background-color: #c5ffb3;
    border-left: solid 1px #3c5d3b;
    border-right: solid 1px #3c5d3b;
    cursor: pointer;
    cursor: hand;
}

/* lze rezervovat, hraje */
.hg-item .hgs-free-has {
    background-image: url('layout/rg-pattern-wghatch.gif');
    background-position: left top;
    background-repeat: repeat;
    background-color: #7bf778;
    border-left: solid 1px #3c5d3b;
    border-right: solid 1px #3c5d3b;
    cursor: pointer;
    cursor: hand;
}

.hg-item-sel .hgs-free-has {
    background-image: none;
    background-color: #c5ffb3;
    border-left: solid 1px #3c5d3b;
    border-right: solid 1px #3c5d3b;
    cursor: pointer;
    cursor: hand;
}

/* lze rezervovat, je nahradnik */
.hg-item .hgs-free-hasalt {
    background-image: url('layout/rg-pattern-wvhatch.gif');
    background-position: left top;
    background-repeat: repeat;
    background-color: #bbbbff;
    border-left: solid 1px #049500;
    border-right: solid 1px #049500;
    cursor: pointer;
    cursor: hand;
}

.hg-item-sel .hgs-free-hasalt {
    background-image: none;
    background-color: #bbbbff;
    border-left: solid 1px #049500;
    border-right: solid 1px #049500;
    cursor: pointer;
    cursor: hand;
}

/* pouze jako nahradnik */
.hg-item .hgs-freealt {
    background-color: #8f8fff;
    border-left: solid 1px #5252ff;
    border-right: solid 1px #5252ff;
    cursor: pointer;
    cursor: hand;
}

.hg-item-sel .hgs-freealt {
    background-color: #bbbbff;
    border-left: solid 1px #5252ff;
    border-right: solid 1px #5252ff;
    cursor: pointer;
    cursor: hand;
}

/* lze jako nahradnik, hraje */
.hg-item .hgs-freealt-has {
    background-image: url('layout/rg-pattern-vphatch.gif');
    background-position: left top;
    background-repeat: repeat;
    background-color: #8f8fff;
    border-left: solid 1px #5252ff;
    border-right: solid 1px #5252ff;
    cursor: pointer;
    cursor: hand;
}

.hg-item-sel .hgs-freealt-has {
    background-image: none;
    background-color: #bbbbff;
    border-left: solid 1px #5252ff;
    border-right: solid 1px #5252ff;
    cursor: pointer;
    cursor: hand;
}

/* lze jako nahradnik, je nahradnik */
.hg-item .hgs-freealt-hasalt {
    background-image: url('layout/rg-pattern-wvhatch.gif');
    background-position: left top;
    background-repeat: repeat;
    background-color: #bbbbff;
    border-left: solid 1px #5252ff;
    border-right: solid 1px #5252ff;
    cursor: pointer;
    cursor: hand;
}

.hg-item-sel .hgs-freealt-hasalt {
    background-image: none;
    background-color: #bbbbff;
    border-left: solid 1px #5252ff;
    border-right: solid 1px #5252ff;
    cursor: pointer;
    cursor: hand;
}

/* nelze rezervovat */
.hg-item .hgs-none {
    background-color: #909090;
    border-left: solid 1px #595959;
    border-right: solid 1px #595959;
}

.hg-item-sel .hgs-none {
    background-color: #909090;
    border-left: solid 1px #595959;
    border-right: solid 1px #595959;
}

/* nelze rezervovat, hraje */
.hg-item .hgs-none-has {
    background-color: #ff8686;
    border-left: solid 1px #b55a5a;
    border-right: solid 1px #b55a5a;
}

.hg-item-sel .hgs-none-has {
    background-color: #ff8686;
    border-left: solid 1px #b55a5a;
    border-right: solid 1px #b55a5a;
}

/* nelze rezervovat, je nahradnik */
.hg-item .hgs-none-hasalt {
    background-color: #ffa1e0;
    border-left: solid 1px #774867;
    border-right: solid 1px #774867;
}

.hg-item-sel .hgs-none-hasalt {
    background-color: #ffa1e0;
    border-left: solid 1px #774867;
    border-right: solid 1px #774867;
}

/* tabulka s udaji */
.hgr-tbl {
    border-collapse: collapse;
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 64px;
}

/* prvni radek */
.hgr-fr {
    font-weight: bold;
    background-color: Transparent;
    height: 11px;
    line-height: 11px;
    padding: 0px;
    margin: 0px;
    white-space: nowrap;
}

    .hgr-fr td {
        padding: 5px 2px 0px 2px;
    }

/* druhy radek */
.hgr-se {
    background-color: Transparent;
    height: 11px;
    line-height: 11px;
    padding: 0px;
    margin: 0px;
    white-space: nowrap;
}

    .hgr-se td {
        padding: 0px 2px;
    }

/* treti radek */
.hgr-th {
    color: #950000;
    font-style: italic;
    background-color: Transparent;
    height: 11px;
    line-height: 11px;
    padding: 0px;
    margin: 0px;
    white-space: nowrap;
}

    .hgr-th td {
        padding: 0px 2px;
    }

/* ctvrty radek */
.hgr-fo {
    background-color: Transparent;
    height: 11px;
    line-height: 11px;
    padding: 0px;
    margin: 0px;
    white-space: nowrap;
}

    .hgr-fo td {
        padding: 0px 2px 3px 2px;
    }

/* prazdny radek */
.hgr-empty {
    height: 11px;
    line-height: 11px;
    padding: 0px;
    margin: 0px;
    white-space: nowrap;
}

/* pole s poctem rezervaci uzivatele */
.hgi-custres {
    color: #000000;
    font-weight: bold;
    border: solid 1px #000000;
    padding: 0px 2px;
    margin: 0px 0px 0px 5px;
    background-color: #ffffff;
}

/* pole s poctem nahranidku uzivatele */
.hgi-custalt {
    color: #000000;
    font-weight: bold;
    border: solid 1px #000000;
    padding: 0px 2px;
    margin: 0px 0px 0px 5px;
    background-color: #ffffff;
}