@charset "windows-1250";

/* ************************************************************************ *
    main CBS layout 
 * ************************************************************************ */

body {
    padding:                    0;
    margin:                     0;
    font:                       10px verdana, arial, sans-serif; 
    color:                      #666666;
    background:                 #e2e2e2; 
    text-align:                 center;
}

.CbsViewport {
    display:                    inline-block;
    text-align:                 left; 
    margin:                     0 20px; 
    min-width:                  95%; 
}

.CbsHead__MenuLine {
    display:                    flex;
    align-items:                center;
    height:                     40px; 
    padding-left:               35px;
}

.CbsHead__TitleLine {
    display:                    flex;
    align-items:                center;
    height:                     40px; 
    padding-left:               30px;
    margin-left:                13px; 
    margin-right:               13px; 
    border-top:                 1px solid #ccc;
    border-left:                1px solid #ccc;
    border-right:               1px solid #ccc;
    border-top-left-radius:     18px;
    border-top-right-radius:    18px;
    background-image:           linear-gradient(90deg, #ce5c47, #a46b73 600px, white 900px);
    color:                      white; 
    font-weight:                bold; 
    font-style:                 italic;
    font-size:                  20px;
}

.CbsHead__TitleLine a:link, 
.CbsHead__TitleLine a:hover, 
.CbsHead__TitleLine a:active, 
.CbsHead__TitleLine a:visited {
    color:                      white; 
    text-decoration:            none;
}

.CbsHead__UserLine {
    display:                    flex; 
    align-items:                center;
    gap:                        14px; 
    padding-left:               18px;
    background-color:           #f5f5f5;
    border:                     1px solid #ccc;
    border-top-left-radius:     15px;
    border-top-right-radius:    15px;
    height:                     38px;
}

.CbsHead__FancyImage {
    position:                   relative;
}

.CbsHead__FancyImage img {
    position:                   absolute; 
    top:                        -110px; 
    right:                      28px;
}

@media (max-width: 1000px) {

    .CbsHead__FancyImage {
        display:                    none;
    }
}

.CbsHead__BreadcrumbsLine {
    text-align:                 left; 
    padding:                    4px 0 4px 14px; 
    border-left:                1px solid #ccc;
    border-right:               1px solid #ccc;
    background-image:           linear-gradient(90deg, #e6e6e6 120px, white 420px);
    white-space:                nowrap;
}

.CbsHead__BreadcrumbsUnderline {
    height:                     1px;
    background-image:           linear-gradient(90deg, #ccc 150px, white 380px);
    border-right:               1px solid #ccc;
}

.CbsFoot__Breadcrumbs { 
    height:                     20px;
    padding:                    0 33px;
    font-size:                  10px;
    vertical-align:             middle;
    color:                      white;
    margin-left:                13px; 
    margin-right:               13px; 
    border-bottom-left-radius:  18px;
    background-image:           linear-gradient(90deg, #ce5c47, #a46b73 600px, white 900px);
}

.CbsFoot__Note {
    text-align:                 left; 
    padding:                    10px 60px;
}

/* ************************************************************************ *
    legacy stuff
 * ************************************************************************ */

/* basic global elements */

p {
    margin:                     1em 0;
}

hr {
    border:                     solid #ccc;
    border-width:               1px 0 0 0;
    margin:                     1em 0;
}

iframe {
    margin:                     0; 
    border:                     1px solid #cccccc;
}

fieldset {
    border:                     1px solid #cccccc;
    border-radius:              4px 4px 4px 4px;
    margin:                     0 0 10px 0;
    padding:                    0 1em 1em 1em;
}

legend {
    background:                 linear-gradient(180deg, transparent 0px, #f5f5f5 4px);
    border:                     1px solid #cccccc;
    border-radius:              4px 4px 4px 4px;
    padding:                    3px 10px;
    text-shadow:                1px 1px 0 white;
}

/* faster title hover (use "data-title" attribute instead of "title") */

[data-title]:not([data-title=""]) {
    position: relative;
}

[data-title]:not([data-title=""]):hover::after {
    animation: 0.2s data-title-show;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 999;
    content: attr(data-title);
    padding: 5px;
    background: black;
    color: white;
    white-space: nowrap;
}

@keyframes data-title-show {
    0% { opacity: 0; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

/* section headers */

h1 {
    font-size:                  1em;
    margin:                     1em 0;
}

h2 {
    font-size:                  1em;
    margin:                     1.8em 0 1em 0;
}

/* input form elements */

input, select, textarea, button {
    color:                      #666666;  
    background-color:           #f5f5f5; 
    border:                     1px solid #cccccc;
    font-size:                  0.9em;
    font-family:                verdana,arial,sans-serif;
}

select[multiple], textarea {
    resize:                     both;
}

input[type=button]:enabled:hover,
input[type=submit]:enabled:hover,
button:enabled:hover {
    background-color:           #ffffff; 
}

input[type=radio] {
    border:                     0;
    vertical-align:             text-bottom;
}

input:disabled, select:disabled, textarea:disabled, button:disabled {
    background:                 #d5d5d5;
    border:                     1px solid #bbb;
}

/* error messages and highlights */

.message {
    color:                      #66cc66;
    font-weight:                bold;
    margin:                     1em 0;
}

.error:empty {
    display:                    none;
}

.error {
    color:                      #ff6666;
    font-weight:                bold;
    margin:                     1em 0;
}

p.error:first-letter {
    text-transform:             uppercase;
}

tr.error, tr.error * {
    color:                      #cc3333;
    border-color:               #cc3333;
}

.deemphasis {
    opacity:                    0.6;
}

.nowrap {
    white-space:                nowrap;
}

pre.tracy-dump {
    font-size:                  12pt;
}

pre.tracy-dump small {
    display:                    block;
    margin-top:                 5px;
    font-size:                  8pt;
}

/* top button rows for CBS modules */

ul.cbs_buttons_row {
    list-style:                 none;
    padding:                    0;
    margin:                     6px 0 20px 0;
}    

ul.cbs_buttons_row li {
    display:                    inline;
    background-color:           #cabdb7;
    border-radius:              6px;
    padding:                    3px 7px 3px 7px;
    margin:                     0 4px 0 0;
    font-size:                  10px;
}

ul.cbs_buttons_row li.normal {
    background-color:           transparent;
    color:                      inherit;
}

ul.cbs_buttons_row li.normal a {
    color:                      inherit;
}

ul.cbs_buttons_row li a {
    color:                      white;
}

ul.cbs_buttons_row li a:hover {
    text-decoration:            none;
}

/* forms, Roman-style */

form {
    margin:                     1em 0 1.8em 0;
}

form.cbs_form {
    border:                     1px solid #ddd;
    background-color:           #fffff8;
    padding:                    1em;
}

form.cbs_form *[readonly] {
    /*border:                     1px solid transparent;*/
    background:                 transparent;
}

form.cbs_form th {
    vertical-align:             top;
    font-weight:                normal;
    text-align:                 left;
    padding:                    0.5em 2em 0.5em 0;
}

form.cbs_form > table > tbody > tr > td > table,
form.cbs_params > table > tr > td > table {
    margin-top:                 0.2em;
}

form.cbs_form input[type="text"] {
    min-width:                  20em;
}

.cbsform__navigation {
    margin-top:                 1em;
}

.cbsform__navigation input[type="submit"],
.cbsform__navigation input[type="button"],
.cbsform__navigation button {
    padding:                    0.2em 3em;
    margin:                     0.5em 1em 0.5em 0;
}

form.cbs_form .radiogroup label {
    display:                    block;
    margin:                     0.3em 0 0.3em 0;
}

form.cbs_form .radiogroup label input[type=radio] {
    vertical-align:             middle;
}

/* tables with no border and no padding, used for visual formatting */

table.null {
    border:                     none;
    border-collapse:            collapse;
}

table.null > tr > th, 
table.null > tr > td,
table.null > tbody > tr > th,
table.null > tbody > tr > td {
    vertical-align:             top;
    text-align:                 left;
    padding:                    0px;
}

/* table for CBS tree */

table.cbs_tree,
table.cbs_tree td {
    border:                     none;
    border-collapse:            collapse;
    padding:                    0;
    vertical-align:             middle;
    text-align:                 left;
    white-space:                nowrap;
}

table.cbs_tree img {
    margin:                     0;
    padding:                    0;
    vertical-align:             middle;
}

/* simple parameters table */

table.cbs_params {
    margin:                     1em 0;
    border:                     none;
}

table.cbs_params > tr > th, table.cbs_params > tr > td,
table.cbs_params > tbody > tr > th, table.cbs_params > tbody > tr > td,
table.cbs_params > thead > tr > th, table.cbs_params > thead > tr > td {
    padding:                    0.3em 5em 0.3em 0;
    padding-right:              50px;
    font-weight:                normal;
    text-align:                 left;
    vertical-align:             top;
}

table.cbs_params > tbody > tr > td > table,
table.cbs_params > tr > td > table {
    margin-top:                 0.2em;
}

table.cbs_params td.number {
    text-align:                 right;
}

/* simple list table light */

table.cbs_list_light {
    margin:                     1em 0;
    border-collapse:            collapse;
}

table.cbs_list_light th, table.cbs_list_light td {
    vertical-align:             top;
    padding:                    4px 8px 4px 8px;
    font-size:                  0.7em;
    text-align:                 left;
}

table.cbs_list_light th {
    font-weight:                bold;
    vertical-align:             middle;
    background-color:           #f5f5f5;
}

table.cbs_list_light tr td {
    background-color:           #ffffee;
}

table.cbs_list_light tr:nth-child(even) td {
    background-color:           #ffffe0;
}

table.cbs_list_light td.number {
    text-align:                 right;
}

/* simple list table */

table.cbs_list {
    margin:                     1em 0;
    border-collapse:            collapse;
}

table.cbs_list .orderSelected {
    color:                      #f66;
}

table.cbs_list .orderNotSelected {
    color:                      #aaa;
}

table.cbs_list th, table.cbs_list td {
    padding:                    4px 8px 4px 8px;
    font-size:                  0.7em;
    text-align:                 left;
    border:                     1px solid #ccc;
}

table.cbs_list th {
    background:                 #E6FF80;
    font-weight:                bold;
    vertical-align:             middle;
}

table.cbs_list td {
    background:                 #FFF9BF;
    vertical-align:             top;
}

table.cbs_list td.number {
    text-align:                 right;
}

table.cbs_list td.deemphasis {
    opacity:                    1;
    font-style:                 italic;
    color:                      #a48;
}

table.cbs_list tr:hover td {
    background:                 #FFFCE0;
}

table.cbs_list tr.error td {
    background-color:           #ffaaaa;
}

/* data view table */

table.cbs_data {
    margin:                     1em 0;
    min-width:                  50%;
    border-collapse:            collapse;
    border:                     1px solid #999999;
}

table.cbs_data .orderSelected {
    color:                      #66f;
}

table.cbs_data .orderNotSelected {
    color:                      #aaa;
}

table.cbs_data th, table.cbs_data td {
    padding:                    0.5em;
    border:                     1px solid #999999;
    vertical-align:             top;
    text-align:                 left;
}

table.cbs_data th td {
    border:                     none;
    padding:                    0;
}

table.cbs_data th {
    background-color:           #e7e7e7;
}

table.cbs_data > tbody > tr:hover > td {
    background-color:           #f4f4f4;
}

/* pagination */

.cbs_pagination {
    margin:                     1.5em 0;
}

.cbs_pagination > * {
    display:                    inline-block;
    padding:                    0.2em;
    width:                      4em;
    text-align:                 center;
}

.cbs_pagination > .page {
    border:                     1px solid #cccccc;
    border-radius:              2px;
}

.cbs_pagination > .current {
    font-weight:                bold;
    background-color:           #f5f5f5;
}

.cbs_pagination > .skip {
}

/* overlay boxes for selects etc. */

.overlaySelect {
    position:               absolute;
    top:                    0;
    left:                   0;
    z-index:                1000;
    background:             #00000080;
}

.overlaySelect__container {
    position:               absolute;
    background:             white;
    border:                 1px solid #606060;
    text-align:             left;
}

.overlaySelect__list {
    overflow-x:             auto;
    overflow-y:             auto;
    min-width:              30em;
    max-height:             60vh;
}

.overlaySelect__item {
    display:                block;
    padding:                0.2em 0.5em;
}

.overlaySelect__item:hover {
    background:             #f0f0f0;
}

/* result source code */

code.result pre {
    background:                 #ddd;
}

/* highlighted inline text */

.highlight {
    text-decoration:            underline;
}

/* messages */

.cbs_message {
    background-repeat:          no-repeat;
    background-image:           url(images/iko_odrazka.gif);
    background-position:        0 0;
    padding:                    0.5em 0 0.5em 30px;
    min-height:                 24px;
}

/* context menus */

.cbsContextMenu__box {
    position:           absolute;
    border:             1px solid #d0d0d0;
    background:         #f5f5f5;
    background:         linear-gradient(90deg, #e5e5e5 0%, #f5f5f5 100%);
    text-align:         left;
    font-size:          10px;
    color:              #666666;
    box-shadow:         4px 4px 4px #c0c0c040;
    overflow-y:         auto;
    max-height:         70vh;
}

.cbsContextMenu__item {
    display:            block;
    text-decoration:    none;
    padding:            4px 16px 4px 8px;
    cursor:             pointer;
}
/*
.cbsContextMenu__item::after {
    padding:            0 0 0 10px;
    float:              right;
    content:            '>';
}
*/
.cbsContextMenu__item:hover {
    background:         white;
    text-decoration:    none;
    color:              #cc3333;
}

.cbsMainMenu__box {
    text-align:         left;
    font-size:          10px;
    color:              #666666;
}

.cbsMainMenu__item {
    display:            inline-block;
    color:              #666666;
    text-decoration:    none;
    padding:            4px 8px 4px 8px;
    cursor:             pointer;
}

.cbsMainMenu__item:link {
    color:              #666666;
    text-decoration:    none;
}

.cbsMainMenu__item:hover {
    background:         white;
    text-decoration:    none;
    color:              #cc3333;
}

/* language strings translations */

.cbsLngTranslation__row {
    max-width:    40vw; 
    width:        40vw; 
    word-wrap:    break-word;
}

.cbsLngTranslation__row:hover {
    background:   #ffbbff !important;
    color:        #65005B;
    cursor:       pointer;
}

/* modern-style trees - see {!cbstree_xxx} macros */

table.cbstree {
    border:                     none;
    border-collapse:            collapse;
}

.cbstree__row {
}

.cbstree__row:hover {
    background-color:           #f4f4f4;
}

.cbstree__structure {
    display:                    flex; 
    align-items:                center;
    white-space:                nowrap;
    vertical-align:             middle;
    text-align:                 left;
    padding:                    0px;
}

.cbstree__link {
    cursor:                     pointer;
    text-decoration:            none;
    display:                    flex;
    align-items:                center;
}

.cbstree__link:hover {
    text-decoration:            none;
}

.cbstree__icon {
    margin:                     0;
    white-space:                nowrap;
}

.cbstree__title {
    margin:                     0 10px 0 3px;
    white-space:                nowrap;
}

.cbstree__custom {
    vertical-align:             middle;
    text-align:                 left;
    padding:                    0 10px 0 10px;
}

.cbstree--activecell:hover {
    background-color:           #e4e4e4;
}

.cbstree--dragover {
    background:                 #fdd;
}

.cbstree_important {
    background:                 repeating-linear-gradient(-45deg, #d0ffd0, #d0ffd0 6px, #dfffdf 6px, #dfffdf 12px);
}

/* CBS table, formerly known as "cbs_active" */

.cbsActive {
    background-color:           white;
    border-collapse:            collapse;
    margin:                     1em 0;
}

.cbsActive .highlight {
    color:                      #6f8a00;
    background:                 #ffffff;
}

.cbsActive > thead > tr > th, 
.cbsActive > tbody > tr > th,
.cbsActive > tr > th {
    background-color:          #E6FF80;
    padding:                    0.5em 1em;
    font-weight:                bold;
    text-align:                 left;
    vertical-align:             top;
}

.cbsActive > tbody > tr:hover > td,
.cbsActive > tr:hover > td {
    background-color:           #F9F9F9;
}

.cbsActive > tbody > tr > td,
.cbsActive > tr > td {
    background-color:           #FFF9BF;
    border-top:                 1px solid white;
    padding:                    0.5em 1em;
    font-weight:                normal;
    text-align:                 left;
    vertical-align:             top;
}

/* CBS table with gray header and two shades of yellow for odd and even rows */

table.cbsActive_GrayYellow {
    border-collapse:            collapse;
}

table.cbsActive_GrayYellow > tbody > tr > th,
table.cbsActive_GrayYellow > tr > th {
    padding:                    0.3em 1em;
    background-color:           #f5f5f5;
    text-align:                 left;       
    vertical-align:             top;
}

table.cbsActive_GrayYellow > tbody > tr:hover:nth-child(even) > td,
table.cbsActive_GrayYellow > tr:hover:nth-child(even) > td,
table.cbsActive_GrayYellow > tbody > tr:hover:nth-child(odd) > td,
table.cbsActive_GrayYellow > tr:hover:nth-child(odd) > td {
    background-color:           #F9F9F9;
    color:                      black;
}

table.cbsActive_GrayYellow > tbody > tr:nth-child(even) > td,
table.cbsActive_GrayYellow > tr:nth-child(even) > td {
    padding:                    0.3em 1em;
    background-color:           #ffffe0;
    text-align:                 left;       
    vertical-align:             top;
}

table.cbsActive_GrayYellow > tbody > tr:nth-child(odd) > td,
table.cbsActive_GrayYellow > tr:nth-child(odd) > td {
    padding:                    0.3em 1em;
    background-color:           #ffffee;
    text-align:                 left;       
    vertical-align:             top;
}

/* "old" styles */

td              { font: 11px verdana, arial, sans-serif; color: #666666 }
th              { font: 11px verdana, arial, sans-serif; color: #666666; font-weight: bold; }

pre     { font: lucida console, courier, monospace; color: #000000; background: #FFFFFF; padding-top: 6px; padding-bottom: 6px; padding-left: 6px; padding-right: 6px }
ol      { margin-top: 6px; margin-bottom: 6px; }
ul      { margin-top: 6px; margin-bottom: 6px; }
li      { font: 11px verdana, arial, sans-serif; margin-top: 4px; font-weight: normal }

.table_title    {font: 11px/18px verdana, arial, sans-serif; color: #666666; background: #FFFFEE; border: solid 1px #CCCCCC }

a               { font: verdana, arial, sans-serif }
a:link          { color: #993300; text-decoration: none }
a:active        { color: #993300; text-decoration: none }
a:visited       { color: #993300; text-decoration: none }
a:hover         { color: #CC3333; text-decoration: underline }

.normal         { font: 11px verdana, arial,sans-serif; color: #666666 }
.text           { font: 11px verdana, arial, sans-serif; color: #666666 }
.text_highlite  { font: 11px verdana, arial, sans-serif; color: #CC3333 }
.white          { background: #FFFFFF }
.gray           { background: #F5F5F5 }
.yellow         { background: #FFFFEE }
.yellow2        { background: #FFFFE0 }
/*
.pink           { background: #FFEBDF }
.pink2          { background: #FFF4EE }
.blue           { background: #BFE0F3 }
.blue2          { background: #D9ECF8 }
.orange         { background: #FFEEEE } 

.main           { font: 11px verdana, arial, sans-serif; color: #666666 }
.main:link          { color: #666666; text-decoration: none }
.main:active        { color: #666666; text-decoration: none }
.main:visited       { color: #666666; text-decoration: none }
.main:hover         { color: #000000; text-decoration: none }
*/
.local      { font: 11px verdana, arial, sans-serif; color: #999999 }
.local:link         { color: #666666; text-decoration: none }
.local:active   { color: #666666; text-decoration: none }
.local:visited  { color: #666666; text-decoration: none }
.local:hover    { color: #000000; text-decoration: none }

.address            { font: 10px verdana,arial,sans-serif; text-decoration: none }
a.address           { color: #666666 }
a.address:hover     { color: #CC6600; text-decoration: underline }
span.address        { color: #CC6600 }

.calday_selected    { font-family: verdana, arial, sans serif; font-size: 14px; background-color: #F8A8A8; color: #003366; }
/*
.high               { font: verdana, arial, sans-serif; color: #999999 }
.high:link          { color: #999999; text-decoration: underline }
.high:active        { color: #999999; text-decoration: none }
.high:visited       { color: #999999; text-decoration: none }
.high:hover         { color: #666666; text-decoration: underline }
*/
form                { /*font: 10px verdana, arial, sans-serif;*/ color: #666666; margin-top: 0px; margin-bottom: 0px }
.basic              { font: 10px verdana, arial, sans-serif; color: #CC3333 }
input.basic         { font: 10px verdana, arial, sans-serif; color: #666666;  background: #FFFFCC; border: solid 1px #CCCCCC }
select.basic        { font: 10px verdana, arial, sans-serif; color: #666666; background: #FFFFCC; border: solid 1px #CCCCCC }
textarea.basic      { font: 10px verdana, arial, sans-serif; color: #666666;  background: #FFFFCC; border: solid 1px #CCCCCC }

ins {
    color: green;
    background: #dfd;
    text-decoration: none;
}

del {
    color: red;
    background: #fdd;
    text-decoration: none;
}

.ins {
    background:#dfd;
}

.del {
    background:#fdd;
}

#htmldiff.onlyDeletions ins {display:none}
#htmldiff.onlyInsertions del {display:none}