:root{--blue:#0276c9;--yellow:#f5be1b;--black:#172122;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.card-login{min-width:26rem;min-height:28rem}.welcome-text{text-align:center}.welcome-text .title{font-size:48px;font-weight:700;margin-bottom:5px}.welcome-text .sub-title{font-size:40px;font-weight:700}.wrapper-header .icon-user-welcome{margin-right:.75rem}.wrapper-header .amount-user-welcome{margin-left:.75rem}.item{display:none}.item.active{display:block}.text-soal{font-size:16px}.text-pilihan{font-size:16px}.text-pilihan p{margin-bottom:0}.card-ujian-story{border:2px solid #afafaf;border-radius:18px;padding:1rem 1rem 1.5rem;margin-bottom:1rem}.card-ujian-story h4{margin-bottom:0}.card-ujian-story p{margin-bottom:0;margin-top:.8rem;font-size:1rem}.box-soal-wrapper{padding:0 5px}.box-soal-progress{height:36px;width:100%;display:flex;justify-content:center;align-items:center;border:2px solid #4e73df;font-size:13px;border-radius:7px}.box-soal-progress.active{background-color:#4e73df;border-color:#4e73df;color:#fff}.table-list-ujian td,.table-list-ujian th{vertical-align:middle}.table-list-ujian th{color:#858796}.login-left-sec{padding:1rem 1rem 1rem 1.45rem;background-image:url(../img/foto-smp-1.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}.card-glass{background:rgba(255,255,255,.76);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(3.7px);-webkit-backdrop-filter:blur(3.7px);border:1px solid rgba(255,255,255,.3)}.school-name{font-weight:700;color:#b0b1b9}.sidebar-brand-icon img{width:70%;height:auto}.question-divider{height:1px;width:100%;margin:3rem 0;background-color:#afafaf}#timeScroling{position:sticky;top:0}.text-time{font-size:14px!important}.label-history{font-size:16px;font-weight:700}.pill-jawaban-betul{background-color:#b3ffcb;border:2px solid #007025;color:#007025;font-size:14px;font-weight:600;padding:1rem;border-radius:40px}.pill-jawaban-salah{background-color:#ffcccd;border:2px solid #eb0004;color:#eb0004;font-size:14px;font-weight:600;padding:1rem;border-radius:40px}.label-name{line-height:2em;vertical-align:center}.input-wrap{cursor:pointer;width:160px;float:left;padding:13px;padding-left:12px;font-family:sans-serif;position:relative;user-select:none;background:#fff;margin-right:5px;border-radius:5px;transition:all .3s;border:2px solid grey;border-radius:18px}.input-wrap:hover{background:#c8cdc9}.input-wrap:active{background:#c8cdc9}.input-wrap label{padding-left:60px;color:grey;width:100%;transition:all .3s;font-size:1em;font-weight:700;text-transform:uppercase;letter-spacing:.125em;pointer-events:none;margin-bottom:0}input[type=radio]{-webkit-appearance:none!important;outline:0!important;background:0 0;border:none;display:none}.check{display:block;border:none!important;height:30px;width:30px;position:absolute;top:50%;transform:translateY(-50%)}.check svg .circle{stroke:grey;stroke-width:40}.check .inner{display:block;border-radius:10%;height:20px;width:20px;opacity:0;position:absolute;top:50%;left:5px;transform:translateY(-20%);transition:all .3s}.wrap{float:left}.wrap.right{float:right}.wrap input[type=radio]:checked~.input-wrap .inner{opacity:1;transform:translateY(-50%)}.wrap input[type=radio]:checked~.true-wrap{background:#c8cdc9}.wrap input[type=radio]:checked~.true-wrap .check .inner{fill:grey}.wrap input[type=radio]:checked~.false-wrap{background:#c8cdc9}.wrap input[type=radio]:checked~.false-wrap .check .inner{fill:grey}.sq-radio{display:block;position:relative;padding-left:52px;margin-bottom:12px;cursor:pointer;font-size:22px;height:34px;width:fit-content;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;font-weight:400}.sq-radio input{position:absolute;opacity:0;cursor:pointer}.checkmark{position:absolute;top:5;left:0;width:24px;height:24px;border-radius:5px;background-color:#fff;border:1px solid #e0e0e0}.checkmark:after{content:"";position:absolute;display:none}.sq-radio input:checked~.checkmark:after{display:block}.sq-radio .checkmark:after{top:3px;left:3px;width:16px;height:16px;border-radius:2px;background-color:#b3b3b3}.sq-radio p{margin-bottom:0}.sq-radio .checkmark.betul:after{background-color:#b3ffcb}.sq-radio .checkmark.salah:after{background-color:#ffcccd}.sq-radio .checkmark.terpilih:after{background-color:#eaecf4}.disabled-link{pointer-events:none}.item-pg-checkbox .checkmark:after{background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23999' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")}.form-control.disabled{background-color:#eaecf4}.no-height{height:auto}