/* login- seite */ 
.form-signin {
    max-width: 400px;
    padding: 1rem;
}

body>div.container-md{
    margin-bottom: 5rem;
}
h5#msg span {
    color: blue;
    font-weight: bold;
}
.register-me {
    color:#777;
    font-size: 0.8rem;
}
.register-me a{
    color: black;
    font-weight: bold;
}
.register-me a:hover{
    color: black;
}
.myclick {
    padding: 0.15rem 0.25rem;
    font-size: 0.8rem;
}
.myacc .accordion-button::after  {
--bs-accordion-btn-icon:         url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
--bs-accordion-btn-active-icon:  url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");    
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transition: transform .2s ease-in-out;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
}
.myacc .accordion-button {
    font-size: 1.15rem;
    font-weight: bold;
}
.page-ueberschrift {
    text-align: center;
    border-bottom: 0.2rem orange solid;
}
nav.navbar {
    border-top: 1px solid lightgrey;
    background-color: white;
}

@media screen and (min-width: 601px) {
    nav.navbar .nav-pills {
        --bs-nav-link-font-size:1rem;
    }
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 576px) {
    nav.navbar .nav-pills {
        --bs-nav-link-font-size:1.2rem;
    }
}
nav.navbar .nav-pills {
    --bs-nav-pills-link-active-bg : default;
    --bbs-nav-pills-link-active-color: orange;
    --bs-navbar-active-color:orange;
    --bs-nav-link-padding-y:0.15rem;
}


.btn-primary {
    --bs-btn-bg: #efa500;
    --bs-btn-border-color: #efa500;
    --bs-btn-hover-bg: #df9A00 ;
    --bs-btn-hover-border-color: #cf7c00;
    --bs-btn-focus-shadow-rgb: 117, 80, 0;
    --bs-btn-active-bg: #cf7c00 ;
    --bs-btn-active-border-color: #c87000 ;
    --bs-btn-disabled-bg:#efa500  ;
    --bs-btn-disabled-border-color:#efa500;
}

.btn-outline-primary {
    --bs-btn-color: #efa500;
    --bs-btn-border-color: #efa500;
    --bs-btn-hover-bg: #efa500;
    --bs-btn-hover-border-color: #efa500;
    --bs-btn-focus-shadow-rgb: 117, 80, 0;
    --bs-btn-active-bg: #efa500 ;
    --bs-btn-active-border-color: #efa500 ;
    --bs-btn-disabled-color:#efa500;
    --bs-btn-disabled-border-color:#efa500;
}

.btn-secondary {
    --bs-btn-bg: #b87f00;
    --bs-btn-border-color: #b87f00;
    --bs-btn-hover-bg: #A87300;
    --bs-btn-hover-border-color: #9E5F00;
    --bs-btn-focus-shadow-rgb: 92, 63, 0;
    --bs-btn-active-bg: #9E5F00 ;
    --bs-btn-active-border-color: #975300 ;
    --bs-btn-disabled-bg:#b87f00;
    --bs-btn-disabled-border-color:#b87f00;
}
.btn-outline-secondary {
    --bs-btn-color: #b87f00;
    --bs-btn-border-color: #b87f00;
    --bs-btn-hover-bg: #b87f00;
    --bs-btn-hover-border-color: #b87f00;
    --bs-btn-focus-shadow-rgb: 92, 63, 0;
    --bs-btn-active-bg: #b87f00 ;
    --bs-btn-active-border-color: #b87f00 ;
    --bs-btn-disabled-color:#b87f00;
    --bs-btn-disabled-border-color:#b87f00;
}

.btn-danger {
    --bs-btn-bg: #a82835;
    --bs-btn-border-color: #a82835;
    --bs-btn-hover-bg: #87202a;
    --bs-btn-hover-border-color: #7d1e27;
    --bs-btn-focus-shadow-rgb: 173, 64, 75;
    --bs-btn-active-bg: #7d1e27;
    --bs-btn-active-border-color: #731c24;
    --bs-btn-disabled-bg: #a82835;
    --bs-btn-disabled-border-color: #a82835;
}

ul.autocomplete-menu{
    --bs-body-color:white;
    --bs-dropdown-bg:rgba(77,77,77,0.8);
    --bs-primary-rgb: 255,160,0;
    --bs-tertiary-color: #ccc;    
}

.make-it-slow {
    background-color: darkorange  !important;
    transition: background-color ease-in-out 0.5s;
}


#ARTIKEL_DET .card {
    --bs-card-spacer-y:0.25rem;
    --bs-card-spacer-x:0.25rem;
}
#ARTIKEL_DET .row {
    --bs-gutter-x: 0.75rem;
}

.vorrat .btn{
    --bs-btn-padding-x: 0.375rem;
    --bs-btn-padding-y: 0.187rem;
}
.vorrat h5 small span {
    --bs-badge-font-size: 0.8rem;
    margin-left: 0.35rem;
}
.vorrat h5 small em {
    font-size: 0.8rem;
}

.my-card .card {
    --bs-card-spacer-y:0.5rem;
    --bs-card-spacer-x:0.5rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.my-card .card-typ {
    border: var(--bs-border-width) solid var(--bs-border-color-translucent);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: var(--bs-border-radius);
    border-bottom-left-radius: var(--bs-border-radius);
    padding: 0.5rem 0.25rem;
    min-width: 2rem;
    font-size: 1.4rem;
    text-align: center;
}
#frmVorrat .dropdown-menu {
   --bs-dropdown-link-active-bg:#efa500;
} 
/* wird in page_erfassen mit eintrag instyle ergänzt..!!!*/
#ac-menu-1{
    max-width: none !important;
    font-size: 1.25rem;
}

.edit-btn small{
    font-size:0.75rem;
}
/* diverse backgrounds.... 
.cb-group-1 { 
    background-color: rgba(136,255,136,0.25);
    color:rgba(0,0,0,0.25);
    border-color: rgba(0,0,0,0.25);
    --bs-btn-color:#4c4;
    --bs-btn-bg:#eee;
    --bs-btn-border-color: #ccc;
    --bs-btn-active-color: #000 ;
    --bs-btn-active-bg: rgb (136,255,136) ;
    --bs-btn-active-border-color: var(--bs-border-color-translucent);
}

.bg-group-2 { background-color:bisque ;}
.bg-group-3 { background-color:cornflowerblue;}
.bg-group-4 { background-color:crimson;}
.bg-group-5 { background-color: darkorange;}

*/

.row {
    --bs-gutter-x: 0.5rem;
    --bs-gutter-y: 0;
}

tr.gekauft {
    --bs-table-color-type:#ccc;
    --bs-table-striped-color:#ccc;
}