.how-it-work{margin-bottom:60px;position:relative}.main-how-it{position:absolute;top:217px;left:-355px;background:#f6f6f6;width:544px;height:110px;transform:rotate(-90deg);border-radius:50px;box-shadow:0 2px 11px -2px rgba(0,0,0,.4)}.main-how-it h4{font-size:54px;padding-top:20px;text-align:center;text-transform:uppercase;color:#78c043;font-weight:800}.bg-theme{color:#008931}.how-it-work .panel{border-top-left-radius:60px;border-bottom-left-radius:60px;color:#fff;font-size:16px;background:#008931;box-shadow:0 1px 7px 1px rgba(0,0,0,.4);margin-bottom:15px}.how-it-work .panel:hover span,.how-it-work .panel span{transition:all .3s ease-out}.how-it-work .panel:hover span{background:rgba(0,0,0,.4)}.how-it-work .panel:nth-child(2n){background:#78c043}.how-it-work .panel-body{overflow-y:auto;overflow:visible;height:120px;padding-left:120px;position:relative}.how-it-work .panel-body span{position:absolute;top:15px;left:0;width:90px;height:90px;line-height:90px;color:#008931;background:#f6f6f6;text-align:center;font-size:36px;font-weight:800;border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.4)}.how-it-work .panel-body span:before{content:"";position:absolute;top:35px;left:-49px;width:50px;height:20px;background:#f6f6f6;box-shadow:0 8px 3px -5px rgba(0,0,0,.2)}.how-it-work .panel:nth-child(2n) span{color:#78c043}.how-it-work .step-heading{font-size:28px;margin-top:0;color:rgba(0,0,0,.3);padding-top:15px}#recaptcha-container div div{width:100%!important;display:block;text-align:center;color:grey}.bg-danger-light{background-color:#ffe8e3!important}.form-registrasi-container .nav-pills{display:none}@media (min-width:992px){.form-registrasi-container .nav-pills{display:block}}#progressbar{margin-bottom:30px;overflow:hidden;color:#455a64;padding-left:0;margin-top:30px}#progressbar li{list-style-type:none;width:16.66%;float:left;position:relative;font-weight:400}#progressbar li:first-child{margin-left:8%}#progressbar #step1:before{content:"1"}#progressbar #step2:before{content:"2"}#progressbar #step3:before{content:"3"}#progressbar #step4:before{content:"4"}#progressbar #step5:before{content:"5"}#progressbar #step6:before{content:"6"}#progressbar li:before{width:40px;height:40px;line-height:45px;display:flex;align-items:center;justify-content:center;font-size:20px;background:#455a64;border-radius:50%;margin:auto;color:#fff}#progressbar li.active:before{background-color:orange;color:#000}#progressbar li:after{content:"";width:100%;height:2px;background:#455a64;position:absolute;left:0;top:21px;z-index:-1}#progressbar li:last-child:after{position:absolute;left:-50%}#progressbar li:first-child:after{position:absolute;left:50%}#progressbar li:last-child:after{border-top-right-radius:10px;border-bottom-right-radius:10px}#progressbar li:first-child:after{border-top-left-radius:10px;border-bottom-left-radius:10px}#progressbar li.active:after{background:red}#progressbar[target="0"] #step1:before,#progressbar[target="1"] #step2:before,#progressbar[target="2"] #step3:before,#progressbar[target="3"] #step4:before,#progressbar[target="4"] #step5:before{background-color:orange}div.sticky{position:sticky;top:0}div.sticky#step-registration{top:20px}#registration-form.submit button[type=button],#registration-form.submit input,#registration-form.submit input[type=file],#registration-form.submit select,#registration-form.submit textarea{pointer-events:none;background-color:#e9ecf0}.date-dropdowns #day{max-width:25%}.date-dropdowns #month{max-width:40%}.date-dropdowns #year{max-width:30%}#table-nilai thead th{text-align:center;font-size:.8em;white-space:normal}#table-nilai tbody tr td input{text-align:center}#table-nilai tbody tr td:first-child{font-size:.9em;white-space:nowrap}#table-kuota-ppdb{width:100%}#table-kuota-ppdb th{text-align:center;background-color:#d3d3d3}#table-kuota-ppdb td{text-align:center}.bg-so,.bg-so-primary{background-color:#25a7df;color:#fff}.bg-so-secondary{background-color:#3f5da9;color:#fff}.btn-so-primary{color:#fff;background-color:#25a7df;border-color:#25a7df}.btn-so-secondary{color:#fff;background-color:#3f5da9;border-color:#3f5da9}.btn-so-secondary:hover,navbar.bg-so .nav-link{color:#fff}#result table{margin-bottom:10px}#result table thead th{text-align:center}#result table thead th:first-child{width:10%;max-width:100px}#result table thead th:nth-child(2){width:30%;max-width:250px}#result table tbody td{text-align:center}#result table tbody td:nth-child(3){text-align:left;padding-left:20px}