.main_nav_top_container{align-items:center;background-color:#242850;display:flex;height:45px;justify-content:space-between;padding:0 100px;width:100%}.main_logo{color:#f5f5f5;cursor:pointer;letter-spacing:3px}.user_profile{align-items:center;display:flex}.logged_in_user_details,.user_initials{align-items:center;display:flex;justify-content:center}.user_initials{background-color:#fff;border-radius:50%;cursor:grab;font-size:13px;height:30px;text-transform:uppercase;width:30px}.logout_user_btn{background-color:transparent;border:none;color:#da6034;cursor:pointer;height:45px;margin-right:40px;padding:0 20px;transition:all .3s ease}.logout_user_btn:hover{background-color:#ff4500;color:#fff}.name_type{color:#f5f5f5;font-size:14px;font-weight:400;line-height:18px;margin-right:30px;text-align:right;text-transform:uppercase}.user_type{font-size:11px;font-weight:700}.class_teacher_dashboard_container{display:flex;height:calc(100vh - 45px)}.details_contents{height:100%;padding:8px;width:80%}.left_dashboard_menu{background-color:rgba(0,0,0,.5);border-top:2px solid hsla(0,0%,100%,.5);height:calc(100vh - 45px);padding:15px;width:280px}.school_grade_titles{margin-bottom:20px}.school_title{color:#fff;font-size:18px;text-transform:uppercase}.grade_title{border-left:8px solid #00ffea;display:inline-block;font-size:15px;padding:0 10px}.grade_title,.information_btn{color:#fff;cursor:pointer;text-transform:uppercase}.information_btn{align-items:center;border:2px solid #fff;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:6px 12px;transition:all .3s ease}.information_btn:hover{background-color:#fff;color:#242850}.information_btn:hover .info_icon{color:#242850}.students_btn{align-items:center;border:2px solid #fff;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:18px;padding:6px 12px;text-transform:uppercase;transition:all .3s ease}.students_btn:hover{background-color:#fff;color:#242850}.students_btn:hover .std_icon{color:#242850}.add_new_student_main_btn{align-items:center;background-color:transparent;border:2px solid #fff;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;margin-bottom:18px;padding:6px 12px;text-transform:uppercase;transition:all .3s ease;width:100%}.add_new_student_main_btn:hover{background-color:#fff;color:#242850}.btn_link{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:5px;padding:0 15px;transition:all .3s ease}.btn_link:hover{padding-right:10px}.btn_link:hover p{font-weight:400}.btn_link p{color:#f5f5f5;display:inline-block;font-family:sans-serif;font-weight:lighter;transition:all .3s ease}.student_link_icon{align-items:center;display:flex}.information_link_btns{margin:20px 0}.the_class_list{align-items:flex-start;display:flex;justify-content:space-between;width:100%}.sin_student_list_display{align-items:center;display:flex;flex-direction:column;justify-content:flex-end;width:100%}.sl_header{align-items:center;display:flex;padding:20px}.back_to_student_select_btn{align-items:center;background-color:#ff4500;border-radius:6px;color:#f5f5f5;cursor:pointer;display:flex;height:40px;justify-content:space-between;margin-right:30px;padding:8px 20px 8px 12px;text-decoration:none;transition:all .3s ease;width:100px}.back_to_student_select_btn:hover{opacity:.6;padding:8px}.sl_title{color:#f5f5f5;font-size:25px;font-weight:400;text-transform:uppercase}.sin_student{background-color:#fff;border-radius:3px;margin-bottom:8px;padding:0 0 0 20px;width:60%}.sin_min_details,.sin_student{align-items:center;display:flex;justify-content:space-between}.sin_min_details{width:40%}.sin_more_btn{color:blue;cursor:pointer;font-size:12px;padding:3px 15px;transition:all .3s ease}.sin_more_btn:hover{color:#07ff07;text-decoration:underline}.sin_gender,.sin_name{font-size:13px}.gender_select_box{display:flex}.return_to_student_btn{background-color:#ff4500;border-radius:6px;color:#fff;cursor:pointer;margin-top:80px;padding:8px 20px;text-align:center;transition:all .3s ease}.return_to_student_btn:hover{background-color:#fff;color:#ff4500;letter-spacing:2px}.has_access_control_page_container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:150px}.has_access_control_page_container h3{color:#f5f5f5;font-size:25px;font-weight:400}.detail_cont{align-items:center;display:flex;flex-direction:column;justify-content:center}.detail_cont p{color:#242850;font-size:35px}.detail_cont button{background-color:transparent;border:1px solid #fff;color:#fff;cursor:pointer;margin-top:20px;outline:none;padding:8px 12px;text-transform:uppercase;transition:.5s;width:150px}.detail_cont button:hover{background-color:#fff;color:#242850;letter-spacing:2px}.setup_container{padding:20px}.setup_title{color:#f5f5f5;margin-bottom:8px}.setup_brief{color:#dad8d8;margin-bottom:12px}.error_page_container{height:90vh;width:100vw}.error_contents,.error_page_container{align-items:center;display:flex;justify-content:center}.error_contents{flex-direction:column}.error_contents h3{color:#f5f5f5;font-size:100px;font-weight:bolder}.error_contents p{color:#111;font-size:50px;font-weight:lighter;text-transform:uppercase}.instructions_container{height:100%;position:relative;width:100%}.gender_visual{bottom:50px;position:absolute;right:50px}.section_title{border-left:8px solid #acdef3;color:#acdef3;font-size:25px;font-weight:700;letter-spacing:3px;padding-left:8px;text-transform:uppercase}.student_type{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:12px;padding:15px 25px;width:250px}.femaleType{background-color:#3ece7c;color:#fff}.femaleType,.maleType{box-shadow:-3px -3px 8px rgba(0,0,0,.342),5px 5px 8px rgba(0,0,0,.342)}.maleType{background-color:#fff}.sect_navigator{margin-left:25px;margin-top:15px}.control_btn{background-color:#fff;border-radius:5px;color:#01a1e7;cursor:pointer;display:inline-block;font-size:15px;margin-bottom:15px;margin-right:8px;padding:5px 9px;transition:all .3s ease}.control_btn:hover{opacity:.5}.instructions_details_container{margin-left:30px;margin-top:15px}.idc_contents{margin-left:20px}.idc_contents p{background-color:#fff;border-radius:5px;cursor:pointer;font-size:12px;margin:12px 100px 12px 12px;padding:8px 12px;transition:all .5s ease}.idc_contents p:hover{opacity:.8}.idc_title{color:#f5f5f5;font-size:20px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.combined_title{cursor:pointer;justify-content:flex-start;margin:20px 50px;width:300px}.cm_num,.combined_title{align-items:center;display:flex}.cm_num{background-color:#242850;border-radius:6px;box-sizing:border-box;color:#fff;height:50px;justify-content:center;margin-right:15px;padding:15px;width:50px}.cm_name{color:#fff;font-size:20px}.left_observations_panel{display:flex}.vertical_bar{align-items:center;display:flex;flex-direction:column;margin-left:50px;margin-top:30px;width:20px}.dot{border:2px solid #fff;border-radius:50%;height:20px;width:20px}.pipe{background-color:#fff;border-radius:8px;width:2px}.first_pipe{height:100px}.second_pipe{height:200px}.observations_controls{margin-left:20px;margin-top:15px}.ob_btn{background-color:transparent;border:2px solid #fff;border-radius:8px;color:#fff;display:block;margin-bottom:1px;outline:none;padding:12px 20px;transition:all .3s ease;width:200px}.ob_btn:hover{opacity:.6}.btn_social{margin-top:37%}.observations_section{display:flex}.right_observations_panel{flex:1 1;margin-left:110px;padding:0 20px}.ob_main_btn{cursor:pointer;display:flex;margin-bottom:5px;transition:all .3s ease}.ob_main_btn:hover{opacity:.6}.ob_main_btn:hover .ob_title_name{letter-spacing:5px}.ob_left_num{align-items:center;background-color:#3ece7c;border-radius:8px 0 0 8px;color:#f5f5f5;display:flex;height:60px;justify-content:center;letter-spacing:2px;width:60px}.ob_title_name{font-size:25px;transition:all .3s ease;width:65%}.ob_icon,.ob_title_name{align-items:center;background-color:#f5f5f5;display:flex;height:60px;justify-content:center}.ob_icon{border-radius:0 8px 8px 0;color:#242850;margin-left:5px;width:60px}.ob_children{padding-left:30px;padding-right:30px;padding-top:5px;transition:all .3s ease}.ob_children p{color:#f5f5f5;font-size:13px;margin-bottom:3px}.top_main_title{justify-content:space-between;margin-right:20px}.editing_controls,.top_main_title{align-items:center;display:flex}.editing_controls_btns{border-radius:4px;cursor:pointer;font-size:13px;margin-left:12px;padding:5px 15px;text-align:center;transition:all .3s ease}.editing_controls_btns:hover{letter-spacing:1px;opacity:.6}.enable_editing{background-color:rgba(50,53,255,.829);color:#f5f5f5}.disable_editing{background-color:#fc6b36;color:#f5f5f5}.save_edited{background-color:rgba(0,151,8,.829);color:#f5f5f5}.information_quadrants{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:90%;margin-top:20px}.lebler{color:#f5f5f5;font-size:12px;margin-right:20px;width:50px}.personal_quadrant{margin:8px 10px;padding:8px}.information_quadrants input{border:none;outline:none;padding:6px 12px}.quad_names{align-items:center;display:flex;justify-content:space-between}.quad_other_names .lebler{margin-left:8px}.quad_box{margin-bottom:8px}.quad_box,.quad_surnames{align-items:center;display:flex;justify-content:space-between}.identity,.quad_surnames input{flex:1 1}.gender{border:none;margin-right:60%;outline:none;padding:6px 12px;width:200px}.dob_container{display:flex}.quad_dob_cont{margin-right:10px}.quad_dob_year{margin-right:0}.addressing_quadrant{margin:8px 10px;padding:8px}.addressing_quadrant .lebler{width:110px}.addressing_quadrant textarea{border:none;flex:1 1;outline:none;width:100%}.quad_address_box{display:flex;flex-direction:column;margin-bottom:8px}.quad_contacts{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.occupation_quadrant{margin:8px 10px;padding:8px}.quad_occupation_boxes{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;padding-right:200px}.quad_occupation_boxes .lebler{width:100px}.quad_occupation_boxes input{flex:1 1}.culture_quadrant{margin:8px 10px;padding:8px}.quad_culture_box{display:flex;flex-direction:column;margin-bottom:8px}.top_main_title{margin-bottom:20px}.exemption_message{align-items:center;background-color:transparent!important;border:1px solid #fff;color:#fff;display:flex;justify-content:space-between;padding:0 20px}.schools_attended_messages{background-color:#fff;border-radius:4px;height:35px;margin-bottom:8px;width:100%}.date_box{align-items:center;display:flex;justify-content:center;margin-right:8px}.date_label{font-size:12px;margin-right:3px}.big_date_title{font-weight:700;margin-right:15px;text-transform:uppercase}.date_input{background-color:#fff;border:none;border-radius:3px;outline:none;padding:0 8px;text-align:center;width:90px}.decision_box,.message_dots{align-items:center;display:flex}.decision_box{cursor:pointer;justify-content:center;margin-right:15px;transition:all .3s ease}.radio_box{border:1px solid #fff;border-radius:50%;height:10px;margin-right:5px;padding:8px;transition:all .3s ease;width:10px}.age_entry,.date_boxes,.message_dates{align-items:center;display:flex}.age_entry{justify-content:space-between;padding:0 20px}.age_entry_input{background-color:#c9c9c9;border:none;outline:none;padding:3px 8px;text-align:center}.schools_left_details{border:1px solid #fff;display:grid;grid-template-areas:"adminNo name name name name name name name madium adminInfo adminInfo dapInfo dapInfo" "adminNo name name name name name name name madium adminDate adminGrade depDate depGrade";grid-template-columns:repeat(13,1fr);grid-template-rows:repeat(2,1fr);margin-top:30px}.admission_no{grid-area:adminNo}.admission_no,.name_of_school{align-items:center;background-color:rgba(0,0,0,.1);border-left:.0001rem solid #fff;color:#fff;display:flex;font-size:13px;justify-content:center;text-align:center}.name_of_school{grid-area:name}.medium{grid-area:madium}.admision_info,.medium{align-items:center;background-color:rgba(0,0,0,.1);border-left:.0001rem solid #fff;color:#fff;display:flex;font-size:13px;justify-content:center;text-align:center}.admision_info{grid-area:adminInfo}.admission_date{grid-area:adminDate}.admission_date,.admission_grade{align-items:center;background-color:rgba(0,0,0,.1);border-left:.0001rem solid #fff;border-top:.0001rem solid #fff;color:#fff;display:flex;font-size:13px;justify-content:center;text-align:center}.admission_grade{grid-area:adminGrade}.departure_info{align-items:center;background-color:rgba(0,0,0,.1);border-left:.0001rem solid #fff;color:#fff;display:flex;font-size:13px;grid-area:dapInfo;justify-content:center;text-align:center}.departure_date{grid-area:depDate}.departure_date,.departure_grade{align-items:center;background-color:rgba(0,0,0,.1);border-left:.0001rem solid #fff;border-top:.0001rem solid #fff;color:#fff;display:flex;font-size:13px;justify-content:center;text-align:center}.departure_grade{grid-area:depGrade}.school_left_box{margin-bottom:5px}.school_left_box input{margin-right:3px;padding:5px 8px}.input_admin_no{border:none;outline:none;width:calc(7.692% - 3px)}.input_school_name{border:none;outline:none;width:calc(53.846% - 3px)}.input_date_of_admission,.input_date_of_departure,.input_grade_of_admission,.input_grade_of_departure,.input_medium{border:none;outline:none;width:calc(7.692% - 3px)}.schools_left_sections{margin-top:20px}.add_left_school{align-items:center;background-color:#fff;border-radius:4px;cursor:pointer;display:flex;justify-content:center;margin-top:30px;padding:5px;transition:all .3s ease-in;width:120px}.add_left_school:hover{background-color:#9da2db;border-left:5px solid rgba(0,155,245,.959)}.add_left_school:hover .surround_border{border-color:#fff;color:#fff}.surround_border{align-items:center;border:2px dotted #242850;border-radius:50%;color:#242850;display:flex;height:40px;justify-content:center;width:40px}.physical_titles{display:grid;grid-template-areas:"date date gHealth gHealth problem problem hows hows prev prev prev";grid-template-columns:repeat(11,1fr)}.phy_date{grid-area:date;text-align:center}.phy_general_health{grid-area:gHealth;text-align:center}.phy_problem{grid-area:problem;text-align:center}.phy_how{grid-area:hows;text-align:center}.phy_previous{grid-area:prev;text-align:center}.physical_titles div{align-items:center;background-color:rgba(0,0,0,.2);border-left:2px solid #fff;color:#fff;display:flex;font-size:11px;justify-content:center;padding:8px 0}.physical_conditions{margin-top:5px}.actual_conditions{margin-top:30px}.physical_date,.physical_general_health,.physical_how_part,.physical_problem{border:none;margin-right:2px;outline:none;padding:2px;width:calc(18.181% - 2px)}.physical_previous_illness{border:none;outline:none;padding:2px;width:27.2727%}.psychometric_data_titles{background-color:rgba(0,0,0,.151);border:1px solid #fff;display:grid;grid-template-areas:"date date name name name grade tester tester rewards rewards rewards rewards rewards rewards";grid-template-columns:repeat(14,1fr)}.psychometric_data_titles div{color:#fff;font-size:13px;padding:2px}.psy_date{grid-area:date}.psy_date,.psy_name{border-left:1px solid #fff;text-align:center}.psy_name{grid-area:name}.psy_grade{grid-area:grade}.psy_grade,.psy_tester{border-left:1px solid #fff;text-align:center}.psy_tester{grid-area:tester}.psy_remarks{border-left:1px solid #fff;grid-area:rewards;text-align:center}.psych_data_box input{border:none;outline:none;padding:2px}.input_pych_date{margin-bottom:5px;margin-right:2px;width:calc(14.2857% - 2px)}.input_pych_name{margin-right:2px;width:calc(21.42857% - 2px)}.input_pych_grade{margin-right:2px;width:calc(7.14286% - 2px)}.input_pych_tester{margin-right:2px;width:calc(14.2857% - 2px)}.input_pych_remarks{margin-right:2px;width:calc(42.8571% - 2px)}.pych_data_list_container{margin-top:30px}.threeBtns{align-items:center;display:flex;justify-content:flex-start}.threeBtns div{background-color:rgba(0,0,0,.171);border-bottom:5px solid transparent;color:#fff;cursor:pointer;margin-right:10px;padding:5px 12px;transition:all .3s ease}.threeBtns div:hover{opacity:.6}.learning_disabilities_title_box{background-color:#f5f5f5;margin-top:20px;padding:8px 15px}.learning_disabilities_content_box{align-items:center;display:flex;height:60vh;justify-content:center;padding:8px;position:relative}.learning_disabilities_content_box textarea{border:none;bottom:0;display:block;left:0;margin-top:8px;outline:none;padding:8px 15px;position:absolute;right:0;top:0;width:100%}.control_btns{display:flex}.control_btns div{border:2px solid #fff;border-radius:5px;color:#fff;cursor:pointer;font-size:13px;margin-right:5px;padding:5px 8px;transition:all .3s ease}.control_btns div:hover{background:linear-gradient(hsla(0,0%,77%,.5),rgba(53,185,241,.5));border-color:hsla(0,0%,100%,.322)}.ob_title_box{background-color:#fff;border-radius:5px;margin-bottom:15px;margin-top:20px;padding:5px 8px}.ob_section_titles{display:flex}.ob_section_titles div{background-color:#fff;margin-right:5px;padding:5px 8px}.ob_grade,.ob_year{width:calc(20% - 5px)}.ob_report{width:calc(60% - 5px)}.ob_section_content_box{margin-top:10px}.ob_section_content{margin-bottom:3px}.ob_section_content input{border:none;margin-right:5px;outline:none;padding:2px}.phase_box{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.phase_title{background-color:#fff;border-radius:3px;padding:4px 12px;width:600px}.phase_btns{align-items:center;display:flex;flex:1 1;justify-content:flex-end;margin-left:5px;padding:3px}.phase_btns button{background-color:transparent;border:1px solid #fff;border-radius:3px;color:#fff;margin-right:6px;outline:none;padding:4px 12px;transition:all .3s ease}.phase_btns button:hover{background:linear-gradient(#fff,#fff)}.english_home_title,.grade_name_title,.level_title,.year_title{background-color:#fff;font-size:13px;margin-right:5px;padding:4px 12px;width:300px}.english_home_box,.grade_box_first,.leve_grade_box,.year_month_box{display:flex;margin-bottom:5px}.english_home_box input,.grade_box_first input,.leve_grade_box input,.year_month_box input{border:none;margin-right:3px;outline:none;padding:4px;text-align:center;width:65px}.english_home_box~div,.grade_box_first~div,.leve_grade_box~div,.year_month_box~div{font-size:13px}.schola_phase_2{margin-top:30px}.sa_subject_box{display:flex;margin-bottom:5px}.sa_subject_title{background-color:#fff;border:none;font-size:13px;margin-right:5px;outline:none;padding:4px 12px;width:300px}.sa_subject_input_fields input{border:none;margin-right:3px;outline:none;padding:4px;text-align:center;width:65px}.schola_phase_3{margin-top:50px}.schola_phase_3~div~div{background-color:#fff}.ag_title,.al_title,.pf_title,.sat_title,.satd_title{align-items:center;background-color:#fff;display:flex;font-size:10px;margin-right:5px;padding:4px 10px;width:300px}.ag_input_boxes input,.al_input_boxes input,.pf_input_boxes input,.sat_input_boxes input,.satd_input_boxes input{border:none;margin-right:3px;outline:none;padding:4px;text-align:center;width:65px}.average_grade_box,.average_learner_box,.pass_fail_box,.satd_detail_box,.school_attendance_box{display:flex;margin-bottom:5px}.sa_add_subject{align-items:center;background-color:transparent;border:1px solid #fff;border-radius:3px;color:#fff;display:flex;justify-content:space-between;margin-top:15px;outline:none;padding:5px 15px;transition:all .3s ease;width:100px}.sa_add_subject:hover{opacity:.7;padding:5px 10px}.giLeft_btns{align-items:center;align-self:flex-start;display:flex;flex-direction:column;justify-content:center;width:300px}.giLeft_btns button{border:2px solid #fff;font-size:12px;margin-bottom:5px;outline:none;padding:10px 8px;transition:all .3s ease;width:280px}.giLeft_btns button:hover{opacity:.7}.giContainer{display:flex}.giRightContents{flex:1 1;height:80vh;padding:0 8px 8px}.gi_title_box{background-color:#f5f5f5;margin-bottom:12px;padding:8px 12px}.gi_content_title{color:#fff;font-size:14px;margin-bottom:8px;margin-top:15px}.gi_content_textarea{height:55px;position:relative}.gi_content_textarea textarea{border:none;bottom:0;font-size:12px;left:0;outline:none;padding:3px;position:absolute;right:0;top:0;width:100%}.gr_title{background-color:#fff;border-radius:5px;margin-bottom:12px;padding:8px 12px}.gr_remarks_box{border-radius:5px;height:80%;position:relative}.gr_remarks_box textarea{border:none;border-radius:5px;bottom:0;left:0;outline:none;padding:8px;position:absolute;right:0;top:0;width:100%}.add_new_student{align-items:center;background-color:rgba(36,40,80,.911);display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100vw;z-index:2000}.add_new_student_box{background-color:#fff;border-radius:20px;box-shadow:0 5px 25px rgba(0,0,0,.637);padding:50px 40px;position:relative}.add_new_student_title{border-left:5px solid #01a1e7;color:#111;font-weight:500;line-height:1em;margin-bottom:45px;padding-left:10px}.inputBox{height:46px;margin-bottom:35px;position:relative;width:300px}.inputBox:last-child{margin-bottom:0}.inputBox input{background:transparent;border:1px solid #01a1e7;border-radius:4px;box-sizing:border-box;font-weight:300;left:0;outline:none;top:0;width:100%}.inputBox input,.inputBox span{color:#111;font-size:16px;padding:10px;position:absolute}.inputBox span{display:inline-block;font-weight:300px;left:1px;pointer-events:none;top:1px;transition:.5s}.inputBox input:focus~span,.inputBox input:valid~span{font-size:12px;-webkit-transform:translateX(-10px) translateY(-32px);transform:translateX(-10px) translateY(-32px)}.inputBox input[type=submit]{background-color:#2196f3;border:none;color:#fff;cursor:pointer;font-weight:500;max-width:120px;transition:.5s}.inputBox input[type=submit]:hover{background-color:#dbdbdb;color:#111}.inputBox select{background:transparent;border:1px solid #01a1e7;border-radius:4px;box-sizing:border-box;color:#111;font-size:16px;font-weight:300;outline:none;padding:10px;width:100%}.exit_add_student{align-items:center;background-color:red;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:10px;top:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:.5s;width:30px}.exit_add_student:hover{background-color:#f76c3a;color:#111}.add_student_success{background-color:#fff;border-radius:20px;box-shadow:0 5px 25px rgba(0,0,0,.637);height:500px;padding:50px 40px;position:relative;width:400px}.success_contents_container{align-items:center;color:#2196f3;display:flex;flex-direction:column;justify-content:center}.success_message{font-size:20px;font-weight:500;margin:30px 0}.return_to_students_btn{background-color:#242850;border:none;border-radius:6px;color:#fff;outline:none;padding:8px 30px;transition:.5s}.return_to_students_btn:hover{opacity:.7}.student_select_contain{padding:12px}.title_header{align-items:center;display:flex;justify-content:space-between}.exit_select{background-color:#ff4500;border:2px solid #ff4500;border-radius:8px;color:#f5f5f5;cursor:pointer;-webkit-filter:drop-shadow(-3px -3px 4px hsla(0,0%,100%,.288)) drop-shadow(5px 5px 4px rgba(0,0,0,.473));filter:drop-shadow(-3px -3px 4px rgba(255,255,255,.288)) drop-shadow(5px 5px 4px rgba(0,0,0,.473));margin-right:50px;padding:8px 20px;text-align:center;text-decoration:none;transition:all .3s ease;width:150px}.exit_select:hover{background-color:#f5f5f5;color:#ff4500;letter-spacing:2px}.main_ssc_title{color:#f5f5f5;font-size:30px;font-weight:400;text-transform:uppercase}.main_ssc_label{border-left:8px solid #fff;color:#fff;font-size:25px;font-weight:lighter;margin-bottom:20px;margin-left:15px;padding-left:8px}.act_classes{grid-gap:20px;display:grid;grid-template-columns:repeat(4,minmax(200px,1fr));width:100%}.a_class_box{background-color:#f5f5f5;border-radius:8px;box-shadow:-2px -2px 2px rgba(0,0,0,.212),2px 2px 2px rgba(0,0,0,.212);height:200px;padding:8px;position:relative;transition:all .3s ease;width:250px}.a_class_box:hover{background:linear-gradient(hsla(0,0%,100%,.11),rgba(0,0,0,.11))}.a_class_box:hover .open_btn{border:2px solid #fff}.open_btn{background-color:#01a1e7;border:2px solid #fff;border-radius:8px;color:#fff;cursor:pointer;padding:8px 20px;position:absolute;right:10px;top:10px;transition:all .3s ease}.open_btn:hover{background-color:#242850}.num_of{margin-left:20px}.login_container{align-items:center;display:flex;height:93vh;justify-content:center;width:100%}.login_main_box{background-color:#fff;border-radius:20px;height:75vh;padding:20px;width:400px}.login_main_title{color:#242850;font-size:20px;font-weight:400;line-height:25px;margin-bottom:15px}.login_second_title{border-left:8px solid #01a1e7;font-size:22px;font-weight:700;padding-left:5px}.login_input_fields{position:relative}.inputs_box_container{align-items:center;display:flex;margin-bottom:25px}.inputs_box_container input{background-color:rgba(36,40,80,.726);border:none;border-radius:0 5px 5px 0;color:#fff;height:45px;outline:none;padding-left:12px;width:250px}.icon_box{align-items:center;background-color:#242850;border-radius:5px 0 0 5px;color:#fff;display:flex;height:45px;justify-content:center;width:45px}::-webkit-input-placeholder{color:#111}:-ms-input-placeholder{color:#111}::placeholder{color:#111}.login_inputs_container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:20px}.login_error_message{color:#ff4500;font-size:15px;margin-bottom:12px;padding:0 15px}.submit_btn{align-items:center;background-color:#01a1e7;border:none;border-radius:5px;color:#fff;display:flex;height:45px;justify-content:center;outline:none;overflow:hidden;position:relative;transition:.5s;width:295px}.submit_btn:hover{background-color:#242850;color:#fff}.submit_btn:hover .icona{-webkit-transform:translateX(0);transform:translateX(0)}.icona{position:absolute;right:15px;-webkit-transform:translateX(30px);transform:translateX(30px);transition:.5s}.create_account_btn,.forgot_password_btn{color:blue;cursor:pointer;display:block;font-size:14px;margin-bottom:5px;text-decoration:underline;transition:.5s}#user_creation{align-items:flex-start;flex-direction:column;justify-content:flex-start;width:295px}.create_account_btn:hover,.forgot_password_btn:hover{color:#ff4500}.create_account_container{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.create_account_main_box{background-color:#fff;border-radius:20px;height:80vh;padding:20px;position:relative;width:400px}.create_account_main_title{text-transform:uppercase}.create_details_main_form{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:20px}.create_details_main_form input,.create_details_main_form select{background-color:rgba(36,40,80,.699);border:none;border-radius:5px;color:#fff;margin-bottom:12px;outline:none;padding:8px 12px;width:350px}.create_details_main_form option{background-color:#242850}.create_details_btns{align-items:center;display:flex;justify-content:space-between;margin:5px 18px;width:350px}.aprove_create{background-color:#1fac2b;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 5px;transition:.5s;width:120px}.aprove_create:hover{background-color:#0b6413;letter-spacing:2px}.cancel_create{color:#ff4500;cursor:pointer;transition:.5s}.cancel_create:hover{color:#242850;-webkit-transform:translateX(-5px);transform:translateX(-5px)}.class_select,.create_email,.gender_select{margin-bottom:25px!important}.no_input_message{align-self:flex-start;color:#242850;color:#ff4500;font-size:12px;margin-bottom:4px;margin-left:5px}.create_details_container{position:relative}.error_box_container{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:12px;position:absolute;text-align:center;width:100%}.error_box_warning{background-color:#88d0da;border-radius:6px;color:#111;font-size:20px;font-weight:700;margin:30px 0;padding:12px;text-align:center}.error_box_try_again_btn{align-items:center;background-color:#ff4500;border:none;border-radius:6px;bottom:5px;color:#fff;cursor:pointer;display:flex;justify-content:center;left:50%;outline:none;overflow:hidden;padding:15px 12px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:.5s;width:300px}.chev_left,.chev_right{position:absolute}.chev_left{left:5px;-webkit-transform:translateX(-30px);transform:translateX(-30px)}.chev_right{right:5px;-webkit-transform:translateX(30px);transform:translateX(30px)}.error_box_try_again_btn:hover{background-color:#4e1c0a;letter-spacing:2px}.error_box_try_again_btn:hover .chev_left,.error_box_try_again_btn:hover .chev_right{-webkit-transform:translateX(0);transform:translateX(0)}.success_icon{color:#1baa1b;left:50%;margin-bottom:50px;position:relative;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.congrats_msg{font-size:25px;font-weight:700}.main_success_msg{font-size:20px;margin:5px 0;text-transform:uppercase}.password_warning{align-items:center;background-color:rgba(70,180,70,.678);border-radius:6px;color:#fff;display:flex;justify-content:space-between;margin-top:20px;padding:5px}.psg_wrn_title{font-size:12px;margin-left:8px}.return_to_login{background-color:#242850;border:none;border-radius:6px;color:#fff;margin-top:50px;outline:none;padding:8px 12px;text-transform:uppercase;transition:.5s;width:100%}.return_to_login:hover{background-color:#8c90bb;color:#000;letter-spacing:2px}.admin_dashboard_container{background-color:#fff;display:flex}.admin_side_panel{background-color:#000;min-height:calc(100vh - 45px);min-width:250px;padding:8px 12px}.admin_right_contents{padding:8px 12px}.admin_school_name{color:#fff;margin-bottom:20px}.classes_btn,.define_classes_btn,.unassigned_btn{background-color:transparent;border:1px solid #fff;border-radius:6px;color:#fff;cursor:pointer;display:block;margin-bottom:8px;outline:none;padding:8px 12px;transition:.5s;width:230px}.define_classes_btn:hover{letter-spacing:2px}.classes_btn:hover,.unassigned_btn:hover{letter-spacing:2px;opacity:.7}.unassigned_main_title{align-items:center;background-color:#e4e4e4;border-radius:6px;display:flex;justify-content:space-between;padding:8px;width:79vw}.unassigned_main_title p{color:#242850;font-size:22px;font-weight:700;text-transform:uppercase}.unassigned_main_title select{background-color:#fff;border:none;margin-right:30px;outline:none;padding:5px;width:200px}.unassigned_second_title{border-left:8px solid #01a1e7;font-size:22px;font-weight:500;margin-bottom:12px;margin-left:12px;margin-top:35px;padding-left:8px}.sin_teacher_box{align-items:center;background-color:#b0b8d1;border-radius:3px;display:flex;justify-content:space-between;margin-bottom:12px;margin-left:12px;padding:8px 20px}.assign_btn,.available_classes{border:none;outline:none;padding:5px 15px}.assign_btn{background-color:#2e8b57;color:#fff;cursor:pointer;transition:.5s;width:100px}.assign_btn:hover{background-color:#75b993;color:#242850;letter-spacing:2px}.teacher_name{flex:1 1}.all_classes{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-evenly}.classes_main_title{align-items:center;background-color:#e4e4e4;border-radius:6px;display:flex;justify-content:space-between;padding:8px;width:79vw}.classes_main_title p{color:#242850;font-size:22px;font-weight:700;text-transform:uppercase}.select_grade_bar{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.select_grade_title{background-color:#7691e0;color:#fff;padding:15px 20px}.select_grade_choices{padding-right:30px}.grade_sin_box,.select_grade_choices{align-items:center;display:flex;justify-content:center}.grade_sin_box{background-color:transparent;border:1px solid #01a1e7;height:50px;margin-left:6px;padding:15px;transition:.5s;width:50px}.grade_sin_box:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.sin_class{border-radius:5px;box-shadow:-3px -3px 8px rgba(0,0,0,.219),3px 3px 8px rgba(0,0,0,.253);margin-bottom:12px;margin-top:25px;max-width:250px;min-width:200px}.sin_class_title_bar{align-items:center;background-color:#242850;border-radius:5px 5px 0 0;display:flex;justify-content:space-between;padding:10px 15px}.sin_class_title_bar p{color:#fff}.sin_class_title_bar button{background-color:transparent;border:1px solid #fff;border-radius:5px;color:#fff;cursor:pointer;padding:3px 8px;transition:.5s;width:70px}.sin_class_title_bar button:hover{background-color:#fff;color:#111;letter-spacing:2px}.sin_class_details{background-color:#f5f5f5;border-radius:0 0 5px 5px;padding:10px}.sin_class_username{font-weight:700;text-transform:uppercase}.sin_class_userType{font-size:12px}.sin_class_unassign_btn{align-items:center;display:flex;justify-content:center;margin:8px 0}.sin_class_unassign{background-color:tomato;border:none;border-radius:6px;color:#fff;cursor:pointer;outline:none;padding:8px 12px;transition:.5s}.sin_class_unassign:hover{background-color:#ff4500;color:#f5f5f5;letter-spacing:2px}.unassign_teacher_container{align-items:center;background-color:rgba(36,40,80,.911);display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100vw;z-index:2000}.confirm_box_container{background-color:#fff;border-radius:6px;display:flex;flex-direction:column;height:400px;padding:12px;width:300px}.warning_title{align-items:center;background-color:#f5f5f5;display:flex;margin-bottom:12px;padding:8px;text-transform:uppercase}.warning_title p{font-size:20px;font-weight:700;margin-left:30px}.warning_descrip p{font-weight:700;margin-bottom:12px}.un_info_box{align-items:center;margin-bottom:4px}.un_info_box,.unassign_controls{display:flex;justify-content:space-between}.unassign_controls{margin-top:50%}.unassign_controls button{border:none;border-radius:6px;outline:none;padding:12px;text-transform:uppercase;transition:all .3s cubic-bezier(.96,.35,.1,.66);width:130px}.unassign_controls button:hover{letter-spacing:1px;opacity:.7}.un_unassign{background-color:#ff4500;color:#f5f5f5}.un_cancel{background-color:#ff0}.define_main_titles{font-size:30px;font-weight:700;margin-bottom:15px;margin-top:15px}.main_titles{align-items:center;display:flex;justify-content:space-between;width:1000px}.select_grade_container{display:flex}.select_grade_title_main{font-weight:700;letter-spacing:1px;text-transform:uppercase}.grade_box{align-items:center;border:2px solid #242850;border-radius:5px;color:#ff4500;cursor:pointer;display:flex;height:40px;justify-content:center;margin-right:12px;padding:12px;transition:.5s;width:40px}.grade_box:hover{opacity:.7;-webkit-transform:scale(1.2);transform:scale(1.2)}.current_grade_title{background-color:#f5f5f5;border-left:8px solid #01a1e7;font-weight:700;margin-bottom:12px;margin-top:20px;padding:12px;text-transform:uppercase}.class_item{background-color:#c9c9c9;border-radius:6px;display:flex;flex-direction:column;margin-bottom:12px;margin-right:15px;min-height:180px;padding:5px;width:200px}.class_display{border:1px solid #242850;border-radius:6px;font-size:15px;font-weight:700;margin-bottom:6px;outline:none;padding:8px;text-transform:uppercase}.class_item button{border:none;border-radius:6px;cursor:pointer;margin:4px 0;padding:10px;text-transform:uppercase;transition:.5s}.class_item button:hover{letter-spacing:1px;opacity:.5}.enable_editing_class{background-color:#0172a3;color:#f5f5f5}.save_changes{background-color:#005f00;color:#f5f5f5}.delete_class{background-color:#ad3205;color:#f5f5f5}.class_listing{display:flex;flex-wrap:wrap;margin-top:6px}.add_class_btn,.input_class{border:none;height:40px;margin-bottom:12px;outline:none;padding:8px}.input_class{background-color:#919191;border-radius:5px 0 0 5px;font-size:12px;font-weight:700;text-transform:uppercase;width:300px}.add_class_btn{background-color:#0172a3;border-radius:0 5px 5px 0;color:#fff;cursor:pointer;padding:8px 20px;text-transform:uppercase;transition:.5s}.add_class_btn:hover{background-color:#01a1e7;letter-spacing:1px}.instantiate_grades{background-color:#b93505;border:1px solid #b93505;border-radius:6px;color:#fff;cursor:pointer;padding:8px 12px;transition:.5s;width:200px}.instantiate_grades:hover{background-color:transparent;color:#111;letter-spacing:1px}.forgot_password_container{align-items:center;background-color:#242850;display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100vw}.forgot_password_box{background-color:#fff;border-radius:6px;box-shadow:-3px -3px 8px #000,2px 2px 4px hsla(0,0%,100%,.486);height:500px;padding:12px;position:relative;width:350px}.forgot_title{border-left:6px solid red;color:#ff4500;font-weight:700;margin-bottom:15px;padding-left:5px;text-transform:uppercase}.forgot_descrip{background-color:#f5f5f5;border-radius:6px;margin-bottom:12px;padding:8px}.forgot_input_box{align-items:center;display:flex;height:60px;justify-content:center;margin-bottom:12px;margin-top:30px;padding:15px;width:100%}.forgot_input,.forgot_input_title{position:absolute}.forgot_input{background-color:transparent;border:1px solid #242850;border-radius:6px;outline:none;padding:12px;width:80%}.forgot_input:focus .forgot_input_title{-webkit-transform:translateY(50px);transform:translateY(50px)}.forgot_submitter{background-color:#ff4500;border:1px solid #ff4500;border-radius:6px;bottom:20px;color:#f5f5f5;cursor:pointer;font-weight:700;padding:8px;position:absolute;transition:all .3s ease;width:150px}.forgot_submitter:hover{background-color:rgba(255,68,0,.39);border-color:#242850;color:#242850;letter-spacing:1px}*{box-sizing:border-box;font-family:sans-serif;margin:0;padding:0}body,html{min-height:100%}body{background:linear-gradient(35deg,rgba(41,171,226,.85),rgba(0,146,69,.85));background-position:50%;background-size:cover;margin:0;padding:0}
/*# sourceMappingURL=main.a91d755a.css.map*/