.box_center_mid {
  position:absolute;
  right:38%;
  top:20%;
  width: 30%;
  height:200px;
  margin-right:6%;
}

.box_center_mid_ipad {
  position:absolute;
  right:-4%;
  top:55%;
  width: 30%;
  height:200px;
  margin-right:6%;
}

.box_center_mid_mobile {
   position: absolute;
   right: 69%;
   top: 147%;
   width: 94%;
   height: 317px;
   margin-right: -66%;
   border: solid blue 2px;
}


.box_center_mid_vertical {
    position: absolute;
    right: 34%;
    top: 65%;
    width: 45%;
    height: 200px;
    margin-right: 6%;
}

.dateFrame {
  width: 50%;
  height: 195px;
  background-color: black;
  outline: solid blue 5px;
}
#myProgress {
  width: 50%;
  background-color: red;
  position:relative;
  left:25%;
}

#myBar {
  width:0%;
  height: 30px;
  background-color: #04AA6D;
}

.date {
  width: 0%;
  height: 30px;
  background-color: #04AA6D;
  outline-color: solid black;
}