/* CSS Document */

.navbar-brand img { height:auto; width:75px; }
@media (min-width:1224px) {
	.navbar-brand img { height:30px; width:auto; }
}

#main { margin-top:75px; }
.table thead { background-color:#fff; }
.modal-xxl { max-width:1500px; }

.modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; }
.modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; }
.modal-fullscreen .modal-header { border-radius: 0; }
.modal-fullscreen .modal-body { overflow-y: auto; }
.modal-fullscreen .modal-footer { border-radius: 0; }

#patientsTable th:not(.no-sort) { cursor: pointer; }
th.sorted.ascending:after {
    content: "  \2191";
}
th.sorted.descending:after {
    content: " \2193";
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
    padding: .375rem .375rem;
}

.dropdown-menu{
    max-height: 400px;
    overflow-y: auto;
}

.fa-1-5x { font-size:1.5em; }

tr.marked { background-color:rgba(236,102,8,.3) !important; }

#theToast { position:fixed;top:85px;right:15px;z-index:99999; }
#modalBodyFormName { font-style: italic; }

#loader { background-color:rgba(255,255,255,.7); position:fixed; top:0; left:0; width:100%; height:100vh; display:none; z-index:99999; }
#loader > .spinner-frame { position:absolute; top:50%; left:50%; }
.text-orange { color: rgb(236,102,8); }

.bestItem .card-header a { color:#333; }

dt { font-weight: normal; }

.btn-xs { font-size:.2rem; padding:.25rem; line-height:1; }

.top-55 { top:55px; }
.top-127 { top:127px; }
.position-sticky { background-color:#fff; z-index:999; }

.bestItem .card-header p { margin:0; }

.icon-fastcart { height:17px; }

@media (max-width: 991px){
    .position-sticky { position: relative; }
    .top-55 { top:auto; }
    .top-127 { top:auto; }
}
input.artikelmenge { min-width:40px !important; }


th[data-sort], th.sorting-asc, th.sorting-desc { cursor:pointer; }
th[data-sort]::after {
	font-family: "Font Awesome 5 Free";
	content: "\f0dc";
	display: inline-block;
	padding-right: 3px;
	vertical-align: middle;
	margin-left:.25em;
	color:#ccc;
}
th.sorting-asc::after {
	font-family: "Font Awesome 5 Free";
	content: "\f0de";
	display: inline-block;
	padding-right: 3px;
	vertical-align: middle;
	margin-left:.25em;
	color: #333;
}
th.sorting-desc::after {
	font-family: "Font Awesome 5 Free";
	content: "\f0dd";
	display: inline-block;
	padding-right: 3px;
	vertical-align: middle;
	margin-left:.25em;
	color: #333;
}

.bg-schein{background-color:rgba(236,102,8,1) !important}

/* BTN Schein */
.btn-schein {
  color: #ffffff;
  background-color: rgb(236,102,8);
  border-color: rgb(236,102,8);
}

.btn-schein:hover {
  color: #ffffff;
  background-color: rgba(248,135,55,1.00);
  border-color: rgba(194,84,6,1.00);
}

.btn-schein:focus, .btn-schein.focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-schein.disabled, .btn-schein:disabled {
  color: #212529;
  background-color: rgb(236,102,8);
  border-color: rgb(236,102,8);
}

.btn-schein:not(:disabled):not(.disabled):active, .btn-schein:not(:disabled):not(.disabled).active,
.show > .btn-schein.dropdown-toggle {
  color: #ffffff;
  background-color: rgba(194,84,6,1.00);
  border-color: #c69500;
}

.btn-schein:not(:disabled):not(.disabled):active:focus, .btn-schein:not(:disabled):not(.disabled).active:focus,
.show > .btn-schein.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}
/* End BTN Schein*/

#morph_side_element {
    position: fixed;
    z-index: 1000;
    top:10%;
    right:0;
    width:270px;
    overflow: hidden;
}
@media only screen and (max-width: 1100px) {
    #morph_side_element {
        display: none;
    }
}

.ratio {
    position: relative;
    width: 100%;
}
.ratio-16x9 {
    --bs-aspect-ratio: 56.25%;
}
.ratio::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: "";
}
#video { width:100%; height: 100%;}