@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;font-family:Poppins,sans-serif!important}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.heartbeat{-webkit-animation:heartbeat 1.5s cubic-bezier(.95,.05,.795,.035) infinite both;animation:heartbeat 1.5s cubic-bezier(.95,.05,.795,.035) infinite both}@-webkit-keyframes heartbeat{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.single_page{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;background:rgba(76,175,80,.0705882353)}.single_page h4{font-size:32px;font-weight:700;margin-bottom:12px}.single_page h6{font-size:12px;margin-bottom:26px}.single_page p{font-size:12px;margin-bottom:6px;opacity:.4}.single_page img{max-width:70px;margin-bottom:20px}.single_page button{padding:16px;border-radius:8px;border:none;background:#27126f;color:#fff;font-weight:600;font-size:16px;margin-top:24px;transition:all .3s;width:400px;cursor:pointer}.single_page button:hover{transition:all .3s;box-shadow:0 20px 40px #1f6c221c}.single_page button.disabled{filter:grayscale(1);opacity:.8}.single_page input{border:none;padding:0;font-size:14px;outline:none!important;width:100%}.single_page span{display:block;height:1px;background:rgba(0,0,0,.0705882353);margin:18px -18px}.single_page .box_input{background:#fff;padding:18px;border-radius:10px;box-shadow:0 20px 40px #1f6c221c;width:calc(100% - 36px)}.single_page .center_box{display:flex;flex-direction:column;align-items:center;justify-content:center}h1.error_msg{width:90%;padding:20px;font-size:12px;background:rgba(255,0,0,.0509803922);color:red;margin:20px;border-radius:7px;border:solid 1px rgba(255,0,0,.1294117647)}.splash{display:flex;flex-direction:column;align-items:center}.splash h4{font-size:13px;background:#fff;padding:10px 20px;border-radius:40px;box-shadow:0 20px 40px #0000000d}.dashboard_panel{display:flex;height:100vh;background:#fff}.dashboard_panel .sidebar{width:250px;background:#faf9ff;display:flex;border-right:solid 1px rgba(55,39,131,.0588235294);flex-direction:column}.dashboard_panel .sidebar nav{display:flex;flex-direction:column;flex:1;justify-content:unset;margin-top:10px;border-top:solid 1px #f5f5f5;padding-top:20px}.dashboard_panel .sidebar nav a{width:210px;display:flex;align-items:center;text-decoration:none;color:#000;font-weight:600;font-size:12px;padding:12px 20px;opacity:.6;position:relative}.dashboard_panel .sidebar nav a.active{opacity:1;transition:all .3s}.dashboard_panel .sidebar nav a.active:after{content:"";height:40px;width:3px;display:block;background:#372783;position:absolute;right:0;border-radius:10px;box-shadow:4px 0 19px #37278378}.dashboard_panel .sidebar nav a.active svg{filter:grayscale(0)}.dashboard_panel .sidebar nav a:hover{opacity:1;transition:all .3s}.dashboard_panel .sidebar nav a:hover svg{filter:grayscale(0)}.dashboard_panel .sidebar nav a svg{margin-right:20px;width:18px;height:18px;filter:grayscale(1)}.dashboard_panel .sidebar .bottom_link{padding:20px;border-top:solid 1px rgba(0,0,0,.1215686275)}.dashboard_panel .sidebar .bottom_link a{font-size:14px;color:#333;text-decoration:none;font-weight:600;display:block}.dashboard_panel .pages_panel{padding:40px;flex:1;position:relative}.dashboard_panel .pages_panel .title_panel{display:block;font-weight:600;font-size:22px}.grid_overview{display:flex;margin:0 -6px;height:106px}.grid_overview.max-h{height:fit-content}.card_overview{margin:6px;background:#faf9ff;padding:20px;border-radius:10px;display:flex;flex-direction:column;width:25%}.card_overview h4{flex:1;font-size:12px;font-weight:600;opacity:.7}.card_overview h2{font-weight:600;font-size:22px}button.btn_rounded{background:#372783;color:#fff;border:none;padding:10px 20px;font-size:12px;border-radius:20px;cursor:pointer}span.unit_label,span.kelas_label{background:#DDEFFF;padding:6px 13px;border-radius:20px;font-size:12px}.header_section{display:flex;border-bottom:solid 1px #f6f6f6;margin:-20px -20px 0;padding:20px}.header_section h4{font-size:14px;margin:0}.list_pay{margin:0 -20px}.grid_overview.max-h .card_overview{width:calc(25% - 52px)}.grid_overview.max-h{flex:none!important;flex-wrap:wrap!important}.card_overview.w-50{width:calc(50% - 52px)!important}.pay_user p{font-size:11px;padding:4px 8px;background:rgba(55,39,131,.0705882353);color:#333;display:inline-block;border-radius:20px;margin-top:5px}.pay_user h4{font-size:12px}.pay_user{flex:1}.pay_item{display:flex;margin-bottom:16px;align-items:center}.pay_item span{font-size:12px;background:#8bc34a;padding:4px 8px;border-radius:10px;color:#fff}.pay_item{padding:10px 20px;margin:0;border-bottom:solid 1px #f5f5f5}.list_tunggakan{margin:0 -20px}.items_tunggakan{display:flex;padding:13px 20px;align-items:center;border-bottom:solid 1px #f5f5f5}.items_tunggakan h5{background:#ed344a;width:fit-content;font-size:12PX;color:#fff;padding:6px 12px;border-radius:14px}.flex-1{flex:1}.info{width:170px}.addButton{padding:9px 22px!important;margin-right:10px;background:#00923e}.info h4{color:#000;opacity:1;font-size:12px!important}.info span{font-size:12px;margin-top:4px;opacity:.6}.items_tunggakan p{font-size:12px;padding:6px 12px;background:rgba(55,39,131,.0705882353);color:#333;display:inline-block;border-radius:20px;margin-top:5px}.footer_card a{text-decoration:none;font-size:14px;color:#372783;font-weight:500}.footer_card{text-align:right;font-size:12px;margin-top:20px}.react-datepicker__navigation{width:10px!important;height:38px!important;transform:scale(.5);top:-9px!important}.search_siswa a{border:none;background:#372783;color:#fff;font-size:14px;border-radius:4px;padding:12px 30px;cursor:pointer;font-weight:500;text-decoration:none!important}.search_siswa button{border:none;background:#372783;color:#fff;border-radius:4px;padding:12px 30px;cursor:pointer;font-weight:500}.search_siswa{display:flex;margin-bottom:20px}.search_siswa input{font-size:14px;padding:12px 16px;border:solid 1px rgba(51,51,51,.1215686275);border-radius:4px;width:100%;max-width:250px;margin-right:8px}.search_siswa select{font-size:14px;padding:12px 16px;border:solid 1px rgba(51,51,51,.1215686275);border-radius:4px;width:100%;max-width:160px;margin-right:8px}h3.title_panel{margin-bottom:20px}.card_overview.w-100{width:calc(100% - 52px)!important}h5.success{background:#4CAF50}input.input_Search{padding:8px;border-radius:4px;border:solid 1px #e0e0e0;width:100%;max-width:190px}.result{background:#faf9ff;border-radius:8px;margin-bottom:6px;border:solid 1px rgba(39,20,110,.0509803922)}.header_result{padding:20px;border-bottom:solid 1px rgba(39,20,110,.0509803922);font-weight:600;font-size:14px}.top_result{display:flex;padding:20px;border-bottom:solid 1px rgba(39,20,110,.0509803922);flex-direction:row;align-content:center}.item_result{display:flex;padding:12px 20px;border-bottom:solid 1px rgba(39,20,110,.0509803922);flex-direction:row;align-items:center;justify-content:center}.grid_result{width:130px;font-size:14px}.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range{background:#372783!important;color:#fff!important}.grid_result span{background:rgba(55,39,131,.0588235294);color:#333;padding:4px 17px;font-size:10px;border-radius:20px;font-weight:700}span.menunggak{background:#ee344a;color:#fff}.top_result .grid_result{font-size:12px;text-transform:uppercase;font-weight:600;color:#372783}button.button_cta{background:#372783;border:none;color:#fff;border-radius:44px;padding:6px 20px;cursor:pointer}.modal{position:fixed;z-index:10;background:rgba(0,0,0,.2196078431);width:100vw;height:100vh;top:0;left:0;display:flex;align-items:center;justify-content:center}.modal .modal_popup{background:#fff;padding:20px;width:100%;max-width:440px;margin:20px;border-radius:8px}.modal .modal_popup .title_modal{padding:20px;border-bottom:solid 1px #f5f5f5;margin:-20px -20px 20px;font-weight:600;font-size:14px}.modal .modal_popup .modal_field{display:flex;flex-wrap:wrap}.modal .modal_popup .modal_field .modal_group{display:flex;flex-direction:column;width:calc(50% - 12px);padding:0 6px;margin-bottom:18px}.modal_group select,.modal_group input{font-size:14px;padding:8px;border:solid 1px #e0e0e0;border-radius:4px}.modal_group label{font-size:14px;margin-bottom:6px;font-weight:500;color:#444}.footer_modal button{margin-left:8px;padding:11px 20px;border-radius:6px}.footer_modal{display:flex;flex-direction:row-reverse;margin-top:20px}button.button_cta.invert{background:#fff;color:#372783;border:solid 1px}.logo_container img{height:64px;margin:0 4px}.logo_container{display:flex;align-items:center;margin-bottom:20px}.sidebar .logo{align-items:center;margin:20px;border-radius:20px;display:flex;justify-content:center}.sidebar .logo img{width:auto;max-height:58px;margin:10px 10px 0}.bottom_link{display:flex;align-items:center}.bottom_link svg{height:14px;width:14px;margin-right:10px}.items_tunggakan .flex-1{margin-left:12px;margin-top:4px}a{cursor:pointer}.sidebar.collapsed{width:90px;overflow:hidden}.sidebar.collapsed a svg{width:24px!important;height:24px!important;margin-left:14px;margin-right:32px!important}.react-datepicker__month-text{padding:15px;border:solid 1px #ebebeb;border-radius:6px}.react-datepicker__month-text--keyboard-selected{background:#372783!important;color:#372783;font-weight:600}.react-datepicker__header.react-datepicker-year-header{padding:17px;background:white;border:none!important}.react-datepicker__navigation{margin:6px}.react-datepicker__navigation span:before{border-color:#fff!important}.filter-label label{display:block;font-size:14px;margin-bottom:6px}.filter-label{margin-right:10px;position:relative}.filter-label svg{position:absolute;right:8px;bottom:11px;transform:scale(.8);opacity:.4}.filter-label button.filter-btn{padding:14px;width:130px}.react-datepicker-popper{width:360px}.grid_result.name-row{width:220px;font-size:12px}.grid_result.name-row.flex-1{margin:0!important}.grid_result b{font-weight:700}.invis{opacity:0}.filter-label input{width:100%!important;box-sizing:border-box}.filter-label select{max-width:150px}span.SMP{background:#009688;color:#fff}span.SMA{background:#f436b7;color:#fff}span.SMK{background:#3f51b5;color:#fff}.modal_group.fullwidth input{width:100%;box-sizing:border-box}.header_result{display:flex;align-items:center}.header_result .flex-1{margin:0}.header_result svg{transform:rotate(90deg);margin-left:6px;filter:invert(1)}.header_result button,.header_result a{text-decoration:none!important;display:flex;align-items:center;padding:6px 9px 6px 16px;background:#372783;color:#fff;border:none;border-radius:30px;cursor:pointer;font-size:12px}img.smallGIf{width:100px;margin:20px 0}.small-tab .grid_result{width:108px;flex:1;font-size:12px;line-height:18px}.grid_result.small{width:68px!important;flex:none!important;margin:0 19px 0 0}.grid_result.name-row.flex-1{margin-right:20px!important}.action div svg{width:16px;height:16px}.react-datepicker__year-wrapper{max-width:unset!important}.react-datepicker__year-text{padding:14px!important;width:23.3%!important;border:solid 1px rgba(44,31,106,.0901960784);border-radius:4px}.react-datepicker__year-text.react-datepicker__year-text--range-end.react-datepicker__year-text--in-range,.react-datepicker__year-text.react-datepicker__year-text--selected.react-datepicker__year-text--in-selecting-range.react-datepicker__year-text--selecting-range-start.react-datepicker__year-text--selecting-range-end,.react-datepicker__year-text.react-datepicker__year-text--selected.react-datepicker__year-text--range-start.react-datepicker__year-text--in-range.react-datepicker__year-text--today,.react-datepicker__year-text.react-datepicker__year-text--in-range{background:#2c1f6a!important}.action div{background:#d7d0fe;color:#000;width:24px;height:24px;display:flex;align-items:center;justify-content:center;padding:2px;border-radius:40px;margin-right:6px;cursor:pointer}span.aktif{background:#00923f;color:#fff}.action{display:flex;align-items:center;flex-direction:row;justify-content:flex-end}button.button_cta.invert{margin-right:8px}.modal_group.fullwidth{width:calc(100% - 12px)!important}.item_tunggakan{border:solid 1px rgba(255,7,7,.14);display:flex;padding:10px;font-size:12px;margin-bottom:4px;border-radius:4px;cursor:pointer;background:rgba(255,0,0,.0588235294);color:red!important;font-weight:500}.item_tunggakan h3{font-size:12px;font-weight:600}.item_tunggakan h4{flex:1}.info_group h4{font-size:14px}.info_group label{font-size:14px;opacity:.6;margin-bottom:4px;display:block}.w_icon svg{width:16px;height:16px;margin-right:6px}.w_icon{align-items:center;display:flex}.info_group{width:50%;margin-bottom:24px}.card_riwayat h4{flex:1;font-size:12px;font-weight:600}.card_riwayat h3{background:#000000;padding:6px 15px;font-size:11px;border-radius:20px;font-weight:600;color:#fff}.card_riwayat .Lunas{background:#8BC34A}h3.Menunggak{background:#F44336}.modal_field.scrolled{margin:-20px -20px 0;padding:20px;height:410px;overflow-x:hidden;overflow-y:scroll;border-bottom:solid 1px #e0e0e0}.card_riwayat{border:solid 1px #e0e0e0;margin-bottom:6px;padding:12px;display:flex;border-radius:4px;align-items:center}.infoPembayaran{display:flex;flex-direction:column;flex:1}body{height:100vh;overflow:hidden}.footer_modal.centered-flex{align-items:center!important;display:flex;justify-content:center!important}.main_layer{position:absolute;z-index:2;top:0;left:0;padding:40px;height:100vh;overflow:scroll;background:#edf5fc;width:calc(100vw - 330px)}.body_modal h1{color:#372783;font-weight:600;font-size:18px}.body_modal{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.invoice{background:#fff;padding:60px 120px;width:100%;max-width:880px}.invoice .footer_inv{padding-top:40px;margin-top:60px;border-top:solid 1px #000;display:flex;flex-direction:row-reverse}.invoice .footer_inv .ttd h5 span{font-weight:600;text-decoration:underline}.invoice .footer_inv .ttd h4{line-height:22px;margin-bottom:60px}.invoice .footer_inv .ttd{text-align:center;font-size:14px}.invoice .body_inv{margin-top:30px;padding-top:30px;border-top:solid 1px #000}.invoice .body_inv .itm_list{display:flex;margin-bottom:12px}.invoice .body_inv .itm_list span{display:block;width:350px}.invoice .body_inv .itm_list.child_itm span{width:290px!important}.invoice .body_inv .itm_list.child_itm{padding-left:60px}.invoice .body_inv .itm_list.child_itm p label{flex:1;text-align:right}.invoice .body_inv .itm_list.child_itm p{display:flex;flex:1}.invoice .header_inv{display:flex;align-items:center;flex-direction:row}.invoice .header_inv .logo_inv,.invoice .header_inv .logo_inv img{height:80px}.invoice .header_inv .kop h4{font-size:14px;line-height:24px}.invoice .header_inv .kop h2{font-weight:700;font-size:27px;margin-bottom:12px}.invoice .header_inv .kop{flex:1;text-align:center}select.selectJenis{padding:13px;border-radius:4px;margin-bottom:14px;border-color:#e0e0e0}.dashboard_panel .pages_panel{padding:40px;flex:1;position:relative;height:calc(100vh - 80px);overflow-x:hidden;overflow-y:scroll}ul.pagination li a{background:rgba(39,20,110,.1019607843);margin:3px;padding:9px;border-radius:2px;font-size:14px}ul.pagination{display:flex;padding:40px 20px;flex-direction:row;justify-content:flex-end}li.next a,li.previous a,li.selected a{background:#27146e!important;color:#fff}.dialog{position:fixed;background:rgba(0,0,0,.2);top:0;left:0;z-index:100;width:100%;height:100vh;align-items:center;justify-content:center;display:flex}.dialog .box{background:rgba(255,255,255,.8705882353);-webkit-backdrop-filter:blur(27px);backdrop-filter:blur(27px);padding:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column}.dialog .box svg{width:60px;height:60px;margin-bottom:20px}.dialog .box p{font-size:14px;margin-bottom:20px;margin-top:6px}.box button.invert{filter:invert(1)!important;background:#000;border:solid 1px #fff}.box button{padding:8px 19px;background:#2c1f69;border:solid 1px #2c1f69;color:#fff;margin:0 3px;border-radius:4px;cursor:pointer}.box h4{font-size:16px;font-weight:600;margin-bottom:4px}.box.large-box .cta button{flex:1}.selectBox.css-b62m3t-container{width:240px}.css-art2ul-ValueContainer2{padding:6px!important;font-size:14px!important}span.css-1u9des2-indicatorSeparator{display:none!important}.emptyState{text-align:center;padding:30px 0;font-size:14px;opacity:.6}.selectBoxSmall.css-b62m3t-container{width:120px}.scrolled{height:410px;overflow:hidden;width:104%;overflow-y:scroll;padding-right:28px}.box.large-box .cta{margin-top:20px;width:100%;display:flex;flex-direction:row}.box.large-box{align-items:baseline;width:310px}.form_Data select{font-size:14px!important;padding:6px;border-radius:4px;width:100%!important;display:block}.form_Data input{font-size:14px;padding:6px;border-radius:4px;border:solid 1px #e0e0e0;box-sizing:border-box;width:100%}.box.large-box h5{margin-bottom:20px;font-weight:600}.form_Data{margin-bottom:16px;flex:1;width:100%}.form_Data label{display:block;font-size:12px;margin-bottom:4px;opacity:.8}.notes{background:rgba(255,0,0,.0784313725);color:red;display:flex;padding:10px;flex:1;width:calc(100% - 20px);margin-bottom:12px;border-radius:4px;font-size:12px}p.errorms{font-size:12px!important;color:red;background:rgba(255,0,0,.0588235294);width:calc(100% - 12px);padding:6px;border-radius:2px}.react-datepicker__month-text--keyboard-selected{color:#fff!important}.grid_result.numeric span{padding:0;background:none!important}.nodata{text-align:center;font-size:12px;height:80px;display:flex;align-items:center;justify-content:center}.inline-f{display:flex;margin:0 -4px}.inline-f select,.inline-f input{margin:0 4px}.action.text-btn div{width:fit-content!important;padding:4px 19px;border-radius:34px}.listHistory p.Lunas{background:#2196F3;color:#fff;padding:6px 10px;border-radius:35px}.listHistory p.menunggak{background:red;color:#fff;padding:6px 10px;border-radius:35px}.listHistory p{margin:0!important;font-size:12px!important}.listHistory h4{flex:1;font-size:12px;margin:0}.listHistory{border:solid 1px #e0e0e0;display:flex;align-items:center;margin-top:6px;padding:12px 14px;border-radius:4px}.scrolled select{width:100%;padding:10px;border-color:#e0e0e0;border-radius:4px;margin-bottom:12px}label.checkbox-inline{background:#fff;border:solid 1px #e0e0e0;padding:10px;font-size:12px;border-radius:4px;margin-bottom:8px;display:flex;align-items:center;cursor:pointer}label.checkbox-inline input{margin-right:12px}.smallbox svg{width:20px!important;height:20px!important;margin:0!important}.success_box h2{margin-bottom:18px;margin-top:10px;font-weight:600;color:#2c1f6a}.success_box{display:flex;flex-direction:column;align-items:center;width:100%}.kuwitansi{background:#fff;width:860px;left:20px}.header_kuwitansi h3 span{display:block;font-size:12px;line-height:16px;margin-top:7px;font-weight:400}.header_kuwitansi h3{flex:1;text-align:center;font-weight:600;font-size:14px;line-height:18px}.header_kuwitansi{display:flex;padding:40px 80px}.header_kuwitansi img{height:70px}.body_kuwitansi{padding:10px 80px}.list_kuwitansi span{font-size:14px;font-weight:600}.list_kuwitansi p{display:block;width:310px;font-size:14px}.list_kuwitansi{display:flex;margin-bottom:10px}.list_kuwitansi.inner p{margin-left:70px;width:238px}.list_kuwitansi.inner span{display:flex;flex:1;flex-direction:row;justify-content:flex-end}span.jumlah{text-align:right;display:inline-block;width:100%}.header_kuwitansi{border-bottom:solid 1px rgba(0,0,0,.1019607843);margin-bottom:20px!important;padding-bottom:20px!important}.footer_kuwitansi{padding:32px 80px;margin-top:20px;border-top:solid 1px rgba(0,0,0,.1607843137);display:flex;flex-direction:row;justify-content:flex-end}.ttd p.adminuser{margin-top:60px!important}.ttd p{text-align:center;font-size:14px;margin-bottom:4px}.kuwitansi{position:fixed!important;z-index:-1}.lunas p{margin:0!important;font-size:12px!important;color:#334c34;font-weight:600}.lunas{background:rgba(139,195,74,.0588235294);padding:14px;border-radius:4px;border:solid 1px #8BC34A}.logo_box h4{font-size:12px;font-weight:600;margin-top:10px;line-height:14px}.logo_box{display:flex;flex-direction:column;text-align:center;align-items:center}.logo_container .logo_box{margin:0 10px}.kuitansi_container{border:solid 1px #c7c7c7;height:625px!important;overflow:hidden}.logo_kwi h4{font-size:12px;margin-top:6px;text-align:center;line-height:14px;font-weight:600}.logo_kwi{display:flex;flex-direction:column;align-items:center;justify-content:center}.emptyState img{width:26px;margin-right:4px}.grid_result.large-col{width:197px;margin-right:20px}.grid_result.flex-1.right-ps{display:flex;justify-content:flex-end}.emptyState{display:flex;align-items:center;justify-content:center}p.errorMsg{padding:30px;text-align:center;font-size:14px}.noactive{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-size:14px;opacity:.6;flex-direction:column}.noactive svg{margin-bottom:10px}.info_admin{padding:20px;border-top:solid 1px rgba(55,39,131,.0588235294);border-bottom:solid 1px rgba(55,39,131,.0588235294);margin-bottom:-11px;z-index:1}.info_admin h6{font-size:12px;opacity:.6;font-weight:500}.info_admin h3{font-size:14px;font-weight:700;margin-bottom:4px}.ava{display:flex;width:40px;height:40px;background:rgba(39,20,110,.831372549);align-items:center;justify-content:center;border-radius:30px;text-transform:uppercase;font-weight:400;color:#fff;margin-right:12px}.info_admin{display:flex;align-items:center}.search_siswa.laporan_grid .filter-label{width:25%}.search_siswa.laporan_grid .filter-label select{max-width:100%!important}.search_siswa.laporan_grid .filter-label button.filter-btn{width:100%!important}.search_siswa.laporan_grid .react-datepicker-wrapper{width:100%}.search_siswa.laporan_grid .react-datepicker-wrapper input{margin:0!important;max-width:100%!important}.search_siswa.laporan_grid .selectBox{width:100%!important}.flex-row{display:flex;flex-direction:column}span.nominal{width:fit-content;margin-top:10px}.grid_result span{width:fit-content}@media only screen and (max-width: 1200px){.pages_panel{margin-top:120px!important;height:calc(100vh - 202px)!important}.sidebar{flex-direction:row!important;width:100%!important;position:fixed!important;top:0;z-index:10}.sidebar .logo{flex:1!important;justify-content:flex-start}.sidebar .logo img{max-height:40px}.sidebar .logo_box{display:flex;flex-direction:row}.sidebar .logo_box h4{font-size:12px;font-weight:600;margin-top:10px;line-height:14px;text-align:left!important}.sidebar .ava{width:30px!important;height:30px!important}.sidebar .bottom_link{margin-right:20px!important}.sidebar nav{position:absolute!important;top:80px!important;background:#4b3d87;flex-direction:row!important;width:100%;left:0;padding:0!important;align-items:center;justify-content:center!important}.sidebar nav a{width:fit-content!important;margin:0!important;padding:20px!important;color:#fff!important}.sidebar nav a svg{display:none!important}.sidebar nav a.active:after{display:none!important}}.fix_width{width:280px!important}.largeText,.largeText span{font-size:12px!important;font-weight:600}.user_info h5{font-size:12px;background:#d7d0fe;display:inline-block;padding:6px 10px;border-radius:40px;margin-top:7px}.no_data{display:block;text-align:center;padding:30px;font-size:12px;font-weight:600;color:red}button.disabled{filter:grayscale(1) brightness(5)}.eer_box{background:rgba(255,0,0,.0509803922);padding:12px;color:#d70000;font-size:12px;line-height:16px;border-radius:7px;border:solid 1px rgba(255,0,0,.1882352941)}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{box-sizing:content-box;position:absolute;border:8px solid transparent;height:0;width:1px;content:"";z-index:-1;border-width:8px;left:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{top:0;margin-top:-8px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{border-top:none;border-bottom-color:#f0f0f0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{top:-1px;border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{bottom:-1px;border-top-color:#aeaeae}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{position:absolute;left:50px}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:white;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-names{margin-bottom:-8px}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .holiday-overlay,.react-datepicker__month-text--holidays .holiday-overlay,.react-datepicker__quarter-text--holidays .holiday-overlay,.react-datepicker__year-text--holidays .holiday-overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:hover,.react-datepicker__month-text--holidays:hover,.react-datepicker__quarter-text--holidays:hover,.react-datepicker__year-text--holidays:hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .holiday-overlay,.react-datepicker__month-text--holidays:hover .holiday-overlay,.react-datepicker__quarter-text--holidays:hover .holiday-overlay,.react-datepicker__year-text--holidays:hover .holiday-overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__year-text--selected:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--in-range:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:transparent}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}