body, main { overflow:auto; }
a { color:#000; }
pre {outline: 1px solid #ccc; padding: 5px; margin: 5px; }
div#raw, #raw > pre { white-space: pre;}
.string { color: green; }
.number { color: darkorange; }
.boolean { color: blue; }
.null { color: magenta; }
.key { color: red; }
.xsmall { font-size:0.6rem; }
.msmall { font-size:0.8rem; }
.maincard {max-height: 87vh;overflow-y: auto;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {  border-color:#000000; border-bottom-color:transparent; }
.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover { background-color:rgb(200, 243, 157); }
.nav-tabs .nav-link:hover { background-color:rgba(200, 243, 157, 0.5); color:#000; }
.nav-tabs .nav-item .nav-link { color: #000; }
div#salesOrderDetails {max-height: 80vh;overflow-y: auto;overflow-x: hidden;}
.colorBox {max-width: 30px;border-radius: 10px;}
.orderRow { cursor: pointer; }
.orderRow:hover { cursor: pointer; background-color:#eeeeee; }
.catsubmenu, .catmenu { list-style-type:none; }
.catsubmenu li, .catmenu li { margin-left:-20px; }
.catsubmenu li a, .catmenu li a { text-decoration:none; }
.categorycard {height: 90vh; max-height:90vh; overflow:none; }
.categoriesrow, .itemsrow {height: 82vh;overflow-y: auto;}
#descriptionTabsContent .tab-pane {height: 20vh;overflow-y: auto;}
#itemDetailsModal .modal-dialog.modal-xl {--bs-modal-width: 90vw;}
.article_title {width: 15vw;}
tr.even {background-color: #cccccc66 !important; }
tr.even td { border-top: solid 1px #000 !important; border-bottom:solid 1px #000 !important; }
.dataTable thead tr th { border-bottom:solid 1px #000; }
.lds-spinner-text {color: #000;display: inline-block;position: relative;top:125px;left:52px;font-weight:bold;width: 160px;z-index:999;text-align:center;margin-top: -10vh;}
.lds-spinner {color: #000;display: inline-block;position: relative;width: 160px;height: 160px;box-shadow: #00000030 0.2rem 0.2rem;border:#000 solid 1px;border-radius:5rem;background: #FFFFFFcc;z-index:998;left:20%;}
.lds-spinner div {position: relative;left: 25%;transform-origin: 39px 80px;animation: lds-spinner 1.2s linear infinite;}
.lds-spinner div:after {content: " ";display: block;position: absolute;top: 3px;left: 37px;width: 6px;height: 18px;border-radius: 20%;background: #000;}
.lds-spinner div:nth-child(1) {transform: rotate(0deg);animation-delay: -1.1s;}
.lds-spinner div:nth-child(2) {transform: rotate(30deg);animation-delay: -1s;}
.lds-spinner div:nth-child(3) {transform: rotate(60deg);animation-delay: -0.9s;}
.lds-spinner div:nth-child(4) {transform: rotate(90deg);animation-delay: -0.8s;}
.lds-spinner div:nth-child(5) {transform: rotate(120deg);animation-delay: -0.7s;}
.lds-spinner div:nth-child(6) {transform: rotate(150deg);animation-delay: -0.6s;}
.lds-spinner div:nth-child(7) {transform: rotate(180deg);animation-delay: -0.5s;}
.lds-spinner div:nth-child(8) {transform: rotate(210deg);animation-delay: -0.4s;}
.lds-spinner div:nth-child(9) {transform: rotate(240deg);animation-delay: -0.3s;}
.lds-spinner div:nth-child(10) {transform: rotate(270deg);animation-delay: -0.2s;}
.lds-spinner div:nth-child(11) {transform: rotate(300deg);animation-delay: -0.1s;}
.lds-spinner div:nth-child(12) {transform: rotate(330deg);animation-delay: 0s;}
@keyframes lds-spinner {0% {opacity: 1;}100% {opacity: 0;}}
.paginate_button.page-item.last.disabled, .paginate_button.page-item.next.disabled,.paginate_button.page-item.previous.disabled, .paginate_button.page-item.first.disabled { display:none; }
.divider {border-bottom: solid 1px #000;margin-bottom: 3vh;}
.firstdivider {margin-top: -6vh;}
.divider-text {font-weight: bold;position: relative;top: 1.6vh;background: #FFF;margin: auto;text-align:center;}
table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:after { color:rgb(88, 175, 0); }
main {margin-top: 12vh;}
.container-inner{max-width:90vw; padding-left:0px; padding-right:0px; }
main .card .card-body { overflow-y:auto; overflow-x:hidden; height:73vh; max-height:73vh; }
.custom-tooltip { --bs-tooltip-max-width:30vw;  }
.card-footer { height:67px; }
.btn-dashboard-gray { background:#E9EAEC !important; color:#000 !important; border-color:#000 !important; opacity: 1 !important; }
.btn-dashboard-gray:hover { background:#D0D1D3 !important; }
.btn-dashboard-gray:disabled { opacity:0.3 !important; }
.btn-dashboard-lime { background:#B1D8B7 !important; color:#000 !important; border-color:#000 !important; opacity: 1 !important; }
.btn-dashboard-lime:hover { background:#94C973 !important; }
.text-gray { color:#D0D1D3 !important; }
.text-lime { color:#94C973 !important; }
.active>.page-link, .page-link.active, .paginate_button.page-item .page-link { background-color:#B1D8B7; border-color:#000; color:#000; }
.active>.page-link:hover, .page-link.active:hover, .paginate_button.page-item .page-link:hover { background-color:#94C973; }
.dropdown-item.active, .dropdown-item:active, .nav-tabs .nav-link.active { background:#94C973 !important; color:#000 !important; border-color:#000 !important; opacity: 1 !important; } 
.nav-tabs .nav-link.active:hover { background:#94C973 !important; }
.nav-tabs .nav-link:hover { background:#B1D8B7 !important; color:#000 !important; border-color:#000 !important; opacity: 1 !important; } 
.form-check-input:checked {background-color: #94C973;border-color: #94C973;}
.checkbox:checked:before, .form-check-input:checked[type=checkbox] {
    background-size: 80%;
    color: #94C973;
}
.form-check-input[type=checkbox] { border-color:#000; }
.customergroup-badge { width:8vw; text-align:left;  }
input::placeholder {opacity: 0.3 !important;}
.inactive-step { opacity:0.3; }
.top_page { height: 50vh; overflow-y:auto; overflow-x:hidden; }
.noscroll { overflow:hidden !important;  }
.bottom_page { margin:0px; margin-left:-20px; padding:0px; width:90vw; height:21vh; background:#cccccc url('../images/FBYM_Verlauf-auf-blau_1900x1200px.webp') no-repeat; background-size:cover;  }
.bottom_overlay { background:url('../images/packs-fbym-auf-blau-transparent.svg') no-repeat; width:100%; height:21vh; background-position:center right; }
.bottom_page .logo { float:left; background:url('../images/logo-fbym_rgb_auf-dunkel.svg') no-repeat; width:14vw; height:21vh; background-position:center; }
.bottom_page .advert { float:right;  width:90vw; height:21vh; }
.tracy-dump.tracy-dark {margin-top: 9vh !important;}