@font-face{font-family:'DS-Digital';src:url('fonts/DS-Digital-Bold.woff2') format('woff2'),url('fonts/DS-Digital-Bold.woff') format('woff');font-weight:bold;font-style:normal;}
.clock{background-color:#dddddd;color:#272e38;font-family:'DS-Digital';font-size:35px;line-height:35px;border:23px solid #f3f3f3;padding:10px;text-align:center;position:relative;box-shadow:0 4px 10px rgba(0,0,0,0.15);width:280px;}
.row{border-bottom:2px dashed #CCC;padding:30px 20px;position:relative;}
.row.actv{opacity:1;}
.row:hover{background: #f5f3f3;}
.row:hover .numbr{color: #ff0000;}
.row.lock:after{content:"\f30d";font-family:'Font Awesome 5 Pro';position:absolute;top:50%;left:0px;right:0px;margin:-30px auto 0px;font-size:60px;z-index:11;color:#000;width:45px;line-height:60px;}
.row.lock:before{content:"";position:absolute;width:100%;z-index:10;background:#fff;height:100%;opacity:0.8;}
.row .numbr{font-size:40px;line-height:40px;color:#616161;font-weight:bold;text-align:center;}
.row .qstn{display:flex;width:100%;justify-content:space-between;padding:0px 20px;}
.row .xbutton{font-size:25px;margin:0px 10px;width:100%;padding:25px 0px;}
::-webkit-scrollbar{width:17px;}
.clock.fixed{position:fixed;left:0px;top:0px;width:100%;z-index:300;}
body{padding-top:100px;}
#load-wpr{-webkit-transition:all 0.45s ease-in-out;opacity:0;max-height:0px;overflow:hidden;max-width:0px;z-index:-1;position:fixed;top:0px;left:0px;height:100%;}
#load-wpr.actv{z-index:100;max-height:100%;opacity:1;}
#server-status{position: fixed;z-index: 302;right: 35px;top: 46px;width: 10px;height: 10px;border-radius: 15px;background: #666;}
body.EXAM #examLocked{content: ""; background: transparent; position: fixed; width: 100%; height: 100%; top: 0; left: 0px; z-index: 300;}