/*SERIF - font-family: "Bookman Old Style", Georgia, "Times New Roman", Times, serif;*/

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}


/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}
.btn-info, .btn-info:active {
    color: #fff;
}
    .btn-info:hover {
        color: #fff;
        background-color: #0AA7C7;
        border-color: #0AA7C7;
    }

.btn-link {
    color: var(--maincolor);
}

.btn-link:hover {
    color: var(--maincolordark);
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-tabs .nav-link.active {
    border-style: outset;
    border-color: #dee2e6;
    border-bottom: none;
}

nav .cog-navtext {
    vertical-align: middle;
}
nav .cog-navtext input {
    vertical-align: text-top;
}

nav .cog-navtext label.cog-br {
    line-height: 1em !important;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px; /* Vertically center the text there */
}

/*------------------------------------
- COLOR primary mit INNKA-Grün GENERIERT über 
    https://lingtalfi.com/bootstrap4-color-generator
    mit Modifikationen
------------------------------------*/
.alert-primary {
    color: #3c5f29;
    background-color: #e5f1de;
    border-color: #d9ead0;
}

    .alert-primary hr {
        border-top-color: #cbe3bf;
    }

    .alert-primary .alert-link {
        color: #263c1a;
    }

.badge-primary {
    color: #212529;
    background-color: #73B351;
}

    .badge-primary[href]:hover, .badge-primary[href]:focus {
        color: #212529;
        background-color: #5b913f;
    }

.bg-primary {
    background-color: #73B351 !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #5b913f !important;
}

.border-primary {
    border-color: #73B351 !important;
}

.btn-primary, .btn-primary:focus {
    background-color: #73B351;
    border-color: #73B351;
}

    .btn-primary:hover {
        background-color: #629c44;
        border-color: #5b913f;
    }

    .btn-primary:focus, .btn-primary.focus {
        box-shadow: 0 0 0 0.2rem rgba(115, 179, 81, 0.5);
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #212529;
        background-color: #73B351;
        border-color: #73B351;
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
        color: #212529;
        background-color: #5b913f;
        border-color: #55863a;
    }

        .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(115, 179, 81, 0.5);
        }

.btn-outline-primary {
    color: #73B351;
    background-color: transparent;
    border-color: #73B351;
}

    .btn-outline-primary:hover {
        color: #fff!important;
        background-color: #73B351;
        border-color: #73B351;
    }

    .btn-outline-primary:focus, .btn-outline-primary.focus {
        box-shadow: 0 0 0 0.2rem rgba(115, 179, 81, 0.5);
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #73B351;
        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: #212529;
        background-color: #73B351;
        border-color: #73B351;
    }

        .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 {
            box-shadow: 0 0 0 0.2rem rgba(115, 179, 81, 0.5);
        }

.list-group-item-primary {
    color: #3c5f29;
    background-color: #d9ead0;
}

    .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
        color: #3c5f29;
        background-color: #cbe3bf;
    }

    .list-group-item-primary.list-group-item-action.active {
        color: #212529;
        background-color: #3c5f29;
        border-color: #3c5f29;
    }

.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: #d9ead0;
}

.table-hover .table-primary:hover {
    background-color: #cbe3bf;
}

    .table-hover .table-primary:hover > td,
    .table-hover .table-primary:hover > th {
        background-color: #cbe3bf;
    }

.text-primary {
    color: #73B351 !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #5b913f !important;
}

/* COGITO modified */
:root {
    --maincolor: #73B351; /* green */
    --maincolorlight: #73b35180; /* green light */
    --maincolorlighter: #73b35140; /* green lighter */
    --maincolorlightest: rgba(115, 179, 81, 0.2);
    --maincolordark: #50902E; /* green dark */
    --maincolordarker: #377715; /* green darker */
    /*--redcolor: rgb(220,53,69);*/ /* rote Bootstrap Danger-Farbe */
    /*--yellowcolor: rgb(255,193,7);*/ /* gelbe Bootstrap Warning-Farbe */
    /*--greencolor: rgb(25,135,84);*/ /* grüne Bootstrap Success-Farbe */
}

.cog-text-maincolor {color: var(--maincolor)!important;}
.cog-text-maincolorlight {
    color: var(--maincolorlight) !important;
}
.cog-text-maincolorlighter {
    color: var(--maincolorlighter) !important;
}
.cog-text-maincolorlightest {
    color: var(--maincolorlightest) !important;
}
.cog-text-maincolordark {
    color: var(--maincolordark) !important;
}
.cog-text-maincolordarker {
    color: var(--maincolordarker) !important;
}
.cog-bg-maincolor {
    background-color: var(--maincolor) !important;
}
.cog-bg-maincolorlight {
    background-color: var(--maincolorlight) !important;
}
.cog-bg-maincolorlighter {
    background-color: var(--maincolorlighter) !important;
}
.cog-bg-maincolorlightest {
    background-color: var(--maincolorlightest) !important;
}
.cog-bg-maincolordark {
    background-color: var(--maincolordark) !important;
}
.cog-bg-maincolordarker {
    background-color: var(--maincolordarker) !important;
}

.cog-btnhover-text-white:hover {
    color: #fff!important;
}

/*
*[title] {
    text-decoration: underline dotted rgba(0,0,0,.125);
    cursor: help;
}*/

nav.cog-main .bg-dark {
    --bs-bg-opacity: 0.1;
}

.cog-meldung {
    cursor: not-allowed!important;
}

.cog-meldung.bg-warning::before {
    content: '\f071';
    color: #fff;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-right: 1rem;
}

body, .btn, .form-control {
    font-size: 0.9rem;
}

a {
    color: var(--maincolor)!important;
}

.page-link {
    color: var(--maincolor);
}

    a:hover, .page-link:hover {
        color: var(--maincolordark)!important;
    }

.page-item.active .page-link {
    background-color: var(--maincolor);
    border-color: var(--maincolor);
    color: #fff!important;
}

@media all and (min-width:1500px) {
    .container {
        max-width: 1470px;
    }
}

*[onclick] {
    cursor: pointer;
}

table thead th {
    color: #fff!important;
    background-color: var(--maincolor) !important;
    border-color: var(--maincolordark) !important;
}

.table-hover tbody tr:hover {
    background-color: var(--maincolorlighter) !important;
}
/*.table-hover.table-striped tbody tr:nth-of-type(odd):hover {
        background-color: var(--maincolorlighter) !important;
    }*/
.table-hover tbody tr td.abnr:hover {
    background-color: var(--maincolorlight) !important;
    border-color: var(--maincolorlight) !important;
    font-weight: 700;
    text-decoration: underline;
}

/*
 ** Nur für dataTable mit Bootstrap 4
    table.dataTable > thead .sorting:before,
table.dataTable > thead .sorting:after {
    opacity: .5 !important;
    font-size: 1.2em;
    bottom: .6em !important;
}

table.dataTable > thead .sorting.sorting_asc:before,
table.dataTable > thead .sorting.sorting_desc:after {
    opacity: 1 !important;
    font-size: 1.2em;
    bottom: .6em !important;
}*/

table.dataTable thead > tr > th.sorting:after, 
table.dataTable thead > tr > th.sorting_asc:after, 
table.dataTable thead > tr > th.sorting_desc:after, 
table.dataTable thead > tr > th.sorting_asc_disabled:after, 
table.dataTable thead > tr > th.sorting_desc_disabled:after, 
table.dataTable thead > tr > td.sorting:after, 
table.dataTable thead > tr > td.sorting_asc:after, 
table.dataTable thead > tr > td.sorting_desc:after, 
table.dataTable thead > tr > td.sorting_asc_disabled:after, 
table.dataTable thead > tr > td.sorting_desc_disabled:after {
    top: 52%!important;
}
table.dataTable thead > tr > th.sorting:before, 
table.dataTable thead > tr > th.sorting_asc:before, 
table.dataTable thead > tr > th.sorting_desc:before, 
table.dataTable thead > tr > th.sorting_asc_disabled:before, 
table.dataTable thead > tr > th.sorting_desc_disabled:before, 
table.dataTable thead > tr > td.sorting:before, 
table.dataTable thead > tr > td.sorting_asc:before, 
table.dataTable thead > tr > td.sorting_desc:before, 
table.dataTable thead > tr > td.sorting_asc_disabled:before, 
table.dataTable thead > tr > td.sorting_desc_disabled:before {
    bottom: 52%!important;
}

table.dataTable thead > tr > th.sorting:before, 
table.dataTable thead > tr > th.sorting:after {
    opacity: .45!important;
}

table.dataTable thead > tr > th.sorting_asc:before, 
table.dataTable thead > tr > th.sorting_desc:after, 
table.dataTable thead > tr > td.sorting_asc:before, 
table.dataTable thead > tr > td.sorting_desc:after {
    opacity: .9!important;
}

/*table thead tr th:last-child {
    background-color: grey !important;
    border-color: dimgrey !important;
    font-weight: 400 !important;
    text-align: right !important;
}*/

.table-primary, .table-primary > th, .table-primary > td {
    background-color: var(--maincolorlightest);
}

.nav-tabs-card {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.cog-cardAnhaenger .card-body {
    position: relative;
    /*border-width: 0 !important;
    padding: 0 !important;*/
}

.cog-Headline {
    display: inline-block;
    transform: scale(1.0, 1.2);
    font-variant: small-caps;
    font-size: .8rem;
    margin-bottom: .2rem;
}

.cog-artikelBezeichnung {
    margin-bottom: 0 !important;
    line-height: 1.2;
    word-break: break-all;
}

.cog-bb-dashed {
    border-bottom: 1px dashed #ddd;
}

    .cog-cardAusstattung .cog-bb-dashed:last-child {
        border-bottom: 0px !important;
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }
/*ul#back {
    list-style: none;
    display: inline-block;

}
    ul#back li {
        display: inline;
    }
        ul#back li a {
            padding-left: 0 !important;
        }*/

a.back, button.back {
    display: inline-block;
    width: 5.2em;
    text-align: right;
}

    a.back:hover, button.back:hover {
        text-decoration: none;
    }

a:hover.back:before, button:hover.back:before {
    content: '\293A\00a0';
    /*margin-right: 0.5em;
    float: right;*/
}

.cog-trenner {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    margin-right: 1.2rem;
    padding-right: 1.2rem;
    border-right: 1px solid rgba(0,0,0,.125);
}

.form-select {
    padding-left: 0.375rem !important;
    font-size: inherit;
    background-position: right .375rem center;
}

label.muss-feld::after {
    content: ' * ';
}

input.error, select.error {
    border-color: #f00 !important;
}

    input.error:focus, select.error:focus {
        box-shadow: 0 0 0 .25rem rgba(255,0,0,.25) !important;
    }

label.error {
    color: #f00;
    font-size: .9em;
    font-weight: 700;
}

/*.sum:valid {
    background-color: green;
}*/

.sum::before {
    content: '\2211\00a0'; /* '∑ ' */
}

.cog-card .sum::before {
    position: relative;
    left: -1em;
    top: -.1em;
}

.html-symbol {
    font-family: Arial, Tahoma, sans-serif !important;
}

#resetSorting {
    white-space: nowrap;
    max-width: 7em;
}

hr {
    clear: both;
    background-color: transparent;
    width: 100%;
    display: block;
    margin-top: 0;
    margin-bottom: .5rem;
    border-top: 2px dotted var(--maincolordark);
}

.form-control {
    padding: .375rem;
}

    .form-control.form-control-sm {
        font-size: .875rem;
        padding: .25rem .5rem;
    }

/* font awesome Defs */
.btn-sm.cog-fa {
    box-sizing: border-box;
    cursor: pointer;
    line-height: 1.2;
}

.btn-outline-warning:hover,
.btn-outline-info:hover {
    color: #fff !important;
}

.btn-sm {
    border-width: 1px;
    border-style: solid;
}

/*.bg-danger.border-danger {
    border-width: 1px;
    border-style: solid;
}
    .bg-danger.border-danger {
        background-color: #fff!important;
        color: red;
    }

btn-outline-light.bg-danger.border-danger:hover {
    background-color: red !important;
    color: #fff !important;
}*/

.divSearchResult {
    padding: .1rem;
    border-radius: .5rem;
    background-color: var(--maincolor);
}

#content_linkTransport, #pDisponiert {
    display: inline-block;
    border-bottom-width: 3px; /*.3rem;*/
    border-bottom-style: solid;
    border-bottom-color: rgba(0,0,0,.125);
    padding-bottom: .30rem;
}
    #content_linkTransport.disponiert, #pDisponiert.disponiert {
        border-bottom-color: var(--bs-success);
    }

    #content_linkTransport.nicht-disponiert, #pDisponiert.nicht-disponiert {
        border-bottom-color: var(--bs-danger);
    }

#content_linkTransport::after {
    content: '\00a0\f111';
    color: rgba(0,0,0,.125);
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
#cog-fa-verstrichene-tage {
    color: rgba(0,0,0,.125);
}
    #content_linkTransport.green::after, #cog-fa-verstrichene-tage.green {
        color: var(--bs-success);
    }
    #content_linkTransport.yellow::after, #cog-fa-verstrichene-tage.yellow {
        color: var(--bs-warning);
    }
    #content_linkTransport.red::after, #cog-fa-verstrichene-tage.red {
        color: var(--bs-danger);
    }

#auftrag_details ul.nav.nav-tabs {
    position: relative;
    z-index: 1;
    border-bottom: none!important;
}

    #auftrag_details ul.nav.nav-tabs li a:not(.nicht-disponiert):hover {
        border-bottom: 0 !important;
    }

#auftrag_details div.card.nav-tabs-card {
    border: 1px solid #dee2e6;
    margin-top: -1px;
    z-index: 0;
}

@media (min-width: 768px) { /* medium */
    #auftrag_details .nav-tabs a.nav-link {
        padding-left: .6vw !important;
        padding-right: .6vw !important;
    }
}

@media (min-width: 992px) { /* medium */
    #auftrag_details .nav-tabs a.nav-link {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

.cog-std-input-height {
    height: 35px;
}

.fa-folder-plus {
    font-size: large!important;
}

.cog-text-large {
    font-size: large!important;
}

.cog-text-xlarge {
    font-size: x-large !important;
}

.cog-rot-xflip { /* primär für fa-icons */
    transform: rotate(180deg) scaleX(1);
}

/* systemdaten */
.transport_ampel_gelb_grenze {
    background: rgba(255,255,0,1.0);
}
.transport_ampel_rot_grenze {
    background: rgba(255,0,0,1.0);
}