/* Wiking generic page content styles */

.message {
    border-style: solid;
    border-width: 1px 0;
    margin: .8em 0 .5em 0;
    padding: 3px 5px;
    position: relative;
}
.message .icon {
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
    line-height: 0;
}
.message .content {
    margin-left: 30px;
    padding: 2px 0;
}
.message.info {
    /* There's currently no color theme for this... */
    color: #000;
    border: dotted #dadac0 1px;
    background-color: #fafae8;
}
.message.success {
    color: inherit;
    border-color: #aea;
    background-color: #cfc;
}
.message.warning {
    color: inherit;
    border-color: #fba;
    background-color: #fdb;
}
.message.error {
    color: inherit;
    border-color: #fba;
    background-color: #fdb;
}

/* styles for exported LCG elements */

img { position: relative; } /* MSIE float workaround */
.hidden { display: none; }

hr {
    height: 1px;
    background-color: #fac800;
    border: 0;
}
hr.new-page {
    height: 4px;
    background-color: transparent;
    border: 1px dotted #fac800;
    border-width: 1px 0;
}
ul {
    margin-top: 0.1em;
    margin-bottom: 0.1em;
}
li {
    margin-top: 0;
    margin-bottom: 0;
}
a.backref, a:link.backref {
    color: #000 !important; /* important needed for MSIE */
    text-decoration: none;
}

.lcg-citation, .lcg-quotation {
    font-style: italic;
}
.underline {
    text-decoration: underline;
}
dt .lcg-citation {
    font-style: normal;
}
dt em {
    font-weight: normal;
}
dl dt {
    font-weight: bold;
}

table.lcg-fieldset {
    padding: 0;
    margin: 0.5em 0;
}
table.lcg-fieldset tr {
    vertical-align: top;
    padding: 0;
}
table.lcg-fieldset td {
    text-align: left;
    vertical-align: top;
    padding: 0;
}
table.lcg-fieldset td.label {
    white-space: nowrap;
    padding-right: 0.5em;
    font-weight: bold;
}

.lcg-table-wrapper {
    overflow-x: auto;
    margin: 0.5em 0;
}
table.lcg-table {
    border-collapse: collapse;
}
table.lcg-table td, table.lcg-table th {
    padding: 2pt;
    vertical-align: top;
    white-space: nowrap;
    border: solid #fac800 1px;
}
table.lcg-table td { background-color: #fffefa; }
table.lcg-table th { background-color: #feedae; }
table.lcg-table caption {
    font-weight: bold;
    font-size: 1.1em;
    text-align: left;
}
.lcg-preformatted-text {
    background-color: #fff9de;
    border: solid #fce580 1px;
    color: #000;
    margin: 1em 0;
    padding: 4px;
    overflow-x: auto;
}
.lcg-preformatted-text pre {
    white-space: pre;
    margin: 0;
}

/* Don't let the media overflow the page content.  The zero specificity of
   ':where()' lets any other rule override it. */
:where(#content) :where(img, video, iframe, embed, object) {
    max-width: 100%;
    box-sizing: border-box; /* Include the borders (such as of iframes) in the limit. */
}
:where(#content) :where(img, video) {
    height: auto;
}

img.lcg-image {
    max-width: 100%;
    height: auto !important;
    box-sizing: border-box;
    margin: .5em 1em;
}
img.lcg-image.left-aligned {
    margin: .2em 1em .4em 0;
}
img.lcg-image.right-aligned {
    margin: .2em 0 .4em 1em;
}

figure {
  border: thin silver solid;
  margin: 1em;
  width: auto;
  display: table-cell;
}

figure a, figure img {
    display: table-cell;
    margin: auto;
}

figure.left-aligned {
    float: left;
}

figure.right-aligned {
    float: right;
}

figcaption {
    display: table-caption;
    caption-side: bottom;
    text-align: center;
    font-style: italic;
    font-size: smaller;
    text-indent: 0;
    min-width: 16em;
}

.external-video {
    margin: 1.6em auto .8em auto;
}
.external-video .wrapper {
    /* Responsive iframe according to:
     * https://www.smashingmagazine.com/2014/02/making-embedded-content-work-in-responsive-design/
     * https://alistapart.com/article/creating-intrinsic-ratios-for-video/
     */
    position: relative;
    text-align: center;
    padding-bottom: 75%; /* Actually overridden by the real aspect ratio in the HTML style attr. */
    height: 0;
    overflow: hidden;
}
.external-video iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
div.table-of-contents {
    border: solid #fce580;
    border-width: 1px 0;
    background-color: #fff9de;
    margin: 1em 0;
    padding: 3pt;
}
div.table-of-contents ul {
    margin-top: 3pt;
    margin-bottom: 0;
}

button, input, select, textarea {
    /* Avoid dual application of 0.8em defined above in some elements */
    font-size: 1em;
    border: 1px solid #fac800;
    border-radius: 3px;
    margin: 2px 0;
    max-width: 100%; /* Don't overflow the available width on narrow screens. */
}
input[type="search"] {
  -webkit-appearance: textfield;
}
button, input, select {
    height: 2em;
    box-sizing: border-box;
}

button {
    width: auto; /* fix MSIE size */
    overflow: visible; /* fix MSIE size */
    color: inherit;
    font: inherit;
    box-shadow: inset 0 0 4px rgba(0,0,0,0.1);
    background-image: linear-gradient(#fff, #e0e0e0);
    background-color: #fafafa;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: .125em .7em;
    white-space: nowrap;
    line-height: 1.5em;
    -webkit-appearance: button;
    vertical-align: top;
    height: 2em;
}
button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
button:hover:enabled {
    background-image: linear-gradient(#fff, #f0f0f0);
}
body .dropdown-widget.expanded > .dropdown-panel {
    /* Continue the color of the button invoking the dropdown. */
    background-color: #f0f0f0;
}

/* Keyboard focus indication for the whole page.
 *
 * Applies to any focusable element, so that nothing can be left out.  We use
 * 'outline' rather than 'box-shadow', because box shadows are dropped in the
 * forced colors mode (Windows High Contrast), where the indication matters the
 * most.  Modern browsers follow the element's border radius, so the outline has
 * no drawback here anymore.  The color is taken from the element itself, so that
 * the indication doesn't introduce any foreign color into the page style and
 * works on light and dark backgrounds alike. */
:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}
#main-heading.initial-focus:focus-visible {
    /* The main heading is focused on page load to get the screen reader users
     * directly to the content (see wiking.js).  The class is removed as soon as
     * the user interacts with the page, so the indication appears normally when
     * the user returns to the heading by keyboard. */
    outline: none;
}

button[disabled] span {
    opacity: 0.5;
    color: #000;
}
button .label {
    display: inline-block;
    vertical-align: middle;
}
button .icon {
    margin-right: 4px;
}
input {
    line-height: 1.5em;
    padding: 0.25em;
}
.checkbox-group input[type=checkbox], input[type=radio] {
    height: 1em;
    margin-right: .1em;
}
input[type=checkbox] + .help {
    margin-top: -.4em;
}

textarea {
    padding: 4px;
    line-height: 1.2em;
    box-sizing: border-box;
}
select {
    padding: 2px 0;
    line-height: 1.5em;
}

/* Wiking CMS specific styles */

.cms-page-actions {
    margin: 1em 0 0 0;
    position: relative;
    top: 0.2em;
    padding-top: 0.2em;
    border-top: 1px solid #fac800;
}
.cms-page-actions.cms-publication-actions {
    margin-top: 0;
    border-top: none;
}
div.wiking-image-gallery {
    margin: 0 -1em;
}

form.activation-form {
    float: left;
    margin-right: 0.5em;
}

div.item span.panel-field-date {
    font-weight: bold;
}
.panel .feed-link {
    float: right;
}
.pytis-form.itemized-view.user-roles div.summary,
.pytis-form.itemized-view.role-members div.summary,
.pytis-form.itemized-view.contained-roles div.summary,
.pytis-form.itemized-view.containing-roles div.summary {
    display: none;
}

/* Links to unpublished pages */
.unpublished { text-decoration: line-through; }

.page-navigation {
    background-color: #fff9de;
    border: 1px solid #fce580;
    border-width: 1px 0;
    text-align: right;
    padding: 0.1em;
}
.page-navigation.top {
    position: relative;
    top: -0.4em;
    margin-bottom: .5em;
}
.page-navigation.bottom {
    margin-top: 1.2em;
}
.page-navigation .navigation-ctrl .icon {
    margin-right: 2px;
}
.page-navigation .navigation-ctrl .icon.arrow-right-icon {
    margin-left: 1px;
    margin-right: 1px;
}
.page-navigation .navigation-ctrl.dead {
    opacity: 0.6;
}

table.diff { border: 1px solid #fac800; margin-top: 0.4em; margin-bottom: 0.2em; }
table.diff td, table.diff th { padding: 0.2em; }
td.diff_header { text-align: right; }
th.diff_header, th.diff_next { background-color: #feedae; }
td.diff_header, td.diff_next { background-color: #fff9de; }
span.diff_add, span.field.id-diff_add { background-color: #aaffaa; }
span.diff_chg, span.field.id-diff_chg { background-color: #ffff77; }
span.diff_sub, span.field.id-diff_sub { background-color: #ffaaaa; }

.pytis-form.publication-export-form .group,
.pytis-form.publication-export-form .submit-buttons,
.pytis-form.excerpt-export-form .group,
.pytis-form.excerpt-export-form .submit-buttons {
    margin: 2px;
    padding: 0;
    border: none;
    background: transparent !important;
    text-align: left;
}
.pytis-form.publication-export-form th.label {
    width: 1%; /* Prevent label spanning too wide in Safari */
}
.pytis-form.publication-export-form .submit-buttons button,
.pytis-form.excerpt-export-form .submit-buttons button {
    margin: 0 6px 0 0;
}
.pytis-form.publication-export-form .radio-group label {
    margin: 0 10px 0 2px;
}

.export-progress-log {
    min-height: 2em;
    max-height: 10em;
    max-width: 66em;
    overflow: scroll;
    border: solid #fac800 1px;
    color: #000;
    padding: 0.1em;
    white-space: pre;

}
.export-progress-log .error-msg .label {
    color: #c00;
    font-weight: bold;
}
.export-progress-log .warning-msg .label {
    font-weight: bold;
}
.export-progress-summary {
    margin-top: 0.3em;
    margin-left: 0.1em;
    white-space: nowrap;
}
.export-progress-summary .label {
    font-weight: bold;
}

.cms-text-not-found p {
    padding-left: 32px;
}
.cms-text-not-found .error-icon {
    float: left;
    margin: 5px;
}
.cms-text-empty-value {
    color: #666;
}

body {
    font-family: arial, helvetica, sans-serif;
    color: #000;
    background-color: #e4e5e4;;
    font-size: 16px;
    padding: 0;
    margin: 0;
    -webkit-text-size-adjust: none;
}
p {
    margin: 0.4em 0;
}
h1, h2, h3 {
    color: #504328;
    font-weight: bold;
    text-align: left;
}
h2 {
    border: solid #dea000 0px;
    border-bottom-width: 1px;
}
h1 { font-size: 2.2em; line-height: 1em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5,h6,h7,h8,h9 { font-size: 1.2em; }

a:link    { color: #504328; }
a:visited { color: #504328; }
a:link:hover, a:visited:hover { color: #dea000; }

#top-bar {
    white-space: nowrap;
}
#top-bar:after {
  content: "";
  display: table;
  clear: both;
}
#top {
    /* The rules below fix MSIE 8 popup menu z-index */
    position: relative;
}
#top-content, #top-controls {
    padding: 6px 0;
}
#top-content {
    float: left;
    color: #222;
    line-height: 26px;
}
#site-title {
    font-size: 1.2em;
    float: left;
}
#site-title a {
    text-decoration : none;
    color: #222;
}
#top-content .top-text {
    float: right;
    margin: 0 26px;
}
#top-content .top-text p {
    margin: 3px 0;
}

#top-controls {
    float: right;
}
#top-controls > span,
#top-controls .ctrl-content {
    /* Center the icons and the buttons vertically. */
    display: inline-flex;
    align-items: center;
}
#top-controls > span {
    vertical-align: top;
    margin-left: 17px;
    line-height: 26px;
}
#top-controls .ctrl-icon {
    margin-right: 0.2em;
}
#top-controls .ctrl-icon.user-icon,
#top-controls .ctrl-icon.gear-icon,
.maximized-mode-control a > span {
    font-size: 1.25em;
}
#top-controls .admin-control.preview-mode .ctrl-icon {
    background-color: #d00;
}
#top-controls .ctrl-label {
    line-height: 26px;
    margin-right: 3px;
}
#top-controls .invoke-content {
    position: relative;
}
#top-controls .invoke-menu {
    cursor: pointer;
}
#top-controls .invoke-menu.labeled {
    padding-left: 6px;
}

#top-controls .invoke-menu,
.login-control .login-button,
.maximized-mode-control {
    display: inline-block;
    border-radius: 3px;
    margin-right: 4px;
    background: #ddd;
    box-sizing: border-box;
    height: 26px;
}
.maximized-mode-control a {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    height: 26px;
    padding: 0 3px;
}
.login-control .ctrl-content {
    position: relative;
}
.login-control .password-expiration-warning {
    display: inline-block;
    position: absolute;
    top: -.7rem;
    left: -2rem;
}
.login-control .password-expiration-warning .badge {
    display: inline-block;
    width: .9rem;
    height: .9rem;
    border-radius: .45rem;
    background-color: #f00;
    color: #fff;
    line-height: .9rem;
    font-weight: bold;
    font-size: .7rem;
    text-align: center;
}
.login-control .password-expiration-warning .info {
    display: inline-block;
    position: absolute;
    top: 1.5rem;
    left: .2rem;
    z-index: 3;
    padding: .2em .5rem .4rem .5rem;
    border-radius: 3px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    line-height: 2rem;
    background-color: #fff;
}
.login-control .password-expiration-warning .warning-icon {
    margin: 0 .4rem .2rem 0;
}
.login-control .login-button {
    display: inline-flex;
    align-items: center;
    color: #000;
    text-decoration: none;
    padding: 0 5px;
}
.login-control .login-button:hover {
    color: #000;
}
.login-control li.user-profile .user-label {
    font-size: .8em;
    color: #444;
    line-height: 1.2em;
}
.login-control li.user-profile .icon {
    float: left;
    margin-top: 1em;
}

.admin-control {
    margin-right: -10px;
    margin-left: 5px !important;
}
.admin-control:last-child {
    margin-right: 2px;
}

.language-selection {
}
.language-selection .language-abbr { display: none; }

#root-wrap {
    background-color: #fff;
    min-height: 100vh;
}
body.non-maximized #root-wrap {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
#top, #main, #bottom {
    padding: 0 18px;
}
#top {
    border-bottom: solid 5px #eee;
}
#main {
    padding-top: 18px;
}

#menu {
    font-size: 1.2em;
    font-weight: bold;
}
#menu a {
    color: #222;
}

/* Style top level menu items as a horizontal menu bar (wide screens only). */
@media only screen and (min-width: 601px) {

#menu .menu-button {
    display: none;
}
#menu {
    /* The rules below fix MSIE 8 dropdown menu z-index */
    position: relative;
    z-index: 2;
}
#menu ul.level-1 {
    margin: 0 -18px -5px -18px;
    padding: 0;
}
#menu ul.level-1:after { /* Avoid floated elements outside container (clearfix). */
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}
#menu ul.level-1 > li {
    display: inline-block;
    float: left; /* MSIE 8 hack */
    white-space: nowrap;
    position: relative;
    width: auto;
    line-height: inherit;
}
#menu ul.level-1 > li > .item {
    padding: 0.2em 18px;
    text-decoration: none;
    border-bottom: 5px solid transparent;
    margin: 0;
}
#menu ul.level-1 > li > .item:hover {
    border-bottom-color: #feedae;
}
#menu ul.level-1 > li.in-path > .item {
    border-bottom-color: #626262;
}
#menu ul.level-1 > li.foldable > .item {
    padding-right: 24px;
}
#menu ul.level-1 > li.script-expanded > .item:hover,
#menu ul.level-1 > li.in-path.script-expanded > .item,
#menu ul.level-1 > li.script-expanded > .item {
    z-index: 3;
    position: relative;
    background-image: linear-gradient(#eee, #fff);
    border-bottom-color: #fff;
    border-radius: 5px 5px 0 0;
}
#menu ul.level-1 > li.foldable > .item:after {
    /* Down pointing arrow (the same as of the LCG dropdown widgets). */
    content: "";
    position: absolute;
    z-index: 3;
    top: 50%;
    right: 11px;
    margin-top: -4.5px;
    border: 5px solid transparent;
    border-top-color: currentColor;
    border-bottom: none;
}
#menu ul.level-1 > li > .item .label {
    background-color: transparent;
    padding: 0;
    margin: 0;
}
#menu ul.level-1 > li > .item .icon {
    display: none;
}

#menu ul.level-2 {
    display: none;
    position: absolute;
    top: 34px;
    left: 0;
    z-index: 2;
    padding: 6px;
    background-color: #fff;
    box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.6);
    border-radius: 0 3px 3px 3px;
}
#menu li.script-expanded ul.level-2 {
    display: block;
}

} /* End of menu bar styles for wide screens (min-width: 601px). */


/* Hierarchical submenu */

@media only screen and (min-width: 768px) {
    body.non-maximized #submenu {
        display: block;
    }
}
#submenu {
    display: none;
    position: relative;
    z-index: 1;
    grid-column: 1;
    width: 220px;
    box-sizing: border-box;
    padding-right: 18px;
}
#submenu .menu-panel  {
    position: relative;
    border: 1px solid #ecc500;
    border-radius: 5px;
    background-color: #fff;
}
#submenu h3 {
    margin: 0;
    font-size: 1.2em;
    padding: 4px 6px;
    background-color: #feedae;
    border-bottom: 1px solid #ecc500;
    border-radius: 5px 5px 0 0;
}
#submenu .foldable-tree-widget {
    line-height: 1.25em;
}
#submenu .foldable-tree-widget .item .label {
    padding: .15em 1px;
}
#submenu .foldable-tree-widget .item .icon {
    top: .35em;
}
#submenu button.toggle-menu-expansion {
    position: absolute;
    top: .6em;
    right: .4em;
}
* html #submenu button.toggle-menu-expansion { right: 10px; } /* MSIE hack */

/* This makes panels to skip in Firefox when page content is too wide...
#submenu li a:hover {
    outline: solid 1px #dea000;
}*/

/* Panels */

#panels {
    /* A separate row below the page content unless overridden below. */
    grid-column: 1 / -1;
}

@media only screen and (min-width: 992px) {
    body.non-maximized #panels {
        z-index: 1;
        grid-column: 3;
        width: 220px;
        box-sizing: border-box;
        padding-left: 18px;
    }
    body.non-maximized #panels .panel {
        margin-right: 0;
    }
}
#panels .panel {
    display: inline-block;
    width: 202px; /* Set abs width to keep it unchanged when moved under content. */
    box-sizing: border-box;
    vertical-align: top;
    margin: 0 18px 18px 0;
    color: #000;
    border: 1px solid #ecc500;
    border-radius: 5px;
    background-color: #fff;
}
#panels .panel h3 {
    padding: 4px 6px;
    margin: 0;
    font-size: 1.2em;
    position: relative;
    background-color: #feedae;
    border-bottom: 1px solid #ecc500;
    border-radius: 5px 5px 0 0;
}
#panels .panel-content {
    padding: 4px 6px;
}
#panels .panel-content ul, #panels .panel-content ol {
    padding-left: 1.5em;
    margin: 0;
}
#panels .panel-content form {
    margin: 5px 0;
}

/* The actual page content */

#main-wrap {
    /* The submenu and panels columns collapse when they are not displayed.
       The page column takes the remaining space and the zero minimum prevents
       wide content from growing it beyond that space. */
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
}
#page {
    grid-column: 2;
    position: relative;
    color: #000;
    background-color: #fff;
    margin-bottom: 16px;
}
@media only screen and (min-width: 1024px) {
    /* The page has its full width here, so the browse form tables, which
       don't fit, are rather scrolled than stacked (see pytis.js). */
    #page {
        --pytis-table-stacking: none;
    }
}
#heading {
    position: relative;
}
@media only screen and (max-width: 767px) {
    #top-controls .maximized-mode-control {
        display: none;
    }
}
#heading h1 {
    margin-top: 0;
    margin-bottom: 12px;
    padding-right: 24px; /* Space for the maximize/minimize button. */
}
#content {
    position: relative; /* fix MSIE background painting */
}

/* Bottom part of the page */
#bottom {
    margin-top: 2em;
    clear: both;
    font-size: .9em;
    border-top: solid 5px #eee;
    padding-top: 0.1em;
}
#bottom-bar {
    text-align: right;
    margin-bottom: .8em;
}
#bottom-bar hr { display: none; }
#bottom-bar span.left { float: left; }
#bottom-bar div.left { text-align: left; }
#bottom-bar .right { color: #777; /* Applies to the dots between links. */ }

#footer {
    text-align: center;
    padding-bottom: 40px;
}
#footer p { margin: .1em 0 .5em 0; }
#footer img { margin: 5px; }

/* Special controls */

form.login-form {
    background-color: #fff9de;
    border: 1px solid #fce580;
    border-width: 1px 0;
    padding: 14px 30px;
    margin-bottom: 14px;
}
form.login-form input {
    margin: 2px 0 12px 0;
    padding: 3px;
}
form.login-form ul {
    margin-top: 14px;
}
form.login-form label {
    font-weight: bold;
}

/* Tablet screen layout */
@media only screen and (max-width: 991px) {

    #top-controls .ctrl-label {
        display: none;
    }

} /* End of tablet screen layout */

/* Bigger mobile phone screen layout */
@media only screen and (max-width: 767px) {

    #site-title .separator, #site-title .subtitle { display: none; }

} /* End of bigger mobile phone screen layout */

/* Smaller mobile phone screen layout */
@media only screen and (max-width: 600px) {

    #menu .menu-button .menu-icon {
        font-size: 1.5em;
    }
    #menu .menu-button {
        position: absolute;
        display: inline-block;
        padding: 7px 10px;
        margin-right: -11px;
        margin-left: 4px;
        cursor: pointer;
        top: 0;
        right: 20px;
    }
    #menu .foldable-tree-widget {
        display: none;
        position: relative;
    }
    #menu .foldable-tree-widget.expanded {
        display: block;
    }

    .language-selection .language-name { display: none; }
    .language-selection .language-abbr { display: inline; }
    .login-control .displayed-user-name {
        /* Hide visually, but keep in the accessible name of the menu button. */
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
    }
    .login-control .popup-menu-ctrl-widget { background: none; }
    .login-control .login-button { display: none }
    #top-controls .login-control .invoke-menu.labeled { padding-left: 0; }
    #top-controls  { padding-right: 34px; }


} /* End of smaller mobile phone screen layout */

/* Print specific styles */
@media print {

body {
    color : #000;
    background : #fff;
    font-family : "Times New Roman", Times, serif;
    font-size : 10pt;
}
table td, table th, input { font-size: 10pt; }

a {
    text-decoration : underline;
    color : #00f;
}
a.backref, a:link.backref, h1 a {
    color: #000 !important; /* important needed for MSIE */
    text-decoration: none;
}

h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1.1em; }
h7 { font-size: 1.1em; }

#top, #menu, #submenu, #panels, #bottom {
    display: none;
}

#top-controls .maximized-mode-control {
    display: none;
}

} /* End of @media print. */

/* Override default LCG widget colors by Wiking color theme colors */
/* Original selectors must be duplicated here and prefixed by 'body' to get more specificity. */

body .foldable-tree-widget .current .label {
    background-color: #feedae
}
body .dropdown-widget.expanded > .dropdown-panel a[aria-current="true"] {
    background-color: #feedae;
}
body .notebook-widget ul.notebook-switcher {
    border-bottom-color: #ecc500;
}
body .notebook-widget li.notebook-tab a {
    border-color: #ecc500;
    background-color: #e0e0e0;
    color: #000;
}
@media print {
    body .notebook-widget ul.notebook-switcher {
	border-bottom-color: #aaa;
    }
    body .notebook-widget li.notebook-tab a {
	border-color: #aaa;
    }
}
body .notebook-widget li.notebook-tab a.current {
    background-color: #fff;
    border-bottom-color: #fff;
}

/* Override default Pytis form colors by current Wiking color theme colors. */

body .pytis-form.edit-form .errors,
body .pytis-form.query-fields-form .errors {
    color: inherit;
    background-color: #fdb;
    border-color: #fba;
}

body .pytis-form .group,
body .pytis-form .submit-buttons,
body .pytis-form .paging-controls {
    background-color: #fff9de;
    border-color: #fce580;
}
body .pytis-form.query-fields-form .submit-buttons {
    background: none;
}
body .pytis-form.query-fields-form .group {
    background: none;
    border: none;
}
* html body .pytis-form fieldset.group legend {
    color: #000;
}
body .pytis-form.browse-form table.data-table tr.data-row td,
body .pytis-form.browse-form table.data-table tr.row-expansion td,
body .pytis-form.browse-form table.data-table tr.column-headings th,
body .pytis-form.browse-form table.data-table tr.group-heading th {
    border-color: #fac800;
}
@media print {
    body .pytis-form.browse-form table.data-table,
    body .pytis-form.browse-form table.data-table tr.data-row td,
    body .pytis-form.browse-form table.data-table tr.row-expansion td,
    body .pytis-form.browse-form table.data-table tr.column-headings th,
    body .pytis-form.browse-form table.data-table tr.group-heading th {
	border-color: #ddd;
    }
}
body .pytis-form.browse-form table.data-table tr.column-headings th.column-heading,
body .pytis-form.browse-form table.data-table tr.group-heading th {
    background-color: #feedae;
}
body .pytis-form.browse-form table.data-table tr.data-row,
body .pytis-form.browse-form table.data-table tr.row-expansion {
    background-color: #fffefa;
}
body .pytis-form.browse-form table.data-table tr.data-row.even,
body .pytis-form.browse-form table.data-table tr.row-expansion.even {
    background-color: #fffcee;
}

body .pytis-form.browse-form table.data-table tfoot td {
    background-color: #fff9de;
    border-color: #fce580;
}
body .pytis-form.browse-form #found-record {
    outline: #ff7c90 solid 1px;
}
body .pytis-form.list-view .tree-indent {
    border-left-color: #fce580
}
body .pytis-form.list-view .list-item .meta {
    color: #206573;
    background-color: transparent;
}
body .pytis-form .field-label.disabled {
    color: #444;
}
body .pytis-form .group span.color-display {
    border-color: #fac800;
}
body .pytis-form.edit-form .help {
    color: #444;
}
body .pytis-form input.text-search-field,
body .pytis-form.edit-form input.text-field,
body .pytis-form.edit-form textarea,
body .pytis-form.edit-form select {
    border-color: #fac800;
}
body .pytis-form.list-view .summary {
    border-top-color: #fce580;
}
/*.pytis-form .invalid {
    background-color: #fdb;
}*/