div.obal {display:flex; justify-content:space-between}
div.radioline {border:1px solid #888;border-radius:3px;min-height:20px;border-top-left-radius:0;padding:0 2px}
div.radioline label,div.radioline button  {vertical-align:middle;margin:2px 6px; margin-left:0}
div.radioline button:last-of-type {margin-right:0}
div.polozka {position:relative;background-color:#dedede;margin-bottom:6px;border-top-left-radius:3px;border-top-right-radius:3px}
div.polozka textarea {margin:0;width:calc(100% - 2px);height:100px}
div.polozka *.cervena {background-color:#faa}
div.polozka *.zluta {background-color:#ffa}
div.polozka div.legend {position:absolute;top:-10px;left:3px;background-color:#ddd;padding:0 2px; border:0}
div.polozka div.filemanager {margin-top:10px;padding-top:2px;position:relative;background-color:transparent}
div.polozka div.filemanager div.levy {border:0}
div.polozka div.filemanager > table {margin-top:8px;border-top:1px solid #888;background-color:white}
div.polozka div.filemanager > div:last-of-type {text-align:right}
div.polozka div.filemanager > div.obal:nth-child(2) {margin-top:8px}
div.polozka div.filemanager > button:last-of-type {background-color:#ccc;}
div.polozka div.filemanager > button:last-of-type:hover {background-color:#888;color:white}
div.polozka input[type=text] {width:calc(100% - 4px);}

div.polozka input[type=text].withbutton {border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;}
div.polozka input[type=text].withbutton + button {border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;margin-left:0;background-color:#aaa;transition:color 0.5s;font-weight:bold}
div.polozka input[type=text].withbutton + button:hover {color:white}
div.polozka input[type=text] + label {background-color:#aaa;line-height:12px;text-align:center;width:17px;padding-top:2px;height:18px;vertical-align:top;border:1px solid #888;border-left:0;border-bottom-right-radius:3px}
div.polozka div.pseudobutton {display:inline-block;height:20px;min-width:40px;padding:0;border:1px solid #888;border-radius:3px;margin-left:1px;vertical-align:top}
div.pseudotext div.polozka input[type=text] {margin:0;width:calc(100% - 4px)}
div.pseudotext div.polozka textarea {height:initial}
div.pseudotext > div {margin:4px 2px}
div.polozka > div.legenda {display:inline-block;padding:2px;border-top-left-radius:3px;border-top-right-radius:3px;background-color:#aaa}
div.polozka > div.limit {font-weight:bold;position:absolute;right:0;top:0;z-index:100;padding:2px;border-top-left-radius:3px;border-top-right-radius:3px;background-color:#aaa}
div.polozka > div.intparms div.obal > fieldset {padding:2px;width:calc(50% - 8px);margin:0}
div.polozka > div.intparms div.obal > fieldset table {border-spacing:0;margin:0;border-collapse:collapse;margin:0 auto !important}
div.polozka > div.intparms div.obal > fieldset table td {height:22px}
div.polozka > div.intparms > div:first-of-type {border:1px solid #888; border-radius:3px;min-height:18px;border-top-left-radius:0;padding:2px 2px 1px }
div.polozka > div.zobrazeni > div {vertical-align:top}
div.polozka > div.zobrazeni > table {border-radius: 0 3px 3px 3px;border:1px solid #888;border-spacing:0;padding:2px 2px 0;width:100%}
div.polozka > div.zobrazeni > table > thead > tr > th {background-color:#aaa}
div.polozka > div.zobrazeni > table > tbody > td.tlacitka button {min-height:22px;vertical-align:middle;}
div.polozka > div.legenda + div.zobrazeni > *:first-child {border-top-left-radius:0}


div.framebox {border:1px solid #888; border-radius:3px;vertical-align:bottom;align-items:center}


.neukaz {max-height:0;overflow-y:hidden}


#novyautor {width:460px}
#autori tr * , #navaznosti tr * {vertical-align:top}
#autori tr td.organizace {width:60px}
#autori tr td.jmeno {width:325px}
#autori tr td.stat {width:280px}
#autori tr td.katedra {width:60px}
#autori tr td.podil {width:34px}
#autori tr td.garant {text-align:center;width:14px;padding:0 0 0 1px;vertical-align:bottom}
td.tlacitka {width:46px}
td.tlacitka button {height:22px;width:22px;}
td.tlacitka button.smazat {background-image:url('button_zrusit_22.png')}
td.tlacitka button.ulozit {background-image:url('button_ulozit_22.png')}
#indikace {font-size:28px;text-align:center;font-weight:bold}
#zmenyulozeny {position:fixed;white-space:nowrap;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size:60px;z-index:1002;
			   border:2px solid #888;background-color:white;padding:4px 8px;border-radius:3px;
			   transition:opacity .5s ease;opacity:0;visibility:hidden}
#shoutbox {min-height:20px;margin-top:8px;border:1px solid #888;overflow-y:auto;cursor:default;background-color:white;border-radius:3px;}
#shoutbox div {line-height:20px;padding-left:6px;font-style:italic;color:#888}
#shoutbox ul {padding-left:20px;margin:6px 0}
form.vysledek button.semafor {min-width:42px;font-weight:bold}
form.vysledek td button.semafor:first-child {margin-left:0}
form.vysledek button.semafor:hover {color:white;cursor:pointer}
form.vysledek button.cerveny {background-color:#e77}
form.vysledek button.zeleny {background-color:#7e7}
form.vysledek button.noclick:hover {color:black;cursor:default}
div.ovladani {background-color:#ddd;display:flex;align-items: baseline;justify-content:space-between}
div.alerttext p {padding:0 2px}
div.infoexcel {display:none;font-weight:bold;padding:2px}
div.dialog h6 > div {display:inline-block;background-color:white;text-align:center}
div.dialog table.mulcity {border:1px solid #888}
div.dialog table.mulcity thead tr {background-color:#ccc}
div.dialog table.mulcity tbody tr {background-color:#eee}
div.dialog table.mulcity tbody tr:nth-child(even) {background-color:#ddd}
div.dialog table.mulcity tbody tr:hover {background-color:#aaf;cursor:default}
div.dialog table.mulcity tbody tr td {padding:0 3px;white-space:nowrap;}
div.scopus {width:calc(100% - 8px);margin:0 auto}
div.scopus > div {margin-bottom:4px;border-radius:3px;background-color:#ddd}
div.scopus > div:last-child {margin-bottom:0}
div.scopus > div > div {padding:0 2px;}
div.scopus > div > div:first-child {background-color:#bbb;border-top-left-radius:3px;border-top-right-radius:3px;display:inline-block}
div.scopus > div > div:nth-child(2) {background-color:#fefefe;border:1px solid #bbb;border-bottom-left-radius:3px;border-bottom-right-radius:3px;cursor:default}
div.scopus > div > div:nth-child(2):hover {background-color:#aaf}

button {transition: background-color 0.3s ease; transition: color 0.3s ease;}

.zelena {color:green}

button.redbutton {background-color:#fcc}
button.redbutton:hover {background-color:#c66}