/*!
 * Manport v3.0.0
 * Copyright (c) 2020 Reza Sariful Fikri
 * Released under the MIT (License https://github.com/rezafikkri/Manport/blob/master/LICENSE)
*/@font-face{font-family:robotoregular;src:url(../font/roboto/Roboto-Regular-webfont.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:open_sansregular;src:url(../font/open-sans/OpenSans-Regular-webfont.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:Gelasio_Regular;src:url(../font/Gelasio/Gelasio-Regular.ttf);font-weight:400;font-style:normal}@font-face{font-family:Gelasio_Bold;src:url(../font/Gelasio/Gelasio-Bold.ttf);font-weight:400;font-style:normal}*{box-sizing:border-box}body,html{width:100%;height:100%}body{margin:0;font-family:open_sansregular,arial}body.bgSilver{background:#f8f8f8 url(../img/bg/overlay.png);background-attachment:fixed}body.bgGreen{background:#fafff4}body.noOverflowX{overflow-x:hidden}body.noOverflowY{overflow-y:hidden}div.body{position:absolute;z-index:-999;top:0;left:0;bottom:0;right:0}a{font-family:inherit;text-decoration:none;color:#333}a:hover{cursor:pointer!important;color:#4caf50}img{width:100%}img.reviewImg{border:1px solid #ddd;display:none}img.reviewImg.width50{width:50%}img.reviewImg.muncul{display:block}button{border:none;color:#333}a.button,button.button{line-height:1px!important;padding:20px;font-size:14px!important;box-shadow:0 1px 1px rgba(0,0,0,.2);background-color:#fff;transition:.1s}a.button{display:inline-block!important;padding-top:20px}button.button{padding-top:19.3px}@media (max-width:284px){a.button,button.button{margin-top:5px}}a.button span,button.button span{line-height:0!important;font-size:16px}a.button span.fa-trash-o,button.button span.fa-trash-o{font-size:19px;margin-top:-2px}a.button:hover,button.button:hover{box-shadow:0 2px 30px rgba(0,0,0,.3)!important;background-color:#fff!important;border:1px solid #fff!important;color:#333;cursor:pointer}a.button.no_hover,button.button.no_hover,button.buttonFilter{box-shadow:none!important;border:1px solid #ddd}button.buttonFilter{padding:8px 10px;background:#fff}a.button.no_hover:hover,button.button.no_hover:hover{border:1px solid #ddd!important;box-shadow:none!important}a.button.default,button.button.default{background-color:#fff;border:1px solid #fff;box-shadow:0 1px 1px rgba(0,0,0,.2)}a.button.khaki,button.button.khaki{background-color:khaki;border:1px solid khaki;color:#333}a.button.khaki:hover:not(.no_hover),button.button.khaki:hover{color:khaki}a.button.green,button.button.green{background-color:#6c7;border:1px solid #6c7;color:#f8f8f8}a.green{color:#6c7}a.button.green:hover:not(.no_hover),button.button.green:hover{color:#6c7}a.button.red,button.button.red{background-color:#ea6262;border:1px solid #ea6262;color:#f8f8f8}a.red{color:#ea6262}a.button.red:hover:not(.no_hover),button.button.red:hover{color:#ea6262}a.button.blue,button.button.blue{background-color:#6ad;border:1px solid #6ad;color:#f8f8f8}a.blue{color:#6ad}a.button.blue:hover:not(.no_hover),button.blue:hover{color:#6ad}p#timer{color:#6c7;border:1px solid #ddd;display:inline-block;padding:10px;font-weight:700}hr{width:100%;border:none;border-top:1px solid #f2f2f2;display:inline-block}input[type=password],input[type=text],select,textarea{width:100%!important;padding:14px 20px;border:1px solid #ddd!important;font-family:inherit;font-size:14px;background-color:#fff!important;outline:0!important;color:#333}input[type=password],input[type=text]{line-height:22px}input[type=password]:focus,input[type=text]:focus,select:focus,textarea:focus{box-shadow:inset 0 1px 3px rgba(0,0,0,.1);background-color:#faffbd!important;border-color:#ddd!important}input[type=checkbox]{display:none}input[type=checkbox]+label:before{background-color:#fff;border:1px solid #ddd;content:"";display:inline-block;font-size:17px;height:17px;width:17px;text-align:center;vertical-align:middle;box-shadow:0 0 1px #ddd inset;position:absolute;left:0;top:0;bottom:0}input[type=checkbox]:checked+label:before{content:"\2714";color:#39ba4f}input[type=file]{display:none}.inputCheckbox{position:relative;display:block;width:17px;height:17px}.inputCheckboxBtn{display:inline-block;padding:9px 10px;padding-bottom:11.5px;border:1px solid #ddd}.inputCheckboxBtn span{margin-left:5px;color:#333}.inputCheckboxBtn .inputCheckbox{display:inline-block}div.inputFile{position:relative}div.inputFile a.btnFile{position:absolute;left:0;top:0;bottom:0;padding:17px 20px;font-size:14px;background-color:#f2f2f2;border:1px solid #ddd}div.inputFile a.btnFile:hover{color:#333;background-color:#eaeaea}div.inputFile span.ketNameFile{border:1px solid #ddd;width:100%;display:block;padding:17px 20px;padding-left:72px;margin-bottom:10px;font-size:14px;color:#7f7f7f;word-wrap:break-word}div.inputFile span.ketNameFile.contain{color:#333}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../img/icon/arrow.png) no-repeat;background-position:97% 55%;background-size:9px;text-transform:capitalize}select.small{background-position:93% 55%}input.inputFilter,select.inputFilter{padding:9px 10px}input.inputFilter{padding-left:14px}input[disabled],select[disabled]{cursor:not-allowed}.inputRadio{display:inline-block;padding:10px}div.inputCon{position:relative;height:65px}div.inputCon a,div.inputCon input{position:absolute}div.inputCon a{z-index:1;right:1px;top:.5px;bottom:14px;background-color:#fafff4;border-left:1px solid #ddd;padding:17px 20px}div.inputCon input.paddingRight120px{padding-right:120px}div.inputCon a#generate_password_wali_kelas{right:50px}div.inputCon a:hover{color:#333;background-color:#f1f1f1}p.keterangan_input{margin-bottom:10px}input[type=radio]:checked,input[type=radio]:not(:checked){position:absolute;left:-9999px}input[type=radio]:checked+label,input[type=radio]:not(:checked)+label{position:relative;padding-left:28px;cursor:pointer;display:inline-block;color:#666}input[type=radio]:checked+label:before,input[type=radio]:not(:checked)+label:before{position:absolute;content:'';left:0;top:0;width:18px;height:18px;border:1px solid #ddd;border-radius:100%;background:#fff}input[type=radio]:checked+label:after,input[type=radio]:not(:checked)+label:after{position:absolute;content:'';width:12px;height:12px;background:#6c7;top:4px;left:4px;border-radius:100%;-webkit-transition:all .2s ease;transition:all .2s ease}input[type=radio]:not(:checked)+label:after{opacity:0;-webkit-transform:scale(0);transform:scale(0)}input[type=radio]:checked+label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.switch{position:relative;display:inline-block;width:80px;height:24px}.switch input{opacity:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#fff;border:1px solid #ddd;box-shadow:0 1px 3px rgba(0,0,0,.1) inset;-webkit-transition:.2s ease;transition:.2s ease}.slider:before{position:absolute;content:'';top:-1px;bottom:-1px;left:-1px;background-color:#f1f1f1;border:1px solid #ddd;width:40px;-webkit-transition:.2s ease;transition:.2s ease}.slider.round{border-radius:15px}.slider.round:before{border-radius:15px}.ketSwitch{position:absolute;left:120px;color:#666;top:23px}.slider.checked{border-color:#6c7}.slider.checked:before{border-color:#6c7;background-color:#6c7;-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(38px)}span.ico{font-size:20px!important}span.badge{display:inline-block;background-color:#6ad;color:#fff;padding:5px 10px;font-size:16px;line-height:normal;position:relative;box-shadow:0 1px 1px rgba(0,0,0,.2)}span.badge.m-l-0{margin-left:0}span.badge::before{content:"";position:absolute;height:12px;border:10px solid transparent;border-left-color:#6ad;right:-20px;top:0}p.pesan{margin-bottom:10px;font-size:14px}p.pesan.warning{color:#d94141}p.pesan.good{color:#4caf50}.home{box-shadow:0 1px 2px rgba(0,0,0,.3);width:100%;background-color:#fff;line-height:20px!important}.home h1.judul{font-size:20px;font-weight:700;color:#ddd}.home h1.judul span{color:#aaa}.home h3.judul{font-size:16px;color:#ddd}.home.default,.homeFront{padding:30px}.home.default.no_box_shadow{box-shadow:none;border:1px solid #ddd}.home.default p#nama_jurusan{color:#c3c3c3;display:inline-block;font-size:18px;font-weight:700}.keterangan_izin_kenaikan_kelas,.keterangan_tahun_ajaran{text-align:justify;font-size:12pt;background:#f1f1f1;padding:10px;line-height:22px!important}.keterangan_izin_kenaikan_kelas p,.keterangan_tahun_ajaran p{margin-bottom:10px}.keterangan_izin_kenaikan_kelas p:last-child,.keterangan_tahun_ajaran p:last-child{margin-bottom:0}.keterangan_izin_kenaikan_kelas h1,.keterangan_tahun_ajaran h1{font-weight:700;font-size:13pt;margin-bottom:10px}.keterangan_izin_kenaikan_kelas span,.keterangan_tahun_ajaran span{font-weight:700}table.table{width:100%;font-size:14px}table.table tr{text-align:left}table.table.table__text-align-justify tr{text-align:justify}table.table tr:hover{background-color:#f7f7f7}table.table.noborder tr:hover,table.table.nohoverTR tr:hover{background-color:transparent}table.table tr.silver{background:#f5f5f5 url(../img/bg/overlay.png)!important}table.table tr.abu{background-color:#f6f6f6!important}table.table tr.green{background-color:#d4f2db!important}table.table td,table.table th{border:1px solid #ddd;padding:6.8px 20px}table.table.noborder td,table.table.noborder th{border:none;padding:5px 5px}table.table td.indent p{padding-left:20px}table.table td.input_kelas select,table.table td.input_semester input,table.table td.input_semester select{padding:0;margin:0;margin-bottom:-5px;border:none!important;width:20px!important;border-bottom:1px solid #f2f2f2!important;background:#fff!important;text-align:center}table.table td.input_semester #tahun_ajaran{width:80px!important}table.table td.input_kelas select{width:30px!important}table.table td.input_semester input{width:70px!important;font-size:14px}.progress_bar_back{background-color:#eaeaea;width:100%;height:3px;position:fixed;top:43px;z-index:3;display:none}.progress_bar_back.login{top:0}.progress_bar_back.login_progress{top:0}.progress_bar{height:100%}.progress_bar.default{width:0%}.progress_bar.green{background:#6acb6e}.progress_bar.blue{background-color:#05aeae}label.hover-cursor:hover{cursor:pointer}form label.label{color:#c3c3c3;font-size:14px;margin-bottom:5px;display:block}form label.label.inline{display:inline-block}form#form input,form#form select,form#form textarea{margin-bottom:10px}span.checkBlue{color:#05aeae}span.checkGreen{color:#43d626}div.keterangan_check{display:inline-block;font-family:robotoregular;padding:15px 20px}div.keterangan_check label{margin-right:20px;margin-left:5px;font-size:10pt;color:#7a7a7a}div.keterangan_check label.green{color:#43d626}div.keterangan_check label.blue{color:#05aeae}a.sort{position:relative}a.sort span{color:transparent}a.sort:hover span{color:#333}a.sort span.sorted{color:#6c7}.loginAdmin .login_top p.command,.loginGuru .loginTop p.command,.loginGuru .loginTop p.note{font-family:robotoregular;color:#3a4750;font-size:12pt;line-height:20px}.loginAdmin .login_top span,.loginGuru .loginTop span{font-weight:700}.loginAdmin .login_top span.green,.loginGuru .loginTop span.green{color:#3bdb6d}.menuheader{position:fixed;list-style:none;background-color:#f8f8f8;border-bottom:1px solid #cdcdcd;width:100%;z-index:3;top:0;box-shadow:0 1px 3px rgba(0,0,0,.1)}.menuheader li{display:inline-block}.menuheader li a,.menuheader li a.benner{display:inline-block;padding:12px 16px;font-size:15px;transition:.1s}.menuheader li a:hover .menu_humberger,.menuheader li a:hover .menu_humberger::after,.menuheader li a:hover .menu_humberger::before{background-color:#4caf50}.menuheader .right{float:right}.menuheader li.sign-out:hover a{color:#d94141}.drop_menu{position:absolute;background-color:#fff;box-shadow:0 3px 3px rgba(0,0,0,.1);border:1px solid #cdcdcd;border-left:0;border-right:0;animation:drop .4s;top:44px;left:0;right:0;display:none;min-height:20px}.drop_menu.muncul{display:inline-block}.drop_menu li{display:block}.drop_menu li:first-child{margin-top:10px}.drop_menu li:last-child{margin-bottom:10px;border-bottom:0}.drop_menu li{padding:3px 9px}.drop_menu li a{display:block;text-transform:uppercase;font-size:13.5px}@media (max-width:991px){.drop_menu.muncul{display:block}.drop_menu{position:static;animation:none;box-shadow:none;border:none}.drop_menu li{border:none}}@keyframes drop{from{opacity:0;transform:translate(0,-10px) rotateX(30deg)}to{opacity:1;transform:translate(0,0) rotateX(0)}}.drop_menu ul.kelas{display:none}.drop_menu ul.kelas.muncul{display:block}.drop_menu ul.kelas li{padding:10px 0;margin:0;border:0;display:inline-block;margin-left:16px}.drop_menu ul.kelas li a{display:inline-block;border:1px solid #ddd}.menuheader .dropdown_mobile{display:inline}li.button_drop_mobile{display:none}@media (max-width:991px){.menuheader .container{padding:0!important}.menuheader .dropdown_mobile{padding-top:10px;padding-bottom:10px;display:none;width:100%;background-color:#fff;box-shadow:0 3px 3px rgba(0,0,0,.1);position:absolute;top:45px;left:0;overflow-x:auto}.menuheader .dropdown_mobile.muncul{display:inline-block}li.button_drop_mobile{display:block}.menuheader .dropdown_mobile li{display:block;float:none}.menuheader li.sign-out:hover a{color:#333}.menuheader .dropdown_mobile .col-12{padding-top:0!important}.menuheader .dropdown_mobile .col-6{padding-bottom:0!important;padding-top:0;float:none;width:100%}}@media (min-height:631px){.menuheader .dropdown_mobile{max-height:600px}}@media (max-height:630px){.menuheader .dropdown_mobile{max-height:400px}}@media (max-height:440px){.menuheader .dropdown_mobile{max-height:230px}}.menu_siswa{position:fixed;padding-top:55px;top:0;bottom:0;background-color:#f8f8f8;border-right:1px solid #cdcdcd;z-index:1;box-shadow:0 1px 3px rgba(0,0,0,.1);animation:drop_siswa .3s ease-in-out;display:none;max-width:240px;overflow:hidden}.menu_siswa.muncul{display:block}@media (max-width:991px){.menu_siswa.muncul{display:none}.menu_siswa.md_muncul{display:block}}.menu_siswa:hover{overflow-y:auto;overflow-x:hidden}@keyframes drop_siswa{0%{transform:translate(-40px,0)}100%{transform:translate(0,0)}}.menu_siswa li a{display:block;padding:10px 25px;line-height:15px!important}.menu_siswa li a.active{color:#6c7}.menu_siswa li.nama_siswa a{color:#c3c3c3}.menu_siswa li:last-child{margin-bottom:40px}.ucapan_selamat_datang{padding:20px;text-align:center}.ucapan_selamat_datang h1{font-size:25px;font-weight:700;color:#ddd}.ucapan_selamat_datang h1 span{color:#999;text-transform:capitalize}.ucapan_selamat_datang img{width:55%}@media (max-width:991px){.ucapan_selamat_datang img{width:70%}}@media (max-width:767px){.ucapan_selamat_datang img{width:40%}}@media (max-width:400px){.ucapan_selamat_datang img{width:70%}}.onofKenaikanKelas{padding:20px;position:relative}.create-account{padding:40px!important;border-bottom:1px solid #ddd;box-shadow:0 1px 3px rgba(0,0,0,.2)}.create-account h1.judul{font-size:25px;color:#ddd;text-align:center}.create-account input{border-radius:4px}.jurusan{padding:30px}.loginAdmin{position:fixed;top:50%;left:50%;margin-left:-200px;margin-top:-230px;width:400px;transition:.1s ease-in-out}@media (max-width:420px){.loginAdmin{margin-left:auto;margin-right:auto;left:0;right:0;width:100%}}.loginAdmin .login_top{border:1px solid #ebebeb;border-radius:10px;padding:30px;background-color:#fff}.loginAdmin .login_top img{float:left;width:50px}.loginAdmin .login_top h1{font-size:20px;font-weight:700;color:#ddd;text-align:center}.loginAdmin .login_top h1 span{font-weight:700}.loginAdmin .login_top input{border-radius:3px}.loginAdmin .login_top button{width:100%;margin-bottom:5px;border-radius:3px}@media (max-width:550px){.loginAdmin .login{margin-left:0;left:15px;right:15px}.loginAdmin .login_top{width:100%}}p.copyRight{color:#c9c9c9;font-family:open_sansregular;font-size:10pt}.menu_jurusan_mapel,.menu_jurusan_siswa_detail{padding:30px}.menu_jurusan_mapel ul,.menu_jurusan_siswa_detail ul{list-style:none;padding-top:0;padding-bottom:0}.menu_jurusan_mapel ul li,.menu_jurusan_siswa_detail ul li{padding:14px 0}ul.dropDownJurusanMapel,ul.dropDownJurusanSiswaDetail{display:none}ul.dropDownJurusanMapel.muncul,ul.dropDownJurusanSiswaDetail.muncul{display:block}ul.dropDownJurusanMapel li,ul.dropDownJurusanSiswaDetail li{display:inline-block;padding-top:14px;padding-bottom:0}ul.dropDownJurusanMapel li a,ul.dropDownJurusanSiswaDetail li a{display:block;border:1px solid #ddd;padding:10px 14px}.conHomeFront{position:absolute;width:1000px;padding:25px 30px;top:30px;left:50%;margin-left:-500px;line-height:20px}.homeFrontWhite{background:linear-gradient(white,#fdfdfd);border:1px solid #f3f3f3;border-top-left-radius:10px;border-top-right-radius:10px;position:relative}.homeFrontWhite.no_border_radius{border-top-left-radius:0;border-top-right-radius:0}.homeFrontWhite.no_border_top{border-top:0}.homeFrontWhite a.btn_show_login{position:absolute;right:0;top:0;background:khaki;padding:10px;color:#333;border-top-right-radius:10px;border-bottom-left-radius:10px}.homeFrontWhite h1{line-height:60px;font-size:27pt;font-weight:700;font-family:robotoregular;color:#2eb872}.homeFrontWhite img{width:250px}.homeFrontWhite h3{line-height:25px;font-size:30px}.homeFrontWhite p{line-height:25px}.homeFrontWhite p.alamat{font-size:14px}.homeFrontSilver{background-color:#f9f9f9;border:1px solid #f3f3f3;border-top:0}.homeFrontSilver p.ket{color:#c3c3c3;line-height:20px}.homeFrontSilver p.ket span{color:#2eb872}.homeFrontSilver button,.homeFrontSilver input,.homeFrontSilver select{border-radius:3px}.homeFrontSilver button.button{width:100%;text-align:center}.conHomeFront.hide{animation:conHomeFrontHide 1s ease-in-out;animation-fill-mode:forwards}.conHomeFront.show{animation:conHomeFrontShow 1s ease-in-out;animation-fill-mode:forwards}.conHomeFront.defaultAfterAnimateHide{margin-left:-1700px;opacity:0}@keyframes conHomeFrontHide{0%{opacity:1;margin-left:-500px}100%{opacity:0;margin-left:-1700px}}@keyframes conHomeFrontShow{0%{opacity:0;margin-left:-1700px}100%{opacity:1;margin-left:-500px}}@media (max-width:999px){.conHomeFront{width:800px;margin-left:-400px}.conHomeFront.defaultAfterAnimateHide{margin-left:-1300px}@keyframes conHomeFrontHide{0%{margin-left:-400px}100%{margin-left:-1300px}}@keyframes conHomeFrontShow{0%{margin-left:-1300px}100%{margin-left:-400px}}}@media (max-width:768px){.conHomeFront{left:0;margin-left:auto;margin-right:auto;width:100%}.conHomeFront.defaultAfterAnimateHide{margin-left:-800px}@keyframes conHomeFrontHide{0%{margin-left:0}100%{margin-left:-800px}}@keyframes conHomeFrontShow{0%{margin-left:-800px}100%{margin-left:0}}}@media (max-width:414px){.conHomeFront{padding:15px}}.loginGuru{width:400px;position:absolute;top:50%;left:50%;margin-left:900px;margin-top:-230px;display:none}.loginGuru .loginTop{padding:30px;background:#fff;border:1px solid #f3f3f3;border-radius:10px;position:relative}.loginGuru .loginTop a.btn_hide_login{position:absolute;left:0;top:0;background:khaki;padding:10px;color:#333;border-top-left-radius:10px;border-bottom-right-radius:10px}.loginGuru button.button{width:100%}.loginGuru .loginTop h2{text-align:center;font-size:20px;font-weight:700;color:#ddd}.loginGuru.hide{animation:loginGuruHide 1s ease-in-out;animation-fill-mode:forwards}.loginGuru.show{animation:loginGuruShow 1s ease-in-out;animation-fill-mode:forwards}.loginGuru.defaultAfterAnimateShow{margin-left:-200px}@keyframes loginGuruHide{0%{opacity:1;margin-left:-200px}100%{opacity:0;margin-left:900px;display:block}}@keyframes loginGuruShow{0%{opacity:0;margin-left:900px}100%{opacity:1;margin-left:-200px;display:block}}@media (max-width:500px){.loginGuru{width:100%;left:0;margin-left:600px}.loginGuru.defaultAfterAnimateShow{margin-left:auto;margin-right:auto}@keyframes loginGuruHide{0%{opacity:1;margin-left:0}100%{opacity:0;margin-left:600px}}@keyframes loginGuruShow{0%{opacity:0;margin-left:600px}100%{opacity:1;margin-left:0}}}@media (max-height:470px){.loginGuru{top:0;bottom:0;margin-top:15px}}@media (min-width:1660px){.loginGuru{margin-left:1000px}}.loginGuru button,.loginGuru input{border-radius:3px}.conHomeGuru{margin-left:150px;padding:15px}@media(max-width:991px){.conHomeGuru{margin-left:0;padding:15px}}.conHomeGuru .homeGuru{padding:25px 30px;background:#fff;border:1px solid #ddd}.conHomeGuru .homeGuru h1{color:#2eb872;font-size:xx-large;font-weight:700}.conHomeGuru .homeGuru h2{color:#c3c3c3}.conHomeGuru .homeGuru h2 span{color:#999;font-weight:700}.conHomeGuru .homeGuru ul{list-style:none}.conHomeGuru .homeGuru ul li{display:inline-block}.conHomeGuru .homeGuru ul li a{display:block;padding:10px 20px;border:1px solid #ddd;margin-bottom:5px}.conHomeGuru .homeGuru ul li a.active{color:#6c7}.homeGuru a,.homeGuru table{line-height:20px}.raport_siswa{position:relative;text-align:left}.raport_siswa td.catatan_wali_kelas,.raport_siswa td.sikap{padding:30px}.raport_siswa .judul_divisi{font-weight:700;color:#333;font-size:15px;font-family:open_sansregular}.raport_siswa .keterangan_data_siswa{padding:25px 30px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.3);font-family:open_sansregular;font-size:15px}ul.menuActionRaportSiswa{padding:0 15px;list-style:none;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.3)}ul.menuActionRaportSiswa li{padding:0 1px;float:left}ul.menuActionRaportSiswa li a{display:block;padding:10px 20px;border-right:1px solid #ddd;border-bottom:1px solid #ddd}.raport_siswa p.naikTinggal span{text-transform:capitalize!important}.kelas ol{padding:0;margin-left:25px}.mapel a.btn_keterangan{display:block;margin-left:10px;font-size:13px;color:#4caf50}.mapel div.keterangan{margin-left:10px;text-align:justify;font-size:14px;background:#f1f1f1;padding:10px;position:relative;display:none}.mapel div.keterangan::before{content:"";position:absolute;top:-12px;border:6px solid #f1f1f1;border-top-color:transparent;border-left-color:transparent;border-right-color:transparent}.mapel div.keterangan.muncul{display:block}.identitas_sekolah td img{width:15%}@media (max-width:1200px){.identitas_sekolah td img{width:20%}}@media (max-width:992px){.identitas_sekolah td img{width:20%}}@media (max-width:768px){.identitas_sekolah td img{width:40%}}@media (max-width:600px){.identitas_sekolah td img{width:90%}}.menuPusatBantuan_bg{background-color:rgba(0,0,0,.4);position:fixed;z-index:1;top:0;bottom:0;right:0;left:0;animation:fade_in_menuPusatBantuan_bg .3s ease-in-out;display:none}@keyframes fade_in_menuPusatBantuan_bg{0%{opacity:0}100%{opacity:1}}.menuPusatBantuan_bg.muncul{display:block}.menuPusatBantuan{list-style:none;position:fixed;top:0;bottom:0;padding-top:50px;background-color:#f8f8f8;width:250px;border-right:1px solid #ddd;z-index:2;animation:drop_menu_pusat_bantuan .3s ease-in-out;word-wrap:break-word;display:none;overflow:hidden}.menuPusatBantuan.muncul:hover{overflow-y:auto}.menuPusatBantuan.muncul{display:block}@keyframes drop_menu_pusat_bantuan{0%{transform:translate(-250px,0)}100%{transform:translate(0,0)}}.menuPusatBantuan li:first-child{margin-top:10px}.menuPusatBantuan li:first-child a{color:#c3c3c3}.menuPusatBantuan li:last-child{margin-bottom:50px}.menuPusatBantuan li a{display:block;padding:11px 16px;line-height:20px}.pusat_bantuan{margin-top:70px;line-height:1.6em!important;font-size:1.4em!important;font-family:Gelasio_Regular;color:#333}h1.judul{font-family:open_sansregular}h1.judulPusatBantuan{margin-bottom:30px;margin-top:10px;font-size:1.6em;font-weight:700;font-family:Gelasio_Bold}h2.judulPusatBantuan{margin-bottom:20px;margin-top:10px;font-size:1em;font-weight:700;font-family:Gelasio_Bold}.pusat_bantuan p{margin-bottom:20px}.pusat_bantuan img{width:100%;margin-top:15px;margin-bottom:15px;border:1px solid #ededed}.pusat_bantuan ol{margin-top:0;margin-bottom:20px}.pusat_bantuan ol img.width100{width:100%}.pusat_bantuan ol img.width50{width:50%}@media (max-width:1199px){.pusat_bantuan ol img.width50{width:65%}}@media (max-width:991px){.pusat_bantuan ol img.width50{width:65%}}@media (max-width:599px){.pusat_bantuan ol img{width:100%}}.pusat_bantuan ul{list-style:none}.pusat_bantuan ul li a{display:block;padding:8px 0}.pusat_bantuan p{text-indent:15px}ul.menuPanduanDropdown{display:none}ul.menuPanduanDropdown.muncul{display:block}ul.menuPanduanDropdown li{margin-left:40px}.nextPrevious{display:block;text-align:center;margin-top:20px}.nextPrevious a{color:#757575;background-color:#fff;display:inline-block;padding:15px;padding-top:7px;padding-bottom:7px;border:1px solid #ddd;border-radius:4px;font-size:20px}.nextPrevious a.arrowLeft{margin-right:20px}.nextPrevious a.arrowRight{margin-left:20px}.ket_juara_umum{background-color:#fcfcfc;padding:10px 30px;box-shadow:0 0 1px rgba(0,0,0,.3);font-size:11pt;color:#e7e7e7;position:relative}.ket_juara_umum p,.ket_juara_umum p b{transition:.2s}.ket_juara_umum:hover p{color:#c3c3c3;text-align:justify}.ket_juara_umum:hover p b{color:#2eb872}.cart{text-align:center}.cart img{margin-top:10px;margin-bottom:10px;width:50px}.cart.green{background-color:#6c7}.cart.blue{background-color:#6ad}.cart.red{background-color:#ea6262}.cart.blue h1,.cart.blue h3,.cart.green h1,.cart.green h3,.cart.red h1,.cart.red h3{color:#f1f1f1}.cart.blue h3,.cart.green h3,.cart.red h3{font-family:robotoregular}.modal_bg{background-color:rgba(0,0,0,.4);position:fixed;z-index:999;top:0;bottom:0;right:0;left:0;animation:fade_in_modal .3s ease;display:none}.modal_bg.muncul{display:block}.modal{position:fixed;background-color:#fff;width:478px;padding:25px;border-radius:5px;left:50%;top:50%;margin-left:-256px;margin-top:-200px;overflow:hidden;z-index:99999;display:none;animation:fade_in_modal .3s ease;line-height:20px}.modal.muncul{display:block}@keyframes fade_in_modal{0%{opacity:0}100%{opacity:1}}.modal.siswa_keluar{margin-top:-230px}.modal.siswa_keluar h1,.modal.siswa_lulus h1{font-size:18px;font-weight:700;color:#ddd}@media (max-height:400px){.modal{margin-top:0;top:10px;bottom:10px;overflow:auto}.modal.siswa_keluar{margin-top:0}}@media (max-width:600px){.modal{width:auto;left:15px;right:15px;margin-right:0;margin-left:0}}.alert{position:fixed;color:#8a6d3b;background-color:#fcf8e3;border:1px solid #faebcc;padding:20px;padding-right:25px;border-radius:10px;box-shadow:0 1px 12px rgba(0,0,0,.1);bottom:20px;right:20px;font-size:12pt;animation:alert_fade .3s ease-in-out}.alert a{position:absolute;top:4px;right:4px;color:#f2edd5}.alert a:hover{color:#a94442}@keyframes alert_fade{0%{transform:translate(20px,0);opacity:0}100%{opacity:1;transform:translate(0,0)}}.persentase_pengisian_raport{background-color:#fff;padding:20px;position:relative;text-align:center;box-shadow:0 1px 2px rgba(0,0,0,.3)}.persentase_pengisian_raport h1{font-size:20px;font-weight:700;color:#ddd}#cont{position:absolute;height:160px;width:160px;left:50%;top:50%;margin-top:-60px;margin-left:-80px;border-radius:100%;line-height:160px;font-family:robotoregular;color:#45bc59;font-size:2em}#cont .smaller{font-size:12pt}#svg{margin-top:25px;width:220px;height:220px}#svg circle{transition:stroke-dashoffset 1s linear;stroke-width:15px}#svg #bg{stroke-dashoffset:0;stroke:#eaeaea}#svg #bar{stroke-dashoffset:628.31px;stroke:#45bc59}.menu_humberger{width:25px;height:4.5px;background-color:#333;position:relative;margin-top:2px;border-radius:2px}.menu_humberger::before{content:"";width:25px;height:4.5px;background-color:#333;position:absolute;top:7px;border-radius:2px}.menu_humberger::after{content:"";width:25px;height:4.5px;background-color:#333;position:absolute;top:14px;border-radius:2px}.container{padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}.container.content{padding-top:70px}@media (min-width:992px){.container{width:960px}}@media (min-width:1200px){.container{width:1190px}}@media (min-width:1500px){.container{width:1490px}}[class*=col-]{width:100%;float:left;padding:15px}@media only screen and (min-width:600px){.col-m-1{width:8.33%}.col-m-2{width:16.66%}.col-m-3{width:25%}.col-m-4{width:33.33%}.col-m-5{width:41.66%}.col-m-6{width:50%}.col-m-7{width:58.33%}.col-m-8{width:66.66%}.col-m-9{width:75%}.col-m-10{width:83.33%}.col-m-11{width:91.66%}.col-m-12{width:100%}}@media only screen and (min-width:768px){.col-1{width:8.33%}.col-2{width:16.66%}.col-3{width:25%}.col-4{width:33.33%}.col-5{width:41.66%}.col-6{width:50%}.col-7{width:58.33%}.col-8{width:66.66%}.col-9{width:75%}.col-10{width:83.33%}.col-11{width:91.66%}.col-12{width:100%}.offset-right-1{margin-right:8.33%}.offset-left-1{margin-left:8.33%}.offset-right-2{margin-right:16.66%}.offset-left-2{margin-left:16.66%}.offset-right-3{margin-right:25%}.offset-left-3{margin-left:25%}.offset-right-4{margin-right:33.33%}.offset-left-4{margin-left:33.33%}.offset-right-5{margin-right:41.66%}.offset-left-5{margin-left:41.66%}.offset-right-6{margin-right:50%}.offset-left-6{margin-left:50%}.offset-right-7{margin-right:58.33%}.offset-left-7{margin-left:58.33%}.offset-right-8{margin-right:66.66%}.offset-left-8{margin-left:66.66%}.offset-right-9{margin-right:75%}.offset-left-9{margin-left:75%}.offset-right-10{margin-right:83.33%}.offset-left-10{margin-left:83.33%}.offset-right-11{margin-right:91.66%}.offset-left-11{margin-left:91.66%}}@media (max-width:767px){.md-nopadding-all{padding:0}.md-nopadding-r-l{padding-right:0;padding-left:0}.md-nopadding-b{padding-bottom:0}}@media (max-width:599px){.sm-nopadding-all{padding:0}}.nopadding-l{padding-left:0}.nopadding-b{padding-bottom:0}.nopadding-r-l{padding-right:0;padding-left:0}.nopadding-r{padding-right:0}.nopadding-l{padding-left:0}.nopadding-t-b{padding-top:0;padding-bottom:0}.nopadding-t{padding-top:0}.nopadding-all{padding:0}.cf:after,.cf:before{content:" ";display:table}.cf:after{clear:both}.display_none{display:none}.display_inline_block{display:inline-block}.display_block{display:block}.marginBottom100px{margin-bottom:100px}.marginBottom40px{margin-bottom:40px}.marginBottom30px{margin-bottom:30px}.marginBottom20px{margin-bottom:20px}.marginBottom10px{margin-bottom:10px}.marginBottom5px{margin-bottom:5px}.marginTop5px{margin-top:5px}.marginTop10px{margin-top:10px}.marginTop15px{margin-top:15px}.marginTop20px{margin-top:20px}.marginTop30px{margin-top:30px}.marginTop40px{margin-top:40px}.marginTop-40px{margin-top:-40px}.marginTop60px{margin-top:60px}.marginTop80px{margin-top:80px}.marginTop90px{margin-top:90px}.marginTop100px{margin-top:100px}.marginTop140px{margin-top:140px}.marginLeft20px{margin-left:20px}.marginRight15px{margin-right:15px}.marginRight10px{margin-right:10px}.position_relative{position:relative}.z_index1{z-index:1}.color_data_kosong{color:#c3c3c3}#text-align-center{text-align:center}#text-align-justify{text-align:justify}#no_box_shadow{box-shadow:none}#display_block_position_static{display:block;position:static}.display_block{display:block}.clear_both{clear:both}.font_size_13px_margin_left_5px{font-size:13px;margin-left:5px}.overflowXAuto{overflow:hidden}.overflowXAuto:hover{overflow-x:auto}