body{
    background-color: #ffffff;
}

[data-bs-theme=dark] body{
    background-color: unset;
}

.form-control:read-only {
    background-color: var(--bs-secondary-bg);
    opacity: 1
}

table{
    font-size:1rem;
}

body.login{
    background:#f3f3f3;
}

.page-load-spinner{
    position: absolute;
    position: fixed;
    top: 0; /* Füllen Sie den gesamten visuellen Bereich */
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    
    z-index: 1000;
    justify-content: center;
    align-items: center;
    display:flex;
    display:none;
}

a{
    position:relative;
}

.bi-clipboard{
    cursor: pointer;
    position:relative;
    margin-left:3px;
}

.bi-clipboard:active{
    top:1px;
}

.btn.pruefen{
	background:#26b6cf;
    border-color:#26b6cf;
	border-right-width: 10px;
}

.btn-primary:not(:disabled):not(.disabled).pruefen.active,
.btn.manuell.pruefen{
    border-color:#26b6cf;
}

.btn.manuell{
    background:#ffe700;
    border-right-width: 10px;
    border-color:#ffe700;
    color:#333;
}

.btn-primary:not(:disabled):not(.disabled).manuell.active,
.btn.manuell.active{
    border-color:#ffe700;
}


.btn.ausschiessen{
    background:#9b9b9b;
    border-color:#9b9b9b;
    border-right-width: 10px;
    color:#fff;
}

.btn-primary:not(:disabled):not(.disabled).ausschiessen.active,
.btn.ausschiessen.active{
    border-color:#9b9b9b;
}

.btn.ausschiessenDONE{
    background:#3c9a5f;
    border-color:#3c9a5f;
    border-right-width: 10px;
    color:#fff;
}

.btn-primary:not(:disabled):not(.disabled).ausschiessenDONE.active,
.btn.ausschiessenDONE.active{
    border-color:#3c9a5f;
}

.btn.in_bearbeitung{
    background:#ec6a2b;
    border-right-width: 10px;
    border-color:#ec6a2b;
    color:#fff;
}

.btn-primary:not(:disabled):not(.disabled).in_bearbeitung.active,
.btn.in_bearbeitung.active{
    border-color:#ec6a2b;
}

.btn.error{
    background:#f04124;
    border-right-width: 10px;
    border-color:#f04124;
    color:#fff;
}

.btn-primary:not(:disabled):not(.disabled).error.active,
.btn.error.active{
    border-color:#f04124;
}


.btn.noCustomizationFileFound{
    background:#92dae7;
    border-color:#92dae7;
	border-right-width: 10px;
    color:#fff;
}

.btn-primary:not(:disabled):not(.disabled).noCustomizationFileFound.active,
.btn.noCustomizationFileFound.active{
    border-color:#92dae7;
}


.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active, 
.btn-primary:not(:disabled):not(.disabled).active, 
.show>.btn-primary.dropdown-toggle,
.btn-primary:focus, 
.btn-primary.focus{
    background:#333;
    color:#fff;
}

.close-white{
    color:#fff;
}

.close-white:hover{
    color:#333;
}

.login-credits{
    line-height:14px;
}

.login-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 0px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    width:30%;
    min-width:200px;
}

.alert{
    margin-top:10px;
    margin-bottom:10px;
}

.sku-filter{
    padding:5px;
}

.sku-filter input[type="text"]{
    text-transform: uppercase;
}

.sku-filter-info-container{
    margin-bottom:10px;
    text-align:center;
}

.order-number{
    padding-bottom:5px;
}
.navbar{
    font-size:unset;
}

.navbar-nav{
    align-items: baseline;
}

.navbar-nav.gap20{
    gap:20px;
}

.img-container{
    border:#dddddd 1px solid;
    margin-bottom:10px;
}

.pitchprint-ressrouces-container{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}

.pitchprint-ressrouces-container img{
    max-width:180px;
}

.order-detail-block{
    position:relative;
}

.order-action-row{
    position:fixed;
    width: 83.33%;
    z-index:10;
}

.order-action-container{
    text-align:right;
}

.order-action-container .btn.ausschiessen{
    border-right-width:1px;
}

.order-details-row{
    margin-top:100px;
}

.order-comment-container,
.order-notes-container{
    margin-bottom:40px;
}

.box-card{
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.page-number{
    margin:5px 0;
    text-align: center;
}


#local-files-container .fa-spinner {
    display: none;
}


.comments-list{
    margin-top:10px;
}


.img-container .image{
    position:relative;
    overflow:hidden;
    padding-bottom:100%;
}

.img-container .image a{
    position:absolute;
    display:block;
    height:100%;
    width:100%;
}
.img-container .image img{
      position: absolute;
      max-width: 100%;
      max-height: 100%;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
}
.img-container .image label{
    top: 1%;
    left: 50%;
    transform: translateX(-50%) translateY(0%);
    color:#333;
}

.img-container .image-actions.mouse-over-only{
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 0;
    overflow: hidden;
}

.img-container:hover .image-actions.mouse-over-only{
    height: auto;
}


/* Flying Box*/
.flyingBox{
    position:fixed;
    z-index: 9999999999;
    background:#fff;
    max-width:30%;
    max-height:100%;
    top:0;
    left:503px;
    overflow-y: auto;
}

.flyingBox-button{
    display:none;
}

.flyingBox-button.selected{
    display:inline-block;
}

.flyingBox-container{
    display:none;
    position:relative;
    height:100%;
    width:100%;
}

.flyingBox-container.selected{
    display:block;
}