body{
 
    background:  #cfcece;
      background-image: url("bg.png");
     
    }

label{
        font-family:Verdana, Geneva, Tahoma, sans-serif;
        font-size:x-small;
        color: rgb(57, 76, 100);
    }
.paper {
margin: auto;
width:12cm;
height: 17.5cm;
}


.sticker {
    float: left;
    width:4cm;
    height:1.94cm;
   }


.printArea{
text-align: center;
margin:auto;
width:3.5cm;
height:1.6cm;
background-color: rgb(255, 255, 255);
border:.1cm solid rgb(236, 87, 87);;

}


.spacer{
    float: left;
    height:3cm;
    width:100%;
}


h3{    font-size: 1em;
    color: #000;
    margin-top: 4px;
    margin-bottom: 0px;
    
}

p{
    color: #000;
font-size: large;
    margin-top: 0px;
    font-weight: bold;
}
@media print {
    .printing{display: block}
    .noPrint{display:none}
    .printArea{border: none}
    .paper{border: none}
    }

.posscreen{
    margin-top: 416px;
}
.pos {
   background-image: url("poss.png");
    padding:10px;
  width: 343px;
    height: 763px;
    float: left;
margin: auto;
}
button{
    margin-left:4px;
    float: left;
    width: 86px;
    height: 28px;
    background-color: rgb(74 106 118);
    border-radius: 20px;
    border:none;
   
    font-size:small;
    color: white;
    cursor: pointer;
}
button:hover {
    background-color: rgb(56, 80, 87);
    }
button:active {
        background-color: rgb(62, 107, 138);
        color:black;
        transform: translateY(3px);
      }

    
.inputs{
    margin-top: 10px;
}
#leftDiv{

    margin: auto;
  
    width:200px;
}
#controlB{
    width:fit-content;
    position: absolute;
    left: 46px;
    top: 666px;
   z-index: 11;
}
input{
    border: none;
}
.posPaper{
    background-color: #000;
    background-image: url("modelsticker.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 43px;
    top: 278px;
    z-index: 10;
    width: 276px;
    height: 386px;
    }
    .printing{
        width: 257px;
        height: 180px;
        position: absolute;
        left: 53px;
        top: 220px;
       z-index: 12;
       background-image: url("printing.gif");
       background-size: cover;
       mix-blend-mode: difference  ;

    }
   .messagebox{
    left: 57px;
    top: 282px;
    width:249px;
    height:42px;
    position: absolute;
    z-index: 13;
    background-image: url("mess.png");
  
   }
   #printB{
    position: absolute;
    left: 180px;
    }
.fa {  position: absolute;
    left: 48px;
    top:224px;
    color:rgb(204, 202, 202);
   }
.time p{
    color: #b5b0b0;
    font-size: 30px;
    margin-top: 63px;
    text-align: center;
    position: absolute;
    top: 225px;
    left: 125px;
    cursor: default;}
.half {

width:60px;


}