#ImgQRCode {
 height: 300px;
 width: 300px;
 border:20px solid white;
 }
 .modalBackground {
 background-color: Black;
 filter: alpha(opacity=40);
 opacity: 0.4;
 }
 .modalPopup {
 background-color: #FFFFFF;
 width: 60%;
 border: 3px solid #0DA9D0;
 }
 .header {
 padding: 10px;
 font-size:1.2em;
 }
 .modalPopup .header {
 background-color: #2FBDF1;
 height: 80%;
 color: White;
 line-height: 30px;
 text-align: center;
 font-weight: bold;
 }
 .modalPopup .body {
 min-height: 50px;
 line-height: 30px;
 text-align: center;
 padding: 5px;
 height: 80%;
 }
 .modalPopup .footer {
 padding: 3px;
 }
 .modalPopup .button {
 height: 23px;
 color: White;
 line-height: 23px;
 text-align: center;
 font-weight: bold;
 cursor: pointer;
 background-color: #9F9F9F;
 border: 1px solid #5C5C5C;
 }
 .modalPopup td {
 text-align: left;
 }
 .myollist {
 padding: 50px 0px 10px 50px;
 }
 .myollist ol li {
 font-size: 1.2em;
 text-align: left;
 margin-bottom: 5px;
 padding-left:30px;
 color: dimgray;
 }
 .imgComputer {
 height:100%;
 width:40%;
 }
 #btnClose {
 float:right;
 margin-top:-10px;
 color:white;
 border-radius:50%;
 padding:4px 13px 4px 13px;
 font-size:1.2em;
 background-color:#e16262
 }
 #lbltime  {
 color:#FFFFFF;
 padding:10px;
 background-color: #f44336;
 margin-left:40px;
 margin-top:-30px;
 border-radius:7px;
 }