body {
    padding-left:   5px;
    padding-right:  5px;
    padding-top:    5px;
    padding-bottom: 20px;
    margin-left:    auto;
    margin-right:   auto;
    font-family: "Open Sans", sans-serif;
    max-width: 60em;
    color: #000000;
    background-color: #ffffff;
}

h1 {
    font-size: 28px;
}

a {
    color: #4caf50;
}

a:hover {
    color: #1b5e20;
    cursor: pointer;
    text-decoration: none;
}

.right {
    text-align: right;
}

.nobreak {
    white-space: nowrap;
}

#umluva_details {
    display: flex;
    flex-direction: row;
}

#umluva_details > div {
    margin-right: 50px;
}

/* !!! lecture_list style is also hardcoded in CMS (the web system at mff.cuni.cz)
 * to correctly display the table extracted from this web */
table.lecture_list {
    border-collapse: collapse;
    width: 100%;
}

table.lecture_list tr:nth-child(4n+2){
    background-color: #f0f0f0;
}
table.lecture_list tr:nth-child(4n+3){
    background-color: #f0f0f0;
}

table.lecture_list tr:nth-child(4n+0){
    background-color: #e0e0e0;
}
table.lecture_list tr:nth-child(4n+1){
    background-color: #e0e0e0;
}

table.lecture_list td{
    padding-left:   9px;
    padding-right:  9px;
    padding-top:    2px;
    padding-bottom: 2px;
    border: 1px solid white;
}

#error_box {
    border: 2px solid red;
    background-color: #ffad99;
}

#error_box > ul {
    list-style-type: none;
}

.advert p {
    margin-top: 5px;
    margin-bottom: 5px;
}

/* Voting */

#voteform label {
	font-weight: bold;
	margin-right: 1em;
}

.lecprefs, .timeprefs {
	border-collapse: collapse;
}

.lecprefs td, .timeprefs td {
	border-left: 2px solid #888;
	border-right: 2px solid #888;
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
	padding: 0.1em 0.5em;
}

.lecprefs tr:last-child td {
	border-bottom: 2px solid #888;
}

.lecprefs th, .timeprefs th {
	border: 2px solid #888;
	padding: 0.1em 0.5em;
}

.lecprefs td.a, .lecprefs td.b, .lecprefs td.c {
	width: 3em;
	text-align: center;
}

.lecprefs td.a, .timeprefs td.a {
	background-color: #ffcccc;
}

.lecprefs td.b, .timeprefs td.b {
	background-color: #ffeecc;
}

.lecprefs td.c, .timeprefs td.c {
	background-color: #ccffcc;
}

.lecprefs .lecturer {
	font-size: smaller;
}

.timeprefs tr.lastb {
	border-bottom: 2px solid #888;
}

.timeprefs td.sis {
	text-align: center;
}

@media only screen and (max-width: 800px) {
    table.timeprefs td.a,
    table.timeprefs td.b,
    table.timeprefs td.c {
	padding: 0;
	margin: 0;
    }

    table.timeprefs input[type='radio'] {
	width: 100%;
	margin: 0;
    }

    table.timeprefs,
    table.lecprefs {
	width: 100%;
    }
}