/* SAFARI TEIL */
@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
        body {
            word-spacing: 4px;
            line-height: 1.6;
            padding: 20px;
            letter-spacing: 0.3px;
            font-family: -apple-system, BlinkMacSystemFont, sans-serif;
        }
    }
}

/* Basics */
html {
    overflow-y: scroll;
    -ms-overflow-style: scrollbar;
}

body,
input,
textarea,
select,
button,
.ui-widget,
.ui-widget .ui-widget {
    font-size: 13px;
    font-family: "Segoe UI", sans-serif;
}

select {
    min-width: 50px;
}

body {
    margin: 0;
    padding: 10px;
    background-color: white;
    color: black;
}

h2 {
    font-size: 15px;
}

h3 {
    font-size: 13px;
}

a {
    color: blue;
    text-decoration: none;
}

a:visited {
    color: blue;
}

a img {
    border: none;
}

a:hover,
a:active {
    color: red;
}

textarea {
    box-sizing: border-box;
}

pre {
    font-family: consolas, monospace;
    white-space: pre-wrap;
}

.gw-group::after {
    display: block;
    content: "";
    clear: both;
}

/* Header */
.gw-header {
    position: relative;
    height: 60px;
    border-bottom: 1px solid black;
}

.gw-header .gw-logo-left {
    max-height: 50px;
}

.gw-header .gw-logo-right {
    float: right;
    max-height: 50px;
}

/* Footer */
.gw-footer {
    border-top: 1px solid rgba(0, 0, 0, .125);
    padding: .5rem 1rem;
}

.gw-footer-flex {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
}

.gw-footer-flex>* {
    padding: .5rem;
}

.gw-edit-footer {
    border-top: 1px solid rgba(0, 0, 0, .125);
    padding: .5rem 1rem;
    padding-bottom: 2rem;
}

/* Menu */
.gw-menu {
    padding: 5px 0 5px 0;
    border-bottom: 1px solid black;
    clear: both;
}

.gw-menu-label {
    font-weight: bold;
}

.gw-menu-list-label {
    display: inline-block;
    min-width: 100px;
}

.gw-menu-generic>ul {
    display: inline;
    margin: 0;
    padding: 0;
}

.gw-menu-generic>ul>li {
    display: inline;
}

.gw-menu-generic>ul>li:not(:first-child)::before {
    content: " · ";
}

.gw-menu-rooms>select,
.gw-menu-reports>select {
    min-width: 150px;
}

.gw-menu-right {
    text-align: right;
    float: right;
}

.gw-menu-grid {
    float: right;
}

.gw-menu-current>a {
    font-weight: bold;
}

.gw-menu-icon {
    height: 20px;
    position: relative;
    top: 5px;
    filter: invert(41%) sepia(81%) saturate(289%) hue-rotate(193deg) brightness(88%) contrast(86%);
}

/* Error/warning/info messages */
.gw-message-panel {
    margin: 10px 0;
    padding: 5px;
}

.gw-error-panel {
    background: url("images/messages/error.png") no-repeat 5px 5px #ffcccc;
}

.gw-warn-panel {
    background: url("images/messages/warn.png") no-repeat 5px 5px #ffffcc;
}

.gw-info-panel {
    background: url("images/messages/info.png") no-repeat 5px 5px #ddddff;
}

.gw-message-panel>div {
    margin-left: 25px;
}

/* Misc. common */
.gw-content {
    margin-top: 15px;
}

.gw-success {
    color: green;
}

.gw-error,
.gw-warn {
    color: red;
}

.gw-center-text {
    display: block;
    text-align: center;
}

input[type=submit] {
    margin-right: 5px;
}

.gw-original {
    font-weight: bold;
}

.gw-icon-16 {
    vertical-align: bottom;
    width: 16px;
    height: 16px;
}

.gw-icon-18 {
    vertical-align: bottom;
    width: 18px;
    height: 18px;
}

.gw-icon-20 {
    vertical-align: bottom;
    width: 20px;
    height: 20px;
}

button,
.gw-pointer {
    cursor: pointer;
}

.gw-iframe {
    border: 1px solid silver;
    width: 100%;
    height: 800px;
}

#qsearchPanel {
    display: flex;
}

#qsearchTextBox {
    width: 100%;
}

#flt_suche {
    width: 200%;
}

/* Generic forms */
.gw-form-panel {
    margin-top: 10px;
}

.gw-form-panel label,
.gw-form-label {
    display: block;
    margin-top: 10px;
    font-weight: bold;
}

.gw-form-panel input[type=checkbox] {
    display: inline;
    margin-top: 10px;
}

.gw-form-panel input[type=checkbox]+label {
    display: inline;
    font-weight: normal;
}

.gw-form-panel label,
.gw-form-panel input {
    display: block;
}

.gw-form-panel input[type=text],
.gw-form-panel input[type=number],
.gw-form-panel input[type=password] {
    width: 300px;
}

.gw-form-panel input[type=submit] {
    display: inline-block;
    margin-top: 10px;
}

/* Table-layout forms */
.gw-tform-table {
    display: table;
    table-layout: fixed;
    width: 800px;
    min-width: 500px;
    border-collapse: collapse;
}

.gw-tform-row {
    display: table-row;
}

.gw-tform-cell {
    display: table-cell;
    border: 1px solid silver;
    padding: 3px;
    vertical-align: top;
}

.gw-tform-cell:first-child {
    width: 200px;
}

.gw-tform-cell>input,
.gw-tform-cell>textarea {
    box-sizing: border-box;
    width: 100%;
    resize: vertical;
}

.gw-tform-row:nth-child(even) {
    background-color: #f0f0f0;
}

.gw-tform-panel input[type=submit] {
    margin-top: 10px;
}

.gw-fform-edit-table {
    padding-right: 25px;
    padding-bottom: 10px
}

/* Grid-layout forms */
.gw-gform-grid-container {
    display: grid;
    grid-template-rows: repeat(1, 1fr);
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
}

/*  07.04.25 (SaSt) Blendet den erweiterteten Filter von der Suche aus. 
    Er ist noch über das Zahnrad zu erreichen. 
    Aktuell hat der Filter über das Filter-Symbol sonst einen Fehler*/
.ui-iggrid-filterddlistitemadvanced {
    display: none !important;
}

/* Flex-layout forms */
.gw-fform-grid {
    display: flex;
}

.gw-fform-grid-column {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    padding: 5px;
}

.gw-fform-titleBox-column {
    display: flex;
    flex-direction: column;
    flex: 3;
}

.gw-fform-titleImg-column {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.gw-fform-grid-column>select,
.gw-fform-grid-column>.ui-igedit.ui-igedit-container {
    width: 100% !important;
}

.gw-fform-grid-column-nopd {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
}

.gw-fform-grid-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.gw-fform-grid-section {
    border: solid 1px;
    border-color: rgb(208, 208, 208);
    border-radius: 3px;
}

.gw-form-filter {
    /*border: 1px solid #006ab5;
    width: auto;*/
    height: 100%;
    margin: 0;
    border: 1px solid rgba(0, 0, 0, 0.175);
    width: auto;
    border-radius: 0.375rem;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
    box-sizing: border-box;
    /*box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 3px 1px -2px rgba(0,0,0,0.12), 0px 1px 5px 0px rgba(0,0,0,0.2);*/
}

.gw-form-filter-borderless {
    height: 100%;
    margin: 0;
    border: none;
    width: auto;
    box-sizing: border-box;
}

.grid-stack-item-content>div {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow-x: auto;
}

.gw-form-filter-borderless legend,
.gw-form-filter legend {
    float: inherit;
    width: auto;
    padding: 0 10px;
    font-size: 20px;
    border-bottom: none;
    color: #006ab5;
}

@media screen and (min-width: 50rem) {
    .gw-fform-grid-column {
        flex: 1;
    }

    .gw-fform-grid-column-nopd {
        flex: 1;
    }
}

/* Edit misc Page */
/*.gw-waren-class-panel {
    width: 100%;
}*/

.deleteClassButton,
#deleteClassButton {
    float: right;
    font-weight: 900;
    border: none;
    color: red;
    background: none;
    margin: -12px 1px 1px -25px;
    cursor: pointer;
}

/* Simple invisible table */
.gw-inv-table {
    border: 0px;
    border-collapse: collapse;
}

.gw-inv-table>tbody>tr>th,
.gw-inv-table>tbody>tr>td {
    padding-right: 5px;
    text-align: left;
}

/* Generic data table */
.gw-data-table {
    border: 1px solid silver;
    border-collapse: collapse;
    min-width: 500px;
}

.gw-data-table>tbody>tr {
    vertical-align: top;
}

.gw-data-table>tbody>tr:nth-child(even) {
    background-color: #f0f0f0;
}

.gw-data-table>tbody>.gw-header-row {
    background-color: #dddddd;
}

.gw-data-table>tbody>tr>th {
    min-width: 150px;
    font-weight: bold;
    text-align: left;
}

.gw-data-table>tbody>tr>th.narrow {
    min-width: 50px;
    width: 50px;
}

.gw-data-table>tbody>tr.gw-header-row>th {
    min-width: 50px;
}

.gw-data-table>tbody>tr>th,
.gw-data-table>tbody>tr>td {
    padding: 3px 10px 3px 3px;
}

.gw-data-table>tbody>tr>th.hint-text,
.gw-data-table>tbody>tr>td.hint-text {
    font-size: 12pt;
    font-weight: normal;
}

.gw-data-table .gw-scroll {
    max-height: 200px;
    overflow-y: auto;
}

.gw-data-table table {
    border: none;
    border-collapse: collapse;
}

.gw-data-table table th,
.gw-data-table table td {
    padding-right: 5px;
    vertical-align: top;
    text-align: left;
    font-weight: normal;
}

/* Preview frame */
#previewPanel {
    position: fixed;
    top: 10px;
    bottom: 10px;
    left: 50%;
    right: 10px;
    background-color: white;
    box-shadow: 0 0 30px black;
    z-index: 10;
}

#previewFrame {
    width: 100%;
    height: 100%;
    border: none;
}

.gw-mail-table>tbody>tr>th {
    min-width: 50px;
    width: 60px;
}

/* File list page */
.gw-filter {
    display: inline-block;
    margin: 0 10px 5px 0;
    vertical-align: bottom;
    white-space: nowrap;
}

.gw-filter>input,
.gw-filter>select,
.gw-filter>.ui-widget {
    margin-left: 5px;
}

.gw-filter>.ui-widget {
    vertical-align: bottom;
}

.gw-file-list-filter-panel {
    display: table;
}

.gw-file-list-filter-button-panel {
    display: table-cell;
    padding-right: 10px;
    vertical-align: central;
}

.gw-file-list-filter-column-panel {
    display: table-cell;
    padding-right: 20px;
}

.gw-file-list-filter-column-panel>.gw-filter>input {
    width: 100px;
}

.gw-file-thumbnail {
    visibility: hidden;
    width: 100px;
    height: 100px;
}

.gw-tax-panel {
    margin-top: 10px;
}

#taxRunSelector {
    margin: 10px 0 10px 0;
}

#fileGrid {
    width: 100%;
}

#fileGrid td>label {
    white-space: nowrap;
}

#fileGrid.gw-min-height>tbody>tr {
    height: 112px;
}

.gw-grid-export-excel-wvz {
    margin-left: 3px;
    margin-right: 3px;
}

/* File details page */
.gw-file-image-panel {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
}

.gw-file-image-panel img {
    max-width: 500px;
    max-height: 500px;
    float: right;
}

.gw-file-details-table>tbody>tr>td:first-child {
    min-width: 150px;
    font-weight: bold;
}

.gw-file-warning {
    font-size: 75%;
}

.publishList {
    max-height: 500px;
    height: auto !important;
    overflow: scroll;
    border: 1px solid;
    border-color: rgb(208, 208, 208);
    text-align: left;
    border-radius: 3px;
    margin-top: 10px;
}

#roomSelectionListBox {
    min-height: 100px;
    text-align: left;
}


#roomSelectionListBox tr {
        vertical-align: top;
}



/* File notes page */
.gw-file-notes-panel textarea {
    width: 800px;
}

/* File documents page */
.gw-file-documents-panel table td,
.gw-file-documents-panel .ui-iggrid-rowselector-class {
    vertical-align: top;
}

.gw-file-documents-zip {
    float: right;
}

.gw-file-documents-memo-panel textarea {
    width: 800px;
    margin-top: 5px;
}

.gw-file-documents-memo-panel input[type=text] {
    margin-top: 5px;
    width: 791px;
    margin-bottom: 10px;
}

.gw-form-panel label,
.gw-form-label {
    margin-bottom: 15px;
}

.gw-drop-hover {
    outline: 2px dotted blue;
}

.gw-attachment,
.gw-attachments-toggle {
    display: inline-block;
    vertical-align: bottom;
    cursor: pointer;
}

.gw-attachments-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.gw-attachments-list>li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

#documentGridEmptyLabel {
    display: block;
    height: 300px;
}

.gw-dav-pdf {
    cursor: pointer;
}

/* File upload page */
.gw-file-upload-new-panel #uploadSelectList {
    margin: 3px 0;
}

.gw-file-upload-new-panel #uploadControl {
    position: absolute;
    top: -300px;
}

.gw-file-upload-new-panel #uploadCcTextBox {
    margin-top: 5px;
    margin-bottom: 10px;
    width: 800px;
    resize: both;
}

.gw-file-upload-new-panel #uploadCommentTextBox {
    width: 800px;
    height: 60px;
    resize: both;
}

.gw-file-upload-new-panel #uploadButton {
    display: block;
    margin-bottom: 20px;
}

#uploadStatusDialog ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/* File gallery and collective designs pages */
.gw-file-gallery-panel img,
.gw-file-designs-panel img {
    margin-right: 20px;
    margin-bottom: 20px;
    max-width: 500px;
    max-height: 500px;
    vertical-align: middle;
}

.gw-file-gallery-select img {
    opacity: 0.3;
    padding: 6px;
}

.gw-gallery-image-selected {
    opacity: 1 !important;
    border: solid red 3px;
    border-radius: 3px;
    padding: 3px !important;
}

.gw-gallery-image-selected-default {
    opacity: 1 !important;
    border: solid blue 3px;
    border-radius: 3px;
    padding: 3px !important;
}

/* Polls */
.gw-poll-table>tbody>tr>th {
    min-width: 100px;
}

.gw-poll-question-panel>textarea {
    width: 800px;
    height: 60px;
}

.gw-poll-question-panel>input[type=checkbox] {
    margin-top: 0;
}

/* File Terms page */
.gw-file-terms-panel table td,
.gw-file-terms-panel .ui-iggrid-rowselector-class {
    vertical-align: top;
}

#termGridEmptyLabel {
    display: block;
    height: 300px;
}

/* Custom forms */
.gw-cforms-panel>label {
    font-weight: bold;
}

.gw-cforms-panel>ul>li {
    margin-bottom: 10px;
}

.gw-cform-title-label {
    display: block;
    font-weight: bold;
    font-size: 120%;
}

.gw-cform-error-label {
    color: red;
}

.gw-cform-panel>label {
    display: block;
    margin: 15px 0 0 0;
    border: 1px solid silver;
    border-bottom: none;
    padding: 5px;
    background-color: #dddddd;
    font-weight: bold;
}

.gw-cform-section-panel {
    border: 1px solid silver;
    background-color: #eeeeee;
    padding: 5px;
}

.gw-cform-field-head {
    display: block;
    margin-top: 10px;
}

.gw-cform-section-panel>label {
    margin-top: 10px;
}

.gw-cform-section-panel>label:first-child {
    margin-top: 0;
}

.gw-cform-section-panel>label {
    display: block;
}

.gw-cform-label-panel {
    display: flex;
    margin-right: 5px;
}

.gw-cform-label-panel>label {
    margin-right: 10px;
}

.gw-cform-section-panel>input[type=text],
.gw-cform-section-panel>input[type=file],
.gw-cform-section-panel>textarea {
    box-sizing: border-box;
    width: 800px;
}

.gw-cform-section-panel>textarea {
    height: 60px;
}

.gw-cform-section-panel>ul {
    margin-top: 0;
    padding: 0;
    list-style: none;
}

.gw-cform-button-panel,
.gw-cform-panel>input[type=submit] {
    margin-top: 10px;
}

.gw-cform-required {
    color: red;
    font-weight: bold;
}

.gw-cform-validator {
    padding-left: 10px;
    vertical-align: top;
    color: red;
}

.gw-cform-success-panel>span {
    color: green;
}

/* Admin page */
.gw-admin-cfg-panel th:nth-child(1) {
    width: 40%;
}

.gw-admin-log-text {
    display: block;
    width: 100%;
    font-family: Consolas, monospace;
    font-size: 90%;
}

.gw-admin-table {
    border-spacing: 0;
}

.gw-admin-table th,
.gw-admin-table td {
    text-align: left;
    border-left: solid 1px black;
}

.gw-admin-table>tbody>tr>td,
.gw-admin-table>tbody>tr>th {
    padding-right: 1em;
    padding-left: 1em;
}

/* igEditors */
.ui-igcombo-button,
.ui-igcombo-clear,
.ui-igedit-button-common {
    padding: 0;
}

.ui-igedit-container {
    height: 21px;
}

/* igGrid */
.ui-iggrid {
    border: 1px solid silver;
}

.ui-iggrid-pager a {
    color: blue;
}

.ui-iggrid-pager a:hover {
    color: red;
}

.ui-iggrid-pager>.ui-iggrid-paging {
    float: left;
}

.ui-iggrid-pagerrecordslabel {
    margin-left: 10px;
    margin-right: 30px;
}

.ui-iggrid .ui-iggrid-footer .ui-igedit-dropdown-button {
    background-color: #e8e8e8;
}

.ui-iggrid-groupbyarea,
.ui-iggrid-scrolldiv,
.ui-iggrid table td {
    border: none !important;
}

.ui-iggrid-filtercell .ui-iggrid-indicatorcontainer a .ui-icon {
    left: 7px !important;
}

.ui-iggrid-filtercell .ui-iggrid-indicatorcontainer a:before {
    margin: 0 0 0 14px;
}

.ui-iggrid .ui-iggrid-filtercell .ui-iggrid-filtereditor {
    padding: 0 0 0 19px !important;
}

.ui-iggrid-filtercell .ui-igedit-button-common~.ui-igeditor-input-container {
    width: calc(100% - 17px);
}

.ui-iggrid-filtercell .ui-igedit-button-common {
    min-width: 14px;
}

.ui-iggrid td {
    cursor: default;
}

.ui-iggrid table .ui-iggrid-header {
    text-overflow: clip;
}

.ui-iggrid td.ui-state-highlight {
    box-shadow: none;
    background-color: inherit;
}

.ui-iggrid td.ui-state-hover,
.ui-iggrid tr.ui-ig-altrecord td.ui-state-hover {
    background-color: #cccccc;
}

.ui-iggrid td.ui-state-active,
.ui-iggrid tr.ui-ig-altrecord td.ui-state-active {
    background-color: #9ecbd6;
}

.ui-iggrid-pagesizedropdowncontainer {
    margin-left: 20px;
}

.ui-iggrid th a {
    color: white;
}

.ui-iggrid th,
.ui-iggrid th.ui-state-hover,
.ui-iggrid th.ui-state-active {
    height: auto;
}

.ui-iggrid th.ui-iggrid-rowselector-header,
.ui-iggrid tbody th.ui-iggrid-rowselector-class,
.ui-iggrid tbody th.ui-iggrid-rowselector-class:first-child,
.ui-iggrid td.ui-state-hover {
    border: none;
}

.ui-iggrid th.ui-iggrid-rowselector-header .ui-igcheckbox-normal,
.ui-iggrid th.ui-iggrid-rowselector-class .ui-igcheckbox-normal {
    display: block;
    float: inherit;
}

.ui-iggrid tr:has(td>img[src="/Styles/images/terms/exclamation.svg"]) {
    background-color: #ffdddd;
}

.ui-dialog {
    box-shadow: 0 0 30px black;
}

.ui-iggrid-modaldialog-caption-buttoncontainer,
.ui-iggrid-rowselector-class>.ui-icon-triangle-1-e {
    display: none;
}

/* Printing */
@media print {

    .gw-noprint,
    .gw-menu,
    .gw-header,
    .ui-iggrid-pager,
    .ui-iggrid-resizing-handle,
    .ui-iggrid-groupbyarea,
    .ui-iggrid-filterrow {
        display: none !important;
    }

    .gw-scroll {
        max-height: none !important;
    }

    .gw-file-image-panel {
        float: none;
    }

    .ui-iggrid {
        border: none !important;
    }

    .ui-iggrid-table {
        border-collapse: collapse !important;
    }

    .gw-data-table th,
    .gw-data-table td,
    .ui-iggrid-table>thead>tr>th,
    .ui-iggrid-table>tbody>tr>td {
        color: black !important;
        background-color: white !important;
        border: 1px solid black !important;
    }

    .ui-iggrid-table>thead>tr>th {
        font-weight: bold !important;
    }
}

.ui-iggrid-text-right {
    text-align: right;
}

.ui-iggrid-text-left {
    text-align: left;
}

.ui-visible-desktop {
    top: -10000px !important;
}

/* CForms savedata controls*/
.gw-cform-savedata-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 310px;
    justify-content: space-between;
}

.gw-cform-savedata-item {
    margin: 5px 5px 0 0;
}

.gw-cform-savedata-item.col {
    flex: 1 0 0%;
}

.gw-cform-savedata-item.col-5-5 {
    flex: 0 0 auto;
    width: 47.6666666667%;
}

.gw-cform-savedata-item.col-6 {
    flex: 0 0 auto;
    width: 50%;
}

.gw-cform-savedata-item.w-100 {
    width: 100% !important;
}

#fileSearch {
    background-position: 10px 12px;
    background-repeat: no-repeat;
    font-size: 16px;
    padding: 12px 20px 12px 40px;
    border: 1px solid #ddd;
    margin-bottom: 12px;
}

#fileList {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#fileList li a {
    border: 1px solid #ddd;
    margin-top: -1px;
    /* Prevent double borders */
    background-color: #f6f6f6;
    padding: 12px;
    text-decoration: none;
    font-size: 18px;
    color: black;
    display: block
}

#fileList li a:hover:not(.header) {
    background-color: #eee;
}

#ewsSearch {
    position: fixed;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .75);
    /*this sets the slightly see-through black*/
    z-index: 20;
    /*Make this less than the existing popup div*/
}

#ewsSearchDialog {
    width: 80%;
    height: 80%;
    position: relative;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 20;
    border: solid 1px gray;
    border-radius: 0.375rem;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
    padding: 10px;
}

#ewsPageContainer {
    display: flex;
    justify-content: center;
    align-items: stretch;
    height: 83vh;

}

#ewsSearchPage {
    flex-grow: 1;
    border: none;
}

.gw-modal {
    border: solid 1px gray;
    border-radius: 0.375rem;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
    padding: 10px;
    max-width: 40em;
    min-width: 20em;
    min-height: 5em;
    text-align: center;
}

.gw-modal>h3 {
    margin: 0;
}

.gw-modal-big {
    max-width: 50%;
    width: 50%;
}

.gw-modal-content-btn-flex {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: inherit;
}

.gw-modal-row {
    margin-top: .5em;
    display: flex;
    flex-direction: row;
    gap: .5em;
}

.gw-modal-row>.ui-igedit-container {
    flex: 1;
}

.gw-modal-btns {
    width: auto;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-around;
    align-items: center;
}

.gw-modal-btns>button,
.gw-modal-btns>input {
    margin: .5em;
}

.textbox-search-btn {
    margin-left: 10px;
}

.grid-stack {
    /*background: lightgoldenrodyellow;*/
}

.grid-panel-appear {
    animation-name: panel-appear;
    animation-duration: .5s;
    animation-delay: .4s;
    animation-fill-mode: backwards;
}

.gw-panel-buttons {
    padding: 10px 0;
}

.gw-panel-button-row {
    margin-bottom: 3px;
}

@keyframes panel-appear {
    0% {
        filter: opacity(0%);
        transform: scale(0.9, 0.9);
    }

    100% {
        filter: opacity(100%);
        transform: scale(1, 1);
    }
}

.gw-modal-table-overflow {
    height: 30em;
    overflow-y: auto;
}

.grid-stack-item-content {
    background-color: white;
    box-shadow: 0 0.1rem 0.25rem rgb(0 0 0 / 75%);
    border: 1px solid rgba(0, 0, 0, 0.35);
    border-radius: 0.375rem;
}

.grid-stack-item-content>div>fieldset {
    /*color: #2c3e50;*/
    /*background-color: #18bc9c;*/
    /*border: 1px solid #18bc9c;*/
    box-shadow: none;
    border: 0px;
    border-radius: 0;
}

.grid-stack-item-grab {
    cursor: grab;
}

.gw-grid-stack-ignore-click {
    pointer-events: none;
    border-style: dashed;
    border-width: 2px;
    border-color: black;
    filter: opacity(60%);
    cursor: grab;
}

/*Override gridstack style to hide duplicate image*/
.ui-resizable-sw {
    background-image: none !important;
}

.gw-fe-headergroup {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gw-fe-buttongroup {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 15px;
}

.gw-fe-buttongroup>h2 {
    margin-top: 0;
    margin-right: auto;
}

.gw-fe-buttongroup-scroll {
    position: fixed;
    bottom: 1rem;
    right: 0rem;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 15px;
    z-index: 10;
    background-color: white;
    padding: 1rem;
    box-shadow: 3px 3px 10px gray;
}

.gw-fe-gridoptionsgroup {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.gw-fe-gridoptionsbutton-toggle {
    max-width: 40px;
    margin-left: auto;
}

.gw-fe-buttongroup__button {}

.gw-tilegrid {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: white;
    border-radius: 4px;
    text-align: center;
    font-size: 24px;
}

.gw-tilegrid>h2 {
    font-size: 1.5rem;
    margin-bottom: 0;
}

.gw-tilegrid>h3 {
    font-size: 1.375rem;
}

.gw-tilegrid__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
    padding: 0;
}

.gw-tilegrid__list.flex-column {
    flex-direction: column;
}

.gw-tilegrid-card {
    position: relative;
    list-style: none;
    min-width: 8em;
}

.gw-tilegrid-card::before {
    content: '';
    position: absolute;
    /* // match the grid gap for border thickness */
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    /* // this becomes the border, and handles overlap */
    background-color: #c4c4c4;
}

.gw-tilegrid-card--col4 {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 25%;
}

.gw-tilegrid-card--col2 {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 50%;
}

.gw-tilegrid-card:hover .gw-tilegrid-card__content>img {
    transform: scale(1.05);
}


.gw-tilegrid-card__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: #fff;
    width: 100%;
    height: 150px;
    padding: 5px;
    color: rgb(105, 105, 105);
    overflow-wrap: break-word;
}

.gw-tilegrid-card__content>* {
    transition: 0.15s;
    margin: 0;
}



.gw-tilegrid-card__img {
    filter: invert(41%) sepia(81%) saturate(289%) hue-rotate(193deg) brightness(88%) contrast(86%);
    height: 50%;
}

.gw-tilegrid-card__link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.gw-content-split {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

#reportsPanel {
    flex-basis: 75%;
}

#actionsPanel {
    flex-basis: 25%;
}


#loading-bar-container {
    display: flex;
    justify-content: center;
    height: 40px;
}

#loading-bar-spinner.spinner {
    z-index: 19 !important;
    animation: loading-bar-spinner 750ms linear infinite;
    display: flex;
    justify-content: center
}

#loading-bar-spinner.spinner .spinner-icon {
    width: 20px;
    height: 20px;
    border: solid 4px transparent;
    border-top-color: #005fa3 !important;
    border-left-color: #005fa3 !important;
    border-radius: 50%;
    margin: auto;
}

@keyframes loading-bar-spinner {
    0% {
        transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.gw-modal-body {
    text-align: left;
}

.flex-start {
    align-self: flex-start;
}

.flex-space-even {
    justify-content: space-evenly;
}

.flex-grow-3 {
    flex-grow: 3;
}


input[type="date"][empty="true"] {
    color: transparent;
}

input[type="date"][empty="true"]:focus {
    color: inherit;
}

input:disabled {
    color: #333333;
}

select:disabled {
    color: #333333;
    opacity: 1;
}

#alarmNotesBody {
    max-height: 40em;
    overflow-y: auto;
}

.gw-alarm-note {
    padding: 1em;
    border-bottom: solid 1px lightgray;
}

.gw-changed {
    background-color: var(--changed-input-color);
    outline: 1px solid dimgray;
    border: solid 1px var(--changed-input-color);
    border-radius: 2px;
}

.gw-panel-changed {
    border: 5px solid var(--changed-input-color);
}

.optionalDetailsGrid {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 20px;
}

.optionalDetailsRow {
    display: grid;
    grid-template-columns: [select] 2% [detail] 23% [col-1] 25% [col-2] 25% [col-3] 25%;
    grid-template-rows: repeat(auto-fill, 2em);
    justify-items: stretch;
    column-gap: 10px;
    row-gap: 20px;
    padding-right: 20px;
    align-items: center;
}

.optionalDetailsItemSelect {
    grid-column-start: select;
}

.optionalDetailsItemDetail {
    grid-column-start: detail;
    text-wrap: wrap;
    overflow: hidden;
    text-overflow: clip;
}

.grid-col-start-1 {
    grid-column-start: col-1;
}

.grid-col-start-2 {
    grid-column-start: col-2;
}

.grid-col-start-3 {
    grid-column-start: col-3;
}

.grid-col-end-1 {
    grid-column-end: col-1;
}

.grid-col-end-2 {
    grid-column-end: col-2;
}

.grid-col-end-3 {
    grid-column-end: col-3;
}

.optionalDetailsItemDate {
    grid-column-start: col-1;
}

.optionalDetailsItemYesNo {
    grid-column-start: col-2;
}

.optionalDetailsItemComment {
    grid-column-start: col-3;
}

#copyFileBtn[disabled] {
    pointer-events: auto;
}

#subsequentRegistrationFileBtn[disabled] {
    pointer-events: auto;
}

/* LogIn Page */
#togglePassword {
    /*position: absolute;*/
    position: relative;
    top: -20px;
    right: -285px;
    cursor: pointer;
}

/* --------- */

/*#passField {
    position: relative;
}*/

:root {
    --changed-input-color: #ffff7f;
    /* document.documentElement.style.setProperty('--changed-input-color', '#000'); */
}




/* custom multi select dropdown with checkboxes*/
.multipleSelect {
    width: 130px;
}

.multipleSelect>div>select {
    max-width: 20em;
}

.selectBox {
    position: relative;
}

.selectBox select {
    width: auto;
}

.selectionBox {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.multipleCheckbox {
    display: none;
    border: 1px solid gray;
    border-radius: 5px;
    max-height: 20em;
    overflow-y: auto;
    position: absolute;
    z-index: 10;
    width: 130px;
    background-color: #fff;
}

.multipleCheckbox label {
    display: block;
}

.multipleCheckbox label:hover {
    background-color: #1967d2;
    color: #fff;
}

.gw-file-edit-split-view {
    display: flex;
    flex-direction: row;
}

.gw-alarm-notes-column {
    width: 15%;
    border: 1px solid gray;
    border-right: none;
    border-radius: 5px 0 0 5px;
    margin-top: 5px;
}

.gw-alarm-notes-column>div {
    max-height: 100% !important;
    overflow-y: visible !important;
}

/*Start Fristen-Achriv*/
#TermDialogIFrameDialog {
    height: 80%;
    width: 80%;
    overflow: hidden;
    resize: horizontal;
    max-width: 90%;
}

#documentTermsGrid {
    overflow: hidden;
}

#TermDialogIFrame {
    height: 100%;
    width: 100%;
}

#documentTermsTable {
    flex-grow: 1;
    width: auto;
    overflow: hidden;
}

#documentTermsContentArea {
    display: flex;
}

#documentTermsActions {
    max-width: 100px;
}

#documentTermsRefreshBtn,
#documentTermsCreateTermBtn,
#documentTermsCreateTermBtn,
#documentTermsCreateTaskBtn,
#documentTermsEditBtn,
#documentTermsFinishBtn,
#documentTermsMoveBtn,
#documentTermsAttachBtn,
#documentTermsSeperateBtn,
#documentTermsExitBtn {
    margin: 3px;
    width: 100px;
}

.AttachDocumentToTermModal {
    height: 100%;
    width: 100%;
}

.Div3 {
    overflow: scroll;
}

.Div4 {
    float: right;
    width: 250px;
}

.applyButtonDisable{
    z-index:2;
}

/*Ende Fristen-Archiv*/
/* Simple Klassen */
.gw-flex {
    display: flex;
}

.gw-flex-row {
    flex-direction: row;
}

.gw-flex-grow {
    flex-grow: 1;
}

.gw-flex-gap-20 {
    gap: 20px;
}

.gw-ml-5 {
    margin-left: 5px;
}

.tag {
    color: white;
    padding: 5px 5px;
    border-radius: 5px;
    font-size: 14px;
}

.tax-status-circle {
    width: 16px;
    height: 16px;
    margin-left: 8px;
    border-radius: 50%;
    border: 1px solid #999;
}

.tax-icon {
    width: 16px;
    height: 16px;
    margin-left: 8px;
    background-color: orange;
    -webkit-mask: url(../Styles/images/alert.svg) no-repeat center;
    mask: url(../Styles/images/alert.svg) no-repeat center;
}