html{height:100vh;width:100%;padding:0}body{display:grid;grid-template-columns:repeat(15,1fr);grid-template-rows:140px 1fr 50px;width:100%;height:100%;font-family:'Open Sans',Arial,sans-serif;font-size:14px;position:absolute;top:0;bottom:0;right:0;left:0;margin:0;background-color:#ccd1d1}header{grid-column:1/-1;grid-row:1/2;display:grid;grid-template-columns:100px 1fr 100px;grid-template-rows:50px 50px 1fr;margin:0;padding:0;background-image:url('../Content/Images/hdrbkgrnd.png');background-size:100%;background-size:cover;background-repeat:no-repeat}header #imgleft{grid-column:1/2;grid-row:1/3}header #imgright{grid-column:3/4;grid-row:1/3}header #hdrcntr{padding-top:5px;grid-column:2/-2;grid-row:1/3;height:96%}header .hdrcntrbtm{grid-column:1/-1;grid-row:3/4;text-align:center}#hdrcntr .row:nth-child(3){display:flex;height:43%;justify-content:end;align-items:flex-end;align-content:flex-end}#hdrcntr .row:nth-child(3) span{text-align:center}img{height:100px}.img-left{text-align:left}.img-right{text-align:right}.imgThumb{height:100%}.hdrtitle{color:#fff;text-align:center}main{grid-column:3/-3;grid-row:2/3;margin:5px;width:100%;background-color:#f1f2f2;box-shadow:0 2px 4px rgba(0,0,0,.3);overflow-y:auto;overflow-x:hidden}footer{grid-column:3/-3;grid-row:3/-1;width:100%;text-align:right;margin:0 5px 0 5px}footer p{margin:0}#backBtn{grid-column:1/2;grid-row:2/3;position:absolute;min-height:15px;min-width:75px;max-height:20px;max-width:75px;border:solid 2px #000;background-color:#d3d3d3}#backBtn:hover{background-color:#39f}#backBtn p{display:block;margin:0;height:100%}#backBtn span{display:inline-block;height:100%;width:75%;font-size:16px;text-align:center}.arrow-left{border:solid #000;border-width:0 1px 1px 0;display:inline-block;padding:3px;transform:rotate(135deg);-webkit-transform:rotate(135deg);margin:0 0 2px 3px;text-justify:auto}#questionContainer{margin:5px 5px 0 5px}.question{font-size:20px;font-weight:bold;margin-left:50px}.answers{font-size:16px;font-weight:bold;margin-left:90px}.statement{font-family:Tahoma;font-size:10pt;font-weight:bold;text-align:justify;text-justify:inter-word}.error{color:red;font-size:14px;text-align:center;padding:0;margin:0}.val-error{color:red;font-size:12px;text-align:center}input::placeholder{color:red;font-size:12px;text-align:center}input:-ms-input-placeholder{color:red}td,.inputLabel{text-align:left}.r10{vertical-align:top;min-height:10px}.r20{vertical-align:top;min-height:20px}.row{display:block;width:100%}.col2{display:grid;grid-template-columns:50% 50%}.indent{display:inline-block;min-width:30px}.cntr{text-align:center}.type{text-align:left}.ques{display:inline-block;width:66%;font-size:14px;font-weight:bold}.ansr{display:inline-block;width:33%}.hov:hover{background-color:#d3d3d3}.align-center{text-align:center}.hide{display:none}.title{display:block;font-size:20px;font-weight:bold;text-align:center}#spincontainer{height:200px;position:relative}#spinner{text-align:center;height:60px;position:relative}#spintext{text-align:center;font-size:larger;position:relative}.f12{font-family:Tahoma;font-size:12px}.f14{font-family:Tahoma;font-size:14px}.f16{font-family:Tahoma;font-size:16px}.f18{font-family:Tahoma;font-size:18px}.f24{font-family:Tahoma;font-size:24px}.f30{font-family:Tahoma;font-size:30px}.bold{font-weight:bold}.dblb{border-bottom:double}.i90{margin-left:90px}.tooltip{position:relative}.tooltip:before{visibility:hidden;content:attr(data-content);background-color:#1d608e;color:#f9fafb;font-size:10px;width:200px;padding:.5rem;border-radius:4px;position:absolute;bottom:110%;left:100%;transform:translateX(-10%);white-space:nowrap}.tooltip:hover:before{visibility:visible;white-space:pre-wrap}.tooltip input:focus{visibility:visible;white-space:pre-wrap}.topContainer{min-height:50px;margin:5px}.rslthdr{display:flex;margin-top:20px;height:100%;text-align:center;justify-content:flex-end;justify-items:flex-end;justify-self:flex-end;align-items:end;align-content:flex-end;align-self:flex-end;background-color:#e0dedd;border-bottom:solid 3px blue;bottom:0}.rslthdr span{flex-grow:1;align-self:flex-end;justify-self:flex-end}.btnl{text-align:left}.btnr{text-align:right}.cert{width:90%}@media only screen and (max-width:768px){body{grid-template-rows:100px 1fr 25px}main{grid-column:1/-1}header{grid-template-columns:50px 1fr 50px;grid-template-rows:25px 25px 1fr}header #hdrcntr .row:first-child{display:none}footer{font-size:11px;grid-column:2/-2}.question{font-size:16px;margin-left:10px}.ques{font-size:12px}.ansr{font-size:12px}.answers{font-size:12px;margin-left:20px}.statement{font-size:8px}#imgright img{width:50px;height:50px}#imgleft img{width:50px;height:50px}.imgThumb{height:150px}.f14{font-family:Tahoma;font-size:10px}.f24{font-family:Tahoma;font-size:20px}.f30{font-family:Tahoma;font-size:22px}.i90{margin-left:20px}}@media only screen and (min-width:769px)and (max-width:992px){body{grid-template-rows:120px 1fr 25px}main{grid-column:2/-2}header{grid-template-columns:75px 1fr 75px;grid-template-rows:37.5px 37.5px 1fr}#imgright img{width:75px;height:75px}#imgleft img{width:75px;height:75px}.imgThumb{height:200px}main{grid-column:2/-2}.statement{font-size:10px}.question{font-size:16px}.answers{font-size:14px}.ques{font-size:16px}.ansr{font-size:14px}.f14{font-size:12px}}@media only screen and (min-width:993px)and (max-width:1300px){body{grid-template-rows:110px 1fr 25px}main{grid-column:2/-2}header{grid-template-columns:75px 1fr 75px;grid-template-rows:37.5px 37.5px 1fr}#imgright img{width:75px;height:75px}#imgleft img{width:75px;height:75px}}