/*
 * Strahlhorn Layout CSS
 * Patrick Jeggli
 * @date:25.05.2021
 */

html {overflow-x: auto;}

body {
    height: 100%;
}

/* Environment */
body.app_development .navbar {
    background-color: #ffffff
}
.app_systemtest .navbar {
    background-color: #ffffff
}

/* Login */
body.idle {
    background: url(/img/bg-1.jpg) no-repeat fixed center;
}
body.idle .workbench {
    display: none;
}
body.idle.has-navbar-fixed-top {
    padding-top: 0;
}
body.idle .columns.is-desktop {
    display: flex!important;
}
body.idle .form-wrapper {
    white-space: nowrap;
}
body.idle .field-title h2 {
    font-size: 1rem;
    text-transform: uppercase;
}
body.idle .panel-block {
    padding: 1.25rem 2rem;
    background-color: hsl(210, 37%, 97%);
}
body.idle #menu_off_canvas,
body.idle aside{
    display: none;
}
body.idle .app-content > div {
    height: 75%;
}
body.idle .main-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: auto;
    margin-bottom: auto;
}

.app-content {
    margin-bottom: 2rem;
}

/** html, body {height:100%} **/
img {max-width:none}

/* IE 10 + 11 only */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .column,
    .footer {flex: 1 0 auto;}
}

/* jQuery Datepicker modal position fix */
#ui-datepicker-div{
    position: absolute !important;
}

.ui-tooltip { padding: 0 }
.ui-tooltip-content {
    font-size:.875rem;
    padding: 0.5rem;
}

/* Address narrow quickfix */
.is-form-mode-view .field.row-zip-city .column,
.is-form-mode-view .field.row-salutation-title .column {
    white-space: nowrap; padding-right: 0;
}

/* Bulma tile overflow fix */
.tile.is-ancestor > .tile.is-parent > .tile.is-child {overflow-x: auto}

/* Draggable Modal */
.modal-card-head {cursor: move}

/* Login */
.hero.has-background-image {background: transparent url("../../img/bg_image.png") no-repeat top center}
.hero.has-background-image,
.header.header {background-size: cover}
.login-wrapper {margin-bottom: 15rem}
.hero.has-background-image .form-wrapper {transform: scale(1.168)}
.hero.has-background-image .form-wrapper .field-title {display: none}
.login-logo img {width: 40%; height:auto; min-width: 400px; max-width: 560px;}
.login-message {margin-top: 1rem; opacity: 0.9}
.login-app-environment {color: #ffffff; margin-top: 3rem}

/* Header */
.header-brand {margin:0; line-height:0; min-height: 50px}
.header-brand .column {padding:0}
.navbar-brand img { margin-left: -15px}

/* Footer */
footer, .footer {flex: 0}
.footer-wrapper {width: 100%; line-height: 28px}
.logo-montalux img {max-height:2.3rem; width: auto; margin-top: -0.3rem}

/* Toolbar */
.toolbar {margin-right:-0.75rem}
ul.toolbar-list {list-style:none; padding:0; margin:0; font-size:0; white-space:nowrap;}
ul.toolbar-list li {display:inline-block; padding:0; margin:0; list-style:none;}
ul.toolbar-list li:last-child {margin:0}

/* Customer */
form[name="customerRbox"] .td_result {position: relative}

/* Tooltip */
#WzTtDiV table {font-size: inherit}
#WzTtDiV #WzBoDyI {font-size: 0.875rem!important; font-family: "Roboto", sans-serif!important; padding: 0.125em 0.5em!important;}
#WzTtDiV h2 {font-size: 1.2em; font-family: "Roboto", sans-serif; margin: 0.5em 0;}
#WzTtDiV .field-label {max-width: 11em}

/* Sidebar */
@media (min-width:1024px) {
    aside.is-narrow {max-width:20rem}
}

/* Form */
form {position:relative}
.unsichtbar {display:none}
.sichtbar {display:block}
/* .form-wrapper:not(:last-child) {margin-bottom: 1em} */
.form-column:not(:last-child) {display: inline-block; vertical-align: top; margin: 0 0.75rem 0 0}
.form-column:not(:first-child) .is-horizontal .field-label {margin-left: 1rem}
.form-column .is-horizontal .field-label {min-width: 12em}
.form-column-buttons {margin-top: 0.5rem}
.autocomplete-value {margin-left: 0.5em; vertical-align: middle}
.field.is-grouped > a {margin-right: .75rem}
.form-paragraph {margin-bottom: 0.5rem}
.radio input[type="radio"] {margin-top: -2px; margin-right: 0.2em; vertical-align: middle}
.checkbox input[type="checkbox"] {margin-top: -2px; margin-right: 0.2em; vertical-align: middle}
img.status-image,
img.icon-button,
.icon-button img {vertical-align: top;}
h2 .icon-button {vertical-align: middle}
h2 .icon-button:first-child {margin-left: 1rem}
h2 + a.icon-button {margin-left: 1rem}
.icon-button-content {display: inline-block; vertical-align: top; max-width: 32rem}
.icon-button-content + a.icon-button {display: inline-block; margin-left: 1rem}
.radio input:focus {box-shadow: none}
.icon-small {height: 20px; width: auto; margin-left: 4px}
a.tooltip {display: inline-block; min-width: 24px}
.button.is-primary {color: black}
.button.is-light {font-weight: normal; color: black;}


a.icon-button.genetica:hover svg {fill: hsl(23,86%,54%) !important}

/* Tabs */
.tab-content h2 {display: inline-block; vertical-align: middle; margin-top: 0.5rem}
.tab-content > .dynamic-ajax > h2:first-child {margin-top: 0.75rem}
.jq-ui-tabs > div:not(#tab_expanded) {display: none}
.jq-ui-tabs > ul  {display: none}
/* Tab 6 ohne Titel */
#tab-6 > .dynamic-ajax > .form-wrapper > .field > .field-label,
#tab-6 > .dynamic-ajax > .form-wrapper > .field > .field-body {margin-top: 0.5rem}

/* Toggleable */
.is-toggleable {display: inline-block; width: 100%}
.is-toggleable > svg {fill: currentColor; margin-left: 0.5em; width: 1em; height: 1em} /*position: absolute; top: 0; right: 0; padding-left: 1em;*/
.is-toggleable + div {margin: 0.3rem 0}
.row-toggle > .field-body > .field.is-narrow {flex-grow: 1 !important}

/* Form View ajax */
.dynamic-ajax form .form-buttons {display: none}

/* tinymce */
.mce-tinymce {min-width: 680px;}

.control > label.radio {vertical-align: top; height: 1.666rem;}
.control > label.radio .form-wrapper {margin-top: 0.5rem}
.control > label.radio .panel-content {margin-top: 0.5rem}
.column > .field > .control > input {width: auto}
.row-street-and-number .column:last-child {padding-left: 0.5rem}
.row-street-and-number .column:last-child .control:before {content: '/'; position: absolute; top: 0.45em; left: -0.55em}

/* Process form */
.field .field-title .message {margin-bottom: 0.5rem}

/* Autocomplete */
.ui-autocomplete {font-size: .875rem}

/* checkbox-horizontal */
span.checkbox-horizontal {float: right;}
span.checkbox-horizontal input:not(:first-child) {margin-left: 0.75rem; margin-top: 0.5rem;}

/* Components */
.panel .panel-block {display:block}
.contextual-content .panel-block,
.contextual-content .panel-heading {padding-left: 0.5rem; padding-right: 0.5rem}
.contextual-content .panel-body {padding-top: 0.5rem; padding-bottom: 0.5rem}

/* Tables */
.contextual-content .table {margin: 0 -0.25rem}
.table-no-result {margin-top: -1em; margin-bottom: 1em;}

/* One Row Table */
table.one-row-table td {padding-left: 0; padding-right: 0.25rem;}

/* Array Table */
.table.diff-table .td_result:last-child{padding-right: 0.25rem}

/* HTML Text Formats */
/* todo: add DIFF routes */
.analysis_detail .dynamic-ajax table:not(.table) th,
.analysis_detail .dynamic-ajax table:not(.table) td {
    padding: 8px;
    vertical-align: top;
    text-align: left;
}

.analysis_detail .dynamic-ajax table:not(.table) tr:not(:last-child) th,
.analysis_detail .dynamic-ajax table:not(.table) tr:not(:last-child) td {
    border-bottom: 1px solid hsl(0, 0%, 61%);
}

/* Base Legacy */
img.noborder {border:0}
.nomargin {margin :0 !important}
.center {text-align:center}
.hidden {display:none; margin:0; padding:0}
.popup_randabstand  {margin:10px}
.box {border:1px solid black}
.box {border:1px solid black}
#modal-text {margin-bottom: 1em}
.admin-patch-version {display: block; margin-bottom: 0.5rem}

/* Sitemap */
.sitemap a {text-decoration:none}
.sitemap > table {border-collapse:unset; border-spacing:5px}

/* diff */
del {margin: 0 0.15em; padding: 0 0.15em; background-color: hsl(8, 100%, 94%); color: #555; text-decoration: line-through}
ins {margin: 0 0.15em; padding: 0 0.15em; background-color: hsl(98, 80%, 90%); text-decoration: none}

/* colors */
.markDiff {background-color:#2D4196; color:white; padding:1px}

/* Date Picker */
img.ui-datepicker-trigger {width: 21px; height: 19px; margin-left: -0.5rem; margin-right: 0.5rem; margin-top: 2px; margin-bottom: -2px;}

/* Nested Sort js */
.nested-sort {list-style: none; counter-reset:section; max-width: 700px}
.nested-sort li:before {counter-increment: section; content: counters(section, ".") ". ";}
.nested-sort li {list-style: none; margin: 0 0 0.5rem; padding: 0.5rem; background: #fff; border: 1px solid #ddd}
.nested-sort .ns-dragged {border:1px solid red}
.nested-sort .ns-targeted {border:1px solid green}
.nested-sort .ns-placeholder {border:1px solid green}


form#instant-invoice div.field.checkbox-group.is-horizontal {
    display: table !important;
}

.ui-sortable-handle, .ui-sortable-handle label {
    cursor: move;
}

.ui-sortable-handle:active, .ui-sortable-handle:active label {
    cursor: grabbing;
    cursor: move;
}

/* Process Edit Form fixed position */
 #process_edit_form .field.form-buttons {background-color: #eeeeee; position: fixed; bottom: 0; left: 0; right: 0;}
#process_edit_form .field.form-buttons .field-label {max-width: none;}

/* Analysis */
.analysis-comment {max-width: 50rem}