/* Shared between web-basis (admin) and web-instance (user). Packaged into each WAR as resources/css/layout-shared.css at build time; WAR-specific rules stay in layout.css. */

:root {
    --dss-layout-min-width: 1700px;
    --dss-btn-active-top: #f07231;
    --dss-btn-active-bottom: #b8521d;
    --dss-btn-disabled-top: #fbfbfb;
    --dss-btn-disabled-bottom: #d6d6d6;
    --dss-btn-border: #cf5525;
    --dss-btn-border-disabled: #a0a0a0;
    --dss-btn-radius: 3px;
}

* {
    margin: 0em;
    padding: 0em;
}

html {
    overflow-x: auto;
}

html, body {
    height: 100%;
    min-height: 100%;
}
body {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #666;
    background-color: #fff;
    min-width: var(--dss-layout-min-width);
}

.mainarea-tree-back-link {
    color: cornflowerblue !important;
    position: absolute;
    top: 23px;
    left: 2px;
    font-size: 16px !important;

    &:hover {
        filter: brightness(115%) !important;
    }
}

/* Spacing utilities (Bootstrap 5 spacer scale: 0 = 0, 1 = 0.25rem … 5 = 3rem) */
.m-0 { margin: 0 !important; }
.m-1 { margin: 0.25rem !important; }
.m-2 { margin: 0.5rem !important; }
.m-3 { margin: 1rem !important; }
.m-4 { margin: 1.5rem !important; }
.m-5 { margin: 3rem !important; }
.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mt-5 { margin-top: 3rem !important; }
.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }
.ms-0 { margin-inline-start: 0 !important; }
.ms-1 { margin-inline-start: 0.25rem !important; }
.ms-2 { margin-inline-start: 0.5rem !important; }
.ms-3 { margin-inline-start: 1rem !important; }
.ms-4 { margin-inline-start: 1.5rem !important; }
.ms-5 { margin-inline-start: 3rem !important; }
.me-0 { margin-inline-end: 0 !important; }
.me-1 { margin-inline-end: 0.25rem !important; }
.me-2 { margin-inline-end: 0.5rem !important; }
.me-3 { margin-inline-end: 1rem !important; }
.me-4 { margin-inline-end: 1.5rem !important; }
.me-5 { margin-inline-end: 3rem !important; }
.p-0 { padding: 0 !important; }
.p-1 { padding: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.p-3 { padding: 1rem !important; }
.p-4 { padding: 1.5rem !important; }
.p-5 { padding: 3rem !important; }
.pt-0 { padding-top: 0 !important; }
.pt-1 { padding-top: 0.25rem !important; }
.pt-2 { padding-top: 0.5rem !important; }
.pt-3 { padding-top: 1rem !important; }
.pt-4 { padding-top: 1.5rem !important; }
.pt-5 { padding-top: 3rem !important; }
.pb-0 { padding-bottom: 0 !important; }
.pb-1 { padding-bottom: 0.25rem !important; }
.pb-2 { padding-bottom: 0.5rem !important; }
.pb-3 { padding-bottom: 1rem !important; }
.pb-4 { padding-bottom: 1.5rem !important; }
.pb-5 { padding-bottom: 3rem !important; }
.ps-0 { padding-inline-start: 0 !important; }
.ps-1 { padding-inline-start: 0.25rem !important; }
.ps-2 { padding-inline-start: 0.5rem !important; }
.ps-3 { padding-inline-start: 1rem !important; }
.ps-4 { padding-inline-start: 1.5rem !important; }
.ps-5 { padding-inline-start: 3rem !important; }
.pe-0 { padding-inline-end: 0 !important; }
.pe-1 { padding-inline-end: 0.25rem !important; }
.pe-2 { padding-inline-end: 0.5rem !important; }
.pe-3 { padding-inline-end: 1rem !important; }
.pe-4 { padding-inline-end: 1.5rem !important; }
.pe-5 { padding-inline-end: 3rem !important; }

.panelHeader {
    background-color: antiquewhite;

}
.pic {
    margin-right: 2px;
    border : 0px;
}

.pic_over {
    margin-right: 2px;
    cursor: pointer;
}
#outer a {
    color: #333333;
    text-decoration: none;
    font-size: 12px;
}
#outer a:hover {
    color: #333333;
    text-decoration: underline;
}

/* Outer */

#outer
{
    position: relative;
    padding: 0px;
    margin: 0px;
    width: 100%;
    min-height: 100%;
    overflow-y: auto;
}

/* Status Infobox */

.status_infobox {
    position: absolute;
    top: 0px;
    left: 355px;
    border: 1px solid #999;
    max-width: 400px;
    z-index: 500;
    height: 40px;
    padding: 8px;
    margin-top: 5px;
    display: none;
}

/* Header */

#header {
    position: relative;
    background: #EFEFEF;
    height: 110px;
    min-width: var(--dss-layout-min-width);
    padding-left: 25px;
    border-bottom: 2px solid #ED911A;
}
#header img {
    margin-top: 8px;
}
#header h1
{
    position: relative;
    top: 1.8em;
    font-size: 2.2em;
    letter-spacing: -0.05em;
    color: #EFEFEF;
}

#header h1 a
{
    color: #fff;
    text-decoration: none;
}

#header h2
{
    position: absolute;
    font-size: 11px;
    top: 78px;
    left: 108px;
    right: 450px;
    color: #ED911A;
}

/* Menu */

#menu
{
    position: absolute;
    top: 30px;
    right: 35px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    z-index: 150;
}

#header .locale_menu,
#header .searchform {
    position: absolute;
}

#header .locale_menu {
    top: 70px;
    right: 27px;
}

#header .searchform {
    top: 70px;
    right: 135px;
    z-index: 100;
}

#menu .menu_reload {
    position: relative;
    top: -5px;
    flex-shrink: 0;
    line-height: 0;
}

#menu ul
{
    list-style: none;
}

#menu li
{
    display: inline;
    padding-left: 1.1em;
    margin-left: 1em;
    border-left: dotted 1px #E0E8EF;
}

#menu li.first
{
    border: 0em;
    margin-left: 0em;
    padding-left: 0em;
}

#menu li a
{
    color: #fff;
    padding: 0.1em;
    text-decoration: none;
}

#menu li a:hover
{
    text-decoration: underline;
}

/* Content */

#content
{
    line-height: 1.5em;
}


#content p
{
    margin-bottom: 1.5em;
}

#content h2,h3,h4,h5,h6
{
    color: #545454;
    margin-bottom: 1em;
    border-bottom: dashed 1px #dfdfdf;
    padding-bottom: 0.3em;
}

#content h2
{
    font-size: 1.5em;
}

#content h3
{
    font-size: 1.1em;
}

#content blockquote
{
    margin-bottom: 1.5em;
    padding: 0.75em 0.75em 0.75em 1.5em;
    border-left: solid 0.75em #005082;
    background: #FDFDFD url('../resources/images/a7.gif') top left repeat-x;
}

#content blockquote p
{
    margin-bottom: 0em;
}

#primaryContentContainer
{
    background-color: #FFFFFF;
    width: 70%;
    min-width: 1350px;
    position: relative;
    left: 354px;
    min-height: 350px;
    overflow-y: scroll;
}

#primaryContent
{
    padding: 1.5em 3em 1.5em 2.3em;
}

#secondaryContent
{
    position: absolute;
    width: 350px;
    padding: 12px;
    background: #fff url('../resources/images/a1.gif') top right repeat-y;
    overflow-y: scroll;
    min-height: 350px;
}

#secondaryContent .xbg
{
    position: absolute;
    right: 0em;
    bottom: -64px;
    background: #fff url('../resources/images/a3.gif') top right no-repeat;
    height: 64px;
    width: 128px;
}

#tertiaryContent
{
    position: relative;
    float: right;
    width: 15em;
    padding: 3em 2em 1.5em 2em;
    background: #fff url('../resources/images/a2.gif') top left repeat-y;
}

#tertiaryContent .xbg
{
    position: absolute;
    left: 0em;
    bottom: -64px;
    background: #fff url('../resources/images/a4.gif') top left no-repeat;
    height: 64px;
    width: 128px;
}

#footer
{
    position: relative;
    z-index: 1;
    border-top: dashed 1px #dfdfdf;
    padding: 1em 0em 2em 0em;
    margin: -37px 2em 0em 2em;
    text-align: center;
    height: 30px;
}
.spanner {
    clear: both;
    height: 35px;
}
.clear
{
    clear: both;
}
.bdc {
    background-color: #005082;
    color: red;

}

#outer .pf-menubar-legacy .ui-menuitem  {
    height: 24px;
}
#outer .pf-menubar-legacy .ui-menuitem-link {
    padding: 2px 12px 2px 12px;
    border: 0px;
}
#outer .pf-menubar-legacy .ui-menuitem-link.ui-state-hover {
    border: 0px;
}
#outer .pf-menubar-legacy {
    background: url('../resources/images/gradientA.png') repeat-x;
    margin: 0px 0px 10px 0px;
}
#outer .pf-menubar-legacy.grey{
    background: url('../resources/images/gradientA_grey.png') repeat-x;
    margin: 0px 0px 10px 0px;
}
#outer #menu .pf-menubar-legacy {
    background: #EFEFEF;
}
#outer #menu .pf-menubar-legacy.ui-menubar {
    border: 1px solid #c0c0c0;
    padding: 5px 8px;
    background: #f9f9f9;

    > ul {
        display: flex;
        align-items: center;
        
        .ui-icon {
            display: none;
        }
    }
}
#outer #menu .pf-menubar-legacy .ui-menubar-root-list {
    display: flex;
    align-items: center;
    gap: 0;
}
#outer #menu .pf-menubar-legacy .ui-menuitem {
    height: auto;
}
#outer #menu .pf-menubar-legacy > .ui-menu-list > .ui-menuitem {
    border-left: 1px solid #d5d5d5;
    margin-left: 10px;
    padding-left: 10px;
}
#outer #menu .pf-menubar-legacy > .ui-menu-list > .ui-menuitem:first-child {
    border-left: 0;
    margin-left: 0;
    padding-left: 0;
}
#outer #menu .pf-menubar-legacy > .ui-menu-list > .ui-menuitem > .ui-menuitem-link {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0;
    background: transparent;
    border: 0;
    color: #666;
    font-size: 11px;
    font-weight: normal;
    line-height: 1;
}
#outer #menu .pf-menubar-legacy > .ui-menu-list > .ui-menuitem > .ui-menuitem-link:hover,
#outer #menu .pf-menubar-legacy > .ui-menu-list > .ui-menuitem > .ui-menuitem-link.ui-state-hover,
#outer #menu .pf-menubar-legacy > .ui-menu-list > .ui-menuitem > .ui-menuitem-link.ui-state-active,
#outer #menu .pf-menubar-legacy > .ui-menu-list > .ui-menuitem > .ui-menuitem-link.ui-state-focus {
    background: transparent;
    border: 0;
    box-shadow: none;
    color: #333;
}
#outer #menu .pf-menubar-legacy > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-text {
    color: inherit;
}
#outer #menu .pf-menubar-legacy > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-submenu-icon {
    position: static;
    margin: 0;
    color: #8b8b8b;
    font-size: 10px;
}
#outer #menu .pf-menubar-legacy .ui-menu-child {
    margin-top: 8px;
    min-width: 190px;
    border: 1px solid #d8d8d8;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}
#outer #menu .pf-menubar-legacy .ui-menu-child .ui-menuitem {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
}
#outer #menu .pf-menubar-legacy .ui-menu-child .ui-menuitem-link {
    display: block;
    padding: 7px 12px;
    color: #666;
    line-height: 1.3;
}
#outer #menu .pf-menubar-legacy .ui-menu-child .ui-menuitem-link:hover,
#outer #menu .pf-menubar-legacy .ui-menu-child .ui-menuitem-link.ui-state-hover {
    background: #f5f5f5;
    color: #333;
}
#outer .ui-panel {
    padding: 0px;
    margin: 5px 0px 10px 0px;
    border: 0px;
}
#outer .ui-panel-titlebar, #outer .ui-fileupload-buttonbar {
    background: #FFF;
    padding: 10px 8px 0px 8px;
    color: #000;
    border: 0px;
    font-size: 12px;
    border-bottom: 1px solid #666;

    .ui-button-text {
        top: 0px;
    }
}
#outer .ui-fileupload {
    height: 160px;
    min-width: 345px;
    width: auto;
    margin: 0px 0px 5px 5px;
}
#outer .ui-fileupload-buttonbar {
    min-height: 34px;
}
#outer .ui-fileupload-choose {
    padding: 3px 5px 3px 21px;
}
#outer .ui-panel-content {
    font-size: 12px;
    background: #EFEFEF !important;
    border-radius: 4px;
}
#outer .ui-panel-content table {
    font-size: 12px;
}
#outer .ui-panel-content table td {
    vertical-align: top;
    min-width: 120px;
}
#outer .ui-panel-content table.searchformtable td {
    min-width: 0;
}
#outer .ui-panel-content table.p-datepicker-panel td {
    min-width: inherit;
}
.p-datepicker-trigger {
    margin: 0px 0px 0px 3px;
}
#outer .pf-tabview-legacy .ui-tabs-panel {
    padding: 20px;
    border: 1px solid #069;
    font-size: 12px;
}
#outer .pf-tabview-legacy .ui-tabs-panel.grey {
    padding: 20px;
    border: 1px solid #888;
}
.adminlbCheckboxList {
    margin: 15px 0px 15px 5px;
    display: block;
}
.adminlbCheckboxList table {
    margin-top: 10px;
}

#outer {
    ul {
        margin: 0px;
        padding-left: 0px;
        list-style-type: none;

        li:not(.ui-menuitem, .ui-tabs-header, .ui-treenode) {
            background: url('../resources/images/icon_arrow_right.png') no-repeat 0px 6px;
            padding: 0px 0px 0px 10px;
            margin-bottom: 3px;
        }
    }
}

/*--------------- Tree + node icons (legacy RichFaces .rf-trn-ico* → PrimeFaces .ui-treenode-*) ---------------------*/

#outer .pf-tree-legacy.ui-tree {
    font-size: 12px;
    width: auto;
    white-space: normal;
    background: none;
    border: none !important;
    padding: 0px;

    .ui-treenode-children {
        margin-left: 14px;
    }

    .ui-treenode-content {
        display: flex;
        align-items: flex-start;
    }
}
/* RichFaces-style +/- boxes instead of PrimeFaces chevrons (vertical tree) */
#outer .pf-tree-legacy.ui-tree .ui-tree-toggler {
    position: relative;
    top: 3px;
    width: 13px;
    height: 13px;
    margin-right: 2px;
    border: 1px solid #888;
    background: #f5f5f5 !important;
    border-radius: 1px;
    box-sizing: border-box;
    text-indent: 0;
    overflow: hidden;
    vertical-align: middle;
}
#outer .pf-tree-legacy.ui-tree .ui-tree-toggler.ui-icon {
    background-image: none !important;
}
#outer .pf-tree-legacy.ui-tree .ui-tree-toggler::after {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 12px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
}
#outer .pf-tree-legacy.ui-tree .ui-tree-toggler.ui-icon-triangle-1-e::after,
#outer .pf-tree-legacy.ui-tree .ui-tree-toggler.ui-icon-triangle-1-w::after {
    content: '+';
}
#outer .pf-tree-legacy.ui-tree .ui-tree-toggler.ui-icon-triangle-1-s::after {
    content: '\2212';
}
#outer .pf-tree-legacy.ui-tree .ui-tree-toggler.ui-icon-triangle-1-e::before,
#outer .pf-tree-legacy.ui-tree .ui-tree-toggler.ui-icon-triangle-1-w::before {
    content: '';
}
#outer .pf-tree-legacy.ui-tree .ui-treenode {
    padding: 1px;
}
#outer .pf-tree-legacy.ui-tree .ui-treenode-label {
    position: relative;
    top: 1px;
    padding: 0px;
    white-space: wrap;
    flex: inherit;
}
#outer .pf-tree-legacy.ui-tree .ui-tree-selectable {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 1px;
    border-radius: 4px;
    line-height: inherit;
    cursor: pointer;

    .ui-treenode-label {
        cursor: pointer;
    }

    &.ui-state-highlight {
        background: #eeeeee;
    }

    &.ui-state-highlight:focus {
        box-shadow: 0 0 0 1px #c0c0c0;
        outline: none;
        border: none;
    }
}
#outer .pf-tree-legacy.ui-tree .ui-treenode-leaf-icon {
    width: 16px;
    min-width: 16px ;
    height: 16px;
    display: inline-block;
    margin: -1px;
}
#outer .pf-tree-legacy.ui-tree .ui-treenode-icon {
    position: relative;
    top: 1px;
    width: 16px;
    min-width: 16px ;
    height: 16px;
    display: inline-block;
    margin: 0px;
    margin-left: 2px;
    margin-right: 2px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
}
#outer .pf-tree-legacy.ui-tree .ui-treenode-icon.icon {
    background: url("../resources/images/leaf_icon.gif") no-repeat;
}
#outer .pf-tree-legacy.ui-tree .ui-treenode-icon.icon.filled {
    background: url("../resources/images/icon_filled.gif") no-repeat;
}
#outer .pf-tree-legacy.ui-tree .ui-treenode-icon.folder {
    background: url("../resources/images/node_icon.gif") no-repeat;
}
#outer .pf-tree-legacy.ui-tree .ui-treenode-icon.folder.grey,
#outer .pf-tree-legacy.ui-tree .ui-treenode-icon.folder.grey {
    background: url("../resources/images/folder_grey.png") no-repeat;
    position: relative;
    top: 3px;
}
#outer .pf-tree-legacy.ui-tree .ui-treenode-icon.folder.red,
#outer .pf-tree-legacy.ui-tree .ui-treenode-icon.folder.red {
    background: url("../resources/images/folder_red.png") no-repeat;
    position: relative;
    top: 3px;
}
#outer .pf-tree-legacy.ui-tree .ui-treenode-icon.folder.green,
#outer .pf-tree-legacy.ui-tree .ui-treenode-icon.folder.green {
    background: url("../resources/images/folder_green.png") no-repeat;
    position: relative;
    top: 3px;
}
#outer .pf-tree-legacy.ui-tree .ui-treenode-icon.folder.blue,
#outer .pf-tree-legacy.ui-tree .ui-treenode-icon.folder.blue {
    background: url("../resources/images/folder_blue.png") no-repeat;
    position: relative;
    top: 3px;
}
#outer .pf-tree-legacy.ui-tree .ui-treenode-icon.folder.orange,
#outer .pf-tree-legacy.ui-tree .ui-treenode-icon.folder.orange {
    background: url("../resources/images/folder_orange.png") no-repeat;
    position: relative;
    top: 3px;
}
#outer .pf-tree-legacy.ui-tree .ui-treenode-icon.folder.deprecated {
    background: url("../resources/images/folder_red.png") no-repeat;
    position: relative;
    top: 3px;
}
#outer .pf-tree-legacy.ui-tree .ui-treenode-icon.folder.inactive {
    background: url("../resources/images/folder_grey.png") no-repeat;
    position: relative;
    top: 3px;
}
#outer .pf-tree-legacy.ui-tree .ui-treenode-icon.red {
    background: url("../resources/images/file_red.png") no-repeat;
}
#outer .pf-tree-legacy.ui-tree .ui-treenode-icon.green {
    background: url("../resources/images/file_green.png") no-repeat;
}
#outer .pf-tree-legacy.ui-tree .ui-treenode-icon.blue {
    background: url("../resources/images/file_blue.png") no-repeat;
}
#outer .pf-tree-legacy.ui-tree .ui-treenode-icon.orange {
    background: url("../resources/images/file_orange.png") no-repeat;
}

textarea, input[type="text"], input[type="password"] {
    height: 20px;
}
textarea, input[type="text"], input[type="password"], select {
    padding: 0px 5px 0px 5px;
    min-width: 180px;
    margin: 0px 0px 10px 5px;
    font-size: 11px;
}
select {
    min-width: 192px;
    padding-right: 2px;
}
.select-small {
    min-width: 90px;
}
.table-wrapping {
    word-wrap: break-word;
}
.mw-auto {
    min-width: auto !important;

    td {
        min-width: auto !important;
    }
}

button, input[type="reset"], input[type="submit"], input[type="button"] {
    font-size: 12px;
}
textarea {
    min-width: 345px;
    min-height: 220px;
}
textarea.small {
    min-width: 345px;
    min-height: 72px;
}
input[type="radio"] {
    margin: 0px 0px 5px 5px;
}
#outer input {
    margin-right: 10px;
}
#outer input[type="checkbox"], #outer input[type="radio"] {
    margin-right: 0px;
    margin-left: 5px;
}
#outer input.input-gap[type="checkbox"] {
    margin-right: 5px;

    position: relative;
    top: 2px;
}

body .ui-inputfield {
    &:disabled {
        background-color: #f7f7f7;
        color: #a0a0a0;
    }
}

body .ui-button.ui-state-focus {
    box-shadow: none;
}

#outer .p-datepicker-input {
    float: left;
    width: 60px;
    min-width: 60px;
    margin-right: 1px !important;
}

#outer .pf-tabview-legacy .ui-tabs-nav.ui-tabs-nav-top {
    background: none;
    border: none;

}
#outer .pf-tabview-legacy  {
    margin-top: 4px;
}
#outer .pf-tabview-legacy .ui-tabs-header {
    padding: 6px;
    margin-left: 1px;
    border: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;

    a {
        color: #f9f9f9 !important;
        font-size: 11px !important;
        text-decoration: none !important;

        outline: none !important;
        box-shadow: none !important;
    }

    &:hover {
        filter: brightness(1.15);
    }
}

#outer .pf-tabview-legacy .ui-tabs-outline {
    box-shadow: none !important;
}

#outer .bg-grd {
    background: url('../resources/images/gradientA.png') repeat-x !important;
}

#outer .pf-tabview-legacy .ui-state-default.ui-tabs-header {
    background: url('../resources/images/gradientA.png') repeat-x;
}
#outer .pf-tabview-legacy .ui-state-default.ui-tabs-header.grey {
    background: url('../resources/images/gradientA_grey.png') repeat-x;
}
#outer .pf-tabview-legacy .ui-tabs-selected.ui-tabs-header {
    background: #069;
}
#outer .pf-tabview-legacy .ui-tabs-selected.ui-tabs-header.grey {
    background: #888;
}
#outer .pf-tabview-legacy .ui-tabs-navscroller {
    display: none;
    background: #069;
    height: 1px;
    border: 0px;
}
#outer .pf-tabview-legacy .ui-tabs-navscroller.grey {
    display: none;
    background: #888;
    height: 1px;
    border: 0px;
}

#outer .pf-tabview-legacy .ui-tabs-anchor {
    color: #FFF;
}

#outer button,
#outer input[type="reset"],
#outer input[type="submit"],
.searchform input[type="submit"],
#outer input[type="button"],
.pf-dialog-legacy .ui-dialog-content button,
.pf-dialog-legacy .ui-dialog-content input[type="reset"],
.pf-dialog-legacy .ui-dialog-content input[type="submit"],
.pf-dialog-legacy .ui-dialog-content input[type="button"],
body .ui-button
{
    background: linear-gradient(to bottom, var(--dss-btn-active-top), var(--dss-btn-active-bottom));
    border: 1px solid var(--dss-btn-border);
    border-radius: var(--dss-btn-radius);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    width: auto;
    min-width: 94px;
    min-height: 22px;
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 10px 0px;
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 12px;
    transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;

    &:hover:not(:disabled):not([disabled]):not(.ui-state-disabled) {
        background: linear-gradient(to bottom, var(--dss-btn-active-top), var(--dss-btn-active-bottom));
        border: 1px solid var(--dss-btn-border);
        filter: brightness(1.15);
        color: #FFF;
    }

    &:focus {
        outline: none;
    }

    &:disabled,
    &[disabled],
    &.ui-state-disabled {
        background: linear-gradient(to bottom, var(--dss-btn-disabled-top), var(--dss-btn-disabled-bottom));
        border-color: var(--dss-btn-border-disabled);
        color: #707070;
        cursor: default;
        filter: none;
        box-shadow: none;

        &:hover {
            filter: none;
        }
    }
}
body .ui-button .ui-button-text {
    padding: .3em !important;
    white-space: nowrap;
    display: inline;
    line-height: inherit;   
}

.middle { min-width: 150px !important; }
.midbig { min-width: 200px !important; }
.big { min-width: 320px !important; }

#outer button.button-s,
#outer input.button-s[type="reset"],
#outer input.button-s[type="submit"],
#outer input.button-s[type="button"],
.pf-dialog-legacy .ui-dialog-content button.button-s,
.pf-dialog-legacy .ui-dialog-content input.button-s[type="reset"],
.pf-dialog-legacy .ui-dialog-content input.button-s[type="submit"],
.pf-dialog-legacy .ui-dialog-content input.button-s[type="button"] {
    font-size: 14px;
    width: 22px;
    height: 18px;
    min-width: 22px;
    min-height: 18px;
    line-height: 15px;
    background: none;
    color: #fff;
    border: 1px solid #2880bc !important;
    padding: 0px;
    margin-right: 0px;
    margin-bottom: 0px;

    &.button-gap {
        margin-right: 4px;
    }
}

#outer a.link_button,
.pf-dialog-legacy .ui-dialog-content a.link_button
{
    background: linear-gradient(to bottom, var(--dss-btn-active-top), var(--dss-btn-active-bottom));
    border: 1px solid var(--dss-btn-border);
    border-radius: var(--dss-btn-radius);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    width: fit-content;
    min-width: 94px;
    min-height: 22px;
    line-height: normal;
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    padding: 3px 10px;
    cursor: pointer;
    display: block;
    text-align: center;
    margin-bottom: 2px;
    transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;

    &:hover:not([disabled]) {
        filter: brightness(1.15);
        color: #FFF;
    }

    &[disabled] {
        background: linear-gradient(to bottom, var(--dss-btn-disabled-top), var(--dss-btn-disabled-bottom));
        border-color: var(--dss-btn-border-disabled);
        color: #707070;
        cursor: default;
        filter: none;
        box-shadow: none;

        &:hover {
            filter: none;
        }
    }
}
.loading_bg {
    width: 210px;
    min-height: 40px;
    height: auto;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 99999;
    padding: 8px;
    border: 1px solid #CCC;
    border-radius: 4px;
    background: #EFEFEF;
    font-weight: bold;
    color: #ea6f2f;
    line-height: 165%;
}
.loading_bg img {
    float: left;
    margin-right: 10px;
}
#outer .shortUpload.ui-fileupload {
    height: auto;
}
#outer .shortUpload .ui-fileupload-buttonbar {
    border: 0px;
    border-bottom: 0px;
    min-height: auto;
    border-radius: 4px;
}
.shortUpload .ui-fileupload-files {
    height: 80px !important;
}
.shortUpload .ui-fileupload-content {
    display: none;
}

.shortUpload .ui-fileupload-row {
    border: none;
    height: auto;
}
.shortUpload .ui-fileupload-row-action {
    display: none;
}
.shortUpload .ui-fileupload-upload,
.shortUpload .ui-fileupload-cancel {
    display: none !important;
}
.shortUpload .ui-fileupload-choose {
    padding-right: 10px;
}
.deleteIcon {
    background: #ED911A;
    border-radius: 5px 5px 5px 5px;
    color: #FFF;
    display: block;
    font-size: 13px;
    font-weight: bold;
    height: 12px;
    padding: 1px 5px 5px 6px;
    text-decoration: none;
    width: 10px;
}
a:hover.deleteIcon {
    color: #FFF;
}
#outer .usage {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}
#outer .usage a, .usage a:hover{
    color: #ED911A;
    display: block;
    height: 20px;
    text-decoration: underline;
    text-align: center;
}

a.orange_markup, a.orange_markup:hover{
    color: #ED911A !important;
    text-decoration: underline !important;
    font-weight: bolder !important;
}

.ui-outputpanel table td.smaller {
    min-width: 30px !important;
}

body .ui-datatable td.smaller,
body .ui-datatable th.smaller {
    width: 1%;
    min-width: 30px !important;
    white-space: nowrap;
}

body .ui-datatable td.fixed105,
body .ui-datatable th.fixed105 {
    min-width: 105px !important;
    max-width: 105px !important;
}

body .ui-datatable td.min182,
body .ui-datatable th.min182 {
    min-width: 182px !important;
}

body .ui-datatable td.small,
body .ui-datatable th.small {
    min-width: 80px !important;
}

.ui-outputpanel table td.small {
    min-width: 80px !important;
}

.ui-outputpanel table td.small105 {
    min-width: 105px !important;
}

.ui-outputpanel table td.fixed182 {
    min-width: 182px !important;
    max-width: 182px !important;
}

.ui-outputpanel table td.min182 {
    min-width: 182px !important;
}

#outer input.searchfield, .searchform input.searchfield {
    margin-right: 10px;
}

.font-red {
    color: red;
}

.font-inherit {
    color: inherit;
}

.locale_select {
    display: inline-block !important;
    width: 40px !important;
    min-width: 0px !important;
    height: 25px !important;
    background-color: #ccc !important;
    border: 1px black solid !important;
}

.de_flag {
    background-image: url('../resources/images/flag_de.png') !important;
}

.en_flag {
    background-image: url('../resources/images/flag_en.png') !important;
}

.copy_icon {
    color: black !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    margin: 0px 0px -5px 3px !important;
    padding: 0px !important;
    border: 1px #777777 solid !important;
    background-image: url('../resources/images/copy.gif') !important;
}

.plus_icon {
    color: black !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    margin: 0px 0px -5px 0px !important;
    padding: 0px !important;
    border: 1px #777777 solid !important;
    background-image: url('../resources/images/add_icon16.png') !important;
}

.minus_icon {
    color: black !important;
    width: 17px !important;
    height: 17px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    margin: 0px 0px -4px 4px !important;
    padding: 0px !important;
    border: 1px #777777 solid !important;
    border-radius: 4px;
    background-image: url('../resources/images/delete_icon16.png') !important;
}

.current_locale {
    opacity: 0.6;
}

a.versioninfo_link:link, a.versioninfo_link:visited {
    color: #ED911A !important;
    font-size: 11px !important;
}

a.versioninfo_link:focus,a.versioninfo_link:hover {
    text-decoration: underline !important;
}

/* DA-1034 */
/*#basisForm:deadline_popup_finshedPopupButton*/
button.p-datepicker-trigger {
    width: 150px !important;
    background: linear-gradient(to bottom, var(--dss-btn-active-top), var(--dss-btn-active-bottom)) !important;
}

.infoLink{
    position: absolute !important;
    left:40% !important;
    transform: translate(-50%) !important;
    bottom: 5px !important;
    height: 32px !important;
    width: 32px !important;
    background-image: url('../resources/images/InfoIcon.png') !important;
    opacity: 0.5 !important;
}

.videoLink{
    position: absolute !important;
    left:60% !important;
    transform: translate(-50%) !important;
    bottom: 5px !important;
    height: 32px !important;
    width: 32px !important;
    background-image: url('../resources/images/PlayIcon.png') !important;
    opacity: 0.5 !important;
    background-repeat: no-repeat !important;
}

.supportIcon{
    position: absolute !important;
    left:10% !important;
    transform: translate(-50%) !important;
    bottom: 15px !important;
    height: 50px !important;
    width: 50px !important;
    background-image: url('../resources/images/SupportIcon.png') !important;
    opacity: 1 !important;
    border-radius: 15px;
    background-repeat: no-repeat !important;
    margin: 0px 0px 0px 93px !important;
}

.emailIcon{
    position: absolute !important;
    left:10% !important;
    transform: translate(-50%) !important;
    bottom: 12px !important;
    height: 30px !important;
    width: 30px !important;
    background-image: url('../resources/images/eMailIcon.png') !important;
    opacity: 1 !important;
    border-radius: 15px;
    background-repeat: no-repeat !important;
    margin: 0px 0px 0px 260px !important;
}

.dashboardLink, .dashboardSubLink, .dashboardSupportLink, .dashboardSupportSubLink {
    color: white !important;
    font-weight: bold;
    font-size: 16px !important;
}

.dashboardSubLink, .dashboardSupportSubLink {
    font-size: 12px !important;
}
.dashboardSubLink:hover, .dashboardSupportSubLink:hover {
    color: white !important;
    text-decoration: underline !important;
}

.dashboardSupportLink {
    margin: 0px 100px 0px 162px !important;
}

.dashboardSupportSubLink {
    margin: 0px 100px 0px 162px !important;
}

.infoLink:hover, .videoLink:hover{
    opacity: 1 !important;
}

.lastEditLink {
    color: black !important;
    padding: 5px !important;
    font-size: 12px !important;
}

.lastEditLink:hover {
    color: black !important;
    text-decoration: underline !important;
}

.dashboard {
    position: relative !important;
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 1px;
}

.leftPage{
    position: relative !important;
    display: inline !important;
}

.rightPage{
    border-left: 1px solid #069;
    padding: 15px;
    color: black;
    line-height: 1.4;
}

.box {
    position: relative;
    width: 240px;
    height: 160px;
    border-radius: 15px;
    margin: 5px;
    color: white;
    line-height: 1.5;
    z-index: 0; /*unterste Ebene, 1 liegt darüber*/
    padding: 14px;
    float: left;
    box-sizing: border-box;
    display: inline !important;
    background-image: radial-gradient( #F4A879, #F07231, #B8521D);
}

.longbox {
    position: relative;
    width: 490px;
    height: 80px;
    border-radius: 15px;
    margin: 5px;
    color: white;
    line-height: 1.8;
    z-index: 0; /*unterste Ebene, 1 liegt darüber*/
    padding: 14px;
    float: left;
    box-sizing: border-box;
    display: inline !important;
    background-image: radial-gradient( #F4A879, #F07231, #B8521D);
    /*
        background-image: radial-gradient( #F07231, #B8521D);
    */
}
.ui-sortable-column-icon {
    color:#000 !important;
}

.menuSort tr th{
    white-space:nowrap;
}

/* PrimeFaces datatable should size columns by content, like legacy RichFaces tables */
#outer .ui-datatable .ui-datatable-tablewrapper > table,
#outer .ui-datatable table.ui-datatable-table {
    table-layout: auto !important;
    width: 100%;
}

/* Avoid clipping button text in narrow datatable columns */
#outer .ui-datatable .ui-datatable-data .ui-button .ui-button-text {
    padding: 0 4px !important;
    font-size: 10px;
}
.ui-texteditor {
    button {
        background: none !important;
        width: auto !important;
        height: 24px !important;
        margin-bottom: 0px !important;
        margin-top: 0px !important;
        border: none !important;
        min-width: 10px !important;
        box-shadow: none !important;
        padding: 3px 5px !important;
    }
}

.ui-datalist {
    margin-bottom: 5px;

    .ui-datalist-content {
        padding: 0.5rem !important;
    }

    .ui-datalist-empty-message {
        font-size: 10px;
        padding: 0px !important;

    }
}

.ui-datatable tbody td {
    outline: none !important;
}

.ui-datatable tbody th {
    outline: none !important;
}

.ui-datatable thead th {
    outline: none !important;
    box-shadow: none !important;
}

body .ui-datatable .ui-datatable-data > tr > td {
    padding: 4px;
}

body .ui-datatable .ui-datatable-data > tr > th {
    padding: 4px;
}

body .ui-datatable thead th, body .ui-datatable tbody td, body .ui-datatable tfoot td, body .ui-datatable tfoot th {
    padding: 4px;
    border: none;
}

body .ui-datatable thead th {
    padding: 4px;
    font-size: 11px;

    .ui-sortable-column-icon {
        font-size: 11px;
    }
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    font-size: 12px;
    padding-right: 32px;
}

/*
 Keep dialog close button consistently in the top-right corner and
 reserve title space so long headers do not collide with the button.
*/
body .ui-dialog .ui-dialog-titlebar {
    position: relative;
    padding-right: 32px;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    position: absolute;
    top: 8px;
    right: 8px;
    margin: 0;

    &:focus {
        box-shadow: none !important;
    }
}

.ui-widget {
    margin-top: 5px;
}

/* Admin document relation/list pages */
#outer .admin-document-table-area {
    margin: 0 0 10px 0;
    padding: 10px;
    border: 1px solid #d6d6d6;
    background: #efefef;
}

#outer .admin-document-table-area .admin-document-table {
    background: #efefef;
    width: 100%;
}

#outer .admin-document-table-area .admin-document-table .ui-datatable-tablewrapper table {
    width: 100%;
    table-layout: auto;
}

#outer .admin-document-table-area .admin-document-table .ui-datatable-tablewrapper table td {
    vertical-align: top;
    min-width: 0;
}

#outer .admin-document-table-area .admin-document-table .ui-datatable-tablewrapper table td.admin-doc-col-main {
    width: auto;
    word-break: break-word;
}

#outer .admin-document-table-area .admin-document-table .ui-datatable-tablewrapper table td.admin-doc-col-action {
    width: 120px;
    white-space: nowrap;
}

#outer input.admin-documentlist-button[type="submit"] {
    font-size: 11px;
}

.form-required-msg {
    position: relative;
    left: 2px;
    font-size: 10px;
    margin-bottom: 10px;
}

.radio-group label {
    position: relative;
    top: -2px;
}

.json-editor-link {
    font-size: 10px !important;
    margin-left: 8px;
    vertical-align: middle;
    font-weight: normal;
}

.customform-version-label {
    font-size: 10px !important;
    margin-left: 8px;
    vertical-align: middle;
    font-weight: normal;
}

.customform-schema-header .json-editor-link {
    display: block;
    margin-left: 0;
    margin-top: 2px;
}

.customform-label-div {
    display: block;
    min-width: 185px;
    max-width: 185px;
    word-break: break-word;
    box-sizing: border-box;
}

.customform-header {
    margin-top: 20px;
    margin-bottom: 15px;
    border-bottom: dashed 1px #d0d0d0;
}

h1.customform-header {
    font-size: 14pt !important;
}

h2.customform-header {
    font-size: 12pt !important;
}

h3.customform-header {
    font-size: 10pt !important;
}

h4.customform-header {
    font-size: 9pt !important;
}

h5.customform-header,
h6.customform-header {
    font-size: 8pt !important;
}

.customform-action-button-block {
    display: block;
    margin-left: 10px !important;
    margin-bottom: 15px;
}

.customform-hint-block {
    margin-top: 1em;
    font-weight: bold;
    font-style: italic;
}

.customform-close-entry-button {
    margin-left: 190px !important;
    position: relative !important;
    top: -3px;
}

.customform-file-row {
    min-width: 350px;
    display: flex;
    justify-content: space-between;
}

.customform-file-list {
    margin-top: 10px;
}

.customform-deadline-list, .customform-deadline-row {
    font-size: 12px !important;
}

.formbuilder-button {
    .btn {
        padding: 3px !important;
    }
}

.dss-customform-other-group {
    margin-bottom: 10px;
}

.dss-customform-other-text {
    margin-bottom: 4px !important;
    margin-right: 5px !important;
}

.dss-customform-other-add, .dss-customform-other-remove {
    height: 20px !important;
    width: 22px !important;
    min-width: 22px !important;
    min-height: 20px !important;
    margin-right: 4px !important;
    padding: 0px !important;
}

.ui-autocomplete, .p-datepicker {
    input {
        color: #000 !important;
        margin-right: 0px !important;
        padding: 0.25rem !important;
        border-radius: 2px !important;
        border: 1px solid #909090 !important;
        color: #000 !important;

        &:disabled {
            border-color: #ced4da !important;
        }
    }

    button {
        margin-left: 0px !important;
        width: 30px !important;
        height: 20px !important;
        min-width: 30px !important;
        min-height: 20px !important;
        background: #e56c2d !important;
    }

    .pi-spinner {
        position: relative !important;
        top: 4px !important;
        left: -62px !important;
    }
}

.ui-autocomplete-item {
    font-size: 12px !important;
    padding: 0.25rem !important;
}