button{
    font-size:12px;
    
}

.myTable { background-color:#020258; }

.inTable {
    border-collapse: collapse;
    margin: 25px 0;
    #font-size: 0.9em;
    #font-family: sans-serif;
    min-width: 400px;
    #box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.inTable thead tr {
    background-color: #009879;
    color: #ffffff;
    text-align: left;
}

.inTable th {
    #padding: 12px 15px;
    padding-top: 6px;
    padding-right: 15px;
    #padding-bottom: 12px;
    padding-left: 15px;
    text-align: center;
}

.inTable td {
    #padding: 12px 15px;
    padding-top: 6px;
    padding-right: 15px;
    padding-left: 15px;
    text-align: center;
}

.zoom {
  padding: 1px;
  transition: transform .2s;
  width: 100px;
  height: 100px;
  margin: 0 auto;
}

.zoom:hover { transform: scale(5.0); }

.progress {text-align:left;margin-top:20px;display:none; position:relative; width:250px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
.bar { background-color:#2E64FE; width:0%; height:30px; border-radius: 3px; }
.percent { position:absolute; display:inline-block; top:8px; left:48%; }

.trighti {
  position: fixed;
  top: -5px;
  right: 0;
  background-image: url("/img/mycarts.png");
  background-position: 0 0;
  border:none;
  width: 64px;
  height: 64px;
  margin: 10px;
  padding: 0;
}

.itemCounter{
position: fixed;
font-size:15px;
background-color:red;
width:25px; text-align: center;
height:19px;
color:#fff;
    top: 55px;
    right: 52px;
}

.divbox {
    width: 700px; /*width: 700px;*/
    text-align:left;
    border: 1px solid black; /*Add 1px solid border, use any color you want*/
    background-color: #F4FEEA; /*Add a background color to the box*/
    position: relative;
    padding: 10px 10px 40px;
}