.thuthuka .sidebar .weblink>a[title=all-events]::before { content: '\e614'; ; }
/* form-control starts*/
.thuthuka .form-control { background: 0 0 !important; border: none; box-shadow: none; transition: .3s; outline: 0; padding: 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.4); position: relative; }
.thuthuka .form-control:hover { border-bottom: 2px solid rgba(0, 0, 0, .42); }
.thuthuka .form-control[disabled]:hover { border-bottom: 1px solid rgba(0, 0, 0, 0.4); }
.thuthuka .form-control:hover:disabled { border-bottom: 1px solid rgba(0, 0, 0, .42); }
.thuthuka .form-control:focus { box-shadow: none !important; }
/* form-control Ends*/
.thuthuka table.dataTable tbody td,
.thuthuka table.dataTable tbody th { vertical-align: middle; }
/* Thuthuka dashboars */
.thuthuka .main_header .panel-heading { padding-left: 0; }
.thuthuka .panel .panel-title h3 { margin-bottom: 0; margin-top: 0; display: flex; align-items: center; gap: 10px; }
/* Dashboard */
.thuthuka .thuthuka_dashboard .panel .panel-title h3 img { margin-right: 10px; }
.thuthuka .thuthuka_dashboard .btns-grp { display: flex; align-items: center; gap: 30px; flex-wrap: wrap;}
.thuthuka .thuthuka_dashboard .alertMessage,
.thuthuka .thuthuka_dashboard .alertsuccessMessage { font-weight: 500;font-size: 16px; margin-top: 10px; }
.thuthuka .thuthuka_dashboard .alertMessage { color: var(--red-color); }
.thuthuka .thuthuka_dashboard .alertsuccessMessage{ color: var(--dark-success); }
.thuthuka .thuthuka_dashboard .iconcss { font-size: 20px; }
.thuthuka_pagetitle h3 { color: var(--bg-white); }
@media screen and (max-width: 1025px) {
    .thuthuka_pagetitle h3 { color: var(--light-blue); }
}
@media screen and (max-width: 426px) {
    .thuthuka .thuthuka_dashboard .btns-grp{ flex-direction: column; }
    .thuthuka .thuthuka_dashboard .custom-grp-button{width: 100%;}
}
/* Acceptance Letter starts here*/
.thuthuka .thuthuka_acceptance_letter .form-check { display: flex; align-items: center; align-content: center; gap: 10px; }
.thuthuka .thuthuka_acceptance_letter input#acceptCheckbox { margin: 0; height: 15px; width: 15px; accent-color: var(--red-color);}
/* Acceptance Letter Ends here*/
/* Bursary Contract Starts*/
.d-none { display: none !important; }
/* Bursary appicatoin style starts here */
.thuthuka .thuthuka_bursary_contract .tabs { display: flex;}
.thuthuka .thuthuka_bursary_contract .tab { padding: 12px 31px; border: none; cursor: pointer; background-color: var(--gray-light); margin-right: 10px; border-radius: 12px 12px 0px 0px; font-size: 16px; font-weight: 500; color: var(--text-black); display: flex; gap: 10px; align-items: center; }
.thuthuka .tab.active { background-color: var(--red-color); color: var(--text-white) }
.thuthuka .thuthuka_bursary_contract .tab-content { float: left; width: 100%; display: none; border: 1.04709px solid var(--red-color); border-radius: 0px 12px 12px 12px; }
.thuthuka .thuthuka_bursary_contract .tab-content.active { display: block;}
/* Inner Tabs */
.thuthuka .thuthuka_bursary_contract button.tab.active:hover,
.thuthuka .thuthuka_bursary_contract button.tab.active:focus { background-color: var(--red-color) !important; color: var(--bg-white); }
.thuthuka .thuthuka_bursary_contract button.active:focus { color: var(--bg-white); background-color: var(--light-blue); border-color: var(--light-blue); }
.thuthuka .thuthuka_bursary_contract button.active:hover,
.thuthuka .panel-title h3.pg_frm_title { display: flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 400;}
.thuthuka .thuthuka_bursary_contract table.table-heading thead tr th {  padding: 10px; }
.thuthuka .custom-file-upload { display: flex; gap: 10px; width: max-content; }
.thuthuka .custom-file-upload span.material-icons{cursor: pointer;}
.thuthuka .custom-file-upload span.material-icons:hover { color: var(--red-color); }
.thuthuka input[type="file"] { position: relative; height: 40px; width: 106px; border-radius: 6px; background-color: var(--gray-light) !important; }
.thuthuka input[type="file"]::before{ content: "Browse File"; display: block; position: absolute; }
.thuthuka input[type="file"]::before, button.Upload_file.btn { background-color: var(--primary); padding: 10px 16px; color: var(--bg-white); border-radius: 6px; cursor: pointer; }
.thuthuka .pdf-download_section { width: 100%; float: left; margin-top: 15px; padding: 15px 0px; border-top: 1px solid #d0dce6; padding-bottom: 0; }
.thuthuka .thuthuka_bursary_contract .pdf-download_section table tbody tr:hover { background-color: #f2fbfe; }
.thuthuka .thuthuka_bursary_contract .pdf { width: 100%; height: 100vh; border: none; }
.thuthuka .thuthuka_bursary_contract .disabledpdf { display: none !important; }
.thuthuka .thuthuka_bursary_contract .modal .pdfModal-content { width: 90%; position: relative; margin: 0 auto; top: 20px; }
.thuthuka div.modal iframe#pdfViewerFrame { height: 80vh; }
.thuthuka .thuthuka_bursary_contract .modalclose { color:  var(--light-blue); font-size: 34px; padding: 5px; }
.thuthuka .thuthuka_bursary_contract .guardian_details { display: flex; flex-direction: column; align-items: flex-start; background-color: #f2fbfe; padding: 20px 20px; border-radius: 6px; width: 100%; }
.thuthuka .thuthuka_bursary_contract span.g-sect_title { font-weight: 500; color:  var(--light-blue); padding-right: 5px; }
.thuthuka .thuthuka_bursary_contract .univercity_names { display: flex; gap: 20px; }
.thuthuka .thuthuka_bursary_contract .choice_univercities_names { margin: 0; border-radius: 0px 5px 5px 0px; }
/* View CSS content */
.thuthuka .student-application-portal-view .profile-card { float: left; }
.thuthuka .student-application-portal-view .profile-header { display: flex; align-items: center; gap: 15px; }
.thuthuka .student-application-portal-view .profile-image { width: 70px; height: 70px; background-color:  var(--light-blue); border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 24px; color: #f2fbfe; font-weight: bold; }
.thuthuka .student-application-portal-view .profile-info { flex-direction: column; gap: 10px; }
.thuthuka .student-application-portal-view .profile-info h2 { margin: 0; font-size: 22px; font-weight: bold; color:  var(--light-blue); }
.thuthuka .student-application-portal-view .status-badge { background-color: var(--light-success); color: var(--bg-white); padding: 7px 14px; border-radius: 20px; font-size: 13px; text-align: center; }
.thuthuka .student-application-portal-view .profile-details { margin-top: 15px; border-bottom: 1px solid #d0dce6; padding-bottom: 15px; display: flex; gap: 30px; }
.thuthuka .student-application-portal-view .profile-details p { margin: 5px 0; font-size: 14px; color: var(--gray-800); display: flex; align-items: center; gap: 8px; font-weight: 500; }
.thuthuka .student-application-portal-view .profile-details span.material-icons { color: var(--light-blue); }
.thuthuka .modal-footer { text-align: center; }
/* Bursary Contract Ends*/
@media screen and (max-width: 1199.98px) {
    .thuthuka .thuthuka_bursary_contract .bur_documents_management th,
    .thuthuka .thuthuka_bursary_contract #content table tbody tr { display: table-row !important; }
}
@media screen and (max-width: 768px) {
    .thuthuka .thuthuka_bursary_contract tr { display: flex; flex-direction: column; }
    .thuthuka .thuthuka_bursary_contract #content table tbody tr { display: flex !important; gap: 0; }
    .thuthuka .thuthuka_bursary_contract .inner-tab,
    .thuthuka .thuthuka_bursary_contract .inner-tab.active { padding: 14px 20px; }
    .thuthuka .thuthuka_bursary_contract .tabs { gap: 2px; }
    .thuthuka .thuthuka_bursary_contract .tab { padding: 11px 22px; border-radius: 15px 15px 0px 0px; }
    .thuthuka .thuthuka_bursary_contract .tab-content tbody { display: flex; flex-direction: column; gap: 20px; }
    .thuthuka .thuthuka_bursary_contract .panel-title h3.pg_frm_title { margin-top: 20px; }
    .thuthuka .thuthuka_bursary_contract .panel-title h3.pg_frm_title :nth-child(2) { margin-top: 0px; }
    .thuthuka .thuthuka_bursary_contract .guardianSection div#guardianDetails { display: flex; } 
    .thuthuka .student-application-portal-view .profile-details { row-gap: 10px; flex-wrap: wrap; }    
}
@media screen and (max-width: 426px) {
    .thuthuka .thuthuka_bursary_contract tr td { border: none; }
    .thuthuka .thuthuka_bursary_contract #content table tbody tr td:first-child { font-weight: 600; }
    .thuthuka .thuthuka_bursary_contract .tab { width: 100%; }
    .thuthuka .thuthuka_bursary_contract .tab:nth-child(2), .thuthuka .thuthuka_bursary_contract .tab:nth-child(3) { border-radius: 0; }
    .thuthuka .thuthuka_bursary_contract .tabs { flex-wrap: wrap; overflow: hidden; border-radius: 10px 10px 0px 0px; flex-direction: column;}
    .thuthuka .thuthuka_bursary_contract .tab-content{ border-radius: 0px 0px 12px 12px; }
    .thuthuka .thuthuka_bursary_contract .guardianSection div#guardianDetails { flex-direction: column; gap: 20px; } 
    .thuthuka .thuthuka_bursary_contract.guardianSection .row.mb-3 { display: flex; flex-wrap: wrap; flex-direction: row; row-gap: 20px; }
    .thuthuka .thuthuka_bursary_contract .tab-content tbody {gap: 0px;}
}
/* Preference Details Page CSS Starts */
.sector_check input:disabled+label::before { opacity: .7; }
.sector_check input:disabled+label { cursor: default; }
.Regions_inp select:disabled+span#mat_remove:hover { color: var(--text-black); }
.Regions_inp select:disabled+span#mat_remove { pointer-events: none; cursor: not-allowed; color: #ced0d1; }
.thuthuka .Regions_inp:has(select:disabled) .control { opacity: 0.5; }
.thuthuka .thuthuka_preference_details .Regions_inp input { padding: 0px 10px; }
.thuthuka .thuthuka_preference_details .Regions_inp label { padding-top: 15px; }
.thuthuka .thuthuka_preference_details .Regions_inp { display: flex; align-items: center; gap: 0; width: 50%; }
.thuthuka .thuthuka_preference_details .Regions_inp .control { display: flex; gap: 20px; }
.thuthuka .thuthuka_preference_details .Regions_inp span#mat_remove { color: var(--text-black); cursor: pointer; }
.thuthuka .thuthuka_preference_details .Regions_inp span#mat_remove:hover { color: var(--red-color); }
.thuthuka .preference-details-form { background-color: rgb(242, 251, 254); border: 1px solid rgb(208, 220, 230); border-radius: 5px; text-align: left; padding: 30px; display: inline-block; width: 100%; }
.thuthuka .preference-details-form .control { position: relative; }
.thuthuka .thuthuka_preference_details .preference-details-form .form-group input { background-color: transparent !important; border: none; box-shadow: none; }
.thuthuka .thuthuka_preference_details .preference-details-form .control:hover::before { border-bottom: 2px solid rgba(0, 0, 0, 1); }
.thuthuka .thuthuka_preference_details .sec_radio { display: flex; gap: 30px; }
.thuthuka input[type=radio] {  margin: 0; height: 20px; width: 20px; accent-color: var(--red-color);}
.thuthuka .rad_1 { display: flex; align-items: center; gap: 10px; }
.thuthuka .thuthuka_preference_details .version_two label { font-weight: 400; font-size: 1.5rem; }
.thuthuka .thuthuka_preference_details .version_two .control { width: 100%; }
.thuthuka .thuthuka_preference_details .btn-space-between { display: flex; justify-content: flex-end; gap: 20px;}
.thuthuka .thuthuka_preference_details .Regions { gap: 20px; display: flex; flex-direction: column; }
.thuthuka .modal_body_cont h1 { color: var(--light-blue); text-align: center; }
.thuthuka .modal-content .check_i { display: flex; justify-content: center; }
.thuthuka .modal-dialog .check_i span.material-icons { font-size: 70px; color: var(--bg-white); background-color: var(--light-success); padding: 10px; border-radius: 80px; }
/* Checkbox */
.thuthuka .thuthuka_preference_details .sector_check label { position: relative; cursor: pointer; display: flex; align-items: center; font-size: 14px; gap: 8px; }
.thuthuka .thuthuka_preference_details .sector_check label::before { content: ''; width: 24px; height: 24px; display: inline-block; border: 3px solid #004F9E;  border-radius: 8px; background:  var(--bg-white); box-shadow: inset 0px -3px 6px rgba(0, 0, 0, 0.1); transition: all 0.2s ease-in-out; }
.thuthuka .thuthuka_preference_details .sector_check input { display: none; }
.thuthuka .thuthuka_preference_details .sector_check input:checked+label::before { background: var(--btn-secondary-hover); /* Fill background when checked */ border-color: #004F9E; box-shadow: inset 0px -3px 6px rgba(0, 0, 0, 0.2); }
.thuthuka .thuthuka_preference_details .sector_check input:checked+label::after { content: ''; position: absolute; left: 8px; top: 4px; width: 7px; height: 12px; border: solid white; border-width: 0 3px 3px 0; transform: rotate(45deg); border-radius: 2px; }
.thuthuka .thuthuka_preference_details #user_details_form_div0 .sector_check_section { display: flex; flex-wrap: wrap; column-gap: 30px; row-gap: 15px; }
/* Checkbox */
.thuthuka label.error, .thuthuka span.text-red { font-size: 12px !important }
.thuthuka .thuthuka_preference_details label#student_no_0-error, label#current_uni_id0-error, #etc-error, #Repeater-error, #priority-error { position: absolute; }
.thuthuka .thuthuka_preference_details label.error { position: absolute; bottom: -20px; left: 8px; }
.thuthuka .thuthuka_preference_details .class_for_validation_error { position: relative; }
.thuthuka .thuthuka_preference_details span.edit_section { display: flex; align-items: center; justify-content: center; cursor: pointer; }
.thuthuka .thuthuka_preference_details span.edit_section .fa-pencil:hover:before { content: "✏"; color: var(--red-color); }
.thuthuka .thuthuka_preference_details .edit_section i.fa.fa-pencil.editIcon { background-color: #d0dce6; padding: 7px 10px; border-radius: 10px; color: #0e0e0e; }
/* Hover none */
@media screen and (max-width: 426px) {
    .thuthuka .thuthuka_preference_details #user_details_form_div0 .sector_check_section { flex-direction: column; }
    .thuthuka .thuthuka_preference_details .Regions_inp { width: 100%; }
    .thuthuka .preference-details-form{ padding: 15px 0px; }
}
/* Preference Details Page CSS Ends */
/* Events pages CSS Starts */
/* all_event_page */
.thuthuka .all_event_list .errorMsg { text-align: center; font-size: 20px; }
.thuthuka .all_event_page .all_event_list table tr td img { width: 50px; }

@media screen and (max-width: 1025px) {
    .thuthuka .all_event_page .all_event_list table tbody tr { display: table-row !important; }
    .thuthuka .all_event_page .all_event_list table tbody tr:last-childP { border-bottom: 1px solid #e0e0e0; }
}
@media screen and (max-width: 426px) {
    .thuthuka .all_event_page .all_event_list table tbody tr { display: flex !important; }
}
/* Camp Team Leaders Agreement Starts */
.thuthuka .camp-team-leaders-agreement .app_section_title { margin: 0px; float: left; padding: 7px 0px; border-radius: 10px 10px 0px 0px; font-weight: 400; color: var(--light-blue); font-size: 16px; }
.thuthuka .camp-team-leaders-agreement .thuthuka_section_title { float: left; border-bottom: 1px solid var(--light-blue); }
.thuthuka .Upload_sign_s { height: 150px; border: 1px solid #555555; width: 50%; overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; background-image: url(/thuthuka/SignIcon_generat_v2.png); background-repeat: no-repeat; background-position: center; background-size: 40%; }
.thuthuka .Upload_sign_s input.sign_file_upload { height: 150px; width: 100%; background-color: transparent; z-index: 1111 !important; opacity: 0; position: absolute; cursor: pointer; }
.thuthuka .Upload_sign_s input.sign_file_upload::before,
.thuthuka .Upload_sign_s input.sign_file_upload::after { content: ""; display: none; }
.thuthuka .SignImagePreview { display: none; padding: 5px; height: 130px; position: absolute; padding: 25px; background-color: #f2fbfe; }
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 426px) {
    .thuthuka .Upload_sign_s { width: 100%; }
    .thuthuka .camp-team-leaders-agreement .col-sm-6.mb-3.mt-3 { margin: 0; padding: 0; }
}
/* Camp Team Leaders Agreement Ends */
/* School Innetiative page starts */
.thuthuka .medication_taken_info_lables { display: flex !important; flex-direction: column; gap: 15px; }
.thuthuka .thuthuka_School_Initiative_page legend.section-title h3 { gap: 10px; }
.thuthuka .modal-body { position: relative; border-radius: 6px; }
.thuthuka .thuthuka_School_Initiative_page .modal-body { position: relative; padding: 40px 40px; }
.thuthuka .modal-content { border: none; border-radius: 6px;}
.modal-content span.close.modalclose { position: absolute; right: 20px; top: 20px; }
.thuthuka .thuthuka_School_Initiative_page .modal-content .modal-body.modal_body_cont { text-align: center; display: flex; flex-direction: column; }
.thuthuka .thuthuka_School_Initiative_page .modal h1,
.thuthuka .modal h1.reg_success_msg  { font-weight: 600; line-height: 40px; color: var(--text-primary);}
.thuthuka .thuthuka_custom_radio, .thuthuka .thuthuka_custom_radio .radio_div { display: flex; align-items: center; }
.thuthuka .thuthuka_custom_radio {column-gap: 15px; }
.thuthuka .thuthuka_custom_radio .radio_div {column-gap: 6px; }
/* School Innetiative page Ends */
/* Business Games */
.thuthuka table.dataTable tbody tr { background-color: transparent !important;}
.thuthuka .Business__pgamesage hr { margin-top: 21px; margin-bottom: 21px; border: 0; border-top: solid 2px var(--gray-500); }
.thuthuka .Business_games_page .big_bold { font-size: 16px !important; font-weight: 600; color: var(--light-blue); }
.thuthuka fieldset .attendee_section legend { width: auto; color: var(--light-blue); padding: 6px 12px; font-size: 16px; border: solid 2px #004990; border-bottom: 1px solid; border-radius: 6px; margin-left: 0px; position: relative; font-weight: bold; }
/* No. Of Learner */
.thuthuka .Business_games_page .Plus_add_btn,
.thuthuka .Business_games_page .Plus_minus_btn { background-color: var(--bg-white)00; color: var(--text-black); border-radius: 5px; font-size: 25px; padding: 0; box-shadow: none; font-weight: 200; border: none; }
/* upload document section */
/* No. Of Learner */
.thuthuka input[type="number"]::-webkit-inner-spin-button,
.thuthuka input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.thuthuka input.text_number.num_box { width: 35px !important; height: 35px !important; text-align: center; border: none; border-radius: 6px; }
.thuthuka .iam_attending_div .control,
.thuthuka .iam_attending_div input#school_Name { width: 100%; display: block; }
.thuthuka button.text_number:active:hover { color: var(--text-black); background-color: #0ea6c900 !important; border-color: #0ea6c900 !important; }
.thuthuka .Business_games_page table .table-heading thead { background-color: var(--bg-white); }
.thuthuka label.form-check-label { display: inline-block; font-size: 14px; margin: 0px; }
.thuthuka .frm_check_section { display: flex; flex-direction: column; gap: 10px; margin-bottom: 30px; margin-top: 20px; }
.thuthuka .form-check.section_check_style { display: flex; align-items: center; gap: 10px; }
.thuthuka .Business_games_page .modal-dialog button { font-size: 14px;}
.thuthuka .Business_games_page .table-heading tbody tr td.uploader,
.thuthuka .Business_games_page th#UploadedBy { display: none; }
@media screen and (max-width: 1024px) {
    .thuthuka .Business_games_page tbody { display: flex; flex-direction: column; gap: 10px; }
    .thuthuka .Business_games_page table tbody tr>td:first-child { flex: 0 0 100%; }
    .thuthuka .Business_games_page #content table tbody tr { box-shadow: none; padding: 0px; margin: 0; display: grid; }
}
@media screen and (max-width: 769px) {
    .thuthuka .Business_games_page .section_header { display: flex; flex-direction: row;}
    .thuthuka .Business_games_page .section_header .col-md-6 { width: 100%; }/* to make col-md-6 in 100%*/
}
@media screen and (max-width: 426px) {
    .thuthuka .Business_games_page .col-sm-6.mb-3.mt-3 { margin: 0; padding: 0; }
    .thuthuka .Business_games_page .section_header { display: flex; flex-direction: column; gap: 10px; }
    .thuthuka .Business_games_page p.text-gray.m-0 { margin-bottom: 10px !important; }
    .thuthuka .Business_games_page .table-responsive td::before{ display: none !important;}
}
/* Camp Learner Details */
.thuthuka .create-lor { display: flex; justify-content: space-between; flex-direction: row; align-items: center }
.thuthuka .integrated_detail_container .membership_section .tab-title { font-size: 14px; color: var(--light-blue) !important; font-weight: 700 }
.thuthuka .event_detail .ck-content { --ck-image-style-spacing: 1.5em; --ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2); --ck-color-selector-caption-background: hsl(0, 0%, 97%); --ck-color-selector-caption-text: hsl(0, 0%, 20%); font-size: 9pt }
.thuthuka .event_detail .ck-content p { margin-bottom: 0; }
.thuthuka .event_detail .event_detail_footer { padding: 10px; background-color: var(--gray-ligh); border-radius: 12px; border: solid 1px #f0f0f0; box-shadow: 2px 2px 1px #e8edf2; }
.thuthuka .event_detail .event_detail_footer .footer_item { display: flex; gap: 6px; align-items: flex-start; margin-bottom: 10px; color: var(--light-blue); }
/* Learner camp */
.thuthuka .buttons { display: flex; gap: 10px; }
.thuthuka .thuthuka_events .btn-danger { background-color: var(--red-color); color:  var(--bg-white); border-radius: 5px; }
.thuthuka .remove_section_btn { position: absolute; right: 30px; top: -60px; width: auto; color: var(--light-blue); padding: 6px 12px; font-size: 16px; border: solid 2px #004990; background-color: #f2fbfe; border-radius: 6px; border-bottom: 1px solid; cursor: pointer; }
.thuthuka .remove_section_btn:hover { background-color: #e0f5fd; }
.thuthuka .school_name_sec, .thuthuka .no_of_learners { padding: 16px; background-color: #ddedf2; border-radius: 8px; }
.thuthuka .learner_camp_thuthuka .school_name_sec, .thuthuka .learner_camp_thuthuka .no_of_learners { display: flex; align-items: flex-start; flex-wrap: wrap; flex-direction: column; gap: 15px; }
.thuthuka .learner_camp_thuthuka fieldset.bg-upload-documents-section { padding: 0; border: none; }
.thuthuka .table-heading tr td { padding: 10px !important;}
.thuthuka .learner_camp_thuthuka table .table-heading thead { background-color: var(--bg-white); }
.thuthuka .learner_camp_thuthuka #exampleModalLong .modal-body>div { font-size: 14px !important; color: rgba(0, 0, 0, .87); display: flex; gap: 10px; flex-direction: column; }
.thuthuka .learner_camp_thuthuka .form-check-input { margin: 0px }
.thuthuka .table-responsive { width: 100%; }