body{font-family:Nunito,sans-serif}body .header{font-family:Nunito Sans,sans-serif}.loader{display:flex;flex-direction:column;justify-content:center;align-items:center}.loader span{width:16px;height:16px;border-radius:50%;display:inline-block;position:absolute;left:50%;margin-left:-10px;-webkit-animation:3s linear infinite;-moz-animation:3s infinite linear;-o-animation:3s infinite linear}.loader span:nth-child(2){background:#30e3ca;-webkit-animation:kiri 1.2s linear infinite;-moz-animation:kiri 1.2s infinite linear;-o-animation:kiri 1.2s infinite linear}.loader span:nth-child(3){background:#6b76ff;z-index:100}.loader span:nth-child(4){background:#ffc1c8;-webkit-animation:kanan 1.2s linear infinite;-moz-animation:kanan 1.2s infinite linear;-o-animation:kanan 1.2s infinite linear}@-webkit-keyframes kanan{0%{-webkit-transform:translateX(20px)}50%{-webkit-transform:translateX(-20px)}to{-webkit-transform:translateX(20px);z-index:200}}@-webkit-keyframes kiri{0%{-webkit-transform:translateX(-20px);z-index:200}50%{-webkit-transform:translateX(20px)}to{-webkit-transform:translateX(-20px)}}.snackbar{visibility:hidden;min-width:250px;margin-left:-125px;background-color:#333;color:#fff;text-align:center;border-radius:2px;padding:16px;position:fixed;z-index:1;left:50%;bottom:30px}.snackbar.show{visibility:visible;-webkit-animation:fadein .5s,fadeout .5s 2.5s;animation:fadein .5s,fadeout .5s 2.5s}@-webkit-keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@-webkit-keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}.printable{display:none}body{width:100%;height:100%;margin:0;padding:0}table.print-friendly tr td,table.print-friendly tr th{page-break-inside:avoid}.page{width:210mm;min-height:297mm;padding:20mm;margin:10mm auto;border:1px solid #d3d3d3;border-radius:5px;background:#fff;display:none;box-shadow:0 0 5px rgba(0,0,0,.1)}@page{size:A4;margin:0;margin-top:20px}@media print{body,html{width:210mm;height:297mm}.printable{display:block}tr.border_bottom td{border-bottom:0;color:#454545!important}td{width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.text_color>*{color:#454545}.page{margin:20 0 0;border:initial;border-radius:0;border-radius:initial;width:auto;min-height:0;box-shadow:none;background:transparent none repeat 0 0/auto auto padding-box border-box scroll;background:initial;page-break-after:always;display:table}.printable-test-paper-background{position:fixed;margin-top:10%;font-size:14px;font-family:sans-serif}}.App-header{height:50;display:flex;color:#fff;align-items:center;background-color:#6c5ce7;padding:5px 20px;justify-content:space-between;width:100%;z-index:50;box-shadow:2px 2px rgba(53,72,88,.1)}:focus{outline:none}::-webkit-scrollbar{display:none}.Card-View{display:flex;flex-direction:column;box-shadow:1px 2px 6px rgba(139,157,175,.15);background-color:#fff;border-radius:4px;text-align:center}.Card-View:hover{box-shadow:0 3px 15px rgba(52,59,64,.16)!important}.primary-button{color:#fff;padding:5px 10px;background-color:#6c5ce7;border-radius:5px;cursor:pointer;font-weight:500;height:35px;margin-top:10px;margin-bottom:10px;white-space:nowrap;display:flex;align-items:center;justify-content:center}.primary-button:hover{box-shadow:rgba(93,79,203,.5);border-color:#5548b9;background-color:#5548b9}.Secondary-Button{color:#6c5ce7;border-color:#6c5ce7}.Secondary-Button:hover{background-color:#eeebff}.App-Box{width:100%;padding:30px;margin-top:40px;background-color:#fff;box-shadow:0 3px 6px rgba(0,0,0,.08);border-radius:4}.App-Test-List{width:100%;padding:30px;margin-top:70px}.App-Box-Title{margin-bottom:10px;font-size:24px;font-weight:400}.row{display:flex;flex-wrap:wrap;margin-right:0!important;margin-left:0!important}.square{height:30px;width:30px;border:1px solid #40a7ff;border-radius:4px}.Circle{height:35px;width:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.pagination>li{display:inline-block;padding-left:0;list-style:none}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#4b4b4b}.pagination>li.active>a{color:#fff;background-color:#40a7ff;border-radius:4px}.pagination>li>a:hover{background-color:#52606c;color:#fff;border-radius:4px}@media print{.printable-test-paper-background{position:fixed;margin-top:10%;font-size:14px;font-family:sans-serif}.hide-in-print{display:none;visibility:hidden}.printable{display:"block"}}
/*# sourceMappingURL=main.0b9c9251.chunk.css.map */