:root{ --orange:#F1592A; --blue:#69ACE5; --bg_black:#202121; --white:#fff; --black:#000; --grey:#4A4A4A; } @font-face {font-family: 'Poppins_Regular';src: url('/dashboard/fonts/Poppins/Poppins-Regular.ttf');} @font-face {font-family: 'Poppins_Semibold';src: url('/dashboard/fonts/Poppins/Poppins-SemiBold.ttf');} @font-face {font-family: 'Poppins_Medium';src: url('/dashboard/fonts/Poppins/Poppins-Medium.ttf');} @font-face {font-family: 'Poppins_Bold';src: url('/dashboard/fonts/Poppins/Poppins-Bold.ttf');} @font-face {font-family: 'OpenSans_Regular';src: url('/dashboard/fonts/Open_Sans/static/OpenSans-Regular.ttf');} h1{color: var(--white);font-family: 'Poppins_Medium';font-size: 34px;line-height: 22px;margin:0} h2{color: var(--black);font-family: 'Poppins_Medium';font-size: 24px;line-height: 22px;margin:0} h3{color: var(--bg_black);font-family: 'Poppins_Medium';font-size: 20px;line-height: 22px;margin:0} h4 {color: var(--bg_black);font-family: 'Poppins_Medium';font-size: 18px;line-height: 22px;margin:0} h5{color: var(--bg_black );font-family: 'Poppins_Regular';font-size: 14px;line-height: 22px;margin:0} h6{color: var(--grey);font-family: 'Poppins_Regular';font-size: 12px;line-height: normal;margin:0} img {height: 100%;width: 100%;object-fit: cover;} .cards{border:0;} body span.error{color:red ;} .dropdown .filter_arrows{color:var(--blue) ;} .navbar_PageTitle{color:var(--white);} .hand_waveflex .navbar_PageTitle {margin:0} body{overflow-x: hidden} .table-responsive{overflow-x:unset} .table_boxes {background:white;padding:20px;border-radius: 10px;box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.10);} .table_box {position: relative; } .btn:has(i) i{ margin-left: 10px;} #kt_app_page .btn.btn_light:hover{border:1px solid black;color:black;background:transparent} #kt_app_page .btn.btn_blue:hover{border:1px solid var(--blue);color:var(--blue);background:transparent} #kt_app_page .btn_blue:hover i{color:var(--blue)} .btn_light:hover i {color:black} .table_box:has(.heading_part.tab_gap) .dataTables_wrapper .table-responsive{ padding: 70px 20px 20px 20px;} .table_box:has(.heading_part) .heading_part { position: absolute; width: 100%; top: 0; left: 0; z-index: 1; padding: 15px 20px} .table_box:has(.heading_part) .dataTables_wrapper .table-responsive {padding: 50px 20px 20px 20px; background-color:white; box-shadow: 0px 0px 10px rgb(0 0 0 / 26%); border-radius: 15px;} .table_box:has(.section_topPart) .section_topPart { position: absolute; width: 100%; top: 0; left: 0; z-index: 1; padding: 15px 20px} .table_box:has(.section_topPart) .dataTables_wrapper .table-responsive {padding: 75px 20px 20px 20px; background-color:white; box-shadow: 0px 0px 10px rgb(0 0 0 / 26%); border-radius: 15px;} .dataTables_wrapper .row {background-color: #FEEEEA;margin: 12px 0px 10px 0px;box-shadow: 0px 0px 10px rgb(0 0 0 / 26%);border-radius: 10px;} .dataTables_wrapper .row .justify-content-md-start {background: white;border-top-left-radius: 10px;border-bottom-left-radius: 10px;padding: 0 15px;} .dataTables_wrapper .row .justify-content-md-end {background: white;border-bottom-right-radius: 10px;border-top-right-radius: 10px;padding: 0 15px;} .txt_field input{border:none} #kt_app_page .btn {color:var(--white);padding: 10px 20px;border-radius: 4px;box-shadow: 0px 2px 25px 0px rgba(0, 0, 0, 0.05);font-family: 'Poppins_Regular';font-size: 14px;line-height: normal;height: 43px;} #kt_app_page .btn_orange{background-color:var(--orange);padding: 10px 20px;} #kt_app_page .btn_transparent{background: #F3EFEC;color: var(--grey);} .btn i{color:var(--white);padding:0} .btn:hover i{color:var(--orange)} .anchor_flex{display: flex;align-items: center} #kt_app_page .btn.btn_orange:hover{border:1px solid var(--orange) ;background: transparent;color: var(--orange)} #kt_app_page .btn_light{background-color:#F3EFEC;color:var(--black);} .dflex{display: flex;justify-content: space-between;align-items: center} .btn_blue{background: linear-gradient(0deg, #69ACE5 0%, #69ACE5 100%), #FFF;} #kt_app_page .btn_light_blue{color:#69ACE5;background:white;border: 1px solid #69ACE5;} #kt_app_page .btn_light_blue i{color:#69ACE5} #kt_app_page .btn_light_blue:hover{background: linear-gradient(0deg, #69ACE5 0%, #69ACE5 100%), #FFF;color:var(--white);} #kt_app_page .btn_light_blue:hover i{color:var(--white)} .txt_white{color:var(--white)} body .txt_black{color:var(--black) ;} .form-control{appearance:revert} .txt_field textarea{resize:none} /*.table_padding{padding:15px}*/ .custom_row{row-gap: 10px} .hand_waveflex {display: flex;align-items: center;gap: 15px;} .hand_waveflex i{color:var(--white);font-size:16px} hand_waveflex h4{margin:0} .nav-pills .nav-link.active, .nav-pills .show>.nav-link, .nav-pills .nav-link{background: unset !important;color: unset !important;padding: 0} /*.container-fluid{padding:0px 20px}*/ .txt_field {display: flex; align-items: center; border-radius: 8px; border: 1px solid #BDBDBD; background: #FFF; padding: 0px 15px;margin-bottom: 15px;} .txt_field label,.txt_field input[type="text"],.txt_field input[type="email"],.txt_field input[type="tel"],.txt_field input[type="number"],.txt_field input[type="date"],.txt_field textarea{color: var(--grey); font-family: "Poppins_Regular"; font-size: 14px; line-height: 22px;background: unset;} .txt_field input[type="text"]::placeholder,.txt_field input[type="email"]::placeholder,.txt_field input[type="tel"]::placeholder,.txt_field input[type="number"]::placeholder,.txt_field input[type="date"]::placeholder,.txt_field textarea::placeholder{color: var(--grey); font-family: "Poppins_Regular"; font-size: 14px;} .txt_field label{font-family:"Poppins_Semibold"} .txt_field.custom_search {padding:8px 15px;width: 380px;height: 42px;} .txt_field.custom_search input{border:none;width:100%;} .txt_field.custom_search input::placeholder,.txt_field.custom_search i {color:#BDBDBD} input:focus-visible{outline: none} .section_topPart{display: flex;justify-content: space-between;align-items: center;margin-bottom:15px} body i.fa-solid.fa-ellipsis{color:var(--grey) !important;} .orange_color{color: var(--orange)} .form-label{color: var(--grey);font-family: 'Poppins_Bold';font-size: 14px;line-height:22px;margin:0} .txt_field:has(span) {padding: 10px 15px;} .txt_field:has(span) span {color: #4A4A4A; font-family: "Poppins_Regular";font-size: 14px;padding: 0px 20px;} .std_profile .txt_field .form-label {flex: unset; white-space: nowrap;} /*Global cSs End here*/ /* Header Css */ .custom_header {border-radius: 5px; background-image:url("/website/assets/images/sidebar.png");box-shadow: 0px 4px 35px 0px rgba(241, 89, 42, 0.10);padding: 0px 20px;} .profile_box {border: 1px solid white;overflow:hidden;border-radius: 50%;width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;background: var(--white);} .custom_user .username {color: var(--white);font-family: "Poppins_Medium";font-size: 18px;line-height: 22px;text-transform: capitalize;} .custom_notification span i {color: #FFD700;font-size: 24px;} .app-navbar{gap:30px;} .user_img {display: flex; gap: 10px; align-items: center;} .header_title {display: flex;align-items: center;;color: var(--white);font-family: "Poppins_Medium";font-size: 18px;line-height: 22px;text-transform: capitalize;} .header_title span.menu-link {display: flex;gap: 10px;} .header_title span.hand_wave_icon i{color: #FFF1F1;font-size:16px;} div#kt_app_wrapper {margin-top: 0;border-radius: 10px;background: #FEEEEA;box-shadow: 0px 4px 25px 0px rgba(57, 57, 57, 0.20);} .app-header{top:40px!important;margin:0;position: absolute !important; } .app-wrapper{padding-top:115px;} .app-page{margin:20px 20px 20px 0px;} .app-container{padding-left:10px!important;} [data-kt-app-header-minimize=on] .app-header{background-color: unset;} .custom_badge {position: relative;} span.badge.badge-xs.badge-danger {border-radius: 50%;background: #F1592A;display: flex;justify-content: center;align-items: center;font-size: 6px;font-family: "Poppins-SemiBold";color: white;position: absolute;top: 25px;right: 0;} /* SideBar Css */ span.danger {border-radius: 2px;background: rgba(180, 0, 0, 0.20);color:#B40000; padding: 5px 10px; font-size: 12px; font-family: 'Poppins_Medium';} body span.sucess{border-radius: 2px;background: rgba(130, 229, 105, 0.20);padding:5px 10px;color:#28C900;font-size: 12px;font-family: 'Poppins_Medium';} span.primary{background: rgba(105, 172, 229, 0.20);color: #0067BF;border-radius: 2px;padding: 5px 10px;} .menu-item .menu-content a {border-radius: 4px;padding: 10px 15px;display: flex;align-items: center;gap: 20px;color: var(--white);font-family: "Poppins_Semibold";font-size: 14px;line-height: 22px;} .menu-item .menu-content a .sidebar_icon i {color: white;font-size: 16px;} .menu-item .menu-content {padding: 0;} .menu-item .menu-content a:active, .menu-item .menu-content a:focus, .menu-item .menu-content a:hover{background-color:#f1592a59;} .app-sidebar-menu .menu-item .menu-content a.active{background: #F1592A;backdrop-filter: blur(3.5px);box-shadow: 0px 8px 15px 0px rgba(241, 89, 42, 0.30);} [data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-heading{color:var(--white)!important;font-family:"Poppins_Regular";font-size:12px!important;margin-bottom:5px;} .top_menu{margin-bottom:10px;} .chart-area1 {position: relative;border-radius: 50%;background: #f1592a21;} .app-sidebar{background-image:url("/website/assets/images/sidebar.png");padding:30px 20px} .app-sidebar-logo>a>img{height: 100% ! Important;} #kt_app_page button.add_experience.btn.btn-sm.btn_orange,#kt_app_page button.add_calculation.btn.btn-sm.btn_orange {padding:20px;display:flex;align-items:center;margin-left:auto;margin-bottom: 5px} #kt_app_page button.add_experience.btn.btn-sm.btn_orange i,#kt_app_page button.add_calculation.btn.btn-sm.btn_orange i{margin:0} .profile_setting .add_custom_new_field{display:flex;align-items: start;gap:20px} .profile_setting .add_custom_new_field .txt_field{width:100%} .profile_setting .experience_list ,.profile_setting .certification_list{display: flex;flex-wrap: wrap;align-items: center;gap: 20px;margin-top: 15px;padding: 10px 0;} .profile_setting .experience_list p , .profile_setting .certification_list p{background-color: #fff;border: 1px solid var(--orange);padding: 8px 15px;border-radius: 25px;font-size: 14px;color:#333333;font-weight: 600;box-shadow: 0 4px 8px var(--shadow-color);transition: all 0.3s ease} .profile_setting .experience_list p:hover, .profile_setting .certification_list p:hover {transform: scale(1.05);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);} .add_experience {background-color: var(--orange);color: white;padding: 10px 15px;border-radius: 30px;border: none;font-size: 16px;cursor: pointer;transition: background-color 0.3s ease;} .profile_setting .experience_list i ,.profile_setting .certification_list i {position: absolute;top: -8px;right: 5px;cursor: pointer;font-size: 18px;color:white;background:#f27c00;border-radius:50%;} /*Login bnner*/ .register_banner h5,.register_banner .btn{margin: 30px 0px} .login_bannner span {color: white;margin: auto;text-align: center;display: flex;justify-content: center;gap: 5px;margin-top: 30px;} .login_bannner span a {text-decoration: underline;} .login_bannner .login_form {padding: 80px;width: 100%;margin: auto;overflow-y:scroll;scrollbar-width:none;height:100vh} .login_bannner h1 {color:white;font-size:36px;text-align: center;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;align-self: stretch} .login_bannner{background-image:url("/website/assets/images/sidebar.png");background-size: contain;height:100vh} .login_bannner h5 {font-size: 16px;color: white;font-family: "Poppins_Regular";text-transform: capitalize;max-width: 80%;} .login_bannner label {margin-bottom:5px;color: white;font-family: "Poppins_Regular";font-size: 14px;line-height: normal;text-transform: capitalize;} .login_bannner .txt_field::placeholder{color: #BDBDBD;text-align: center;font-family: Poppins;font-size: 14px;font-style: normal;font-weight: 400;line-height: normal;} .login_bannner input#email::placeholder,.login_bannner input#password::placeholder {color: #BDBDBD;} .login_bannner .forget_pass_remember_me a{text-decoration:underline;font-size:16px;font-family: 'Poppins_Regular'} .login_bannner button.btn.btn_blue {width: 100%;text-align: center;} .filter_calendar_btn .btn_blue{border-radius: 4px;background: linear-gradient(0deg, #69ACE5 0%, #69ACE5 100%), #FFF;box-shadow: 0px 2px 25px 0px rgba(0, 0, 0, 0.05);padding: 10px 20px;} .login_bannner .row.rg_30 {row-gap: 30px;} .login_bannner .login_image {background: #F1592A;box-shadow: 0px 0px 35px 0px #FF8F6C inset;padding: 100px 0px;height:100vh;overflow: hidden} .login_bannner .login_image .banner_text_wrapper{padding:0px 20px} .login_bannner .moto_img {width:100%;height: 300px;margin: auto;} .login_bannner .moto_img img{width:100%;height:100%;object-fit:contain} .login_bannner img {width: 100%;height: 100%;object-fit: cover;} .login_bannner .login_logo {width: 280px;height: 80px;margin: auto;} body#kt_body {background-image: unset} .login_bannner h1.orange_textHeading span {color: var(--blue);} .login_bannner h1.orange_textHeading {max-width: 92%;line-height: 40px;margin: auto;font-size: 35px} .login_bannner .txt_field{padding:0px} .login_bannner h3 {color: var(--white);margin-top:15px;text-align: center;line-height: normal;} .login_bannner .custom_check_box label:before {border: 2px solid var(--blue);margin-right: 10px} .login_bannner .custom_check_box input[type="checkbox"]:checked + label:before{background:var(--blue);border: 2px solid var(--blue);} .login_bannner .custom_check_box input:checked + label:after{background: #000;border:unset} .login_banner a.btn.btn_blue.forget_pass_btn{width: 100%} /*Home Page*/ .teacher_profile .txt_field.bio_txt_area .form-label{flex:0 0 10%;padding-top:10px} .teacher_profile .txt_field.bio_txt_area {align-items:start;} .teacher_profile .txt_field.bio_txt_area textarea{border:none} .homePage_section .cards .txt_black{color:#000 ;} .homePage_section .cards.card_orange {background:var(--orange);} .homePage_section .cards.card_blue {background:var(--blue);} .homePage_section .cards.card_black {background:var(--bg_black);} .homePage_section .cards.card_four {background:#F9F9F9;} .homePage_section .cards i{font-size: 35px;color:var(--white)} .homePage_section .cards .school_icon{color: var(--orange)} .homePage_section .cards .award_icon{color:#E3AB57} .homePage_section .cards .book{color:var(--bg_black)} .homePage_section .cards{padding:15px;border-radius: 5px;background: var(--white);box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.10);} .homePage_section .card_header,.card_footer.mega_icons {display:flex;justify-content:space-between;align-items:center;} .homePage_section .card_header{margin-bottom:40px} .homePage_section .helmet_icon{width: 30px;height:35px} .homePage_section .cards .card_header h4{margin:0} .custom-select.new_custom_select {background:#FF5733} .teacher_management .new_custom_select .verfify_nonverify, .custom-select.new_custom_select i{color:white} .teacher_management .new_custom_select .verfify_nonverify option{color:black} /*Tables css*/ body .table-responsive .myTable li#DataTables_Table_0_next {background: #fff ;} body .table-responsive .myTable i.next {background-color: var(--orange) !important;} body .table-responsive .myTable a.page-link.next {background: transparent !important;border-radius: 5px;border: 1px solid #F1592A;} body .table-responsive .myTable tr {margin-bottom: 8px;} body .table-responsive .table thead tr th:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px;padding-left:10px} body .table-responsive .table thead tr th:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px;padding-right: 10px;} body .table-responsive .table .dropdown .dropdown-toggle,.cards .dropdown .dropdown-toggle{border:none;background:none;} body .table-responsive .dropdown-toggle::after{display:none} body .table-responsive .table thead tr th {background:#F1592A;color:var(--white) ;padding:15px 10px;text-align:center;font-size:14px;font-family: "Poppins_Medium";} body .table-responsive .table tbody{text-align:center;font-size: 14px;font-family: 'Poppins_Regular';} body .table-responsive .table td{padding:15px 10px ;} body .table-responsive table.dataTable>thead .sorting_asc:after{display: none !important;} a.page-link ,a.page-link.active{background:var(--orange) !important;color:var(--white);} li#DataTables_Table_0_previous {display:none} /*teacher_management*/ .card_footer.mat_gap {margin-top:72px} .swal2-icon.swal2-success .swal2-success-ring{background: var(--orange);} .swal2-icon.swal2-success [class^=swal2-success-line]{background-color:var(--white);z-index:99} .swal2-popup.swal2-modal.swal2-show {width: 480px;border-radius: 15px;padding: 55px 60px;} h2#swal2-title {font-size: 20px;} button.swal2-confirm.swal2-styled {background: var(--orange);padding: 10px 20px;} button.swal2-deny.swal2-styled {background: var(--blue);padding: 10px 20px;} .label_field label{margin-bottom:5px} .teacher_management .custom-select {width: fit-content;margin: auto;padding: 5px 10px;border-radius: 5px;} .dropdown ul.dropdown-menu.show {transform: translate3d(-19.2px, 24.8px, 0px) ;} .custom_teacher_management .custom_check_box input:checked + label:after {top:5px;left:5px} .teacher_management .nav-link:focus, .nav-link:hover {color: var(--orange);} .teacher_profile .txt_field .address_field{flex: 0 0 10% } .teacher_management .section_topPart .select_search .txt_field select{border:none} .teacher_profile .txt_field .form-label{flex: 0 0 23%} .teacher_profile .txt_field.address_field .form-label,.teacher_profile .txt_field.experiance_field .form-label ,.teacher_profile .txt_field.certificate_field .form-label {flex:0 0 10%} .teacher_management .custom_check_box input:checked + label:after {top:5px} .teacher_management .verfify_nonverify{background: none;border: none;font-size: 12px;color: #188D32;} .teacher_management .custom_bg{ padding: 20px;border-radius: 10px;background: #FFF;box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.10);} .teacher_management .dflex_top {display: flex;justify-content: space-between;align-items: center} .teacher_management .flex_auto {display: flex;gap: 10px;} .teacher_management .section_topPart button i{font-size: 16px;color: var(--white);} table tbody td .dropdown .dropdown-menu i,.student_dashboard .cards ul a i{color:var(--orange);font-size: 14px; } .teacher_management .section_topPart .txt_field{margin-bottom:unset} .select_search {display: flex;gap: 10px;align-items: center;} /*teacher_profile*/ .teacher_profile .teacher_profile_box .deactivate_btn{display: flex;gap:10px} .teacher_profile .profile_container{border-radius: 50%;border: 3px solid var(--orange);padding: 10px;width: 160px;height: 160px;display: flex; align-items: center; justify-content: center;background:var(--orange)} .teacher_profile .profile_container span i{font-size:40px;color:white} .simple_cards{padding:15px;border-radius: 10px;border-right: 0.5px solid var(--white);background: var(--white);box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.10); } .teacher_profile .simple_cards .card_header{margin-bottom: 17px;} .teacher_profile .simple_cards .card_footer h4{font-family: 'Poppins_Bold';} .custom_row.row_box {flex-direction: column;justify-content: space-evenly;align-items: flex-start;height: 100%;} .teacher_profile_cards {height: 100%;} .custom_row.row_box .custom_col {flex: 1;} .custom_row.row_box .simple_cards.extra_space {height: 100%;display: flex;flex-direction: column;justify-content: space-between;} .info_title{margin: 25px 0px 20px} .teacher_profile .info_title2{margin-bottom: 20px} .tab_button{font-size:18px;font-family: "Poppins_Medium";color:var(--grey);width: 196px} .tab_button.active {background: transparent ;border-bottom: 2px solid #F1592A;border-radius: 0px ;} .teacher_profile .tables_section{padding:15px} .table.myTable td.org_color{color:#F1592A;} .profile_row{row-gap: 10px;} /*.teacher_profile .teacher_profile_box{margin-bottom:10px}*/ /*.teacher_profile .teacher_profile_box .txt_field.address_field{margin-bottom:0}*/ /*institute_profile*/ .chapter_heading_margin{margin:10px 0px 25px 0px} .instituenameLabel.extra_text{width:180px ;} .instituenameLabel{width:170px ;} .institute_profile .institute_profile_box .info_title{margin:25px 0px 0px} .institute_profile .institute_profile_box .dflex{margin-bottom:20px} /*.institute_profile .institute_profile_box .form_row_gap{row-gap: 20px}*/ .institute_profile .custom_height{height:100%} .institute_profile .teacher_profile_cards .assign_level{width: 100%;padding: 5px;border-color: #BDBDBD;border-radius: 8px;} /*.table_padding {background: white;padding:0;}*/ /*.table_padding .dataTables_wrapper .row {background: #FEEEEA;padding: 10px 10px;}*/ /*.table_padding .dataTables_wrapper .row .justify-content-md-start {background: white;border-top-left-radius: 10px;border-bottom-left-radius: 10px;padding: 0 15px;}*/ /*.table_padding .dataTables_wrapper .row .justify-content-md-end {background: white;border-bottom-right-radius: 10px;border-top-right-radius: 10px;padding: 0 15px;}*/ /*.table_padding .dataTables_wrapper .table-responsive {padding: 15px;}*/ /*.table_padding h4 {padding: 15px 15px 0 15px;}*/ /*module_management*/ .module_management .modules_filter{display:flex;gap:10px} .module_information .module_info_fields .txt_field {margin-bottom:20px} .module_information .module_info_fields .edit_chapters{display:flex;gap:10px} .module_information .module_info_chapters{margin-top:10px} .create_module .txt_field{border-radius: 0;border: 0;background: #FFF;box-shadow: none;flex-wrap: wrap;padding: 0;} .create_module .txt_field input::placeholder{color:#BDBDBD} .create_module .create_module_content .txt_field select{width:100%;padding:10px 0px} .create_module a.btn.btn_blue.add_ch_name {width:fit-content;margin:25px 0px} .create_module .added_chpt{margin-bottom: 25px;} .create_module .custom_append {display: flex;flex-direction: column;gap: 10px;} .create_module .file_footer_btn{display:flex;gap:10px;margin-top:25px} .create_module .file_footer_btn i{font-size: 16px} .create_module .file_footer_btn .txt_black{color:#000} .create_module .image-preview.card {position: relative;width: fit-content} .create_module i.fa-solid.fa-xmark.remove-file.remove_uploaded_img {position: absolute;top: 5px;right: 5px;color: red;font-size: 18px;cursor:pointer} .create_module i.fa-solid.fa-file-pdf.pdf-icon.PDF.Icon{font-size: 70px} .create_module .additional_files .file-preview.card{width:fit-content} .create_module .additional_files input[type="file"]{padding-right:30px} /* Create Module */ .file_names li { display: flex; justify-content: space-between; background: var(--orange); padding: 10px 20px; color: white; border-radius: 5px; align-items: center; } .upload_file_wrapper i.fa-solid.fa-x{display:none} ul.file_names { padding: 0; } button.remove_file { border: none; border: none; background: none; color: white; font-size: 14px; } .append_chapter_file {display: flex;gap: 10px;} .posted_chapter,.posted_file {border-radius: 4px; border: 0.5px solid #BDBDBD; background: #FFF; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.02);padding: 15px 10px;} .posted_chapter{width: 25%;} .posted_chapter p,.posted_file p{margin:0;display: flex;align-items: center;justify-content: space-between;} .posted_file p {justify-content: unset;gap: 15px;} .posted_file .file_icon i{color: #69ACE5;} .posted_files{display: flex;align-items: center;gap:10px} /*Notfication*/ div#kt_menu_notifications {padding:10px} .navbar_notification_header {display: flex;justify-content: space-between;width:100%;padding:15px 10px;background:var(--orange);border-radius: 5px;margin-bottom: 5px} .navbar_notification_header h4{color:var(--white)} .navbar_notification_header h4{color:var(--white)} .navbar_notification_header a{color:var(--white);text-decoration:underline} .app-navbar-item .navbar_notification{width:100%} .nav_notify{border-radius:10px} .notifications .notify_status.bg_color, .navbar_notification {display: flex;justify-content: space-between;padding: 15px 10px;border-bottom: 0.5px solid #BDBDBD;background: #FFF;box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.02);} .status_time {display: flex;align-items: center;gap: 10px;} i.fa-solid.fa-circle {color: #69ACE5;} .user_profile h5.ptxt {font-family: 'Poppins_Medium'} .notifications .notify_status.bg_color:hover, .navbar_notification:hover{background: rgba(241, 89, 42, 0.10); box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.02);} .notify_wrapper {margin-bottom: 5px;} .page-item .page-link .next {background-color: #fff;} /*Create Module file css*/ .upload_file_wrapper {border-radius: 10px;border: 2px dashed #D9D9D9;padding:20px;display: flex;flex-direction: column;margin-top: 20px;} .insurance_certificate_wrapper div:first-child {text-align: center;position: relative;} .upload_file_wrapper .file_icon {display: flex;flex-direction: column;row-gap: 15px;} .upload_file_wrapper .file_icon i {display: block;text-align: center;background: var(--blue);background-clip: text;-webkit-text-fill-color: transparent;font-size: 64px;} .upload_file_wrapper .file_icon .file_upload_inner {border-radius: 4px;background: rgba(33, 97, 173, 0.10);padding: 10px 20px;position: relative;display: flex;justify-content: space-between;background:var(--orange);} .file_icon .file_upload_inner:before {position: absolute;content: "\f15b";font-family: FontAwesome;bottom: 10px;left: 15px;top: 8px;font-size: 14px;font-weight: 900;color: var(--white);} .upload_file_wrapper .file_icon .file_upload_inner input {display: flex;padding: 0px 0px 0px 20px;visibility: hidden;} .file_icon .file_upload_inner:after {content: "No File Choosen";position: absolute;left: 45px;color: var(--white);font-size: 14px;font-family: 'Poppins_Medium';} .upload_file_wrapper .attach_file_wrapper {display: flex;justify-content: space-between;} input[type="file"]::file-selector-button { display: none;} .upload_file_wrapper .file_icon label {display: flex;flex-direction: column;row-gap: 15px;text-align: center} .upload_file_wrapper {position: relative;} span.cross_file {position: absolute;bottom: 30px;right: 40px;color: white;} .upload_file_wrapper i.fa-solid.fa-x {color: white;font-size: 14px;} /* Student Page Css */ .filter_calendar_btn {display: flex; gap: 10px;} .custom_flex a{align-items:center;} .add_student .btn_transparent i{color:var(--grey);font-size:16px;font-weight:400;} .custom_check_box input {display: none;cursor: pointer;} .custom_check_box label {position: relative;cursor: pointer;display: flex;align-items: center} .custom_check_box label:before {content:'';-webkit-appearance: none;background-color: transparent;border: 2px solid #F1592A;border-radius:50%;height:18px;width:18px;display: inline-block;position: relative;vertical-align: middle;cursor: pointer;} .custom_check_box input:checked + label:after {content:'';display: block;position: absolute;top: 7px;left: 5.3px;width: 8px;height: 8px;display: flex;align-items: center;justify-content: center;border: 1px solid white;border-radius:50%;background:white;} .custom_check_box input[type="checkbox"]:checked + label:before {background: #F1592A;border: 2px solid #F1592A;} table tbody ul.dropdown-menu.show,.student_dashboard .cards ul.dropdown-menu.show {border-radius: 10px 0px 10px 10px;background: #FFF;box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.10);padding: 15px 30px;display: flex;flex-direction: column;gap: 15px;} table tbody a.dropdown-item,.student_dashboard .cards ul a.dropdown-item {display: flex;align-items: center;gap: 10px;font-size: 12px;padding: 0;} .custom_student .table-responsive table tbody tr td:first-child {color: #F1592A;font-family: 'Poppins_Semibold';} /* Modal Css */ /*.modal_wrapper{z-index: 99999}*/ .student_grading .txt_field:has(select#level){padding:10px 15px} .student_grading select#level {width: 100%;padding-left:15px;border-color: #BDBDBD;border-radius: 8px;border:none;} .modal_wrapper .modal-content {border-radius: 4px;background: #FFF;padding: 20px;} .modal_wrapper .modal-header {border-radius: 4px;background: #F1592A;padding: 15px 10px;position:relative;} .modal_wrapper select.form-select {border-radius: 4px;border: 1px solid #BDBDBD;box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.02);padding: 10px 20px;color: #4A4A4A;font-size: 14px;font-family: 'Poppins_Regular';} .modal_wrapper .custom_row{row-gap:30px;} .modal_wrapper .form-label {font-family: "Poppins_Regular";margin-bottom: 5px;line-height: normal;} .modal_wrapper .modal-body {padding: 30px 0px 0px 0px;} .modal_wrapper .modal-header h4 {color: white;} .modal_wrapper .add_cancel_btn,.update_changes {display: flex; justify-content: space-between;} .modal_wrapper .add_cancel_btn a,.custom_btn .custom_flex{display: flex; align-items: center; gap: 10px;} .custom_select {display: flex; gap: 5px;flex-wrap:wrap} custom_select a i{font-size: 16px; font-weight: 400;} .add_cancel_btn a i,.modal-header button i{color:var(--white);font-size:16px;} .add_cancel_btn a.btn_light i{color:var(--black);font-size:16px;} .padding_bottom{padding-bottom:15px;} .email,.stdname {border-radius: 4px;border: 1px dashed #BDBDBD;background: #FFF;box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.02);padding: 5px;display: flex;flex-wrap: wrap;align-items: center;gap: 10px;margin-top: 30px;} .posted_email {border-radius: 4px;background: var( --blue);padding: 12px 25px;} .posted_email>p {margin: 0;display: flex;gap: 10px;align-items: center;font-size: 12px;color: white;text-transform: capitalize;font-family: 'OpenSans_Regular';} .posted_email>p>a>i {color: var(--white);font-size: 14px;font-weight: 400;font-family: 'FONTAWESOME';} .modal-dialog.modal-dialog-centered {max-width: 50%;} .modal_wrapper .modal-header button.btn-close {--bs-btn-close-bg: 0;padding: 0;position: absolute;right: 25px;top: 31px;opacity: 1;} .modal_wrapper.change_password .form-label{white-space: nowrap; margin: 0;} .modal_wrapper.change_password input{padding-left:20px;} .btn.add_student:has(i) i,.dropdown .btn:has(i) i,.btn.add_email:has(i) i {margin: 0;} /* Profile */ .teacher_profile_box .custom_btn{margin:25px 0px;} .save_cancel_btn,.save_cancel_btn button,.custom_btn {display: flex;align-items: center; gap: 10px;} .profile_setting .teacher_profile_box select.form-select {border: none;} .profile_setting .profile_image {border-radius: 520px;background: #F1592A;width: 160px;height: 160px;display: flex;align-items: center;justify-content: center;} .profile_setting .profile_image .image-input-wrapper:before {content: "\f007";display: block;font-family: "FontAwesome";color: white;font-size: 36px;position: absolute; left: 42%;top: 33%;} .profile_setting .profile_image:has(.image-input-changed) .image-input-wrapper:before {content: "";} .profile_setting .image-input .image-input-wrapper{width: 160px;height: 160px} #kt_app_page .profile_setting .profile_image label,#kt_app_page .profile_setting .profile_image span {border-radius: 50%;} #kt_app_page .profile_setting .profile_image label i,#kt_app_page .profile_setting .profile_image span i {color: #F1592A;margin: auto;} /* Student dashboard */ .chapter_info .chapters_tabs ul {border-radius: 10px;background: #FFF;padding: 15px;} .chapter_info .chapters_tabs ul li button {color: var(--grey);font-size: 18px;font-family: 'Poppins_Medium';padding: 10px 80px;} .chapters_tabs .pdf_files {display: flex;gap: 30px;flex-wrap: wrap;} .chapters_tabs .downloadable_file_name a {display: flex;flex-direction: column;text-align: center;gap: 10px;padding: 15px;color: var(--grey);font-size: 12px;font-family: "Poppins_Regular"; border-radius: 10px;border: 1px solid #F0F0F0;} .chapter_info .chapters_tabs .tab-content {background: #FFF;box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.02);padding: 20px;margin-top: 15px;border-radius: 10px;} span.file_icon i {color: #69ACE5;font-size: 40px;} span.download_icon i {color: #F1592A;font-size: 18px;font-weight: 400;font-family: "FontAwesome";} .chapters_tabs .downloadable_file_name a p{margin: 0;max-width: 100px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .chapter_info .chapters_tabs .nav-underline .nav-link.active, .nav-underline .show>.nav-link{border-bottom: 2px solid #F1592A;} .book_img {height: 183px;max-width: 183px;border-radius: 10px;overflow: hidden;} /* Student Dashboard Index */ .cards.custom_gallery_card {background: #F9F9F9;height:100%;} .chapter_progress {display: flex;flex-direction: column;gap: 40px;} .card_text h5 {font-family: "Poppins_SemiBold";margin-top: 10px;} .student_dashboard .card_footer a {display: flex;align-items: center;gap: 10px;color: #F1592A;font-size: 14px;font-family: "Poppins_Regular";} .homePage_section .cards .card_footer a i {color: #F1592A;font-size: 14px;} /*.student_dashboard .chapter_image {width: 214px;}*/ .student_dashboard .card_footer h5 {color: white;margin-top: 10px;} .student_dashboard .cards .dropdown button>i.fa-solid.fa-ellipsis {color: white;font-size: 18px;} .chart-area {position: relative;border-radius: 50%;background: #f1592a21;} .student_dashboard .custom_gallery_card .custom_align_row{align-items:center;height:100%} .student_dashboard .custom_gallery_card .card_footer{width: fit-content; border-bottom: 1px solid #F1592A;} .custom_row_gap{row-gap:10px;} .custom_color .card_footer h5,.custom_color .card_footer h1,.student_dashboard .cards.custom_color .dropdown button>i.fa-solid.fa-ellipsis{color:black;} .table_box h4{padding-bottom:15px;} /*Badges Awarded*/ .badges_awarded_box .badges_chart .badge-podium .value-label-container h1{margin-top:20px} .badges_awarded_box{padding: 15px; border-radius: 5px; border-right: 0.5px solid #FFF; background: #FFF; box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.10); } .badges_awarded_box .badges_chart { background: linear-gradient(180deg, #FFF 20%, rgba(255, 255, 255, 0) 100%), url('/dashboard/images/badges_awarded_bg.png'); background-blend-mode: normal, overlay, normal; background-position: bottom; background-repeat: no-repeat; background-size: cover; display: flex; align-items: end; justify-content: unset;padding-top: 25px; } .badges_awarded_box .badges_chart .badge-podium { width: 20%; text-align: center; } .badges_awarded_box .badges_chart .badge-podium .badge-content img { width: 100%; object-fit: cover; object-position: center; margin-top: 30px; z-index: 1;position: relative; margin-bottom: -15px;} .badges_awarded_box .badges_chart .badge-podium .value-label-container { position: relative;background-color: black; color: white; padding: 10px; display: flex; align-items: center; justify-content: center; flex-direction: column; row-gap: 10px; background: linear-gradient(90deg, #C3C2C3 -20.51%, #9F9E9F -5.82%, #858585 8.87%, #757575 21.3%, #707070 31.47%, #707070 45.03%, #787878 54.07%, #8E8D8E 67.63%, #B2B1B2 85.71%, #C3C2C3 92.49%); background-blend-mode: color-burn; background: linear-gradient(90deg, #737171 0%, #555353 0%, #3b3b3b 10%, #000000 40%,#2a2a2a 66%, #737171 102%) ; border-radius: 10px 10px 0px 0px;} .badges_awarded_box .badges_chart .badge-podium .value-label-container * {margin: 0px;} .badges_awarded_box .badges_chart .badge-podium .value-label-container:before { content: ""; width: 100%; height: 30px; display: block; position: absolute; background: linear-gradient(45deg, #9f9f9f, #f7f7f7); border-radius: 50%; top: -10px; left: 0; } @media only screen and (max-width: 1280px) { .tab_button{ width:140px } } .modal_wrapper .std_name {display: flex;gap:10px;flex-wrap: wrap} /*select#badge_id{border:none}*/ .modal_wrapper .std_name .posted_email{margin-top:5px;width:fit-content} .modal_wrapper label#name-error, .modal_wrapper label#firstName-error, .modal_wrapper label#lastName-error, .modal_wrapper label#enterename-error, .modal_wrapper label#enteremail-error , .modal_wrapper label#institute_id-error, .modal_wrapper label#teacher_id-error{color: red;} .modal_wrapper .append_input_wrapper .stdmodulename { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 10px; } .create_module .txt_field label.error {color: red;} .create_module .txt_field input, .create_module .txt_field select{border-radius: 8px; border: 1px solid #BDBDBD; background: #FFF;} .profile_setting .profile_image:has(.image-input-changed) .image-input-wrapper img { display: none; } .profile_setting .profile_image .image-input-wrapper:before{display: none} .btn.btn_transparent.remove_chapter{margin-top: 25px !important;} .txt_field.remove_btn .btn.btn_transparent.remove_chapter{margin-top: 0 ;} span.error{margin:0;justify-content: start;color:red} /*loader functionality*/ .preloader { width: 100%; height: 100%; top: 0; position: fixed; z-index: 99999; background: #fff; } .preloader .cssload-speeding-wheel { border: 0; animation: unset; } .preloader .cssload-speeding-wheel { display: flex; justify-content: center; flex-direction: column; row-gap: 20px; align-items: center; height: 100%; } .preloader .loader_img{width:300px;height:120px} .preloader .loading_icon { display: flex; justify-content:center;column-gap: 20px;} .preloader .loader_img img { object-fit: contain;width: 100%;height: 100%; } .preloader .loading_icon span:nth-child(1) {animation-delay: 0s;} .preloader .loading_icon span:nth-child(2) {animation-delay: 0.2s;} .preloader .loading_icon span:nth-child(3) {animation-delay: 0.4s;} .preloader .loading_icon span i{color: var(--orange);font-size:15px } .preloader .loading_icon span { opacity: 0.6;animation: pulse 0.8s infinite ease-in-out; ;} @keyframes pulse { 0%, 100% { opacity: 0.6; transform: scale(1); } 50% { opacity: 1; transform: scale(1.2); } }