/*
 * Huma Html5 Layout Print CSS
 * @version: Patrick Jeggli
 * @date: 25.05.2019
 */
/*html {font-size: 12px}*/
html, body {height: auto}

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

/* header */
/*.header {page-break-after: avoid;}*/
.navbar-icon,
.navbar-burger,
.navbar-logout,
.workbench,
.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}

/* main */
img {max-width: 400px;}
.main {margin: 0.75rem; }
.contextual-content .table th,
.contextual-content .table td {font-size:inherit}

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


.button {color: #363636 !important; background-color: white !important; border-color: #363636 !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;
    }
}