*{
    box-sizing: border-box;
}
html,body{
    height: 100%;
    width: 100%;
}
.fahrer-header{
    padding: 5px;
    width: 80%;
    height: 5%;
    float: left;
    border: 1px solid Yellow;
}
.fahrer-map{
    width: 80%;
    height: 95%;
    float: left;
}
.fahrer-right{
    width: 20%;
    height: 100%;
    float: right;
    border: 1px solid Black;
}

.clear{
    clear: both;
}
.login-header{
    border-bottom: 1px solid black;
}

.main{
    text-align: center;
}
.main button{
    margin: 15px;
    padding:5px;
}

.client-header{
    height: 60px;
    background-color: #FF5A5F;
}
.client-header-logo{
    height: 100%;
    padding-left:15px;
    float: left;
    width: 30%;
}
.client-header-logo img{
    height: 100%;
}
.client-header-rest{
    float: left;
    width: 40%;
    text-align: center;
}
.client-header-rest option {
    direction: rtl;
}
.client-header-rest select{
    height: 40px;
    margin-top: 10px;
    background-color: #FF5A5F;
    border: 0;
    color: white;
    text-align: right;
    font-size: 20px;
}
.client-header-rest div{
    height: 40px;
    background-color: #FF5A5F;
    border: 0;
    color: white;
    text-align: center;
    font-size: 16px;
}
.client-header-rest div span{
    margin-top: 10px;
    border: 0;
    color: white;
    font-size: 20px;
}
.client-header-right{
    float: left;
    width:30%;
    text-align: center;
}
.datum input, .button button, .client-header button,.client-footer button{
    margin: 15px 5px;
    background-color: white;
    border: 1px solid Gray;
    border-radius: 15px;
    padding: 2px 10px;
}
.button{
    text-align: center;
}
.datum input{
    margin:5px;
}
table.stat{
    width: 100%;
}
table.stat td{
    border: 1px solid Silver;
    padding:1px 3px;
}
table.stat tr.stuck{
    background-color: #eeeeee;
}
table.stat tr.sum{
    font-weight: bold;
}
.client-header input[type=checkbox]{
    /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  transform: scale(1.5);
  padding: 5px;
  margin-top: 10px;
}
.client-header label{
    color: white;
    font-size: 18px;
}
.order-box{
    font-size: 18px;
    background-color: #F2F2F2;
    border-radius: 20px;
    margin: 5px;
    padding: 5px;
    border: 1px solid Gray;
}
.order-header{
    background-color: #0783FF;
    color: white;
    border-radius: 20px;
    padding: 5px 30px;
    user-select: none;
    cursor: pointer;
    text-transform: uppercase;
}
.order-header-inkuche{
    background-color: #FFBE43;
    color: Black;
}
.order-header-modified{
    background-color: #B2B2B2;
    color: black;
}
.order-header-deleted{
    background-color: black;
    color: white;
}
.order-header-gepackt{
    background-color: #9BCE4A;
    color: black;
}
.order-header-delivery{
    background-color: #29B249;
    color: white;
}
.order-header-delivered{
    background-color: white;
    color: black;
}

.order-time{
    padding: 5px 30px 0px 30px;
    font-weight: bold;
    font-size: 20px;
}

.order-termin{
    position: relative;
    color: white;
    background-color: #FF5A5F;
    font-size: 11px;
    padding:3px 10px;
    border-radius: 10px;
    text-transform: uppercase;
    top: -2px;
}
.order-status-info{
    display: inline;
    /*border-radius: 15px;*/
    text-align: right;
    font-weight: normal;
    font-size:14px;
}
.order-status-link{
    float: right;
    /*border-radius: 15px;*/
    color: white;
    background-color: Silver;
    user-select: none;
    cursor: pointer;
    text-align: center;
    width: 150px;
    border: 1px solid Gray;
    line-height: 25px;
    margin-top:5px;
}
.order-status-link-inkuche{
    background-color: #FFBE43;
    color: white;
}
.order-status-link-gepackt{
    background-color: #9BCE4A;
    color: white;
}
.order-status-link-delivererstart{
    background-color: #29B249;
    color: white;
}
.order-status-link-abgeholt{
    background-color: #782AAF;
    color: white;
}
.order-status-link-delivered{
    background-color: white;
    border: 1px solid Black;
    color: black;
}
.order-status-link-delivered,.order-status-link-delivererback{
    background-color: white;
    border: 1px solid Black;
    color: black;
}
.order-delete{
    padding: 0px 15px;
    float: left;
    text-align: left;
}
.order-print{
    padding: 0px 15px;
    float: right;
    text-align: right;
}
.order-status-link-delete,.order-status-link-print{
    float: none;
    color: white;
    background-color: #FF5A5F;
    display: inline-block;
    margin:15px;
    border-radius: 15px;
    border:0;
}

.order-name,.order-address,.order-email,.order-tel,.order-firma,.order-items-header,.order-items,.order-items-zahlen,.order-items-payment{
    padding: 0px 30px;
    
}
.order-address-abholung{
    font-weight: Bold;
    color: Purple;
}
.order-items-header:after,.order-items:after,.order-items-zahlen:before{
    display: block;
    content: '';
    background: silver;
    height: 1px;
}
.order-items{
   padding-top: 3px;
}
.order-items:after{
    background: silver;
    margin-top: 3px;
}
.order-items-zahlen:before{
    background: silver;
    padding-top:2px;
}
.order-items-header{
    font-weight: bold;
    text-align: left;
}
.order-items-pcs{
    float: left;
    width: 25px;
}
.order-items-artnum{
    float: left;
    width: 50px;
}
.order-items-name{
    float: left;
}
.order-items-price{
    float: right;
}
.order-items-anmerkung{
    padding-left: 25px;
    font-size: smaller;
}
.order-items-zahlen{
    font-weight: bold;
}

.col-xs-12.sunmi{
    padding:60px 0 0 0 ;
}
a.anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

        .lds-dual-ring {
            display: inline-block;
            width: 64px;
            height: 64px;
          }
          .lds-dual-ring:after {
            content: " ";
            display: block;
            width: 46px;
            height: 46px;
            margin: 1px;
            border-radius: 50%;
            border: 5px solid #fff;
            border-color: #fff transparent #fff transparent;
            animation: lds-dual-ring 1.2s linear infinite;
          }
          @keyframes lds-dual-ring {
            0% {
              transform: rotate(0deg);
            }
            100% {
              transform: rotate(360deg);
            }
          }
.showRestaurantOpen{
    border: 1px solid Silver;
    background-color: #eeeeee;
    height: 50px;
    margin-top: 10px;
    padding: 10px 5px;
    font-size: 18px;
    font-weight: bold;
}
.showRestaurantOpen-name{
    float: left;
    text-align: left;
    width: 70%;
    border-right: 0;
}
.showRestaurantOpen-checkbox{
    float: left;
    width: 29%;
    text-align: right;
    border-left:0;
}

.showRestaurantOpen-checkbox input{
    -webkit-appearance:none;
    width:30px;
    height:30px;
    background:white;
    border-radius:5px;
    border:2px solid #555;
    margin-right: 10px;
    pointer-events: none;
}
.showRestaurantOpen-checkbox input:checked {
    background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAlElEQVQ4T6WTXQ2AMAwGDwdIQAISQAEWsIQCQAkWkIAEJJCSNCljP7Dtdblb26+rKDxVIU+uoAY2YMoRKNwC61/BAwbGP4IXLPP7KvDCVtAARyCRIKyCBRiAHtgdSRRWwQjMwOlIkrBtwZVIO5LzHZVMO7RwdohWIoIk7EtBJXIXfVkr8sUoki5Wtm3n6x4E/1yx4AI+qiERKNFzCwAAAABJRU5ErkJggg==") #FFFFFF;
    background-size: 80%;
    background-position: right 2px bottom 2px;
    background-repeat: no-repeat;
}
.showRestaurantOpen-button div{
    margin:0;
    padding:0;
    padding-top:5px;
    color: white;
    font-size: 18px;
    fontweight: bold;
    margin-bottom: -5px;
}
.showRestaurantOpen-button input{
     -webkit-appearance:none;
    width:15px;
    height:15px;
    background:white;
    border-radius:5px;
    border:1px solid #555;
    margin-left: 4px;
    margin-right: 4px;
    pointer-events: none;
}
.showRestaurantOpen-button input:checked {
    background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAlElEQVQ4T6WTXQ2AMAwGDwdIQAISQAEWsIQCQAkWkIAEJJCSNCljP7Dtdblb26+rKDxVIU+uoAY2YMoRKNwC61/BAwbGP4IXLPP7KvDCVtAARyCRIKyCBRiAHtgdSRRWwQjMwOlIkrBtwZVIO5LzHZVMO7RwdohWIoIk7EtBJXIXfVkr8sUoki5Wtm3n6x4E/1yx4AI+qiERKNFzCwAAAABJRU5ErkJggg==") #FFFFFF;
    background-size: 80%;
    background-position: right 1px bottom 1px;
    background-repeat: no-repeat;
}
@media (max-width: 767px) {
    .order-time{
       padding: 5px 5px 0px 5px;
    }
    .order-name,.order-address,.order-email,.order-tel,.order-firma,.order-items-header,.order-items,.order-items-zahlen,.order-items-payment{
        padding: 0px 5px;
    }
    .order-delete{
        padding:0;
        
    }
    .order-print{
        padding:0;
    }
    .order-status-link-delete,.order-status-link-print{
        margin:15px 5px;
        border-radius: 15px;
        width: 120px;
    }

}