body
{
background-color: #ffffff;
}

.container
{
max-width: 1500px;
}
.helper {
    display: inline-block;
    background-color:grey;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.myred, .picker__list-item:hover {
    background-color: #36394B !important;
}

.artikelinfo-color
{
background-color:#36394B; color:#fff
}

.my-color,
ul.stepper li.active a .circle,
ul.stepper li.completed a .circle {
    background-color: #36394B;
    border-color: #36394b;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#36394B), to(#36394b));
    background-image: -webkit-linear-gradient(top, #36394B, 0%, #36394b, 100%);
    background-image: -moz-linear-gradient(top, #36394B 0%, #36394b 100%);
    background-image: linear-gradient(to bottom, #36394B 0%, #36394b 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc62828', endColorstr='#ffb71c1c', GradientType=0);
                                }
                                
.my-footer {
    border-top: 7px double #7B7D89;set 0px 0px 10px 3px #ffffff;
    z-index:1000; 
    margin-top:20px;
    background-color: #36394b !important;
}


.btn.btn-action {
    padding:8px;
    font-size: 16px;
    width:35px;
    height:35px;
}  

.btn.btn-sm {
    padding: 1rem 1.3rem;
    font-size: .71rem;
    margin-top: 5px;
}              

.infozeile
{
margin-top:80px; 
height:30px;
margin-bottom:10px;
}                                

.menuestyle {
width:80px; 
border-right:1px solid black; 
text-align:center;
font-size:0.9em;
           }     
           
.nav-active
{
background-color:#484a56;
border-radius:6px;
border-bottom: 3px #fff solid;
}

.container-login
{
position: absolute;
top: 50%;
height: 700px;
margin-top: -350px;
box-sizing: border-box;
position: absolute;
top: 50%;
padding-top:60px;
padding-bottom:60px;
width:100%;
background-color: #36394b;
}



.inlinecontainer
{
background-color: #fff; 
border:1px #e0e0e0 solid; 
width:100%; 
min-height:50px; 
margin-top:10px; 
margin-bottom:30px;
padding:10px;
border-radius: 0.3em;
box-shadow: 3px 6px 13px 0px rgba(0,0,0,0.48);
-webkit-box-shadow: 3px 6px 13px 0px rgba(0,0,0,0.48);
-moz-box-shadow: 3px 6px 13px 0px rgba(0,0,0,0.48);
}


footer {
    position: fixed;
    height: 80px;
    width: 100%;
    margin-bottom:-20px;
    z-index:100000;
        }

table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
bottom: .5em;
}

.tooltip {
  font-weight: 600;
  line-height: 1.5;
  font-size: 0.875rem;
  opacity: 0;
  margin-bottom:10px;
}

.tooltip.show {
  opacity: 1;
}

.tooltip .tooltip-inner {
 color: #593e2e;
 background-color: #a69577;
 max-width: 600px;
 border-radius: 5px; 
                        }

.tooltip .arrow::before {
 position:absolute;
 width:0;
 height:0
 border-left-color: #a69577;
 z-index:999999;
                        }
                        
                  
.tabs-red {
background-color: #D66106 !important;
}                  

                  
.tabs-grey {
background-color: #c0c0c0 !important;
}    



.classic-tabs .nav li a.active {
    color: #ffe13f;
    border-bottom: 6px solid;   
}

.select-dropdown li img {
    float: right;
    width: 30px;
    height: 50px;
                        }

.md-form {
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
}

.md-form.md-outline {
 position: relative;
 margin-top: 0px;
 margin-bottom: 0px;
}


#files {
    overflow-y: scroll !important;
    min-height: 100px;
}

.dm-uploader {
	border: 0.25rem dashed #A5A5C7;
	text-align: center;
            }
.dm-uploader.active {
	border-color: red;
	border-style: solid;
                    }
                    
//.form-check-input[type="checkbox"] + label, label.btn input[type="checkbox"] + label {
//    padding-left: 5px;  
//}                    

.artikelinformation {
background-color:#F2F2F2; 
padding:15px; 
width:100%;
-webkit-box-shadow: 0px 1px 5px -2px #000000; 
box-shadow: 0px 1px 5px -2px #000000;
                    }

.btn-blue-grey {
    color: #fff;
    background-color: #78909c73 !important;
}


.btn-night {
    color: #fff;
    background-color: #36394B !important;
           }

.btn-night:hover, .btn-night:focus, .btn-night:active, .btn-night.active, .open>.dropdown-toggle.btn-night 
{ color: #FFD180 !important;}           
           
.btn-ocean {
    color: #fff;
    background-color: #6B9AA0 !important;
           }

.btn-ocean:hover, .btn-ocean:focus, .btn-ocean:active, .btn-ocean.active, .open>.dropdown-toggle.btn-ocean 
{ color: #FFD180 !important;}           

           
.btn-glacier {
    color: #fff;
    background-color: #A0C9CE !important;
             }

.btn-glacier:hover, .btn-glacier:focus, .btn-glacier:active, .btn-glacier.active, .open>.dropdown-toggle.btn-glacier 
{ color: #FFD180 !important;}    

.btn-sky {
    color: #fff;
    background-color: #CBD7D8 !important;
         }
.btn-sky:hover, .btn-sky:focus, .btn-sky:active, .btn-sky.active, .open>.dropdown-toggle.btn-sky 
{ color: #FFD180 !important;}    
         
.btn-sunset {
    color: #fff;
    background-color: #D66106 !important;
           }    

.btn-sunset:hover, .btn-sunset:focus, .btn-sunset:active, .btn-sunset.active, .open>.dropdown-toggle.btn-sunset 
{ color: #FFD180 !important;}            
           
.btn-sunrise {
    color: #fff;
    background-color: #F2A341 !important;
           } 

.btn-sunrise:hover, .btn-sunrise:focus, .btn-sunrise:active, .btn-sunrise.active, .open>.dropdown-toggle.btn-sunrise 
{ color: #FFD180 !important;}    
           
.btn-taupe {
    color: #fff;
    background-color: #D6A27B !important;
           }
           
.btn-taupe:hover, .btn-taupe:focus, .btn-taupe:active, .btn-taupe.active, .open>.dropdown-toggle.btn-taupe 
{ color: #FFD180 !important;}            
                  
           
.btn-sand {
    color: #fff;
    background-color: #E8DCCA !important;
           }

.btn-sand:hover, .btn-sand:focus, .btn-sand:active, .btn-sand.active, .open>.dropdown-toggle.btn-sand
{ color: #FFD180 !important;}            
                  
           
           
.btn-wine {
    color: #fff;
    background-color: #731702 !important;
           }
           
.btn-wine:hover, .btn-wine:focus, .btn-wine:active, .btn-wine.active, .open>.dropdown-toggle.btn-wine
{ color: #FFD180 !important;}            
                  
           
.btn-coffee {
    color: #fff;
    background-color: #593E2E !important;
           }   
           
.btn-coffee:hover, .btn-coffee:focus, .btn-coffee:active, .btn-coffee.active, .open>.dropdown-toggle.btn-coffee 
{ color: #FFD180 !important;}            
                                
           
.btn-khaki {
    color: #fff;
    background-color: #a69577 !important;
           }   
           
.btn-khaki:hover, .btn-khaki:focus, .btn-khaki:active, .btn-khaki.active, .open>.dropdown-toggle.btn-khaki 
{ color: #FFD180 !important;}            
                                

.btn-olive {
    color: #fff;
    background-color: #8C824D !important;
           }       
           
.btn-olive:hover, .btn-olive:focus, .btn-olive:active, .btn-olive.active, .open>.dropdown-toggle.btn-olive
{ color: #FFD180 !important;}            


.btn-blueberry {
    color: #fff;
    background-color: #591535 !important;
           }       
           
.btn-blueberry:hover, .btn-olive:focus, .btn-olive:active, .btn-olive.active, .open>.dropdown-toggle.btn-olive
{ color: #FFD180 !important;}            


.btn-evergreen {
    color: #fff;
    background-color: #30400E !important;
           }       
           
.btn-evergreen:hover, .btn-olive:focus, .btn-olive:active, .btn-olive.active, .open>.dropdown-toggle.btn-olive
{ color: #FFD180 !important;}            


.btn-caramel {
    color: #fff;
    background-color: #8C4E03 !important;
           }       
           
.btn-carame:hover, .btn-olive:focus, .btn-olive:active, .btn-olive.active, .open>.dropdown-toggle.btn-olive
{ color: #FFD180 !important;}            

       
.alert-glacier {
  color: #fff;
  background-color: #A0C9CE;
  border-color: #6B9AA0;
               }       

    
                                                                                      
           
.history-table{
    padding:10px; 
    border:1px #CBD7D8 solid; 
    background-color:#f4f4f4;
              }           
              
              
.btn-outline-wine {
    color: #731702 !important;
    background-color: transparent !important;
    border: 2px solid #731702 !important;
}   




           

.red-text {
    color: #731702 !important;
}

.invalid-feedback {
    color: #731702;
}


.form-control.is-valid, .was-validated .form-control:valid {
    border-color: #6B9AA0;                                  }

.modal-dialog.modal-notify.modal-danger .modal-header {
    background-color: #731702;
}

//.form-check-input[type="checkbox"] + label, label.btn input[type="checkbox"] + label {
//    padding-left: 35px;
//    margin-left: -15px;
//}


a {
    color: #731702;
    cursor: pointer;
  }
  
.btn:hover {
    color: #c0c0c0;
    text-decoration: none;
}  


.badge-danger {
    color: #fff !important;
    background-color: #731702 !important;
}

.chat
{
display: none;
z-index:99999;
position: fixed;
padding: 10px;
right:0;
bottom:60px;
background-color:#36394B;
color: #fff;
height: 500px;
width: 300px;
border-top-left-radius: 10px;
}

.chatframe
{
z-index:99999;
border:0px;
background-color:#36394B;
height: 483px;
width: 280px;
}

.chatpic
{
margin-top:-6px; 
margin-left:-10px;
}

.text-danger
{
 color:#8c0410 !important;
}

.text-success
{
 color:#30400E !important;
}

.chattext1
{
margin-top:-8px; 
font-size:16px;
}

.chattext2
{
margin-top:-21px;
font-size:10px;
}

.chattext3
{
margin-top:-8px; 
font-size:16px;
}

.chattext4
{
margin-top:-19px;
font-size:13px;
}


.switch,
.switch {
  -moz-user-select: none;
}
.switch label input[type="checkbox"]:checked + .lever::after {
  background-color: #6B9AA0;
}
.switch label input[type="checkbox"][disabled]:checked + .lever {
  background-color: red;
}
.switch label .lever::after {
  background-color: #C0C0C0;
  border-radius: 21px;
}
.switch label input[type="checkbox"]:checked + .lever {
  background-color: #DFDFDF;
}
.switch label .lever {
  background-color: #DFDFDF;
                     }

.searcherror {
width:100%;
padding:10px;
background-color:#8C0410;
color:#fff;
font-weight:bolder;
text-align:center;
            }

.actioninfo {
width:100%;
padding:10px;
background-color:#30400E;
color:#fff;
font-weight:bolder;
text-align:center;
            }

.actiondanger {
width:100%;
padding:10px;
background-color:#8c0410;
color:#fff;
font-weight:bolder;
text-align:center;
            }


.sprachselect {
margin:0px;
width:140px;
color:#fff;
border:1px #c0c0c0 solid;
background-color:#36394B;
font-size:12px;
              }
              

.errorblock {
padding:20px;
width:100%;
color:#731702;
border-top:20px #731702 solid;
border-bottom:20px #731702 solid;
font-size: 1.1rem;
              }              

.infoblock {
padding:20px;                
width:100%;
color:#30400E;
border-top:20px #30400E solid;
border-bottom:20px #30400E solid;
font-size: 1.1rem;
              }              
              
.card .card-body .card-text {
    font-size: 1.1rem;
                            }              
                            
                            
.nav-tabs .nav-link {
    border: 3px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}            

.nav-tabs {
    border-bottom: 3px solid #dee2e6;
          }    
          
.nav-tabs .nav-item {
    margin-bottom: -3px;
    width:180px;
    font-weight:bolder;
}           


.wkbutton
{
height:30px; 
padding: 5px 15px 0 15px;
}

.wkborder
{border-width:1px; 
 border-style:solid; 
 border-color:#c0c0c0; 
 margin-bottom:10px;
} 

.historybtn {
width:100%; 
padding:5px; 
border:1px dashed;
text-align:left; 
font-size:11px;
            }
.login-select
{
margin-left:10px;
}


.md-form > input[type]:autofill:not(.browser-default):not([type="search"]) + label, .md-form > input[type="time"]:not(.browser-default) + label {
  margin-top: 18px;
}


.modal-dialog.modal-notify.modal-sand .modal-header {
    background-color: #36394B;
    color:#fff;                      
    }
    
.bg-warning {
padding:5px;
background-color: #f2a341 !important;
color:#fff;
}  

.bg-danger {
padding:5px;
background-color: #8c04101 !important;
color:#fff;
}  

.bg-info{
padding:5px;
background-color: #a0c9ce !important;
color:#fff;
}   

.bg-success{
padding:5px;
background-color: #6B9AA0 !important;
color:#fff;
}

.wk_hist_table_header_shop
{
background-color:#F9F6B7;
}

.wk_hist_table_header
{
background-color:#E0F2F1;
}


.wk_hist_infobox
{
width:100%; 
padding:5px; 
border:1px dashed; 
text-align:left; 
font-size:11px;
}

.wk_hist_infobox_great
{
width:100%; 
padding:5px; 
border:1px dashed; 
text-align:left; 
font-size:17px;
}


.wk_hist_btn
{
cursor: help;
}

.popover {
    max-width: 450px;
         }
         
.small_btn
{
height:30px;
font-size:12px; 
line-height: 5px;
} 

.infobox-danger
{
 background-color:#8c0410; 
 color:#ffffff; 
 padding:4px; 
 width:100%;
}
       

.blinkbutton {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  10% {
    opacity: 0;
      }
                  }



.pagination.pg-red .page-item.active .page-link {
    background-color: #8c0410;
}

.btn.btn-block {
    margin-top: 4px;
                }
                
.swal-button {visibility : hidden}                 

.remove-all
{
margin-top:-10px;
}

.add-all
{
margin-top:20px;
}

.dropdown .dropdown-menu.dropdown-primary .dropdown-item:hover, .dropdown .dropdown-menu.dropdown-primary .dropdown-item:active, .dropdown .dropdown-menu.dropdown-primary .dropdown-item.active, .dropup .dropdown-menu.dropdown-primary .dropdown-item:hover, .dropup .dropdown-menu.dropdown-primary .dropdown-item:active, .dropup .dropdown-menu.dropdown-primary .dropdown-item.active, .dropleft .dropdown-menu.dropdown-primary .dropdown-item:hover, .dropleft .dropdown-menu.dropdown-primary .dropdown-item:active, .dropleft .dropdown-menu.dropdown-primary .dropdown-item.active, .dropright .dropdown-menu.dropdown-primary .dropdown-item:hover, .dropright .dropdown-menu.dropdown-primary .dropdown-item:active, .dropright .dropdown-menu.dropdown-primary .dropdown-item.active 
{
 background-color: #36394B !important;
}
  
.marechte_titel{
font-weight:bold; 
font-size:16px; 
margin:0px;
}

[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
  position: absolute;
  pointer-events: none;
  opacity: 100;                                            }

  

  #designer #designer_editor{
    width:100%;
  }

  #designer .right_area{
    width:50% !important;    
    max-width:50% !important;    
  } 
  
  #designer #left_area{
    width:50%;
  }

.btn-as-link {
    background: none;
    border: none;
    padding: 0;
    color: #007bff;
    cursor: pointer;
    text-decoration: underline;
}
.btn-as-link:hover {
    color: #0056b3;
}

.price-link {
    all: unset;
    cursor: pointer;
    color: #007bff;
}
.price-link:hover {
    color: #0056b3;
}


.header-content {
  min-height: 56px;      /* garantiert gleiche Höhe */
}

.header-title {
  font-weight: 600;
  line-height: 1.2;
}

.header-subtitle {
  font-size: 0.85rem;
  line-height: 1.2;
  opacity: 0.9;
}