body {
    padding: 0px;
    margin: 0px 3px 0px 3px;
    background-color: #FFFFFF;
    font-family: arial, helvetica, verdana, tahoma;
    font-size: 75%;
    color: #000000;
}

table,
tr,
td,
a,
select,
input,
div,
span,
pre,
code,
form {
    font-size: 100%;
}

select,
input,
textarea,
form {
    color: black;
}

img {
    border: 0px;
}

form {
    margin: 0px;
    padding: 0px;
}

pre {
    font-size: 1.1em;
}

#content {
    padding: 4px 0px 0px 0px;
}

/* --------------------------------------------------------------------- stev */

#stev_header {
    color: #FFF;
    margin: 3px 0px 0px 0px;
    padding: 0px 0px 1px 0px;
    _width: 100%;
    border-top: 1px solid #888888;
}

#stev_header_bkg {
    background: #2A77B5 url(div_hlava.gif) repeat-y left;
    margin-top: 3px;
    display: table;
}

#stev_header span {
    background: none;
}

#stev_header label {
    color: #FFF;
    font-weight: bold;
}

#stev_module_ico {
    margin-left: 9px;
    display: inline-block;
}

#stev_module_ico img {
    border: 1px solid #000;
    background: #FFF;
}

#stev_role_fak {
    margin-right: 20px;
}

#stev_role_fak,
#stev_role_fak_one {
    text-align: right;
}

#stev_role_prihlaseni #flogin {
    display: inline !important;
}

#stev_datum {
    color: yellow;
}

#stev_role {
    display: inline-block;
    text-align: right;
    padding-right: 5px;
}

#stev_header {
    padding-top: 2px;
    min-width: 800px;
}

#stev_role {
    padding-bottom: 2px;
}

#stev_role div {
    padding: 2px;
}

#stev_role span {
    padding: 2px;
}

#stev_icons {
    display: inline-block;
    position: relative;
    top: -7px;
}

#stev_icons img {
    display: inline-block;
}

#stev_role_icons {
    float: right;
}

#stev_role_icons.anonym {
    position: relative;
    top: 5px;
}

#stev_nazev {}

#stev_nazev_modulu {
    font-weight: bold;
    padding-left: 5px;
    font-size: 140%;
}

#stev_podtitul_modulu {
    margin-left: 6px;
    font-size: 110%;
}

.stev_empty_subtitle #stev_podtitul_modulu {
    display: none;
}

#stev_header {
    display: table-row;
}

#stev_role_icons,
#stev_module_ico,
#stev_nazev,
#stev_logo {
    display: table-cell;
}

#stev_nazev,
#stev_module_ico,
#stev_header,
#stev_role_icons,
#stev_role {
    vertical-align: middle;
    white-space: nowrap;
}

#stev_module_ico {
    width: 40px;
    padding-left: 10px;
}

#stev_icons {
    position: relative;
    top: 10px;
    margin-right: 3px;
}

.anonym #stev_icons {
    top: 5px;
}

.anonym #stev_icons {
    position: relative;
}

#stev_user_roles,
#stev_user_roles_fak {
    display: block;
}

#stev_role {}

#stev_user_roles,
#stev_user_roles_fak,
#stev_jmeno,
#stev_datum,
#stev_role_fak,
#stev_role_menu {
    padding: 0px;
}

#stev_logo {
    width: 99%;
    padding-left: 20px;
    padding-right: 20px;
    vertical-align: middle;
}

#stev_header {
    height: 48px;
}

#stev_role_prihlaseni #flogin {
    position: relative;
    top: -6px;
}

#stev_role_menu {
    display: inline-block;
    position: relative;
    margin: 0px;
    text-align: left;
    padding: 0px !important;
}

#stev_role {
    padding-top: 3px;
}

#stev_jmeno {}

#stev_jmeno.anonym {
    margin: 4px 0px 2px 0px;
}

#verze_modulu {
    font-size: 12px;
    margin-left: 10px;
    position: relative;
    bottom: 1px;
}

#stev_header {
    min-width: 700px;
}

.clear {
    clear: both;
}

div.menu {
    z-index: 500;
    position: absolute;
    padding: 5px;
    margin-top: 2px;
    background-color: #FBFBFB;
    border: 2px solid #006699;
}

img.stev_ico {
    margin: 5px 0px 3px 0px;
    _margin: 5px 0px 0px 0px;
}

a.stev_ico {
    width: 26px;
    height: 28px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

a.stev_home {
    background-image: url(stev_home.gif);
}

a.stev_home:hover {
    background-position: -26px 0px;
}

a.stev_settings {
    background-image: url(stev_settings.gif);
}

a.stev_settings:hover {
    background-position: -26px 0px;
}

a.stev_layout {
    background-image: url(stev_layout.gif);
}

a.stev_layout:hover {
    background-position: -26px 0px;
}

a.stev_login {
    background-image: url(stev_login.gif);
}

a.stev_login:hover {
    background-position: -26px 0px;
}

a.stev_logoff {
    background-image: url(stev_logoff.gif);
}

a.stev_logoff:hover {
    background-position: -26px 0px;
}

a.stev_help {
    margin-right: 2px;
    background-image: url(stev_help.gif);
}

a.stev_help:hover {
    background-position: -26px 0px;
}

a.stev_lang_en {
    background-image: url(stev_en.gif);
}

a.stev_lang_en:hover {
    background-position: -26px 0px;
}

a.stev_lang_cz {
    background-image: url(stev_cz.gif);
}

a.stev_lang_cz:hover {
    background-position: -26px 0px;
}

a.stev_debug_lang {
    background-image: url(stev_debug_lang.gif);
}

a.stev_debug_lang:hover {
    background-position: -26px 0px;
}

a.stev_debug_lang_on {
    background-image: url(stev_debug_lang.gif);
    background-position: -26px 0px;
}

a.stev_notify {
    background-image: url(stev_notify.gif);
    margin-right: 2px;
    z-index: 3;
}

a.stev_notify:hover {
    background-position: -26px 0px;
}

a.stev_notify.sel {
    background-position: -26px 0px;
}

a.stev_notify.new {
    background-position: -26px 0px;
}

a.stev_notify.new.animated {
    background-position: -52px 0px;
}

a.stev_report {
    margin-right: 2px;
    background-image: url(stev_report.gif);
}

a.stev_report:hover {
    background-position: -26px 0px;
}

#stev_notify_bar {
    display: none;
    position: absolute;
    right: 4px;
    background-color: #F5F5F5;
    border: 3px solid #888;
    color: black;
    top: 11px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}

#stev_notify_counter {
    position: absolute;
    right: 2px;
    top: -10px;
    color: white;
    background-color: red !important;
    border: 2px red;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 2px;
    min-width: 10px;
    font-size: 10px;
    text-align: center;
    display: none;
}

#stev_notify_place {
    display: none;
    position: absolute;
    right: 6px;
    top: 0px;
    height: 14px;
    z-index: 900;
    font-size: 1px;
    width: 25px;
    background-color: #F5F5F5;
    background: url('stev_notify_corner.png') !important;
}

#stev_notify_bar {
    z-index: 800;
}

#stev_notify_bar ul {
    padding-top: 0;
    padding-left: 0;
    margin-left: 0;
    /*display:block;*/
    display: table;
    margin-top: 0px;
    margin-bottom: 0px;
}

#stev_notify_bar ul li {
    border-top: 1px solid #c0c0c0;
    height: 30px;
    /*display:block;*/
    list-style: none;
    width: 100%;
    line-height: 30px;
}

#stev_notify_bar ul li span {
    vertical-align: middle;
}

#stev_notify_bar ul li .notify_link {
    /* display: block;*/
    text-decoration: none;
    color: black;
    padding-left: 5px;
    width: 100%;
    display: table-row;
}

#stev_notify_bar ul li span.notify_link {
    cursor: default;
}

#stev_notify_bar ul li :hover {
    background-color: #eee;
}

#stev_notify_bar ul li.first {
    display: block;
    border-top: none !important;
    height: 30px;
}

#stev_notify_bar ul li img {
    position: relative;
    top: 4px;
    padding: 3px;
    display: table-cell;
    vertical-align: middle;
}

#stev_notify_bar .notify_unread {
    font-weight: bold;
}

#stev_notify_bar #zadnenove {
    padding: 5px;
    color: #888;
    font-size: 90%;
}

#stev_notify_bar div.more {
    border-top: 1px solid #C66;
    height: 20px;
    line-height: 20px;
    font-size: 80%;
    background-color: #eee;
    display: block;
    text-align: center;
}

#stev_notify_bar ul li span.datum {
    /*display:inline-block;*/
    display: table-cell;
    text-align: right;
    width: 100%;
    font-size: 90%;
    color: #888;
    padding-left: 5px;
    padding-right: 5px;
    /*margin-right:5px;*/
}

#stev_notify_bar ul {
    position: relative;
}

#stev_notify_bar ul li span.text {
    /*display:inline-block;*/
    padding-left: 3px;
    display: table-cell;
    /*margin-right: 200px;*/
}

a#stev_role_obj {
    display: block;
    color: #FFF;
    text-decoration: none;
    background: url(list_norm.gif) no-repeat bottom right;
    padding: 0px 20px;
    margin: 0px 0px;
}

a#stev_role_obj:hover {
    color: #FFB675;
    text-decoration: underline;
    background: url(list_hover.gif) no-repeat bottom right;
}

a#stev_role_fak_obj {
    display: block;
    color: #FFF;
    text-decoration: none;
    background: url(list_norm.gif) no-repeat bottom right;
    padding: 0px 20px 0px 0px;
    margin: 0px 0px;
}

a#stev_role_fak_obj:hover {
    color: #FFB675;
    text-decoration: underline;
    background: url(list_hover.gif) no-repeat bottom right;
}

#stev_role_list {
    z-index: 500;
    visibility: hidden;
    position: absolute;
    padding: 0px;
    margin: 0px;
    top: 0px;
    right: 0px;
    background-color: #FBFBFB !important;
    border: 2px solid #006699;
}

#stev_role_fak_list {
    z-index: 500;
    visibility: hidden;
    position: absolute;
    padding: 0px;
    margin: 0px;
    top: 0px;
    right: 0px;
    background-color: #FBFBFB !important;
    border: 2px solid #006699;
}

#stev_modul_list {
    z-index: 500;
    visibility: hidden;
    position: absolute;
    padding: 0px;
    margin-top: 2px;
    background-color: #FBFBFB;
    border: 2px solid #006699;
}

#stev_zalozky_list {
    z-index: 500;
    visibility: hidden;
    position: absolute;
    padding: 0px;
    margin-top: 2px;
    background-color: #FBFBFB;
    border: 2px solid #006699;
}

/* -------------------------------------------------------------- menu & foot */

#foot {
    border: 0px;
    border: 1px solid #9EB69B;
    margin-bottom: 1px;
}

#foot tr {
    background-color: #BAD683;
}

#foot a {
    color: #000000;
    display: block;
    padding: 0px 4px 1px 4px;
    text-decoration: none;
}

#foot a:hover {
    text-decoration: underline;
    background-color: #D2E0D0;
}

#foot a.tisk {
    width: 16px;
    height: 16px;
    padding: 0px;
    display: block;
    text-decoration: none;
    background: url(foot_print.gif) no-repeat left center;
}

#foot a.tisk:hover {
    background-position: -16px center;
}

#foot a.top {
    width: 16px;
    height: 16px;
    padding: 0px;
    display: block;
    text-decoration: none;
    background: url(foot_top.gif) no-repeat left center;
}

#foot a.top:hover {
    background-position: -16px center;
}

#odkazy {
    color: #A0A0A0;
    margin: 0px 0px 0px 16px;
    padding: 5px 0px 3px 3px;
    list-style: square;
}

#odkazy a {
    color: #000000;
    text-decoration: none;
}

#odkazy a:hover {
    text-decoration: underline;
}

#paticka2 {
    text-align: center;
    color: #C0C0C0;
    margin-top: 5px;
}

#paticka2 a {
    color: #828490;
    text-decoration: none;
}

#paticka2 a:hover {
    color: #000000;
    text-decoration: underline;
}

.menu tr.menu1 {
    background-color: #BAD683;
}

.menu tr.menu2 {
    background-color: #C4DC95;
}

.menu tr.menu3 {
    background-color: #CFE2A8;
}

.menu td {
    border-top: 1px solid #FFFFFF;
}

.menu td.session {
    color: #FFF;
    width: 42px;
    cursor: help;
    font-size: 10px;
    font-family: verdana, arial, helvetica;
    background-color: #616B60;
    border-top: 1px solid #FFF;
}

.menu td.ico {
    background-color: #616B60;
    border-top: 1px solid #FFF;
    border-left: 1px solid #FFF;
}

.menu .menu_empty {
    border-top: 1px solid #9EB69B;
}

.menu a.menu {
    display: block;
    color: #555555;
    padding: 0px 5px 1px 5px;
    border-top: 1px solid #9EB69B;
    text-decoration: none;
}

.menu a.menu_a {
    display: block;
    color: #000000;
    padding: 1px 5px 0px 5px;
    background-color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

.menu a.menu_na {
    display: block;
    color: #555555;
    padding: 0px 5px 0px 5px;
    border-top: 1px solid #F2A92F;
    border-bottom: 1px solid #F2F2F2;
    background-color: #F2F2F2;
    text-decoration: none;
}

.menu a.menu:hover {
    color: #000000;
    border-top: 1px solid #F2A92F;
    background-color: #EEEEEE;
}

.menu a.menu_a:hover {
    text-decoration: underline;
}

.menu a.home {
    width: 16px;
    height: 16px;
    padding: 0px;
    display: block;
    background: url(stev_menu_home.gif) no-repeat left center;
}

.menu a.home:hover {
    background-position: -16px center;
}

.menu a.modul {
    width: 16px;
    height: 16px;
    padding: 0px;
    display: block;
    background: url(stev_menu_modul.gif) no-repeat left center;
}

.menu a.modul:hover {
    background-position: -16px center;
}

.menu a.bookmarks {
    width: 16px;
    height: 16px;
    padding: 0px;
    display: block;
    background: url(stev_menu_bookmarks.gif) no-repeat left center;
}

.menu a.bookmarks:hover {
    background-position: -16px center;
}

.menu a.print {
    width: 16px;
    height: 16px;
    padding: 0px;
    display: block;
    background: url(stev_menu_print.gif) no-repeat left center;
}

.menu a.print:hover {
    background-position: -16px center;
}

.menu .shadow,
.shadow {
    padding: 0px;
    height: 2px;
    overflow: hidden;
    background: url(div_shadow.gif) repeat-x;
}

.menu .shadow_a {
    padding: 0px;
    height: 2px;
    overflow: hidden;
    border-left: 1px solid #888888;
    border-right: 1px solid #888888;
}

/* ------------------------------------------------------------------- filtre */

fieldset.filtr,
fieldset.filter {
    border: 1px solid #006699;
    border-top: 3px solid #006699;
    margin: 0px 0px 5px 0px;
    padding: 0px 3px 3px 5px;
}

legend.filtr,
legend.filter {
    padding: 0px 5px 0px 3px;
    color: #006699;
    font-weight: bold;
}

.filtr_on {
    color: #222222;
    text-decoration: none;
    padding-left: 18px;
    margin-left: 1px;
    background: url(filtr_minus.gif) 0px 1px no-repeat;
}

.filtr_off {
    color: #222222;
    text-decoration: none;
    padding-left: 18px;
    margin-left: 1px;
    background: url(filtr_plus.gif) 0px 1px no-repeat;
}

.filtr_on:hover,
.filtr_off:hover {
    text-decoration: underline;
}

div.filtr_div {
    margin: 0px;
    padding: 1px;
    border: 1px solid #006699;
    border-top: 2px solid #006699;
    overflow: hidden;
    background-color: #FBFBFB;
    _width: 100%;
}

#filtr_div {
    margin: 0px;
    padding: 1px;
    border: 1px solid #006699;
    border-top: 2px solid #006699;
    overflow: hidden;
    background-color: #FBFBFB;
    _width: 100%;
}

#akce_div {
    margin: 0px;
    padding: 1px;
    border: 1px solid #CC6666;
    border-top: 2px solid #CC6666;
    overflow: hidden;
    background-color: #FBFBFB;
    _width: 100%;
}

.akce_div {
    margin: 0px;
    padding: 1px;
    border: 1px solid #CC6666;
    border-top: 2px solid #CC6666;
    overflow: hidden;
    background-color: #FBFBFB;
    _width: 100%;
}

.form_div {
    border: 1px solid #006699;
    border-top: 2px solid #006699;
    padding: 1px;
    background-color: #FAFAFA;
    _width: 100%;
}

.form_div_title {
    color: #FFF;
    font-weight: bold;
    font-size: 110%;
    padding: 1px 0px 1px 5px;
    margin-bottom: 4px;
    background-color: #006699;
}

#filtr {
    margin: 5px 0px 0px 0px;
    padding: 0px;
}

fieldset.akce {
    border: 1px solid #997200;
    border-top: 3px solid #997200;
    margin: 0px 0px 5px 0px;
    padding: 0px 3px 3px 5px;
}

legend.akce {
    padding: 0px 8px 0px 5px;
    color: #997200;
    font-weight: bold;
}

/* ----------------------------------------------------------------- tip,hint */

#tip ul {
    margin: 1px 0px 1px 20px;
    padding: 0px;
    list-style: square;
    font-style: italic;
    color: #555;
}

/* ------------------------------------------------------------------- nadpis */

.nadpis1 {
    font-size: 130%;
    font-weight: bold;
}

.nadpis2 {
    font-size: 110%;
}

.nadpis3 {
    margin: 10px 0px 8px 0px;
    background-color: #F0F0F0;
    border-bottom: 1px solid #CACACA;
    padding: 1px 0px 0px 5px;
    font-weight: bold;
    color: #4A4A4A;
}

.nadpis4 {
    color: #333399;
    font-size: 120%;
    font-weight: bold;
    padding: 4px;
    margin-bottom: 10px;
    border-bottom: 2px solid #CACACA;
    background-color: #F2F2F2;
}

.nadpis5 {
    color: #336633;
    font-size: 110%;
    font-weight: bold;
    padding: 2px 1px 1px 3px;
    background-color: #FAFAFA;
    border-bottom: 3px double #DADADA;
}

/* ------------------------------------------------------------------- inputy */

.form1,
.mfrm {
    margin: 0px;
}

.inp1 {
    border: 1px solid #777;
    background-color: #F8F8F8;
    margin: 0px 2px 2px 0px;
}

.inp2 {
    border: 1px solid #777;
    background-color: #FAFADC;
    margin: 0px 2px 2px 0px;
}

.inp2:focus {
    border: 1px solid #000;
    background-color: #FCFCED;
}

.inp3 {
    border: 1px solid #777777;
    background-color: #FCE2E2;
    margin: 0px 2px 2px 0px;
}

.inp3:focus {
    border: 1px solid #000;
    background-color: #FCEDED;
}

.but1,
.but2,
.button {
    cursor: pointer;
    padding: 1px 8px 1px 20px;
    border-top: 1px solid #909090;
    border-right: 1px solid #B99372;
    border-bottom: 1px solid #8F7056;
    border-left: 1px solid #909090;
    background: #8F7056 url(but1.gif) no-repeat 0px 0px;
}

.but1[disabled],
.but2[disabled] {
    cursor: default;
    background-image: url(but1_off.gif);
}

.but3,
.but4 {
    cursor: pointer;
    padding: 1px 8px 1px 20px;
    border-top: 1px solid #909090;
    border-right: 1px solid #B99372;
    border-bottom: 1px solid #8F7056;
    border-left: 1px solid #909090;
    background: #8F7056 url(but2.gif) no-repeat 0px 0px;
}

.but3[disabled],
.but4[disabled] {
    cursor: default;
    background-image: url(but2_off.gif);
}

.but_save {
    cursor: pointer;
    padding: 1px 8px 1px 20px;
    border-top: 1px solid #909090;
    border-right: 1px solid #B99372;
    border-bottom: 1px solid #8F7056;
    border-left: 1px solid #909090;
    background: #8F7056 url(but_save.gif) no-repeat 0px 0px;
}

.but_save[disabled] {
    cursor: default;
    background-image: url(but_save_off.gif);
}

.but_next {
    cursor: pointer;
    padding: 1px 8px 1px 20px;
    border-top: 1px solid #909090;
    border-right: 1px solid #B99372;
    border-bottom: 1px solid #8F7056;
    border-left: 1px solid #909090;
    background: #8F7056 url(but_next.gif) no-repeat 0px 0px;
}

.but_next[disabled] {
    cursor: default;
    background-image: url(but_next_off.gif);
}

.but_prev {
    cursor: pointer;
    color: #FFF;
    padding: 1px 8px 1px 20px;
    border-top: 1px solid #909090;
    border-right: 1px solid #B99372;
    border-bottom: 1px solid #8F7056;
    border-left: 1px solid #909090;
    background: #8F7056 url(but_prev.gif) no-repeat 0px 0px;
}

.but_prev[disabled] {
    cursor: default;
    background-image: url(but_prev_off.gif);
}

.but_find {
    cursor: pointer;
    padding: 1px 8px 1px 20px;
    border-top: 1px solid #909090;
    border-right: 1px solid #B99372;
    border-bottom: 1px solid #8F7056;
    border-left: 1px solid #909090;
    background: #8F7056 url(but_find.gif) no-repeat 0px 0px;
}

.but_find[disabled] {
    cursor: default;
    background-image: url(but_find_off.gif);
}

.but_delete {
    cursor: pointer;
    padding: 1px 8px 1px 20px;
    border-top: 1px solid #909090;
    border-right: 1px solid #B99372;
    border-bottom: 1px solid #8F7056;
    border-left: 1px solid #909090;
    background: #8F7056 url(but_delete.gif) no-repeat 0px 0px;
}

.but_delete[disabled] {
    cursor: default;
    background-image: url(but_delete_off.gif);
}

.but_confirm {
    cursor: pointer;
    padding: 1px 8px 1px 20px;
    border-top: 1px solid #909090;
    border-right: 1px solid #B99372;
    border-bottom: 1px solid #8F7056;
    border-left: 1px solid #909090;
    background: #8F7056 url(but_confirm.gif) no-repeat 0px 0px;
}

.but_confirm_green {
    cursor: pointer;
    padding: 1px 8px 1px 20px;
    border-top: 1px solid #909090;
    border-right: 1px solid #0ab902;
    border-bottom: 1px solid #108f05;
    border-left: 1px solid #909090;
    background: #c4dc95 url(but_confirm_green.gif) no-repeat 0px 0px;
}

.but_confirm[disabled],
.but_confirm_green[disabled] {
    cursor: default;
    background-image: url(but_confirm_off.gif);
}

.but_cancel {
    cursor: pointer;
    padding: 1px 8px 1px 20px;
    border-top: 1px solid #909090;
    border-right: 1px solid #B99372;
    border-bottom: 1px solid #8F7056;
    border-left: 1px solid #909090;
    background: #8F7056 url(but_cancel.gif) no-repeat 0px 0px;
}

.but_cancel_red {
    cursor: pointer;
    padding: 1px 8px 1px 20px;
    border-top: 1px solid #909090;
    border-right: 1px solid #b94b15;
    border-bottom: 1px solid #8f0702;
    border-left: 1px solid #909090;
    background: #ffaaaa url(but_cancel_red.gif) no-repeat 0px 0px;
}

.but_cancel[disabled],
.but_cancel_red[disabled] {
    cursor: default;
    background-image: url(but_cancel_off.gif);
}

.but_akce {
    cursor: pointer;
    padding: 1px 8px 1px 20px;
    border: 1px solid #999;
    _border: 1px solid #FFF;
    background: #999 url(but_akce.gif) no-repeat 0px 0px;
}

.but_akce[disabled] {
    cursor: default;
    background-image: url(but_akce_off.gif);
}

.but_akce2 {
    cursor: pointer;
    padding: 1px 8px 1px 20px;
    border: 1px solid #999;
    _border: 1px solid #FFF;
    background: #999 url(but_akce2.gif) no-repeat 0px 0px;
}

.but_akce2[disabled] {
    cursor: default;
    background-image: url(but_akce2_off.gif);
}

.but_akce3 {
    cursor: pointer;
    padding: 1px 8px 1px 20px;
    border: 1px solid #999;
    _border: 1px solid #FFF;
    background: #999 url(but_akce3.gif) no-repeat 0px 0px;
}

.but_akce3[disabled] {
    cursor: default;
    background-image: url(but_akce3_off.gif);
}

.but_akce_filtr {
    cursor: pointer;
    padding: 1px 8px 1px 20px;
    border: 1px solid #999;
    _border: 1px solid #FFF;
    background: #999 url(but_akce_filtr.gif) no-repeat 0px 0px;
}

.but_akce_filtr[disabled] {
    cursor: default;
    background-image: url(but_akce_filtr_off.gif);
}

.but_filtr {
    cursor: pointer;
    padding: 0px;
    margin-bottom: 1px;
    _margin-bottom: 3px;
    border: 0px solid #8F7056;
    width: 17px;
    height: 18px;
    background: #8F7056 url(but_filtr.gif) no-repeat 0px 0px;
}

.but_konf {
    cursor: pointer;
    padding: 0;
    border: 0px;
    margin-bottom: 1px;
    _margin-bottom: 3px;
    width: 14px;
    height: 22px;
    background: url(but_konf.gif) 0px 0px no-repeat;
    color: #ffb675;
    font-size: 1px;
}

input[disabled],
select[disabled],
textarea[disabled] {
    background-color: buttonface !important;
    color: GrayText !important;
}

span.but1 a:hover,
span.but2 a:hover,
span.but3 a:hover,
span.but4 a:hover,
span.but_save a:hover,
span.but_next a:hover,
span.but_prev a:hover,
span.but_find a:hover,
span.but_delete a:hover,
span.but_akce a:hover,
span.but_akce2 a:hover,
span.but_akce3 a:hover,
span.but_akce_filtr a:hover,
span.but_konf a:hover,
span.but_confirm a:hover,
span.but_cancel a:hover,
span.but_confirm_green a:hover,
span.but_cancel_red a:hover {
    text-decoration: none;
}

span.but1,
span.but2,
span.but3,
span.but4,
span.but_save,
span.but_next,
span.but_prev,
span.but_find,
span.but_delete,
span.but_akce,
span.but_akce2,
span.but_akce3,
span.but_akce_filtr,
span.but_konf,
span.but_confirm,
span.but_cancel,
span.but_confirm_green,
span.but_cancel_red {
    padding: 3px 10px 1px 23px;
}

/* ------------------------------------------------------- info,error,warning */

table.error,
table.info,
table.warning {
    padding: 0px;
    margin: 0px 0px 5px 0px;
}

ul.error_text,
ul.info_text,
ul.warning_text {
    margin: 1px 0px 1px 20px;
    padding: 0px;
}

td.error_ico {
    width: 20px;
    background-color: #E45252;
}

td.error_text {
    background-color: #F56868;
    border-left: 1px solid #FFFFFF;
    border-right: 2px solid #E45252;
    color: #FFFFFF;
}

td.info_ico {
    width: 20px;
    background-color: #FFE09D;
}

td.info_text {
    background-color: #FFECC3;
    border-left: 1px solid #FFFFFF;
    border-right: 2px solid #FFE09D;
    color: #000000;
}

td.warning_ico {
    width: 20px;
    background-color: #DEC9A5;
}

td.warning_text {
    background-color: #EADFCD;
    border-left: 1px solid #FFFFFF;
    border-right: 2px solid #DEC9A5;
    color: #000000;
}

/* ------------------------------------------------------------------ tabulky */

.tab1,
table.table-striped {
    border-collapse: collapse;
}

.tab1 th,
table.table-striped th {
    font-weight: normal;
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
}

.tab2 {
    border-collapse: collapse;
    border: 0px !important;
    border-style: hidden !important;
}

.tab2 th {
    font-weight: normal;
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
}

.tab2 td {
    border-bottom: 1px solid #CACACA;
}

.tab3 {
    border-collapse: collapse;
    border: 0px;
}

.tab3 td {
    border: 0px !important;
}

.tab4 {
    border: 0px;
}

.tab4 td {
    border-bottom: 1px solid #CACACA;
}

table.nostyle,
table.nostyle tr,
table.nostyle tr td,
table.nostyle tr th {
    border-width: 0px;
}

table.nostyle th {
    vertical-align: top;
}

table.table-striped {
    width: 100%;
}

.head1,
tr.head1 td,
table.table-striped thead th {
    background-color: #006699;
    border-left: 1px solid #0077AA;
    border-right: 1px solid #0077AA;
    border-bottom: 2px solid #A5A5A5;
    color: #FFFFFF;
    text-align: left;
}

.head2,
tr.head2 td,
table.table-striped thead tr.head2 th {
    background-color: #EAE3CC;
    border: 1px solid #CACACA;
    color: #000000;
}

.head3,
tr.head3 td,
table.table-striped thead tr.head3 th {
    background-color: #EEE;
    border-top: 2px solid #006699;
    border-left: 1px solid #006699;
    border-right: 1px solid #006699;
    border-bottom: 1px solid #CACACA;
}

.head4,
tr.head4 td,
table.table-striped thead tr.head4 th {
    background-color: #888888;
    border: 1px solid #CACACA;
    color: #FFFFFF;
    font-weight: bold;
}

.head5 {
    background-color: #CACACA;
    border: 1px solid #CACACA;
    color: #FFF;
    font-style: italic;
}

.row,
tr.row td {
    border: 1px solid #CACACA;
}

.row1,
tr.row1 td,
.rown:nth-child(odd),
tr.rown:nth-child(odd) td,
table.table-striped tbody tr:nth-child(odd) td {
    background-color: #FBFBFB;
    border: 1px solid #CACACA;
}

.row2,
tr.row2 td,
.rown:nth-child(even),
tr.rown:nth-child(even) td,
table.table-striped tbody tr:nth-child(even) td {
    background-color: #E9E9E9;
    border: 1px solid #CACACA;
}

table.table-striped tr th,
table.table-striped tr td {
    padding: 3px 5px;
}

tr.row1.err td,
tr.row8.err td,
tr td.err,
table.table-striped tbody tr.red:nth-child(odd) td {
    background-color: #FFDDDD !important;
    border: 1px solid #CACACA;
}

tr.row2.err td,
tr.row9.err td,
tr td.err,
table.table-striped tbody tr.red:nth-child(even) td {
    background-color: #FFCCCC !important;
    border: 1px solid #CACACA;
}

/*tr.row1.err td{background-color:#FFDDFF;border:1px solid #CACACA;}
tr.row2.err td{background-color:#FFCCFF;border:1px solid #CACACA;}*/

tr.err-dark td {
    background: #FF7171 !important;
    border: 1px solid #FF0000 !important
}

/* zvyrazeni radku - #25703 */

tr.row-hilight td {
    background-color: #ffff88;
}

.row3,
tr.row3 td {
    background-color: #EEEEEE;
}

.row4,
tr.row4 td {
    color: #FF0000;
    font-style: italic;
    border: 1px solid #CACACA;
}

.row5,
tr.row5 td {
    border: 1px solid #006699;
}

.row6 {
    color: white;
    height: 30px;
    font-size: 140%;
    font-weight: bold;
    background: #DADADA;
    border: 1px solid #CACACA;
}

.row7 {
    color: white;
    height: 30px;
    font-size: 140%;
    font-weight: bold;
    background: #339933;
    border: 1px solid #CACACA;
}

.row8,
tr.row8 td,
table.table-striped tbody tr.yellow:nth-child(odd) td {
    background-color: #FFFFBB;
    border: 1px solid #CACACA;
}

.row9,
tr.row9 td,
table.table-striped tbody tr.yellow:nth-child(even) td {
    background-color: #F2F2A2;
    border: 1px solid #CACACA;
}

.row10 {
    color: white;
    height: 30px;
    font-size: 140%;
    font-weight: bold;
    background: #BB3333;
    border: 1px solid #CACACA;
}

.row_tab {
    background: #EAEAEA;
    border-top: 1px solid #CACACA;
    border-right: 1px solid #CACACA;
    padding: 1px 3px 1px 1px;
}

.row_tab_left {
    background: url(tab_left.gif) repeat-y top left;
    width: 4px;
}

.row_tab_a {
    background: #D6D6D6;
    border-top: 1px solid #F2A92F;
    border-right: 1px solid #F2A92F;
    padding: 1px 3px 1px 1px;
}

.row_tab_left_a {
    background: url(tab_left_a.gif) repeat-y top left;
    width: 4px;
}

.row_tab_s {
    background: #FBFBFB;
    border-top: 1px solid #CACACA;
    border-right: 1px solid #CACACA;
    border-bottom: none !important;
    font-weight: bold;
    padding: 1px 3px 1px 1px;
}

.row_tab_left_s {
    width: 4px;
    background: url(tab_left_s.gif) repeat-y top left;
    border-bottom: none !important;
}

/* ---------------------------------------------------------------------- div */

.seznam1 {
    margin: 0px;
    padding: 0px;
    line-height: 1.6em;
}

.seznam1 a {
    color: #000000;
    background-color: #F3F3F3;
    text-decoration: none;
    border: 1px solid #E3E3E3;
    padding: 0px 1px 0px 1px;
}

.seznam1 a:hover {
    border: 1px solid #FFB675;
    background-color: #D0D0D0;
}

.seznam1 a.akt {
    border: 1px solid #FFB675;
    background-color: #808080;
    color: #FFFFFF;
}

.seznam2 {
    color: #A0A0A0;
    margin: 0px 0px 0px 16px;
    padding: 5px 0px 3px 3px;
    list-style: square;
}

.pozn1 {
    padding: 2px;
    margin-bottom: 5px;
    font-size: 120%;
    font-weight: bold;
    border: 1px solid #006699;
    border-top: 2px solid #006699;
    background-color: #ECEFF1;
}

.pozn2 {
    padding: 2px;
    margin-bottom: 5px;
    border: 1px solid #006699;
    border-top: 2px solid #006699;
    background-color: #ECEFF1;
}

.pozn3 {
    padding: 2px;
    margin-bottom: 5px;
    border: 1px solid #8E9900;
    border-top: 2px solid #8E9900;
    background-color: #F5F6E8;
}

.pozn4 {
    padding: 2px;
    margin-bottom: 5px;
    color: #404040;
    border: 1px solid #CACACA;
    border-top: 2px solid #CACACA;
    background-color: #EFEFEF;
}

.pozn5 {
    padding: 2px;
    margin-bottom: 5px;
    border: 1px solid #006699;
    border-top: 2px solid #006699;
    background-color: #FFCCCC;
}

.div_legend {
    margin: 4px 0px 0px 0px;
    padding: 3px 3px 3px 4px;
    border: 1px solid #006699;
    border-top: 2px solid #006699;
    background-color: #F4F5F5;
}

.ico_legend {
    top: 0px;
    left: 3px;
    _left: 0px;
    float: left;
    clear: right;
    position: relative;
}

.li_legend {
    border-bottom: 1px solid #BBCED7;
    margin-bottom: 2px;
}

.div_legend ul {
    margin: 1px 0px 1px 20px;
    padding: 0px;
    list-style-image: url(div_legend_li.gif);
}

.pozn1 ul,
.pozn2 ul,
.pozn3 ul,
.pozn4 ul {
    margin: 1px 0px 1px 20px;
    padding: 0px;
    list-style: square;
}

/* -------------------------------------------------------------------- linky */

a.link1 {
    color: #828490;
    text-decoration: none;
}

a.link1:hover {
    color: #000000;
    text-decoration: underline;
}

a.link2 {
    color: #000000;
    text-decoration: none;
}

a.link2:hover {
    color: #000000;
    text-decoration: underline;
}

a.link3 {
    color: #3364CA;
    text-decoration: none;
}

a.link3:hover {
    color: #333399;
    text-decoration: underline;
}

a.link4 {
    color: #FFFFFF;
    text-decoration: none;
}

a.link4:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

a.link5 {
    color: #000000;
    border: 1px solid #F5F5F5;
    text-decoration: none;
}

a.link5:hover {
    border: 1px solid #9EB69B;
    background-color: #F0F0F0;
}

a.link6 {
    color: #FF0000;
    text-decoration: none;
}

a.link6:hover {
    text-decoration: underline;
}

a.link7 {
    color: #000000;
    text-decoration: underline;
}

a.link7:hover {
    color: #333399;
    text-decoration: underline;
}

a.link8 {
    color: #3364CA;
    padding-left: 15px;
    background: url(ico_page.gif) no-repeat left center;
    text-decoration: none;
}

a.link8:hover {
    color: #333399;
    text-decoration: underline;
}

a.link9 {
    color: #3364CA;
    padding-left: 15px;
    background: url(ico_floppy.gif) no-repeat left center;
    text-decoration: none;
}

a.link9:hover {
    color: #333399;
    text-decoration: underline;
}

a.link10 {
    color: #FFF;
    padding-left: 15px;
    background: url(ico_page2.gif) no-repeat left center;
    text-decoration: underline;
}

a.link10:hover {
    color: #DDD;
}

a.link11 {
    color: #828490;
    text-decoration: none;
    font-style: italic
}

a.link11:hover {
    color: #000000;
    text-decoration: underline;
    font-style: italic
}

a.link_selectuser {
    color: #36c;
    background: url(ico_n_user_go.png) no-repeat left center;
    padding: 0px 2px 0px 18px;
}

a.ico_file {
    padding-left: 18px;
    background: url(ico_file.png) no-repeat left center;
    background-size: auto 100%;
}

/* -------------------------------------------------------------------------- */

.opt1 {
    color: #555;
}

.opt2 {
    color: #F00;
}

.hr1 {
    border: 0px;
    border-top: 1px solid #CACACA;
    border-bottom: 1px solid #FFFFFF;
    height: 0px;
    _height: 2px;
}

.hr2 {
    border: 0px;
    border-top: 1px solid #CACACA;
    border-bottom: 1px solid #CACACA;
    height: 0px;
    _height: 2px;
}

.error {
    color: #f00;
}

div.popup {
    position: fixed;
    _position: absolute;
    top: 50px;
    max-height: 600px;
    _height: expression(this.scrollHeight > 600 ? "600px": "auto");
    left: 50%;
    width: 700px;
    overflow-y: auto;
    margin-left: -350px;
    /* 1/2 width */
    background-color: #EADFCD;
    border: 2px solid #000;
}

div.popup div.popup_in {
    padding: 0;
}

div.popup_bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    _position: absolute;
    _width: 100%;
    _height: 100%;
    background-color: #000;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

div.popup_bottom {
    text-align: center;
    margin: 10px;
}

table.ispopup tr td {
    padding-bottom: 150px;
}

div.popup table.ispopup tr td {
    padding-bottom: 0;
}

div.popup table.ispopup {
    margin-bottom: 0;
}

.combobox {
    display: inline-block;
    padding: 0px;
    border: 1px solid #777;
    vertical-align: middle;
}

.combobox input {
    margin-right: 0px;
    margin-bottom: 0px;
    height: 17px;
    border: none;
}

.combobox input::-ms-clear {
    display: none;
}

.combobox input:focus {
    border: none;
}

.dropdownbutton {
    background: url(ico_combo_down.png) no-repeat buttonface;
    background-position: center center;
    display: inline-block;
    width: 16px;
    height: 19px;
    padding: 0;
    border-left: 1px solid #777;
    position: relative;
    vertical-align: top;
    left: -1px;
}

.dropdown {
    position: absolute;
    cursor: default;
    border: 1px solid #777;
    left: 0px;
    display: inline-block;
    white-space: nowrap;
}

.combobox .dropdown {
    background-color: #FAFADC;
    z-index: 9999;
}

.combobox.filtr .dropdown {
    background-color: #F8F8F8;
}

.dropdown .item {
    padding: 2px;
    display: block;
}

.dropdown .item:hover {
    color: highlighttext;
    background-color: highlight;
}

.dropdown .item.selected {
    color: highlighttext;
    background-color: highlight;
}

.povinne {
    color: #DD4444;
}

.rychleakce {
    margin: 5px;
}

.rychleakce .titulek {
    background-color: #069;
    color: #fff;
    padding: 2px 2px 2px 8px;
}

.rychleakce .telo {
    border: 1px solid #069;
    padding: 4px 5px 2px 5px;
}

.rychleakce_pruh {
    background-color: #888;
    /*#069;*/
    color: #fff;
    padding: 2px 2px 0px 8px;
    position: relative;
    top: -3px;
}

.rychleakce_pruh .titulek {
    font-weight: bold;
    position: relative;
    top: -3px;
}

.rychleakce_pruh img {
    background-color: white;
    padding: 1px;
    width: 14px;
    height: 14px;
}

.rychleakce_pruh .icolink {
    position: relative;
    top: 2px;
}

.rychleakce_pruh .icolink:hover+a {
    text-decoration: underline;
}

.rychleakce_pruh a {
    color: white;
    text-decoration: none;
}

.rychleakce_pruh a:hover {
    color: white;
    text-decoration: underline;
}

.rychleakce_pruh li {
    list-style: none;
    display: inline;
    padding: 1px;
    margin: 0;
}

.rychleakce_pruh ul {
    display: inline;
    margin: 0;
    padding: 0;
}

.rychleakce_pruh img {
    margin-left: 2px;
}

.rychleakce li {
    list-style: none;
    margin: 0;
}

.rychleakce ul {
    display: inline;
    margin: 0;
    padding: 0;
}

.rychleakce .icolink:hover+a.icolinktext {
    text-decoration: underline;
    color: #333399;
}

.rychleakce a {
    color: #3364CA;
    text-decoration: none;
}

.rychleakce a:hover {
    color: #333399;
    text-decoration: underline;
}

.icolinktext {
    padding-left: 4px;
}

.prihl_ucha {
    color: #00F
}

ul.rychleakce {
    padding-left: 0px;
}

/* Následuje našeptávač ve starém designu */

.ui-widget-content {
    background: #ffffff;
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    background: Highlight;
    color: HighlightText;
}

.ui-menu {
    border: 1px solid black;
}

.ui-menu .ui-menu-item a {
    padding: 5px 5px;
    line-height: 1.0;
    font-size: 12px;
}

ul.ui-menu li:first-child {
    border-radius: 0 0 0 0;
}

ul.ui-menu li:last-child {
    border-radius: 0 0 0 0;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 0;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 0;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 0;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 0;
}

.debuginfo {
    color: red;
    margin-left: 10px;
}

/*************************************************************
Následují styly, které uzpůsobí pie divy a spany, aby vypadaly jako starý SIS
***************************************************************/

.formFilter {
    display: none;
}

ul.inline {
    list-style: none;
    margin: 0 0 15px;
}

ul.inline li {
    background: none;
    padding: 0 15px 0;
    display: inline-block;
}

.contentBox {
    display: inline-block;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #069;
    text-align: center;
}

.contentBox .highlighted {
    color: #4d4d4d;
    font-size: 1.6666em;
    font-weight: bold;
}

.contentBox p,
.contentBox div,
.contentBox .block {
    margin-bottom: 40px;
}

.pageBlock {
    margin-bottom: 0;
    padding: 0 0 0 0;
    position: relative;
}

a.button {
    text-decoration: none;
    color: black;
}

.buttons {
    margin-bottom: 5px;
    clear: both;
    text-align: center;
}

.tab1.notable th {
    font-weight: bold;
}

.tab1.notable th h3 {
    text-align: left;
}

.head1 th {
    text-align: left;
}

table.list thead th {
    background-color: #006699;
    border-left: 1px solid #0077AA;
    border-right: 1px solid #0077AA;
    border-bottom: 2px solid #A5A5A5;
    color: #FFFFFF;
}

table.list {
    border-collapse: collapse;
    width: 100%;
    max-width: 1024px;
}

table.list td {
    background-color: #FBFBFB;
    border: 1px solid #CACACA;
}

table.list .content {
    background-color: #E9E9E9;
    margin-bottom: 0px;
}

table.list .content ul {
    margin-top: 0px;
    margin-bottom: 0px;
}

table.list .content .highlighted {
    font-weight: bold;
}

.tableContentHeader {
    list-style: none;
    display: table;
    width: 100%;
    margin: 0;
}

table.list .tableContentHeader p {
    margin-top: 0px;
    margin-bottom: 0px;
}

table.list .tableContentHeader ul {
    display: inline;
}

table.list .tableContentHeader ul {
    display: inline;
}

.tableContentHeader>li {
    display: table-cell;
    background: none;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

table.list .open>tr:first-child>td .state .closed,
.list .state .open {
    display: none;
}

.list .open .state .open {
    display: block;
}

.stateBtn.open:before {
    content: "-";
    color: black;
}

.stateBtn.closed:before {
    content: "+";
    color: #069;
}

table.list>tbody>tr:first-child:hover>td .stateBtn:before {}

.list .state .stateBtn:before {
    font-weight: bold;
    display: block;
    width: 25px;
    text-align: center;
    line-height: 30px;
    font-size: 150%;
    /*margin-right: 15px;*/
    margin-top: 1px;
    cursor: pointer;
    cursor: hand;
}

/* ikony stavů v přihlášce zobrazit jako texty */

span.icon .visuallyhidden {
    border: inherit;
    clip: inherit;
    height: inherit;
    margin: inherit;
    overflow: inherit;
    padding: inherit;
    position: inherit;
    width: inherit;
    font-style: italic;
}

td .withButton {
    padding-right: 120px;
    display: block;
    position: relative;
    vertical-align: middle;
}

td .withButton input {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -15px;
}

tr.platnost_expirovany td {
    color: grey !important
}

tr.platnost_neplatny td {
    color: red !important;
}

tr.platnost_nezavedeny td {
    color: grey !important;
}

.ma_error.nezmenena_spravne .inp3 {
    background-color: #fd9;
}

.ma_error.nezmenena_spravne .form_dialog_nazev {
    color: #f80;
}

.label_error {
    color: #FF0000;
    font-style: italic;
}

.label_error.nezmenena_spravne {
    color: #f80
}

.tag-editor .tag-editor-delete {
    padding-bottom: 2px;
    background-color: #ffbc80 !important;
    border: 1px solid #B99372;
    border-left: none !important;
}

.tag-editor .tag-editor-delete i:before {
    color: black !important;
}

.tag-editor .tag-editor-delete:hover i:before {
    color: red !important;
}

.tag-editor .tag-editor-tag {
    background-color: #ffbc80 !important;
    color: black !important;
    border-top: 1px solid #909090;
    border-right: 1px solid #B99372;
    border-bottom: 1px solid #8F7056;
    border-left: 1px solid #909090;
}

.tag-editor .tag-editor-tag.active {
    border: none !important;
}

.form_tageditor .inp2+.tag-editor {
    border: 1px solid #777;
    background-color: #FAFADC;
}

.form_tageditor .inp3+.tag-editor {
    border: 1px solid #777777;
    background-color: #FCE2E2;
    margin: 0px 2px 2px 0px;
}

.form_dialog.ma_error {
    border: 1px solid red;
    padding-top: 5px;
    background-color: #fcc;
}

.sstav_aktivni {
    font-weight: bold
}

.sstav_preruseno {
    font-weight: bold;
    font-style: italic;
}

.sstav_ukoncene {
    font-style: italic;
}

.sstav_prijat {
    /*bezne pismo*/
}

span.form_dialog {
    display: inline-block;
}

/* -------------------------------------------------------------- dokumentace */

div.doc_nadpis {
    margin: 15px 5px 10px 0px;
    font-size: 125%;
    font-weight: bold;
    border-bottom: 1px solid #D1D3D5;
}

div.doc_podnadpis {
    margin: 10px 5px 10px 0px;
    font-size: 110%;
    font-weight: bold;
    border-bottom: 1px solid #D1D3D5;
}

div.doc_kapitola {
    width: 98%;
    margin-left: 10px;
}

div.doc_odstavec {
    margin: 5px 0px 8px 0px;
    text-align: justify;
}

div.doc_info {
    padding: 3px 3px 3px 20px;
    margin: 5px 0px 8px 0px;
    text-align: justify;
    font-weight: bold;
    border: 1px solid #F00;
    background: #FFE5E5 url(doc_info.gif) no-repeat left center;
}

div.doc_img {
    margin: 15px 0px 8px 0px;
    text-align: center;
}

pre.doc_code {
    border: 1px dashed #888;
    margin: 5px 0px 8px 0px;
    padding: 5px 0px 0px 5px;
    font-size: 1.05em;
    background-color: #E0E2E5;
}

hr.doc_hr {
    width: 97%;
    height: 2px;
    border: 0px;
    border-top: 1px solid #CCCED0;
    border-bottom: 1px solid #FFFFFF;
}

table.doc_tab4 {
    empty-cells: show;
}

table.doc_tab5 {
    empty-cells: show;
}

tr.doc_tab2 td {
    border: 1px solid #BEBEBE;
}

tr.doc_tab3 td {
    border: 1px solid #BEBEBE;
}

a.doc_link {
    color: #22F;
    background: url(ico_link.gif) no-repeat left center;
    padding-left: 10px;
    text-decoration: none;
}

a.doc_link:hover {
    text-decoration: underline;
}

/* -- BEGIN BLOCK hvezdickove hodnoceni pro js funkci dl_star_rating(), css vychází z https://codepen.io/stoumann/pen/yLbYOdz */

input[type="range"].rating {
    --dir: right;
    --fill: gold;
    --fillbg: rgba(100, 100, 100, 0.15);
    --heart: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 21.328l-1.453-1.313q-2.484-2.25-3.609-3.328t-2.508-2.672-1.898-2.883-0.516-2.648q0-2.297 1.57-3.891t3.914-1.594q2.719 0 4.5 2.109 1.781-2.109 4.5-2.109 2.344 0 3.914 1.594t1.57 3.891q0 1.828-1.219 3.797t-2.648 3.422-4.664 4.359z\"/></svg>');
    --star: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 17.25l-6.188 3.75 1.641-7.031-5.438-4.734 7.172-0.609 2.813-6.609 2.813 6.609 7.172 0.609-5.438 4.734 1.641 7.031z\"/></svg>');
    --stars: 5;
    --starsize: 2rem;
    --symbol: var(--star);
    --value: 1;
    --w: calc(var(--stars) * var(--starsize));
    --x: calc(100% * (var(--value) / var(--stars)));
    block-size: var(--starsize);
    inline-size: var(--w);
    position: relative;
    touch-action: manipulation;
    -webkit-appearance: none;
}

[dir=\"rtl\"] input[type="range"].rating {
 --dir: left;
}

input[type="range"].rating::-moz-range-track {
    background: linear-gradient(to var(--dir), var(--fill) 0 var(--x), var(--fillbg) 0 var(--x));
    block-size: 100%;
    mask: repeat left center/var(--starsize) var(--symbol);
}

input[type="range"].rating::-webkit-slider-runnable-track {
    background: linear-gradient(to var(--dir), var(--fill) 0 var(--x), var(--fillbg) 0 var(--x));
    block-size: 100%;
    mask: repeat left center/var(--starsize) var(--symbol);
    -webkit-mask: repeat left center/var(--starsize) var(--symbol);
}

input[type="range"].rating::-moz-range-thumb {
    height: var(--starsize);
    opacity: 0;
    width: var(--starsize);
}

input[type="range"].rating::-webkit-slider-thumb {
    height: var(--starsize);
    opacity: 0;
    width: var(--starsize);
    -webkit-appearance: none;
}

input[type="range"].rating,
input[type="range"].rating-label {
    display: block;
    font-family: ui-sans-serif, system-ui, sans-serif;
}

input[type="range"].rating-label {
    margin-block-end: 1rem;
}

/* NO JS */

input[type="range"].rating--nojs::-moz-range-track {
    background: var(--fillbg);
}

input[type="range"].rating--nojs::-moz-range-progress {
    background: var(--fill);
    block-size: 100%;
    mask: repeat left center/var(--starsize) var(--star);
}

input[type="range"].rating--nojs::-webkit-slider-runnable-track {
    background: var(--fillbg);
}

input[type="range"].rating--nojs::-webkit-slider-thumb {
    background-color: var(--fill);
    box-shadow: calc(0rem - var(--w)) 0 0 var(--w) var(--fill);
    opacity: 1;
    width: 1px;
}

[dir=\"rtl\"] input[type="range"].rating--nojs::-webkit-slider-thumb {
 box-shadow: var(--w) 0 0 var(--w) var(--fill);
}

/* -- END BLOCK hvezdickove hodnoceni pro js funkci dl_star_rating(), css vychází z https://codepen.io/stoumann/pen/yLbYOdz */