/*
 * Huma Html5 Layout Print CSS
 * @version: Patrick Jeggli
 * @date: 25.05.2019
 */
/*html {font-size: 12px}*/
@page {size: auto;  margin: 15mm 10mm 15mm 10mm}
html, body {height: auto; padding: 0 !important}
.container {margin: 0 !important}

.columns,
.column,
.nav,
.panel,
table {page-break-inside: auto}

/* header */
.navbar-icon,
.navbar-burger,
.navbar-logout,
.workbench,
.button-menu,
aside,
.footer {display: none !important}

/* navigation */
.navbar {display: flex; background-color: #f5f5f5; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; }
.navbar-menu {display: flex; padding: 0; background-color: transparent; box-shadow: none;}
.navbar .navbar-item,
.navbar .navbar-item a{color: #000; background-color: #f5f5f5}
.navbar-menu .navbar-item:not(.is-active),
.navbar-menu .separator {display: none}

/* Rahmenelemente komplett ausblenden */
.header-brand,
.app-logo-link,
.navbar,
#menu_off_canvas {display: none !important}
.contextual-content {display:none}

/* main */
img {max-width: 400px;}
.app-content, .main-content {padding: 0}
/*.main-content > .panel-content > .panel-body {padding-top: 0}*/
.main {margin: 0; padding-bottom: 0}
.contextual-content .table th,
.contextual-content .table td {font-size:inherit}

table.is-striped td {border-top: #999999 1px solid}

/* Analysen Tabs anzeigen */
.ui-tabs-nav {display: none !important}
.jq-ui-tabs {margin-bottom: 0}
.jq-ui-tabs .tab-content {display: block !important}
.jq-ui-tabs .tab-content:not(first-child) {padding-top: 0}
.jq-ui-tabs + div.panel {display: none}
.jq-ui-tabs .tab-content h2 {display: block; margin-top: 1.5rem !important; page-break-inside: avoid; break-inside: avoid}
.jq-ui-tabs .tab-content h2::after {content: "";display: block; height: 200px; margin-bottom: -200px}
.jq-ui-tabs .tab-content:last-child {padding-bottom: 0}
.jq-ui-tabs {border: none !important}
/*.panel-heading,*/
/*.panel-tabs,*/
/*.panel-block {border: none !important}*/
.jq-ui-tabs .tab-content {border-bottom: 1px solid #b6ddf6}
/*hr {display: block; border-top: 1px solid #b6ddf6}*/

.is-toggleable {display: none}
.is-toggleable + div {display: block !important}

/* firefox mag keine flexbox .( */
.main {display: block !important}
.main .columns {display: table-row !important;}
.main .column {display: table-cell !important; vertical-align: top}

.button,
.icon-button {display: none !important}
.button-submenu {display: none !important}

.popup_randabstand  {margin: 10px}

.markDiff {background-color: #009395; color: white; padding: 1px}

#printview-close {position: fixed; top: 1.25rem; right: 1.3rem; font-size: 1.5em; line-height: 1; font-weight: bold; cursor: pointer; padding: 0.25rem 0.5rem; background-color: #dbdbdb; border-radius: 5px;}

@media print {
    #printview-close{
        display: none !important;
    }
}