/*
2020 04 01 awh
basierend auf bs 4.4.1

*/

:root {
    --blue: #091A38;
    --red: #CD0200;
    --yellow: #D47500;
    --green: #3CB521;
    --teal: #20c997;
    --cyan: #3399F3;
    --gray: #777;
    --gray-dark: #333;
    --primary: #091A38; /* #091A38 */
    --lprimary: #acc9e6;
    --secondary: #999;
    --lsecondary: #e6e6e6;
    --success: #3CB521;
    --lsuccess: #cbffbf;
    --info: #3399F3;
    --linfo: #bfe1ff;
    --warning: #ff6200;
    --lwarning: #ffdfbf;
    --danger: #CD0200;
    --ldanger: #ffbfbf;
    --postit: #ffd500;
    --lpostit: #fbfbd6;
    --light: #eee;
    --dark: #333;

    --ade-re: #d8ecff;
    --ade-re-m: #1c90ff;
    --ade-re-d: #00305e;
    --ade-gs: #d8ffec;
    --ade-gs-m: #1cff90;
    --ade-gs-d: #005e30;
    --ade-zd: #ffecd8;
    --ade-zd-m: #ff901c;
    --ade-zd-d: #5e3000;
    --ade-zd-dd: #4800c5;

    --font-family-sans-serif: Verdana, Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
html {
    font-size: 12px;
}
body {
    font-family: Verdana, Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    color: #777;
    margin-right: unset;
    /*margin-left: 10px;*/
}

@-ms-viewport {
    width: device-width
}
dfn {
    font-style: italic
}
i {
    font-size: 1.25em;
    cursor: pointer;
}
i[disabled] {
    color: #999999 !important;
    cursor: auto;
}
i.inert{
    cursor: default;
}
a {
    color: #3399F3;
}
a:not([href]) {
    color: #3399F3;
}

a:hover {
    color: #0c73cd;
}
.adetext-middle label {
    margin-top: 5px;
    margin-left: 5px;
    font-weight: bold;
    color: #777;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 600;
    color: #2d2d2d;
}
small, .small {
    font-size: .9rem;
}
.large {
    font-size: 1.25rem;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
    min-height: 1px;
}

.prp-00 {padding-right: 0px;}
.prp-10 {padding-right: 10px;}
.prp-20 {padding-right: 20px;}
.prp-30 {padding-right: 30px;}
.prp-40 {padding-right: 40px;}
.prp-50 {padding-right: 50px;}

.table {
    table-layout: fixed;
    margin-bottom: unset;
}

.table .table-spacer{
    font-size: 0px;
    visibility: collapse;
}

.table th, .table td {
    /*vertical-align: top; */
    font-size: 1rem;
}
.table .table {
    background-color: #fff
}

.table-sm th, .table-sm td {
    padding: 0.3rem;
    font-size: 1rem;
}

.table-compact.table-sm th, .table-compact.table-sm td {
    padding: 0rem;
    font-size: 1rem;
}

.table-tiny td, .table-tiny th {
    font-size: .9rem;
}

.table-tiny td, .table-tiny th {
    font-size: .9rem;
}
.table-sm.table-form.table-tiny td, .table-sm.table-form.table-tiny th {
    font-size: .9rem;
}
.table-tiny select, .table-tiny input {
    font-size: .9rem;
}

.table-micro td, .table-micro th {
    font-size: .8rem;
}

.table-micro td, .table-micro th {
    font-size: .8rem;
}
.table-sm.table-form.table-micro td, .table-sm.table-form.table-micro th {
    font-size: .8rem;
}
.table-micro select, .table-micro input {
    font-size: .8rem;
}


.table-sm.table-form th, .table-sm.table-form td {
    font-size: 1rem;
}
.table td.text-middle {
    vertical-align: middle;
}

.table-form th {
    color: #091A38;
    font-weight: normal;
    text-align: right;
    vertical-align: middle;
}
.table-form th.label-top {
    padding-top: calc(0.6rem + 1px);
    vertical-align: top;
}
.table-form th.text-top {
    vertical-align: top;
}
.table-form td.label-top {
    padding-top: calc(0.6rem + 1px);
    vertical-align: top;
}
.table-form td {
    color: black;
    vertical-align: middle;
}
.table-form li {
    padding-bottom: .5rem;
    line-height: 1.3rem;
}
.table-form td.left-danger{
    border-left: 3px solid #cc0000;
}

.table-sm th.text-top {
    vertical-align: top;
}
.table-sm td.label-top {
    padding-top: calc(0.6rem + 1px);
    vertical-align: top;
}

.table-form .table-header th {
    text-align: left;
    background-color: #eee;
    border-top: 1px solid #999;
    font-weight: bold;
}
.table-form .table-header td {
    text-align: left;
    background-color: rgba(0,0,0,0.03);
    font-weight: bold;
    height: 2.6rem;
    color: #777;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.table-form .table-section {
    text-align: left;
    font-weight: bold;
    border-top: 1px solid #999;
    background-color: #eee;
}
.table-form .row-underline {
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #BBB;
}
.table-form .table-separator td {
    padding: 0px;
}
.table-form .table-separator td hr {
    margin-top: .4rem;
    margin-bottom: .2rem;
}
.table-form input[type="checkbox"] {
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-right: 5px;
    top: 3px;
    position: relative;
    margin-bottom: 5px;
}
.table-form input[type="radio"] {
    display: inline-block;
    height: 18px;
    width: 18px;
    margin-right: 5px;
    top: 3px;
    position: relative;
    margin-bottom: 5px;
}
.table-form th input[type="checkbox"] {
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-right: 5px;
    position: relative;
}
.table-form th input[type="radio"] {
    display: inline-block;
    height: 18px;
    width: 18px;
    margin-right: 5px;
    position: relative;
}
.table-form td label {
    font-weight: normal;
    color: #666;
    padding-top: 5px;
    padding-left: 10px;
    margin-bottom: 0px;
}
.btn-group-toggle > label.btn.btn-primary:not(.active) {
    color: white;
}
.btn-group-toggle > label.btn {
    font-weight: bold;
}
.form-control.labeled {
    display: inline-block;
}
.table-form tr {
    min-height: 2.5rem;
}
.table-form-narrow th {
    text-align: left !important;
}
.table-form-narrow td {
    padding-left: 2.5rem;
}
.table-form td.tf-fieldname {
    font-size: .8rem;
    color: #888;
}

.table-form .tf-underline1 td, .table-form .tf-underline1 th {
    border-bottom: 1px solid #AAA;
}
.table-form .tf-underline2 td, .table-form .tf-underline2 th {
    border-bottom: 2px solid #AAA;
    font-weight: bold;
}

.table-form td.text-top {
    vertical-align: top;
}

.table thead tr th {
    text-align: left;
}
.table-small td {
    font-size: 1rem;
}
.table-small th {
    font-size: 1rem;
}
th.sortasc::before{
    content: "˄"; /* ˄🢑 */
    padding-right: 5px;
    color: #3399f3;
}
th.sortdesc::before{
    content: "˅"; /* ˅🢓 */
    padding-right: 5px;
    color: #3399f3;
}

.table th.th_sort {
    color: #091A38;
}
.table th.th_sort:hover {
    color: #acc9e6;
}

.table-xs {
    margin:0px;
}
.table-xs td {
    font-size: .85rem;
    padding: 2px 2px 2px 5px;
    vertical-align: top;
}
.table-xs th {
    font-size: .85rem;
    padding: 0px;
}

.table thead .th-linfo{
    background-color: #bfe1ff;
}
.table thead .th-lpostit{
    background-color: #fbfbd6;
}
.table thead .th-lwarning{
    background-color: #ffdfbf;
}
.table thead .th-lsuccess{
    background-color: #cbffbf;
}
.table thead .th-ldanger{
    background-color: #ffbfbf;
}
.table tbody .td-linfo{
    background-color: #e9f2ff;
}
.table-hover tbody tr:hover .td-linfo {
    background-color: #bfe1ff;
}
.table tbody .td-lpostit{
    background-color: #ffffee;
}
.table-hover tbody tr:hover .td-lpostit {
    background-color: #fbfbd6;
}
.table tbody .td-lwarning{
    background-color: #ffeada;
}
.table-hover tbody tr:hover .td-lwarning {
    background-color: #ffdfbf;
}
.table tbody .td-lsuccess{
    background-color: #e7ffe3;
}
.table-hover tbody tr:hover .td-lsuccess {
    background-color: #cbffbf;
}
.table tbody .td-ldanger{
    background-color: #ffe4e4;
}
.table-hover tbody tr:hover .td-ldanger {
    background-color: #ffbfbf;
}

.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: #cbd6e3;
}
.table-hover .table-primary:hover {
    background-color: #bac9da
}
.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
    background-color: #bac9da
}
.table .thead-light .list-sort {
    color: #091A38;
}
.table .thead-light .list-sort:hover {
    background-color: #f8f8f8;
}
.table thead.thead-stick tr th {
    position: sticky;
    top: 0;
    z-index: 1;
}
.table .tr-topborder td {
    border-top: 1px solid #dee2e6 !important;
}
.table .tr-topborder-white td {
    border-top: 1px solid #ffffff !important;
}
.table tbody tr.odd {
    background-color: rgba(0, 0, 0, 0.05);
}
.form-control {
    height: calc(2.25rem + 2px);
}
.form-control:focus {
    border-color: unset;
    box-shadow: 0 0 0 0.2rem rgba(68, 110, 155, 0.25)
}
.custom-file-input:disabled {
    opacity: 0;
}

.input-group {
    position: static;
}

.form-group {
    margin-bottom: 0rem;
}

.input-group .form-control{
    display:inline-block;
}
.input-group-sm > .form-control {
    font-size: 1rem;
}
.input-group-sm > .btn-sm {
    height: calc(1.5em + 0.5rem + 4px);
}
.input-group-sm > .input-group-prepend {
    height: calc(1.5em + 0.5rem + 2px);
}
.input-group-sm > .input-group-append {
    height: calc(1.5em + 0.5rem + 2px);
}
.input-group-checkbox {
    position: relative;
    display: table-cell;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
.table-form .input-group-checkbox label {
    font-weight: bold;
    display: inline-block;
    position: absolute;
}
input.form-input-cbx {
    float: left !important;
}
.table-form label.form-label-cbx {
    width: calc(100% - 35px);
    font-weight: bold;
    display: block;
    float: left !important;
    padding-top: 4px;
    padding-left: 6px;
}
.table-form label.form-label-cbx2 {
    width: calc(50% - 25px);
    font-weight: bold;
    display: block;
    float: left !important;
    padding-top: 4px;
    padding-left: 6px;
}

.table-form label.form-label-rbt {
    font-weight: bold;
    display: block;
    float: left !important;
    padding-top: 4px;
    padding-left: 2px;
    padding-right: 16px;
}
.table.td-center td {
    text-align: center;
}
.table-form thead th {
    font-weight: bold;
}

input[type='checkbox'] + input[type='checkbox'] {
    margin-left: 10px;
}
/* trennzeile in form tabelle mit überschrift */
.table-form .title-sub, .card-header.title-sub{
    font-weight: bold;
    font-size: 1.1rem;
    color: #091A38;
    background-color: #f8f9fa !important;
    border-top-color: #acc9e6;
    border-top-style: solid;
    border-top-width: 1px;
    padding: .25rem;
    padding-left: 10px;
    height: 25px;
    vertical-align: middle;
}



/* trennzeile in tabelle mit überschrift */
.table .title-sub{
    font-weight: bold;
    font-size: 1.1rem;
    color: #091A38;
    background-color: #f8f9fa !important;
    border-top-color: #acc9e6;
    border-top-style: solid;
    border-top-width: 1px;
    padding: .25rem;
    padding-left: 10px;
    height: 25px;
    vertical-align: middle;
}

.card-borderless .card-header {
    border: none;
}

/* trennzeile in form tabelle mit überschrift */
.card-header.header-nav{
    border-top-color: #acc9e6;
    border-top-style: solid;
    border-top-width: 0px;
    padding: 0px;
}

/* trennzeile in form tabelle mit überschrift */
.card-header.header-section{
    font-weight: bold;
    font-size: 1.1rem;
    color: #FFF;
    background-color: #999 !important;
    border-top-color: #777;
    border-top-style: solid;
    border-top-width: 1px;
    padding: .25rem;
    padding-left: 10px;
    height: 25px;
    vertical-align: middle;
}

.sort-asc::after{
    content: ' ⌃';
    color: #777;
}
.sort-desc::after{
    content: ' ⌄';
    color: #777;
}

.table .thead-info th {
    color: #fff;
    background-color: #3399F3;
    border-color: #0e80e6
}
.form-control.form-control-danger {
    border: 1px solid #d20000;
}
.form-control.form-control-danger:focus {
     box-shadow: 0px 0px 0px 0.2rem rgba(210, 0, 0, 0.35);
 }
.form-control-plaintext {
    padding-bottom: 0.375rem;
}
.form-control-sm {
    height: calc(1.8125rem + 2px);
    font-size: 1rem;
}
.form-control-sm input[type="checkbox"] {
    height: calc(1.25rem + 2px);
}
input[type="checkbox"].form-control-sm {
    height: calc(1.25rem + 2px);
}
.form-control-lg {
    height: calc(2.875rem + 2px);
}
input.form-control.animate-border {
    background-image: linear-gradient(#d0d0d0, #d0d0d0), /* baseline */ linear-gradient(90deg, transparent 40%, #1677ff 50%, transparent 60%);
    background-repeat: no-repeat, no-repeat;
    background-size: 100% 0px, 200% 3px;
    background-position: left bottom, 0% 100%;
    animation: border-sweep 1.75s ease-in-out infinite;
}
input.form-control.animate-border::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 2px;
    width: 100%;
    background: linear-gradient(to right, transparent 0%, blue 50%, transparent 100%);
    animation: border-sweep 2s infinite linear;
}
@keyframes border-sweep {
    0%   { background-position: left bottom,   0% 100%; }
    50%  { background-position: left bottom, 100% 100%; }
    100% { background-position: left bottom,   0% 100%; }
}

.animate-border {
    background-image: linear-gradient(#d0d0d0, #d0d0d0), /* baseline */ linear-gradient(90deg, transparent 40%, #1677ff 50%, transparent 60%);
    background-repeat: no-repeat, no-repeat;
    background-size: 100% 0px, 200% 3px;
    background-position: left bottom, 0% 100%;
    animation: border-sweep 1.75s ease-in-out infinite;
}

.btn {
    white-space: nowrap;
    border-width: 1px;
    border-bottom-color: #999;
    border-left-color: #eee;
    border-top-color: #eee;
    border-right-color: #999;
    padding: 0.2rem 0.5rem;
 }
.btn:hover:not(:disabled), .btn:focus:not(:disabled) {
    opacity: .75;
    border-bottom-color: #bbb;
    border-left-color: #444;
    border-top-color: #444;
    border-right-color: #bbb;
    border-style: solid;
    background-image: none;
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}
.btn-primary {
    color: #fff;
    background-color: #091A38;
    border-color: #091A38
}
.btn-primary:hover {
    color: #fff;
    background-color: #385b80;
    border-color: #345578
}
.btn-primary:focus, .btn-primary.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(68, 110, 155, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(68, 110, 155, 0.5)
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #091A38;
    border-color: #091A38
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #53a0f1; /* 345578 */
    border-color: #314f6f
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(68, 110, 155, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(68, 110, 155, 0.5)
}



.btn-neutral {
    color: #fff;
    background-color: #a0a0a0;
    border: 1px solid #909090
}
.btn-neutral:hover {
    color: #fff;
    background-color: #808080;
    border: 1px solid #707070
}
.btn-neutral:focus, .btn-neutral.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(128, 128, 128, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(128, 128, 128, 0.5)
}
.btn-neutral.disabled, .btn-neutral:disabled {
    color: #fff;
    background-color: #a0a0a0;
    border-color: #808080
}
.btn-neutral:not(:disabled):not(.disabled):active, .btn-neutral:not(:disabled):not(.disabled).active, .show > .btn-neutral.dropdown-toggle {
    color: #fff;
    background-color: #345578;
    border-color: #314f6f
}
.btn-neutral:not(:disabled):not(.disabled):active:focus, .btn-neutral:not(:disabled):not(.disabled).active:focus, .show > .btn-neutral.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(128, 128, 128, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(128, 128, 128, 0.5)
}

.btn-outline-primary {
    color: #091A38;
    background-color: transparent;
    background-image: none;
    border-color: #091A38
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #091A38;
    border-color: #091A38
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(68, 110, 155, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(68, 110, 155, 0.5)
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #091A38;
    background-color: transparent
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #091A38;
    border-color: #091A38
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(68, 110, 155, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(68, 110, 155, 0.5)
}

.btn-vw10 {
    width: calc(10vw - 0.25rem);
}
.btn-vw20 {
    width: 20vw;
}

.dropdown-toggle::after {
    width: 0;
    height: 0;
}
.dropdown-item {
    height: 2rem;
}
.dropdown-item:not(:nth-of-type(1)) {
    border-top: 1px solid #e6e6e6;
}
.dropdown-item i {
    color: #091A38;
    margin-right: 10px;
}
.dropdown-item a {
    color: #212529;
    text-decoration: none;
}

.dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
}
.dropdown-menu .dropdown-submenu-left {
    right: 100%;
    left: auto;
}
.dropdown-menu > li:hover > .dropdown-submenu {
    display: block;
}

.dropup .dropdown-toggle::after {
    width: 0;
    height: 0;
}
.dropright .dropdown-toggle::after {
    width: 0;
    height: 0;
}
.dropleft .dropdown-toggle::before {
    width: 0;
    height: 0;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #091A38
}

.dropnocontent:not(:has(.dropdown-item:not([disabled]))) {
    display: none;
}

.custom-control-input:checked ~ .custom-control-label::before {
    background-color: #091A38
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    background-color: #091A38
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(68, 110, 155, 0.5)
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #091A38
}
.custom-select {
    height: calc(2.25rem + 2px);
}
.custom-select-lg {
    height: calc(2.875rem + 2px);
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    font-size: 125%
}
.custom-file-input {
    height: calc(2.25rem + 2px);
}
.custom-file-label {
    height: calc(2.25rem + 2px);
}
.custom-file-label::after {
    height: 2.25rem;
}

.bootstrap-select li.disabled a {
    background-color: #eeeeee;
    padding-bottom: unset;
    font-weight: 700;
    color: #666666;
}

.nav {
    /*padding-left: 10px;*/
    border-bottom: #091A38 3px solid;
    /*margin-left: -6px;*/
    /*margin-right: -6px;*/
    font-size: 1rem;
    font-weight: 600;
    padding-bottom: 1px;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #fff;
    border-color: #091A38 #091A38 transparent;
    font-weight: bold;
}

.nav-link {
    padding: 0.25rem 0.5rem;
}
.nav-link.active {
    color: #091A38;
}
.nav-tabs .nav-link {
    color: #ffffff;
    border: 1px solid;
    background-color: #3e6388;
    border-color: #999 #999 transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link.disabled {
    color: white;
    background-color: #999;
    border-color: transparent;
}

.nav-link.nav-link-sub {
    background-color: #acc9e6;
    color: #333;
}

.nav-pills .nav-link {
    display: block;
    padding: 0.25rem 0.5rem;
    background-color: #eee;
    border-color: #999;
    border-width: 1px 1px 0px 1px;
    border-style: solid;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #091A38
}
.navbar {
    padding: 0.25rem 0.5rem
}
.navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer
}
.navbar-light .navbar-brand {
    color: #3399F3
}

.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
    color: #3399F3
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: #3399F3
}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
    color: #3399F3
}
.navbar-light .navbar-text a {
    color: #3399F3
}

.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
    color: #3399F3
}
.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.75)
}

.navbar-lg .nav-item .nav-link {
    font-size: 1.2rem;
}
.navbar-lg .nav-item .nav-link.active {
    font-weight: bold;
}
.nav-link .nav-badge {
    padding-top: 5px;
    height: 25px;
}
.card-borderless {
    border: 0px;
}
.card-body {
    padding: 0px;
    margin: 0px;
}
.card-body > .row {
    margin-right: 0px;
    margin-left: 0px;
}
.card-body.noflex {
    flex:unset;
    min-height: auto;
}
.card-header {
    font-weight: 600;
    padding: 0.25rem 1rem;
    margin: 0px;
    font-weight: bold;
    font-size: 1.1rem;
    color: #091A38;
    background-color: #f8f9fa !important;
    border-top: 2px solid rgba(0, 0, 0, 0.125);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
 }
.card-header.pagetitle {
    background-color: #091A38 !important;
    color: white;
}
.card-header.subtitle {
    background-color: #333 !important;
    color: white;
}
.card-header.bg-secondary.text-white {
    background-color: #333 !important;
    color: white;
}
.card-header-top {
    color:white;
    font-weight:bold;
    background-color: #091A38 !important;
    border-top-width: 5px;
    border-top-color: #091A38;
    border-top-style: solid;
    font-size: 1.2rem;
}
.card-header-sub {
    color:white;
    font-weight:bold;
    background-color: #555555 !important;
    border-top-width: 5px;
    border-top-color: #555555;
    border-top-style: solid;
    padding: 0px 1rem;
}
.card-header-light {
    color:#333;
    font-weight:bold;
    background-color: #eee !important;
    border-top: none;
    padding: 0px 1rem;
}
.card-header.bg-danger{
    background-color: #CD0200 !important;
}
.card-header.bg-warning{
    background-color: #ff6200 !important;
}
.card-header.bg-info{
    background-color: #3399F3 !important;
}
.card-header.bg-success{
    background-color: #3CB521 !important;
}
.card-header.bg-primary{
    background-color: #091A38 !important;
}
.card-header.bg-secondary{
    background-color: #999 !important;
}
.card-header.bg-postit{
    background-color: #ffd500 !important;
}
.card-header.bg-dark{
    background-color: #333 !important;
}


.header-title {
    font-size: 1.25rem;
    color: #091A38;
    border-top: 2px solid #091A38;
    /* margin-top:25px;*/
}
.card-header-title {
    font-size: 1.25rem;
    color: #091A38;
    border-top: 2px solid #091A38;
    /* margin-top:25px;*/
}
.card-header.header-title .btn {
    margin-right: 0px;
}
.card-header.card-header-title .btn {
    margin-right: 0px;
}
.card-header:first-child {
    border-radius: unset;
}
.card-header .btn {
    padding: 3px 10px 3px 10px;
    margin-right: 0.25rem;
    margin-top: -0.25rem;
}
.card-header .btn-sm {
    padding: 1px 10px 3px 10px;
    margin-right: 0.25rem;
    margin-top: -2px;
    height: 21px;
}
.card-header>i {
    padding-top: 3px;
}
.card-footer {
    padding: 0.25rem 0.5rem;
}
.card-footer:last-child {
    border-radius: unset
}
.page-item.active .page-link {
    background-color: #091A38;
    border-color: #091A38
}
/* bs badge */
.badge {
    padding: 0.3em 0.7em;
}
.badge-pulse{
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.badge-primary.badge-pulse{
    animation-name: badgepulse-primary;
}
.badge-danger.badge-pulse{
    animation-name: badgepulse-danger;
}
.badge-warning.badge-pulse{
    animation-name: badgepulse-warning;
}
.badge-success.badge-pulse{
    animation-name: badgepulse-success;
}
@keyframes badgepulse-primary {
    0% {background-color: #acc9e6;}
    50% {background-color: #091A38;}
    100% {background-color: #acc9e6;}
}
@keyframes badgepulse-danger {
    0% {background-color: #ffbfbf;}
    50% {background-color: #CD0200;}
    100% {background-color: #ffbfbf;}
}
@keyframes badgepulse-warning {
    0% {background-color: #ffe2bf;}
    50% {background-color: #ff6200;}
    100% {background-color: #ffe2bf;}
}
@keyframes badgepulse-success {
    0% {background-color: #cbffbf;}
    50% {background-color: #3CB521;}
    100% {background-color: #cbffbf;}
}
.badge-blink{
    animation-duration: 1s;
    animation-timing-function: step-end;
    animation-iteration-count: infinite;
}
.badge-primary.badge-blink{
    animation-name: badgeblink-primary;
}
.badge-warning.badge-blink{
    animation-name: badgeblink-warning;
}
.badge-danger.badge-blink{
    animation-name: badgeblink-danger;
}
.badge-success.badge-blink{
    animation-name: badgeblink-success;
}
.badge-info.badge-blink{
    animation-name: badgeblink-info;
}
@keyframes badgeblink-primary {
    0% {background-color: #acc9e6;}
    50% {background-color: #091A38;}
}
@keyframes badgeblink-warning {
    0% {background-color: #ffe2bf;}
    50% {background-color: #ff6200;}
}
@keyframes badgeblink-danger {
    0% {background-color: #ffbfbf;}
    50% {background-color: #CD0200;}
}
@keyframes badgeblink-success {
    0% {background-color: #cbffbf;}
    50% {background-color: #3CB521;}
}
@keyframes badgeblink-info {
    0% {background-color: #bfe1ff;}
    50% {background-color: #3399F3;}
}
.badge-bordered {
    border-width: 2px;
    border-style: solid;
}
.badge-primary.badge-bordered{
    border-color: #091A38;
}
.badge-danger.badge-bordered{
    border-color: #870200;
}
.badge-warning.badge-bordered{
    border-color: #ff6200;
}
.badge-success.badge-bordered{
    border-color: #306c1f;
}
.badge-info.badge-bordered {
    border-color: #091A38;
}
.badge-secondary.badge-bordered{
    border-color: #363636;
}
.badge-primary {
    background-color: #091A38
}
.badge-primary[href]:hover, .badge-primary[href]:focus {
    text-decoration: none;
    background-color: #345578
}
.badge-secondary {
    color: #fff
}

/* bs alert */
.alert {
    padding: 0.25rem 0.5rem;
    border-radius: 0.5rem
}
.alert-heading {
    font-variant: small-caps;
}
.alert-primary {
    color: #233951;
    background-color: #dae2eb;
    border-color: #cbd6e3
}
.alert-postit {
    color: #ffd500;
    background-color: #fffdf7;
    border-color: #fff8dc
}
.alert-warning {
    color: #ff6200;
    background-color: #fff0e7;
    border-color: #ffddc7
}
.alert-primary hr {
    border-top-color: #bac9da
}
.alert-primary .alert-link {
    color: #14202d
}

/* bs progress */
.progress-bar {
    background-color: #091A38;
}

/* bs list */
.list-group-item:hover, .list-group-item:focus {
    text-decoration: none
}
.list-group-item.active {
    background-color: #091A38;
    border-color: #091A38
}
.list-group-item-primary {
    color: #233951;
    background-color: #cbd6e3
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: #233951;
    background-color: #bac9da
}
.list-group-item-primary.list-group-item-action.active {
    background-color: #233951;
    border-color: #233951
}

/* bs modal */
.modal {
    right: 0;
    bottom: 0;
    overflow-y: scroll;
}
.modal-body {
    padding: 0.2rem;
}
.modal-header {
    border-bottom: 1px solid #eee;
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    font-weight: 600;
}
.modal-footer {
    border-top: 1px solid #eee
}
.modal-dialog.modal-drawer-right {
    position: absolute;
    x: 0px;
    top: 0px;
    height: 100vh;
    margin-top: 0px;
}
/* bootbox alert - confirm */
.bootbox .modal-content {
    width: 100%;
    border: 2px solid #091A38;
    border-radius: 0.5rem;
    box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.3);
}
.bootbox .modal-header {
    display: inherit;
    border-top-right-radius: calc(0.5rem - 2px);
    border-top-left-radius: calc(0.5rem - 2px);
}
.bootbox .modal-body {
    padding: 1rem;
}

@media (min-width: 576px){
    .card-deck {
        margin-right: 0;
        margin-left: 0;
    }
}
@media (min-width: 1400px) {
    .modal-xxl {
        max-width: 1500px
    }
}
@media (min-width: 1400px) {
    .modal-sm {
        max-width: 450px;
    }
}
@media (min-width: 1400px) {
    .modal-md {
        max-width: 600px;
    }
}
/*
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem);
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem);
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }
    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
    }
}
*/
.tooltip {
    font-family: Verdana, Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.popover {
    font-family: Verdana, Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.bg-primary {
    background-color: #091A38 !important
}
a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
    background-color: #345578 !important
}
.bg-llprimary {
    background-color: #e6edfc !important
}
.bg-lprimary {
    background-color: #acc9e6 !important
}
.bg-dprimary {
    background-color: #131f3d !important
}
.bg-lsuccess {
    background-color: #e8ffe8 !important
}
.bg-dsuccess {
    background-color: #1d6c36 !important
}
.bg-ldanger {
    background-color: #f5cccc !important
}
.bg-ddanger {
    background-color: #a22a35 !important
}
.bg-linfo {
    background-color: #bfe1ff !important
}
.bg-lwarning {
    background-color: #f6e3cc !important
}
.bg-lgrey {
    background-color: #f6f9fd !important
}
.bg-lsecondary {
    background-color: #eeeeee !important
}
.bg-lpostit {
    background-color: #fbfbd6 !important
}
.bg-postit {
    background-color: #ffd500 !important
}
.form-control.bg-ldanger {
background-color: #f5cccc;
}
.border-primary {
    border-color: #091A38 !important
}
.border-postit {
    border-color: #ffd500 !important;
}
.border-2 {
    border-width: 2px !important;
}
.border-4 {
    border-width: 4px !important;
}

.btn-adeak.border-warning {
    border-width: 2px;
}

/* bs breiten */
.w-01{width: 1%;max-width: 1% !important;}
.w-02{width: 2%;max-width: 2% !important;}
.w-03{width: 3%;max-width: 3% !important;}
.w-04{width: 4%;max-width: 4% !important;}
.w-05{width: 5%;max-width: 5% !important;}
.w-06{width: 6%;max-width: 6% !important;}
.w-07{width: 7%;max-width: 7% !important;}
.w-08{width: 8%;max-width: 8% !important;}
.w-09{width: 9%;max-width: 9% !important;}
.w-10{width: 10%;max-width: 10% !important;}
.w-15{width: 15%;max-width: 15% !important;}
.w-20{width: 20%;max-width: 20% !important;}
.w-25{width: 25%;max-width: 25% !important;}
.w-30{width: 30%;max-width: 30% !important;}
.w-40{width: 40%;max-width: 40% !important;}
.w-50{width: 50%;max-width: 50% !important;}
.w-60{width: 60%;max-width: 60% !important;}
.w-70{width: 70%;max-width: 70% !important;}
.w-75{width: 75%;max-width: 75% !important;}
.w-80{width: 80%;max-width: 80% !important;}
.w-90{width: 90%;max-width: 90% !important;}
.w-100{width: 100%;max-width: 100% !important;}
/* new column based */
.wc-1{width: 8.333333%;max-width: 8.333333% !important;}
.wc-2{width: 16.666667%;max-width: 16.666667% !important;}
.wc-3{width: 25%;max-width: 25% !important;}
.wc-4{width: 33.333333%;max-width: 33.333333% !important;}
.wc-5{width: 41.666667%;max-width: 41.666667% !important;}
.wc-6{width: 50%;max-width: 50% !important;}
.wc-7{width: 58.333333%;max-width: 58.333333% !important;}
.wc-8{width: 66.666667%;max-width: 66.666667% !important;}
.wc-9{width: 75%;max-width: 75% !important;}
.wc-10{width: 83.333333%;max-width: 83.333333% !important;}
.wc-11{width: 91.666667%;max-width: 91.666667% !important;}
.wc-12{width: 100%;max-width: 100% !important;}

/* bs text */

.text-middle, td .text.middle {
    vertical-align: center;
}
.text-top {
    vertical-align: top;
}
.text-bottom {
    vertical-align: bottom;
}
.font-size-sm {
    font-size: 0.8rem;
}
.font-size-dflt {
    font-size: 1.0rem;
}
.font-size-lg {
    font-size: 1.2rem;
}
.font-size-xl {
    font-size: 1.5rem;
}
.text-strike {
    text-decoration: line-through;
}
.text-primary {
    color: #091A38 !important
}
.text-postit {
    color: #ffd500 !important;
}
.text-warning {
    color: #ff6200 !important;
}
.text-medium {
    color: rgba(0, 0, 0, 0.33) !important;
}
a.text-primary:hover, a.text-primary:focus {
    color: #345578 !important
}
.text-primary-hover-danger {
    color: #091A38 !important
}
.text-primary-hover-danger:hover {
    color: #dc3545 !important
}
.text-dsuccess {
    color: #296637 !important;
}

pre code {
    color: #e83e8c;
}
code, pre {
    font-size: 1.1rem;
}

/* bs navbar */
.navbar .nav-link, .navbar .navbar-brand {
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: color ease-in-out .2s;
    transition: color ease-in-out .2s
}
.navbar.bg-primary {
    border: 1px solid #345578
}
.navbar.bg-dark {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#bfbfbf), color-stop(50%, #999), to(#8f8f8f));
    background-image: linear-gradient(#bfbfbf, #999 50%, #8f8f8f);
    background-repeat: no-repeat;
    -webkit-filter: none;
    filter: none;
    border: 1px solid #807f7f
}
.navbar.bg-light {
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #eee), to(#e4e4e4));
    background-image: linear-gradient(white, #eee 50%, #e4e4e4);
    background-repeat: no-repeat;
    -webkit-filter: none;
    filter: none;
    border: 1px solid #d5d4d4
}
.navbar.bg-light .nav-link, .navbar.bg-light .navbar-brand {
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1)
}
.navbar.bg-light .navbar-brand {
    color: rgba(0, 0, 0, 0.4)
}
.navbar.bg-light .navbar-brand:hover {
    color: #3399F3
}

/* bs button */
.btn {
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
    font-weight: bold;
}
.btn-primary {
    border: 1px solid #345578
}
.btn-primary:not(.disabled):hover {
    border: 1px solid #2e4b69
}

.btn-secondary {
    border: 1px solid #807f7f;
    color: #fff
}
.btn-secondary:not(.disabled):hover {
    border: 1px solid #757575
}
.btn-secondary.disabled, .btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}


.btn-group-toggle .btn-danger:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #CD0200;
    border-color: #CD0200;
}
.btn-group-toggle .btn-danger:not(:disabled):not(.disabled):not(.active) {
    color: #333;
    background-color: #ffbfbf;
    border-color: #ffbfbf;
}

.btn-group-toggle .btn-warning:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #ff6200;
    border-color: #ff6200;
}
.btn-group-toggle .btn-warning:not(:disabled):not(.disabled):not(.active) {
    color: #333;
    background-color: #ffdfbf;
    border-color: #ffdfbf;
}

.btn-group-toggle .btn-info:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #3399F3;
    border-color: #3399F3;
}
.btn-group-toggle .btn-info:not(:disabled):not(.disabled):not(.active) {
    color: #333;
    background-color: #bfe1ff;
    border-color: #bfe1ff;
}

.btn-group-toggle .btn-success:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #3CB521;
    border-color: #3CB521;
}
.btn-group-toggle .btn-success:not(:disabled):not(.disabled):not(.active) {
    color: #333;
    background-color: #cbffbf;
    border-color: #cbffbf;
}

.btn-group-toggle .btn-secondary:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b;
}
.btn-group-toggle .btn-secondary:not(:disabled):not(.disabled):not(.active) {
    color: #333;
    background-color: #e6e6e6;
    border-color: #e6e6e6;
}


.btn-primary {
    border: 1px solid #091A38;
}
.btn-primary:not(.disabled):hover {
    border: 1px solid #0e3964;
}
.btn-primary.disabled, .btn-primary:disabled {
    background-color: #acc9e6;
    color: #091A38;
}

.btn-success {
    border: 1px solid #2e8a19;
}
.btn-success:not(.disabled):hover {
    border: 1px solid #287916;
}
.btn-success.disabled, .btn-success:disabled {
    background-color: #cbffbf;
    color: #287916;
}

.btn-info {
    border: 1px solid #0e80e6
}
.btn-info:not(.disabled):hover {
    border: 1px solid #0c75d2
}
.btn-info.disabled, .btn-info:disabled {
    background-color: #bfe1ff;
    color: #0e80e6;
}

.btn-warning {
    border: 1px solid #a15900
}
.btn-warning:not(.disabled):hover {
    border: 1px solid #8d4e00
}
.btn-warning.disabled, .btn-warning:disabled {
    background-color: #ffdfbf;
    color: #a15900;
}

.btn-danger {
    border: 1px solid #9a0200
}
.btn-danger:not(.disabled):hover {
    border: 1px solid #860100
}
.btn-danger.disabled, .btn-danger:disabled {
    background-color: #ffbfbf;
    color: #9a0200;
}

.btn-dark {
    border: 1px solid #1a1919
}
.btn-dark:not(.disabled):hover {
    border: 1px solid #0f0f0f
}
.btn-dark.disabled, .btn-dark:disabled {
    background-color: #999;
    color: #0f0f0f;
}

.btn-light {
    border: 1px solid #d5d4d4;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1);
}
.btn-light:not(.disabled):hover {
    border: 1px solid #cacaca;
    color: #3399F3
}
.btn-link {
    text-shadow: none
}
.btn:active, .btn.active {
    background-image: none
}
[class*="btn-outline-"] {
    text-shadow: none
}


/* bs card */
.card h1, .card h2, .card h3, .card h4, .card h5, .card h6, .list-group-item h1, .list-group-item h2, .list-group-item h3, .list-group-item h4, .list-group-item h5, .list-group-item h6 {
    color: inherit;
}

.card {
    margin: 0.25rem !important;
}

.card.card-base {
    margin: 0 !important;
    border:none;
}

.card.card-base-100 {       /* Fill the viewport, never exceed it */
    margin: 0 !important;
    border:none;
    height: 100vh;          /* force the whole thing to the viewport height */
    overflow: hidden;       /* prevent the outer page from growing */
    display: flex;
    flex-direction: column;
}

/* Let the area below the outer header use remaining height */
.card-base-100 > .body-wrap {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;           /* critical for inner scroll areas */
    padding: 0;              /* optional: remove extra padding if you like */
}

/* Make the deck fill the available height */
.deck-stretch {
    display: flex;           /* .card-deck is flex already, this is just explicit */
    flex: 1 1 auto;
    min-height: 0;           /* allow children to shrink */
    margin: 0;               /* optional: tighter gutters than default card-deck */
}

/* Each column-card becomes a vertical flex container */
.inner-card {
    display: flex;
    flex-direction: column;
    min-width: 0;            /* avoid overflow in flex items */
    min-height: 0;
}

/* Default bodies hug content */
.inner-card .card-body {
    flex: 0 0 auto;          /* do not grow */
}

/* Only the LAST body should fill & scroll: add this class to that body */
.inner-card .grow-scroll {
    flex: 1 1 auto;          /* take remaining height */
    min-height: 0;           /* necessary so overflow works in all browsers */
    overflow: auto;          /* scroll if content overflows */
}

.card.card-borderless.m-0 {
    margin: 0 !important;
}

/* ADELTA spezifisch */
/* bookIndex */
.bookIndex_menu {
    display: block;
    position: fixed;
    right: 23px;
    background-color: white;
    padding: 10px;
    border: 2px solid #666;
    border-radius: 4px;
    top: 0px;
    font-size: 1.25rem;
}
.bookIndex_tab {
    display: block;
    position: fixed;
    right: 23px;
    background-color: white;
    padding: 7px;
    border: 2px solid #666;
    border-radius: 4px;
    top: 0px;
    font-size: 1.25rem;
}
.bookIndex_item {
    padding: 4px 8px;
    color: #091A38;
}
.bookIndex_item:hover {
    background-color: rgba(22, 84, 186, 0.125);
    border-radius: 8px;
    cursor: pointer;
}
.bookIndex_item i {
    color: #091A389c;
    font-size: 1.5rem;
    cursor: pointer;
}
/* note */
.noteTab2 {
    width: 750px;
    font-size: 1rem;
    border-spacing: 0;
    border-collapse: collapse;
    border: 1px solid #49668f;
}
.noteTab2 th {
    background-color: #49668f;
    color: #ffffff;
    text-align: left;
    padding: 6px;
}
.noteTab2 td {
    background-color: #ffffb5;
    color: #000;
    line-height: 22px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 5px;
}

.icon-action{
    cursor:pointer;
}
.btn i {
    float: left;
    margin-top: 1px;
    margin-left: -1px;
    cursor: pointer;
}
.card-header .btn i {
    margin-left: -5px;
    cursor: pointer;
}
.card-header .btn-sm i {
    margin-top: 3px;
    margin-left: -5px;
    cursor: pointer;
}
.dropdown-toggle i {
    float: none;
    cursor: pointer;
}
.quickSave{
    border-left-width: 2px;
}
.quickSave-dirty{
    border-left: 2px solid #CD0200;
}
.quickSave-save{
    border-left: 2px solid #ff6200;
}

.form-required, .form-required:focus {
    border-left: 3px solid #cc0000;
}
.form-required-check, .form-required-check:focus {
    border-left: 3px solid #008811;
}

.form-required::after {
    content: "*";
}

.cusvWidget-box.form-required::after {
    content: unset;
}

.custom-file-label::after {
    content: "Auswählen";
}

.input-valid {
    border-color: #28a745;
    padding-right: calc(1.5em + 0.75rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.input-invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

select option:disabled{
    color: #acacac;
    font-style: normal;
    background-color: #f0f0f0;
}
.toggle-group{
    color: #333;
    font-weight: normal;
}
.toggle-group label{

}
/* adeLoader */
.adeLoader{
    position: fixed;
    top:0px;
    left:0px;
    width: 100%;
    height: 100%;
    background: black;
    opacity: .5;
    z-index:99999;
}
.adeLoaderPayload{
    margin-top: 35vh;
}
.adeLoaderSpin{
    width: 2.5rem;
    height: 2.5rem;
}
.adeLoaderTitle{
    font-size: 1.5rem;
    font-weight: bold;
}
.adeLoaderInfo{
    font-size: 1rem;
    font-weight: normal;
}

.iframe_full{
    width: 100%;
    height: 100%;
    padding-right: 10px;
}


.docList {
    width: 100%;
    display: block;
}

.docListLine{
    display: flex;
    background-color: #efefef;
    margin-bottom: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.docListIcon{
    padding: 10px 8px 10px 5px;
    border-right: 1px solid #999;
    cursor: pointer;
    font-size: larger;
}

.docListName{
    padding-left: 5px;
    font-size: smaller;
    flex-grow: 1;
    overflow: hidden;
}
.docListSize{
    padding-left: 5px;
    font-size: smaller;
    overflow: hidden;
    width: 70px;
    text-align: right;
    margin-right: 5px;
}
.docListDate{
    padding-left: 5px;
    font-size: smaller;
    text-align: end;
    margin-right: 5px;
}
.docListDelete{
    padding: 10px;
    font-size: larger;
    color: #b20000;
    border-left: 1px solid #999;
    cursor: pointer;
}
.docListLineData{
    white-space: nowrap;
    overflow: hidden;
    flex-grow: 1;
    padding: 10px 10px 10px 10px;
    display: flex;
    background-color: #fafafa;
}

.freefloat {
    position: fixed;
    z-index: 10;
    top: 30px;
    left: 5px;
}

.card.picTile {
    flex:auto;
    height: 17vw;
    margin: 0px !important;
}

.sptupThumb {
    height:100%;
    overflow: hidden;
}
.sptupDocContainer {
    display: flex;
    flex-wrap: wrap;
}
.sptupDoc {
    flex:auto;
}

.highlight {
    color: #091A38;
    font-weight: bold;
}

.debiSearch_listResults {
    display: block;
    position: absolute;
    z-index: 111;
    background-color: aliceblue;
    top: 25px;
    width: 92%;
    border: 2px solid grey;
    max-height: 450px;
    overflow-y: auto;

}

td.small {
    font-size: .75rem;
}

td.constrained {
    white-space: nowrap;
    overflow-x: hidden;
}

tr.row-locked {
    background-color: #ffbfbf;
}
tr.row-locked input {
    display: none;
}

.table-active,
.table-active > th,
.table-active > td {
    background-color: #1c90ff;
    color: white;
}
.table-activeLight,
.table-activeLight > th,
.table-activeLight > td {
    background-color: #a4cffe;
    color: white;
}

.table-selected,
.table-selected > th,
.table-selected > td {
    background-color: #e6e6e6;
    color: unset;
}

.tr-unsel {
    border-left: 20px solid white;
}
.tr-sel {
    border-left: 20px solid #091A38;
}

.tpay_dataList td {
    white-space: nowrap;
    overflow-x: hidden;
}

.fct-clip span.fancytree-title {
    color: #777;
}
.fct-clip span.fancytree-icon {
    color: #ff6200;
}
.text-pre {
    white-space: pre-line;
}

li.context-menu-item:not(:nth-of-type(1)) {
    border-top: 1px solid #e6e6e6;
}
.context-menu-list {
    min-width: 200px; /* minimum width */
    width: 250px;     /* fixed width */
    max-width: 500px; /* maximum width */
}
li.context-menu-item > span {
    margin-left: 10px;
}

.dropdown-item.disabled, .dropdown-item:disabled {
    color: #b1bcc5;
}
.ade-navbar {
    background-color: #dcdcdc;
}
.ade-navtitle {
    text-decoration: none;
    color: #444444;
    padding: 5px 10px 5px 10px;
    font-weight: bold;
    display: block;
}
.ade-navlink {
    text-decoration: none;
    color: #444444;
    font-weight: normal;
    padding: 5px 10px 5px 10px;
    display: block;
}

.ade-navlink:hover {
    text-decoration: none;
    color: #444444;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    background-color: #f0f0f0;
    display: block;
}
/*
.ade-navlink::before {
    text-decoration: none;
    display: block;
    content: attr(title);
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
*/
.ade-navlink-active {
    text-decoration: none;
    color: #666666;
    font-weight: bold;
    background-color: #fafafa;
}

.dropdown-menu i.icon-action:hover {
    text-shadow: 0px 0px 3px #3399F3;
}

.note-dropdown-menu a.dropdown-item {
    height: auto;
}

.table-sm hr {
    margin-top: .2rem;
    margin-bottom: .2rem;
}

.table tbody tr.table-multihover {
    color: #212529;
    background-color: rgba(0, 0, 0, 0.075);
}

.popover {
    box-shadow: 2px 2px 5px 1px #949494;
}

.popover-body {
    overflow-y: auto;
    max-height: 90vh;
}

i.disabled {
    color: #999 !important;
    cursor: auto;
}

.btn-adeak {
    width: 28px;
    height: 28px;
    padding: 0;
}

.card-header .btn-adeak {
    width: 28px;
    height: 21px;
    padding: 0;
}

.card-header .btn-adeak i {
    padding-bottom: 2px;
    padding-left: 5px;
}

.movemodal{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: fit-content;
    height: fit-content;
    padding: 0 !important;
    z-index: 737;
}

.movemodal .modal-content {
    -webkit-box-shadow: 3px 3px 10px 0px rgb(0 0 0 / 64%);
    box-shadow: 3px 3px 10px 0px rgb(0 0 0 / 64%);
}
.movemodal .modal-header {
    display: block;
}

.modal-header {
    display: block;
}
.remark-edit-topstick {
    position: absolute;
    margin-right: 15px;
    background-color: white;
    z-index: 100;
}
.corner_tr {
    background-color: #444;
    box-shadow: 0 0 3px 2px rgb(0 0 0 / 80%);
    height: 16px;
    left: 8px;
    position: relative;
    float: right;
    top: -8px;
    width: 16px;
    /* -webkit-transform: rotate(-45deg); */
    clip-path: polygon(0 0,8px 0,8px 8px);
}
td .hover-child{
    visibility: hidden;
}
td:hover .hover-child{
    visibility: visible;
}
span.adotList_fileName {
    white-space: nowrap;
    max-width: calc(100% - 30px);
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
}

.badge-option {
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.25);
    font-size: 1.0rem;
    font-weight: normal;
    padding-top: 0.0rem;
}

.badge-icon {
    padding-top: 0.3rem;
    padding-left: 0.5rem;
}

.badge-input {
    font-size: 1rem;
    font-weight: normal;
    border: 1px solid grey;
    padding: 0.2em 0.7em;
    margin-top: -1px;
    border-radius: 0.4rem;
    margin-right: 0.2em;
    margin-bottom: 0.2em;
}

div.form-control {
    height: unset;
    min-height: calc(1.8125rem + 2px);
    padding-bottom: unset;
}
.badge-input .badge-icon {
    padding-top: 0;
    margin-right: -6px;
    font-size: 1rem;
}
.form-control.badge-input-field, .form-control.badge-input-field:focus {
    border: unset;
    box-shadow: none;
    padding: unset;
    margin: unset;
    height: auto;
    border-radius: unset;
    padding-left: 2px;
    width: auto;
    max-width: 100%;
    display: inline-block;
}
.badge-input-field.form-required, .badge-input-field.form-required:focus {
    border-left: 3px solid #cc0000;
}
.badge-input-field.form-required-check, .badge-input-field.form-required-check:focus {
    border-left: 3px solid #008811;
}

.badge.badge-dropdown {
  cursor: pointer;
}
.badge.badge-dropdown::after {
    display: inline-block;
    margin-left: 0.5em;
    vertical-align: 0.1em;
    content: "";
    border-top: 0.6em solid;
    border-right: 0.6em solid transparent;
    border-bottom: 0;
    border-left: 0.6em solid transparent;
}

td.tdedit:hover {
    background-color: #acc9e6;
}

td.tdchart:hover {
    background-color: #acc9e6;
}

td.tdedit:hover:after {
    content: url(/fonts/fontawesome-free-5.4.1-web/svgs/solid/edit.svg);
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 12%;
    padding-left: 4px;
    padding-right: 4px;
    width: 25px;
    height: 100%;
    color: #091A38;
 }

td.tdchart:hover:after {
    content: url(/fonts/fontawesome-free-5.4.1-web/svgs/solid/chart-line.svg);
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 12%;
    padding-left: 4px;
    padding-right: 4px;
    width: 25px;
    height: 100%;
    color: #091A38;
}

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}


.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    max-width:inherit; /* For Bootstrap 4 - to avoid the modal window stretching full width */
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}

/*** formularWidgets Besuchsberichte ***/

.cusvWidget-box {
    margin-bottom: 1rem !important;
}
.cusvWidget-box .form-required::after {
    content: unset;
}
div.cusvWidget-box{
    padding: 2px 2px;
    margin: 0;
}
.cusvWidget-row{
    margin: unset;
    padding: unset;
}
.cusvWidget-title-1 {
    font-weight: bold;
    color: #091A38;
    font-size: 1.5rem;
}
.cusvWidget-title-2 {
    font-weight: bold;
    color: #091A38;
    font-size: 1.2rem;
}
.cusvWidget-title-3 {
    font-weight: bold;
}
.cusvWidget-label{
    font-weight: bold;
}
.cusvWidget-instruct{
    color: #999;
    font-size: 0.8rem;
}
.scrollbody-15{
    height: 15vh !important;
    overflow-y: auto;
}
.scrollbody-25{
    height: 25vh !important;
    overflow-y: auto;
}
.scrollbody-50{
    height: 50vh !important;
    overflow-y: auto;
}
.scrollbody-75{
    height: 75vh !important;
    overflow-y: auto;
}
.scrollbody-auto{
    overflow-y: auto;
}

.scrollbody-full{
    height: calc(100vh - 10px) !important;
    overflow-y: auto;
}

.scrollbody-full > .card-body, .scrollbody-auto > .card-body{
    min-height: unset;
}


.nav-ade {
    min-height: 100vh;
    background-color: #eee;
    padding: 0;
    margin-bottom: -5px;
}
li.nav-header-ade {
    text-decoration: none;
    list-style: none;
    font-weight: bold;
    font-size: 1.3rem;
    padding: 5px 0px 2px 0px;
    color: #091A38;
}
li.nav-header-ade i {
    padding-left: 6px;
    width: 24px;
}
li.nav-item-ade {
    position: relative;
    padding: 2px 0px 2px 25px;
    font-size: 1.2rem;
    list-style: none;
    cursor: pointer;
    color: black;
}
.nav-item-span {
    margin-bottom: 5px;
    display: block;
}
.nav-item-span li.nav-item-ade {
    padding: 5px 0px 5px 25px;
    color: unset;
}
li.nav-item-ade-spacer {
    height: 10px;
    list-style: none;
}
li.nav-item-ade-spacer hr {
    margin: unset;
}
li.nav-item-ade-spacer {
    max-height: 5;
    line-height: 0.5;
    padding: 3px 0px 5px 0px;
}
li.nav-item-ade:hover {
    background-color: #acc9e6;
    color: white;
}
li.nav-item-ade .hover-child{
    right: 0;
    top: 0;
    bottom: 0;
    padding: 5px 2px 0 20px;
    position: absolute;
    display: none;
}
li.nav-item-ade:hover .hover-child{
    background: linear-gradient(to right, transparent, #acc9e6, #acc9e6);
    display: block;
}
.nav-badge-ade {
    position: relative;
    left: 1px;
    padding: 5px 3px;
    min-width: 20px;
    margin-left: -25;
}
.nav-badge-ade-info {
    position: absolute;
    right: 5px;
    padding: 5px 3px;
    min-width: 20px;
}
.nav-content > .card {
    margin: 0px !important;
    border: none;
}
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    left: 100%;
    /* -6px gives dropdown-menu's padding+border */
    top: -6px;
}

.dropdown-submenu:hover > .dropdown-menu, .dropdown-submenu > a:focus + .dropdown-menu {
    /* :focus support is incomplete - pressing Tab sets focus to submenu, but that immediately hides submenu */
    display: block;
}

.remHovPar {
    position: relative;
}
.remHovAction {
    position: absolute;
    top: 1px;
    right: 10px;
}

.remHovTimer {
    position: absolute;
    top: 4px;
    width: 10px;
    background-color: red;
    right: -10px;
}

.text-strike {
    text-decoration: line-through;
}

.form-i-end {
    position: absolute;
    top: 30px;
    right: 10px;
    cursor: pointer;
}

.btn-light:not(:disabled):not(.disabled).active.rbtls {
    color: #212529;
    background-color: #3CB521;
    border-color: #d3d9df;
}

/* tempusdominus */

.bootstrap-datetimepicker-widget table td {
    height: 15px;
    line-height: 15px;
    width: 15px;
}
.bootstrap-datetimepicker-widget table td span {
    width: 20px;
    height: unset;
    line-height: unset;
    margin: 2px 1.5px;
    cursor: pointer;
    border-radius: 0.25rem;
}
.bootstrap-datetimepicker-widget a[data-action] {
    padding: 1px 0;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
    display: block;
    margin: 2px 0;
    padding: 4px;
    width: 10rem;
    min-width: 200px;
}
.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
    width: 25px;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0;
}
.bootstrap-datetimepicker-widget table td {
    text-align: center !important;
}
th.picker-switch {
    text-align: center !important;
}
.datepicker td.day.disabled {
    color: #6666;
    cursor: unset;
}
.datepicker td.day:not(.disabled) {
    cursor: pointer;
}





.widget_telco {
    min-height: 150px;
    max-height: 150px;
    overflow-y:  auto;
}

.widget_telco td {
    height: 32px;
}
.card.m-0 {
    margin: 0 !important
}
table:not(.table-form) td.td-nowrap {
    white-space: nowrap;
    overflow-x: clip;
}
.gadoOpers .card {
    flex: unset;
}
.card.picTileSm {
    flex: auto;
    height: 24vw;
}

/* cdup : ankaufsdokumente */

.badge.cdupRe{
    background-color: #1c90ff;
    color: white;
}
.badge.badge-bordered.cdupRe{
    border-color: #00305e;
}
.badge.cdupRe.active{
    background-color: #d8ecff;
    color: #333;
}
.badge.badge-bordered.cdupRe.active{
    border-color: #1c90ff;
}
.card-header.cdupRe{
    color: white;
    background: #1c90ff !important;
}

.badge.cdupGs{
    background-color: #1cff90;
    color: #333;
}
.badge.badge-bordered.cdupGs{
    border-color: #005e30;
}
.badge.cdupGs.active{
    background-color: #d8ffec;
    color: #333;
}
.badge.badge-bordered.cdupGs.active{
    border-color: #1cff90;
}
.card-header.cdupGs{
    color: #333;
    background: #1cff90 !important;;
}

.badge.cdupZd{
    background-color: #ff901c;
    color: #333;
}
.badge.badge-bordered.cdupZd{
    border-color: #5e3000;
}
.badge.cdupZd.active{
    background-color: #ffecd8;
    color: #333;
}
.badge.badge-bordered.cdupZd.active{
    border-color: #ff901c;
}
.card-header.cdupZd{
    color: #333;
    background: #ff901c !important;;
}

.badge.cdupNo{
    background-color: #ff1c1c;
    color: #333;
}
.badge.badge-bordered.cdupNo{
    border-color: #5e0000;
}
.badge.cdupNo.active{
    background-color: #ffd8d8;
    color: #333;
}
.badge.badge-bordered.cdupNo.active{
    border-color: #ff1c1c;
}
.card-header.cdupNo{
    color: #333;
    background: #ff1c1c !important;;
}

/* gado : neuer splitter */

.gadoSelOper {
    background-color: #091A38;
    color: white;
    font-weight: bold;
    font-size: 1.2rem;
    padding: 4px 10px;
    margin: 5px 10px 2px 10px;
    border-radius: 3px;
}

.gadoSelFileRe {
    background-color: #1c90ff;
    color: white;
    font-weight: bold;
    font-size: 1.2rem;
    padding: 4px 10px;
    margin: 2px 10px 2px 25px;
    border-radius: 3px;
    border-color: #00305e;
    border-width: 2px;
    border-style: solid;
    cursor: pointer;
}
.gadoSelFileRe.active {
    background-color: #d8ecff;
    color: #333;
    border-color: #1c90ff;
}

.gadoSelFileGs {
    background-color: #1cff90;
    color: #333;
    font-weight: bold;
    font-size: 1.2rem;
    padding: 4px 10px;
    margin: 2px 10px 2px 25px;
    border-radius: 3px;
    border-color: #005e30;
    border-width: 2px;
    border-style: solid;
    cursor: pointer;
}
.gadoSelFileGs.active {
    background-color: #d8ffec;
    border-color: #1cff90;
}

.gadoSelFileZd {
    background-color: #ff901c;
    color: #333;
    font-weight: bold;
    font-size: 1.2rem;
    padding: 4px 10px;
    margin: 2px 10px 2px 25px;
    border-radius: 3px;
    border-color: #5e3000;
    border-width: 2px;
    border-style: solid;
    cursor: pointer;
}
.gadoSelFileZd.active {
    background-color: #ffecd8;
    border-color: #ff901c;
}
.gadoSelFileSrc {
    background-color: #999;
    color: #333;
    font-weight: bold;
    font-size: 1.2rem;
    padding: 4px 10px;
    margin: 2px 10px 2px 25px;
    border-radius: 3px;
    border-color: #333;
    border-width: 2px;
    border-style: solid;
}

.badge-cumx {
    font-size: 1.2rem;
    border-radius: 5px;
    border-color: #091A38;
    color: #091A38;
    background-color: #acc9e6;
    padding-left: 0;
    padding-right: 0;
}

.telcoGrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 8px;
    align-items: start;
    margin-top: -20;
}

.adeNavMain::-webkit-scrollbar {
    display: none;
}

.adeNavMain {
    height: 100vh;
    overflow-y: scroll;
    scrollbar-width: none;
}