@charset "iso-8859-1";

/**
 * A C H T U N G :  B I T T E   N I C H T   Ä N D E R N !
 * Diese Datei ist ein Bestandteil der Standard-Layout-Library und
 * kann bei Bedarf jederzeit durch eine neuere Version ersetzt werden!
 * Jegliche Änderungen können verloren gehen!
 */

:root {
    --button-icon-only-width: 1.8em;
    --border-radius: 2px;
    --input-width-xx-small: 1em;
    --input-width-x-small: 2.5em;
    --input-width-small: 5em;
    --input-width-medium: 12em;
    --input-width-large: 20em;
    --input-width-x-large: 30em;
    --input-width-xx-large: 40em;
    --formular-label-col-width-xx-small: 12em;
    --formular-label-col-width-x-small: 12em;
    --formular-label-col-width-small: 12em;
    --formular-label-col-width-medium: 12em;
    --formular-label-col-width-large: 20em;
    --formular-label-col-width-x-large: 30em;
    --formular-label-col-width-xx-large: 40em;
    --formular-input-col-width-xx-small: 5em;
    --formular-input-col-width-x-small: 5em;
    --formular-input-col-width-small: 5em;
    --formular-input-col-width-medium: 12em;
    --formular-input-col-width-large: 22em;
    --formular-input-col-width-x-large: 33em;
    --formular-input-col-width-xx-large: 42em;
    --required-marker-offset: 10px;
    --cd-primary-color: #1e5c32;
    --cd-secondary-color: #4da168;
    --mittelgruen: #356d47; /* MITTELGRUEN rgb(53,109,71) */
    --surface-a: #ffffff;
    --surface-b: #fcfcfc;
    --surface-c: #f6f5f5;
    --surface-d: #cccccc;
    --surface-e: #ffffff;
    --text-color: #000000;
    --text-color-secondary: #3c3c3c;
    --text-disabled-color: #a0a0a0;
    --primary-color: #4da168;
    --surface-ground-light: #fafafa;
    --surface-ground: #fcfcfc;
    --surface-border: #cccccc;
    --surface-hover: #f6f5f5;
    --surface-selection: #c8dcce;
    --surface-active: #8ead98c0;
    font-size: 13px;
}

body {
    font-size: 13px;
    background: var(--surface-b);
    font-family: Segoe UI, Roboto, sans-serif;
    display: flex;
    flex-direction: column;
}

html, body {
    border: none; /* fix für frameborder bei iframes */
    min-height: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: underline;
    color: var(--text-color);
}

img {
    border: none;
}

h1, h2, h3 {
    margin: 0;
    padding: 0;
}

label {
    color: var(--text-color-secondary);
}

input[type="text"], input[type="password"], textarea {
    width: var(--input-width-medium);
}

::selection {
    background: var(--surface-selection);
}


/* Header */

.l-header {
    background: var(--mittelgruen) url("/at.gv.stmk.tvw-p/web/javax.faces.resource/images/header.png?ln=stmk-jsf-styleguide2012&v=1792033844") repeat-x left;
    color: #ffffff;
}

.l-appheader a {
    color: #ffffff;
}


.l-appheader-applogo-container {
    width: 146px;
    margin-top: 11px;
    display: flex;
    flex-direction: column;
}

.l-appheader-applogo-container div {
    width: 141px;
    padding-right: 2px;
    text-align: right;
}

.l-appheader-applogo-container * {
    text-decoration: none;
}

.l-appheader-applogo-logo {
    background: url("/at.gv.stmk.tvw-p/web/javax.faces.resource/images/land_steiermark_weiss.svg?ln=stmk-jsf-styleguide2012&v=1792033844") 0 no-repeat;
    background-size: 100%;
    height: 50px;
    border: none;
}

.l-appheader-umgebung {
    height: 11px;
    line-height: 11px;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 2px;
}

.l-appheader-title > .l-appheader-umgebung {
    display: none;
}

.l-appheader {
    display: flex;
    gap: 1.2em;
    justify-content: space-between;
    align-items: center;
    height: 72px;
    margin-right: 1.2em;
    white-space: nowrap;
}

.l-appheader-logo {
    flex: 0 0;
    align-self: flex-start;
    width: 146px;
}

.l-appheader-logo-spacer {
    width: 1.2em;
    display: none;
}

.l-header-appmenu-available .l-appheader-logo-spacer {
    display: block;
}

.l-appheader-logo > * {
    text-decoration: none;
}

.l-appheader-applogo {
    display: inline-block;
    flex: 0 0;
    height: 50px;
    min-width: 50px;
}

.l-appheader .l-appheader-title {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.l-appheader .l-appheader-title h1 {
    font-size: 1.6em;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 30px;

}

.l-appheader .l-appheader-title h1 .l-appheader-title-s {
    display: none;
}

.l-appheader .l-links-container .l-links-links {
    display: flex;
    gap: 1em;
    margin-top: 0.0em;
    font-size: 11px;
    line-height: 30px;
}

.l-appheader .l-appheader-title .l-links-container {
    justify-content: flex-start;
    display: inline-block;

}

.l-appheader .l-user-container {
    flex: 2;
    text-align: right;
}

.l-appheader .l-user-container .l-user-name {
    font-size: 1em;
    line-height: 20px;
    height: 30px;
}

.l-appheader .l-user-container .l-user-name > div {
    display: flex;
}

.l-appheader .l-user-container .l-user-name-s,
.l-appheader .l-user-container .l-user-name-f,
.l-appheader .l-user-container .l-user-name-b {
    margin-top: 8px;
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 0;
}

.l-appheader .l-user-container .l-user-name-f,
.l-appheader .l-user-container .l-user-name-b {
    display: inline-block;
}

.l-appheader .l-user-container .l-user-name-s {
    display: none;
}

.l-appheader .l-user-container .l-links-container {
    justify-content: flex-end;
    display: inline-block;
}

.l-appheader .l-avatar-container {
    display: none;
}

.l-appheader-menu {
    display: none;
    margin-left: 1.2em;
}

.l-avatar-trigger, .l-appheader-menu-trigger {
    display: inline-flex;
    color: #ffffff;
    font-size: 1.8em;
    text-decoration: none;
    padding: .3em;
    border: 1px solid #ffffff00;
    border-radius: 50%;
    transition: all .15s ease-in;
}

.l-avatar-trigger:hover, .l-appheader-menu-trigger:hover {
    border-color: #ffffff;
}

.l-menu-separator {
    border: 0;
    min-width: 100%;
    background: linear-gradient(to right, #ffffff 0%, black 15%, black 85%, #ffffff 100%);
    min-height: 1px;
}


.l-avatar-menu {
    width: 20em;
    padding: .5rem 0;
}

.l-avatar-menu .l-avatar-menu-title {
    font-size: 1.2em;
}

.l-avatar-menu .l-avatar-menu-subtitle {
    font-size: 1em;
    display: inline-block;
    margin: .3em 0;
}

.l-avatar-menu .l-avatar-menu-list {
    display: flex;
    gap: .2rem;
    flex-direction: column;
}

.l-avatar-menu .l-avatar-menu-list a {
    display: flex;
    align-items: center;
    font-style: normal;
    text-decoration: none;
    padding: .4rem;
}

.l-avatar-menu .l-avatar-menu-list a:hover {
    background-color: var(--surface-c);
    border-radius: 4px;
}

.l-avatar-menu .l-avatar-menu-list a .pi {
    font-size: 1.4em;
    margin-right: .5em;
}

/* Mediaqueries for Medium / Tablet / Splitscreen */
@media screen and (max-width: 1200px) {
    .l-appheader-logo, .l-appheader .l-appheader-logo-spacer {
        display: none;
    }

    .l-appheader-menu {
        display: inline;
    }

    .l-appheader .l-appheader-title h1 {
        font-size: 1.4em;
    }

    .l-appheader .l-appheader-title h1 .l-appheader-title-s {
        display: inline;
    }

    .l-appheader .l-appheader-title h1 .l-appheader-title-f {
        display: none;
    }

    .l-appheader .l-appheader-title .l-links-container {
        display: none;
    }

    .l-appheader .l-user-container .l-user-name {
        font-size: 1.2em;
        line-height: 21px;
        height: 100%;
    }

    .l-appheader .l-user-container .l-user-name-f {
        display: none;
    }

    .l-appheader .l-user-container .l-user-name-s {
        display: inline-block;
    }

    .l-appheader .l-user-container .l-user-name-s,
    .l-appheader .l-user-container .l-user-name-b {
        margin-top: revert;
    }

    .l-appheader .l-user-container .l-links-container {
        display: none;
    }

    .l-appheader .l-avatar-container {
        display: inline-block;
    }

    .l-appmenu {
        display: none;
    }

    .l-appheader-title > .l-appheader-umgebung {
        display: inline;
    }

    /* JSFKOM-1411 Responsive Design - Abstand bei Small/Medium unterschiedlich */
    .l-appmenu + .l-app-container > .l-scrollcontent-container .l-content-container > .l-content {
        padding-right: 0.45rem;
    }

    .l-body > .l-appmenu + .l-app-container {
        padding-left: 0.45rem;
    }
}

/* Mediaqueries for Small / Phone */
@media screen and (max-width: 640px) {
    .l-appheader-applogo {
        height: 30px;
        min-width: 30px;
    }

    .l-appheader .l-appheader-title h1 {
        font-size: 1.2em;
        align-self: center;
    }

    .l-appheader .l-appheader-applogo + .l-appheader-title {
        margin-right: 3.4em;
    }

    .l-appheader .l-user-container {
        display: none;
    }

    .l-avatar-trigger, .l-appheader-menu-trigger {
        font-size: 1.4em;
        padding: .3em;
    }

    .l-appheader-title > .l-appheader-umgebung {
        align-self: center;
    }

    .l-appheader .l-appheader-title {
        flex: 2;
    }

    /* JSFKOM-1411 Responsive Design - Abstand bei Small/Medium unterschiedlich */
    .l-appmenu + .l-app-container > .l-scrollcontent-container .l-content-container > .l-content {
        padding-right: 0.45rem;
    }

    .l-body > .l-appmenu + .l-app-container {
        padding-left: 0.45rem;
    }
}

/* END Header */


/* Toolbar */
.l-toolbar .ui-toolbar {
    border-top: none;
    border-right: none;
    border-left: none;
    border-radius: 0;
    padding: 0.15rem 3.85rem 0.15rem 0.15rem;
    height: 24px;
    line-height: 18px;
    overflow: hidden;
}

.l-toolbar .ui-toolbar * {
    vertical-align: middle;
}

.l-toolbar .ui-toolbar * + .ui-outputlabel {
    margin-left: 1em;
}

.l-toolbar .ui-toolbar .ui-outputlabel + * {
    margin-left: 0.6em;
}

.l-toolbar .ui-toolbar .ui-toolbar-group-left::after {
    content: ".";
    visibility: hidden;
}


/* Footer */
.l-footer {
    background: #8ead98 url("/at.gv.stmk.tvw-p/web/javax.faces.resource/images/footer.png?ln=stmk-jsf-styleguide2012&v=1792033844") repeat-x left; /* HELLGRUEN */
    padding: 0.45rem 0;
    margin: 0;
    clear: both;
    border: none;
}

.l-footer h1, .l-footer h2, .l-footer h3 {
    font-size: small;
    padding: 0.45rem 0;
    margin: 0;
}

.l-footer p {
    padding: 0.45rem 0;
    margin: 0;
}

/* Inhaltsbereich */
.l-body {
    display: flex;
    flex: 1 1 auto;
}

.l-app-container {
    flex: 1 1 auto;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.l-appkopf {
    margin-top: 0.45em;
    margin-right: 0.45em;
}

.l-appkopf-title {
    padding-bottom: 0.45em;
    margin-left: 0.45em;
}

.l-content {
    padding: 0.45rem 0.45rem 0.45rem 0;
    margin: 0;
    min-width: 10em;
    width: 100%;
}

.l-content h2, .l-content h3, .l-content h4 {
    margin-block-start: 1em;
    margin-block-end: .5em;
}

/* Aktionsleiste */
.l-aktionsleiste {
    margin: 1em 1px 0 1px;
    padding: 0.45rem 1rem;
    text-align: right;
}

.l-aktionsleiste + .ui-widget {
    margin-top: 1.5em;
}

.ui-widget-content .l-aktionsleiste {
    margin: 1em 0 0 0;
    padding: 0.45rem 0;
}

.l-aktionsleiste-content > * {
    margin-left: 0.5em;
    margin-right: 0;
}

/* Zusatzinhalte */
.l-content-extra {
    right: 0;
    width: 15em;
    min-height: 44em; /* 45em minus 2*0.45em (padding) */
    padding: 0.45rem;
    border-width: 1px 0 1px 1px;
    line-height: 1.5em;
    z-index: 5;
}

.l-content-extra .l-content-extra-close {
    float: right;
}

.l-content-extra.l-content-extra-empty {
    display: none;
}

/* nur wenn Klasse vorhanden ist (=Inhalte vorhanden) */
.l-content-extra.l-content-extra-empty + .l-content {
    margin-right: 0;
}

.l-content-extra ul, .l-content-extra ol {
    padding-left: 2rem;
}

.l-context-help {
    margin-bottom: 1em;
}

/**
 * Messages
 */
.ui-messages > * {
    margin: 0;
}

body .ui-messages {
    margin-bottom: 0.5em;
}

/**
 * JSFKOM-483
 */
.ui-messages ul li span {
    white-space: pre-line;
    margin-left: 20px;
    display: inline-block;
    text-indent: -10px;
}

.ui-messages .layout_correlation_id,
.ui-messages .s-messages-correlation-id {
    border: 0 none;
    background: none;
    opacity: 0.35;
    font-style: italic;
    font-size: 0.8em;
    float: right;
    position: relative;
    right: 0.5em;
    bottom: 1.9em;
    margin-bottom: -1.9em;
    margin-top: 5px;
}

.ui-messages .layout_correlation_id:hover,
.ui-messages .s-messages-correlation-id:hover {
    opacity: 1;
}

/**
 * Tabs
 */
.ui-tabs {
    padding: 0; /* Experimental due to white "borders" in Dialogs. Should maybe only applied on .ui-dialog .ui-tabs */
}

.ui-tabs .ui-tabs-nav {
    background: none;
}

.ui-widget-content .ui-tabs .ui-tabs-nav, .ui-tabs-nav.ui-widget-header + .ui-tabs-panels .ui-tabs .ui-tabs-nav {
    background: none;
}

.ui-widget-content.ui-dialog-content .ui-tabs .ui-tabs-nav, .l-content .ui-tabs > ul.ui-tabs-nav {
    background: var(--surface-b);
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav {
    padding: 0 0.2rem 0 1rem;
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav li {
    top: 2px;
    border-radius: 4px 4px 0 0;
    margin-top: 2px;
    /* border-top-width: 1px; */
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav .ui-state-default {
    border-bottom: none;
    background: #ffffff url("/at.gv.stmk.tvw-p/web/javax.faces.resource/images/verlauf_grau.png?ln=primefaces-stmk&v=1792033844") repeat-x top;
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav .ui-state-disabled {
    background: var(--surface-d) url("/at.gv.stmk.tvw-p/web/javax.faces.resource/images/verlauf_grau.png?ln=primefaces-stmk&v=1792033844") repeat-x top;
    color: var(--text-color-secondary);
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-state-hover {
    border: 1px solid var(--primary-color);
    border-bottom: none;
    /* margin-top: 2px; */
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-selected {
    border-top: 1px solid var(--primary-color);
    background: #ffffff url("/at.gv.stmk.tvw-p/web/javax.faces.resource/images/verlauf_klein.png?ln=primefaces-stmk&v=1792033844") repeat-x top;
    /* margin-top: 2px; */
}

/*
.ui-tabs.ui-tabs-top > .ui-tabs-nav li {
	border-top-width: 0;
	margin-top: 2px;
	border-radius: 4px 4px 0 0;
}
*/
.ui-tabs .ui-tabs-nav .ui-state-default a {
    padding-bottom: 4px;
}

.ui-tabs .ui-tabs-nav .ui-tabs-selected a {
    padding-bottom: 5px;
    color: var(--text-color);
}

.ui-tabs .ui-tabs-panels {
    border: 1px solid var(--surface-d);
}

/* <Layout for tabView> having tabs in the inhaltskopf */
.ui-tabs.l-tabview-tabs {
    background: url("") repeat;
    border: none;
    padding: 0 0.2rem;
}

.ui-tabs,
.ui-tabs.l-tabview-content > .ui-tabs-panels,
.l-tabview-content {
    /* border-top:0px; */
    border: 0 none;
}

.l-tabview-content .ui-tabs-panel {
    padding: 0;
}

/* needed to remove the line which separates content from inhaltskopf */
.l-tabview-appkopf {
    border-bottom: 0;
}

/* </Layout for tabView> */


/**
 * Buttons
 */
.ui-button.ui-corner-all {
    border-radius: 0;
}

.ui-button-text-only .ui-button-text {
    padding: .2rem 1rem;
}

.ui-button-text-icon-left .ui-button-text {
    padding: .2rem 1rem .2rem 2.1rem
}

.ui-button-text-icon-right .ui-button-text {
    padding: .2rem 2.1rem .2rem 1rem;
}

.ui-button-icon-only.micro {
    height: 18px;
    width: 18px;
}

.ui-button .ui-button-text {
    line-height: 1.2em;
    font-weight: normal;
    text-shadow: -1px 0 0 rgba(72, 72, 72, 0.5);
}

.ui-button-icon-only .ui-button-text {
    padding: 4px;
    line-height: 1em;
}

.ui-button-icon-only {
    width: var(--button-icon-only-width);
}

.ui-datepicker-trigger.ui-button-icon-only .ui-button-text {
    padding: 4px;
}

button.ui-datepicker-prev {
    background: none;
    border: none;
}

button.ui-datepicker-next {
    background: none;
    border: none;
}

/* JSFKOM-565 */
.ui-button.l-button-naechster-schritt {
    background: #00af3a;
    border: 1px solid var(--primary-color);
    color: var(--surface-a);
}

.ui-button.l-button-naechster-schritt .ui-icon {
    background-image: url("/at.gv.stmk.tvw-p/web/javax.faces.resource/images/ui-icons_ffffff_256x240.png?ln=primefaces-stmk&v=1792033844");
}

.ui-button.ui-state-loading .ui-icon-loading {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 16px;
}

.ui-button.ui-state-loading .ui-icon-loading.pi-spinner:before {
    font-size: 12px;
}

.ui-button.ui-state-loading.ui-button-text-icon-left .ui-icon-loading {
    left: .5em;
}

.ui-button.ui-state-loading.ui-button-text-icon-right .ui-icon-loading {
    right: .5em;
}

body .ui-button.ui-state-down, body .ui-button:active {
    background: var(--surface-selection);
}

/**
 * Tables
 */
.ui-datatable thead th, .ui-datatable tfoot td {
    text-align: left;
    vertical-align: top;
}

.ui-datatable {
    border: 1px solid var(--surface-d);
}

.ui-datatable .ui-paginator, .ui-datatable .ui-datatable-tablewrapper, .ui-datatable .ui-datatable-header, .ui-datatable tbody, .ui-datatable .ui-datatable-footer {
    border: 0 none;
}

.ui-paginator button:active {
    background: var(--surface-selection);
}

.ui-datatable .ui-datatable-header:empty {
    display: none;
}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td,
.ui-datatable tbody tr.ui-widget-header td.ui-state-default,
.ui-datatable table tr, .ui-datatable table tr.ui-state-hover, .ui-datatable table tr.ui-state-highlight,
.ui-datatable thead th.ui-state-default, .ui-datatable tfoot td.ui-state-default {
    border: 0 none;
}

.ui-datatable .ui-selection-column .ui-chkbox-all {
    margin: 0;
}

body .ui-datatable-inactive {
    color: var(--text-disabled-color);
    font-style: italic;
}


.l-table .aktionsicons .ui-button-icon-only .ui-icon,
.l-table .aktionsicons .ui-button-text-icon-left .ui-icon,
.l-table .aktionsicons .ui-button-text-icon-right .ui-icon,
.ui-button-icon-only.micro .ui-icon,
.ui-button-text-icon-left.micro .ui-icon,
.ui-button-text-icon-right.micro .ui-icon {
    margin-top: -8px;
}

.l-table .aktionsicons.size0 .ui-dt-c, .aktionsicons.size0 {
    width: 0;
    min-width: 0;
}

.l-table .aktionsicons.size1 .ui-dt-c, .aktionsicons.size1 {
    width: 20px;
    min-width: 20px;
}

.l-table .aktionsicons.size2 .ui-dt-c, .aktionsicons.size2 {
    width: 40px;
    min-width: 40px;
}

.l-table .aktionsicons.size3 .ui-dt-c, .aktionsicons.size3 {
    width: 60px;
    min-width: 60px;
}

.l-table .aktionsicons.size4 .ui-dt-c, .aktionsicons.size4 {
    width: 80px;
    min-width: 80px;
}

.l-table .aktionsicons.size5 .ui-dt-c, .aktionsicons.size5 {
    width: 100px;
    min-width: 100px;
}

.l-table .aktionsicons .ui-button-icon-only {
    height: 18px;
    width: 18px;
    margin-left: 0;
}

.l-table .aktionsicons .ui-row-toggler {
    display: inline-block;
    vertical-align: top;
    border: 1px solid transparent;
}

.l-table .aktionsicons .ui-button-icon-only + .ui-row-toggler {
    margin-left: .3rem;
}

.l-table .aktionsbuttons {
    padding-top: .15rem;
    padding-bottom: .15rem;
}

.l-table .aktionsbuttons .ui-button {
    height: 22px;
}

.l-table .aktionsbuttons > :first-child {
    margin-left: 0;
}

.l-table .aktionsbuttons .ui-commandlink, .l-table .aktionsbuttons a, .l-table .aktionsbuttons .ui-button {
    margin-left: .6rem;
}

.l-table .aktionsbuttons .ui-button + .ui-button {
    margin-left: .3rem;
}

.l-table .aktionsbuttons .ui-button-text {
    line-height: 1em;
    padding-top: .2rem;
    padding-bottom: .2rem;
}

.l-table .ui-datatable-footer {
    text-align: left;
}

.l-table .ui-row-editor {
    width: 32px;
    display: block;
    float: left;
}

.l-table.ui-datatable .ui-selection-column {
    width: 18px;
    padding: 4px 5px;
}

.l-table.ui-datatable-resizable .ui-resizable-column .ui-column-resizer {
    background-image: url("/at.gv.stmk.tvw-p/web/javax.faces.resource/images/ui-icons_777777_256x240.png?ln=primefaces-stmk&v=1792033844");
    height: 16px;
    width: 16px;
    background-position: -144px -16px;
    margin-top: 2px;
}

.l-table.ui-datatable table {
    table-layout: auto;
}

.l-table thead th, .l-table tbody td, .l-table tfoot td, .l-table tfoot th {
    white-space: nowrap;
}


/**
 * Breadcrumbs
 */

.ui-breadcrumb .ui-state-active {
    background: url("/at.gv.stmk.tvw-p/web/javax.faces.resource/images/verlauf_klein.png?ln=primefaces-stmk&v=1792033844") repeat-x top;
    color: var(--text-color);
    border: 0;
    font-weight: bold;
}

.ui-breadcrumb ol li .ui-menuitem-link.ui-breadcrumb-home-icon {
    padding: 0;
}

.ui-breadcrumb ol li .ui-menuitem-link {
    margin-top: 0;
    border: 0;
    border-radius: 0;
    padding: 0.4rem 0.7rem 0.3rem 0.7rem;
    font-weight: bold;
    white-space: nowrap;
}

.ui-breadcrumb ol li:last-child .ui-menuitem-link.ui-state-active {
    border-top-right-radius: 3px;
}

.ui-breadcrumb ol li:nth-child(2) {
    margin-left: 0.4em;
}

.ui-breadcrumb .ui-menuitem-link[href="#"] {
    pointer-events: none;
}

.ui-widget-content .ui-breadcrumb {
    border: 0;
    padding: 0.4rem 0 0.5rem;
}

.l-prozessnav .ui-breadcrumb {
    border: 0;
    border-radius: 0;
    background: none;
}

.l-prozessnav .ui-breadcrumb ol {
    display: inline-flex;
    width: auto;
    border: 1px solid var(--surface-d);
    background: #ffffff url("/at.gv.stmk.tvw-p/web/javax.faces.resource/images/ui-bg_flat_75_ffffff_40x100.png?ln=primefaces-stmk&v=1792033844") 50% 50% repeat-x;
    color: var(--text-color);
    font-weight: bold;
    border-bottom: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding-left: 0.7rem;
}

.l-prozessnav .ui-breadcrumb .ui-menuitem-icon {
    display: inline-block;
    margin-right: 0.5em;
    vertical-align: bottom;
}

.l-prozessnav-block .ui-breadcrumb {
    padding: 0;
    margin-left: 1em;
    margin-bottom: 0;
}

.l-prozessnav-flat .ui-breadcrumb {
    margin: 0;
}

.l-prozessnav-flat .ui-breadcrumb ol {
    background: none;
    border: 0;
    padding: 0;
}

@media screen {
    .noscreen {
        display: none;
    }
}

.layout_info_link,
.l-info-link {
    cursor: help;
}

/**
 * TODO in primefaces theme ändern.
 * hat auswirkungen auf 0.45em margins, da die Schriftgröße im theme teilweise mit 1.1em angegeben ist.
.ui-widget {
	font: inherit;
	font-size: inherit;
}
 */

/**
 * Fieldset
 */
.ui-fieldset {
    margin: 32px 0 0.5em 0;
    padding: 7px 1rem 0.6rem 1rem; /* 7px: overlap border, 0.6rem~7px */
    min-inline-size: 0;
}

.ui-fieldset .ui-fieldset-legend {
    background: #ffffff url("/at.gv.stmk.tvw-p/web/javax.faces.resource/images/verlauf_klein.png?ln=primefaces-stmk&v=1792033844") repeat-x top;
    border-width: 0 1px;
    border-radius: 4px 4px 0 0;
    box-shadow: none;
    padding: 6px 1rem 0;
    position: relative;
    height: 22px;
    margin-top: -35px;
    float: left;
}

.l-formular.l-formular-fragment {
    border: 0 none;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.ui-tabs-panel > .l-formular-fragment {
    padding: 0;
}

.ui-messages + .l-formular-fragment {
    margin-top: 5px;
}


.l-formular > .l-formular-grid {
    width: 100%;
    overflow-x: auto;
    margin-top: .1rem;
    margin-bottom: .1rem;
}

.l-formularstil-uebersichtlich .l-formular > .l-formular-grid {
    margin-top: .325rem;
    margin-bottom: .325rem;
}


.l-formular-grid {
    display: grid;
    grid-gap: 0.2rem 1.15rem;
    align-items: baseline;
}

.l-formularstil-uebersichtlich .l-formular > .l-formular-grid {
    row-gap: .65rem;
}

.l-formular-subgrid {
    display: grid;
    grid-template-columns: subgrid;
    grid-gap: inherit;
    align-items: baseline;
}

.l-formular .label-col {
    text-align: right;
    color: var(--text-color-secondary);
}

/* JSFKOM-822, JSFKOM-920 */
.l-formular .input-col > .l-formular-text,
.l-formular .input-col > a {
    display: inline-flex;
}

.l-formular .input-col > .l-formular-inputgroup > .ui-widget:first-child,
.l-formular .input-col > .l-formular-inputgroup > .ui-calendar:first-child,
.l-formular .input-col > .l-formular-inputgroup > .ui-texteditor:first-child,
.l-formular .input-col > .l-formular-inputgroup > .ui-autocomplete:first-child,
.l-formular .input-col > .l-formular-inputgroup > input[type=file]:first-child,
.l-formular .input-col > .l-formular-inputgroup > div:first-child:has(.ui-widget),
.l-formular .input-col > .l-formular-inputgroup > span:first-child:has(.ui-widget) {
    margin-left: 0;
}

.l-formular .input-col > .l-formular-inputgroup > :first-child,
.l-formular .input-col > .l-formular-text:first-child,
.l-formular .input-col > .l-formular-inputgroup > .l-formular-text:first-child {
    margin-left: var(--required-marker-offset);
}

.l-formular .ui-selectoneradio {
    display: inline-block;
    vertical-align: text-top;
    margin-top: -2px;
}

.l-formular.ui-panelgrid .ui-panelgrid-header {
    text-align: left;
}

/* Formular mit Fehlern */
.l-formular.l-formular-fehler {
    border: 1px solid #b3272d;
}

.l-formular.l-formular-fehler > .ui-fieldset-legend {
    font-weight: bold;
}

.l-formular.l-formular-fehler > .ui-fieldset-legend .ui-message-error-icon {
    float: right;
    margin-left: 0.6em;
    margin-top: 1px;
    border-radius: 8px;
}

.l-formular-inputgroup {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 0.5em;
}

.l-formular-inputgroup :is(.ui-chkbox, .ui-radiobutton) {
    align-self: center;
}

.l-formular-inputgroup:has(.ui-chkbox:only-child, .ui-selectoneradio:only-child),
.l-formular-inputgroup:has(.ui-selectmanycheckbox.layout-line-direction) {
    display: inline-block;
}

.input-col:has(.ui-selectmanycheckbox) {
    align-self: center;
}

.l-formular-inputgroup .ui-button {
    white-space: nowrap;
}

.l-formular-inputgroup .ui-progressbar {
    min-width: 13em; /* medium inkl. padding */
}

/**
 * Panel
 */
.l-panel {
    margin-bottom: 0.5em;
}

.l-panel .ui-panel-titlebar {
    border: 0 none;
}

.ui-panel .ui-panel-titlebar {
    padding: 0.4rem 1rem;
}

.ui-panel .ui-panel-titlebar-icon, .ui-panel .ui-panel-titlebar-icon:hover, .ui-panel .ui-panel-titlebar-icon:focus {
    margin-top: 0;
}

.l-panel .l-formular-fragment {
    padding: 0;
}

.l-panel .ui-datatable,
.l-panel .vis-timeline {
    border: 0 none;
}

/**
 * Grid
 */
/*Entfernt doppelte breite zwischen Kacheln*/
.l-grid > .l-panel {
    margin-bottom: 0;
}

.l-grid > [class*="col-"] {
    padding: 0.25em;
}

/*Stellt richtige breite für die Kacheln vom Rand der Seite ein*/
.l-grid > [class*="col-"] {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

/**
 * Datatable
 */
.ui-datatable-tablewrapper {
    overflow-x: auto;
    overflow-y: hidden;
}

.ui-datatable.ui-datatable-resizable > .ui-datatable-tablewrapper {
    overflow-x: visible;
}

.ui-datatable th, .ui-datatable tfoot td {
    text-align: left;
}

.ui-datatable .ui-column-filter {
    margin: 0 0 0 -4px; /* shift padding */
}

.ui-datatable .ui-column-filter.ui-inputfield {
    padding-left: 4px; /** required marker */
    padding-right: 4px;
}

.ui-datatable .ui-column-customfilter {
    margin: 0 auto auto auto;
}

.ui-datatable .ui-column-customfilter .ui-selectonemenu {
    margin-left: -4px;
}

.ui-datatable .ui-column-customfilter .ui-selectonemenu-label {
    padding-left: 4px;
}

.ui-columntoggler .ui-columntoggler-item label {
    display: inline;
}

body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-all {
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    padding: 1rem;
}

table td.middle > * {
    vertical-align: middle;
}

.ui-datatable-footer-buttons {
    float: right;
}

.ui-datatable-footer-clear {
    clear: right;
}

.ui-datatable .ui-sortable-column-icon {
    vertical-align: baseline;
}


/**
 * stmk:infoLabel mit Abstand zum Text
 */
.layout_info_label, .l-formular .layout_info_label,
.l-info-label, .l-formular .l-info-label {
    margin-right: 0;
}

.layout_label .layout_info_link,
.l-label .l-info-link {
    margin-left: 5px;
}

.ui-selectoneradio .ui-g-1,
.ui-selectoneradio .ui-g-2,
.ui-selectoneradio .ui-g-3,
.ui-selectoneradio .ui-g-4,
.ui-selectoneradio .ui-g-5,
.ui-selectoneradio .ui-g-6,
.ui-selectoneradio .ui-g-7,
.ui-selectoneradio .ui-g-8,
.ui-selectoneradio .ui-g-9,
.ui-selectoneradio .ui-g-10,
.ui-selectoneradio .ui-g-11,
.ui-selectoneradio .ui-g-12,
.ui-selectmanycheckbox .ui-g-1,
.ui-selectmanycheckbox .ui-g-2,
.ui-selectmanycheckbox .ui-g-3,
.ui-selectmanycheckbox .ui-g-4,
.ui-selectmanycheckbox .ui-g-5,
.ui-selectmanycheckbox .ui-g-6,
.ui-selectmanycheckbox .ui-g-7,
.ui-selectmanycheckbox .ui-g-8,
.ui-selectmanycheckbox .ui-g-9,
.ui-selectmanycheckbox .ui-g-10,
.ui-selectmanycheckbox .ui-g-11,
.ui-selectmanycheckbox .ui-g-12 {
    padding: 0;
}

.ui-selectoneradio label {
    margin-top: -2px;
    text-align: left;
    width: auto;
    padding: 0;
}

.ui-selectmanycheckbox label, .ui-outputlabel + .ui-chkbox,
.ui-chkbox + .ui-outputlabel, .input-col .ui-chkbox + .ui-outputlabel {
    margin-left: 0.6em;
}

.ui-selectoneradio label, .ui-radiobutton + .ui-outputlabel {
    margin: 2px 0.45em 2px 0.45em;
    vertical-align: middle;
    line-height: 18px;
}

.ui-selectmanycheckbox label, .ui-selectoneradio label {
    margin-right: 1em;
    white-space: nowrap;
}

.ui-selectmanycheckbox td:last-child label {
    margin-right: 0;
}

.ui-selectoneradio label, .ui-selectmanycheckbox label, .ui-selectonemenu label, .ui-selectcheckboxmenu label {
    color: var(--text-color);
}

/* JSFKOM-655 */
.ui-selectmanymenu.ui-state-disabled .ui-selectlistbox-item.ui-state-disabled {
    opacity: 1;
}

/* JSFKOM-823 */
.ui-buttonset {
    padding: 1px 0;
}

/* JSFKOM-827 */
.ui-buttonset.ui-splitbutton {
    padding-right: 2rem;
}

.ui-splitbutton .ui-button.ui-splitbutton-menubutton {
    bottom: 1px;
    top: 1px;
    width: 26px;
}

.aktionsicons .ui-splitbutton .ui-splitbutton-menubutton {
    width: 18px;
    left: 18px;
}

/**
 * Inputs
 */
.ui-inputfield.ui-corner-all {
    border-radius: 0;
}

.ui-state-default.ui-inputfield,
.ui-state-default > .ui-inputfield {
    background: #fff none;
    padding-top: 0.15rem;
    padding-bottom: 0.15rem; /* kein padding-right, da primefaces für spinner, etc. mehr padding benoetigt. */
    padding-left: 9px;
}

.ui-state-default[data-required=true].ui-inputfield,
.ui-state-default[data-required=true] > .ui-inputfield,
.ui-state-default[data-required=true].ui-selectcheckboxmenu {
    background-image: url("/at.gv.stmk.tvw-p/web/javax.faces.resource/images/required.png?ln=stmk-jsf-styleguide2012&v=1792033844");
    background-repeat: no-repeat;
    background-position: left top;
}

.ui-inputfield[data-required=true]:-webkit-autofill, [data-required=true] > .ui-inputfield:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px rgb(180 200 180) inset;
    box-shadow: 0 0 0 30px rgb(180 200 180) inset;
}

.ui-inputfield.ui-state-error {
    color: #B3272D;
}

.l-toolbar .ui-state-default.ui-inputfield,
.l-toolbar .ui-state-default > .ui-inputfield,
.l-toolbar .ui-state-default.ui-selectcheckboxmenu {
    padding-left: 4px;
}

.l-toolbar .ui-state-default[data-required=true].ui-inputfield,
.l-toolbar .ui-state-default[data-required=true] > .ui-inputfield,
.l-toolbar .ui-state-default[data-required=true].ui-selectcheckboxmenu {
    background-image: none;
}

/* Readonly Eingabefelder */
.ui-inputfield[readonly="readonly"] {
    border: 1px solid transparent;
    cursor: default;
}

/* JSFKOM-550 */
.ui-calendar .ui-inputfield[readonly="readonly"] + .ui-datepicker-trigger {
    display: none;
}

/**
 * Vordefinierte Input-Größen
 */
.ui-inputfield.xx-small, .ui-autocomplete.xx-small .ui-inputfield, .ui-inputnumber.xx-small .ui-inputfield {
    width: var(--input-width-xx-small);
}

.ui-inputfield.x-small, .ui-autocomplete.x-small .ui-inputfield, .ui-inputnumber.x-small .ui-inputfield {
    width: var(--input-width-x-small);
}

.ui-inputfield.small, .ui-autocomplete.small .ui-inputfield, .p-datepicker.small .ui-inputfield, .ui-inputnumber.small .ui-inputfield {
    width: var(--input-width-small);
}

.ui-inputfield.medium, .ui-autocomplete.medium .ui-inputfield, .p-datepicker.medium .ui-inputfield, .ui-inputnumber.medium .ui-inputfield {
    width: var(--input-width-medium);
}

.ui-inputfield.large, .ui-autocomplete.large .ui-inputfield, .p-datepicker.large .ui-inputfield, .ui-inputnumber.large .ui-inputfield {
    width: var(--input-width-large);
}

.ui-inputfield.x-large, .ui-autocomplete.x-large .ui-inputfield, .p-datepicker.x-large .ui-inputfield, .ui-inputnumber.x-large .ui-inputfield {
    width: var(--input-width-x-large);
}

.ui-inputfield.xx-large, .ui-autocomplete.xx-large .ui-inputfield, .p-datepicker.xx-large .ui-inputfield, .ui-inputnumber.xx-large .ui-inputfield {
    width: var(--input-width-xx-large);
}

/**
 * Verschiedene Größen speziell fuer SelectOneMenu. Das ist notwendig, da die normale Angabe nicht gleich umgesetzt wird, da Primefaces separat das Pfeilchen dazugefakted hat.
 * Macht erst ab Größe Medium Sinn.
 */
.ui-selectonemenu.small {
    width: calc(var(--input-width-small) - .7em)
}

.ui-selectonemenu.medium {
    width: calc(var(--input-width-medium) - .7em)
}

.ui-selectonemenu.large {
    width: calc(var(--input-width-large) - .7em)
}

.ui-selectonemenu.x-large {
    width: calc(var(--input-width-x-large) - .7em)
}

.ui-selectonemenu.xx-large {
    width: calc(var(--input-width-xx-large) - .7em)
}

.ui-trigger-calendar.small .ui-inputfield {
    width: calc(var(--input-width-small) - var(--button-icon-only-width))
}

.ui-trigger-calendar.medium .ui-inputfield {
    width: calc(var(--input-width-medium) - var(--button-icon-only-width))
}

.ui-trigger-calendar.large .ui-inputfield {
    width: calc(var(--input-width-large) - var(--button-icon-only-width))
}

.ui-trigger-calendar.x-large .ui-inputfield {
    width: calc(var(--input-width-x-large) - var(--button-icon-only-width))
}

.ui-trigger-calendar.xx-large .ui-inputfield {
    width: calc(var(--input-width-xx-large) - var(--button-icon-only-width))
}

/* Verschiedene Groessen fuer Tabellenspalten */
th.xx-small, td.xx-small {
    width: var(--input-width-xx-small);
    min-width: var(--input-width-xx-small);
}

th.x-small, td.x-small {
    width: var(--input-width-x-small);
    min-width: var(--input-width-x-small);
}

th.small, td.small {
    width: var(--input-width-small);
    min-width: var(--input-width-small);
}

th.medium, td.medium {
    width: var(--input-width-medium);
    min-width: var(--input-width-medium);
}

th.large, td.large {
    width: var(--input-width-large);
    min-width: var(--input-width-large);
}

th.x-large, td.x-large {
    width: var(--input-width-x-large);
    min-width: var(--input-width-x-large);
}

th.xx-large, td.xx-large {
    width: var(--input-width-xx-large);
    min-width: var(--input-width-xx-large);
}

/**
 * Spinner
 */
.ui-spinner .ui-spinner-input {
    width: 5em;
    text-align: left;
    padding-right: 26px;
}

.ui-spinner .ui-icon {
    left: 3px;
}

.ui-spinner .ui-icon-triangle-1-s {
    background-position: -64px -16px;
    margin-top: -9px;
}

.ui-spinner .ui-icon-triangle-1-n {
    margin-top: -8px;
}

.ui-spinner .ui-spinner-button {
    right: 1px;
    border: 0 none;
    border-left: 1px solid var(--surface-d);
    border-radius: 0;
    box-sizing: border-box;
    width: 1.7rem;
}

.ui-spinner .ui-spinner-up {
    height: 46%;
    top: 1px;
}

.ui-spinner .ui-spinner-down {
    height: 45%;
    bottom: 1px;
    border-top: 1px solid var(--surface-d);
}

/* add padding and border to come up with border-box sizing */
.ui-spinner.x-small .ui-spinner-input {
    width: calc(var(--input-width-x-small) + 14.334px);
}

.ui-spinner.small .ui-spinner-input {
    width: calc(var(--input-width-small) + 14.334px);
}

.ui-spinner.medium .ui-spinner-input {
    width: calc(var(--input-width-medium) + 14.334px);
}

.ui-spinner.large .ui-spinner-input {
    width: calc(var(--input-width-large) + 14.334px);
}

.ui-spinner.x-large .ui-spinner-input {
    width: calc(var(--input-width-x-large) + 14.334px);
}

.ui-spinner.xx-large .ui-spinner-input {
    width: calc(var(--input-width-xx-large) + 14.334px);
}

/* Passwortfeld*/
.ui-password {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.ui-password .ui-password-icon {
    font-family: 'primeicons' !important;
    font-style: normal;
    color: var(--text-color-secondary);
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.ui-password .ui-password-icon[aria-checked="true"]::before {
    content: '\e965';
}

.ui-password .ui-password-icon[aria-checked="false"]::before {
    content: '\e966';
}

/* Breite vom Inputfeld mit passwort-icon anpassen, sodass die Flucht stimmt*/
.ui-password-masked .ui-inputfield,
.ui-password-unmasked .ui-inputfield {
    padding-right: calc(var(--button-icon-only-width) + 4px);
    width: calc(var(--input-width-medium) - var(--button-icon-only-width));
}

.ui-password-masked.small .ui-inputfield,
.ui-password-unmasked.small .ui-inputfield {
    width: calc(var(--input-width-small) - var(--button-icon-only-width));
}

.ui-password-masked.large .ui-inputfield,
.ui-password-unmasked.large .ui-inputfield {
    width: calc(var(--input-width-large) - var(--button-icon-only-width));
}

.ui-password-masked.x-large .ui-inputfield,
.ui-password-unmasked.x-large .ui-inputfield {
    width: calc(var(--input-width-x-large) - var(--button-icon-only-width));
}

.ui-password-masked.xx-large .ui-inputfield,
.ui-password-unmasked.xx-large .ui-inputfield {
    width: calc(var(--input-width-xx-large) - var(--button-icon-only-width));
}

/* JSFKOM-257 */
.ui-autocomplete {
    white-space: nowrap;
}

.ui-autocomplete .ui-autocomplete-dropdown {
    width: var(--button-icon-only-width);
}

.ui-autocomplete-multiple {
    vertical-align: text-bottom;
}

.ui-autocomplete-multiple .ui-inputfield {
    display: inline-block;
}

.l-formular-inputgroup .ui-autocomplete-multiple[data-required=true] .ui-inputfield {
    background: url("/at.gv.stmk.tvw-p/web/javax.faces.resource/images/required.png?ln=stmk-jsf-styleguide2012&v=1792033844") no-repeat left top;
}

.ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container {
    display: flex;
    flex-wrap: wrap;
}

.ui-autocomplete-multiple.ui-autocomplete-dd {
    display: flex;
}

.ui-autocomplete-input-token input {
    margin: 0;
}

.ui-autocomplete-token {
    padding: 0 0.15rem;
}

.ui-autocomplete-token-icon {
    margin-top: -7px;
}

.ui-autocomplete-multiple .ui-button.ui-autocomplete-dropdown {
    padding: 1px 0;
}

.ui-autocomplete-panel .ui-autocomplete-table th, .ui-autocomplete-panel .ui-autocomplete-table td {
    border: 0;
    text-align: left;
}

/* JSFKOM-923 */
.ui-autocomplete-panel.ui-autocomplete-panel-dialog-fix {
    position: fixed;
}

/* SelectOneMenu, SelectCheckboxMenu */
.ui-selectcheckboxmenu {
    padding: 0 4px 0 9px;
    background: #fff none;
}

.ui-selectcheckboxmenu.ui-state-default {
    background: #fff none; /* remove after ui-state-default clean-up */
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
    padding-left: 0.15rem;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.ui-selectcheckboxmenu-trigger:active {
    background: var(--surface-selection);
}

.ui-selectonemenu-panel .ui-selectonemenu-list, .ui-selectcheckboxmenu-panel {
    padding: 0 1px 0 6px; /* align with selected label */
    border-top-left-radius: 0;
    background: linear-gradient(0deg, rgba(77, 160, 104, 1) 0%, rgba(30, 92, 50, 1) 100%) 0 0/6px 100% no-repeat;
}

.ui-selectcheckboxmenu-panel {
    background-color: var(--surface-a);
}

.ui-selectcheckboxmenu-header {
    border-width: 0;
    border-bottom-width: 1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0.2em;
}

.ui-selectcheckboxmenu-multiple .ui-selectcheckboxmenu-multiple-container {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
}

.ui-selectcheckboxmenu-multiple-container:empty:after {
    content: attr(data-label);
    padding: 1px 3px 0 1px;
    margin: 3px 0 0;
}

.ui-selectcheckboxmenu.xx-small {
    width: var(--input-width-xx-small);
}

.ui-selectcheckboxmenu.x-small {
    width: var(--input-width-x-small);
}

.ui-selectcheckboxmenu.small {
    width: var(--input-width-small);
}

.ui-selectcheckboxmenu.medium {
    width: var(--input-width-medium);
}

.ui-selectcheckboxmenu.large {
    width: var(--input-width-large);
}

.ui-selectcheckboxmenu.x-large {
    width: var(--input-width-x-large);
}

.ui-selectcheckboxmenu.xx-large {
    width: var(--input-width-xx-large);
}

.ui-selectonemenu-panel .ui-selectonemenu-list-item {
    padding: 3px 5px 3px 3px;
}

.ui-selectonemenu-item.ui-selectonemenu-list-item {
    border-radius: 0;
}

.ui-selectonemenu-panel .ui-selectonemenu-filter-container {
    width: unset;
}

.ui-selectonemenu-trigger:active {
    background: var(--surface-selection);
}

/* JSFKOM-477 */
.ui-calendar {
    white-space: nowrap;
}

/* JSFKOM-621, JSFKOM-985 */
.ui-fileupload-stmk.ui-fileupload-stmk-simple .ui-fileupload-content {
    border: 0 none;
    padding: 0.2rem 0;
}

.ui-fileupload-stmk.ui-fileupload-stmk-simple .ui-fileupload-buttonbar {
    border: 0 none;
    padding: 0;
}

.ui-fileupload-stmk.ui-fileupload-stmk-simple .ui-fileupload-files {
    display: none;
}

.ui-fileupload-stmk.ui-fileupload-stmk-multiple .ui-fileupload-content {
    border-top-width: 1px;
    padding: 0.2rem;
}

.ui-fileupload-stmk.ui-fileupload-stmk-multiple .ui-fileupload-buttonbar {
    padding: 0 0 0.2rem 0;
}

.ui-fileupload-stmk .ui-fileupload-choose .ui-button-icon-left.pi-plus {
    position: absolute;
    top: 50%;
    margin-top: -0.48rem;
}

/**
 * Texteditor
 */
.ui-texteditor .ui-editor-toolbar {
    background: var(--surface-a);
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    padding-bottom: 0;
}

.ui-texteditor .ui-editor-toolbar.ql-snow {
    border: 1px solid var(--surface-border);
    font-family: unset;
}

.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke {
    stroke: var(--text-color-secondary);
}

.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill {
    fill: var(--text-color-secondary);
}

.ui-texteditor .ui-editor-toolbar.ql-snow .ql-formats:after,
.ui-texteditor .ui-editor-toolbar.ql-snow.ql-toolbar:after,
.ui-texteditor .ui-editor-toolbar.ql-snow .ql-toolbar:after {
    display: block; /* Fix f?r 4x4px ::after */
    height: 0;
}

.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker {
    font-weight: unset;
}

.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
    border: 0 none;
    color: var(--text-color-secondary);
}

.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
    color: var(--text-color);
}

.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
    stroke: var(--text-color);
}

.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
    fill: var(--text-color);
}

.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    color: var(--text-color-secondary);
}

.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: var(--text-color-secondary);
}

.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
    fill: var(--text-color-secondary);
}

.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    background: var(--surface-a);
    border: 0 none;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    border-radius: 2px;
    padding: .5rem 0;
}

.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
    color: var(--text-color-secondary);
}

.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
    color: var(--text-color);
    background: var(--surface-hover);
}

.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
    padding: .5rem 1rem;
}

.ui-texteditor .ql-container {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

.ui-texteditor .ql-container.ql-snow {
    border: 1px solid var(--surface-border);
}

.ui-texteditor .ql-container .ql-editor {
    background: var(--surface-a);
    color: var(--text-color-secondary);
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    word-break: break-word;
    white-space: pre-wrap;
}

.ui-texteditor .ql-snow.ql-toolbar button:hover, .ui-texteditor .ql-snow.ql-toolbar button:focus {
    color: var(--text-color);
    background: var(--surface-hover);
}

.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, .ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke {
    stroke: var(--text-color);
}

.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, .ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill {
    fill: var(--text-color);
}

.ui-texteditor .ql-snow.ql-toolbar button.ql-active, .ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
    color: var(--primary-color);
}

.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
    stroke: var(--primary-color);
}

.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, .ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
    fill: var(--primary-color);
}

.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
    color: var(--primary-color);
}

.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, .ui-texteditor.ui-state-error .ql-container.ql-snow {
    border-color: #b3272d;
}

/**
 * Toggleswitch
 */
body .ui-toggleswitch {
    position: relative;
    display: inline-block;
    width: 3rem;
    height: 1.75rem
}

body .ui-toggleswitch .ui-toggleswitch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--surface-d);
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, opacity .2s;
    border: solid rgba(0, 0, 0, 0);
    border-width: 2px;
    border-radius: 30px
}

/*
body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error {
    border-color: var(--color-xx-error);
}
*/

body .ui-toggleswitch .ui-toggleswitch-slider:before, body .ui-toggleswitch .ui-toggleswitch-handler {
    position: absolute;
    top: 50%;
    background: var(--surface-a);
    color: var(--text-color);
    width: 1.25rem;
    height: 1.25rem;
    left: calc(.25rem - 2px);
    margin-top: -0.625rem;
    border-radius: 50%;
    transition: all .2s;
    font-size: .625rem;
    line-height: 1.25rem
}

body .ui-toggleswitch .ui-toggleswitch-handler span {
    font-size: .625rem;
    line-height: 1.25rem
}

body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler {
    color: var(--text-color);
    transform: translateX(1.25rem)
}

/*
body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 .2rem #a6d5fa
}
*/

body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider {
    background: var(--surface-selection)
}

body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler {
    background: var(--primary-color)
}

.l-formular-inputgroup .ui-toggleswitch {
    bottom: -.25rem;
}


/**
 * Picklist
 */
.l-formular-inputgroup .ui-picklist {
    border-spacing: 0;
    background: #fff;
}

.l-formular-inputgroup .ui-picklist .ui-picklist-list {
    padding-left: 9px;
}

.l-formular-inputgroup .ui-picklist[data-required=true] .ui-picklist-source {
    background: url("/at.gv.stmk.tvw-p/web/javax.faces.resource/images/required.png?ln=stmk-jsf-styleguide2012&v=1792033844") no-repeat left top;
}

.l-formular-inputgroup .ui-picklist .ui-picklist-list-wrapper:first-child {
    vertical-align: baseline;
}

.l-formular-inputgroup .ui-picklist-list.ui-picklist-source {
    padding-bottom: 3px; /* fix vertical alignment inside form  */
}

.l-formular-inputgroup .ui-picklist-list.ui-picklist-source:empty {
    padding-top: 3px;
    padding-bottom: 0;
}

.l-formular-inputgroup .ui-picklist-list.ui-picklist-source:empty::before {
    content: " ";
    white-space: pre;
}

/**
 * Datalist
 */
.l-formular-inputgroup .ui-datalist-content {
    border: 0;
}

.l-formular-inputgroup .ui-datalist-data {
    margin: 0;
    padding: 0 0 0 var(--required-marker-offset);
}

/* Kommentar */
.layout_inputkommentar,
.s-inputkommentar {
    width: calc(100% - 15px);
    vertical-align: text-bottom;
}

.layout_kommentarfeld,
.s-outputkommentar {
    min-height: 4em;
    margin: 0;
    word-break: break-word;
    white-space: pre-wrap;
}

.layout_kommentarfeld::after,
.s-outputkommentar::after {
    content: " ";
}

/**
 * Dialoge
 */
.ui-dialog {
    background: var(--surface-b)
}

.ui-dialog .ui-dialog-titlebar {
    background: url("/at.gv.stmk.tvw-p/web/javax.faces.resource/images/verlauf_dialog.png?ln=stmk-jsf-styleguide2012&v=1792033844") repeat-x;
}

.ui-dialog-titlebar .ui-icon {
    background-image: url("/at.gv.stmk.tvw-p/web/javax.faces.resource/images/ui-icons_ffffff_256x240.png?ln=primefaces-stmk&v=1792033844");
}

.ui-dialog .ui-dialog-titlebar-icon {
    padding: 0;
}

.ui-dialog-titlebar-icon {
    border: 1px solid rgba(0, 0, 0, 0);
}

/* hover and focus adds border */
.ui-dialog-titlebar-icon.ui-state-hover, .ui-dialog-titlebar-icon.ui-state-focus {
    background: none;
}

.ui-dialog-titlebar-icon.ui-state-focus .ui-icon, .ui-dialog-titlebar-icon .ui-icon:active {
    background-image: url("/at.gv.stmk.tvw-p/web/javax.faces.resource/images/ui-icons_e6e6e6_256x240.png?ln=primefaces-stmk&v=1792033844");
}

.ui-dialog .ui-dialog-title {
    margin-top: 2em;
}

.ui-dialog .ui-dialog-content {
    padding-top: 0;
}

.ui-dialog .ui-dialog-buttons, .ui-dialog .ui-dialog-buttonpane {
    text-align: right;
}

.ui-dialog .ui-dialog-buttons > .ui-button {
    margin-left: 0.5em;
}

.volle-breite {
    width: 100%;
}

/**
 * Spacer
 */
.ui-spacer::before {
    content: '\200B';
}

/**
 * Panels
 */
.ui-panel {
    padding: 0.45rem 0;
}

.ui-panel-titlebar-icon .ui-icon-minusthick {
    background-position: 0 -16px; /* .ui-icon-triangle-1-n */
}

.ui-panel-titlebar-icon .ui-icon-plusthick {
    background-position: -64px -16px; /* .ui-icon-triangle-1-s */
}

.ui-panel .ui-panel-content {
    padding: 0.45rem 1em;
}

/**
 * Hinweis
 */
.layout_hinweis,
.s-hinweis {
    vertical-align: baseline;
}

.layout_hinweis .layout_hinweis_text,
.s-hinweis .s-hinweis-text {
    color: var(--text-color-secondary);
    font-style: italic;
}

.l-formular .layout_hinweis_text,
.l-formular .s-hinweis-text {
    line-height: 1.8em;
}

.layout_icon_hinweis,
.s-hinweis-icon {
    display: inline-block;
}

.layout_icon_hinweis .ui-icon,
.s-hinweis-icon .ui-icon {
    display: inline-block;
    vertical-align: text-bottom;
}

.layout_icon_hinweis .layout_hinweis_tooltip,
.s-hinweis-icon .s-hinweis-tooltip {
    cursor: help;
}

.ui-widget + .layout_hinweis,
.ui-widget + .s-hinweis {
    margin-left: .5em;
}

.ui-widget + .layout_icon_hinweis,
.ui-widget + .s-hinweis-icon {
    margin-left: 0;
}

.l-formular-inputgroup :first-child.layout_hinweis,
.l-formular-inputgroup :first-child.s-hinweis {
    margin-left: 9px;
}

.l-formular-inputgroup :first-child.layout_icon_hinweis .ui-icon,
.l-formular-inputgroup :first-child.s-hinweis-icon .ui-icon {
    margin-left: -16px;
}

/* JSFKOM-933 */
.layout_outputboolean,
.s-outputboolean {
    border: 1px solid transparent;
}

.layout_outputboolean_checked,
.s-outputboolean-checked {
    background: #f5f6f6;
}

/**
 * Confirm Dialog
 */
.ui-dialog-content .ui-confirm-dialog-severity + .ui-confirm-dialog-message {
    display: inline;
}

/** Internet Explorer Fixes */
.ui-chkbox-box .ui-chkbox-icon.ui-c {
    display: block;
}

/** 
 * Datepicker
 */
.ui-datepicker-group {
    border: none;
}

.ui-picker-up, .ui-picker-down {
    border: none;
    background: none;
}

/**
 * AJAX loading icon
 */
.ui-autocomplete.ui-state-loading .ui-icon-loading {
    margin-left: 0.3em;
}


body .ui-sidebar {
    background: var(--surface-a);
    color: var(--text-color);
    padding: 0.45rem;
    border: 0;
    box-shadow: none;
}

/**
 * Global Confirm Dialog
 */
.l-confirm-dialog {
    min-width: 30em;
    max-width: 40em;
}

/**
 * Abbreviate Text
 */
.stmk-abbreviate-text.xx-small {
    width: var(--input-width-xx-small);
}

.stmk-abbreviate-text.x-small {
    width: var(--input-width-x-small);
}

.stmk-abbreviate-text.small {
    width: var(--input-width-small);
}

.stmk-abbreviate-text.medium {
    width: var(--input-width-medium);
}

.stmk-abbreviate-text.large {
    width: var(--input-width-large);
}

.stmk-abbreviate-text.x-large {
    width: var(--input-width-x-large);
}

.stmk-abbreviate-text.xx-large {
    width: var(--input-width-xx-large);
}