* { padding: 0; margin: 0; }
body { background: #ccc url('../img/bg_body.png') center top repeat fixed; color: #000; overflow-x: hidden; overflow-y: scroll; }

/******************************************************************************/

input, textarea, select { font-family: open sans, tahoma; font-size: 12px; }
input, textarea, select { padding: 3px 5px; }
select option[disabled="disabled"] { color: #990033; }

.fieldset { background: rgba(230, 230, 230, 0.25); border: 1px solid #dedede; border-radius: 3px; display: inline-block; float: left; margin-right: 10px; padding: 5px 10px; vertical-align: top; }
.fieldset legend .fa, .fieldset legend .far, .fieldset legend .fas { color: #aaa; padding: 0 2px; }
.fieldset legend .fa:hover, .fieldset legend .far:hover, .fieldset legend .fas:hover { color: #444; }

.fieldset-researcher { min-height: 150px; }

.fieldset-time { background: #eee; border: 1px solid #dedede; border-radius: 3px; margin: 0 0 3px 0; padding: 0 3px; }
.fieldset-time:hover { background: #efefef; border: 1px solid #aaa; }
.fieldset-time.good { background: var(--highlight); border: 1px solid #385c20; color: #000; }
.fieldset-time.good legend { background: var(--highlight); border: 1px solid #385c20; border-radius: 3px; color: #000; }
.fieldset-time.not-good { background: #eb2330; border: 1px solid #900; color: #fff; }
.fieldset-time.not-good legend { background: #eb2330; border: 1px solid #900; border-radius: 3px; color: #fff; }
.fieldset-time legend { color: #999; font-size: .75em; padding: 0 2px; text-transform: uppercase; }

/******************************************************************************/
                                                                                
.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: open sans; font-size: 1em; }
.ui-autocomplete { z-index: 9999; }
.custom-combobox-toggle { margin: -2px 0 0 1px; padding: 8px 2px 8px 1px; }
.tinymce { width: 100%; }

/******************************************************************************/

.highlight, .c-start, .c-green { color: var(--highlight); }
.highlight-dark, .c-start-dark, .c-green-dark { color: var(--highlight-dark); }
.highlight2 { color: #385c20; }
.c-stop, .c-red { color: #eb2332 !important; }
.c-bbb { color: #bbb !important; }
.c-gray { color: #999; }
.c-dim-gray { color: #444; }
.c-orange { color: #ffa500 !important; }
.nu { text-decoration: none; }
.nu:hover { text-decoration: underline; }
.un { text-decoration: underline; }
.un:hover { text-decoration: none; }
.nn { text-decoration: none; }
.nn:hover { text-decoration: none; }
.nc { text-decoration: none; }
.nc:hover { color: #eb2332; color: var(--highlight); }
.separator { background: url('../img/separator.png') 0 0  repeat-x; height: 4px; margin-bottom: 5px; }
.paging { /* background: rgba(255, 255, 255, 1); border-radius: 3px; margin-bottom: 2px; */ padding: 0.75em; text-align: center; }
.paging a { background: #efefef; border-radius: 3px; display: inline-block; padding: 5px 10px; text-decoration: none; }
.paging a:hover, .paging a.page-active { background: var(--highlight); color: #fff; }
.nowrap { white-space: nowrap; }
.ui-tooltip { background: #444; border: 0; border-radius: 2px; box-shadow: none; color: #fff; font-family: open sans; font-size: 12px; }
.form, .wrap-block { background: rgba(255,255,255,.65); border-radius: 3px; margin-bottom: 1em; padding: 15px; }

.button, .back { background: #fff; border-radius: 3px; display: inline-block; margin-left: 5px; padding: 5px 10px; text-decoration: none; }
.back { margin: 0; }
.button2 { background: #f9f9f9; border: 1px solid #dedede; border-radius: 3px; display: inline-block; padding: 3px 5px; text-decoration: none; }
.button:hover, .button2:hover, .back:hover { color: #000; }
.button .fa, .button2 .fa, .button .far, .button2 .far, .button .fas, .button2 .fas { margin-right: 2px; }
.button-black { background: #222; border: 1px solid #222; color: #fff; cursor: pointer; padding: 5px 10px; }
.button-black:hover { background: #111; border: 1px solid #111; }
.button-gray { background: #444; border: 1px solid #444; color: #fff; cursor: pointer; padding: 5px 10px; }
.button-gray:hover { background: #333; border: 1px solid #333; }
.button-green { background: var(--highlight); border: 1px solid var(--highlight); cursor: pointer; padding: 5px 15px; }
.button-green:hover { background: var(--highlight-hover); border: 1px solid var(--highlight-hover); }
.button-submit { background: #444; border: 1px solid #444; border-radius: 3px; color: #fff; cursor: pointer; padding: 4px 10px; }
.button-submit:hover { background: #222; border: 1px solid #222; }
.button-submit-inverse { background: #fff; border: 1px solid #fff; border-radius: 3px; color: #000; cursor: pointer; padding: 4px 10px; }
.button-submit-inverse:hover { border: 1px solid #ccc; }
.button-submit-yellow { background: #f9d301; border: 1px solid #f9d301; border-radius: 3px; cursor: pointer; padding: 4px 10px; }
.button-submit-yellow:hover { background: #f9d200; border: 1px solid #f9d200; }

.hidden, .only-print, .only-print-tr { display: none; }
.wrap-sticky { max-height: 100vh; overflow-y: auto; }
.sticky { position: sticky; top: 0; }
.overline { text-decoration: overline; }
.b { font-weight: bold; }
.clear-both { clear: both; font-size: 0px; }

/******************************************************************************/
/* lottie */

.wrap-lottie { position: relative; }
.lottie1 { height: 200px; left: calc(-100px + 7.5px); position: absolute; top: calc(-100px + 7.5px); width: 200px; }
.lottie2 { height: 100px; left: calc(-50px + 8px); position: absolute; top: calc(-50px + 8px); width: 100px; }

/******************************************************************************/
/* text-to-copy */

.ttc, .ttc:hover .button-copy, .wrap-button-copy:hover .button-copy { display: inline-block; }
.wrap-button-copy { display: inline-block; height: 1em; margin-left: 5px; position: relative; width: 18px; }
.button-copy { bottom: 0; cursor: pointer; display: none; font-size: 1.5em !important; left: 0; position: absolute; }
.clipboardjs { cursor: pointer; }

/******************************************************************************/

.table td {	padding: 2px 20px 2px 0; }

/******************************************************************************/
/* hlášky */

#msg-ok, .msg-ok { background: var(--highlight); border-radius: 3px; margin-bottom: 1em; padding: 5px 15px; }
#msg-error, .msg-error { background: #dc143c; border-radius: 3px; color: #fff; margin-bottom: 1em; padding: 5px 15px; }
#msg-error a, .msg-error a { color: #fff; }

/******************************************************************************/
/* skrolování */

#scroll-top { top: 30px; background: #2c2c2c; border-radius: 3px; color: #fff; display: inline-block; font-size: 20px; padding: 5px; position: absolute; right: -45px; text-decoration: none; z-index: 2; }
#scroll-top { position: fixed; }
#scroll-down { bottom: 30px; background: #2c2c2c; border-radius: 3px; color: #fff; display: inline-block; font-size: 20px; padding: 5px; position: absolute; right: -45px; text-decoration: none; z-index: 2; }
#scroll-down { position: fixed; }

/******************************************************************************/
/* rychlé menu */

#fast-menu { border-top-left-radius: 3px; border-bottom-left-radius: 3px; border: 1px solid #555; border-right: 0; line-height: 1.25em; list-style: none; padding: 0; position: absolute; right: 0; top: 223px; }
#fast-menu { position: fixed; }
#fast-menu li a { background: rgba(255, 255, 255, 0.5); border-bottom: 1px solid #555; color: #111; display: block; padding: 5px; text-align: center; text-decoration: none; }
#fast-menu li a:hover { color: #000; }
#fast-menu li a .fa, #fast-menu li a .far, #fast-menu li a .fas { font-size: 1.5em !important; margin: 5px 0 0 0; }
#fast-menu li:first-child a { border-top-left-radius: 3px; }
#fast-menu li:last-child a { border: 0; border-bottom-left-radius: 3px; }

/******************************************************************************/
/* hlavička */

#wrap-head { background: url('../img/bg_head.png') center bottom; border-bottom: 5px solid var(--highlight); color: #fff; position: relative; }
#wrap-head a { color: #fff; }
#head { margin: 0 auto; padding-top: 15px; position: relative; width: 1180px; }
#logo { display: inline-block; margin: 10px 0; vertical-align: middle; }
#logo img { height: auto; width: 100%; }
#zakazkovy-system { color: #fff; display: none; font-size: 15px; font-weight: bold; left: 0; position: absolute; text-transform: uppercase; top: 50px; }

/******************************************************************************/
/* profil uživatele */

#wrap-account { display: inline-block; float: right; position: relative; }

#account-info { display: inline-block; position: relative; text-align: right; top: 5px; vertical-align: top; }
#account-info a:hover, #account-info a.active { }
#account-name { font-size: 1.25em; font-weight: bold; }
.account-time { background: #fc2a00; font-size: 1.15em; padding: 3px 10px; }
#account-info a#news {}
#account-info a#news.active { color: #fcd209; }

#profile-photo { background: #e6e6e6; display: inline-block; margin: 0 10px; position: relative; vertical-align: top; width: 65px; }
#profile-photo img { border: 1px solid #666; height: 65px; width: 100%; }

#logout { font-size: 22px; position: relative; right: 0; top: 5px; }
#logout:hover { color: #eb2332; }

/******************************************************************************/
/* menu */

.menu { clear: both; display: block; list-style: none; margin: 15px 0 0 0; padding: 0; }
.menu li { display: inline-block; margin-right: 1px; }
.menu li a { background: #444; border-top: 1px solid #666; display: block; padding: 8px 9px; text-align: center; text-decoration: none; }
.menu li:hover a, .menu li.active a { background: var(--highlight); color: #000 !important; border-top: 1px solid #6eda3f; }
.menu li a span { margin-right: 5px; }
.menu li:first-child a { border-top-left-radius: 5px; }
.menu li:last-child a, .menu li:nth-last-child(2) a { border-top-right-radius: 5px; }
.menu li.icon-hamburger { display: none; z-index: 2; }

/******************************************************************************/
/* submenu */

.wrap-submenu { margin-bottom: 1em; }
.submenu { list-style: none; margin: 0; padding: 0; }
.submenu li { display: inline-block; margin-right: 2px; }
.submenu li a { background: #fff; border-radius: 3px; display: inline-block; padding: 8px 10px; text-decoration: none; }
.submenu li a:hover, .submenu li a.active { background: var(--highlight); }
.submenu li a .fa-icon { margin-right: 5px; }

/******************************************************************************/
/* obsah */

#wrap-content { float: left; width: 100%; }
#content-float { margin: 0 auto; width: 1180px; }
#content { float: left; min-height: 700px; padding: 0 0 15px 0; position: relative; width: 100%; }
#content .fa, #content .far, #content .fas { font-size: 16px; }

/******************************************************************************/
/* sidebar */

#sidebar { float: left; margin-right: 0; width: 0; }

/******************************************************************************/
/* strouhanka */

#breadcrumbs { margin-bottom: 1em; position: relative; }
#breadcrumbs div { display: inline-block; }
#breadcrumbs a:first-letter, #breadcrumbs div:first-letter { text-transform: uppercase; }
.icon-top { font-size: 30px !important; position: absolute; right: 0; text-decoration: none; top: 30px; }
.wrap-panel-button { float: right; }
.panel-top { position: absolute; right: 0; top: 30px; }

/******************************************************************************/
/* text */

#text { float: right; margin: 20px 0 0 20px; position: relative; width: 100%; }

/******************************************************************************/
/* tabulka */

.table td { padding: 0 15px 5px 0; }

/******************************************************************************/
/* tabulka - seznam */

.table-list { width: 100%; }
.table-list th { background: #fff; border-bottom: 2px solid #dbdbdb; padding: 11px 5px; }
.table-list th a { }
.table-list td { background: rgba(255, 255, 255, 1); border-bottom: 1px solid #dbdbdb; padding: 5px 5px; }
.table-list td.border-right { border-right: 1px double #efefef; }
.table-list td a { }
.table-list td a:first-letter { text-transform: uppercase; } 
.table-list tr:hover td { background: #f6faf3; background: #ffffe0; }
.table-list tr.active td { background: rgba(110, 180, 63, 0.25); }
.table-list tr.active-researcher-printer td { background: #b0e0e6; }
.table-list tr.active-researcher td { background: #e8f5ec; }
.table-list td.empty, .table-list tr:hover td.empty { background: none; padding: 1px; }
.table-list tr.sum td { }

.table-list tr th:first-child { border-top-left-radius: 3px; }
.table-list tr th:last-child { border-top-right-radius: 3px; }
.table-list tr:last-child td:first-child { border-bottom-left-radius: 3px; }
.table-list tr:last-child td:last-child { border-bottom-right-radius: 3px; }

.table-list tr.key, .table-list th.key, .table-list td.key { background: #eee; } 
.table-list a.full { display: block; padding: 0.5em 0; text-decoration: none; }

.label { background: rgba(255,255,255,0.75); border-radius: 0px; height: 28px; left: -41px; margin-top: -5px; padding-top: 12px; position: absolute; text-align: center; width: 40px; }
.profile-photo { background: url('../img/profile_photo.png') center center 50px 50px no-repeat; height: 50px; width: 50px; }

.tag, .tag-black, .tag-eco { background: rgba(74, 74, 74, 0.3); border-radius: 3px; color: #000; display: inline-block; margin-right: 1px; padding: 3px 5px; }
.tag-black { background: #000; color: #fff; }
.tag-gray { background: #eee; color: #000; }
.tag-green { background: var(--highlight); }
.tag-orange { background: #ffa500; color: #000; }
.tag-red { background: #f00; }
.tag:hover, .tag.active { background: var(--highlight); }
.tag-researcher { font-size: 0.9em; }
.tag-researcher.active { color: #000; }
.tag.clear { background: none; color: #000; }
.tag.gray { background: #eee; color: #000; }
.tag.green { background: var(--highlight); }
.tag.warning { background: #ffa500; color: #000; }
.tag.expiration { background: #ed3d4a; }
.tag-eco { margin-left: 10px; }
.tag-eco.active { background: var(--highlight); }
.tag-gold { background: #ffd700; }
.tag-gold:hover { background: #ffd700; }

/* štítek e-shop skupiny */
.tag-ug { border-radius: 1px; display: inline-block; height: 2em; margin-right: 1px; width: 6px; }
.tag-ug.legend { height: 1.5em; width: 1.5em; }

.wrap-icon { height: 20px; bottom: -35px; right: 0px; position: relative; }
.icon { background: #fffff1; border-radius: 3px; border: 1px solid #999; bottom: 0; display: inline-block; position: absolute; padding: 3px 0; text-align: center; vertical-align: middle; width: 98px; }
.active-researcher .icon { background: #f5faf6; }
.icon:hover { border: 1px solid #555; }
.wrap-icon a:nth-child(1) { right: 0; } 
.wrap-icon a:nth-child(2) { right: 101px; }
.wrap-icon a:nth-child(3) { right: 202px; }
.wrap-icon a:nth-child(4) { right: 303px; }
.wrap-icon a:nth-child(5) { right: 404px; }
.wrap-icon a:nth-child(6) { right: 505px; }
.wrap-icon a:nth-child(7) { right: 606px; }
.wrap-icon a:nth-child(8) { right: 707px; }

.table-list tr .wrap-icon { display: none; }
.table-list tr:hover .wrap-icon { display: block; }

/******************************************************************************/
/* filtr */

.filter { margin-bottom: 1em; }
.group { display: inline-block; margin: 1px 10px 1px 0; }
.group a, .group .wrap { background: #444; border-top: 2px solid #666; color: #fff; display: inline-block; float: left; margin-right: 1px; padding: 10px 10px; text-decoration: none; }
.group.letter a { padding: 10px 8px; text-align: center; }
.group .wrap { color: #fff; margin-right: 1px; padding: 0 10px; }
.group a:hover, .group a.active { background: var(--highlight); border-top: 2px solid #6eda3f; color: #000; }
.group a:first-child, .group .wrap:first-child { border-bottom-left-radius: 3px; border-top-left-radius: 3px; }
.group a:last-child, .group .wrap:last-child { border-bottom-right-radius: 3px; border-top-right-radius: 3px; }
.group p { padding: 10px 0; }

.group .wrap-select { display: inline-block; overflow: hidden; vertical-align: middle; }
.group .wrap-select select { background: #444 url('../img/arrow_bottom.png') 35px 17px no-repeat; border: 0; color: #fff; padding: 10px 0; }

.wrap-select { margin-right: 30px; }
.wrap-select:last-child { margin: 0; }

.wrap-select.year { width: 45px; }
.wrap-select.year select { background-position: 35px 17px; width: 65px; }

.wrap-select.limit { width: 45px; }
.wrap-select.limit select { background-position: 35px 17px; width: 65px; }

.wrap-select.websites { width: 115px; }
.wrap-select.websites select { background-position: 105px 17px; width: 135px; }

.group.last { float: right; margin-right: 0; }
.group.last .wrap { }
.group input[name="search"] { margin: 5px 0 5px 0; }

.group2 .wrap { background: #fff; border-top: 2px solid #eee; color: #000; border-radius: 3px; margin-top: 0.5em; padding: 5px 15px; }
.wrap-period { display: inline-block; margin-left: 10px; }
.wrap-period span { margin: 0 2px; }

.checkbox-item { display: inline-block; margin: 0 15px 0 0; }
.checkbox-item input[type="checkbox"] { margin-right: 2px; }
.filter .checkbox-item { padding: 2px 0 0 0; }
.checkbox-item-suplier { width: calc(25% - 20px); }

.group3 { padding: 2px 0; margin-right: 30px; }
.group3:last-child { margin: 0; }
.group3 label { display: inline-block; min-width: 85px; }

/******************************************************************************/
/* tabulka - formulář */

.table-form { }
.table-form td { padding: 5px 10px 5px 0; }
.table-form td input[type="text"], .table-form td input[type="password"], .table-form td input[type="number"], .table-form td textarea, .table-form td .ui-autocomplete-input { width: 300px; }
.table-form td .short select, .table-form td .short .ui-autocomplete-input { width: 115px; }
.table-form td input[type="text"].w100, .table-form td input[type="password"].w100, .table-form td input[type="number"].w100 { width: calc(100% - 12px); }
.table-form td input[type="text"].width-into-thirds, .table-form td input[type="password"].width-into-thirds, .table-form td input[type="number"].width-into-thirds { width: 82px; }
.table-form td textarea { height: 108px; }
.table-form td input[type="text"].long { width: 930px; }
.table-form .mandatory { background: rgba(110,180,63,0.5); border-radius: 2px; padding: 4px 11px 4px 22px; margin-left: -22px; }
.table-form .mandatory label { padding-left: 5px; }
.table-form td textarea.small { height: 60px; width: 930px; }
.table-form td textarea.medium { height: 120px; width: 930px; }
.table-form td textarea.long { height: 220px; width: 930px; }
.table-form td textarea.long-auto-height { height: auto; width: 930px; }
.table-form td textarea.tinymce { width: 100%; }
.table-form td input[type="checkbox"] { margin: 0 2px 2px 0; }
.table-form td legend { margin: 0.25em 0; }
.table-form td legend input[type="checkbox"] { margin: 0 5px 0 0; }
.table-form td select { width: 311px; }
.table-form td select.code { width: 65px; }
.table-form td input[type="text"].phone { width: 232px; }

.form-title { background: #fed600; border-radius: 3px; display: inline-block; font-weight: bold; margin-bottom: .5em; padding: 3px 5px; }
.form-perex { }
.padding-like-a-checkbox { padding-left: 19px; }

/******************************************************************************/
/* tabulka - oprávnění */

.table-permissions { width: 100%; }
.table-permissions th { border-bottom: 3px double #444; font-style: italic; padding: 0 10px; }
.table-permissions th:first-child { padding: 0; text-align: left; }
.table-permissions td { border-bottom: 1px solid #999; padding: 0; }
.table-permissions tr:last-child td { border: 0; }
.table-permissions td input[type="checkbox"] { margin: 7px 0; }

/******************************************************************************/
/* tabulka - kontaktní osoba */

.table-in {}
.table-in th { border-bottom: 1px solid #ddd; color: #444; padding: 6px 10px; }
.table-in th:first-child { border-top-left-radius: 3px; }
.table-in th:last-child { border-top-right-radius: 3px; }
.table-in td { border-bottom: 1px solid #ddd; padding: 5px 10px; vertical-align: top; }
.table-in tr.selected, .table-in.hover tr:hover { background: #ededed; }
.table-in tr:last-child td { border: 0; }
.table-in tr:last-child td:first-child { border-bottom-left-radius: 3px; }
.table-in tr:last-child td:last-child { border-bottom-right-radius: 3px; }
.table-in tr.total td { border-top: 3px double #ddd; }
.table-in tr.active td { background: rgba(110, 180, 63, 0.25); }

.table-in-item tr.tr-property.close { display: none; }
.table-in-item tr td { border-bottom: 0; vertical-align: middle; }
.table-in-item tr td.even { background: #6eb43f; }
.table-in-item tr td.odd { background: #e3f0da; background: #f4f1eb; padding-bottom: 3em; }
.table-in-item tr td.odd2 { background: #e3f0da; background: #e3e0da; }

.table-in-item tr td.odd select { width: 225px; }
.table-in-item tr td.odd textarea.long, .table-in-item tr td.odd input.long { width: calc(100% - 12px); }
.table-in-item tr td.odd2 .custom-combobox input, .table-in tr td.odd2 .custom-combobox input { width: 345px; }
.table-in-item input[type="submit"] { cursor: pointer; }

.input-title { width: 345px !important; }
.input-price { width: 78px !important; }
.input-pc { width: 78px !important; }

.table-in-item .button-submit, .table-in .button-submit { padding: 4px 5px; }
.table-in-item .button-submit-inverse, .table-in .button-submit-inverse { padding: 4px 5px; }
.table-in-item .button-submit-yellow, .table-in .button-submit-yellow { padding: 4px 9px; }

.department1 .table-in th, .department1 .table-in td { border-bottom: 1px solid #999; }

.table-clear {}
.table-clear tr:nth-child(even) td { background: none; }
.table-clear tr td { border-bottom: 0; padding: 3px; vertical-align: middle; }

.item-property-wrap { margin: 0 0 1em 0; }
.item-property-title { margin: .5em 0; }

.ipw50 { display: inline-block; vertical-align: top; width: 50%; }

/******************************************************************************/
/* tabulka - kontaktní osoba */

.table-border {}
.table-border th { background: #eee; border-bottom: 3px double #ddd; border-right: 1px solid #ddd; color: #222; padding: 5px 5px; }
.table-border.table-border-thead-higlight th { background: #9ecd7f; }
.table-border th:first-child { border-top-left-radius: 3px; }
.table-border th:last-child { border-top-right-radius: 3px; border-right: 0; }
.table-border td { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 5px 5px; vertical-align: middle; }
.table-border td:last-child { border-right: 0; }
.table-border tr:last-child td { border: 0; }
.table-border tr:last-child td:first-child { border-bottom-left-radius: 3px; }
.table-border tr:last-child td:last-child { border-bottom-right-radius: 3px; }
.table-border tr.even td { background: #eee; }
.table-border tr.total td { background: #eee; border-right: 1px solid #ddd; border-top: 3px double #ddd; font-weight: bold; }
.table-border tr.total td:last-child { border-right: 0; }
.table-border th.br, .table-border td.br, .table-border tr.total td.br { border-right: 3px double #ddd; }

.table-border .wt { min-width: 25px; }
.table-border .wc { min-width: 50px; }
.table-border .fa { font-size: 1em !important; }
.table-border .hl { background: #e2f0d9; }

.wm-vrl { writing-mode: vertical-rl; }

progress[value] { accent-color: var(--highlight); max-width: 50px; }
progress[value].full { accent-color: red; }

.input-price { text-align: right; width: 75px; }
.input-percent { text-align: right; width: 50px; }

/******************************************************************************/
/* tabulka - kontaktní osoba */

.table-border-full {}
.table-border-full th { background: #eee; border: 1px solid #999; border-bottom: 3px solid #444; color: #000; padding: 5px 5px; }
.table-border-full th:first-child { border-top-left-radius: 0px; }
.table-border-full th:last-child { border-top-right-radius: 0px; }
.table-border-full td { border: 1px solid #999; padding: 5px 5px; vertical-align: middle; }
.table-border-full tr:last-child td:first-child { border-bottom-left-radius: 0px; }
.table-border-full tr:last-child td:last-child { border-bottom-right-radius: 0px; }
.table-border-full tr.even td { background: #eee; }
.table-border-full tr.total td { background: #eee; border-right: 1px solid #999; border-top: 3px double #999; font-weight: bold; }
.table-border-full tr.total td:last-child {}
.table-border-full th.br, .table-border-full td.br, .table-border-full tr.total td.br { border-right: 3px double #999; }
.table-border-full th.item, .table-border-full td.item, .table-border-full tr.total td.item { border-top: 3px solid #444; }

/******************************************************************************/
/* tabulka - kontaktní osoba */

.table-cp {}
.table-cp tr td:nth-child(2) { padding-left: 10px; }

/******************************************************************************/
/* tabulka - produkt */

.table-product td { white-space: nowrap; }
.table-product .price { min-width: 200px; }

/******************************************************************************/
/* tabulka - formulář - faktura */

.table-form tr td input[type="text"].date-invoice { width: 70px; }
.table-form td textarea.text-invoice { height: 90px; width: 770px; }

.display-it-in-id-co-id { }
.display-it-in-id-co-id.none { display: none; }

/******************************************************************************/
/* tabulka materiál */

.table-material tr td input[type="checkbox"] { margin: 0; }
.table-material tr td { padding-right: 15px; }

.ul-column { display: inline-block; list-style: none; margin: 0 3px 0 0; padding: 0; vertical-align: top; }
.ul-column li { border-radius: 3px; margin-bottom: 1px; padding: 2px 3px 1px 3px; }
.ul-column input[type="checkbox"] { margin: 0 !important; }

.background-beneficiation { background: #c5e9f8;  }
.background-parboiled { background: #e3f0da; }
.wrap-finish-work { border-radius: 3px; display: inline-block; padding: 2px 5px; }

/******************************************************************************/
/* detail */

h1.short { width: calc(100% - 425px); }
.block, .block-for-bookmark { background: rgba(255,255,255,1); border-radius: 3px; margin-bottom: 1em; padding: 15px; position: relative; }
.block-for-bookmark { border-top-left-radius: 0; }
.wrap-block .block:last-child { margin-bottom: 0; }
.block .title { padding: 0 15px; }
.block .cblock { background: rgba(110,180,63,0.2); border-radius: 3px; word-break: break-all; margin-bottom: 1em; padding: 15px; position: relative; }
.block .table.researcher2 td { border-bottom: 1px solid #eee; padding: 3px 20px 3px 5px; }
.block .table.researcher2 tr:last-child td { border: 0; }
.block .table.researcher2 tr:last-child td { border-top: 3px double #444; }
.block .table.researcher2 input[type="text"] { padding: 2px; text-align: right; width: 38px; }

.td-separator { width: 15px; } 
.td-block { background: rgba(255,255,255,1); border-radius: 3px; padding: 15px; }
.td-block .button2 { margin: 2px 0; text-align: left; width: 105px; }
.td-block .button2:first-child, .td-block .button2:last-child { /* margin: 0; */ }
.br-block { height: 15px; }
.br { margin-bottom: 0.75em; }
.line, .line0 { background: var(--highlight); display: inline-block; height: .6em; width: 30px; }

.cblock-head { align-items: center; display: flex; justify-content: space-between; }
.cblock-icon a { }

/******************************************************************************/
/* záložkové menu */

.bookmark { padding: 0; }
.bookmark li { display: inline-block; list-style: none; }
.bookmark li a { background: rgba(255,255,255,0.5); background: #cdcdcd; display: block; padding: 0.75em 15px; text-decoration: none; }
.bookmark li a.active, .bookmark li a:hover { background: rgba(255,255,255,1); }
.bookmark li:first-child a { border-top-left-radius: 3px; }
.bookmark li:last-child a { border-top-right-radius: 3px; }

/******************************************************************************/
/* řešitel - detail zakázky */

.researcher { float: left; text-align: center; min-width: 60px; }
.researcher td { padding: 0 15px 2px 0; }
.fieldset-researcher .researcher:last-child tr td { padding-right: 0; }
.researcher .fa, .researcher .far, .researcher .fas { font-size: 13px !important; }
.researcher .fa-icon { color: #ccc; }
.researcher .fa-icon:hover { color: #aaa; }
.researcher .researcher-total-time { margin-top: .5em; }

.researcher-item { background: #eee; border: 1px solid #ddd; border-radius: 3px; }
.researcher-item small { background: #eee; position: relative; top: -11px; }

.researcher-total { float: right; text-align: right; }

/******************************************************************************/
/* řešitel - vyskakovací okno */

.popup { margin: 0; padding: 10px; }
.popup .title { color: #000; font-weight: bold; margin-bottom: .5em; text-transform: uppercase; }

.table-researcher td { padding: 0 6px 6px 0; white-space: nowrap; }
.table-researcher td:last-child { padding-right: 0; }
.table-researcher tr:last-child td { padding-bottom: 0; }

.table-researcher .input-date { padding: 5px; width: 65px; }
.table-researcher .input-time { padding: 5px; width: 38px; }
.table-researcher select { padding: 5px; width: 180px; }
.table-researcher textarea { min-height: 200px; min-width: 400px; padding: 5px; width: calc(100% - 12px); }

#day { display: inline-block; width: 40px; }
.wrap-fast-text { border-bottom: 1px dashed #ddd; border-top: 1px dashed #ddd; padding: 5px; }
.fast-text { background: #eee; border-radius: 3px; display: inline-block; padding: 2px 5px; text-decoration: none; }

/******************************************************************************/
/* seznam záznamů řešitele */

.view-rt-list { display: none; }
.hidden-rt-list { }

#rt-list { }

/******************************************************************************/
/* kalendář */

.wrap-calendar { overflow: hidden; position: relative; }

.calendar .wrap-now { position: relative; }
.calendar .now-pointer { background: #000; border-radius: 0px; height: 6px; position: absolute; right: -3px; top: -2px; width: 6px; }
.calendar .now { border-right: 1px dotted #000; height: 0px; position: absolute; right: 0; transition: height 0.5s ease-in-out; width: 1px; z-index: 1; }

.calendar { width: 100%; }
.calendar tr.weekend td { background: #eee; }
.calendar tr.weekend td:first-child { }
.calendar tr.weekend td.day, .calendar tr.weekend td.date, .calendar tr.weekend td.name { color: #999; font-style: italic; }
.calendar tr.weekend.sa { border-top: 3px double #aaa; }
.calendar tr.weekend.su { border-bottom: 3px double #aaa; }
.calendar th, .calendar td { border-bottom: 1px solid #ddd; }
.calendar th { background: #fff; border-bottom: 3px double #ddd; border-top: 0; }
.calendar th:nth-child(even) { border-bottom: 3px double #ddd; }
.calendar th.hour { width: 65px; }
.calendar tr.edge-day td { }
.calendar th:first-child, .calendar td:first-child { border-left: 0; }  
.calendar th:last-child, .calendar td:last-child { border-right: 0; }
.calendar tr:last-child, .calendar tr:last-child td { border-bottom: 0 !important; }

.calendar td {}
.calendar tr.day0 td.time, .calendar tr.day2 td.time, .calendar tr.day4 td.time, .calendar tr.day6 td.time { /* background: #eee; */ }
.calendar td.edge-hour { border-right: 1px solid #dedede; }
.calendar td.day { text-align: center; width: 15px; }
.calendar td.date { text-align: center; width: 30px; }
.calendar td.name.name-active { font-weight: bold; }
.calendar th:first-child, .calendar td.name { border-right: 3px double #aaa; }
.calendar td.text { background: rgba(245,245,245,1); padding: 3px 5px; }

.calendar .active { background: var(--highlight); background: rgba(110,180,63,1); border-left: 0 !important; border-right: 0 !important; }
.calendar .active.holiday { background: #ccc !important; }
.calendar .active .fa { font-size: 1em !important; }
.calendar .active.approved { background: #444 !important; }
.calendar .active.approved a { color: #fff; }
.calendar .edge { border-right: 1px solid #fff; }
.calendar a { display: block; position: relative; }
.calendar .small { font-size: 3px; }
.calendar .small td { border-bottom: 1px solid #aaa; }
.calendar .contract-title { height: 1.5em; left: 5px; overflow: hidden; position: absolute;  z-index: 1; }
.calendar .contract-title:first-letter { /* text-transform: uppercase; */ }

.calendar tr.separator-weekend td { font-size: 1.5em; }
.calendar tr.separator-day td { background: #fdd600; background: #ddd; color: #777; }
.calendar tr.separator-day-empty td { font-size: 5px; }

/******************************************************************************/
/* kalendář - přidat */

.table-form tr td .input-time { padding: 5px; width: 38px; }
.table-form tr td .input-date { padding: 5px; width: 91px; }

/******************************************************************************/
/* filtr */

.wrap-filter { background: #eee; }
.table-filter { margin: 0 0 5px 0; width: 100%; }
.table-filter td { padding: 5px 15px; }

/******************************************************************************/
/* zakázky */

.printed { background: #1aa9e6; border-radius: 3px; color: #fff; padding: 3px 5px; }

/******************************************************************************/
/* zákazník - detail */

.a-address { display: block; position: relative; }
.address { background: rgba(240,240,240,1); border-radius: 3px; display: inline-block; margin: 50px 0 0 0; min-height: 55px; min-width: 180px; padding: 20px; position: relative; text-align: left; z-index: 1; }

/******************************************************************************/
/* dropzone, soubory */

.form-file { margin-bottom: 1em; }
.dropzone { border: 1px solid #aaa !important; border-radius: 3px; cursor: pointer; margin: 0; padding: 5px 10px; }

.list-file ul { margin-top: 1em; padding: 0; }
.list-file ul li { list-style: none; }
.submit-like-a { background: none; border: 0; cursor: pointer; padding: 0; }

.wrap-file-img { }
.wrap-img { display: inline-block; margin: 10px; position: relative; vertical-align: top; }
.wrap-img:hover .img-del { display: block; }
.img-del { bottom: 0; background: rgba(255,255,255,.9); display: none; left: 0; padding: 5px 7px; position: absolute; text-align: center; width: calc(100% - 14px); z-index: 2; }
.wrap-img img { max-height: 80px; width: auto; }

/******************************************************************************/
/* efekt */

.img-wrap { display: inline-block; overflow: hidden; vertical-align: bottom; }
.img-zoom { transition: transform 0.3s ease; }
.img-wrap:hover .img-zoom { transform: scale(1.1); }

/******************************************************************************/
/* dropzone-online */

.dropzone-online { border: 1px solid #aaa !important; border-radius: 3px; cursor: pointer; margin: 0; padding: 5em 10px; }

/******************************************************************************/
/* reporty */

.table-report { }
.table-report tr th, .table-report tr td { border: 1px solid #aaa; padding: 5px 10px; }
.table-report tr th { border-top: 0; }
.table-report tr th:first-child, .table-report tr td:first-child { border-left: 0; }
.table-report tr th:last-child, .table-report tr td:last-child { border-right: 0; }
.table-report tr:last-child td { border-bottom: 0; }
.table-report tbody tr:first-child td { border-top: 3px double #000; }
.table-report tr td.total { font-weight: bold; }
.table-report tr th.th-border-right, .table-report tr td.td-border-right { border-right: 3px double #000 !important; }
.table-report tr.so td, .table-report tr.ne td { background: #efefef; }
.table-report tr.ne td { border-bottom: 1px solid #777; }

/******************************************************************************/
/* reporty - graf */

.report { border-bottom: 1px dotted #222; }
.report.thead { font-weight: bold; }
.report:last-child { border: 0; }

.report .legend { border-right: 1px dotted #aaa; display: inline-block; padding: 1em 5px 1em 0; text-align: right; width: calc(25% - 6px); }

.report .user { border-right: 1px dotted #222; display: inline-block; padding: 1em 0; vertical-align: top; width: 119px; }
.report .time { border-right: 1px dotted #222; display: inline-block; padding: 1em 0; text-align: center; vertical-align: top; width: 99px; }
.report .graph { display: inline-block; position: relative; width: calc(100% - 220px); }
.report .value { background: var(--highlight); cursor: pointer; display: inline-block; left: 0; padding: 1em 0; overflow: hidden; position: absolute; text-align: right; }
.report .value .value-label { display: inline-block; position: relative; right: 5px; }

.report-list { border-bottom: 1px dotted #222; display: none; padding: 1em 0 1em 219px; position: relative; }
.report-list .value { border-left: 0px dotted #222; left: 750px; opacity: 0; padding: .5em 1em; position: relative; }
.report-list .value .fas { font-size: .75em !important; }

/******************************************************************************/
/* forecast */

.forecast-value { background: var(--highlight); line-height: 2.5em; }

/******************************************************************************/
/* tabulka s ukotvenými sloupci */

.table-scrollable { display: block; overflow-x: auto; white-space: nowrap; }

.sticky-col { background-color: #fff; border-bottom: 1px solid #000; position: -webkit-sticky; position: sticky; }
.col1 { left: 0px; max-width: 80px; min-width: 80px; width: 80px; }
.col2 { left: 80px; max-width: 80px; min-width: 80px; width: 80px; }

/******************************************************************************/
/* pokladna */

.table-cashbox { }
.table-cashbox tr td { padding: 3px 15px 3px 0; }
.table-cashbox tr:hover td { background: #eee; }

.tr-empty td { background: #eee; }
.tr-sum td { border-top: 3px double #000 !important; }

/******************************************************************************/
/* CRM */

.table-crm { width: 100%; }
.table-crm .th-icon { width: 35px; }

/******************************************************************************/
/* poptávky */

.sharing-file { background: #fff; border-radius: 3px; display: inline-block; padding: 5px 15px; margin-bottom: 1em; }

/******************************************************************************/
/* oddělení */

.department1 .block .cblock { background: rgba(196,0,9,.2); }
.department1 .line1, .line1 { background: var(--highlight-propag); }

.department2 .block .cblock { background: rgba(229,139,0,0.2); }
.department2 .line2, .line2 { background: var(--highlight-kniharna); }

.department3 .block .cblock { background: rgba(192,154,93,0.2); }
.department3 .line3, .line3 { background: var(--highlight-king-fisher); }

.tag-department { background: var(--highlight); color: #fff; padding: 1px 3px; }
.tag-department0 { background: var(--highlight); }
.tag-department1 { background: var(--highlight-propag); }
.tag-department2 { background: var(--highlight-kniharna); }
.tag-department3 { background: var(--highlight-king-fisher); }

.c-department0 { color: var(--highlight); }
.c-department1 { color: var(--highlight-propag); }
.c-department2 { color: var(--highlight-kniharna); }
.c-department3 { color: var(--highlight-king-fisher); }

/******************************************************************************/
/* čtečka */

#reader { background: #eee; margin: 0 auto; max-width: 550px; width: 100%; }

/******************************************************************************/
/* patička */

#wrap-foot { clear: both; }
#wrap-foot img { height: auto; margin-top: -55px; position: relative; width: 100%; z-index: -1; }

#foot { margin: 0 auto; padding: 10px 30px; width: 1180px; }
#foot, #foot a { color: #666; }
#foot .left { display: inline-block; width: 50%; }
#foot .right { display: inline-block; text-align: right; width: 50%; }

/******************************************************************************/
/* ladění */

#debug { bottom: 0; padding: 5px 15px; position: absolute; right: 0; z-index: 999; }
#debug { position: fixed; }

/******************************************************************************/
/* sekce s rozbalením */

.accordion__toggle { cursor: pointer; margin: 0; text-align: left; width: 100%; }
.accordion__toggle[aria-expanded="true"]::after { content: "▲"; }
.accordion__toggle::after { content: "▼"; float: right; }
.accordion__content { margin: .5em 0 0 0; }

/******************************************************************************/
/* sekce: crm */

.section-crm-specification { background: rgba(115,128,250,.5); }
.section-crm-result { background: rgba(255,218,186,.5); }

.section-crm-specification-detail, .cblock.section-crm-specification-detail { background: rgba(115,128,250,.25); }
.section-crm-result-detail, .cblock.section-crm-result-detail { background: rgba(255,218,186,.25); }

/******************************************************************************/
/* sekce: zakázka */

.section-calculation { background: rgba(255,191,202,.5); }
.section-specification { background: rgba(115,128,250,.5); }
.section-graphic { background: rgba(255,218,186,.5); }
.section-manufactory { background: rgba(255,217,0,.5); }
.section-manufactory-external { background: rgba(144,189,140,.5); }
.section-web { background: rgba(217,191,217,.5); }

.section-specification .button-submit { background: rgba(115,128,250,1); border: 1px solid rgba(115,128,250,1); color: #000; }
.section-graphic .button-submit { background: rgba(255,218,186,1); border: 1px solid rgba(255,218,186,1); color: #000; }
.section-manufactory .button-submit { background: rgba(255,217,0,1); border: 1px solid rgba(255,217,0,1); color: #000; }
.section-manufactory-external .button-submit { background: rgba(144,189,140,1); border: 1px solid rgba(144,189,140,1); color: #000; }
.section-web .button-submit { background: rgba(217,191,217,1); border: 1px solid rgba(217,191,217,1); color: #000; }

.section-calculation-detail, .cblock.section-calculation-detail { background: rgba(255,191,202,.25); }
.section-specification-detail, .cblock.section-specification-detail { background: rgba(115,128,250,.25); }
.section-graphic-detail, .cblock.section-graphic-detail { background: rgba(255,218,186,.25); }
.section-manufactory-detail, .cblock.section-manufactory-detail { background: rgba(255,217,0,.25); }
.section-manufactory-external-detail, .cblock.section-manufactory-external-detail { background: rgba(144,189,140,.25); }
.section-web-detail, .cblock.section-web-detail { background: rgba(217,191,217,.25); }

/******************************************************************************/
/* tabulka: úkoly */

.table-task { }
.table-task th { padding: 0 0 .5em 0; }
.table-task td { }
.table-task .button-submit { width: 100%; }