/*
    * style.css
    * Autor: Vojtech Fiala <xfiala61>
    *
    # Soucast bakalarske prace Databaze Vysilani Ceskoslovenske Televize, 2022
    *
    * definice kaskadovych stylu pro vzhled HTML souboru
*/


.flx {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.selected-btn {
    background-color: #c77400!important;
}

.hidden {
    visibility: hidden;
}

.week-div {
    text-align: center; 
    font-size: 125%; 
    margin-top: 1em;
}

.week {
    font-size: 115%;
    margin: 0.5em;
}

.highlighted-time {
    background-color: #dbb35b!important;
}

.selected-day {
    background-color: #eee6d8!important;
}

.day {
    font-size: 150%;
    font-style: italic;
}

.p-2 {
    max-width: 20%;
    width: 20%;
    background-color: aliceblue;
    padding-right: 1rem;
    padding-left: 1rem;
}

.p-2:not(:last-child) {
    margin-right: 3rem;
}

.time {
    font-weight: bold;
    font-size: 120%;
    background-color: rgb(149, 177, 180);
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    max-width: 100%;
}

.date {
    font-size: 140%;
    font-weight: bold;
}

.cnt {
    margin-right: 3rem;
    margin-left: 3rem;
}

.link-no-color a:link, .link-no-color a:visited {
    color: rgb(65, 58, 58);
    text-decoration: none;
}

.link-no-color a:hover {
    color: rgb(124, 89, 18);
    text-decoration: underline;
}

.pagename {
    padding-top: 20px;
    font-size: 250%;
}

.infolink {
    font-size: 135%;
    border-bottom: 1px solid #eee;
    padding-bottom: 9px;
    margin-bottom: 20px;
}

.serie-name {
    font-weight: bold;
    font-size: 110%;
}

.search-table {
    margin-left: auto;
    margin-right: auto;
}

table, tr, td {
    border: 1px solid black;
}

.search-table th {
    text-align: center;
    padding: 0.5em;
    border: 2px solid black;
}

.no-space-between > * {
    padding-right: 3px!important;
    padding-left: 3px!important;
}

/* jquery Autocomplete hide message */
.ui-helper-hidden-accessible {
    display: none;
}
/* Konec autocompletu */

/* V pripade, ze obrazovka ma mene jak 960px vcetne, tak zobraz jenom jeden den */
@media only screen and (max-width: 960px) { 
    #Sunday, #Friday, #Wednesday, #Monday, #Tuesday, #Thursday, #Saturday {
        display: none;
    }
    .selected-day {
        display: block!important;
        width: 100%!important;
        max-width: 100%!important;

        padding-right: 0!important;
        padding-left: 0!important;
        margin-right: 0!important;
    }
    
}