#myForm{background-color:#f9f9fb;padding:20px;width:30%;text-align:center;float:left;margin-top:14px}#certificate{width:65%;float:left;margin-left:5%}#certificate-view{width:65%;float:left;margin-left:5%}#certificate-view i{position:absolute;top:42%;left:68%;font-size:28px;color:#0071bc}#certificate-view tbody{background:#cccccc96}#certificate-view th{width:50%}.err-msg{text-align:center;color:red;background:#cccccca8;margin-top:14px;padding:20px 0;font-size:20px}p.hint-text{font-weight:600;padding:10px;font-size:18px}.col input[type=text]{padding:5px;border:1px solid;margin-bottom:20px;height:40px}.col input[type=number]{padding:5px;border:1px solid;margin-bottom:20px;height:40px}@media (max-width:767px){#myForm{width:100%;float:none;margin-top:0}#certificate{width:100%;float:none;margin-left:0}#certificate-view{width:100%;float:none;margin-left:0}#certificate-view i{top:70%;left:48%}}#certificate-view th,#certificate-view td{padding:15px 20px !important;border:1px solid #cfcfcf !important;font-size:16px !important}#certificate-view th{width:50% !important;text-align:center !important;font-weight:600 !important;color:#1f2a33 !important}#certificate-view td{width:50% !important}#certificate-view tr:nth-child(odd) th,#certificate-view tr:nth-child(odd) td{background:#bdbdbd !important}#certificate-view tr:nth-child(even) th,#certificate-view tr:nth-child(even) td{background:#d9d9d9 !important}