body {
    -ms-touch-action: none;
    touch-action: none;
}

.label-DPS {
    margin-left:10px;
    margin-top: 10px;
    width:auto;
    float:left;
    font-size:1.0em;
}
.label2-DPS {
    margin-left:10px;
    margin-top: -2px;
    width:auto;
    float:left;
    font-size:1.0em;
}

.tekst-DPS{
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
    width:200px;
    height: 60px;
    font-size:0.86em;
}

.h7{
   color: #40c0fb;
}
.menu {
    width: 220px;
    min-height: 480px;
    color: #fff;
    font-size: .95em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin-top: 10px;
    padding: 1px;
    border-color: #535553;
    border: 1px;
    border: solid thin;
}
.picturebox {
    min-height: 480px;
    border:1px;
    margin-left: 25px;
    margin-top: 10px;
    padding: 0;
    margin-right:25px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGElEQVQIW2NkYGCQBOLnQAwGjDAG0QKSAD1rAR6LthyCAAAAAElFTkSuQmCC'), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHklEQVQIW2NkQAWSjEh8SSD7OUwAzAFJggTgHJAAAEkuAx5OdRJCAAAAAElFTkSuQmCC') #2b3036;
}
.menu-right {
   
    min-width: 220px;
    min-height: 480px;
   
    font-size: .95em;
    font-family: "Segoe UI" , Verdana, Helvetica, Sans-Serif;
   
    margin-top: 10px;
    padding: 10px;
    border: 1px;
    border: solid thin;
    border-color: #535553;
   text-align:center;
}
/***** Niet in gebruik
.col-DPS-partial{
    background-color: #fff;
    width: 240px;
    height: 460px;
    font-size: 1.1em;
    font-family: "Segoe UI" , Verdana, Helvetica, Sans-Serif;
   
    margin-top: 10px;
    border:1px;
    border: solid thin;
    border-color: #f1a406;
}

.btn-dps-print{
    width: 78px;    
    height: 69px;
    background-image: url('../Content/Images/print.png');   
}

.btn-dps-print:active{
    width: 78px;    
    height: 69px;
    background-image: url('../Content/Images/print-w.png');   
}

.btn-dps-order, 
.btn-dps-order:hover,
.btn-dps-order:focus,
.btn-dps-order:visited{
    width: 78px;    
    height: 69px;
    background-image: url('../Content/Images/order.png');   
    font-size: 10px;
    font-family: Arial;
    color: #1B4895; 
}

.btn-dps-order:active{
    width: 78px;    
    height: 69px;
    background-image: url('../Content/Images/order-w.png');   
    font-family: Arial;
    color: #ffffff; 
}

.btn-DPS {
  color: #000;
  background-color: #efd5a7;
  border-color: #0e0e0d;
  width:150px;
  margin-left: 10px;
  margin-top: 10px;
}

.btn-DPS-CONTROL {
  color: #000;
  background-color: #efd5a7;
  border-color: #0e0e0d;
  width:50px;
  height:50px;
  margin-left: 1px;
  margin-top: 4px;
 
}

.btn-DPS-process {
  color: #000;
  background-color: #efd5a7;
  border-color: #0e0e0d;
  width: 60px;
  height: 50px;
  margin-left: 1px;
  margin-top: 1px; 
  text-align:center;
  padding: 0px;
}

.btn-DPS-process:hover,
.btn-DPS-process:active,
.btn-DPS:hover,
.btn-DPS:active,
.btn-DPS.active,
.open .dropdown-toggle.btn-DPS {
  color: #ffffff;
  background-color: #333333;
  border-color: rgba(0, 0, 0, 0.075);
}

.btn-DPS:active,
.btn-DPS.active,
.open .dropdown-toggle.btn-DPS {
  background-image: none;
}

    ******/
.btn-DPS.disabled,
.btn-DPS[disabled],
fieldset[disabled] .btn-DPS,
.btn-DPS.disabled:hover,
.btn-DPS[disabled]:hover,
fieldset[disabled] .btn-DPS:hover,
.btn-DPS.disabled:focus,
.btn-DPS[disabled]:focus,
fieldset[disabled] .btn-DPS:focus,
.btn-DPS.disabled:active,
.btn-DPS[disabled]:active,
fieldset[disabled] ..btn-DPS:active,
.btn-DPS.disabled.active,
.btn-DPS[disabled].active,
fieldset[disabled] ..btn-DPS.active {
  background-color: #428bca;
  border-color: #357ebd;
}

.resultboxred {
    width: 22px; 
    height: 16px; 
    float: right; 
    background-color:red; 
    margin: 0px 5px;
        border:1px;
    border-bottom-style:solid;
    border-color:black;
}

.resultboxorange {
    width: 22px; 
    height: 16px; 
    float: right; 
    background-color:yellowgreen; 
    margin: 0px 5px;
    border:1px;
    border-bottom-style:solid;
    border-color:black;
}
.resultboxyellow {
    width: 22px; 
    height: 16px; 
    float: right; 
    background-color:yellowgreen; 
    margin: 0px 5px;
}
.resultboxgreen {
    width: 22px; 
    height: 16px; 
    float: right; 
    background-color:green; 
    margin: 0px 5px;
    border:1px;
    border-bottom-style:solid;
    border-color:black;
}
.resultboxgray {
    width: 22px; 
    height: 16px; 
    float: right; 
    background-color:dimgray; 
    margin: 0px 5px;
    border:1px;
    border-bottom-style:solid;
    border-color:black;
}