@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{padding:0;margin:0;font-family:"Inter",sans-serif;transition:all .3s ease-in-out;box-sizing:border-box}@page{size:auto;margin:0}@media print{header{display:none}body{-webkit-print-color-adjust:exact;background-color:#fff!important}#early_form{display:none}.print_this{display:block}#clear_absence,.version_wrap{display:none}}h6{font-size:10px}span.cleaner{display:block;clear:both}body,html{width:100%;height:100%}body{background-color:#dcdcdc!important}div.login_wrap{margin:40px auto;width:380px;background:#fff;border:5px solid #fff;border-radius:3px;padding:0 10px 10px;box-shadow:0 10px 40px rgba(0,0,0,.15)}h1.logo{width:236px;height:107px;overflow:hidden;background-position:50%;background-repeat:no-repeat;background-size:contain;text-indent:-100000000px;margin:20px auto}form.login{display:block;width:348px;margin:40px auto 20px}form.login>div{position:relative;margin-bottom:30px;display:block;border-bottom:1px solid #656565;transition:all .2s ease-in-out}form.login>div.pass-input{border-bottom:0}form.login>div.pass-input .day-input{width:calc(33.33% - 10px);margin:0 5px;border:0;border-bottom:1px solid #656565;padding:0 5px;height:30px;font-size:16px;color:#656565;outline:none;background:transparent}form.login>div.pass-input .day-input::-moz-placeholder,form.login>div.pass-input .day-input::placeholder{color:#656565}form.login>div.pass-input .month-input{margin-right:5px}form.login>div.pass-input .month-input,form.login>div.pass-input .year-input{width:calc(33.33% - 5px);border:0;border-bottom:1px solid #656565;padding:0 5px;height:30px;outline:none;font-size:16px;color:#656565;background-color:initial}form.login>div.pass-input .year-input{margin-left:5px}form.login>div.active{border-bottom:1px solid #01ace4}form.login>div>span{position:absolute;top:0;transition:all .2s ease-in-out}form.login>div.active>span{top:-30px;font-size:12px;color:#01ace4}.login-logo{max-width:100%;height:auto!important}form.login>div>i{color:#656565;float:right;right:0;margin-bottom:-16px;top:3px;z-index:0;transition:all .2s ease-in-out}form.login>div.active>i{color:#01ace4}form.login>div>input{width:100%;height:26px;background-color:initial;border:none;outline:none;font-size:16px}form.login>div.active>input{color:#656565}form.login>div>::-webkit-datetime-edit-day-field,form.login>div>::-webkit-datetime-edit-month-field,form.login>div>::-webkit-datetime-edit-text,form.login>div>::-webkit-datetime-edit-year-field{color:transparent}form.login>div.active>::-webkit-datetime-edit-day-field,form.login>div.active>::-webkit-datetime-edit-month-field,form.login>div.active>::-webkit-datetime-edit-text,form.login>div.active>::-webkit-datetime-edit-year-field{color:#656565}#log_in_button{width:100%;height:40px;border-radius:3px;border:none;background-color:#01ace4;color:#fff;font-size:16px;box-shadow:0 2px 2px rgba(0,0,0,.15);outline:none;margin-top:0;cursor:pointer}.radio-label{display:inline-block;margin-left:5px}.radio-disabled{color:#898282;cursor:not-allowed!important}section.card{width:400px;margin:0 100px 0 0;float:left}section.card,section.cardindex{background-color:#fff;border-radius:3px;box-shadow:0 15px 50px rgba(0,0,0,.15);padding:53px 0 20px;box-sizing:border-box}section.cardindex{width:100%;max-width:348px;margin:0 auto 100px}section.cardabsence{width:348px;background-color:#fff;border-radius:3px;box-shadow:0 15px 50px rgba(0,0,0,.15);padding:53px 0 20px;box-sizing:border-box;margin:0 100% 100px -19%}.Row{display:table;width:150%;table-layout:fixed;border-spacing:10px}.Column{display:table-cell}section.cardindex h2{font-weight:300;font-size:30px;text-align:center;width:60%;margin:0 auto;color:#3f3f3f}section.cardindex span.grade{display:block;text-align:center;padding-top:16px;font-size:14px;font-weight:700;color:#9f9f9f}section.cardindex span.separator{display:block;width:80%;margin:0 auto 20px;text-align:right;border-bottom:1px solid #dcdcdc;padding-bottom:5px;padding-top:40px;font-size:14px;color:#656566}section.cardindex span.separator i{float:left;font-size:16px}section.cardindex a{width:80%;height:40px;border-radius:3px;display:block;text-align:center;margin:20px auto;text-decoration:none;color:#fff;font-size:16px;box-shadow:0 2px 2px rgba(0,0,0,.15);box-sizing:border-box;padding-top:8px}section.cardindex a.clear_absence{background-color:#01ace4}section.cardindex a.early_leave{background-color:#c0e3be;box-shadow:0 0 0 #fff;cursor:not-allowed!important}section.cardindex a.other_forms,section.cardindex button.other_forms{background-color:none;box-shadow:none;color:#656566;font-size:14px;text-decoration:underline;height:inherit;padding-top:0}section.cardindex a.other_forms:hover,section.cardindex button.other_forms:hover{text-decoration:none}section.card h2{font-weight:300;font-size:30px;text-align:center;width:60%;margin:0 auto;color:#3f3f3f}section.card span.grade{display:block;text-align:center;padding-top:16px;font-size:14px;font-weight:700;color:#9f9f9f}section.card span.separator{display:block;width:80%;margin:0 auto 20px;text-align:right;border-bottom:1px solid #dcdcdc;padding-bottom:5px;padding-top:40px;font-size:14px;color:#656566}section.card span.separator i{float:left;font-size:16px}section.card a{width:80%;height:40px;border-radius:3px;display:block;text-align:center;margin:20px auto;text-decoration:none;color:#fff;font-size:16px;box-shadow:0 2px 2px rgba(0,0,0,.15);box-sizing:border-box;padding-top:8px}section.card a.clear_absence{background-color:#01ace4}section.card a.early_leave{background-color:#c0e3be;box-shadow:0 0 0 #fff;cursor:not-allowed!important}section.card a.other_forms,section.card button.other_forms{background-color:none;box-shadow:none;color:#656566;font-size:14px;text-decoration:underline;height:inherit;padding-top:0}section.card a.other_forms:hover,section.card button.other_forms:hover{text-decoration:none}section.content,section.contentca{width:744px;background-color:#fff;border-radius:3px;margin:0 auto 100px;box-shadow:0 15px 50px rgba(0,0,0,.15);padding:25px;box-sizing:border-box;clear:both}section.contentca h2,section.content h2{font-size:18px;color:#828282;font-weight:400;text-transform:uppercase;border-bottom:1px solid #dcdcdc;padding-bottom:10px}section.contentca h2 a,section.content h2 a{display:block;float:right;font-size:14px;text-decoration:none;padding-top:2px;color:#676767}#btn_sbmt,#submit_btn{clear:both;width:100%;margin-top:30px;height:40px;color:#fff;font-size:16px;border:none;outline:none;border-radius:3px;box-shadow:0 2px 2px rgba(0,0,0,.15);cursor:pointer}header{width:744px;margin:0 auto}.full-width{width:400px;margin:0;text-align:center}header h1.logo{float:left;margin-bottom:40px}header aside{display:block;float:right;width:170px;margin-top:45px}header aside span.user{display:block;font-weight:300;font-size:18px;color:#676767}header aside a.action,header aside button.action{display:block;padding-top:14px;font-size:12px;text-transform:uppercase;text-decoration:none;color:#676767;margin-bottom:20px}section.ea_box h2 a i{color:#7cc576}section.ea_box div.column{float:left;width:48%}section.ea_box div.column:last-of-type{float:right}section.ea_box div.column h3{font-size:18px;font-weight:400;color:#7cc576;margin:25px 0 10px}section.ea_box div.column ul{list-style:none;border:1px solid #d7d7d7;overflow:hidden;border-radius:3px}section.ea_box div.column ul li{height:40px;box-sizing:border-box;border-bottom:1px solid #d7d7d7;font-size:16px;color:#676767}section.ea_box div.column ul li input{display:none}section.ea_box div.column ul li label{padding:8px;height:40px;display:block}section.ea_box div.column ul li input:checked+label{background-color:#7cc576;color:#fff;height:40px;box-sizing:border-box}section.ea_box div.column ul li:hover{background-color:#e9e9e9}section.ea_box div.column ul li:last-of-type{border-bottom:none}section.ea_box div.column ul li span{display:block;float:right}#submit_btn{background-color:#7cc576}#submit_btn.clear_absence{background-color:#0c2455;background-color:var(--accent-color)}section.ca_box div.column{float:left;width:48%}section.ca_box div.column:last-of-type{float:right}section.ca_box div.column h3{font-size:18px;font-weight:400;color:#01ace4;margin:25px 0 10px}section.ca_box div.column ul{list-style:none;border:1px solid #d7d7d7;overflow:hidden;border-radius:3px}section.ca_box div.column ul li{height:40px;box-sizing:border-box;border-bottom:1px solid #d7d7d7;font-size:16px;color:#676767}section.ca_box div.column ul li input{display:none}section.ca_box div.column ul li label{padding:8px;height:40px;display:block}section.ca_box div.column ul li input:checked+label{background-color:#01ace4;color:#fff;height:40px;box-sizing:border-box}section.ca_box div.column ul li input:checked.disabled+label{background-color:#d7d7d7!important;color:#989595;height:40px;box-sizing:border-box;cursor:not-allowed}.page-center-loader{display:flex;align-items:center;height:100vh}.page-center-loader>div{height:50px;width:50px}section.ca_box div.column ul li:hover{background-color:#e9e9e9}section.ca_box div.column ul li:last-of-type{border-bottom:none}section.ca_box div.column ul li span{display:block;float:right}section.ca_box h2 a i{color:#01ace4}section.ca_box details{margin-top:20px}.li-disabled{opacity:.5}.li-disabled,.li-disabled *{cursor:not-allowed}section.ca_box details summary{border:1px solid #01ace4;box-sizing:border-box;padding:8px;border-radius:3px;color:#01ace4;outline:none;cursor:pointer;background-color:#fff;height:40px;z-index:1;display:block;width:calc(100% - 2px);margin-left:1px}section.ca_box details summary span{display:block;float:right;color:#707070}section.ca_box details summary i{color:#707070}section.ca_box details>div{border:1px solid #ccc;border-radius:0 0 3px 3px;margin-top:0;padding:0 20px 20px;box-sizing:border-box;box-shadow:0 2px 2px rgba(0,0,0,.15);position:relative;border-top:0}section.ca_box details>div div.column{float:left;width:48%}section.ca_box details>div div.column:last-of-type{float:right}section.ca_box details>div div.column h3{font-size:18px;font-weight:400;color:#01ace4;margin:23px 0}section.ca_box details>div div.column ul{list-style:none;border:1px solid #d7d7d7;overflow:hidden;border-radius:3px}section.ca_box details>div div.column ul li{box-sizing:border-box;border-bottom:1px solid #d7d7d7;font-size:16px;height:40px;color:#676767}section.ca_box details>div div.column ul li:hover{background-color:#e9e9e9}section.ca_box details>div div.column ul li:last-of-type{border-bottom:none}.disabled{background-color:#d7d7d7!important;cursor:not-allowed!important}section.ca_box details>div div.column ul li input{display:none}section.ca_box details>div div.column ul li label{display:block;padding:8px;height:40px}section.ca_box details>div div.column ul li input:checked+label{background-color:#01ace4;color:#fff;height:40px;box-sizing:border-box}section.ca_box details>div div.column ul li span{display:block;float:right}section.ca_box button{background-color:#01ace4}.header_print{margin-left:auto;margin-right:auto;width:90%;margin-top:5%;text-align:center}.header_print .logo_img{height:120px;width:100px;margin-top:5px}#gr_code{text-align:center}#qr_code img{display:inline-block!important;width:150px;height:150px;margin-top:-65px}.header_print_4inch img{float:left;margin-top:-10px}.school_logo_name .main_info.clear_absences_info span{font-size:11px;margin-left:5%;margin-top:5px}.school_logo_name .main_info span{font-size:12px}.school_logo_name .main_title{font-size:15px!important;font-weight:700;float:left}.school_logo_name div.main_info span{text-align:left;float:left;margin-left:8%;margin-right:auto;width:40%}.school_logo_name .qr{display:inline-block;margin-top:-20px;width:100px;height:100px}.title_of_print{width:100%;display:inline-block;margin-bottom:10px}.title_of_print span{font-size:30px;font-weight:700;text-align:center;display:block;width:100%}.title_of_print span.title{padding-top:60px}.title_of_print span.due{font-size:15px}.table1{margin-left:auto;margin-right:auto;width:90%;border-color:#000;border-spacing:0;font-size:19px}.table1 td{text-align:center;font-size:15px}.table1 tr.table_title th{color:#fff;background-color:#000}.table1 td:first-child,.table1 td:nth-child(2),.table1 td:nth-child(3){padding-left:10px;width:30%}.table2{margin-left:auto;margin-right:auto;width:90%;border-color:#000;border-spacing:0;font-size:19px}.table2 td{text-align:center;font-size:15px}.table2 tr.table_title th{color:#fff;background:#000}.table2 td:first-child,.table2 td:nth-child(2),.table2 td:nth-child(3){padding-left:10px;width:33%}.table3{height:100px;margin-left:auto;margin-right:auto;width:100%}.table3,.table4{border-color:#000;border-spacing:0}.table4{margin:0 auto;width:90%;font-size:16px}.table4 td{text-align:center;font-size:15px}.table4 tr.table_title th{color:#fff;background-color:#000}.table4 td:first-child,.table4 td:nth-child(2),.table4 td:nth-child(3),.table4 td:nth-child(4){padding-left:10px;width:22.5%}.table5{margin-left:auto;margin-right:auto;width:90%;border-color:#000;border-spacing:0;font-size:16px}.table5 td{text-align:center;font-size:15px}.table5 tr.table_title th{color:#fff;background:#000}.table5 td:first-child,.table5 td:nth-child(2){padding-left:10px;width:33%}.student_print_name span{margin-left:50px;font-size:19px}.footer_content,.footer_content_4inch{margin-left:auto;margin-right:auto;width:90%}.footer_up hr{border-bottom:1px solid #000;padding-top:0!important;margin-left:0!important;margin-top:1px!important;margin-bottom:0!important}.footer_down span.f_title,.footer_middle span,.footer_up span.footer_up_title,.release_time span.f_title{font-size:19px;font-weight:700;padding-top:10px}.footer_up span.footer_up_reson{font-size:14px;margin-top:20px}.release_time div.f_left{float:left;width:100%;margin-bottom:10px}.footer_down div.f_left{float:left;width:50%}.f_left hr.hr_time{margin-top:2px!important}.footer_down div.f_right{float:right;width:50%;text-align:right}.footer_down div.f_right hr{float:right}.footer_down hr,.release_time hr{margin-left:0!important;margin-top:30px!important;padding-top:0!important;border-bottom:1px solid #000;width:50%;margin-bottom:10px}.footer_down span.f_exp{font-size:16px}.footer_reson{font-size:19px}.form_printed_on{text-align:center;margin-left:auto;margin-right:auto;width:100%;display:block;margin-top:130px}#rel_time_print{margin-top:100px}#early_form p{display:inline-block;width:100%}.student_photo{display:block;padding-top:2px;float:right;padding-right:10px}.student_photo span{width:60px;height:60px;overflow:hidden;display:block;border-radius:50px}.main_student_photo img,.student_photo img{width:100%}.main_student_photo span{width:130px;height:130px;overflow:hidden;display:block;border-radius:65px;border:1px solid silver;margin:10px auto 28px}#birthdate::-webkit-calendar-picker-indicator,#birthdate::-webkit-inner-spin-button,#req_leave_date::-webkit-calendar-picker-indicator,#req_leave_date::-webkit-inner-spin-button{opacity:0;-webkit-appearance:none}#birthdate::-moz-placeholder,#req_leave_date::-moz-placeholder{opacity:0}#birthdate:focus::-moz-placeholder,#req_leave_date:focus::-moz-placeholder{opacity:1}#birthdate::-webkit-input-placeholder,#req_leave_date::-webkit-input-placeholder{opacity:0}#birthdate:focus::-webkit-input-placeholder,#req_leave_date:focus::-webkit-input-placeholder{opacity:1}#early_form div.date_picker{width:47%;margin-bottom:-50px;margin-top:30px;padding-left:0;padding-right:0}#early_form .date_picker>label{position:relative;margin-bottom:50px;display:block;border-bottom:1px solid #9d8282;transition:all .2s ease-in-out}#early_form .date_picker>label.active{border-bottom:1px solid #b1ca76}#early_form .date_picker>label>span{position:absolute;top:0;transition:all .2s ease-in-out;color:#9d8282}#early_form .date_picker>label.active>span{top:-15px;font-size:12px;color:#b1ca76}#early_form .date_picker>label>span>h6{float:right;margin-top:4px;margin-left:10px}#early_form .date_picker>label>i{color:#9d8282;float:right;right:0;margin-bottom:-16px;top:3px;z-index:0;transition:all .2s ease-in-out}#early_form .date_picker>label.active>i{color:#b1ca76}#early_form .date_picker>label>input{width:100%;height:26px;background-color:initial;border:none;outline:none;font-size:16px}#early_form .date_picker>label.active>input{color:#9d8282}#early_form .date_picker>label>::-webkit-datetime-edit-day-field,#early_form .date_picker>label>::-webkit-datetime-edit-month-field,#early_form .date_picker>label>::-webkit-datetime-edit-text,#early_form .date_picker>label>::-webkit-datetime-edit-year-field{color:transparent}#early_form .date_picker>label.active>::-webkit-datetime-edit-day-field,#early_form .date_picker>label.active>::-webkit-datetime-edit-month-field,#early_form .date_picker>label.active>::-webkit-datetime-edit-text,#early_form .date_picker>label.active>::-webkit-datetime-edit-year-field{color:#9d8282}#early_form .date_picker .input-buttons,#early_form .date_picker>label.active .input-buttons{right:16px;top:3px}.login_alert{width:100%;text-align:center;color:red;margin:0 auto -25px}h6{color:hsla(0,0%,50.2%,.81);margin-top:0;height:35px;font-weight:400}#clear_absence h6{height:20px;margin-top:-23px}.version_wrap{width:100%;margin-top:-10px}.version_wrap p{font-size:15px;text-align:center}.discrepancy{font-size:12px;margin-left:10px;margin-top:3px;color:red}.discrepancy,.period_number{float:left!important}.form-row{padding:10px}label{display:block}.form-row input{width:220px;padding:3px 1px}.date-time input[type=date]{width:130px}.date-time input[type=time]{width:85px}.currency-style input{text-align:right}[class*=animate-] .ws-popover{overflow:visible}[class*=animate-] .ws-popover.ws-po-visible .ws-po-outerbox{opacity:1;-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}.animate-2 .ws-popover{overflow:visible;-webkit-perspective:600px;-webkit-transform-style:preserve-3d;perspective:600px;transform-style:preserve-3d}.animate-2 .ws-po-outerbox{-webkit-transform:rotateX(-60deg);-webkit-transform-origin:50% 0 0;transform:rotateX(-60deg);transform-origin:50% 0 0}.animate-2 [data-vertical=bottom] .ws-po-outerbox{-webkit-transform:rotateX(60deg);-webkit-transform-origin:-50% 100% 0;transform-origin:-50% 100% 0;transform:rotateX(60deg)}#calendar_container{width:100%;margin-bottom:-25px;margin-top:30px;padding-left:0;padding-right:0}#calendar_container>label{position:relative;margin-bottom:50px;display:block;border-bottom:1px solid #656565}#calendar_container>label.active{border-bottom:1px solid #01ace4}#calendar_container>label>span{position:absolute;top:0;transition:all .2s ease-in-out;color:#000}#calendar_container>label.active>span{top:-15px;font-size:12px;color:#01ace4}#calendar_container>label>span>h6{float:right;margin-top:4px;margin-left:10px}#calendar_container>label>i{color:#9d8282;float:right;right:0;margin-bottom:-16px;top:3px;z-index:0;transition:all .2s ease-in-out}#calendar_container>label.active>i{color:#01ace4!important}#calendar_container>label>input{width:100%;height:20px;background-color:initial;border:none;outline:none;font-size:16px}#calendar_container>label.active>input{color:#9d8282}#calendar_container>label>::-webkit-datetime-edit-day-field,#calendar_container>label>::-webkit-datetime-edit-month-field,#calendar_container>label>::-webkit-datetime-edit-text,#calendar_container>label>::-webkit-datetime-edit-year-field{color:transparent}#calendar_container>label.active>::-webkit-datetime-edit-day-field,#calendar_container>label.active>::-webkit-datetime-edit-month-field,#calendar_container>label.active>::-webkit-datetime-edit-text,#calendar_container>label.active>::-webkit-datetime-edit-year-field{color:#9d8282}#calendar_container .input-buttons,#calendar_container>label.active .input-buttons{right:16px;top:3px}#calendar_container>label.active .ws-popover-opener>span{color:#01ace4}#calendar_container.early_leave_calendar>label.active .ws-popover-opener>span{color:#7cc576}.ws-popover-opener,.ws-popover-opener>span{background:#fff}.overlay_dropdown{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.25);z-index:10000;display:flex;align-items:center}.overlay_dropdown span{padding:30px;border-radius:50%;width:50px;position:absolute;left:calc(50% - 56px);background-color:rgba(0,0,0,.2)}.overlay_dropdown i{color:#4a4a4a;font-size:50px;padding:0 0 0 8px}.lock_wrap{float:left!important;border-radius:50%;background:#bbb;padding:2px 9px 3px;margin:-2px 7px 0 -2px}.lock_wrap i{color:#3a3a3a}#ui-datepicker-div{transition-duration:0s}.calendar_icon{color:#656565!important}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #01ace4!important;background:#01ace4!important;color:#fff!important}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{outline:none;border:1px solid #b7b7b7;border-radius:3px;margin-right:5px!important;color:#333}.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover{color:#adadad;border-radius:3px}.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{transition-duration:0s}.ui-datepicker .ui-datepicker-next:hover,.ui-datepicker .ui-datepicker-prev:hover,.ui-widget-header .ui-icon:hover{background-color:#f3f3f3}.reasons_position{float:right!important}.column_full{float:left;width:100%!important}.column_full textarea{float:left;width:100%;border:1px solid #d7d7d7;color:#676767;outline:none;box-sizing:border-box;padding:10px;min-height:100px;border-radius:3px}.table3.padding_table{padding:5px;word-break:break-all}.left_input{width:48%;float:left}.left_input h6{margin-bottom:10px}.right_input{width:48%;float:right}.right_input .alt_phone_div h3{margin-bottom:16px!important}.right_input .rel_time_div h3{margin-top:15px!important;margin-bottom:16px!important}.right_input input,.right_input select{width:auto}.left_input input,.right_input input,.right_input select{border:1px solid #d7d7d7;color:#676767;outline:none;border-radius:3px;height:26px}.left_input input{width:100%}.ecr-input{width:100%!important;background:transparent;box-sizing:border-box;padding:0 15px;font-weight:600;position:relative;min-width:150px;height:36px!important;border:1px solid #ced0da!important;border-radius:4px!important;margin-bottom:15px;margin-top:5px}textarea.ecr-input{height:100px}section.ea_box div.column h3+h6{margin-top:-7px}.rc-time-picker-panel{margin-top:8px;width:100%}.boxes-wrapper{display:flex;align-items:flex-start}.right-box-wrapper{width:calc(100% - 500px)}.rt-noDatarows{display:block;position:absolute;left:50%;top:71%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .3s ease;z-index:1;pointer-events:none;padding:20px;color:rgba(0,0,0,.5);font-size:14px}@media screen and (max-width:767px){form.login>div.pass-input .day-input,form.login>div.pass-input .year-input{width:calc(33.33% - 5px)}form.login>div.pass-input .month-input{width:calc(33.33% - 10px)}header{width:100%;margin:0 auto}header aside span.user .student_photo span img{margin:0!important;height:auto!important;text-indent:0}header img{margin:20px auto!important;width:236px;height:107px;overflow:hidden;text-indent:0!important;text-align:center;display:block}header h1.logo{float:none!important;margin-bottom:40px}header aside{display:block;float:right;width:170px;margin-top:0!important}section.content{width:100%!important;margin:0 auto 100px}.left_input,.right_input,section.ca_box div.column,section.ea_box div.column{float:none!important;width:100%!important}div.login_wrap{width:100%!important;max-width:300px!important}form.login{width:auto!important}}@media screen and (max-width:1024px){.boxes-wrapper{flex-direction:column}.boxes-wrapper section.card{width:100%;margin:10px 0}.boxes-wrapper .right-box-wrapper,.boxes-wrapper .right-box-wrapper section.contentca{width:100%}}.thankyou-container{display:flex;height:100vh;align-items:center;flex-direction:column;justify-content:flex-start;padding-top:20px}.thankyou-container img{max-width:200px;margin-bottom:20px}.thankyou-box{padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;box-shadow:0 5px 20px #ccc;width:100%;max-width:600px;border-radius:6px}.thankyou-container button{padding:10px;width:auto;border-radius:3px;font-size:14px;border:0;background-color:#01ace4;color:#fff;align-self:center;cursor:pointer}.login-error{color:red;margin-top:10px;font-size:12px;font-family:"Open sans",sans-serif}.login-loader *{width:20px}.showErrorMsgAtSubmit{color:red;margin-top:5px;font-size:14px;font-family:"Open sans",sans-serif;text-align:center}.errorMsgAtFetch{font-size:14px;margin-top:10px;color:#828282}.mac-input-box .ecr-input{margin-bottom:0}.mac-input-box,.mac-ul-box{margin-bottom:15px}.error-msg-wrong,.errorMsgAtFetch{font-family:"Open Sans",sans-serif;color:red;text-align:center;font-size:14px}.clear_absence>div div:before,.early-leave-btn>div div:before,.login-btn>div div:before,.submit-parent-contact>div div:before{background-color:#fff!important}.absence-detail{margin-top:15px}.radio-login{display:inline-block;position:relative;margin-right:5px}.radio-login span{height:14px;width:14px;display:inline-block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:1px solid #01ace4;border-radius:50%}.radio-login input{position:relative;z-index:10;opacity:0}.radio-login input:disabled+span{opacity:.3}section.contentca .profile-early-form .profile-early-table table td:first-child,section.contentca .profile-early-form .profile-early-table table th:first-child{max-width:40px;min-width:40px;width:40px;border-left:1px solid #d7d7d7;padding-left:10px}section.contentca .profile-early-form .profile-early-table table td:last-child,section.contentca .profile-early-form .profile-early-table table th:last-child{border-right:1px solid #d7d7d7}.select-all{display:inline-block}.select-all-wrapper{padding-top:10px;color:#676767;font-weight:500;border-bottom:1px solid #d7d7d7;padding-bottom:7px}.select-all-wrapper .profile-check-wrap{width:20px;margin-left:10px}.reason-profile-page{height:41px}.select-all-wrapper .profile-check-wrap input{width:17px}.radio-login input:checked+span:before{content:"";height:8px;width:8px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#01ace4;border-radius:50%}section.cardindex.parent-contact-list{padding:20px}section.cardindex.parent-contact-list h3{font-size:18px;font-weight:400;color:#7cc576;margin-bottom:0}.parent-contact-list li{list-style-type:none;display:flex;font-size:14px;align-items:center;padding-top:10px;margin-right:0;border-bottom:1px solid #e1e1e1}.parent-contact-list li label{margin-left:25px}.parent-contact-list li label p{margin-bottom:0}.parent-contact-list .radio-login input+span{left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.submit-parent-contact{margin-top:15px;background:#7cc576}.logout-parent-contact,.submit-parent-contact{clear:both;width:100%;height:40px;color:#fff;font-size:16px;border:none;outline:none;border-radius:3px;box-shadow:0 2px 2px rgba(0,0,0,.15);cursor:pointer}.logout-parent-contact{margin-top:0;background:#01ace4}.mac-ul-box ul{width:calc(100% + 40px);margin:15px -20px 0}.mac-ul-box ul li{padding:10px 20px;cursor:pointer}.mac-ul-box ul li *{cursor:pointer}.mac-ul-box ul li:first-child{border-top:1px solid #e1e1e1}.mac-ul-box ul li.radio-login input+span{left:20px}.mac-ul-box ul li.radio-login input{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;cursor:pointer}.parent-name-relate{border:1px solid #ccc;padding:8px 5px;width:100%;border-radius:5px;outline:none;color:#676767}.profile-page{background-color:#fff;box-shadow:0 15px 50px rgba(0,0,0,.15);align-items:normal}.profile-page section.card{width:auto;min-width:320px;margin:0;background:transparent;box-shadow:none;border-right:1px solid #ccc}.profile-page .right-box-wrapper{width:calc(100% - 320px)}.profile-page section.contentca{width:auto;background:transparent;box-shadow:none}.header-logo-profile{margin:10px auto}@media screen and (max-width:1024px){.profile-page{flex-direction:row}}@media screen and (max-width:992px){.profile-page .earlyform{display:flex;flex-direction:column}.profile-page section.ca_box div.column{width:100%}}@media screen and (max-width:767px){.profile-page{flex-direction:column}.profile-page section.card{border-bottom:1px solid #ccc;border-right:0}.profile-page .right-box-wrapper{width:100%}.reason-profile-page{height:auto}.reason-profile-page h6:last-child{margin-bottom:7px}}form.earlyform:after{content:"";display:table;clear:both}.column.loader-side+div{clear:both;display:block;top:30px;margin-bottom:20px}.toasts-container{top:50%!important;right:50%!important;-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.toast{margin:0;display:flex}.thank-you-heading{margin-bottom:0!important;font-size:35px!important}.loading-data,.no-data-profile{display:flex;flex-direction:column-reverse;align-items:center}.loading-data .early_leave{align-self:flex-end}.loading-data .early_leave,.no-data-profile .early_leave{margin-bottom:15px}.no-data-early-leave,.no-data-profile p{font-size:14px;color:#676767}.thank-you-heading+button{margin-top:15px}.error-container{height:100vh}.error-box,.error-container{display:flex;align-items:center;justify-content:center}.error-box{flex-direction:column;background-color:#fff;box-shadow:0 15px 50px rgba(0,0,0,.15)}.error-box.e_box{padding:25px;text-align:center}.error-box.e_box h3{color:red;font-weight:600;margin-bottom:0}.error-box.e_box p{padding-top:10px;font-size:14px}@media screen and (max-width:767px){header aside{float:none;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.no-data-profile.profile-box-top{display:flex;flex-direction:column-reverse;align-items:center;text-align:center}header aside span.user{display:flex;align-items:center;justify-content:center;flex-direction:column}.student_photo{padding:0 0 10px}header aside a.action,header aside button.action{padding:5px 0 0}}.profile-header{width:100%;justify-content:space-between;padding:10px 0 15px}.profile-header,.profile-header .user{display:flex;align-items:center}.profile-header aside{margin-top:0;width:33.33%}.profile-main-box{width:100%}.profile-header .action{font-size:12px;text-transform:uppercase;text-decoration:none;color:#676767;display:inline-block;margin:0;border:1px solid #676767;padding:5px 10px;border-radius:5px}.profile-header h1.logo{margin:0;width:33.33%;height:90px;background-size:210px;background-repeat:no-repeat;background-position-x:center}section.contentca.profile-box{width:100%;margin-bottom:40px}.profile-header .right-action{width:33.33%;text-align:right;align-self:flex-start;padding-top:10px}.profile-box-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px}.profile-header .grade-profile{display:block;font-size:14px}.profile-box-top .early_leave{text-decoration:none;padding:5px 10px;color:#fff;font-size:16px;border:none;outline:none;border-radius:3px;box-shadow:0 2px 2px rgba(0,0,0,.15);margin-left:5px;background:#7cc576;white-space:nowrap}section.contentca .profile-early-form h2{color:#01ace4;border-bottom:0}section.ca_box .profile-early-form div.column h3{margin-top:0}section.contentca .profile-early-form .profile-early-table table{width:100%;text-align:left;color:#676767;border-collapse:collapse}section.contentca .profile-early-form .profile-early-table table td,section.contentca .profile-early-form .profile-early-table table th{border-bottom:1px solid #d7d7d7;padding:8px 5px;font-size:16px}.profile-check-wrap{width:17px;height:17px;display:inline-block;position:relative;align-items:center;top:3px;margin-right:10px}.profile-check-wrap input{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.profile-check-wrap input+span{width:17px;height:17px;border:1px solid #ccc;display:inline-block;border-radius:3px}.profile-check-wrap input:checked+span{background:#7cc576;border-color:#7cc576}.profile-check-wrap input:checked+span:before{content:"";position:absolute;top:3px;left:6px;height:8px;width:3px;border:2px solid #fff;border-top:0;border-left:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.profile-main-box section.ca_box div.column{width:400px}.profile-main-box section.ca_box div.column.reasons_position{width:100%}.profile-main-box section.ca_box div.column.reasons_position h6{height:auto}.profile-main-box section.ca_box div.column.reasons_position h6+h6{margin-bottom:8px}.thankyou-box .other_forms{color:#676767;text-decoration:none;display:inline-block;margin:10px 0 0;padding:2px 6px;border-radius:5px;font-size:14px;text-transform:uppercase}@media screen and (max-width:827px){.reason-profile-page{height:51px}section.ca_box div.column h3{margin-bottom:0}}@media screen and (max-width:767px){.profile-header{width:100%;flex-direction:column}.reason-profile-page{height:41px}section.ca_box div.column h3{margin-bottom:10px}.profile-header aside{flex-direction:row;width:100%;margin-top:10px!important}.profile-header .user{text-align:center}.profile-header .user .student_photo{padding:0}.profile-header h1.logo{width:100%;order:-1}.profile-header .right-action{text-align:center;width:100%}.profile-main-box section.ca_box div.column{margin-top:15px}.profile-main-box section.ca_box div.column.reasons_position{padding-left:0}.profile-main-box section.ca_box .profile-early-form div.column.reasons_position{margin-top:0}.profile-box-top{flex-direction:column-reverse;justify-content:flex-start;align-items:flex-start}.profile-box-top .early_leave{margin:0}}@media screen and (max-width:405px){.reason-profile-page{height:61px}}@media screen and (max-width:375px){.reason-profile-page{height:48px}}@media screen and (max-width:280px){.reason-profile-page{height:65px}}.profile-early-form .accordion-wrapper{margin-bottom:15px;border:1px solid #e1e1e1}.reasons_position .accordion-wrapper:nth-last-child(2){margin-bottom:0}.profile-early-form .accordion-wrapper .accr-date-wrapper{display:flex;justify-content:space-between;cursor:pointer;padding:10px;color:#747474;align-items:center}.profile-early-form .accordion-wrapper .accr-date-wrapper.active-accr{background:#f1f1f1}.profile-early-form .accordion-wrapper.selected-accr .accr-date-wrapper{background:#7cc576!important;color:#fff}.profile-early-form .accordion-wrapper .accr-date-wrapper .accr-date,.profile-early-form .accordion-wrapper .accr-date-wrapper .svg-inline--fa,.profile-early-form .accordion-wrapper .accr-date-wrapper .svg-inline--fa *{transition:none}.profile-early-form .accordion-wrapper .accr-date-wrapper .accr-date{display:flex;align-items:center;flex-wrap:wrap}.profile-early-form .accordion-wrapper .accr-date-wrapper .accr-date>span{padding-right:5px;font-weight:600;transition:none}.profile-early-form .accordion-wrapper .accr-icon{margin-right:5px;position:relative}.accr-content{padding:10px}.accr-period{position:relative;top:-1px;font-size:14px}.accr-period,.accr-period *,.profile-early-form .accordion-wrapper .accr-icon,.profile-early-form .accordion-wrapper .accr-icon *{transition:none}.accr-clear-btn{clear:both;padding:10px;margin-top:10px;color:#fff;font-size:14px;border:none;outline:none;border-radius:3px;box-shadow:0 2px 2px rgba(0,0,0,.15);cursor:pointer}.clear-btn-wrapper{text-align:right}.back-btn-name{font-size:14px;font-weight:400;color:#747474;background:transparent;border:0;margin-bottom:7px;cursor:pointer}.back-btn-name .contact-name-back{padding-left:7px}.icon-fa{color:#747474}.profile-main-box section.ca_box .profile-early-form div.column.reasons_position.has-error-msg .accordion-wrapper:nth-last-child(3){margin-bottom:0}.profile-main-box section.ca_box .profile-early-form div.column.reasons_position.has-error-msg #submit_btn.clear_absence{margin-top:20px;transition:none}.parent-contact-list h6{height:auto}section.contentca.pending-absence-confirmation .profile-early-form h2{padding-bottom:5px}.pending-absence-confirmation h6{height:auto;margin-bottom:15px;font-size:12px}.pending-absence-confirmation .confirmation-list{list-style-type:none;color:#747474}.pending-absence-confirmation .confirmation-list li{padding:10px;border:1px solid #e1e1e1;border-bottom:0;display:flex;flex-wrap:wrap;align-items:center}.pending-absence-confirmation .confirmation-list li:last-child{border-bottom:1px solid #e1e1e1}.pending-absence-confirmation .confirmation-list .date-absence{padding:2px 5px 2px 0;font-weight:600;transition:none}.profile-box .profile-box-top .early_leave{padding:10px;margin-left:0}@media screen and (max-width:992px){section.contentca.profile-box{margin-bottom:20px}}.login-label-input{position:absolute;top:0;transition:all .2s ease-in-out}.year-error{text-align:center;margin:10px 0 0;color:red}.login_wrap form>div{border-bottom:0}.login_wrap form>div svg+input{border-bottom:1px solid #656565}form.login>div>span.input-error{position:relative;margin-top:5px;color:red;display:block;font-size:14px}.loader-login{margin-top:10px}div.login_wrap.login-page-box{margin-top:0}@media screen and (max-width:640px){div.login_wrap.login-page-box{max-width:100%!important}}.badge{width:24px;height:24px;border-radius:50%;background-color:#999;display:inline-flex;justify-content:center;color:#fff;margin:5px;font-size:15px;align-items:center}.badge.Excluded{background-color:#01ace4}.badge-note{font-size:13px;color:hsla(0,0%,50.2%,.8117647058823529);margin-bottom:15px}.badge-note,.badge-note p{display:flex;align-items:center}.badge-note p{margin-right:30px}.badge-note p .badge{margin-right:10px;margin-left:0}.content.early-leave-section{width:100%}.header-wrapper .btn{text-decoration:none;padding:10px;color:#fff;font-size:16px;border-radius:3px;box-shadow:0 2px 2px rgba(0,0,0,.15);background:#7cc576}.header-wrapper{display:flex;border-bottom:1px solid #dcdcdc;padding-bottom:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:10px}.header-wrapper .profile-box-top{padding-bottom:0}.header-wrapper .header-title{font-size:18px;color:#828282;font-weight:400;text-transform:uppercase;border:0;padding:0;margin:0}.early-leave-section #calendar_container{margin:0}section.early-leave-section div.column h3{margin:10px 0}.early-leave-section .showErrorMsgAtSubmit,section.early-leave-section div.column ul{margin-bottom:0}.early-leave-section .ant-picker{margin-bottom:3px;width:100%}.attachment-section{margin-top:20px}.attachment-section h3{margin-bottom:10px}.attachment-input{width:100%;border:1px solid #d7d7d7;border-radius:3px;background:#fff;color:#676767;padding:8px 10px;box-sizing:border-box;height:auto!important}.attachment-help-text{margin:8px 0 0;font-size:12px;color:#676767}.attachment-status-card{margin-top:12px;padding:12px;border:1px solid #d7d7d7;border-radius:4px;background:#fafafa}.attachment-status-header{display:flex;align-items:flex-start;justify-content:space-between;grid-gap:12px;gap:12px}.attachment-file-name{margin:0;font-weight:600;color:#333;word-break:break-word}.attachment-file-meta{margin:4px 0 0;font-size:12px;color:#676767;word-break:break-word}.attachment-remove-btn{border:0;background:transparent;color:#1a73b8;cursor:pointer;padding:0;font-size:13px;text-decoration:underline}.attachment-progress-bar{width:100%;height:8px;margin-top:12px;border-radius:999px;background:#e6e6e6;overflow:hidden}.attachment-progress-bar span{display:block;height:100%;background:#7cc576;transition:width .25s ease}.attachment-progress-label{margin:8px 0 0;font-size:12px;color:#676767}.attachment-simulated-note{margin:12px 0 0;font-size:12px;color:#4b7a1c}.header-error .header-wrapper{flex-direction:column-reverse;border:0}.header-error .header-wrapper p{margin-top:30px!important;margin-bottom:0}@media screen and (max-width:767px){.early-leave-section .column_full textarea{float:unset}.attachment-status-header{flex-direction:column}.header-wrapper .header-title{margin-bottom:10px}}.text-center{text-align:center}.Time-picker{width:100%}.Time-picker .MuiOutlinedInput-notchedOutline{border:1px solid #d7d7d7!important}.Time-picker .MuiInputBase-input{padding:0 10px;height:35px;flex-grow:1}.disabled-btn{opacity:1%}.profile-screen{position:relative;width:100%;margin-bottom:32px;padding:22px}.profile-screen,.profile-screen *{font-family:"Manrope","Avenir Next","Segoe UI",sans-serif}.profile-shell{position:relative;z-index:1}.profile-screen .profile-header{width:100%;margin:0 0 24px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;grid-gap:24px;gap:24px;border:1px solid rgba(209,220,232,.9);border-radius:28px;background:hsla(0,0%,100%,.82);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.profile-screen .profile-brand{display:flex;align-items:center;grid-gap:18px;gap:18px;min-width:0}.profile-screen .profile-brand-logo{width:76px;height:auto;flex-shrink:0}.profile-screen .profile-brand-copy{display:flex;flex-direction:column;grid-gap:4px;gap:4px;min-width:0}.profile-screen .profile-brand-title{font-size:18px;font-weight:800;line-height:1.1;letter-spacing:-.03em;color:#12263a}.profile-screen .header-kicker,.profile-screen .profile-brand-subtitle,.profile-screen .profile-card-kicker{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#6b7d90}.profile-screen .header-kicker,.profile-screen .profile-card-kicker{color:#4a8fd4}.profile-screen .profile-card-kicker--warning{color:#d4a017}.profile-screen .profile-userbar{display:flex;align-items:center;justify-content:flex-end;grid-gap:14px;gap:14px;margin-left:auto}.profile-screen .profile-header .user.profile-user-card{display:flex;align-items:center;grid-gap:12px;gap:12px;padding:8px 12px 8px 8px;border:1px solid #e0e8f1;border-radius:20px;background:#f7faff;color:#12263a;cursor:pointer;text-align:left}.profile-screen .profile-header .user.profile-user-card:hover{background:#fff5f5;border-color:#f0c8c8}.profile-screen .profile-logout-icon{margin-left:auto;color:#c93e3e;color:var(--error-color);font-size:19px;flex-shrink:0}.profile-screen .profile-header .student_photo{width:52px;height:52px;padding:0}.profile-screen .profile-header .student_photo img,.profile-screen .profile-header .student_photo span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:16px;object-fit:cover;background:#dce6f2}.profile-screen .profile-user-copy{display:flex;flex-direction:column;grid-gap:4px;gap:4px;min-width:0}.profile-screen .profile-user-name{font-size:15px;font-weight:700;line-height:1.2;color:#12263a}.profile-screen .profile-header .grade-profile{display:block;font-size:12px;font-weight:600;color:#6b7d90}.profile-screen .profile-header .profile-action{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:12px 16px;border:1px solid #d3dce6;border-radius:999px;background:#fff;color:#12263a;font-size:13px;font-weight:700;text-transform:none}.profile-screen .profile-header .profile-action:hover{background:#eff5fb;border-color:#bccad8}.profile-screen .profile-header .profile-action--danger{color:#c93e3e;color:var(--error-color);border-color:#f0c8c8;grid-gap:6px;gap:6px}.profile-screen .profile-header .profile-action--danger:hover{background:#fff5f5;border-color:#e8a0a0}.profile-screen .profile-header .student_photo .profile-user-icon-wrap{display:flex;align-items:center;justify-content:center}.profile-screen .profile-header .student_photo .profile-user-icon{font-size:22px;color:#6b8cae}.profile-screen .profile-main-box{display:grid;grid-gap:20px;gap:20px}.profile-screen section.content.early-leave-section,.profile-screen section.contentca.profile-box{width:100%;margin:0;padding:28px;border:1px solid rgba(209,220,232,.9);border-radius:28px;background:hsla(0,0%,100%,.82);box-shadow:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.profile-screen .header-wrapper{display:flex;align-items:flex-start;justify-content:space-between;grid-gap:20px;gap:20px;margin-bottom:24px;padding:0;border:0}.profile-screen .header-copy,.profile-screen .profile-card-intro{display:flex;flex-direction:column;grid-gap:8px;gap:8px;min-width:0}.profile-screen .header-wrapper .header-title{margin:0;padding:0;border:0;font-size:30px;font-weight:800;line-height:1.05;letter-spacing:-.04em;text-transform:none;color:#12263a}.profile-screen .header-subtitle,.profile-screen .no-data-early-leave,.profile-screen .pending-absence-confirmation h6,.profile-screen .profile-card-copy{margin:0;font-size:14px;line-height:1.65;color:#627487}.profile-screen .profile-card-intro--compact{grid-gap:4px;gap:4px;margin-bottom:16px}.profile-screen section.contentca .profile-early-form h2{padding:0;border:0;font-size:24px;font-weight:800;line-height:1.1;letter-spacing:-.03em;text-transform:none!important;color:#12263a}.profile-screen .header-wrapper .profile-box-top,.profile-screen .profile-box-top{padding:0;margin-left:auto}.profile-screen .profile-box-top .early_leave{display:inline-flex;align-items:center;justify-content:center;grid-gap:10px;gap:10px;margin:0;padding:13px 18px;border:1px solid transparent;border-radius:999px;background:#12263a;box-shadow:none;color:#fff;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}.profile-screen .profile-box-top .early_leave:hover{background:#0d1b29}.profile-screen .el-back-btn{display:inline-flex;align-items:center;grid-gap:8px;gap:8px;margin-bottom:20px;padding:0;border:none;background:transparent;color:#627487;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none}.profile-screen .el-back-btn:hover{color:#12263a}.profile-screen .badge-note{display:flex;flex-wrap:wrap;grid-gap:12px;gap:12px;margin:18px 0 20px;font-size:13px;color:#627487}.profile-screen .badge-note p{display:inline-flex;align-items:center;grid-gap:10px;gap:10px;margin:0;padding:10px 14px;border:1px solid #d9e4ef;border-radius:999px;background:#f7faff}.profile-screen .badge-note p .badge{width:10px;height:10px;margin:0;border-radius:999px}.profile-screen .pending-absence-confirmation .confirmation-list{list-style-type:none;display:grid;grid-gap:12px;gap:12px;color:#627487}.profile-screen .pending-absence-confirmation .confirmation-list li{display:flex;flex-wrap:wrap;align-items:center;grid-gap:8px;gap:8px;padding:16px 18px;border:1px solid #d9e4ef;border-radius:18px;background:#f8fbff}.profile-screen .pending-absence-confirmation .confirmation-list .date-absence{font-size:14px;font-weight:700;color:#12263a}.profile-screen .accr-period{font-size:13px;color:#627487}.profile-screen .accr-period .badge{margin-left:6px}.profile-screen .profile-early-form .accordion-wrapper{margin-bottom:14px;border:1px solid #d9e4ef;border-radius:20px;background:#fff;overflow:hidden}.profile-screen .profile-early-form .accordion-wrapper .accr-date-wrapper{padding:18px 20px;align-items:center}.profile-screen .profile-early-form .accordion-wrapper .accr-date-wrapper.active-accr{background:#f4f8ff}.profile-screen .profile-early-form .accordion-wrapper.selected-accr .accr-date-wrapper{background:#eef4ff!important;color:#12263a}.profile-screen .profile-early-form .accordion-wrapper .accr-date-wrapper .accr-date{grid-gap:8px;gap:8px}.profile-screen .profile-early-form .accordion-wrapper .accr-date-wrapper .accr-date>span{padding-right:0;font-size:15px;font-weight:700;color:#12263a}.profile-screen .profile-early-form .accordion-wrapper .accr-icon,.profile-screen .profile-early-form .accordion-wrapper .accr-icon *{color:#6b7d90}.profile-screen .accr-content{padding:0 20px 20px}.profile-screen .accordion-helper-copy,.profile-screen section.ca_box div.column h6,.profile-screen section.ea_box div.column h6{margin:0 0 14px;height:auto;font-size:13px;line-height:1.65;color:#627487}.profile-screen .profile-main-box section.ca_box div.column,.profile-screen section.ca_box div.column,.profile-screen section.ea_box div.column{float:none;width:100%}.profile-screen section.ea_box #calendar_container,.profile-screen section.ea_box div.column{float:none;width:100%;margin-bottom:28px}.profile-screen section.ea_box div.column:last-of-type{float:none}.profile-screen section.ea_box div.column.reasons_position{float:none!important;margin-top:8px;margin-bottom:28px}.profile-screen section.ea_box div.column.column_full{float:none;clear:both;margin-bottom:0;display:grid;grid-gap:32px;gap:32px}.profile-screen section.ea_box .left_input,.profile-screen section.ea_box .right_input{float:none;width:100%}.profile-screen section.ea_box .left_input{margin-bottom:0}.profile-screen section.ea_box .right_input{display:grid;grid-gap:32px;gap:32px}.profile-screen section.ea_box .right_input .alt_phone_div{margin-bottom:0}.profile-screen section.ca_box div.column h3,.profile-screen section.ea_box div.column h3{margin:0 0 8px;font-size:18px;font-weight:700;color:#12263a}.profile-screen section.ca_box div.column ul,.profile-screen section.ea_box div.column ul{display:grid;grid-gap:10px;gap:10px;border:0;overflow:visible;background:transparent}.profile-screen section.ca_box div.column ul li,.profile-screen section.ea_box div.column ul li{height:auto;min-height:54px;border:1px solid #e4e4e4;border-radius:16px;background:#fff}.profile-screen section.ca_box div.column ul li label,.profile-screen section.ea_box div.column ul li label{height:auto;padding:15px 16px;display:flex;align-items:center;justify-content:space-between;grid-gap:10px;gap:10px}@media (hover:hover) and (pointer:fine){.profile-screen section.ca_box div.column ul li:hover,.profile-screen section.ea_box div.column ul li:hover{background:#f5f5f5;border-color:#ccc}}.profile-screen section.ca_box div.column ul li input:checked+label,.profile-screen section.ea_box div.column ul li input:checked+label{height:auto;border-radius:15px;background-color:#eef4ff;color:#12263a;box-shadow:inset 0 0 0 1px #a8c0e8}.profile-screen section.ca_box div.column ul li input:checked.disabled+label{background-color:#eef2f5!important;color:#90a0b2}.profile-screen .ant-picker,.profile-screen .react-tel-input .form-control,.profile-screen .Time-picker .MuiOutlinedInput-root,.profile-screen textarea{border:1px solid transparent!important;border-radius:14px!important;box-shadow:none!important;background:#f2f2f2!important;background:var(--tertiary-background)!important;color:#242424!important;color:var(--primary-text)!important}.profile-screen textarea{width:100%;min-height:160px;padding:16px 18px!important;outline:none;resize:vertical;color:#242424;color:var(--primary-text);font-size:15px!important;font-family:"Inter",sans-serif!important}.profile-screen #calendar_container{margin:0 0 28px!important;padding:0!important}.profile-screen #calendar_container>label{border:none!important;margin:0!important;padding:0!important}.profile-screen #calendar_container .date-picker-input-shell{position:relative;display:inline-block;width:min(100%,240px);min-width:220px;max-width:100%}.profile-screen #calendar_container .date-picker-input-field{width:min(100%,240px);min-width:220px;max-width:100%}.profile-screen #calendar_container .date-picker-input-field .MuiOutlinedInput-root{height:56px;padding-right:6px;border-radius:14px!important;background:#f2f2f2!important;background:var(--tertiary-background)!important;box-shadow:none!important}.profile-screen #calendar_container .date-picker-input-field .MuiOutlinedInput-notchedOutline,.profile-screen #calendar_container .date-picker-input-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,.profile-screen #calendar_container .date-picker-input-field .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border:1px solid transparent!important}.profile-screen #calendar_container .date-picker-input-field input{padding:16px 18px!important;font-size:15px!important;font-family:"Inter",sans-serif!important;color:#242424!important;color:var(--primary-text)!important;caret-color:transparent;cursor:pointer}.profile-screen #calendar_container .date-picker-input-field .MuiInputAdornment-root{margin-left:0}.profile-screen #calendar_container .date-picker-input-field .MuiIconButton-root{margin-right:2px}.profile-screen .react-tel-input .form-control{width:100%!important;height:54px!important;padding-left:52px!important;color:#12263a!important}.profile-screen .react-tel-input .flag-dropdown{border:none!important;background:transparent!important}.profile-screen .react-tel-input .selected-flag{border-radius:14px 0 0 14px!important;background:#f2f2f2!important;background:var(--tertiary-background)!important}.profile-screen .Time-picker .MuiOutlinedInput-notchedOutline,.profile-screen .Time-picker .MuiOutlinedInput-root.Mui-focused fieldset,.profile-screen .Time-picker .MuiOutlinedInput-root:hover fieldset,.profile-screen .Time-picker fieldset{border:0!important}.profile-screen .Time-picker .MuiOutlinedInput-root{padding:0 14px!important;height:52px!important;font-size:15px!important;font-family:"Inter",sans-serif!important;border:none!important;outline:none!important}.profile-screen .Time-picker .MuiOutlinedInput-input,.profile-screen .Time-picker .MuiOutlinedInput-root input{color:#242424!important;-webkit-text-fill-color:#242424!important}.profile-screen .attachment-file-meta,.profile-screen .attachment-help-text,.profile-screen .attachment-progress-label,.profile-screen .attachment-simulated-note{color:#627487}.profile-screen .attachment-status-card{border:1px solid #d9e4ef;border-radius:18px;background:#f8fbff}.profile-screen .attachment-file-name{color:#12263a}.profile-screen .attachment-remove-btn{color:#165dff;text-decoration:none;font-weight:700}.profile-screen .attachment-progress-bar{height:10px;background:#e3ebf4}.profile-screen .attachment-progress-bar span{background:linear-gradient(90deg,#1f8f5f,#5acb84)}.profile-screen #btn_sbmt,.profile-screen #submit_btn,.profile-screen .accr-clear-btn{box-shadow:none}.profile-screen #btn_sbmt,.profile-screen #submit_btn{height:auto;margin-top:22px;padding:16px 20px;border-radius:18px;font-size:15px;font-weight:700}.profile-screen #submit_btn.clear_absence,.profile-screen section.ea_box #submit_btn{background:#0c2455;background:var(--accent-color)}.profile-screen #submit_btn.disabled,.profile-screen #submit_btn.disabled-btn,.profile-screen .disabled{background:#d7e1ec!important;color:#8b99aa!important;cursor:not-allowed!important;opacity:1!important}.profile-screen .accr-clear-btn{padding:11px 16px;border-radius:999px;background:#12263a}.profile-screen .header-error .header-wrapper{flex-direction:column;align-items:flex-start}.profile-screen .loading-data,.profile-screen .no-data-profile{align-items:flex-start}.profile-screen .loading-data .early_leave,.profile-screen .no-data-profile .early_leave{align-self:flex-start}@media screen and (max-width:767px){.profile-screen{padding:12px}.profile-screen .profile-header{padding:14px 18px;flex-direction:column;align-items:flex-start}.profile-screen .profile-userbar{width:100%;flex-direction:column;align-items:stretch}.profile-screen .header-wrapper .btn,.profile-screen .profile-box-top,.profile-screen .profile-box-top .early_leave,.profile-screen .profile-header .user.profile-user-card{width:100%}.profile-screen section.content.early-leave-section,.profile-screen section.contentca.profile-box{padding:22px 18px;border-radius:22px}.profile-screen .header-wrapper{flex-direction:column;align-items:flex-start}.profile-screen .header-wrapper .header-title{font-size:26px}.profile-screen section.ea_box #calendar_container .date-picker-input-field input{color:#242424!important;color:var(--primary-text)!important;-webkit-text-fill-color:#242424!important;-webkit-text-fill-color:var(--primary-text)!important}.profile-screen section.ea_box #calendar_container .date-picker-input-field input::-webkit-input-placeholder{color:#6f7d8f!important;opacity:1;-webkit-text-fill-color:#6f7d8f!important}.profile-screen section.ea_box #calendar_container .date-picker-input-field input::placeholder{color:#6f7d8f!important;opacity:1;-webkit-text-fill-color:#6f7d8f!important}.profile-screen section.ea_box #calendar_container .date-picker-input-field .MuiIconButton-root,.profile-screen section.ea_box #calendar_container .date-picker-input-field .MuiInputAdornment-root,.profile-screen section.ea_box #calendar_container .date-picker-input-field .MuiSvgIcon-root{color:#516173!important;opacity:1}}:root{--accent-color:#0c2455;--primary-background:#f0f0f0;--secondary-background:#fff;--tertiary-background:#f2f2f2;--primary-text:#242424;--secondary-text:#565656;--hint-color:#bababa;--icon-color:#b2b2b2;--border-color:#e4e4e4;--error-color:#c93e3e;--font-size-12:12px;--font-size-14:14px;--font-size-16:16px;--font-size-20:20px;--font-size-24:24px;--font-size-32:32px;--font-size-40:40px;--space-2:2px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--space-32:32px;--space-40:40px}body,body *,body :after,body :before{font-family:"Inter",sans-serif}body{background-color:#f0f0f0!important;background-color:var(--primary-background)!important;color:#242424;color:var(--primary-text)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 16px;padding:var(--space-32) var(--space-16)}.auth-card{width:100%;max-width:502px;background:#fff;background:var(--secondary-background);border-radius:24px;padding:40px;padding:var(--space-40);border:1px solid rgba(12,36,85,.05)}.auth-card--contact{max-width:504px}.auth-card--status{max-width:440px}.auth-card--thankyou{max-width:488px;text-align:center}.auth-logo{width:auto;max-width:180px;max-height:120px;height:auto;display:block;margin:0 auto 24px;margin:0 auto var(--space-24)}.auth-copy{text-align:center;margin-bottom:32px;margin-bottom:var(--space-32)}.auth-copy--contact,.auth-copy--thankyou{margin-bottom:24px;margin-bottom:var(--space-24)}.auth-card--contact .auth-copy h1{font-size:24px;font-size:var(--font-size-24);line-height:1.2;letter-spacing:-.01em}.auth-card--thankyou .auth-copy h1{font-size:32px;font-size:var(--font-size-32);line-height:1.1;letter-spacing:-.02em}.auth-card--contact .auth-copy p{max-width:392px;font-size:14px;font-size:var(--font-size-14)}.thankyou-badge{width:64px;height:64px;margin:0 auto 24px;margin:0 auto var(--space-24);border-radius:999px;background:rgba(12,36,85,.08);display:flex;align-items:center;justify-content:center}.thankyou-badge-icon{font-size:22px;color:#0c2455;color:var(--accent-color)}.thankyou-message{max-width:360px;margin-left:auto!important;margin-right:auto!important}.auth-copy h1{margin:0;font-size:32px;font-size:var(--font-size-32);line-height:1.1;font-weight:700;color:#242424;color:var(--primary-text);letter-spacing:-.02em}.auth-copy p{margin:12px auto 0;margin:var(--space-12) auto 0;max-width:360px;font-size:16px;font-size:var(--font-size-16)}.auth-caption,.auth-copy p{line-height:1.5;color:#565656;color:var(--secondary-text)}.auth-caption{font-size:14px;font-size:var(--font-size-14);text-align:left}.auth-caption,.auth-section-title{margin:0 0 16px;margin:0 0 var(--space-16)}.auth-section-title{font-size:16px;font-size:var(--font-size-16);line-height:1.4;font-weight:700;color:#242424;color:var(--primary-text)}.auth-form{width:100%!important;margin:0!important}.auth-flow-content>div,.auth-form>div{border-bottom:0!important;margin-bottom:24px!important;margin-bottom:var(--space-24)!important}.auth-field label{position:static;display:block;margin-bottom:8px;margin-bottom:var(--space-8);font-size:14px;font-size:var(--font-size-14);line-height:1.4;font-weight:600;color:#565656;color:var(--secondary-text)}.auth-input-shell,.auth-select-shell{position:relative}.auth-field input,.auth-select{width:100%;height:52px!important;border:1px solid transparent;border-radius:14px;background:#f2f2f2!important;background:var(--tertiary-background)!important;color:#242424;color:var(--primary-text);outline:none;font-size:16px;font-size:var(--font-size-16);line-height:1.4;padding:0 16px!important;padding:0 var(--space-16)!important;box-shadow:none}.auth-field input{display:block}.auth-input-shell input{border:0!important}.auth-field input::-webkit-input-placeholder{color:#bababa;color:var(--hint-color)}.auth-field input::placeholder,.auth-select.is-placeholder{color:#bababa;color:var(--hint-color)}.auth-field input.has-error,.auth-select.has-error{border-color:rgba(201,62,62,.35)}.auth-select-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;grid-gap:var(--space-12);gap:var(--space-12)}.auth-select-grid .day-input,.auth-select-grid .month-input,.auth-select-grid .year-input{width:100%!important;min-width:0;margin:0!important;border:0!important;padding:0 40px 0 16px!important;padding:0 40px 0 var(--space-16)!important;height:52px!important;background:#f2f2f2!important;background:var(--tertiary-background)!important;color:#242424!important;color:var(--primary-text)!important}.auth-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none!important;padding-right:40px!important}.auth-select-icon{position:absolute;top:50%;right:16px;right:var(--space-16);-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:14px;color:#b2b2b2;color:var(--icon-color);pointer-events:none}.auth-message--error,.input-error,.login-error,.year-error{color:#c93e3e!important;color:var(--error-color)!important}.auth-message,.input-error,.login-error,.year-error{display:block;margin-top:8px;margin-top:var(--space-8);font-size:12px!important;font-size:var(--font-size-12)!important;line-height:1.4}.auth-login-error{display:flex;align-items:flex-start;width:100%;margin-top:16px;margin-top:var(--space-16);padding:14px 16px;border:1px solid rgba(201,62,62,.2);border-radius:14px;background:linear-gradient(180deg,#fff7f7,#fff1f1);box-sizing:border-box;text-align:left}.auth-login-error-copy{min-width:0}.auth-login-error-title{display:block;margin:0 0 4px;font-size:13px;line-height:1.4;font-weight:700;color:#c93e3e;color:var(--error-color)}.auth-login-error .login-error{margin:0;font-size:13px!important;line-height:1.5;color:#7a1f1f!important}#log_in_button.auth-submit,.auth-submit,.submit-parent-contact.auth-submit{width:100%;height:48px;margin-top:8px;margin-top:var(--space-8);border:0;border-radius:14px;background:#0c2455;background:var(--accent-color);color:#fff;color:var(--secondary-background);font-size:16px;font-size:var(--font-size-16);font-weight:600;box-shadow:none;cursor:pointer}.auth-submit:disabled{opacity:.7;cursor:default}.thankyou-button{margin-top:0}.auth-button-loader{display:inline-flex;height:20px}.auth-button-loader,.auth-status{align-items:center;justify-content:center}.auth-status{display:flex;min-height:56px}.auth-options{list-style:none;display:grid;grid-gap:12px;gap:12px;grid-gap:var(--space-12);gap:var(--space-12);margin:0 0 8px!important;margin:0 0 var(--space-8)!important;padding:0}.auth-option{position:relative;padding:0;margin:0}.auth-option-label{position:relative;display:flex;align-items:center;grid-gap:16px;gap:16px;grid-gap:var(--space-16);gap:var(--space-16);width:100%;min-height:48px;padding:12px 16px;padding:var(--space-12) var(--space-16);cursor:pointer;border:1px solid #e4e4e4;border:1px solid var(--border-color);border-radius:14px;background:#fff;background:var(--secondary-background);transition:border-color .2s ease-in-out,background-color .2s ease-in-out}.auth-option-label.is-selected{border-color:#0c2455;border-color:var(--accent-color);background:rgba(12,36,85,.04)}.auth-option-input{position:absolute;inset:0;opacity:0;cursor:pointer}.auth-option-control{position:relative;flex:0 0 18px;width:18px;height:18px;border:1.5px solid #b2b2b2;border:1.5px solid var(--icon-color);border-radius:999px;background:#fff;background:var(--secondary-background);transition:border-color .2s ease-in-out}.auth-option-label.is-selected .auth-option-control{border-color:#0c2455;border-color:var(--accent-color)}.auth-option-input:checked+.auth-option-control:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:999px;background:#0c2455;background:var(--accent-color);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.auth-option-text{margin:0;font-size:16px;font-size:var(--font-size-16);line-height:1.5;color:#242424;color:var(--primary-text)}.auth-back-btn{display:inline-flex;align-items:center;grid-gap:8px;gap:8px;grid-gap:var(--space-8);gap:var(--space-8);padding:0;margin-bottom:16px;margin-bottom:var(--space-16);background:transparent;border:0;color:#565656;color:var(--secondary-text);font-size:14px;font-size:var(--font-size-14);font-weight:500;cursor:pointer}.auth-back-btn .icon-fa,.auth-back-btn .icon-fa svg{color:#b2b2b2;color:var(--icon-color)}.auth-text-link,a.other_forms.auth-text-link,button.other_forms.auth-text-link{display:block;margin:16px auto 0;margin:var(--space-16) auto 0;width:auto;height:auto;padding:0;color:#c93e3e;color:var(--error-color);font-size:14px;font-size:var(--font-size-14);font-weight:600;text-decoration:underline;text-align:center;box-shadow:none}.parent-contact-list .mac-ul-box.auth-flow-content ul{width:100%;margin:0 0 8px;margin:0 0 var(--space-8);margin-left:0;margin-right:0;margin-top:0;padding:0}.parent-contact-list .mac-ul-box.auth-flow-content li{padding:0;border-top:0;border-bottom:0}.parent-contact-list .mac-ul-box.auth-flow-content li:first-child{border-top:0}.parent-contact-list .mac-ul-box.auth-flow-content .auth-option-label,.parent-contact-list .mac-ul-box.auth-flow-content li label{margin-left:0}.auth-text-link:hover,a.other_forms.auth-text-link:hover,button.other_forms.auth-text-link:hover{text-decoration:none}.thankyou-link{margin-top:12px;margin-top:var(--space-12)}.logout-button,button.action{border:0;background:transparent;cursor:pointer;font-family:inherit}.login_wrap.login-page-box,section.cardindex.parent-contact-list{background:transparent;box-shadow:none;border:0;padding:0}.mac-ul-box.auth-flow-content{margin-bottom:0}.mac-ul-box.auth-flow-content ul{width:100%;margin:0 0 8px}.loader-login{margin-top:0}@media screen and (max-width:640px){.auth-page{padding:16px;padding:var(--space-16);align-items:flex-start}.auth-card{max-width:100%;padding:32px 24px;padding:var(--space-32) var(--space-24);border-radius:20px}.auth-logo{width:104px}.auth-copy,.auth-logo{margin-bottom:24px;margin-bottom:var(--space-24)}.auth-copy h1{font-size:24px;font-size:var(--font-size-24)}.auth-copy p,.auth-field input,.auth-option-text,.auth-select{font-size:14px;font-size:var(--font-size-14)}.auth-select-grid{grid-gap:8px;gap:8px;grid-gap:var(--space-8);gap:var(--space-8)}.auth-section-title{font-size:16px;font-size:var(--font-size-16)}.auth-card--thankyou .auth-copy h1{font-size:24px;font-size:var(--font-size-24)}}@media screen and (max-width:520px){.auth-select-grid{grid-template-columns:1fr}.profile-screen #calendar_container .date-picker-input-field,.profile-screen #calendar_container .date-picker-input-shell{width:100%;min-width:0}}details,summary{display:block}details.details_shim_closed>*{display:none}details.details_shim_closed>summary,details.details_shim_open>summary{display:block}
/*# sourceMappingURL=main.a9e6837b.chunk.css.map */