@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');

:root{
  --blue: #4462ad;
  --red: #f26c6c;
  --red-hov: #e26464;
  --yellow: #fbcd0f;
  --light-bg: #ececec;
  --medium-blue: #9abfde;
  --light-blue: #d7e5f2;
  --light-blue-prog: 68, 98, 173;
  --light-yellow-bg:#fff5ef;
  --body-text: #333333;
  --green: #5ecc98;
  --white: #fff;
  --gray: #707070;
  --black:#000;
  --sec-h-text: #2e2e2d;
  --red-light:#f26c6c1f;
  --red-light-2:#f26c6c63;
  --primary-font: "Poppins", serif;
  --secondary-font: "Lato", serif;
  --quicksand: "Quicksand", serif;
}

body{font-family: var(--primary-font);font-style: normal;}

.poppins{font-family: "Poppins", serif;font-style: normal;}
.lato{font-family: "Lato", serif; font-style: normal;}

.quicksand {
  font-family: "Quicksand", serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.learndash-wrapper .ld-alert-success{
	
	    border-color: var(--blue) !important;
    background-color: transparent !important;
    color:: var(--body-text) !important;
}

.form-login-steps .learndash-wrapper .ld-alert-success .ld-alert-icon{background-color: var(--blue) !important;}
.dashboard_whole_block table{
    width: 100%; font-size:14px;
}

input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
    width: 100%;
    border: 1px solid #666;
    border-radius: 3px;
    padding: .5rem 1rem;
    transition: all .3s;
	font-family:var(--secondary-font);
}
body table tfoot th, body table thead th{font-size:16px;}
a {
    text-decoration: none;
}

.ld-breadcrumbs-segments a {
    color: var(--red) !important; /* Apply the desired color */
}

.educator-settings button {
    cursor: pointer;
    background: var(--red);
    color: #fff;
    border-radius: 0.7rem;
    padding: 0.6rem 0.8rem;
    border: unset;
}

.educator-settings button:hover,
.educator-settings button:focus,
.educator-settings button:active {
    background-color: var(--red);
}

.material-symbols-rounded {
    font-variation-settings: 'FILL' 0, 'wght' 700, 'GRAD' 0, 'opsz' 48
}

.user-registration-form-login .ur-form-grid p.user-registration-form-row {
    display: flex;
    flex-direction: column;
}

.page-id-36587 .elementor-location-header,
.page-id-36587 .elementor-location-footer,
.page-id-36646 .elementor-location-header,
.page-id-36646 .elementor-location-footer,
.page-id-36648 .elementor-location-header,
.page-id-36648 .elementor-location-footer,
.page-id-36739 .elementor-location-header,
.page-id-36739 .elementor-location-footer,
.page-id-36758 .elementor-location-header,
.page-id-36758 .elementor-location-footer,
.page-id-36781 .elementor-location-header,
.page-id-36781 .elementor-location-footer {
    display: none !important;
}

.user-registration.ur-frontend-form .form-row {
    display: flex;
    flex-direction: column;
}

.ur-frontend-form {
    border: none !important;
}

.ur-frontend-form .ur-button-container .ur-submit-button {
    margin-right: auto;
}

.user-registration button.btn.button.ur-submit-button {
    background: var(--red);
    color: var(--white);
    width: 150px;
    border-radius: 10px;
    height: 40px;
}

.ts_custom_heading {
    color: #323333;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.32em;
    text-align: center;
}

.find_school_main .find_school_headings p {
    text-align: center;
}

table.schools_listing_table tr td {
    border: none;
}

.find_school_main .useful_links {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.find_school_main {
    width: 80%;
    margin: 0px auto 100px auto;
}

table.schools_listing_table tr.single_school_data td:last-child {
    text-align: right;
}

.create_classroom_main .create_classroom_content {
    width: 40%;
    margin: auto;
}
.create_classroom{padding:20px;}
div.create_classroom_form {
    text-align: center;
}

.create_class_btn {
    margin-top: 20px;
    background: var(--red) !important;
    color: #fff !important;
    font-weight: 700 !important;
}

.content_page {
    width: 100%;
}
.user_profile_absolute .testing-user-profile {
	position: absolute;
	z-index: 999999;
	top: 35px;
	right: 12px;
}

.account_page_custom .side_bar {
    width:235px;
    background: var(--white);
    border-radius: 30px;
    padding: 38px 20px 100px 25px;
    display: flex;
    align-content: space-between;
    flex-direction: column;
    height: auto;
    justify-content: space-between;
}


.sub_content {
    display: flex;
    justify-content: space-between;
}

.center_content {
     margin-top: 20px;
}

.center_main {
}

.right_students_sidebar,
.left-single-class-sidebar {

    background: var(--white);
    border-radius: 10px;
    padding: 0px 10px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 32px 22px 22px;
}


.classroom_heading {
    border-radius: 26px;
    color: var(--white);
}

.question_of_the_day {
    border-radius: 26px;
    display: flex;
    background: var(--white);
    flex-wrap: nowrap;
	height:100%;
}

.assessments {
    background: var(--white);
    padding: 38px 20px;
    border-radius: 26px;
    height:100%;
}

ul.links li {
    margin-bottom: 13px;
    cursor: pointer;
}

.side_bar .top_links ul.links li,
.side_bar .bottom_links ul.links li {
    margin-top: 20px;
}


.side_bar .top_links ul.links li:hover span.tablinks.active,
.side_bar .bottom_links ul.links li:hover span.tablinks.active{color:var(--body-text);}

.single_students_content ul.links li {
    margin-bottom: 13px;
    cursor: pointer;
}

.single_students_content ul.links li .students_tablinks.active {
    padding-bottom: 16px;
}

.modal-body .single_students_content ul.links li:first-child span{padding:10px 20px 15px;}
.modal-body  .single_students_content ul.links{justify-content: space-between; padding:0px 20px;}
.modal-body .single_students_content ul.links span{ padding:0px; font-size:16px;}

.students_activity_graph {
    width: 100%;
    background: var(--white);
    border-radius: 26px;
    margin-top: 25px;
    display: flex;
}

div#dashboard .students_activity_graph {
    height: auto;
}

ul.links {
    list-style-type: none;
}

div.tabcontent,
.my_teaching_plan_tabcontent {
    padding: 4px 0px 4px 30px;
    height: auto;
}

.all_classrooms {
    display: grid;
    margin-top: 20px;
    margin-bottom: 40px;
	gap: 25px;
	grid-template-columns: repeat(4, calc(25% - 18.75px));
}

.custom_square_box {
    background: var(--white);
    border-radius: 26px;
    padding: 8px 12px;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.custom_square_box:hover {
    background: #fafafa;
}

span.open_edit_class_links,
span.open_edit_student_links {
    font-size: 16px;
    padding: 10px;
    cursor: pointer;
}

span.open_edit_class_links i,
span.open_edit_student_links i {
    transform: rotate(90deg);
    opacity: 0.8;
}

div#students span.open_edit_class_links i,
span.open_edit_student_links i {
    transform: rotate(90deg);
    color: var(--sec-h-text);
    opacity: 0.8;
    font-size: 17px;
}

.assessments_content span.open_edit_class_links i.fa.fa-ellipsis-v {
    color: white;
}

.edit_links ul {
    list-style-type: none;
    font-size: 12px;
    padding: 0;
    text-align: left;
}

.edit_class_links,
.edit_student_links {
    float: right;
}

input.custom_search_input.form-control,
.custom_search_help {
    width: 250px;
    border-right: 0px;
    border-radius: 24px 0px 0px 24px;
    border: none;
    font-size: 16px;
    color: #000;
}

input.custom_search_input.form-control::placeholder {
    color: #000;
    opacity: 1;
}

.search_head,
.search_help {
    display: flex;
    width: 300px;
    border-right: 0px;
    border-radius: 24px 24px 24px 24px;
    border: 1px solid var(--light-bg);
}

.custom_header .elementor-row {
    align-items: center;
}

.custom_header_search_And_profile {
    display: grid;
    align-items: center;
	gap:20px;
	grid-template-columns: auto auto auto;
    justify-content: space-between;
	padding-right: 40px;
}

img.user_profile {
    height: 36px !important;
    margin-left: 10px;
    border-radius: 50px !important;
    width: 37px;
    object-fit: cover;
}

.students_header {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 25px;
}

.select_classroom select{
    height: 24px;
    padding: 0px;
    font-size: 12px;
}

.dashboard_students{
	display: grid;
	grid-template-columns: repeat(3, 33.33%);
    justify-content: start;
}
.students_content {
    display: grid;
    gap: 25px;
	flex-wrap: wrap;
    margin-top: 20px;
	grid-template-columns: repeat(5, calc(20% - 20px));
}

.dashboard_single_student img.user_profile_img {
	width: 60px;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
    background-color: #cde1f1;
    cursor: pointer;
}

.student_name {
    text-align: center;
    width: 100%;
}

.dashboard_single_student {
    display: flex;
	padding:10px;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
}





.custom-resource-events .elementor-widget-container .eael-event-calendar-wrapper .eael-event-calendar-cls {
    min-height: 20vh !important;
}

.edit_links li {
	font-family:var(--secondary-font);
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    cursor: pointer;
    padding: 4px 9px;
    font-size: 14px;
    border: 0.5px solid #6565652B;
}

.edit_links li:last-child {
    border: none;
}

.edit_links li:hover {
    color: #000000;
}

ul.links span.tablinks {
    display: flex;
    align-items: center;
    gap: 4px;
	color:var(--sec-h-text);
	font-weight: 700;
    font-size: 14px;
}

.single_class_content ul.links,
.single_students_content ul.links {
    display: flex;
    gap: 30px;
    padding: 0px;
    border-bottom: 1px solid #dee2e6;
}

.single_students_content ul.links {
    display: flex;
    gap: 30px;
    padding: 0px;
    border-bottom: 1px solid #dee2e6;
}

.classroom_tablinks.active {
    border-bottom: 3px solid var(--blue);
    padding-bottom: 22px;
}

.students_tablinks.active {
    border-bottom: 2px solid var(--blue);
    padding-bottom: 22px;
    color: var(--blue) !important;
    font-weight: bold;
}

.modal-body,
.students_content .modal-body {
    padding: 15px 12px !important;
}

.classroom_tablinks,
.students_tablinks {
    padding: 0px 40px 17px 40px;
}

.single_class_content ul.links span,
.single_students_content ul.links span {
    font-size: 15px;
}

div.classroom_tabcontent {
    padding: 40px 60px;
}

.single_students_content ul.links span {
    font-size: 12px;
    font-weight: 700;
}

.single_students_content ul.links li:first-child span {
    padding: 0px 40px 17px 22px;
}

.student_enrolled_courses_inner {
    height: 290px;
    overflow: auto;
}

.student_enrolled_courses {
    text-align: start !important;
    padding: 30px 23px !important;
}



.student_enrolled_courses_inner_text a {
    color: #000;
    font-weight: 600;
    text-decoration: underline;
    font-size: 16px; margin-bottom:10px;
}

div.students_tabcontent {
    padding: 40px 40px;
}

.single_tab_content {
    width: 100%;
    margin: auto;
}

.single_tab_content input[type=date], .single_tab_content input[type=email], .single_tab_content input[type=number], .single_tab_content input[type=password], .single_tab_content input[type=search], .single_tab_content input[type=tel], .single_tab_content input[type=text], .single_tab_content input[type=url], .single_tab_content select, .single_tab_content textarea{border: 1px solid var(--light-bg);}

.classroom_tabcontent .single_tab_content {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.classroom_image {
    padding: 20px;
    background: #D7E5F2;
    border-radius: 26px;
    text-align: center;
    opacity: 80%;
    width: auto;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.save_classroom {
    margin-top: 20px;
}

.classroom_image img {
    border-radius: 40px;
	width: 100px;
	height: 100px;
	object-fit: cover;
	max-width: none;
}
.classroom_tabcontent .classroom_image{max-width: 190px; width:100%; height:180px;}
.classroom_tabcontent .classroom_image img{border-radius: 100%;}

.classroom_image_main img {
    /* height: 55px !important; */
    border-radius: 100px !important;
    width: 97px !important;
}

#students img.user_profile_img {
    height: 55px !important;
    border-radius: 40px !important;
    width: 55px !important;
}

.classroom_image_main,
.student_image {
    margin-top: 25px;
}

.modal-dialog {
    max-width: 680px;
}

.students_content table.students_data td {
    border: none;
}

span.add_students {
    cursor: pointer;
}

.sign_in_content {
    width: 60%;
    background: var(--yellow);
    padding: 16px 0px 40px 18px;
    margin: auto;
    text-align: start;
    height: 100px;
    color: var(--blue);
    font-weight: 700;
    border: 1px solid #707070;
}

button.close.classroom_modal_close_btn,
button.close.students_modal_close_btn {
    color: #000;
    background: none;
    font-size: 30px;
    border: none;
}

.modal .modal-header {
    padding: 0px 12px !important;
}

.edit_links.active {
    display: block !important;
}

.student_name {
    font-size: 12px;
     margin: 6px auto; 
    text-transform: capitalize;
    font-weight: 600;
    /* padding-top: 4px; */
    color: var(--sec-h-text);
}

div#students .student_name {
    font-size: 15px;
}
div#students .student_name{margin: 15px auto;}
.classroom_name {
    font-size: 20px;
    width: auto;
    margin: 11px auto 4px auto;
    text-transform: capitalize;
    font-weight: 700;
    padding-top: 8px;
}

.student_name_div,
.update_class_div,
.student_email_div,
.student_new_password,
.student_new_confirm_password {
    display: flex;
    align-items: center;
    justify-content: center;
}

.students_data,
.students_change_password {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    text-align: left;
	font-family:var(--secondary-font);
}

label.students_name_label {
    width: 37%;
}

input.students_name_input {
    width: 100%;
}

.students_tabcontent {
    text-align: center;
}

.students_tabcontent .single_tab_content {
    width: 100% !important;
}

.question_content {
    width: 100%;
    display: flex;
    flex-direction: column;
}

button.btn.btn-danger.update_student,
button.btn.btn-danger.update_student_password {
    margin-top: 70px;
    background-color: var(--red) !important;
    border: none !important;
	    padding: .375rem 1.5rem;
}

button.btn.btn-danger.update_student_password {
    margin-top: 40px !important;
}

.account_page_custom {
    height: auto;
    background-color: var(--light-bg);
}

.account_page_custom .student_dashboard {
    padding-left: 30px;
    padding-right: 30px;
}

ul.links span.tablinks.active i,
ul.links #defaultOpen i {
    color: var(--yellow);
}

.account_page_custom h2,
.account_page_custom h1 {
    font-size: clamp(26px, 5vw, 48px);
    font-weight: 700;
	color:var(--black);	
}

div .account_page_custom h2,
.account_page_custom h1,
.account_page_custom h3,
.account_page_custom h4,
.account_page_custom h5,
.account_page_custom h6 {
    font-family: "Poppins", Sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: .0px !important;
    margin-bottom: 0px !important;
}

.students_sidebar_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.see_all {
    margin-top: 8px;
}

span.plus_icon {
    background: var(--red);
    border-radius: 8px;
    padding: 8px 10px;
    color: white;
    font-size: 11px;
}

.question {
    padding: 13px 22px;
    background: var(--white);
    border-radius: 20px;
    margin-top: 10px;
    color: #707070;
    display: grid;
    align-content: space-between;
    gap: 15px;
}

.question label {
    font-weight: 400;
}

.edit_options a{font-size: 13px;}
.edit_options label{font-size: 15px;}
.edit_options select {font-size: 15px;}


select.send_to_select { 
    height: 20px;
    padding: 0px 7px !important;
}

.edit_options {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px;
	font-family:var(--secondary-font);
}

.responses_btn button {
    padding: 0px 15px;
    font-size: 12px;
    color: var(--red);
    border-radius: 12px;
	height:32px;
    border: 2px solid var(--red);
    font-weight: 500;
    margin-top: 20px;
}

.responses_btn button:hover,
.responses_btn button:focus {
    background-color: unset;
    color: var(--red);
}

.edit_options .right {
    display: flex;
    gap: 8px;
    align-items: center;
}

.question_content label {
    margin: 0px !important;
    font-weight: 500;
    color: var(--sec-h-text);
	white-space: nowrap;
}

.question_of_the_day h5 {
    font-weight: 700;
}

button.send_question_btn {
    background: var(--red) !important;
    color: #fff !important;
    border: var(--red) !important;
    font-weight: 500;
	font-size:14px;
    white-space: nowrap;
}
.learndash-wrapper .ld-status-icon .ld-icon:before{transform: translate(-50%, -50%);}

.send_question .send_educator_quesDay_sent {
    background: var(--green) !important;
}

.assessments .content {
    display: flex;
    flex-direction: column;
    gap: 28px;
    margin-top: 20px;
}

.assessments .content .view_initial,
.assessments .content .view_all {
    background: var(--medium-blue);
    border-radius: 14px;
    padding: 5px 7px 5px 10px;
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.assessments .content .view_initial span,
.assessments .content .view_all span {
    float: right;
    background: var(--blue);
    border-radius: 8px;
    text-align: center;
    padding: 6px 8px 6px 10px;
    font-size: 20px;
    color: var(--white);
    opacity: 0.8;
    width: 31px;
}

.assessments .content .view_initial label,
.assessments .content .view_all label {
    margin-top: 0px;
    font-size: 14px;
    font-weight: 500;
}

.send_question {
    position: relative;
    transform-origin: 0 0;
    line-height: 24px;
    width: 58px;
}

.send_question .send_question_inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    background-color: var(--red);
    border-radius: 0 36px 36px 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.send_question .send_question_inner button.send_question_btn {
    transform: rotate(270deg);
	font-weight:700;
}


/************** Graph chart*******************/
body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

*:before,
*:after {
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
    padding: 20px;
}

.line-chart {
    animation: fadeIn 600ms cubic-bezier(.57, .25, .65, 1) 1 forwards;
    opacity: 0;
    max-width: 370px;
    width: 100%;
}

.aspect-ratio {
    height: 0;
    padding-bottom: 50%;
    /* // 495h / 990w */
}

div#progress_reports .custom_chart .aspect-ratio {
    height: 100%;
	align-items: center;
}

@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

canvas#chart {
    height: 190px !important;
    width: 100% !important;
    padding: 0 43px 0px 19px;
}

/********* Graph chart end ******************/
.graph_left {
    border-radius: 26px 0px 26px 26px;
    padding: 26px 10px 26px 40px;
    background: var(--red);
    width: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 35px;
	min-height: 300px;
}

.custom_chart {
    padding: 10px 0px 20px;
}

.custom_chart .chart_top {
    display: flex;
    justify-content: space-between;
    height: 25px;
    align-items: center;
    padding: 38px 35px 24px 18px;
    gap: 10px;
}

div#progress_reports .custom_chart .chart_top {
    padding: unset;
}

div#progress_reports .custom_chart {
    padding: 0;
	width:100%;
}

.chart_top_right.select_chart_date_range select {
    padding: 0px;
    font-size: 14px;
    color: var(--sec-h-text);
    letter-spacing: var(--unnamed-character-spacing-0);
    background: var(--light-bg);
}

.students_activity_graph .graph_left label,
.students_activity_graph .graph_left h4 {
    color: var(--white);
}

.graph_left div h4 {
    font-size: 18px;
    font-weight: 600;
}

.see_all_students {
    cursor: pointer;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--body-text);
    font-family: var(--secondary-font);
}
.chart_top_left label{
	cursor: pointer;
    font-size: 12px;
	margin-top: 10px;
	color: var(--body-text);
    font-family: var(--secondary-font);
	
}

.single_students span.add_students_icon.fa.fa-plus,
span.add_classroom_icon.fa.fa-plus {
    padding: 21px 22px;
    background: var(--yellow);
    border-radius: 38px;
    font-size: 24px;
    color: var(--white);
    width: 100%;
    border-radius: 50%;
    max-width: 100px;
}

.add_student {
    text-align: center;
    padding: 13px;
}

.page-id-36758 main#content {
    width: 100%;
}

.my_teaching_plan_sublinks,
.my_student_plan_sublinks {
    display: none;
}


ul#my_teaching_plan_sublinks li{margin-top:0px;}

.my_teaching_plan_sublinks.active,
.my_student_plan_sublinks.active {
    display: block !important;
}

ul#my_teaching_plan_sublinks,
ul#my_student_plan_sublinks {
    list-style-type: none;
    margin-top: 15px;
}

ul.links span.tablinks i {
    width: 22px;
    text-align: center;
}

.parent_div .side_bar .top_links ul.links span.tablinks i.material-icons {
    font-size: 16px;
}

.parent_div .side_bar .top_links ul.links span.tablinks i.material-symbols-rounded {
    font-size: 17px;
}

.custom_header ul#menu-ts_dashboard li span {
    color: var(--body-text);
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: 0.5px;
}

button.custom_top_search,
.custom_help_btn {
    background: var(--red);
    color: white;
    border-radius: 0px 35px 35px 35px;
    margin-top: -1px;
    height: 43px;
    border: 1px solid var(--light-bg);
}

.search_help button.custom_help_btn:hover,
.search_help button.custom_help_btn:focus {
    background-color: var(--red);
}

button.custom_top_search:hover,
button.custom_top_search:focus {
    background: var(--red);
}

/*************** Students tab graph ****************/
.students_activity_graph.students_tab_graph {
    height: 200px;
}

.students_activity_graph.students_tab_graph .graph_left {
    padding: 10px 40px;
}

.students_activity_graph.students_tab_graph .custom_chart {
    padding-top: 0px;
}

.students_activity_graph.students_tab_graph .chart_top {
    align-items: center;
}

.students_activity_graph.students_tab_graph button.activity_chart_view_all {
    height: 30px;
    padding: 0px 35px 0 10px;
    border-radius: 20px;
    border: none;
    background: var(--red);
    color: var(--white);
}

.students_activity_graph.students_tab_graph .line-chart {
    padding: 0px !important;
    margin: 0px !important;
    width: 100%;
    height: 160px;
}

.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated>.elementor-widget-wrap {
    padding: 0px 0px 8px 0px;
}


/********* Progress bar **************/
body {
    background-color: #2979FF;

}

.container {
    width: 100%;
    color: white;
    background: #2979FF;
}

ul.progressbar {
    display: flex;
    gap: 40px;
    padding: 0px;
}

.progressbar li {
    position: relative;
    list-style: none;
    float: left;
    width: 20%;
    height: 40px;
    border: 1px solid #f48b8b;
    text-align: center;
    margin: 0 auto 10px auto;
    border-radius: 20px;
    background-color: var(--white);
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--body-text);
    font-size: 12px;
    line-height: 1;
}

ul.progressbar li.active {
    border-color: var(--green);
    background: var(--white);
}

.progress_reports.progress_tab_graph {
    width: 100%;
    background: var(--white);
    margin-top: 34px;
    display: flex;
    padding: 20px;
    box-shadow: 0px 2px 6px #0000000A;
    border-radius: 5px;
}

#progress_reports .plan_overview {
    display: flex;
    gap: 20px;
    column-count: 4;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 26px;
}

#progress_reports .manage_teaching_plan_data {
    width: 48.5%;
    background: var(--white);
    display: flex;
    gap: 10px;
    justify-content: space-between;
    flex-direction: column;
    height: auto;
    box-shadow: 0px 2px 6px #0000000A;
    border-radius: 5px;
    padding: 20px;
}

div#my_teaching_plan .manage_teaching_plan_data {
    background: var(--white);
    display: flex;
	width:100%;
	max-width:450px;
    gap: 10px;
    justify-content: space-between;
    height: auto;
    box-shadow: 0px 2px 6px #0000000A;
    padding: 20px;
    border-radius: 5px;
}

.progressbar li:first-child:after {
    content: none;
}

.progressbar li.active:before {
    background: #00E676;
}

div#my_teaching_plan .plan_overview {
    padding-top: 10px;
    display: flex;
	gap:40px;
    justify-content: space-between;
}

.plan_overview_data {
    display: flex;
    gap: 14px;
}

.plan_data {
    width: 25%;
    text-align: center;
}

.plan_data {
    width: 25%;
    text-align: center;
    position: relative;
}

.plan_data:last-child {
    border-right: 0px;
}

.plan_icon i {
    padding: 10px 10px;
    background: #00e676;
    border-radius: 50px;
    height: 38px;
    width: 38px;
    text-align: center;
    color: var(--white);
    margin-bottom: 8px;
}

.teaching_plan_summary_inner {
    display: flex;
    width: 100%;
	gap:40px;
    justify-content: space-between;
}

.teaching_plan_summary h4 {
    padding-top: 50px !important;
    font-size: 20px;
    font-weight: 600;
}

button.plan_initial_assessment_btn {
    border-color: var(--green);
    color: var(--green);
    border-radius: 10px;
    padding: 4px 18px;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
}

button.plan_initial_assessment_btn:hover {
    background: var(--green);
}

.teaching_plan_single {
    background: var(--white);
    width: 100%;
    display: flex;
}

.class_name.teaching_plan_single {
    width: 100%;
	max-width:250px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 20px;
    border-radius: 5px;
    text-align: center;
    position: relative;
    justify-content: center;
}

.current_lesson_quiz_data {
    display: flex;
    gap: 5px;
}

.current_single {
    width: 50%;
    background: var(--white);
}

.recent_activity_data {
    width: 100%;
}

.recent_activity_box {
    background: var(--white);
}



.teaching_plan_summary {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.class_name.teaching_plan_single i.fa.fa-group {
    padding: 20px;
    background: var(--light-yellow-bg);
    border-radius: 30px;
    color: var(--red);
}

.class_concepts.teaching_plan_single {
    display: flex;
    border-radius: 20px;
}

.class_concepts_data_left {
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 40px 20px;
    justify-content: center;
}

.class_concepts_data_right {
    width: 70%;
}

.class_concepts_data_left i.fa.fa-bell {
    padding: 20px;
    background: #ffff002e;
    border-radius: 30px;
    color: var(--yellow);
}

ul.concepts_list {
    list-style-type: none;
}

.class_concepts_data_left p,
.class_name.teaching_plan_single .grade_levels {
    text-transform: capitalize;
    color: var(--gray);
}

.class_concepts_data_left h5,
.class_name.teaching_plan_single label.current_class_name {
    letter-spacing: 0px;
    color: #2D2F39;
    opacity: 1;
    margin: 0px !important;
    font-weight: 500;
    font-size: 16px;
}


.class_name.teaching_plan_single img {
    background:#f26c6c3b;
    border-radius: 30px;
    padding: 20px 15px;
}

.class_concepts_data_left img {
    background: #FFF8E5;
    border-radius: 50px !important;
    padding: 15px 15px;
}

progress::-moz-progress-bar {
    background: var(--blue);
}

progress::-webkit-progress-value {
    background: var(--blue);
}

progress {
    color: var(--blue);
}

.class_concepts_data_right {
    padding: 20px 40px;
    background: #F3F7FB;
    height: 254px;
    border-radius: 0 5px 5px 0;
}

.class_concepts_sata_right_inner {
    height: 220px;
    overflow: auto;
}

.class_concepts_data_right::-webkit-scrollbar {
    display: none;
}

.single_class_pro_data {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 8px 10px 0px 10px;
    background: var(--white);
}

.progress_course_data {
    display: flex;
    justify-content: space-between;
}

progress.progress {
    width: 100% !important;
    border-radius: 0px;
}

.progress_course_data label {
    font-size: 14px;
}

.progress_course_data p {
    font-size: 12px;
}

.current_lessons.current_single {
    padding: 40px 25px;
    display: flex;
    flex-direction: column;
    gap: 26px;
    border-radius: 5px;
    max-height: 340px;
    width: 100%;
    position: relative;
}

.current_lessons.current_single_btn,
.teaching_plan_single_btn,
.assesment_by_year_topbtn {
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--white);
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translate(35%, -35%);
    color: #80808054;
    box-shadow: 0px 1px 4px 1px #80808069;
    cursor: pointer;
}

.teaching_plan_single_btn {
    cursor: pointer;
}

.current_courses_lesson_parent {
    display: flex;
    flex-direction: column;
    gap: 18px;
    overflow-y: auto;
}

.current_quizzes.current_single {
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

div#find_activities {
    padding-right: 0px;
}

.current_course_lessons {
    padding: 5px 10px 5px 10px;
    font-size: 15px;
    display: flex;
    gap: 15px;
    align-items: center;
    border: 1px solid var(--light-blue);
    border-left: 3px solid var(--blue);
    width: 100%;
    margin: 0 auto;
}

.current_lessons.current_single .current_course_lessons:nth-child(3) {
    border-left: 3px solid #82a99f !important;
    background-color: #f6f9f8;
    border: 1px solid #70c2ae4f;
}

.current_lessons.current_single .current_course_lessons:nth-child(4) {
    border-left: 3px solid var(--yellow) !important;
    background-color: #f9fefc;
    border: 1px solid #fbcc0f29;
}

i.right-arrow.fa.fa-angle-right {
    background: var(--blue);
    color: var(--white);
    padding: 4px 8px;
    border-radius: 5px;
}

.current_Quiz_lessons {
    background: var(--blue);
    padding: 10px 10px 4px 10px;
    border-radius: 10px;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
}

.manage_graph_teaching_plan {
    display: grid;
    gap: 40px;
	grid-template-columns: 300px 1fr;
    margin: 30px 0px 35px;
    justify-content: space-between;
}


div#my_teaching_plan .manage_graph_teaching_plan {
    margin: 50px 0px 35px;
}

.manage_teaching_plan_graph {
    background: var(--white);
    border-radius: 5px;
    padding: 18px 20px;
	width:100%;
}

.teaching_graph_heading_n_inputs {
    display: flex;
    justify-content: space-between;
}

.teaching_graph_heading_n_inputs h4 {
    font-size: 16px;
    font-weight: 700;
}

form.teaching_plan_graph_form {
    display: flex;
    gap: 15px;
}
.current_lessons #find_activities .find_activities_body{margin-top:0px;}
div#my_teaching_plan form.teaching_plan_graph_form {
    margin-bottom: 0;
}

select.student_progress_change_course,
select.student_progress_lesson_populate {
    padding: 0 0;
    background-color: var(--white);
    border-color: #80808063;
    box-shadow: 1px 1px 2px 1px #80808026;
    font-size: 14px;
    color: #6a6464;
    font-weight: 400;
    height: 30px;
}

.manage_left {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    width: 35%;
    justify-content: center;
    text-align: center;
    border-right: 2px solid #f0eeee82;
    padding-right: 20px;
}

.manage_right {
    display: flex;
    flex-wrap: wrap;
    column-count: 2;
    align-items: center;
    padding: 20px 0 20px 0px;
    row-gap: 18px;
}

.manage_left p {
    font-size: 14px;
}

.manage_teaching_plan_data img {
    background: rgb(215 229 242);
    padding: 12px 10px;
    border-radius: 30px !important;
    max-width: 46px !important;
}

.current_courses.courses_grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    justify-content: space-between;
}

.single_course_data{
    margin-bottom: 44px;
    background: var(--white);
    padding: 10px 15px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    border-radius: 6px;
    position: relative;
    justify-content: space-between;
}

.single_course_data .course_title{
    font-size: 20px;
    color: var(--blue);
    font: var(--unnamed-font-style-normal) normal 900 16px/53px var(--unnamed-font-family-poppins-bold);
    font-weight: 600;
    padding-bottom: 8px;
    line-height: 17px;
}

.single_course_data .course_current_course {
    font-size: 14px;
}

.single_course_data .course_current_course span {
    font-weight: 800;
}

.single_course_data label.concepts_title {
    text-align: left;
    letter-spacing: 0px;
    opacity: 1;
	font-size:14px;
    font-weight: 800;
    padding-bottom: 0px;
}


.single_course_data .course_lessons ul {
    /* list-style-type: none; */
    padding: 0px;
}

.single_course_data .course_lessons ul li {
    padding-bottom: 5px;
	list-style:none;
	font-size:14px;
}

.single_course_focus_mode_data {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: var(--white);
    z-index: 9999;
    padding: 40px 130px 100px 130px;
}

.single_course_focus_mode_data iframe {
    height: 100% !important;
    width: 100% !important;
}

.close_icon {
    text-align: right;
    font-size: 30px;
    background: var(--white);
}

.single_course_focus_mode_data iframe::-webkit-scrollbar {
    display: none;
}

.iframe_data {
    height: 100%;
}

/**** BY PARDEEP ****/
.go_back {
    background: var(--white);
    padding: 2px 3px 2px 3px;
    border-radius: 7px;
    font-size: 15px;
}

.class-info {
    text-align: center;
    line-height: 3.4em;
}

.assessments_content {
    background: var(--white);
    padding: 18px;
    border-radius: 30px;
    width: 30%;
    text-align: center !important;
    font-size: 18px;
    font-weight: 600;
}

.assesment_sub_content {
    display: flex !important;
    gap: 25px;
    padding-bottom: 60px;
    flex-wrap: wrap;
    align-items: stretch;
    border-bottom: 1px solid #707070;
    opacity: 50%;
}

p.assessment_quiz_title_tab {
    border: 1px;
    border-radius: 16px;
    background: var(--blue);
    color: var(--white);
    padding: 12px 30px 12px 30px;
    cursor: pointer;
    /* text-transform: capitalize; */
    font-size: 14px;
    margin: 0px !important;
}

.questions_content {
    font-size: 12px;
}

.educator-form input {
    box-shadow: 0px 12px 40px #00000014;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none !important;
    height: 50px;
}

.educator-form .ur-label {
    display: none !important;
}

.educator-form .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item {
    margin-bottom: 0px;
}

.educator-form input:focus,
div#my_account .my_account_inner .left_side input:focus,
div#my_account .my_account_inner .left_side select:focus {
    border-left: 3px solid var(--blue) !important;
}

div#my_account .my_account_inner .left_side input#edit_educator_profile_btn:focus,
div#my_account .my_account_inner .left_side input#edit_classroom_btn:focus,
div#my_account .my_account_inner .left_side input#edit_password_btn:focus {
    border-left: unset !important;
    background: var(--red);
}

div#my_account .my_account_inner .edit_profile .left_side input:focus-visible,
div#my_account .my_account_inner .edit_profile .left_side select:focus-visible {
    outline: unset;
}

.educator-form .user-registration button.btn.button.ur-submit-button {
    height: auto;
}

.login_form {
    max-width: 40%;
    margin: auto !important;
    box-shadow: none !important;
}

.login_form .user-registration {
    margin: auto !important;
    box-shadow: none !important;
}

.login_form .form-row label {
    display: none !important;
}

.login_form .user-registration input {
    margin-bottom: 10px !important;
}

.login_form .form-row {
    margin-bottom: 0px;
}

.login_form .user-registration .ur-form-grid>span {
    display: none;
}

.login_form .user-registration input.user-registration-Button {
    background: var(--red);
    color: var(--white);
    padding: 0px 60px !important;
    border-radius: 12px;
    text-align: center;
    float: none;
}

.login_form .user-registration .ur-form-grid {
    text-align: center;
}

.educator-form input::placeholder {
    color: #666 !important;
    font: var(--unnamed-font-style-normal) normal medium 18px/25px Avenir;
    letter-spacing: 0.9px;
}

.ld-focus-header {
    display: none !important;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading h3 a {
    color: #000 !important;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading, .learndash-cpt-sfwd-quiz .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading, .learndash-cpt .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading{
    background: #fff !important;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger {
    background: #fff !important;
    border-right: 1px solid #e2e7ed;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger span.ld-icon.ld-icon-arrow-left {
    display: none;
}

.close_iframe_data label {
    color: #707070;
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
    cursor: pointer;
}

.iframe_data {
    margin-bottom: 20px;
}


.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-button:focus{outline: 2px solid var(--red) !important;}


/*********** Learndash changes ***************/

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-wrapper {
    height: unset !important;
}

main#content {
    width: 100%;
    max-width: 100%;
}


.learndash-wrapper .ld-focus .ld-focus-sidebar {
    padding-top: 0px !important;
	position:relative !important;
	width:34% !important;
}

.ld-focus-sidebar-wrapper::-webkit-scrollbar {
    display: none;
}

.open_single_course {
    position: absolute;
    top: -20px;
    right: -20px;
    border-radius: 50px;
    background: var(--yellow);
    padding: 14px 18px;
    font-size: 26px;
    color: var(--white);
    cursor: pointer;
    height: 63px;
	width: 63px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading {
    min-height: 0px !important;
    width: 350px !important;
    z-index: 9 !important;
    padding: 0px !important;
    display: block !important;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading h3 {
    background: #fff !important;
}

span.ld-focus-sidebar-trigger {
    display: none;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-wrapper {
    margin-top: 20px;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item .ld-lesson-item-preview {
    padding: 0.8em !important;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item {
    margin-right: 50px;
}

/*********** Learndash changes End ***************/
.account_page_custom .side_bar img.user_profile {
    height: auto !important;
    width: 90%;
}

.stu-edu-clearall-notification{
    float: right;
    margin-top: -25px;
    color: var(--body-text);
}

.student_sidebar .student_class_name {
    font-size: 14px;
    width: 100%;
    text-transform: capitalize;
    text-align: center;
}

.side_bar.student_sidebar {
    display: flex;
    flex-direction: column;
    gap: 2px;
    justify-content: unset;
}

.top_menus_links ul.links {
    display: flex;
    gap:80px;
    align-items: center;
    margin: 0px !important;
    font-weight: 700;
    padding: 0px;
    justify-content: space-between;
}

.custom_header_student_dashboard_top_links .top_menus_links ul.links {
    gap: 60px;
    justify-content: unset;
}

.top_menus_links ul.links li {
    margin: 0px !important;
}
.top_menus_links ul.links li:hover{color: var(--red);}

div#home .content_page {
    display: flex;
    flex-direction: column;
    /* gap: 22px; */
}

div#home .content_page .question_of_the_day_main {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    height: 220px;
    margin-top: 20px;
}

div#home .content_page .your_courses {
    display: flex;
    gap: 1%;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}

div#home .content_page .your_courses .student_single_course {
    background: var(--white);
    padding: 0px !important;
    border-radius: 20px;
    width: 32%;
    margin-bottom: 15px;
    cursor: pointer;
}

div#home .content_page .your_courses .student_single_course:hover {
    background: #efebeb;
}

div#home .content_page .your_courses .student_single_course .open_single_student_course {
    padding: 20px;
}

.student_welcome_msg h4 {
    text-align: center;
    color: var(--sec-h-text);
    font-family: "Poppins", Sans-serif;
    font-size: 23px;
    font-weight: 700;
    line-height: 1.7;
}

.student_welcome_msg {
    background: var(--white);
    padding: 26px;
    border-radius: 30px;
}


.custom-exiting-username{
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: left;
    display: block;
    width: 100%;}

    .custom-exiting-username ul{    list-style: none;
    text-align: left;
    margin: 0;
    padding: 0;
    margin-top: 10px;}
    .table-container.ty-scroll {
        width: 100%;
        height: 285px;
        overflow-x: auto; 
        -webkit-overflow-scrolling: touch; 
    }
    .table-container.ty-scroll .content-table{
        margin: 0px;
    }
    .table-container.ty-scroll::-webkit-scrollbar {
        height: 8px;
    }
    
    .table-container.ty-scroll::-webkit-scrollbar-thumb {
        background-color: #888;
        border-radius: 4px;
    }
    
    .table-container.ty-scroll::-webkit-scrollbar-thumb:hover {
        background-color: #555;
    }
    .time-spend p{        
        color: #fff;
        margin-bottom: 0;
        padding-bottom: 0;
        font-size: 18px;
        text-align: center;
        font-weight: 600;
        margin-left: -32px;
        line-height: 25px;
        max-width: 178px;
        opacity: 0.6;
        font-family: "Poppins", Sans-serif;
    }
    .custom-exiting-username ul li {border: 1px solid #ddd; width: 50%;
    padding: 5px 20px;}

.question_of_the_day_main .question_of_the_day .question_content {
    width: 100% !important;
    overflow: auto;
}
.container-inner#duplicate_username_msg{margin: 0px -110px; padding: 10px;}

.question_of_the_day_main .i_affrimation_msg {
    width: 48%;
    background: var(--white);
    border-radius: 26px;
    text-align: center;
    padding: 50px 0px;
}


.question_of_the_day_main .i_important_msg .heart_icon {
    font-size: 75px;
    color: var(--red);
}

.parent_div.student_dashboard div.feedback_tabcontent {
    width: 100% !important;
}

.parent_div div#daily_affirmation {
    margin: 0% 0px;
}

div#single-students .view_single_student_content {
    display: flex;
    padding-top: 0px;
}

.view_single_student_content .view_user_top {
    display: flex;
    gap: 3%;
    width: 100%;
    flex-wrap: wrap;
}

.view_single_student_content .view_user_top .view_student_content {
    width: 20%;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.view_single_student_content .view_user_top .view_student_graph {
    width: 53%;
    text-align: center;
    padding: 20px 20px 20px 20px;
    background: var(--white);
    border-radius: 25px;
    display: flex;
    flex-direction: column;
}

.single_student_main_chart_date {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.view_single_student_content .view_user_top .view_student_graph label {
    font-weight: 700;
    font-size: 16px;
	width: 65%;
    margin-top: 20px;
    text-align: right;
}
.rit-c{display: flex; gap:10px; flex-direction: column;}
.view_single_student_content .view_user_top .top_concepts_work_on {
    width: 21%;
    padding: 20px 20px 20px 20px;
    background: var(--white);
    border-radius: 20px;
}

.view_student_content .user_data_image {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-direction: column;
    word-break: break-word;
    align-items: center;
    background: var(--white);
    padding: 17px 20px;
    border-radius: 24px;
    position: relative;
}






.view_student_content .user_data_image .profile-image-list {
    position: absolute;
    top: 120px;
    background-color: var(--white);
    width: 350px;
    height: 260px;
    box-shadow: -2px 2px 13px -3px grey;
    border-radius: 20px;
    overflow: hidden;
	padding:10px;
}


.profile-image-list .profile-image-gallery {
	overflow-x: auto;
  scroll-behavior: smooth;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    column-gap: 25px;
    justify-content: center;
    height: 270px;
    padding: 20px 25px;
}



/* WebKit Scrollbar Styling */
.profile-image-list .profile-image-gallery::-webkit-scrollbar {
  height: 8px; /* height for horizontal scrollbar */
}

.profile-image-list .profile-image-gallery::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

.profile-image-list .profile-image-gallery::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 4px;
}

.profile-image-list .profile-image-gallery::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}


.profile-image-list .profile-image-gallery img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    cursor: pointer;
}

div#verify-student-icon-change .modal-dialog {
    max-width: 430px !important;
}

div#verify-student-icon-change {
    background-color: #ffffffa6;
}

div#verify-student-icon-change .modal-dialog .modal-content {
    padding: 10px;
    border-radius: 4px;
    box-shadow: 1px 1px 7px 1px #463d3d82;
}

div#verify-student-icon-change .modal-dialog .modal-content .modal-body {
    font-size: 18px;
    text-align: center;
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 0;
    color: #000;
    font-weight: 600;
}

div#verify-student-icon-change .modal-dialog .modal-content .modal-body::before {
    content: "";
    width: 70px;
    height: 3px;
    position: absolute;
    background: #f46e6e;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 4px;
    display: none;
}

div#verify-student-icon-change .modal-dialog .modal-content .modal-footer {
    border-top: unset;
    display: flex;
    justify-content: space-between;
}

div#verify-student-icon-change .modal-dialog .modal-content .modal-footer button {
    border: 1px solid var(--red);
    color: var(--red);
    padding: 6px 21px;
    border-radius: 13px;
}

div#verify-student-icon-change .modal-dialog .modal-content .modal-footer .btn-secondary {
    background-color: var(--red);
    color: var(--white);
}

div#verify-student-icon-change .modal-dialog .modal-content .modal-footer button:hover,
div#verify-student-icon-change .modal-dialog .modal-content .modal-footer button:focus {
    background-color: var(--red);
    color: var(--white);
}

.view_student_content .user_data_image .image img {
    border-radius: 20px;
    width: 100%;
}

.view_student_content .name_and_class p {
    font-size: 14px;
    margin-bottom: 0px;
}

.view_student_content .user_data_image .image {
    width: 100px;
    text-align: center;
    position: relative;
}

button.single-class-content_profile_btn,
button.student_single_class_profile_btn {
    position: absolute;
    bottom: 0px;
    right: 17px;
    border: unset;
    padding: 0;
    color: var(--blue);
	 transform: rotate(90deg);
}

button.single-class-content_profile_btn:hover,
button.student_single_class_profile_btn:hover,
button.single-class-content_profile_btn:focus,
button.student_single_class_profile_btn:focus {
    color: var(--blue);
}

button.single-class-content_profile_btn:hover,
button.student_single_class_profile_btn:hover,
button.single-class-content_profile_btn:focus,
button.student_single_class_profile_btn:focus {
    background-color: unset;
}

.user_data_image .name_and_class {
    width: 100%;
    text-align: center;
}

.find_activities_body .search_filter {
    display: flex;
    gap: 2%;
    width: 100%;
}

.find_activities_body .search_filter .single_filter_div {
    width: 100%;
}

select.select_filter {
    width: 90%;
    padding: 4px 8px;
    border-radius: 0;
    min-height: 36px;
    margin-bottom: 10px;
    line-height: 1.5;
    box-shadow: 0px 12px 40px #00000014;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none !important;
    height: 50px;
    color: #8d8989;
    border-left: 3px solid var(--blue) !important;
    font-weight: 600;
    color: var(--sec-h-text);
    font-size: 12px;
}

select.select_filter:focus-visible {
    outline: none;
}

.find_activities_body .search_filter {
    background: var(--white);
    padding: 20px 35px;
    border-radius: 32px;
}

.single_filter_div .filter_heading {
    font-size: 12px;
    margin-bottom: 7px;
}

.classroom_heading {
    background: linear-gradient(347deg, rgba(242, 108, 108, 1) 14%, rgba(242, 108, 108, 1) 20%, rgba(251, 205, 15, 1) 19%, rgba(251, 205, 15, 1) 32%, rgba(239, 198, 26, 1) 33%, rgba(68, 98, 173, 1) 32%);
    padding: 40px 40px 30px;
}
.classroom_heading h2, .classroom_heading h1{color:var(--white);}

.tabcontent .classroom_heading h6{
    margin-top: 5px !important;
    font-weight: 600;
    font-size: 24px;
    color: white;
	letter-spacing:0.5px;
}

.edit_options .left a {
    color: var(--blue);
    text-decoration: underline;
    opacity: 60%;
}

select.send_to_select {
    background: var(--light-bg);
    height: 24px;
    border-radius: 7px;
    border: none;
    font-size: 14px;
    color: var(--sec-h-text);
    font-weight: 500;

}

.see_all label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.students_activity_graph {
    position: relative;
}

.student-vertical-text{
    position: absolute;
    left: -70px;
    top: 50%;
    margin: auto;
	font-weight:600;
    font-size: 15px;
    color: #fac1c1;
    transform: translateY(-50%) rotate(270deg);
}


.students_activity_graph .graph_left label {
    font-size: 12px;
    font-weight: 600;
}


.single_search_data {
    display: flex;
    gap: 2%;
    margin-bottom: 20px;
}

.searched_course_data .course_main_data {
    width: 32%;
    background: var(--white);
    border-radius: 6px;
    padding: 20px;
}

.searched_course_data .course_materials {
    width: 32%;
    background: var(--white);
    border-radius: 6px;
    padding: 20px;
}

.searched_course_data .course_videos {
    width: 32%;
    background: var(--white);
    border-radius: 6px;
    padding: 20px;
}

div#find_activities .find_activities_body {
    display: flex;
    flex-direction: column;
    gap: 20px;
	margin-top:30px;
	font-family:var(--secondary-font);
}

.searched_course_data ul {
    list-style-type: none;
    padding: 0px;
}

.searched_course_data ul li {
    text-transform: capitalize;
}

.chart_top_right.select_chart_date_range select,
.select_classroom select {
    background: var(--light-bg);
    height: 30px;
    border-radius: 7px;
    border: none;
    padding: 4px;
}

.student-vertical-text p,
.activity-graph-vertical-text p {
    margin: 0;
}

.account_page_custom .assessments h4,
.account_page_custom .right_students_sidebar h4 {
    font-weight: 700;
    font-size: 18px;
}



.right_students_sidebar {
    border-radius: 26px;
}

.custom-page-educator-student .elementor-element-59209533 .elementor-column-wrap .elementor-widget-wrap {
    padding: 0 !important;
}

.select_classroom select {
    background: var(--white);
}

.students_activity_graph.students_tab_graph {
    height: 232px;
}

.students_activity_graph.students_tab_graph .custom_chart .chart_top {
    padding: 10px 0;
}

.students_activity_graph.students_tab_graph {
    position: relative;
}

.course_progress_inner button:hover {
    background-color: rgb(68 98 173);
}

.course_progress_inner button:focus {
    background-color: rgb(68 98 173);
}
.students_activity_graph.students_tab_graph .graph_left .time-spend p{margin-left: -18px;}
.students_activity_graph.students_tab_graph .graph_left {
    padding:20px 20px 20px 50px;
	max-width:240px;
	width:100%;
}

.students_activity_graph.students_tab_graph .custom_chart {
    padding-top: 0px;
}

.current_course_lessons .lesson_name {
    display: flex;
    flex-direction: column;
    width: 30%;
    font-weight: 500;
    margin-top: 5px;
}

.current_course_lessons img.user_profile {
    width: 31px;
    margin-left: 0;
    height: 31px !important;
    object-fit: cover;
}

.current_course_lessons .lesson_name span {
    font-size: 8px;
    margin-top: 5px;
    color: var(--sec-h-text);
    opacity: 70%;
    font-weight: 400;
}

.current_course_lessons i.right-arrow.fa.fa-angle-right {
    width: 5%;
    font-size: 27px;
    font-weight: 500;
    padding: 4px 4px;
    background: transparent;
    color: var(--blue);
}

.current_lessons.current_single::-webkit-scrollbar {
    display: none;
}

.questions_content p {
    font-family: 'Lato', sans-serif;
    color: #707070;
    font-size: 12px;
    text-align: left;
    margin-left: 15px;
    font-weight: 400;
}

/*.my_teaching_plan_tabcontent h2 {
    margin-bottom: 20px !important;
}*/
.course-main {
    display: grid;
	grid-template-columns: 73px auto;
    gap: 15px;
	font-size:14px;
    padding: 10px 0px;
	font-family:var(--secondary-font);
}

.course_content_img .img-head {
    width: 73px;
    height: 73px;
    border-radius: 19px;
    padding: 13px;
    background: #D7E5F2;
	display: flex;
	align-items: center;
    justify-content: center;
}

.course_content_img .img-head img {
    border-radius: 100px;
	height: 45px;
    width: 45px;
    object-fit: cover;
}


.course-main .course_content hr {
    width: 100%;
    background-color: var(--gray);
    /* border: 1px solid #000; */
    border-radius: 8px;
    height: 1px;
    margin: 10px 0;
}

.course_progress_inner {
    background-color: rgb(236 236 236);
    padding: 4px 15px;
    display: flex;
    align-items: center;
    gap: 3px;
    justify-content: space-between;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.pragress_bar {
    width: 20%;
    background-color: var(--white);
    height: 4px;
    border-radius: 8px;
    overflow: hidden;
}

.pragress_bar .progress_graph {
    background: rgb(251 205 15);
    width: 20%;
    height: 100%;
}

.course_current_course_other {
    margin-bottom: 10px;
}

.course_bottom_btn button {
    border: 1px solid grey;
    color: grey;
    font-size: 14px;
    margin: 0 auto;
    width: 30%;
    display: block;
    padding: 20px 15px;
}

.course_bottom_btn button#load-more-posts:hover {
    background-color: transparent;
    color: grey;
}

.course_bottom_btn button#load-more-posts:focus {
    background-color: transparent;
    color: grey;
}

.more_courses_section {
    margin-top: 20px;
}

.more_courses_section p{
    font-size: 18px;
    color: rgb(45 47 57);
    font-weight: 600;
}

.complete-course-bx h1{padding-bottom:30px;}
.more_courses_section button {
    color: var(--white);
    background-color: rgb(242 108 108);
    border-radius: 12px;
    border: unset;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    padding: 10px 20px;
}

.more_courses_section button:hover,
.more_courses_section button:focus {
    background-color: rgb(242 108 108);
}

.course_progress_inner p {
    margin: 0;
    color: rgb(214 175 21);
    font-size: 12px;
}

.educator-self-course-view-results {
    margin-top: 8px;
}

.course_content .course_lessons {
    padding-top: 7px;
	font-size:12px;
}

.educator-self-course-view-results a {
    color: var(--blue);
    border-bottom: 1px solid var(--blue);
	font-size:14px;
}

.course_progress_inner span {
    font-size: 12px;
}

.course_progress_inner button {
    border: none;
    font-size: 12px;
    padding: 0px 10px 1px;
    background-color: rgb(68 98 173);
    color: var(--white);
    border-radius: 20px;
}

.course_lessons ul.course_lessons_ul span {
    color: rgb(94 204 152);
    font-size: 12px;
    font-weight: 300;
}

.search_head .form-control:focus {
    box-shadow: none;
}

html {
    padding: 0 !important;
}

.spinner-border {
    top: 50% !important;
    left: 50% !important;
    position: fixed !important;
    z-index: 99999 !important;
}

section.custom_header {
    /*    border-bottom: 2px solid #00000029;*/
    box-shadow: 0px 3px 6px #00000029;
    position: relative;
    z-index: 99;
    padding: 8px 0 2px !important;
}

.all_courses_table_main {
    /* display: none; */
    flex-direction: column;
    border: 1px solid #A5C9FF;
    border-radius: 5px;
}

.all_courses_table_main .addTo_teachingPlan {
    display: flex;
    gap: 20px;
    background: #E5F3FE;
    border: 1px solid #c0def5;
    border-left: 0px;
    border-right: 0px;
    padding: 10px 15px;
}

.all_courses_table_main .courses_heading .add_to_teaching_plan button {
    border: 1px solid var(--black);
    background: var(--blue);
    color: #fff !important;
    border-radius: 7px;
    padding: 4px 20px;
    font-size: 14px;
	font-weight:400;
	font-family:var(--secondary-font);
}
.all_courses_table_main .courses_heading .add_to_teaching_plan button .fa-plus{margin-left:5px;}

.all_courses_table_main .addTo_teachingPlan .add_to_favorite button {
    border: 1px solid #174A84;
    background: var(--blue);
    color: #fff !important;
    border-radius: 7px;
    padding: 4px 12px;
    font-size: 12px;
}

table.all_courses_table thead tr th {
    font-size: 14px;
    font-weight: 600;
}

.find_activities_body table.all_courses_table thead tr th{font-size: 14px;}
.all_courses_table_main .courses_heading {
    padding: 15px 15px;
    background: var(--white);
    border-radius: 5px 5px 0px 0px;
    display: flex;
    justify-content: space-between;
}

table.all_courses_table {
    border: none;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

table.all_courses_table th,
table.all_courses_table td {
    border-left: none;
    border-right: none;
    background: #fff !important;
    border-color: #A5C9FF;
	font-size:14px;
}

table.all_courses_table th {
    border-top: none !important;
    border-color: #A5C9FF !important;
}

table.all_courses_table tbody {
    border: none !important;
}

table.all_courses_table tbody tr td {
    border-bottom: none !important;
    color: #174A84;
}

table.all_courses_table tbody tr:last-child td:first-child,
table.all_courses_table tbody tr:last-child td:last-child {
    border-radius: 0px 0px 5px 5px !important;
}

.course_main_data,
.course_materials,
.course_videos {
    overflow-y: auto;
    height: 260px;
}

.course_main_data::-webkit-scrollbar,
.course_materials::-webkit-scrollbar,
.course_videos::-webkit-scrollbar {
    display: none;
}

input[name=select_course] {
    cursor: pointer;
	height: 17px;
    width: 17px;
}

div#single-class-content .left-single-class-sidebar {
    align-items: center;
}

div#single-class-content .left-single-class-sidebar img {
    width: 50%;
    height: 60px !important;
    border-radius: 40px !important;
    width: auto !important;
}



.single_search_data .course_materials img,
.single_search_data video {
    box-shadow: 2px 2px 16px 5px grey;
}

.single_search_data .course_materials,
.single_search_data .course_videos {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/*.h5p-iframe {
    height: 100% !important;
}*/

.single_search_data label {
    font-weight: 600;
}

.h5p-iframe-wrapper {
    width: 100% !important;
}

.h5p-iframe-wrapper .questionset {
    padding: 20px;
}

.page-id-38189 .elementor.elementor-19947.elementor-location-header {
    display: none;
}

.page-id-38189 .elementor.elementor-19918.elementor-location-footer {
    display: none;
}

/*.page-id-38189 .h5p-iframe-wrapper {
    height: 600px !important;
    padding: 7px;
}*/

.single_assessment_content {
    display: flex;
    width: 100%;
    gap: 2%;
}

.single_assessment_content .single_assessment_question {
    width: 70%;
    background: var(--white);
    padding: 15px 20px;
    border-radius: 30px;
    height: 500px;
}

.single_assessment_content .single_assessment_rightSidebar {
    width: 24%;
    background: var(--white);
    border-radius: 30px;
}

.single_assessment_question iframe {
    border-radius: 30px;
}

.single_assignment_iframe {
    height: 400px !important;
}

.single_assessment_rightSidebar .contents_lists ul {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 22px;
    font-size: 14px;
    align-items: center;
    padding: 20px 20px;
}

.contents_lists li.active {
    border-bottom: 2px solid var(--yellow);
}

.single_assessment_rightSidebar .contents_lists li {
    cursor: pointer;
}

.single_assessment_inner .single_assessment_content {
    margin-top: 20px;
}

.single_assessment_inner h2.assessment_title {
    color: #000;
    text-transform: capitalize;
}

.end_assessment_content {
    align-items: center;
    justify-content: space-between !important;
}

.end_assessment_content .send_to_students_assessment {
    display: flex;
    align-items: center;
    gap: 10px;
}

.end_assessment_content .send_to_students_assessment label {
    width: 80px;
}

select.select_students_to_send {
    width: 100%;
    padding: 0px 0px;
    border-radius: 0;
    min-height: 30px;
    line-height: 1.5;
    box-shadow: 0px 12px 40px #00000014;
    background: var(--light-bg) 0% 0% no-repeat padding-box;
    border: none !important;
    height: 10px;
    color: #000;
    font-size: 14px;
    border-radius: 10px;
    cursor: pointer;
}

.end_assessment_content h4 {
    font-size: 20px;
    font-weight: 700;
}

.manage_graph_teaching_plan .top_four_concepts {
    background: var(--white);
    padding: 18px 20px;
    position: relative;
    border-radius: 5px;
	max-width:300px;
}

.manage_graph_teaching_plan .top_four_concepts .single_concept {
    display: grid;
	grid-template-columns: 37px auto;
    gap: 8px;
    align-items: center;
    margin-bottom: 20px;
	margin-top:25px;
    position: relative;
    z-index: 99;
}

.manage_graph_teaching_plan .top_four_concepts .single_concept .concept_no:before {
	content: "";
    position: absolute;
    width: 1px;
    height:100%;
    background-color: #000;
    bottom:0;
    left: 50%;
    transform: translateY(100%);
    z-index: 1;
    opacity: 0.05;
}
.manage_graph_teaching_plan .top_four_concepts .single_concept:last-child .concept_no:before{display:none;}

.single_concept .concept_no {
    border: 1px solid var(--yellow);

    border-radius: 90px;
	line-height:1;
    height: 37px;
    width: 37px;
    text-align: center;
    margin-right: 5px;
    font-weight: bold;
    background-color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
}

.single_concept .concept_name label {
    font-weight: 500;
	font-size:14px;
	line-height:normal;
}

.single_concept .concept_name p {
   font-size:12px !important;
    color: var(--gray);
    opacity: 50%;
	font-family:var(--secondary-font);
	line-height:normal;
}

div#my_teaching_plan .plan_overview .progressbar_main {
    width: 65%;
    background: var(--white);
    padding: 16px 18px;
    border-radius: 4px;
}

div#my_teaching_plan .plan_overview .progressbar_main .progressbar_top {
    margin-bottom: 18px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

div#my_teaching_plan .plan_overview .progressbar_main .progressbar_top h5 {
    font-weight: 700;
    font-size: 20px;
}

.progressbar_main .progressbar_top select.change_course_assignment {
    width: 30%;
    padding: 6px 8px;
    border-radius: 0;
    /*    margin-bottom: 10px;*/
    line-height: 1.5;
    box-shadow: 0px 12px 40px #00000014;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-color: #D7DAE2;
    color: #4D4F5C;
    font-size: 12px;
}

.plan_overview_data p{
    font-size: 13px;
    font-weight: 500;
}

.assignment_results_table {
    max-height: 330px;
    overflow: auto;
    position: relative;
    /* width: 94%; */
    width: 100%;
    margin: 0 auto;
	font-family:var(--quicksand);
	font-size:14px;
	
}
.assignment_results_table table td{font-family:var(--quicksand);}

.assignment_results_table::-webkit-scrollbar {
    display: none;
}

.assignment_results_table table {
    /* height: 130px; */
/*    height: 80px;*/

}
.current_lesson_quiz_data .assignment_results .table tbody .assignment_table_lesson{
    padding-left: 12px;
}
.top_four_concepts .single_concept_parentt .single_concept .concept_name p{
    display: none;
}
.assignment_results_table table thead {
    position: sticky;
    top: 0;
    background: var(--yellow);
}

.assignment_results_table table thead th {
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
	font-weight:700;
	font-family:var(--secondary-font);
}

.assignment_results_table table th,
.assignment_results_table table td {
    border: none !important;
}

.assignment_results {
    background: var(--white);
    padding: 21px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.assignment_results_table tbody tr {
    height: 32px;
}

.assignment_results_table tbody tr td.assignment_table_stu_name {
    color: #172B4D;
    font-weight: 700;
    padding-left: 25px;
	font-family:var(--secondary-font);
}

.assignment_results_table table.table tbody tr:nth-child(even) {
    background-color: #f3f7fb !important;
}

.assignment_results_table table.table tbody tr td {
    background-color: unset !important;
}

/*.assignment_results_table table tbody tr td.assignment_table_result {
    padding-left: 52px;
}*/

td.assignment_table_date {
    display: inline-block;
}

td.assignment_table_eye-icon i {
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    transition: font-size 0.1s linear;
}

.assignment_results_table thead tr th:first-child {
    padding-left: 25px;
}

.view_student_yearly_assessments {
    background: var(--white);
    padding: 20px 17px;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 11px;
}

.view_student_yearly_assessments label {
    font-size: 14px;
    font-weight:700;
	font-family:var(--secondary-font);
}

.view_student_yearly_assessments .yearly_assessments {
    display: flex;
    gap: 6px;
    align-items: start;
}

.view_student_yearly_assessments .yearly_assessments .assessment_icon {
    width:35px;
}

.view_student_yearly_assessments .yearly_assessments .assessment_name {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.view_student_yearly_assessments .yearly_assessments .assessment_icon img {
    padding: 2px;
    width: 25px;
    height: 25px;
    border: 3px solid #73DA88;
    border-radius: 50%;
	margin-top:5px;
}

.user_data_image .name_and_class label {
    font-weight: 700;
    font-size: 16px;
}

.view_single_student_content .top_four_concepts h4 {
    font-size: 16px;
    font-weight: 700;
}

.view_single_student_content .top_four_concepts .single_concept {
    display: grid;
    gap: 10px;
	grid-template-columns: 40px auto;
    margin-top: 18px;
    align-items: center;
}


.view_single_student_content .top_four_concepts .single_concept .concept_no {
    border: 1px solid var(--yellow);
    /* padding: 11px 0px; */
    border-radius: 40px;
    height: 40px;
    width: 40px;
    text-align: center;
    margin: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
}

.single_concept .concept_name {
	font-family:var(--secondary-font);
}

.view_single_student_content .top_four_concepts .single_concept .concept_name p {
    font-size: 12px;
    margin: 0;
}

div#my_account .my_account_inner input[type=text],
div#my_account .my_account_inner input[type=email],
div#my_account .my_account_inner select,
div#my_account .my_account_inner input[type=password] {
    width: 100%;
    padding: 4px 22px;
    border-radius: 0;
    min-height: 36px;
    /* margin-bottom: 10px; */
    line-height: 1.5;
    box-shadow: 0px 0px 10px 6px #00000000;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none !important;
    height: 60px;
    color: #8d8989;
    font-size: 14px;
    letter-spacing: 1px;
    /* text-transform: capitalize; */
}

.my_classroom_fields span {
    font-size: 16px;
    color: #6a6969;
    font-weight: 500;
    display: block;
}

.change_password_fields label {
    font-size: 18px;
}

.change_password_fields label strong {
    font-weight: 600;
}

form.edit_profile_form .right_side label strong {
    font-weight: 500;
}

section.custom-page-educator-student {
    background: var(--light-bg) !important;
}

form.edit_profile_form hr {
    background: #707070 !important;
    height: 2px !important;
    margin: 5px 0px 24px 0px;
}

.edit_profile .left_side form.edit_profile_form {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.top_heading {
    margin-top: 20px;
}

.top_heading h3 {
    font-weight: 700;
    font-size: 26px;
    color: #000;
}

.top_heading p {
    font-size: 16px;
    color: #707070;
    margin-top: 7px;
	font-family:var(--secondary-font);
}

form.edit_profile_form {
    display: flex;
    width: 100%;
	gap: 100px;
	justify-content: space-between;
	font-family:var(--secondary-font);
}


.edit_image_div img {
    border-radius: 30px !important;
	object-fit: cover; object-position: top;
}

#my_account .edit_image_div img{height: 150px; width: 150px; object-fit: cover; object-position: top;}

#my_account .edit_image_div {
    width: 100%;
    position: relative;
}
#my_account .view_user_top{
    width: 240px;
	margin-top:15px;
}
#my_account .right_side{
    width: 100%;
	position:relative;
}
form.edit_profile_form .left_side{flex-grow: 1;}

#my_account .profile-image-list{
    top: 190px;
	right:-10px;
    position: absolute;
    background-color: var(--white);
    width: 350px;
    height: 260px;
    box-shadow: -2px 2px 13px -3px grey;
    border-radius: 20px;
    overflow: hidden;
}
#my_account .single-class-content_profile_btn{
    position: absolute;
    bottom: 7px;
    right: 45px;
    border: unset;
    padding: 0;
    color: var(--blue);
	transform: rotate(90deg);
	cursor:pointer;
}
#my_account .profile-image-gallery::-webkit-scrollbar {
    display: none;  /* Chrome, Safari, and Opera */
  }

.edit_image_div {
    width: 60%;
    padding: 15px 30px;
    background: var(--white);
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    box-shadow: 0px 0px 10px 6px #00000014;
}

.left_side .row label {
    margin-bottom: 10px;
    font-size: 14px;
    color: #000;
}

form.edit_profile_form .left_side .row div {
    margin-bottom: 16px;
}
form.edit_profile_form .left_side .row  label{font-size: 14px;}

form.edit_profile_form .left_side .row:first-child .col-md-6:nth-child(2) {
    margin-top: 0px;
}

#upload_input_div {
    display: flex;
    align-content: center;
    gap: 10px;
    justify-content: center;
}

#upload_input_div .sample-file a {
    background-color: var(--white);
    color: var(--red);
    border: unset;
    padding: 10px 60px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 8px;
    line-height: 40px;
    border: 1px solid var(--red);
    transition: 0.8s
}

#upload_input_div .sample-file a:hover {
    background-color: var(--red);
    color: var(--white);
}

form.edit_profile_form .right_side label {
    margin-bottom: 10px;
    font-size: 16px;
    color: #000;
}

button.upload_new_image {
    border-color: #707070;
    padding: 2px 30px;
    border-radius: 6px;
    color: var(--sec-h-text);
    font-size: 14px;
	width:150px;
}

.edit_image_div button.upload_new_image:hover,
.edit_image_div button.upload_new_image:focus {
    background-color: #fff !important;
    color: #000;
}

button.upload_new_image:hover {
    background: var(--white);
}

input.edit_profile_btn {
    background: var(--red);
    color: var(--white);
    font-size: 12px;
    border: none;
    border-radius: 10px;
    padding: 10px 80px;
    font-weight: 600;
    margin-top: 22px;
}

input.edit_profile_btn:hover {
    background-color: var(--red);
}

h2.edit_account_heading {
    color: #000;
}

.change_password_fields label {
    color: #000;
}

.view_single_student_content {
    display: flex;
    flex-direction: column;
}

.view_single_student_content .user_view_center {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.view_single_student_content .user_view_center .concept_progress_upper label, .view_single_student_content .user_view_center label.recent_activity_text{
	align-items: center;
    margin-bottom: 0px;
    margin-top: 0;
    display: flex;}

.view_single_student_content .user_view_center .concept_progress_bottom{font-family:var(--secondary-font);}

.view_single_student_content .user_view_center .pre_test_progressBar {
    display: flex;
    justify-content: center;
}

.user_view_center .user_concept_progress {
    width: 48%;
}





.refer_a_teacher_content .refer_inner {
    display: flex;
    flex-direction: column;
    margin: auto;
    width: 80%;
    gap: 20px;
    text-align: center;
    background: var(--white);
    padding: 30px 0px;
    border-radius: 4px;
    margin-top: 30px;
    margin-bottom: 40px;
    box-shadow: 0px 12px 40px #00000014;
}

.refer_a_teacher_content {
    margin: auto;
    width: 100%;
}

.refer_a_teacher_content .refer_inner .refer_icon img {
    width: 120px;
}

.refer_a_teacher_content .refer_inner .enter_email_input input {
    width: 50%;
    box-shadow: 0px 12px 40px #00000014;
    margin-bottom: 50px;

}

.refer_a_teacher_content .refer_inner h3 {
    font-size: 22px;
    letter-spacing: 0.5px;
    font-weight: 700;
    color: var(--sec-h-text);
}

.refer_a_teacher_content .refer_inner label {
    font-size: 12px;
    color: #707070;
}

.refer_a_teacher_content .refer_inner input.send_reference_btn {
    border: 0px;
    background: var(--red);
    color: var(--white);
    padding: 8px 50px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
}

.enter_email_input .refer_teacher_email {
    width: 100%;
    padding: 4px 15px;
    border-radius: 0;
    min-height: 36px;
    margin-bottom: 10px;
    line-height: 1.5;
    box-shadow: 0px 12px 40px #00000014;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none !important;
    height: 70px;
    color: #8d8989;
    font-size: 18px;
    border-left: 4px solid var(--blue) !important;
}
.enter_email_input .refer_teacher_email:focus{box-shadow: 0px 12px 40px #00000014;}

/* Jan 30*/
.students_content.student_add_data {
    padding: 0px 40px;
}

/*=======================================09-02-2023=======================================*/
/*=======================================09-02-2023=======================================*/

/*=======================================23-03-2023=======================================*/
/*=======================================23-03-2023=======================================*/
.modal-dialog {
    position: absolute !important;
    margin: auto;
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%) !important;
    width: 100% !important;
    max-width: 800px !important;
}

#assessments #assessmentkModal .modal-dialog{width:100% !important; max-width: 550px !important;}

.modal-dialog .modal-content {
    border: 0;
    box-shadow: 0 2px 9px #00000029;
    /*    height: 500px;*/
    height: auto;
}

.modal-dialog .modal-content .modal-body {
    margin-bottom: 12px;
    padding-top: 0px !important;
}

.modal-dialog .modal-content .single_class_content ul li span {
    font-weight: 700;
}

.modal-dialog .modal-content .single_class_content ul li span.active {
    color: var(--blue);
}

.modal-dialog .modal-content .modal-header {
    border: none;
    padding: 10px 0px 0 32px !important;
    margin-bottom: 30px;
}

.modal-dialog .modal-content .modal-header .modal-title{
    font-size: 18px;
    font-weight: 400;
    color: var(--sec-h-text);
}


.modal-dialog .modal-content .modal-header .close {
    color: #6a6969;
    font-size: 35px;
    padding: 0px 21px;
    line-height: 30px;
}

.modal-dialog .classroom_tabcontent {
    height: 335px;
    overflow-y: scroll;
    padding: 36px 80px;
    /*    height: auto;*/
}

.modal-dialog .classroom_tabcontent .add_students_edit {
    color: #364e8a;
    display: flex;
    gap: 13px;
    align-items: center;
    font-weight: 600;
}

.modal-dialog .classroom_tabcontent .add_students_edit i {
    font-size: 13px;
}

.modal-dialog .classroom_tabcontent .students_data .single_student:nth-child(odd)>td {
    background-color: #D7E5F2 !important;
}

.modal-dialog .classroom_tabcontent .students_data .single_student td,
.modal-dialog .classroom_tabcontent .students_data .single_student th {
    color: #707070;
    padding: 10px 25px;
    width: 640px;
    font-size: 13px;
}

.modal-dialog .classroom_tabcontent::-webkit-scrollbar-track {
    border-radius: 8px;
    background-color: var(--white);
}

.modal-dialog .classroom_tabcontent::-webkit-scrollbar {
    width: 8px;
    background-color: var(--white);
}

.modal-dialog .classroom_tabcontent::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #e3e3e3;
}

/* 07-03-2023  */
.send_reference_btn {
    margin: 10px 0px;
}

.classroom_name_field,
.classroom_grade_field,
.single_grade_edited,
.single_class_edited {
    display: flex;
    margin-bottom: 15px;
    align-items: center;
}

.classroom_name_field .classroom_name_label,
.classroom_grade_field .classroom_name_label,
.single_class_edited .classroom_name_label,
.single_grade_edited .classroom_name_label {
    width: 23%;
}

/* .classroom_name_field .classroom_name_label,
.classroom_grade_field .classroom_name_label,
.single_class_edited .classroom_name_label,
.single_grade_edited .classroom_name_label {
    width: 50%;
} */

.classroom_data {
    width: 100% !important;
    margin: 0px 0px 0 20px; 
}


.classroom_name_field .class_name,
.classroom_grade_field .grade_select {
    border: none !important;
    box-shadow: 0px 12px 40px #00000014 !important;
}

.single_tab_content .classroom_name_field input, .classroom_data .classroom_grade_field select {
    padding: 15px 10px;
    width: 65%;
    height: 54px;
    margin-left: 20px;
    background-color: var(--white);
}

#class_update_form .classroom_data label{text-align: right;}

.single_tab_content .classroom_name_field label.classroom_name_label,
.classroom_data .classroom_grade_field label.classroom_name_label {
    font-size: 14px;
}

.classroom_tabcontent .save_classroom {
    background-color: var(--red);
    border: none;
    color: var(--white);
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
}

form#class_update_form {
    text-align: center;
}

.classroom_data {
    text-align: start !important;
}


.classroom_tabcontent .inner_content h5 {
    color: var(--blue);

}

.left-single-class-sidebar {
    background: #ffff !important;
    border-radius: 26px !important;
    padding: 8px 12px !important;
    height: 193px !important;
    width: 190px !important;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.class-info h5 {
    font-size: 15px;
    width: 100px;
    margin: 6px auto;
    text-transform: capitalize;
    font-weight: 700;
}

.left-single-class-sidebar .edit_class_links {
    width: 100%;
    text-align: end;
    padding: 0px 5px;
}

.side_bar .top_links ul.links li span.tablinks span.active {
    border-bottom: 1px solid red;
}

button.create_class_btn_educator,
button.btn.btn-danger.save_single_classroom,
button#create_student_educator {
	background: var(--red);
    color: var(--white);
    border: none;
    background-color: var(--red);
    border: none;
    color: var(--white);
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
    text-transform: uppercase;
	min-width:150px;
}

.woocommerce-mini-cart__empty-message {
    font-size: 20px !important;
}

ul.links span.tablinks span{ border-bottom: 2.8px solid var(--white);}
ul.links span.tablinks.active span, ul.links span.tablinks:hover span {
    border-bottom: 2.8px solid var(--yellow);
}
ul.links span.tablinks.active svg, ul.links span.tablinks:hover svg{color: var(--yellow); fill: var(--yellow);}



.classroom_image_main_class span.add_classroom_icon.fa.fa-plus {
    width: auto !important;
}

.plan_data:first-child:after {
    content: "";
    position: absolute;
    height: 125px;
    background: #c5c3c3;
    width: 1px;
    top: 0;
    right: 0;
}

.plan_data:nth-child(2):after {
    content: "";
    position: absolute;
    height: 125px;
    background: #c5c3c3;
    width: 1px;
    top: 0;
    right: -8px;
}

.plan_data:nth-child(3):after {
    content: "";
    position: absolute;
    height: 125px;
    background: #c5c3c3;
    width: 1px;
    top: 0;
    right: -12px;
}


.progressbar_main ul.progressbar li {
    position: relative;
}


.progressbar_main ul.progressbar li.pre_assessment_name {
    position: relative;
}

.progressbar_main ul.progressbar li:first-child:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    left: 95%;
    z-index: 9;
    border-radius: 50%;
    top: 14px;
    background-color: var(--yellow);
}

.progressbar_main ul.progressbar li:nth-child(2):before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    left: -4%;
    border-radius: 50%;
    top: 14px;
    background: var(--yellow);
}

.progressbar_main ul.progressbar li:nth-child(3):before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    left: -4%;
    border-radius: 50%;
    top: 15px;
    background: var(--yellow);
}

.progressbar_main ul.progressbar li:nth-child(4):before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    left: -4%;
    border-radius: 50%;
    top: 15px;
    background: var(--yellow);
}



.progressbar li:first-child:after {
    content: "";
    position: absolute;
    width: 39%;
    height: 2px;
    background: var(--yellow);
    top: 18px;
    left: 99%;
    z-index: 1;
}

.progressbar_main ul.progressbar li:nth-child(2):after {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    right: -4%;
    border-radius: 50%;
    top: 15px;
    background: var(--yellow);
}

.progressbar li:nth-child(3):after {
    content: "";
    position: absolute;
    width: 40%;
    height: 2px;
    background: var(--yellow);
    top: 18px;
    right: 99%;
    z-index: 1;
}

ul.progressbar {
    position: relative;
}

.progressbar li:nth-child(4):after {
    content: "";
    position: absolute;
    width: 40%;
    height: 2px;
    background: var(--yellow);
    top: 18px;
    right: 98%;
    z-index: 1;
}

ul.progressbar:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    border-radius: 50%;
    top: 16px;
    background: var(--yellow);
    right: 26%;
    z-index: 999;
}


/*******10-03-2023*******/

.students_data .students_name_input,
.students_data .update_class_div select.update_class,
input.students_password_input,
input.update_pass_confirm,
.student_email_div input.students_email_input {
    border: none !important;
    box-shadow: 0px 12px 40px #00000014 !important;
    width: 558px;
}

.single_class_content .classroom_tabcontent {
    display: flex !important;
}

.single_class_content .classroom_tabcontent .users_select {
    margin-right: 20px;
    border: none;
    box-shadow: 0px 12px 40px #00000014 !important;
}

.single_class_content .classroom_tabcontent .add_student_classroom {
    border: none;
    background-color: var(--red);
    color: var(--white);
}

.addStudentBlock {
    display: flex;
}

.addStudentBlock .users_select {
    margin-right: 20px;
    border: none;
    box-shadow: 0px 12px 40px #00000014 !important;
    width: 380px;
}

.addStudentBlock button.add_student_classroom_edit {
    border: none;
    background-color: var(--red);
    color: var(--white);
}

#students input.students_name_input {
    margin-left: 0px !important;
}

button.add_student_classroom {
    border: none;
    background-color: var(--red);
    color: var(--white);
}


button.create_class_btn_educator:hover,
button.create_class_btn_educator:focus,
button.save_classroom:hover,
button.save_classroom:focus,
button.upload_new_image:hover,
button.upload_new_image:focus,
input#edit_profile_btn:hover,
input#edit_profile_btn:focus,
button.add_student_classroom:hover,
button.add_student_classroom:focus,
button.change_classroom_image:hover,
button.change_classroom_image:focus,
button.add_student_classroom_edit:hover,
button.add_student_classroom_edit,
button.add_student_classroom_edit:focus {
    background-color: var(--red) !important;
}

button.add_student_classroom_edit {
    color: var(--white);
}

.change_classroom_image:hover {
    background: var(--red);
    color: #fff !important;
}


.assessments_content {
    position: relative !important;
}

.assessments_content span.open_edit_class_links {
    float: right;
}

.assessments_content p.assessment_quiz_title_tab {
    margin-top: 0px !important;
}

/*.assessments_content .seems_button{*/
/*    float:left !important;*/
/*}*/
/*.assessments_content .seems_toggle{*/
/*    float:right !important;*/
/*}*/


/*----------22-3-2023-------*/
.assessments_content span.open_edit_class_links {
    float: right;
    position: absolute;
    top: 52px;
    right: 36px;
}

.learndash-wrapper .ld-button:not(.ld-button-reverse):not(.learndash-link-previous-incomplete):not(.ld-button-transparent) {
    background-color: var(--red) !important;
}

.learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading,
.learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-title {
    color: var(--blue) !important;
}

.learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading .ld-status-incomplete {
    border: 2px solid var(--blue) !important;
}

.questionDay .elementor iframe {
    height: 400px !important;
}

.single_assignment_iframe_edu,
.single_assignment_iframe_stu {
    height: 50px !important;
}

/*.edit_question_days .modal-dialog .modal-content {
    height: 210px;
}*/



/*29-03-2023*/

.question_content {
    padding: 38px 20px;
}

.question_of_the_day_main .question_content {
    padding: 0;
}

.question_content h5 {
    font-size: 18px;
    color: var(--sec-h-text);
}

.parent_div, .ld-focus-initial-transition {
    max-width: 1846px;
    margin: auto;
}

.questionDay {
    /* height: 93px; */
    /*height: 64px;
	overflow: auto;
	*/
    text-align: center;
    border: 1px solid #EBEEF9;
    border-radius: 35px;
    
	font-family:var(--secondary-font);
}
.questionDay *{font-family:var(--secondary-font);}

/* Hide scrollbar for Chrome, Safari and Opera */
.questionDay::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.questionDay {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}


.bottom_links {
    position: relative;
}

.bottom_links:after {
    content: "";
    position: absolute;
    height: 2px;
    background-color: var(--light-bg);
    width: 100%;
    top: 13px;
    left: -3px;
}


.parent_div ul.links {
    padding-left: 0px;
}




.classroom_image_main_class {
    padding: 20px 0px;
}

.classroom_name_class {
    padding-top: 16px;
    font-size: 16px;
    font-weight: 700;
    color: var(--sec-h-text);
}

.single_students .add_student span.add_classroom_icon.fa.fa-plus {
    padding: 30px;
}

.custom_chart .chart_top_right .activity_chart_view_all {
    font-size: 13px;
}

.tabcontent .students_content .custom_square_box.single_students .add_student {
    padding: 14px;
}


.dashboard_students {
    overflow-y: scroll;
    height: auto;

}

::-webkit-scrollbar {
    width: 5px;
    background-color: #f5f5f5;
}

.right_students_sidebar {
    height: 100%;

}

.questionDay {
    border: 1px solid #EBEEF9;
    border-radius: 20px;
    padding: 10px 20px;
}

.questionDay {
    margin-top: 10px;
}


/*.elementor-36739 .elementor-element.elementor-element-902d142 > .elementor-container {
    max-width: 1600px !important;
}*/

.parent_div .side_bar {
   /* position: sticky;
    top: 10px;
     max-height: 100vh;*/
    height: 100%;
}

.parent_div {
    position: relative;
    background-color: var(--light-bg);
}

.bottom_links {
    padding-top: 40px;
}

.top_links {
    padding-bottom: 18px;
}

.change_password_fields {
    margin-top: 40px;
}

form.edit_profile_form .change_password_fields>label {
    border-bottom: 1px solid #00000047;
    width: 100%;
    padding-bottom: 5px;
    margin-bottom: 25px;
}

.my_classroom_fields {
    margin: 60px 0;
}

/******30-03-2023******/

.my_teaching_plan_sublinks span.my_teaching_plan_tablinks,
.my_student_plan_sublinks span.my_student_plan_tablinks {
    font-weight: 700;
	color:var(--body-text);
	font-size:14px;
}
.my_teaching_plan_sublinks span.my_teaching_plan_tablinks:hover,
.my_student_plan_sublinks span.my_student_plan_tablinks:hover{color:var(--red);}

.classroom_grade_field label.classroom_name_label {
    text-align: center;
}

.classroom_data.classroom_data_edu{
    padding: 0px 20px;
    margin: 0px 0px 20px 0;
	cursor:auto;
}

.classroom_data.classroom_data_edu .dropdown button{
	width: 100%;
    text-align: left;
    color: var(--gray);
    border: 1px solid var(--gray);
    position: relative;
    font-family: var(--secondary-font);
    font-size: 14px;
    white-space: normal;
    font-weight: 400;
	padding-right:20px;
}

.modal.edit_question_days .modal-dialog .modal-content .modal-header{margin-bottom:0px;}

.classroom_data.classroom_data_edu .dropdown button:focus, .classroom_data.classroom_data_edu .dropdown button:hover{background-color:transparent !important;}

.classroom_data.classroom_data_edu .dropdown button.dropdown-toggle::after{
	position: absolute;
    top: 50%;
    right: 10px;
}

.classroom_data.classroom_data_edu .dropdown ul.dropdown-menu{
	overflow-x: scroll;
    max-height: 40vh;
	width:100%;

}
.classroom_data.classroom_data_edu .dropdown ul.dropdown-menu .dropdown-item{font-size: 14px; font-family: var(--secondary-font);color: var(--gray); white-space: pre-wrap;}



.classroom_data.classroom_data_edu .dropdown ul.dropdown-menu .dropdown-item.active, .classroom_data.classroom_data_edu .dropdown ul.dropdown-menu .dropdown-item:active{background-color: transparent;}

.single_tab_content{cursor:auto;}

div#dashboard div#edit_question_days .modal-dialog {
    left: 50%;
    transform: translate(-50%, -50%) !important;
    max-width: 430px !important;
}


.h5p-question-image-scalable {
    width: 100% !important;
}

.h5p-question-image-wrap {
    text-align: center;
    padding: 15px;
}

.single_assignment_iframe_edu,
.single_assignment_iframe_stu {
    height: auto !important;
}


.page-id-38189 .h5p-iframe-wrapper {
    height: 286px !important;
}

.classroom_modal .modal-body {
    padding: 0px !important;
}


#dashboard ul.h5p-answers {
    display: none;
}

.page-id-38189 .h5p-question .h5p-question-image {
    margin-top: -26px !important;
}

.question_content h5 {
    padding-bottom: 10px;
}

.page-id-36739 .question_of_the_day {
    height: 246px;
}

.students_header .go_back {
    padding: 3px 7px 2px 7px;
    font-weight: 500;
}

.tabcontent .left-single-class-sidebar .edit_links {
    bottom: 110px;
}

.elementor-36739 .elementor-element.elementor-element-66fa58a {
    width: 37% !important;
}

.elementor-36739 .elementor-element.elementor-element-189f365 {
    width: 36.141% !important;
}

.tablinks see_all_students {
    color: #030504;
    font-weight: 500;
}



#students .students_activity_graph {
    margin-top: 15px;
}
.manage_graph_teaching_plan .concept_name p {
    margin-bottom: 0px;
}

body.ld-in-focus-mode .learndash-wrapper {
    background: var(--white);
    width: 100%;
    height: 100%;
}

.assignment_results_table table.table th {
    padding: 8px;
}

/*table tbody>tr:nth-child(odd)>td,
table tbody>tr:nth-child(odd)>th {
    background-color: #D7E5F2 !important;
}*/

.assignment_results_table table.table tbody tr td.assignment_table_eye-icon{text-align:center;}

.all_courses_table_main {
    box-shadow: 0px 3px 16px #0A4B6D2E;
}



#start_activity_date,
#end_activity_date {
    border-left: 2px solid var(--blue);
    border-top: 1px solid var(--light-blue);
    border-bottom: 1px solid var(--light-blue);
    border-right: 1px solid var(--light-blue);
    padding: 0px 9px;
	height:26px;
    font-size: 14px;
    border-radius: 0px;
    color: var(--gray);
    cursor: pointer;
	 background-image: url('/wp-content/plugins/mathandmovement-learn-master/assets/img/down-arrow.svg');
  background-size: contain; 
  background-repeat: no-repeat; 
  background-position: center right;
}

.chart_top_right input::placeholder {
    color: var(--gray);
    opacity: 1;
}

.chart_top_right label {
    color: var(--blue);
    font-weight: 500;
    font-size: 14px;
}

.custom-page-educator-student {
    left: 0px !important;
}

.page-id-36739 .h5p-iframe-wrapper {
    margin-top: 20px !important;
}

ul#my_teaching_plan_sublinks li {
    margin-bottom: 10px !important;
}

.learndash-wrapper .ld-focus-sidebar {
    margin-top: 0 !important;
    border-right: 1px solid #c4c4c5 !important;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading {
    width: auto !important;
    margin-top: 65px;
}

.ld-lesson-item .ld-lesson-item-preview .ld-lesson-title {
    color: #000000;
    font-size: 15px;
}

.learndash-wrapper .ld-course-navigation .ld-status-icon {
    flex: 0 0 21px !important;
    height: 21px !important;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item .ld-lesson-item-preview {
    padding: 14px 0px !important
}

.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content h1 {
    color: #000;
    font-weight: 600;
    font-weight: 700;
}

.learndash-cpt.learndash-embed-responsive .ld-video {
    margin-bottom: 30px;
}

.learndash-wrapper .ld-button,
.learndash_mark_complete_button {
    border-radius: 12px !important;
    font-size: 15px !important;
}

.learndash-wrapper .ld-button .ld-text,
.learndash-wrapper #learndash_mark_complete_button:disabled,
.learndash-wrapper .learndash_mark_complete_button:disabled {
    font-weight: 500;
}

.ld-focus-content h2 {
    color: #000 !important;
}

.main-course-single-custom {
    padding: 20px 40px;
}

.ld-course-navigation-heading h3 {
    color: #000 !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    padding-bottom: 30px;
}

.ld-lesson-title {
    font-size: 16px !important;
    color: #000;
}

.learndash-wrapper .ld-course-navigation .ld-lesson-item-preview {
    padding: 14px 0px !important;
}

.main-course-single-custom .col-5{
    width: 34%;
}

.main-course-single-custom .col-7{
    width: 66%;
    padding-left: 60px;
    padding-right: 60px;
}

.course-overview .over-header {
    font-size: 1.6rem;
    font-weight: 700;
    color: #000;
}

#ld-focus-mode-course-heading {

    color: var(--blue) !important;
    font-size: 35px;
    font-weight: 700;
}

.course-main-header-section {
    padding-bottom: 22px;
}

.single-lesson-preview p {
    color: var(--sec-h-text);
    font-size: 15px;
    padding-bottom: 40px !important;
}

.ld-button {
    max-width: 260px !important;
    padding: 15px 10px !important;
}

.ld-course-navigation-heading #ld-focus-mode-course-heading {
    font-size: 20px;
    color: #000 !important;
}

.course-main-header-section {
    align-items: center;
}

/* .course-main-header-section .course-overview {
    width: 92%;
} */

.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) #learndash_mark_complete_button, .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .learndash_mark_complete_button{padding: 1em 2.5em 1em 1em !important;}

.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) #learndash_mark_complete_button:disabled, .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .learndash_mark_complete_button:disabled{padding: 1em 2.5em 1em 1em !important;}




.learndash-wrapper .ld-course-navigation .ld-lesson-item:last-child {
    border-bottom: none;
}

.learndash-wrapper .ld-course-navigation .ld-lesson-item:first-child {
    border-bottom: 1px solid #e2e7ed;
}

.learndash-wrapper .ld-focus-sidebar {
    margin-left: 30px !important;
}

.main-course-single-custom .ld-focus-sidebar {
    padding-top: 50px;
	padding-right:30px;
}

.single-lesson-preview {
    padding-top: 46px;
}

.ld-lesson-item-preview a.ld-lesson-item-preview-heading.ld-primary-color-hover {
    align-items: center;
}

.learndash-wrapper .ld-course-navigation .ld-status-icon.ld-status-incomplete {
    border: 2px solid var(--light-blue) !important;
}

.ld-course-status-enrolled {
    margin: 14px 0px;
}

.learndash-wrapper .ld-course-status .ld-status.ld-status-progress {
    background: var(--blue);
    color: var(--white);
}

.learndash-wrapper .ld-focus {
    padding: 20px 40px;
}


.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading {
    margin-top: 50px !important;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading h3 {
    padding: 0 0 0 0px !important;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-wrapper {
    margin-top: 0px !important;
    padding-bottom: 0px !important;
}


a.ld-primary-color.ld-course-step-back {
    background-color: var(--red) !important;
    align-items: center;
    border: 0;
    border-radius: 20px;
    box-shadow: none;
    color: var(--white);
    cursor: pointer;
    display: flex;
    font-size: 15px !important;
    font-weight: 500;
    height: auto;
    max-width: 260px !important;
    padding: 15px 10px !important;
    border-radius: 12px !important;
}

.ld-focus-content h1 {
    font-size: 35px;
    font-weight: 700;
}

.ld-progress.ld-progress-inline {
    background-color: #f0f3f6;
    border-radius: 6px;
    padding: 0.5em 1em;
    display: flex;
    flex-direction: inherit !important;
}

.learndash-wrapper.learndash-widget .ld-progress .ld-progress-bar {
    background-color: #fff !important;
    margin-right: 1em !important;
}


.learndash-wrapper .ld-course-status .ld-progress.ld-progress-inline {
    align-items: center;
    flex-direction: row-reverse !important;
}

.fa-pencil:before {
    content: "\f040" !important;
}

.custom_dropdowns {
    display: flex;
    justify-content: space-between;
    width: 52%;
}

.showing_grades,
.showing_tags,
.assign_status {
	border: none;
    width: auto;
    padding: 3px 11px;
    border-radius: 8px;
    font-size: 13px;
    min-width: 165px;
}

.elementor-element-189f365 .elementor-widget-wrap {
    align-content: center !important;
}

.elementor-element-66fa58a .elementor-widget-wrap {
    align-items: center;
}

.my_teaching_plan_tabcontent .custom_dropdowns h2 {
    padding-top: 40px !important;
}

.fa-external-link:before {
    content: "\f08e" !important;
}

.ld-focus-sidebar .coursesButton .ld-button {
    color: #707070 !important;

}
.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-content-actions{border-top: none !important;}
.learndash-wrapper .ld-breadcrumbs{margin: 25px 0;}
.coursesButton {
    padding-top: 40px;
    border-top: 1px solid #e2e7ed;
    margin-top: 75px;
    padding-bottom: 40px;
}

.coursesButton a.courseReturn {
    color: #707070;
    font-size: 14px !important;
    text-decoration: underline !important;
}

.ld-focus-sidebar span.ld-icon.ld-icon-content {
    display: none;
}

div#learndash_post_38327 .ld-progress.ld-progress-inline {
    display: flex;
    flex-wrap: nowrap;

}

div#learndash_post_38327 .ld-progress-bar {
    width: 37%;
}

.ld-tab-content .ld-video iframe {
    /*    border-bottom: 1px solid #e2e7ed;*/
    padding-bottom: 56px;
}

.elementor-page-38813 .coursesButton {
    width: 86%;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading h3 {
    line-height: 1.2 !important;
}

.learndash-wrapper.learndash-shortcode-wrap-ld_navigation-38337_38327_16951 .ld-content-actions {
    border-top: none !important;
}

.coursesButton .ld-icon-arrow-right:before {
    display: none;
}

.tabcontent .archiveClass {
    border: none;
    padding: 5px 8px;
    font-size: 15px;
    color: var(--sec-h-text);
    width: 17%;
    border-radius: 8px;
}

.students_class {
    font-size: 13px;
    padding-bottom: 8px;
    border-radius: 8px;

}

.single_concept .concept_no {
    position: relative;
}

.concept_no:after {
    content: "";
    position: absolute;
    height: 27px;
    width: 2px;
    background: #f0eeee;
    display: none;
    bottom: -28px;
    right: 20px;
}

.concept_no:after:last-child {
    background: red !important;
}


.current_lesson_quiz_data .current_course_lessons label.lesson_name {
    font-weight: 600;
    font-size: 12px;
}


/* table tbody>tr:nth-child(odd)>td,
table tbody>tr:nth-child(odd)>th {
    background-color: #fff !important;
    font-size: 9px;
} */

table tbody>tr:nth-child(even)>td,
table tbody>tr:nth-child(even)>th {
    background-color: #D7E5F2 !important;
}


/*******12-04-2023********/
.assessments_button .ld-button {
    background-color: var(--red);
    color: #fff !important;
    padding: 10px 25px !important;
    border-radius: 12px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
}

.assessments_button {
    display: flex;
    gap: 35px;
    margin-top: 60px;
}

.assessments_button i.fa.fa-plus {
    font-size: 12px;
}


.ld-tab-count-2 .ld-tabs-content .ld-tab-content .ld-video {
    width: 80%;
    text-align: center;
    margin: auto;
}
/*
.learndash-wrapper .ld-content-action a.ld-primary-color.ld-course-step-back {
    display: none !important;
}

.ld-content-actions .ld-content-action:nth-child(2) {
    display: none !important;

}
*/
/*.learndash  .learndash-wrapper .ld-content-actions .ld-content-action {
    flex-basis: auto !important;
}*/
.learndash-wrapper:not(.ld-registration__outer-wrapper) .ld-content-actions{align-items:center;}
.assign-course-section input.assign-course-button {
    background-color: var(--yellow);
    border: none !important;
    color: var(--white);
    line-height: 2.1em;
    border-radius: 12px;
}


.ld-content-action .ld-button span.ld-text {
    text-transform: uppercase;
    padding: 0px 5px !important;
}

.learndash-wrapper .ld-content-actions {
    padding-top: 65px !important;
}

span.ld-icon.ld-icon-arrow-left,
span.ld-icon.ld-icon-arrow-right {
    font-size: 10px !important;
}


/*******19-04-2023*******/
/*#progress_reports .manage_teaching_plan_data{
        height: 300px;
    flex-direction: column;
}
*/

/*.custom_chart{
    height: 20px;
}*/
/*
.edu-dash .chart_top_left{display:flex; justify-content:space-between; padding:28px 20px 15px;}
.edu-dash .chart_top_left h6{font-size:14px;}
*/
.custom_chart.edu-dash .chart_top{padding: 0px 20px;}

.chart_top_left h6 {
    font-size: 16px;
    font-weight: 700;
    color: var(--sec-h-text);
}

.chart_top_weeks-rit{display:flex; gap:10px;}

div#progress_reports .chart_top_left h6{
    font-size: 16px;
}

div#dashboard .chart_top .chart_top_left{
    width: 27%;
}

.report_pg_top_sec_btns {
    width: 40%;
    display: flex;
    justify-content: end;
    gap: 10px;
}

.custom_chart .Class_Lesson_Reports{
    display: grid;
	grid-template-columns: 40% auto;
    justify-content: space-between;
    margin: 0 10px;
    height: auto;
    margin-top: 20px;
    padding-bottom: 0;
}
.Class_Lesson_Reports_left {
    width: 170px;
    height: 170px;
    background: conic-gradient(#4163ae 0%, #fbce06 0%);
    border-radius: 50%;
    color: #fbce06;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Class_Lesson_Reports_left_inner {
    width: 145px;
    height: 145px;
    border-radius: 50%;
    background-color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
}

.Class_Lesson_Reports_left_inner p {
    width: 100px;
    color: var(--body-text);
    font-weight: bold;
    line-height: 1;
    margin: 0;
    text-align: center;
    font-size: 16px;
}

.Class_Lesson_Reports_right {
    display: flex;
    align-items: center;
    gap: 50px;
	font-size:13px;
}

.Class_Lesson_Reports_right_ratio_part {
    gap: 12px;
    display: flex;
    flex-direction: column;
}

.Class_Lesson_Reportscircles {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #4163ae;
}

.Class_Lesson_Reports_right_ratio_part_yellow .Class_Lesson_Reportscircles {
    border-color: #fbce06;
}

.Class_Lesson_Reports_right_ratio_part_blue {
    display: flex;
    align-items: center;
    gap: 8px;
}


.Class_Lesson_Reports_right_counts p {
    color: #80808085;
    margin-bottom: 8px;
}

.Class_Lesson_Reports_right_counts p i {
    font-size: 20px;
    padding-left: 6px;
}

.chart_top_weeks {
    DISPLAY: FLEX;
    gap: 10px;
}

.chart_top_weeks button {
    border: unset;
    padding: 0px 5px;
    color: var(--blue);
    font-size: 13px;
    border-radius: 30px;
}

.chart_top_weeks button.graph_active {
    color: #A0A0A0;
}

.chart_top_weeks button:hover,
.chart_top_weeks button:focus {
    background-color: var(--light-blue);
    color: var(--blue);
}

div#dashboard .custom_chart .chart_top .chart_top_parent {
    display: flex;
    gap: 7px;
}
.custom_chart .chart_top.edu-d{align-items: start; height:auto; padding-top: 18px;}
.custom_chart .chart_top.edu-d .chart_top_parent{margin-top:-4px;}

div#students .students_tab_graph .chart_top_parent {
    gap: 10px;
    display: flex;
	flex:1;
	margin-left:20px;
}

.students_tab_graph .chart_top_parent {
    gap: 25px;
}
.classroom-record{
	display: flex;
    gap: 10px;
	margin-bottom:25px;
    width: 100%;
    justify-content: space-between;
}

.single_student_main_chart_date .classroom-record label{ text-align:center;}

.single_student_main_chart_date .chart_top_right {
    margin: 0 0 00 auto;
    position: relative;
}

.manage_teaching_plan_data canvas#class_lession_progress_chart {
    width: 375px !important;
    height: 200px;
    margin: auto;
    padding: 20px;
}

.chart_top_right.select_chart_date_range select {
    background-color: transparent !important;
    color: #4D4F5C !important;
    border: 1px solid #D7DAE2 !important;
    box-shadow: 0px 2px 3px #0000000D;
    border-radius: 4px !important;
}

div#progress_reports .select_classroom select {
    font-size: 12px;
}

.custom_assesments_sections {
    width: 32%;
    background: var(--white);
    padding: 20px 15px;
    box-shadow: 0px 2px 6px #0000000A;
    border-radius: 5px;
}

.assessments_progresse {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
}

.assessments_progresse h6 {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    padding-bottom: 2px;
}


.custom_inner_section {
    display: flex;
    width: 100%;
    align-items: center;
}

.custom_icon {
    width: 18%;
}

.custom_percentage {;
    gap: 3px;
    display: flex;
    flex-direction: column;
	margin:0px auto;
}
.custom_percentage div {
    font-size: 15px;
    color: #4D4F5C;
    font-weight: 500;
    font-family: var(--secondary-font);
    margin-top: 1px;
    line-height: normal;
}
.custom_percentage span {
   font-size: 15px;
    color: #4D4F5C;
    font-weight: 500;
    font-family: var(--secondary-font);
    margin-top: 1px;
    line-height: normal;
}

.custom_percentage span.purple {
    color: var(--blue);
	font-weight: 700;
}

.custom_percentage span.yellow {
    color: var(--yellow);
	font-weight: 700;
}
.custom_percentage span.medium-blue{
    color: var(--medium-blue);
	font-weight: 700;
}

.custom_percentage span.red {
    color: var(--red);
	font-weight: 700;
}


.plan_overview .custom_progress{gap:30px;}
.custom_progress {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 8px;

}

.concept_progress {
    width: 100%;
    background: var(--white);
    padding: 20px;
    border-radius: 5px;
}
.custom_progress #custom_progress_inner{position:relative;}

.top_four_concepts {
    background: var(--white);
}

.custom_progress .single_concept {
    display: grid;
    gap: 5px;
    align-items: center;
    margin-top: 20px;
	grid-template-columns: 47px auto;
}

.custom_progress .top_four_concepts h4 {
    font-size: 16px;
    font-weight: 700;
}

.custom_progress .top_four_concepts {
    padding: 20px;
    border-radius: 5px;
	max-width: 300px;
    width: 100%;
}

/*.custom_chart {
    padding: 22px 20px;
}*/

canvas#progress_tab_chart {
    margin-top: 20px;
}

.custom_progress .concept_no:after {
    content: "";
    position: absolute;
    height: 35px;
    width: 2px;
    background: #f0eeee;
    bottom: -35px;
    right: 20px;
}

.custom_icon i.fa.fa-pencil {
    color: var(--blue);
    border: 1px solid var(--blue) !important;
    border-radius: 30px;
    padding: 8px;
    width: 34px;
    text-align: center;
}

.progress_bar {
    display: flex;
    justify-content: space-between;
    margin-top: 28px;
}

.progress_bar p {
    color: #4D4F5C;
    font-size: 13px;
}

.edit_links {
    position: absolute;
    z-index: 999;
    background: var(--white);
    box-shadow: 0 4px 6px #0000001c;
    padding: 0;
    border-radius: 0px;
}

.edit_class_links .edit_links {
    bottom: unset;
    top: 21px;
    width: 110px;
    right: 0px;
}

.custom_square_box .edit_class_links {
    position: relative;
}

.classroom_tablinks.active {
    padding-bottom: 17px;
}

ul.links .classroom_tablinks.classroom_tablinks4062 {
    padding-bottom: 27px;
}

.single_class_content ul.links li {
    margin-bottom: 15px;
}

.single_class_content ul.links,
.single_students_content ul.links {
    border-bottom: 3px solid #dee2e6;
}

.students_activity_graph.students_tab_graph .custom_chart {
    width: 88%;
    padding: 15px 20px;
    position: relative;
}


.block-top {
    display: flex;
    align-items: center;
    gap: 15px;
	justify-content: space-between;
}

/*.custom_chart .chart_top_right .activity_chart_view_all {
    position: absolute;
    right: 15px;
    top: 8px;
}*/

.students_header_parent {
    width: 100%;
}

.students_activity_graph.students_tab_graph button.activity_chart_view_all {
    text-align: left;
    display: flex;
    align-items: center;
	position:relative;
}

button.activity_chart_view_all::after {
    /* content: ">"; */
    content: "\f105";
    background-color: #C25656;
    width: 20px;
    height: 20px;
    border-radius: 7px;
    position: absolute;
    right: 7px;
    padding: 2px 0 0 5px;
    font: normal normal normal 16px/1 FontAwesome;
}

.custom_square_box .edit_student_links .edit_links {
    top: 30px;
    right: 8px;
}

.students_tablinks.active {
    padding-bottom: 13px;
}

.students_tablinks.active {
    padding-bottom: 25px;
}


ul.links .students_tablinks.students_tablinks64 {
    padding-bottom: 27px;
}

#students input.students_name_input,
.students_password_input,
.student_email_div input.students_email_input {
    color: #00000059;
    font-weight: 500;
}

div.students_tabcontent .students_data .student_name_div input,
div.students_tabcontent .students_data .update_class_div select.update_class,
.students_password_input,
.update_pass_confirm,
.student_email_div input.students_email_input {
    background-color: var(--white);
    padding: 15px 10px !important;
}

.students_data .students_name_input,
.students_data .update_class_div select.update_class,
.update_pass_confirm {
    color: #00000059;
    font-weight: 500;
}

/*12-may-2023*/
.students_activity_graph.students_tab_graph {
    height: auto;
}


.students_activity_graph.students_tab_graph .activity-graph-vertical-text {
    left: -73px;
    top: 50%;
    font-size: 16px;
    transform: translateY(-50%) rotate(270deg);
    position: absolute;
    margin: auto;
	font-weight:600;
    color: #fac1c1;
}


.classroom_image_main,
.student_image {
    margin-top: 30px;
}

.manage_graph_teaching_plan .concept_name p {
    color: #4D4F5C;
    opacity: 50%;
    font-size: 12px;
}

.manage_graph_teaching_plan .top_four_concepts h4, div#my_teaching_plan .manage_graph_teaching_plan .top_four_concepts h4{
    font-weight: 700;
	font-size: 16px;
}


.fa-eye:before {
    content: "\f06e";
    color: #C1BCBC;
    font-weight: 900;
}

.classroom_data label {
    font-weight: 400;
    font-size: 16px;
    padding-bottom: 10px;
}

.classroom_data input,
.classroom_data select {
    color: var(--gray);
    font-size: 14px;
	font-family:var(--secondary-font);
    background-color: transparent;
}
.classroom_data select option{
	white-space: normal;
	display:block;
  word-wrap: break-word; 
  white-space: break-spaces;
  overflow-wrap: break-word;
  max-width:400px;
}

.students_tabcontent .single_tab_content input.students_name_input,
.students_tabcontent .single_tab_content select.update_class,
.student_email_div input.students_email_input {
    width: 50%;
}
.students_tabcontent_inner input.students_password_input,
.students_tabcontent_inner input.update_pass_confirm{box-shadow: 0px 12px 40px #00000014 !important;}
input.students_password_input,
input.update_pass_confirm {
    width: 50% !important;
	box-shadow: 0px 12px 40px #00000014 !important;
}

label.students_name_label,
.students_passowrd_label,
label.students_password_label,
label.students_email_label {
    width: 23%;
    font-size: 16px;
    font-weight: 500;
}

.student_pass_text {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin: 0;
    padding-top: 30px;
    color: #000000a8;
}

.update_class_div,
.student_name_div {
    justify-content: center;
}

.teaching_plan_summary .teaching_plan_single img {
    margin-bottom: 25px;
}

.class_concepts_data_left p,
.class_name.teaching_plan_single .grade_levels {
    line-height: 23px;
    text-transform: capitalize;
    color: var(--gray);
    margin-top: 12px;
	font-size:14px;
    margin-bottom: 0;
}

.class_concepts_data_left p {
    line-height: 18px;
}

.class_name.teaching_plan_single span {
    color: var(--gray);
	font-size:12px;
}

.single_course_data .course_title {
    font-size: 18px;
    font-weight: 700;
	font-family:var(--primary-font);
}
/* 
.concept_name {
    margin-top: 8px;
} */

.left_side .row label strong,
.right_side .row label strong{
    font-weight: 600;
    font-family: var(--secondary-font);
}

.user_info_fields {
    margin-top: 15px;
}




/*student page*/
.student_dashboard .student_sidebar {
    padding: 2rem 1.5rem !important;
}

.student_sidebar .student_name {
    font-size: 16px;
    font-weight: 700;
    padding-top: 30px;
    color: var(--sec-h-text);
}

.student_sidebar .student_class_name {
    font-size: 16px;
    color: var(--sec-h-text);
    padding-bottom: 10px;
}

.student_dashboard .question_content {
    /* padding: 32px 50px; */
}

.student_dashboard .question_of_the_day {
    width: 48%;
    overflow: hidden;
}

.i_affrimation_msg {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.heart_text h5 {
    font-size: 18px;
    font-weight: 600;
    color: var(--red);
}

.student_dashboard .content_page h4 {
    font-size: 25px;
    font-weight: 700;
    text-align: start;
    margin: 40px 0px 15px 0px !important;
}
.student_dashboard .content_page .student_welcome_msg h4{margin:0px !important;}

.student_welcome_msg h4 {
    text-align: center !important;
}

.student_dashboard .assessments_content {
    border-radius: 25px;
}
.student_dashboard .assessments_content .status_msg_color_red{color:var(--blue); font-size:14px; opacity:0.7; font-family:var(--secondary-font);}

.edit_class_links .fa {
    font-size: 20px;
}

.edit_class_links {
    padding: 0px 5px 0 0;
}

.my_teaching_plan_tabcontent h2 {
    padding-bottom: 20px;
}

#single-students .top_four_concepts {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 0px;
}

#single-students .top_four_concepts .single_concept:first-child{margin-top: 25px;}

#single-students .concept_no:after {
    left: 22px;
}

.view_student_yearly_assessments .year_beginning_assessment .assessment_name label {
    color: #252E48;
    line-height: normal;
}

.tabcontent .students_content .custom_square_box.single_students .add_student div:first-child {
    margin-top: 15px;
}

.single_students .add_student span.add_classroom_icon.fa.fa-plus {
    padding: unset !important;
    height: 55px;
    width: 55px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}




/* 11-aug-2023 */
.user_recent_activity .pre_test_activity .pre_test_name,
.user_recent_activity .course_activity .single_student_course_title {
    width: 86%;
    margin: 0 auto;
}

label.recent_activity_text {
    font-weight: 700;
    width: unset;
    margin-bottom: 10px;
    font-size: 16px;
}

.concept_progress_upper label {
    font-weight: 700;
    margin-top: 10px;
    line-height: 14px;
    font-size: 16px;
}

.view_single_student_content .user_recent_activity {
    width: 48%;
    background: var(--white);
    padding: 12px 30px 0 30px;
    border-radius: 30px;
}

.view_single_student_content .user_recent_activity .pre_test_name h6,
.view_single_student_content .user_recent_activity h6 {
    padding: 10px 18px;
    background: var(--red);
    border-radius: 20px;
    color: var(--white);
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.view_single_student_content .user_recent_activity h6 {
    background: var(--blue);
}

.user_recent_activity .pre_test_activity,
.user_recent_activity .course_activity {
    border-radius: 20px;
    background: var(--white);
    border: 1px solid #7070702E;
    padding: 15px 0px 10px 0;
    box-shadow: 0px 3px 11px 0px #ddd;
    height: auto;
	min-height:230px;
}



.course_activity .progress-circle {
    margin: 10px auto;
}

.pre_test_activity .Report_btn,
.course_activity .Report_btn {
    text-align: center;
}

.Report_btn button {
    border: unset !important;
    padding: 0;
    color: var(--blue);
    font-size: 12px !important;
    width: unset !important;
    height: unset !important;
	opacity:0.7;
}
.user_recent_activity .pre_test_activity .Report_btn button{text-decoration:underline;}

.recent-activity-slider-block button:focus {
    background-color: transparent;
    color: var(--blue);
}

.recent-activity-single-student-slider-block button:focus {
    background-color: transparent;
    color: var(--blue);
}

.Report_btn button:hover {
    border-bottom: 1px solid var(--blue);
    background-color: unset;
    border-radius: unset;
    color: var(--blue);
}

.user_view_center .user_concept_progress {
    display: flex;
    width: 48%;
    background: var(--white);
    padding: 12px 30px;
    border-radius: 30px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.user_concept_progress_inner {
    width: 100%;
	position:relative;
}


.concept_progress_upper {
    display: flex;
    justify-content: space-between;
}

.concept_progress_upper label {
    font-weight: 700;
    margin-top: 10px;
    line-height: 14px;
}

form.concept_progress_form select.concept_progress_select {
    background-color: transparent;
    border: 1px solid #ddd;
    padding: 4px 6px;
    font-size: 14px;
    color: #000000c9;
}

.concept_progress_bottom {
	display: grid;
    justify-content: space-between;
    margin-top: 15px;
    overflow: auto;
    gap: 30px;
    row-gap: 15px;
	width:100%;
    grid-template-columns: 1fr 1fr;
}

.concept_progress_bottom::-webkit-scrollbar-track {
    background-color: #f5f5f500;
}

.concept_progress_bottom::-webkit-scrollbar {
    background-color: #f5f5f500;
}

.concept_progress_bottom::-webkit-scrollbar-thumb {
    background-color: #5550;
}


.concept_progress_bottom_text {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
}

.concept_progress_bottom_lines {
    width: 100%;
    height: 5px;
    background-color: #ddd;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
}
.custom_progress .concept_progress_bottom_lines{height: 8px;}

.concept_progress_bottom_lines .concept_progress_bottom_lines_graph {
    width: 50%;
    height: 100%;
    background-color: var(--blue);
}

.concept_progress_bottom_lines_inner {
    width: 50%;
    height: 100%;
    background: var(--blue);
}

.concept_progress_bottom_text p,
.concept_progress_bottom_text span {
    margin: 0;
    color: var(--gray);
    font-size: 14px;
	font-family:var(--primary-font);
}

.User_Assignment-Result {
    display: flex;
    width: 100%;
    background: var(--white);
    padding: 12px 40px;
    border-radius: 30px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 40px;
}

.User_Assignment-Result div label.assigmnet-label {
    font-weight: 700;
    margin: 30px 0px 25px 0;
    width: auto;
    font-size: 14px;
}

/* assignment-table */
thead.assignment_thead {
    background-color: var(--yellow);
}

.th_data {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*thead.assignment_thead tr th:nth-child(2) .th_content {
    padding-left: 20px;
}
*/
table thead:first-child tr:first-child th .th_title.th_data {
    justify-content: start;
    gap: 60px;
}

.th_data .th_btn {
    display: flex;
    flex-direction: column;
}

.th_data .th_btn button {
    padding: 0;
    border: 0;
    color: var(--white);
    display: inherit;
}

table.User_Assignment-Result-table button:focus {
    background-color: transparent;
}

thead.assignment_thead th {
    padding: 7px 20px 7px 0px;
    border: unset;
}

.th_data .th_btn button i {
    font-size: 12px;
}

.assignment_tbody tr:first-child td.tr_parent_title span {
    color: #000 !important;
}

.assignment_tbody_main .tr_child_lesson_quiz td.tr_child_course span {
    background-color: #efe7ff;
}

tr.tr_parent td.tr_parent_assignment {
    text-align: start;
    /* padding-left: 0; */
}

tr.tr_parent td.tr_parent_title span {
    font-weight: 600;
    margin-top: 10px;
    display: block;
    text-align: start;
    color: #324462;
}

tr.tr_parent td.tr_parent_title {
    padding: 1px 20px;
}

tr.tr_parent td {
    border: unset;
}

tr.tr_parent td.tr_parent_assignment span {
    background-color: #aafebe;
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: 300;
	width: 90%;
    display: block;
    margin: 0 auto;
	max-width:200px;
}

.view_single_student_content .user_view_center .User_Assignment-Result-table .assignment_thead .assignment_tbody_main tr td:nth-child(2) span {
    width: 90% !important;
    border-radius: 5px !important;
    text-align: left;
    display: block !important;
    font-size: 12px;
    font-weight: 300;
/*    margin: 0 auto !important;*/
    color: #32405e !important;
}
.User_Assignment-Result-table_outer td.tr_parent_min, td.tr_child_min{
    text-align: left;
}
.th_answers{
    justify-content: center;
}
.assignment_tbody_main tr td:nth-child(1) span {
    color: #32405e !important;
    font-weight: 600;
    margin-top: 20px !important;
}

td.tr_parent_min,
td.tr_child_min {
    padding-left: 0 !important;
    font-weight: 300;
    color: #32405e;
}

td.tr_parent_answers,
td.tr_child_answers {
    padding-left: 0 !important;
    font-weight: 300;
    color: #32405e;
    text-align: start;
    padding-right: 100px;
}

td.tr_parent_date,
td.tr_child_date {
    padding-left: 0 !important;
    font-weight: 300;
    color: #32405e;
    padding-right: 30px;
}
.User_Assignment-Result-table .user-col-1{}
.User_Assignment-Result-table .user-col-2{width:30%;}
.User_Assignment-Result-table .user-col-3{width:20%;}
.User_Assignment-Result-table .user-col-4{width:20%;}
.User_Assignment-Result-table_outer .User_Assignment-Result-table tbody.assignment_tbody tr.tr_child td{text-align:left;}
.User_Assignment-Result-table .th_data{display:block;}
.User_Assignment-Result-table th.content-type .th_data{text-align:center;}

/*tr.tr_parent td.tr_parent_assignment {
    text-align: center;
}
*/

tr.tr_child td {
    border: unset;
}

tr.tr_child td.tr_child_title {
    padding: 1px 20px;
}

tr.tr_child td.tr_child_title span {
    display: block;
    margin-top: 10px;
    font-weight: 600;
}

table tbody.assignment_tbody tr.tr_child td {
    border: unset;
    background-color: #d7e5f257 !important;
    text-align: center;
}

tbody.assignment_tbody tr.tr_parent td {
    background-color: #d7e5f200 !important;
}


.User_Assignment-Result tbody.assignment_tbody .tr_parent_second td {
    background-color: #d7e5f2 !important;
}

.User_Assignment-Result tbody.assignment_tbody .tr_parent_second td.tr_parent_assignment span {
    background-color: #ffefca;
}

tbody.assignment_tbody .tr_parent_second td:first-child,
tbody.assignment_tbody .tr_parent_third td:first-child {
    position: relative;
}

tbody.assignment_tbody .tr_parent_third td:first-child::before {
    content: "\f106";
}

tbody.assignment_tbody tr td:first-child,
table.User_Assignment-Result-table thead tr th:first-child {
    padding-left: 40px;
}

.th_data span {
    font-weight: 600;
}

table tbody.assignment_tbody tr.tr_child td.tr_child_title {
    text-align: start;
}

tr.tr_child td.tr_child_course span {
    background-color: #f4d4d4;
    padding: 5px 10px;
    border-radius: 8px;
    width: 90%;
    display: block;
    margin: 0 auto;
	max-width:200px;
}

.User_Assignment-Result-table_outer {
    width: 100%;
}

.User_Assignment-Result_mibble {
    width: auto;
    justify-content: end;
    display: flex;
    margin: 25px 0 25px 0;
    gap: 20px;
}

.User_Assignment-Result_mibble .User_Assignment-Result_mibble_selections {
    display: flex;
    justify-content: space-between;
}

.User_Assignment_form_group {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.User_Assignment-Result_mibble .User_Assignment-Result_mibble_selections form {
    display: flex;
    border-left: 2px solid var(--blue);
    align-items: center;
	gap:20px;
    /* width: 100%; */
}

.User_Assignment-Result_mibble .User_Assignment-Result_mibble_selections form select {
    border: unset;
    background-color: transparent;
    font-size: 12px;
    color: #00000075;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    border-radius: unset;
    font: inherit;
    line-height: 1em;
    padding: 0.5em 3em 0.5em 1em;
}

.User_Assignment-Result_mibble .User_Assignment-Result_mibble_selections form select {
	 background-image: url('/wp-content/plugins/mathandmovement-learn-master/assets/img/down-arrow.svg');
  background-size: contain; 
  background-repeat: no-repeat; 
  background-position: center right;
   border-left: 2px solid var(--blue);
    border-top: 1px solid var(--light-blue);
    border-bottom: 1px solid var(--light-blue);
    border-right: 1px solid var(--light-blue);
    padding: 0px 9px;
    height: 30px;
    font-size: 12px;
    border-radius: 0px;
    font-weight: 600;
	padding-right:38px;
    color: var(--blue);
    cursor: pointer;
}

.User_Assignment-Result_mibble .User_Assignment-Result_mibble_selections form select:focus,
.User_Assignment-Result_mibble .User_Assignment-Result_mibble_selections form select:focus-visible {
    outline: unset;
}

.User_Assignment-Result_mibble .User_Assignment-Result_mibble_selections form label {
    color: var(--blue);
    padding-left: 10px;
    font-size: 12px;
    FONT-WEIGHT: 500;
}

.User_Assignment-Result_mibble_print {
    padding: 5px 10px;
    border: 1px solid var(--red);
    border-radius: 12px;
    cursor: pointer;
}

.User_Assignment-Result_mibble_print i {
    color: var(--red);
}

.status_msg_color_red {
    color: var(--red)
}

.status_msg_color_yellow {
    color: #c19e0a
}

.status_msg_color_green {
    color: #4CAF50
}

.assessments_content .status_msg_color_red, .assessments_content .status_msg_color_yellow, .assessments_content .status_msg_color_green{font-size:12px;}


/* 16-08-2023 */

.custom_progress_content h4 {
    padding-top: 0px !important;
    font-weight: 600;
}

.custom_progress_Data {
    display: flex;
    flex-direction: row !important;
}

.custom_progress_Data {
    background-color: var(--white);
    padding: 16px;
    border-radius: 4px;
    width: 100%;
    border-radius: 4px;
    justify-content: space-between;
    align-items: center;
    margin: 5px 0px;
}

.progress_text {
    color: var(--gray);
    margin: 0px;
}

.custom_progress_content {
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.class_concepts_data_right .custom_progressbar *{font-size:14px !important;}
.custom_progressbar {
    width: 80%;
}

.custom_progress_icon {
    background: #e9ecef;
    height: 34px;
    width: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: var(--white);
    font-size: 34px;
    color: var(--white); 
	cursor:pointer;
    font-weight: 500;
    border-radius: 8px;
	transition: all 1s ease-out;
}
.custom_progress_icon:hover{background-color: var(--blue);}

.custom_progressbar .progress-bar {
    background-color: var(--blue);
}

.custom_progressbar .progress {
    height: 0.8rem;
    border-radius: 0px;
}




.current_lessons.current_single h5 {
    font-size: 17px;
    font-weight: 600;
}
.assignment_results h5 {
    font-size: 16px;
}
.recent_activity_content .current_class_name {
    letter-spacing: 0px;
    color: #2D2F39;
    opacity: 1;
    margin: 0px !important;
    font-weight: 500;
    font-size: 16px;
    padding-top: 20px;
}

.recent_activity_content .grade_levels,
.acitivity_top_text p,
.activity_middle_content p,
.green_activity_text,
.activity_link,
.yellow_activity_text,
.red_activity_text {
    font-size: 13px;
    line-height: 23px;
    text-transform: capitalize;
    color: var(--gray);
    margin-top: 12px;
}
.custom-activity-container{padding: 20px 0 0;}
.activity_botom_content li{
    font-size: 13px;
    line-height: 23px;
    color: var(--gray);
    margin-top: 12px;
}

.activity_botom_content li b{font-weight:400;}

.recent_activity_content p.grade_levels {
    margin: 12px auto;
    text-transform: none;
    text-align: center;
	padding:0px 40px;
}

/* .recent_activity_overview.recent_activity_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1rem;
} */

select#showing_grades {
    appearance: none;
}

.acitivity_img {
    width: 55px;
    border-radius: 50px;
    object-fit: cover;
    height: 55px;
}

img.user_profile_img.acitivity_img {
    border-radius: 50px;
}

.activity_middle_content {
    display: flex;
    gap: 8px;
    align-items: center;
}

.activity_botom_content ul {
    padding: 0px;
}

.activity_botom_content ul li {
    list-style: none;
    margin: 0px;
}

.recent_activity_box{
	padding: 25px 20px;
    border-radius: 5px;
}

.acitivity_top_text p {
    text-align: end;
    margin: 0px;
}

span.green_activity_text {
    color:#33C534;
}

span.yellow_activity_text {
    color: #fbcd0f;
}

.activity_bottom_text a.activity_link {
    color: var(--blue);
    text-decoration: underline;
}

.activity_bottom_text {
    display: flex;
    justify-content: space-between;
}

/* .custom_activity_box {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
} */

.green_activity_text,
.activity_link,
.yellow_activity_text,
.red_activity_text {
    font-size: 12px;
}

.yellow_activity_text {
    color: var(--yellow);
}

.red_activity_text {
    color:var(--red);
}

.recent_activity_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.custom_activity_img {
    background-color: #e5f3fe;
    border-radius: 50px !important;
    /* width: 16%; */
    padding: 16px;
    width: 55px;
    height: 55px !important;
    object-fit: contain;
}



.student-chat-icon {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: var(--yellow);
    color: white;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
    top: 90% !important;
}

.student-chat-box {
    display: none;
    position: fixed;
    /* bottom: 100px; */
    bottom: 70px;
    right: 20px;
    width: 300px;
     max-height: 75vh; 
    /* height:77%; */
    border-radius: 10px;
    padding: 10px;
    overflow-y: auto;
    z-index: 1;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    background-color: white;
}


.student-chat-box::after {
    content: "";
    position: fixed;
    top: 0;
    left: auto;
    right: 20px;
    width: 300px;
    z-index: -1;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    background-color: white;   
}


.student-chat-header {
    font-weight: bold;
    margin-bottom: 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.student-chat-header .bulletin_chat_board, .student-chat-header .message_your_teacher, .student-chat-header .your_message{margin: auto 0 0 0;}
.student-chat-message {
    margin-bottom: 10px;
}

.show-student-chat-box {
    display: block;
}

/*============== 17- aug-2023 ============*/
.assessments_circle {
    margin: 10px auto 20px auto;
    border: 5px solid rgb(81 189 94);
    border-radius: 56%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
}

.assessments_circle h3 {
    font-size: 20px;
    color: #000;
}

.assessments_circle p {
    font-size: 12px;
    color: #000;
    margin-bottom: 0;
}

.bulletin_chat_board {
    padding-top: 10px;
}


.bulletin_chat_box {
    margin: 0 5px 20px 5px;
    border-radius: 10px;
    padding: 13px;
    box-shadow: 0px 2px 3px 1px #80808054;
    cursor: pointer;
}

.bulletin_chat_box:hover {
    box-shadow: 0px 0px 8px 1px #80808054 inset;
}

.bulletin_chat_board h3 {
    font-size: 20px;
    font-weight: 600;
}

.bulletin_chat_box h4 {
    font-size: 0.8rem;
    font-weight: 600;
}

.bulletin_chat_box p {
    font-size: 11px;
    font-weight: normal;
    color: #000000a3;
    margin: 0;
}

.message_your_teacher {
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: auto;
}

.message_your_teacher h3 {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 10px;
}

.teacher_chat {
    display: flex;
    margin-bottom: 10px;
    gap: 3px;
}

.teacher_img,
.student_img {
    width: 35px;
    height: 35px;
}

/* .teacher_chat .teacher_img {
    border-radius: 50%;
} */

.teacher_img img,
.student_img img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    overflow: hidden;
    border-radius: 50% !important;
}

.teacher_message {
    color: var(--white);
}

.teacher_message h4 {
    font-size: 0.75rem;
    font-weight: 600;
    word-break: break-all;
}

.teacher_message p {
    font-size: 0.7rem;
    font-weight: normal;
}

.teacher_message {
    color: var(--white);
    background-color: var(--blue);
    padding: 10px 14px;
    border-radius: 0 20px 20px 20px;
    width: 73%;
}

.msg_n_time {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}

.msg_n_time span {
    font-size: 9px;
    font-weight: 300;
}

.student_chat {
    margin-top: 40px;
}

.student_chat {
    margin-top: 0px;
    display: flex;
    justify-content: end;
    margin-bottom: 10px;
    gap: 3px;
}

.msg_n_time_student {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}

.msg_n_time_student h4 {
    font-size: 0.75rem;
    font-weight: 600;
}

.msg_n_time_student span {
    font-size: 9px;
    font-weight: 300;
}

.student_message {
    color: #000;
     background-color: #80808026; 
    padding: 10px 14px;
    border-radius: 20px 20px 0px 20px;
    width: 73%;
}

.student_message p {
    font-size: 0.7rem;
    font-weight: normal;
}

.your_message {
    display: flex;
    justify-content: center;
    /* margin-bottom: 52px; */
    position: relative;
}

.student-chat-header .your_message input {
    width: 86%;
    border-radius: 20px;
    background-color: #f5fbff;
    border: unset;
    font-size: 0.7rem;
}

#chat_popup_msg_submit {
    cursor: pointer;
}

.your_message input::placeholder {
    color: #000000b0;
    font-size: 16px;
}

.your_message i {
    font-size: 30px;
    position: absolute;
    color: var(--red);
    top: 6px;
    right: 28px;
}

.your_message i:hover {
    color: #0dadef;
    transition: all 0.5s;
	transform: rotate(30deg);
}

.help_chat_box {
    padding: 30px 30px;
    background-color: var(--white);
    box-shadow: 0px 2px 7px 3px #00000024;
}

.help_chat_box h2 {
    font-size: 26px;
    text-align: center;
    padding-bottom: 50px;
}

.second_person_chat {
    width: 40%;
    margin: 0 0 0 auto;
}

.first_person_chat {
    float: right;
    width: 40%;
}

.second_person_msg p {
    /* background-color: var(--yellow); */
    background-color: #D7E5F2;
    padding: 10px;
    border-radius: 12px 12px 12px 0;
    margin: 0;
    color: #000;
    font-weight: 400;
    font-size: 14px;
}

.chat_bw_person {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.first_person_chat {
    margin-bottom: 0px;
}

.first_person_msg p {
    border-radius: 12px 12px 0 12px;
    background-color: var(--blue);
    padding: 10px 10px 10px 16px;
    color: var(--white);
    font-size: 14px;
	margin-bottom: 0;
}

span.first_person_chat_time {
    display: flex;
    justify-content: end;
    font-size: 11px;
    width: 100%;
    padding-right: 45px;
    color: rgb(163 171 177);
}

.help_chat_box input.help_message {
	font-family: "proxima-nova", "Source Sans Pro", sans-serif;
    float: unset;
    border: 1px solid #b8c3cc59;
    padding: 0px 60px 0 25px;
    font-size: 0.8em;
    color: #32465a;
    width: 100%;
    height: 60px;
    border-radius: 50px;
}

.help_chat_box input[type="text"] {
    font-size: 14px;
}


.affirmative_msg {
    width: 33%;
    background: var(--white);
    border-radius: 26px;
    text-align: center;
    padding: 30px 0px;
}

.affirmative_icon {
    font-size: 75px;
    color: var(--red);
}

.affirmative_text h5 {
    font-size: 18px;
    font-weight: 600;
    color: var(--red);
}

.affirmative_msg_box {
    display: flex;
    gap: 10px;
}

select#student_dash_change_course {
    border-radius: 7px;
    border-color: #000000;
    background-color: #80808026;
    color: #000;
    font-size: 12px;
    margin: 0 auto;
    border: unset;
}

select#student_dash_change_course:focus {
    /* border: unset;
    outline: unset; */
    box-shadow: unset !important;
}

/* .form-select:focus {
    border-color:#000 !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
    box-shadow: unset !important;
} */

.form-select:focus {
    border-color: #000 !important;
    outline: 0;
    box-shadow: 0 0 0 0.1rem #000 !important;
}







/* ================ 18-aug-2023 ============== */

.all_messages {
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
    column-count: 5;
    margin-top: 20px;
    margin-bottom: 40px;
}

.custom_messages_square_box {
    background: var(--white);
    border-radius: 26px;
    padding: 8px 12px;
    width: 44%;
    text-align: center;
    position: relative;
    cursor: pointer;
    box-shadow: 0px 2px 7px 3px #00000024;
}

.custom_messages_square_box .edit_class_links {
    padding: 0px 5px 0 0;
}

.all_messages span.open_edit_class_links {
    font-size: 16px;
    padding: 10px;
    cursor: pointer;
}

.all_messages .edit_links {
    position: absolute;
    z-index: 999;
    background: var(--white);
    right: 0;
    box-shadow: 0 4px 6px #0000001c;
    padding: 0;
    border-radius: 0px;
    bottom: 100px;
}

.all_messages .edit_links ul {
    list-style-type: none;
    font-size: 12px;
    padding: 0;
    text-align: left;
}

.all_messages .edit_links li {
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    cursor: pointer;
    padding: 4px 9px;
    font-size: 14px;
    border: 0.5px solid #6565652B;
}

.student_image_main {
    margin-top: 30px;
}

.student_image_main img {
    height: 55px !important;
    border-radius: 40px !important;
    width: 55px !important;
}

.students_name_here {
    font-size: 16px;
    width: 100%;
    margin: 11px auto 4px auto;
    text-transform: capitalize;
    font-weight: 700;
    padding-top: 8px;
}

.students_class_name {
    font-size: 14px;
    padding-bottom: 8px;
    border-radius: 8px;
}

.all_messages_inner_div {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.custom_messages_students {
    width: 40%;
}

.all_student_chats {
    width: 60%;
}

.custom_messages_students {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.custom_messages_students h3 {
    display: none;
}

.message_chat_box {
    padding: 30px 30px;
    background-color: var(--white);
    height: 100%;
    box-shadow: 0px 2px 7px 3px #00000024;
    position: relative;
}

.message_chat_box h2 {
    font-size: 26px;
    text-align: center;
    padding-bottom: 50px;
}



.message_chat_box input.message_input {
    background-color: #d3dde452;
    border: unset;
    border-radius: 2px;
    padding: 20px 25px 50px 25px;
    /* position: absolute;
    bottom: 5%;
    width: 90%; */
}

.message_input_box {
    position: absolute;
    bottom: 5%;
    width: 90%;
}

.message_input_box p {
    float: right;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 15px;
    border: 1px solid #00000052;
    margin-top: 10px;
    border-radius: 31px;
    width: auto;
    justify-content: space-between;
    background-color: var(--red);
    cursor: pointer;
}

.message_input_box p i {
    color: var(--white);
}

.help_tab {
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

.help_tab_first h3 {
    font-size: 24px;
    font-weight: bold;
    color: #000;
    padding-bottom: 22px;
}

.help_tab_first .search_help,
.help_tab_next .search_help {
    width: 50%;
    margin: 0 auto;
    margin-bottom: 70px;
    background-color: var(--white);
    box-shadow: 0px 2px 7px 3px #00000024;
    border-radius: 0 24px 24px 0;
}

.help_tab_first .search_help input.custom_search_help,
.help_tab_next .search_help input.custom_search_help {
    border: unset;
}

.help_tab_second {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 70px;
}

button.help_tab_second_btn {
    background-color: var(--red-light-2);
    color: var(--red);
    font-weight: 600;
    border-radius: 18px;
    width: 20%;
    border-color: transparent;
    font-size: 18px;
}

button.help_tab_second_btn:hover,
button.help_tab_second_btn:focus {
    background-color: var(--red);
    color: var(--white);
}

.help_tab_third {
    display: flex;
    flex-direction: column;
    row-gap: 18px;
    width: 100%;
    margin: 0 auto 50px auto;
}

.accordian-main {
    background-color: var(--white);
}

.accordian-custom {
    background-color: var(--white);
    padding: 15px 20px;
	font-size:18px;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.accordian-main div.accordian-hidden {
    text-align: start;
    padding: 15px 20px;
    background-color: #d7d2d2db;
    margin: 0;
    font-size: 16px;
}

.accordian-main div.accordian-hidden img {
    width: 50%;
}

button.arrordian_btn_custom {
    border: unset;
    padding: 0;
    font-size: 20px;
    color: #000;
}

button.arrordian_btn_custom:hover,
button.arrordian_btn_custom:focus {
    background-color: unset;
    color: #000;
}

.help_tab_next h3 {
    font-weight: bold;
    color: #000;
    font-size: 24px;
    padding-bottom: 30px;
}

.help_tab_next .search_help {
    margin-bottom: 30px;
}

button.help_tab_next_btn {
    background-color: var(--red);
    padding: 8px 70px;
    border-radius: 10px;
    color: var(--white);
    font-weight: 600;
    border-color: transparent;
}

button.help_tab_next_btn:hover,
button.help_tab_next_btn:focus {
    background-color: var(--red);
    color: var(--white);
}

.find_activities_subjects {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.find_activities_subjects_child {
    background-color: var(--white);
    padding: 25px;
    border: 1px solid #87ceeb70;
    border-radius: 3px;
    width: 32%;
    box-shadow: 0px 0px 5px 1px #00000024;
}

h3.find_activities_subjects_h3 {
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 12px;
    color: #2c5a8f;
}

.find_activities_subjects_child p {
    font-size: 12px;
    color: #000000c2;
}

.find_activities_subjects_second {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.activities_mini_boxex {
    width: 15%;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    justify-content: space-between;
}


.activities_big_box {
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e5f3fe;
    margin-right: 7px;
}

.mini_box_child {
    width: 100%;
    height: 40px;
    background-color: #e5f3fe;
}

.activities_big_box h4 {
    font-size: 12px;
    font-weight: 500;
    color: #385e8a;
    text-align: center;
}

button.help_message_sender {
	border: none;
    width: 36px;
    height: 36px;
    padding: 12px 3px 9px 0;
    cursor: pointer;
    background: #76c00d;
    color: #f5f5f5;
    position: absolute;
    right: 5px;
    bottom: 50%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    transform: translate(-10px, 50%) rotate(58deg);
}

button.help_message_sender i{font-size:14px;}


.progress_report_concept_box {
    width: 95%;
    margin: 22px auto 0 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
    gap: 30px;
    row-gap: 15px;
}

.waiting-block-error .progress_report_concept_box {
    margin: 0 auto !important;
}

.progress_report_concept_box::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: transparent;
}

.progress_report_concept_box::-webkit-scrollbar {
    width: 1px;
    background-color: transparent;
}

.progress_report_concept_box::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: transparent;
}

.progress_report_concept_child {
    width: 46%;
}

.progress_report_concept_text {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #80808099;
    font-size: 12px;
    margin-bottom: 10px;
}

.progress_report_concept_text p {
    margin: 0;
    font-size: 11px;
}

div#my_account .top_heading {
    margin-top: 35px;
}

.assessments_circle_progress.progress_report_concept_bars {
    position: relative;
    background-color: rgb(237 240 245);
    border-radius: 8px;
    height: 6px;
    width: 100%;
    overflow: hidden;
}

.progress_report_concept_bars_inner {
    background-color: var(--blue);
    height: 100%;
    border-radius: 8px;
}




.remarks_model .remarks_close_btn {
    margin-right: 10px !important;
}

td.tr_parent_remarks .remarks_btn {
    color: #000;
    border: unset;
    padding: 6px;
    font-size: 12px;
    border-bottom: 1px solid #000;
    border-radius: unset;
    margin-top: -10px;
}

td.tr_parent_remarks .remarks_btn:hover,
td.tr_parent_remarks .remarks_btn:focus {
    background-color: unset;
    border-color: transparent;
}

.remarks_model .remarks_close_btn {
    border: unset;
}

.remarks_model .remarks_close_btn:hover,
.remarks_model .remarks_close_btn:focus {
    background-color: unset;
}

.remarks_footer button:hover,
.remarks_footer button:focus {
    background-color: var(--red);
    border-color: var(--red);
}

.remarks_footer button {
    border-color: var(--red);
    color: var(--red);
    border-radius: 12px;
}

td.tr_parent_remarks .remarks_btn:focus {
    background-color: unset !important;
    border-color: transparent !important;
}

div#daily_affirmation .affirmations-gallery .draggable .slick-track img {
    border-radius: 100%;
    /* height: 238px;  */
}

.bulletin_chat .slick-list.draggable .slick-track {
    /* overflow-x: scroll;
    height: 271px !important; */
}

/* div#daily_affirmation .affirmations-gallery button {
    background-color: var(--yellow);
    border-radius: 50%;
} */
/* div#daily_affirmation .affirmations-gallery button {
    background-color: var(--yellow);
    border-radius: 50%;
    z-index: 9;
    width: 60px;
    height: 60px;
    color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    row-gap: 9px;
    font-size: 12px;
    font-weight: 600;
} */
div#daily_affirmation .affirmations-gallery button {
    background-color: transparent;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
}
div#daily_affirmation .affirmations-gallery button.slick-prev {
    left: -22px;
}

div#daily_affirmation .affirmations-gallery button::before {
    color: var(--white);
    background-color: var(--yellow);
    border-radius: 50%;
}

.progress-value-num {
    display: none !important;
}

.progress-value {
    position: relative;
    font-size: 20px;
    color: #000;
}


.affirmation_img_custom {
    width: 100% !important;
    height: 80%;
    margin: 0 auto !important;
    left: 0;
    right: 0;
    transform: translate(0%, -50%) !important;
}

div#custom_text_affirmative_block {
    margin-bottom: 20px;
}

.affirmation_img_custom .affirmation_centent_custom {
    width: 100%;
    height: 100%;
    /* overflow: auto; */
}

.affirmation_centent_custom .modal-header button {
    margin-right: 0px;
    right: 9px !important;
    bottom: 5px !important;
}

.affirmation_img_custom .affirmation_centent_custom .affirmation_body_custom {
    width: 60%;
    height: 70%;
    margin: 0 auto;
    background-color: var(--white);
}

.affirmation_img_custom .affirmation_centent_custom .affirmation_body_custom img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 50%;
}

div#arrirmative_custom_btns_block .affirmation_custom_close_btn {
    background-color: var(--white);
    color: var(--red);
    border-radius: 8px;
    border: 1px solid var(--red);
}

button#affirmation_modal_conf {
    border: 1px solid var(--red);
    background-color: var(--red);
    color: #fff !important;
    border-radius: 8px;
}

.affirmation_custom_close_btn:hover,
.affirmation_custom_confirm_btn:hover,
.affirmation_custom_close_btn:focus,
.affirmation_custom_confirm_btn:focus {
    color: #fff !important;
    background-color: var(--red) !important;
}

.arrirmative_custom_btns {
    position: relative;
    display: flex;
    justify-content: space-evenly;
    top: -15px;
    right: auto;
}

.modal-dialog.affirmation_img_custom {
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0px 0px 2px 1px #00000029;
}

.custom_text_affirmative {
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    width: 50%;
    margin: 0 auto;
}

.arrirmative_custom_btns button {
    padding: 4px 6px;
}

.student_material_not_found {
    padding: 10px;
    background-color: var(--red);
    border-radius: 8px;
    width: 100%;
    text-align: center;
    height: fit-content;
    font-size: 16px;
    font-weight: 600;
}

.student_material_not_found i {
    margin-right: 3px;
}

.student_material_not_found p {
    margin: 0;
    display: inline-block;
}
.student_material_not_found p span{text-decoration: underline; cursor: pointer;}

.affirmation_centent_custom .modal-header button:hover {
    background-color: unset;
}

.affirmation_centent_custom .modal-header button:focus {
    background-color: unset;
}

.three_menu_dots {
    position: relative;
}

.three_menu_dots ul.menu_list li {
    list-style: none;
}

.three_menu_dots ul.menu_list {
    position: absolute;
    right: 0px;
	padding:10px 20px;
    background-color: var(--white);
    border-radius: 8px;
    box-shadow: 0px 0px 3px 1px #80808054;
    overflow: hidden;
    min-width: 170px;;
}

.three_menu_dots ul.menu_list li {
    list-style: none;
    font-size: 12px;
    font-weight: 600;
    color: #0000008f;
}

.three_menu_dots ul.menu_list li a {
    color: #000000a3;
    font-size: 14px;
    font-weight: 800;
	font-family:var(--secondary-font);
}

.three_menu_dots ul.menu_list li {
    padding: 7px 0px;
    border-bottom: 1px solid #00000059;
}
.three_menu_dots ul.menu_list li:last-child{border-bottom: none;}

.bell-icon i {
    color: #586c84;
    font-weight: 600;
    font-size: 20px;
}

.three_menu_dots i {
    color: #586c84;
    font-size: 21px;
}

.three_menu_dots ul.menu_list {
    position: absolute;
    right:0;
    top: 30px;
    background-color: var(--white);
    border-radius: 8px;
    box-shadow: 0px 0px 3px 1px #80808054;
    overflow: visible;
}

ul.menu_list::before {
    content: "\f0da";
    background-color: transparent;
    color: var(--white);
    position: absolute;
    top: -16px;
	transform: rotate(-90deg);
    right: 20px;
    /* width: 15px; */
    /* height: 15px; */
    box-shadow: unset;
    z-index: -1;
    font: normal normal normal 22px/1 FontAwesome;
}

.bell-icon {
    position: relative;
}

/* .bell-icon::after {
    content: "";
    width: 5px;
    height: 5px;
    background-color: var(--red);
    position: absolute;
    border-radius: 100%;
    left: 13px;
    top: 0px;
} */

.user_profile_absolute {
    position: absolute;
    left: -18rem;
    width: 20rem;
    top: 2rem;
    background-color: var(--white);
    border-radius:10px;
    box-shadow: 0px 0px 10px 0px #eee;
	max-height: 400px;
    overflow-y: scroll;
}

.user_profile_absolute .user_notification {
    padding: 12px 10px 10px 12px;
    border-bottom: 1px solid #00000073;
}

.user_profile_absolute .user_notification p {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color:var(--body-text);
	font-family:var(--secondary-font);
}

.user_profile_absolute_info {
    display: flex;
    align-items: center;
    gap: 10px;
	font-size: 16px;
    color: var(--gray);
    padding: 10px 12px 10px 12px;
	font-family:var(--secondary-font);
}

.user_profile_absolute_info .user_profile_notification_img {
    width: 50px;
    height: 50px;
}

.user_profile_absolute_info .user_profile_notification_img img {
	border-radius: 50%;
    width: 40px;
    height: 40px;
    object-fit: cover;
}

.user_profile_notification_text p {
    font-size: 14px;
    color: #00000087;
    margin-bottom: 0;
}

.user_profile_notification_text span {
    font-size: 12px;
    color: #0000004d;
}

.user_profile_notification_text {
    width: 100%;
}

.question_of_the_day_main .i_affrimation_msg {
    width: 48%;
    background: var(--white);
    border-radius: 26px;
    text-align: center;
    padding: 20px 0px;
    /* height: 246px; */
}

.question_of_the_day_main .i_affrimation_msg img {
    width: auto;
    /* height: 100%; */
    height: 85%;
    object-fit: cover;
}

/* ========================================  23-aug-2023  ============================================= */

.custom_header section.elementor-section .elementor-container {
    /*       max-width: 1220px;*/
    max-width: 1846px;
}

.elementor-col-33 .elementor-element-df9324a img.attachment-medium.size-medium.wp-image-38798 {
    width: 115px !important;

}


/* .custom_header_bar_img                   first */
/* .custom_header_bar_links                 second */
/* .custom_header_bar_srch_n_prof           third */

.custom_header_bar {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    flex-wrap: wrap;
    justify-content: space-between !important;
}

.custom_header_bar_img a img {
    width: 115px;
}
.toggle-sidebar{font-size: 30px; color: var(--blue); display:none;}
.custom_header_bar_img {
   display: flex;
    gap: 20px;
    align-items: center;
	margin-left:60px;
}

.custom_header_bar_img a {
    display: flex;
    justify-content: center;
}

.custom_header_bar_links {
}

.custom_header_bar_header {
    box-shadow: unset;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.03);
	/*box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);*/
    position: relative;
    z-index: 99;
    padding:15px 30px;
    max-width: 1802px;
}

.elementor-element-5193d74e {
    padding: 0;
}

.elementor-element-59209533>.elementor-element-populated {
    padding: 0 !important;
}

.parent_div.student_dashboard {
    padding-left: 30px;
    padding-right: 30px;
}
.parent_div.student_dashboard .side_bar.student_sidebar{float:left;}

.custom_header_bar .custom_header_search_And_profile {
    justify-content: space-between;
}

.custom_header_bar {
    justify-content: space-evenly;
    background-color: var(--white);
    align-items: center;
}

/* =========================================================================================================== */
section.custom_header {
    /* display: none; */
}

/* =========================================================================================================== */




/* ===============edit classroom popup 26-1023====================== */


#classrooms .modal-dialog .modal-content .modal-header {
    margin-bottom: 35px;
    padding: 25px 0 0 37px !important;
}

#classrooms .modal-dialog .modal-body .classroom_tabcontent {
    padding: 36px 40px;
}

#classrooms .modal-dialog .modal-body .classroom_tabcontent #class_update_form {
    padding: 0 20px;
}

#classrooms .modal-dialog .modal-body .classroom_tabcontent .single_tab_content .classroom_data .classroom_name_label {
    padding-bottom: 0; width:140px;
}

#classrooms .modal-dialog .modal-body .classroom_tabcontent .students_content {
    margin-top: 10px;
}

#classrooms .modal-dialog .modal-body .classroom_tabcontent .students_content .students_data tbody .single_student:nth-child(even)>td {
    background-color: transparent !important;
}

#classrooms .modal-dialog .modal-body .classroom_tabcontent .students_content .students_data tbody .single_student {
    display: flex;
}

#classrooms .modal-dialog .modal-body .classroom_tabcontent .students_content .students_data tbody .single_student td {
    width: 100%;
}

.add-students-pop-btn {
    border: none;
    padding: 0;
    color: var(--blue);
    font-size: 14px;
    font-weight: bold;
}

/* ===============edit classroom popup 26-1023====================== */



.page-id-39532 .elementor-location-header {
    display: none;
}

.page-id-39532 .elementor-location-footer {
    display: none;
}

/* 24-aug-2023 */

.my_teaching_plan_sublinks span.sublink_active,
.my_student_plan_sublinks span.sublink_active {
    border-bottom: 2.8px solid var(--yellow);
    font-weight: 800;
}

.chat_bw_person {
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 45vh;
    overflow: auto;
}

.help_chat_box input.help_message {
    display: inline-block;
}
.frame_message-input_wrap{position:relative;}

.help_chat_box button#help_msg_send_button span {
    padding-right: 6px;
}


p.affrimation_response_success,
p.affrimation_response_error {
    background-color: #a1dfa1;
    border-radius: 12px;
    padding: 7px 0;
    color: var(--white);
}

div#custom_text_affirmative_block p.affrimation_response_error {
    background-color: #ff000096;
}

div#custom_text_affirmative_block p.affrimation_response_error:hover {
    background-color: #ff0000;
    transition: all 0.3s;
}

p.affrimation_response_success:hover {
    background-color: #008000d6;
    transition: all 0.3s;
}

p.affrimation_response_success::before {
    content: "\f00c";
    font-family: 'Font Awesome 5 Free';
    padding-right: 12px;
}

p.affrimation_response_error::before {
    content: "\f12a";
    font-family: 'Font Awesome 5 Free';
    padding-right: 12px;
}

.user_profile_icon {
    position: relative;
}

.user_profile_icon::before{
	content: "";
    width: 12px;
    height: 12px;
    background-color: var(--light-blue);
    position: absolute;
    border-radius: 100%;
    left: 35px;
    top: 26px;
    z-index: 99;
}
.user_profile_icon::after{
    content: "";
    width: 8px;
    height: 8px;
    background-color: #00C6C1;
    position: absolute;
    border-radius: 100%;
    left: 37px;
    top: 28px;
    z-index: 99;
}

.account_page_custom .parent_div {
    padding: 22px 30px;
}

.custom_header_bar_main {
    background-color: var(--white);
    /* box-shadow: 0px 3px 6px #00000029; */
}

.custom_header_student_bar_header .custom_header_student_dashboard_top_links {
    width: 60% !important;
}

.custom_header_student_bar_header .custom_header_student_dashboard_top_links ul.links {
    justify-content: space-evenly;
}

.custom-page-educator-student {
    background-color: var(--light-bg);
    width: 100%;
    /*height: 100vh;*/
    height: auto;
}

.user_profile_absolute {
    display: none;
}

.menu_list {
    display: none;
}

.show-dashboard-tooltip-box {
    display: block;
}

/*  */
/* p.assessment_quiz_title_tab {
    border: 1px;
    border-radius: 16px;
    background: var(--blue);
    color: var(--white);
    padding: 2px 10px 2px 10px;
    cursor: pointer;
    text-transform: capitalize;
    font-size: 15px;
    margin: 0px auto !important;
    height: 100%;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
} */

/* .assessments_content {
    background: var(--white);
    padding: 18px;
    border-radius: 30px;
    width: 30%;
    text-align: center !important;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
     border: solid; 
} */

.assessments_circle_progress {
    /* margin: 10px auto 20px auto; */
    border-radius: 56%;
    display: flex;
    /* flex-direction: column; */
    /* justify-content: center; */
    /* align-items: center; */
    width: 100px;
    height: 100px;
    background: var(--white);
    /* border: solid 5px #ededed; */
    /* line-height: 85px; */
}

.your_courses .assessments_circle_progress {
    margin: 10px auto 20px auto;
    border-radius: 56%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    background: var(--white);
    border: solid 5px #ededed;
    line-height: 85px;
}

.your_courses .assessments_content .assessments_circle_progress {
    border: unset;
   background-color: rgba(var(--light-blue-prog), 0.1);
}

.your_courses .assessments_content .assessments_circle_progress span.progress-value {
    width: 90%;
    height: 90%;
    background-color: var(--white);
    border-radius: 50%;
}

/* .assessment_status {
    height: 22px;
} */

.student_chat_popup_heading h3 {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 15px;
    text-align: center;
}

div#single-class-content div#single-students {
    padding-left: unset;
    width: 100%;
}

/* Resources-Page */
.resources_content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 40px;
}

.resources_content_same h3 {
    font-size: 16px;
    font-weight: 700;
	padding-bottom:30px;
}

.resources_content_same {
    background-color: var(--white);
    padding: 22px;
    box-shadow: 0px 0px 3px 0px #80808061;
}

.student_resource_vid_btn button {
    background-color: var(--red);
    color: var(--white);
    font-weight: 600;
    font-size: 14px;
    border-radius: 10px;
    border-color: var(--red);
}

.student_resource_vid_btn {
    text-align: center;
    margin-top: 40px;
    width: 80%;
}

.student_resource_vid_btn button:hover,
.student_resource_vid_btn button:focus {
    color: var(--red);
    background-color: var(--white);
}

.resources_video_box,
.resources_table {
    width: 60%;
}

.recent_research_resources,
.recent_upcoming_events {
    width: 36%;
}

.resources_affirmation,
.resources_grants {
    width: 47.5%;
}

.recent_research_content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.recent_research_content .recent_research_img {
    width: 37%;
	max-height: 150px;
}

.recent_research_content .recent_research_text {
    width: 60%;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.video_section video {
    height: auto;
    width: auto;
}

.resources_video_box_inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 2rem;
    /* height: 100%; */
}

.recent_research_text h3.recent_research_text_heading {
    font-size: 16px;
    font-weight: 500;
    height: unset;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 2.5em;
    line-height: 1.2em;
}

.recent_research_text span.recent_research_date {
    font-size: 12px;
    font-weight: 500;
}

.recent_research_text p{
    margin-bottom: 0;
    font-size: 14px;
    color:#777;
    font-weight: 400;
    -webkit-line-clamp: 3 !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-top: 0px;
	font-family:var(--secondary-font);
}

button.recent_reacrch_read {
    border: unset;
    color: var(--red);
    font-size: 13px;
    font-weight: 500;
    padding: 0;
}

.recent_research_img img {
	height: 100%;
    object-fit: cover;
    width: 100%;
    object-position: top;
}

.recent_researches {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

button.recent_reacrch_read i {
    font-size: 9px;
}



.video_section_inner {
    display: grid;
    justify-content: space-between;
    grid-template-columns: 65% 20%;
    position: relative;
}

.video_section_inner .right_video_section {
    width: 100%;
    margin-left: 30px;
    position: relative;
}

.video_section_inner .right_video_section::after {
	content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    background-color: #000;
    right: -12%;
    top: 0;
    opacity: 0.3;
}

.video_section_inner .right_video_section iframe {
    width: 100%;
    height: 100%;
}

.left_video_slider .resources_videos iframe {
    width: 100%;
    height: 100%;
}

.video_section_inner hr {
    display: none;
}

.left_video_section .left_video_slider {
    /* width: 80%; */
    display: flex;
    flex-wrap: wrap;
    row-gap: 13px;
    margin: 0 0 0 auto;
    /* padding-left: 30px; */
}


#right_video_iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
	box-shadow: -14px 12px 37px 4px grey;
}

#right_video_iframe2{box-shadow: -14px 12px 37px 4px grey; width:800px; height:450px; margin: 70px 40px;}
.video-container-16-9.movement-break{text-align:left;}


.video-container {
    position: relative;
    width: 100%;
    height: 100vh; /* Full viewport height */
    overflow: hidden;
}



.resources_videos {
box-shadow: -5px 3px 9px 0px grey;
    overflow: hidden;
    display: flex;
    margin: 5px 5px 5px 14px;
    flex-direction: column;
	position:relative;
	cursor:pointer;
}
.resources_videos .thumb-v{height:50px; width:100%; object-fit:cover;}

.play-over{
	
	position: absolute;
    max-width: 30px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -63%);
    opacity: 0.7;
	
}
.left_video_section {
    overflow-x: hidden;
    height: 322px;
    overflow-y: scroll;
    margin-bottom: 0px;
}

.left_video_section::-webkit-scrollbar {
    width: 8px;
}

.left_video_section::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px;
}

.left_video_section::-webkit-scrollbar-thumb:hover {
    background: #555;
}



button.recent_reacrch_read:hover,
button.recent_reacrch_read:focus {
    background-color: unset;
    color: unset;
}

.resoures_table_heading {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 10px;

}

.resoures_table_heading form.downloadables_form select {
    background-color: transparent;
    border: 1px solid #8080804d;
    color: #808080;
}

.downloadables_middle {
    background-color: rgb(229 243 254);
    border-top: 1px solid rgb(137 167 191);
    border-bottom: 1px solid rgb(137 167 191);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 20px;
    gap: 10px;
}

.search-downloadables button {
    border: 1px solid var(--blue);
    background-color: transparent;
    color: #000;
    padding: 9px 12px;
    border-radius: 4px;
    font-size: 12px;
}

.search-downloadables {
    display: flex;
    align-items: center;
}


.search-downloadables input {
     border: 1px solid #ddd !important;
    border-radius: 6px !important;
    width: 60%;
	padding: .4rem 1rem 0.5rem !important;
    font-size: 14px;
	height: 30px;
    color: #000;
}
#noResultsMessage{font-size:14px;}


.search-downloadables button {
    background-color: transparent;
    border: 1px solid var(--blue);
    color: #000;
	height: 30px;
    border-radius: 6px;
    padding: 6px 20px;
}

.downloadables_sort-btns {
    display: flex;
    gap: 10px;
}

.downloadables_sort-btns select {
    background-color: var(--blue);
    color: var(--white);
    padding: 2px 10px;
    border-radius: 5px;
    font-size: 8px;
    font-weight: 500;
}

.downloadables_middle button {
    background-color: transparent;
    color: rgb(68 98 173);
    padding: 2px 13px 2px 13px;
    border-radius: 4px;
    margin: 7px 0 7px 8px;
    font-size: 14px;
    border: 1px solid rgb(68 98 173);
}

.downloadables_middle button:hover,
.downloadables_middle button:focus {
    background-color: rgb(68 98 173);
}

tbody.downloadables_table_body tr td {
    padding: 18px 0 17px 18px;
}

tr.downloadables_heading_row th {
    padding: 12px 0 6px 18px;
    border-top: unset;
}

.downloadables_table_slider_button {
    display: flex;
    gap: 13px;
    justify-content: center;
    margin: 20px 0 0px 0;
}

.downloadables_table_slider_button button:hover,
.downloadables_table_slider_button button:focus {
    background-color: transparent;
    color: rgb(137 167 191 / 64%);
}

.downloadables_table_slider_button button {
    border: 2px solid rgb(137 167 191 / 64%);
    border-radius: 50%;
    padding: 0;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: baseline;
    font-size: 14px;
    color: rgb(137 167 191 / 64%);
    padding-top: 6px;
}

.downloadables_table_img {
    width: 30%;
}

.downloadables_table_inner {
    display: flex;
    align-items: center;
    padding: 15px 25px;
    border-bottom: 3px solid rgb(137 167 191 / 34%);
    /* gap: 40px; */
    justify-content: space-between;
}
.downloadables_table_inner-custom{
    display: flex;
    align-items: center;
    gap: 48px;
}
.downloadables_table_img img{
    height: 100%;
    width: 100% !important;
}

.downloadables_table_content h2 {
    font-size: 14px;
    margin-bottom: 5px !important;
}
.downloadables_table_inner .downloadables_table_content p{
    margin-bottom: 0px !important;
}

.downloadables_table_download_btn button {
    background-color: var(--red);
    color: var(--white);
    border-radius: 10px;
    border-color: var(--red);
    padding: 8px 28px;
    font-size: 12px;
    font-weight: 600;
	text-transform:uppercase;
}

.resources_affirmation_slider_img {
    width: 210px;
    height: 210px;
    display: flex;
    justify-content: center;
    margin: 0 auto 10px auto;
    border-radius: 50%;
    overflow: hidden;
}

.resources_affirmation_slider_img img {
    object-fit: cover;
}

.resources_grant_box_parent {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.resources_grants_content {
    width: 48%;
    background-color: #d7e5f2;
    padding: 25px 20px 15px 20px;
    border-radius: 20px;
    box-shadow: 0px 2px 12px -6px grey;
}

.resources_grants_box h4 {
    font-weight: 600;
    font-size: 18px;
    color: #000000d6;
}

.resources_grants_box p {
    font-size: 14px;
    padding-top: 13px;
    margin: 0;
}

.resources_grants_box button {
    border: unset;
    background-color: var(--blue);
    color: var(--white);
    font-size: 24px;
    font-weight: 600;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px !important;
    padding: 24px;
    height: 60px !important;
    float: right;
    margin: 10px 0 0 auto;
}

.resources_grants_box button:hover,
.resources_grants_box button:focus {
    background-color: var(--blue) !important;
}

.resources_grants_content .resources_grants_box button a {
    color: var(--white);
}

.resources_grants_box button i {
    font-weight: bold;
}

.resources_grants_box button:hover,
.resources_grants_box button:focus {
    background-color: var(--red);
}


/*============================= chat-box ======================*/
#frame {
    width: 93%;
    min-width: 360px;
    height: 78vh;
    min-height: 300px;
    max-height: 720px;
    border-radius: 25px;
	display:flex;
}

.frame_message {
    padding: 12px 35px 10px 30px;
    background-color: var(--white);
    margin-top: 30px;
}

#frame #sidepanel {
    float: left;
    min-width: 280px;
    max-width: 340px;
    width: 100%;
    height: 100%;
    background: var(--white);
    color: #f5f5f5;
    overflow: hidden;
    position: relative;
}



#frame #sidepanel #profile {
    width: 80%;
    margin: 25px auto;
}



#frame #sidepanel #profile.expanded .wrap {
    height: 210px;
    line-height: initial;
}

#frame #sidepanel #profile.expanded .wrap p {
    margin-top: 20px;
}

#frame #sidepanel #profile.expanded .wrap i.expand-button {
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

#frame #sidepanel #profile .wrap {
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    -moz-transition: 0.3s height ease;
    -o-transition: 0.3s height ease;
    -webkit-transition: 0.3s height ease;
    transition: 0.3s height ease;
}



#frame #sidepanel #profile .wrap img {
    width: 50px;
    border-radius: 50%;
    padding: 3px;
    border: 2px solid #e74c3c;
    height: auto;
    float: left;
    cursor: pointer;
    -moz-transition: 0.3s border ease;
    -o-transition: 0.3s border ease;
    -webkit-transition: 0.3s border ease;
    transition: 0.3s border ease;
}



#frame #sidepanel #profile .wrap img.online {
    border: 2px solid #2ecc71;
}

#frame #sidepanel #profile .wrap img.away {
    border: 2px solid #f1c40f;
}

#frame #sidepanel #profile .wrap img.busy {
    border: 2px solid #e74c3c;
}

#frame #sidepanel #profile .wrap img.offline {
    border: 2px solid #95a5a6;
}

#frame #sidepanel #profile .wrap p {
    float: left;
    margin-left: 15px;
}



#frame #sidepanel #profile .wrap i.expand-button {
    float: right;
    margin-top: 23px;
    font-size: 0.8em;
    cursor: pointer;
    color: #435f7a;
}



#frame #sidepanel #profile .wrap #status-options {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    width: 150px;
    margin: 70px 0 0 0;
    border-radius: 6px;
    z-index: 99;
    line-height: initial;
    background: #435f7a;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}



#frame #sidepanel #profile .wrap #status-options.active {
    opacity: 1;
    visibility: visible;
    margin: 75px 0 0 0;
}



#frame #sidepanel #profile .wrap #status-options:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #435f7a;
    margin: -8px 0 0 24px;
}



#frame #sidepanel #profile .wrap #status-options ul {
    overflow: hidden;
    border-radius: 6px;
}

#frame #sidepanel #profile .wrap #status-options ul li {
    padding: 15px 0 30px 18px;
    display: block;
    cursor: pointer;
}



#frame #sidepanel #profile .wrap #status-options ul li:hover {
    background: #496886;
}

#frame #sidepanel #profile .wrap #status-options ul li span.status-circle {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 5px 0 0 0;
}

#frame #sidepanel #profile .wrap #status-options ul li span.status-circle:before {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    margin: -3px 0 0 -3px;
    background: transparent;
    border-radius: 50%;
    z-index: 0;
}

#frame #sidepanel #profile .wrap #status-options ul li p {
    padding-left: 12px;
}

#frame #sidepanel #profile .wrap #status-options ul li#status-online span.status-circle {
    background: #2ecc71;
}

#frame #sidepanel #profile .wrap #status-options ul li#status-online.active span.status-circle:before {
    border: 1px solid #2ecc71;
}

#frame #sidepanel #profile .wrap #status-options ul li#status-away span.status-circle {
    background: #f1c40f;
}

#frame #sidepanel #profile .wrap #status-options ul li#status-away.active span.status-circle:before {
    border: 1px solid #f1c40f;
}

#frame #sidepanel #profile .wrap #status-options ul li#status-busy span.status-circle {
    background: #e74c3c;
}

#frame #sidepanel #profile .wrap #status-options ul li#status-busy.active span.status-circle:before {
    border: 1px solid #e74c3c;
}

#frame #sidepanel #profile .wrap #status-options ul li#status-offline span.status-circle {
    background: #95a5a6;
}

#frame #sidepanel #profile .wrap #status-options ul li#status-offline.active span.status-circle:before {
    border: 1px solid #95a5a6;
}

#frame #sidepanel #profile .wrap #expanded {
    padding: 100px 0 0 0;
    display: block;
    line-height: initial !important;
}

#frame #sidepanel #profile .wrap #expanded label {
    float: left;
    clear: both;
    margin: 0 8px 5px 0;
    padding: 5px 0;
}

#frame #sidepanel #profile .wrap #expanded input {
    border: none;
    margin-bottom: 6px;
    background: #32465a;
    border-radius: 3px;
    color: #f5f5f5;
    padding: 7px;
    width: calc(100% - 43px);
}

#frame #sidepanel #profile .wrap #expanded input:focus {
    outline: none;
    background: #435f7a;
}

#frame #sidepanel #search {
    border-top: unset;
    border-bottom: unset;
    font-weight: 300;
    margin-right: 20px;
	position:relative;
}

#frame #sidepanel #search label {
	position: absolute;
    margin: 0;
    right: 30px;
    font-size: 14px;
    top: 50%;
    transform: translate(15px, -50%);
    color: #8080804f;
}

#frame #sidepanel #search input {
    font-family: "proxima-nova", "Source Sans Pro", sans-serif;
    background: #f9fafc;
    color: #32465a;
    font-size: 14px;
    font-weight: normal;
    height: 40px;
    padding: 0px 30px 0px 10px;
}

#frame #sidepanel #search input:focus {
    border: 1px solid #8080804f;
}

.frame_message_search input[type="text"] {
    border: 1px solid #8080804f;
    border-radius: 8px;
}

.frame_message_search input[type="text"] {
    border: 1px solid #8080804f;
    border-radius: 6px;
    padding: 6px 10px;
}

.frame_message_search input[type="text"]::placeholder {
    color: #AFBBC6 !important;
}

#frame #sidepanel #search input::placeholder {
    color: #cd3838;
}

#frame #sidepanel #search input:focus {
    outline: none;
    background: var(--white);
}

#frame #sidepanel #search input::-webkit-input-placeholder {
    color: #f5f5f5;
}

#frame #sidepanel #search input::-moz-placeholder {
    color: #f5f5f5;
}

#frame #sidepanel #search input:-ms-input-placeholder {
    color: #f5f5f5;
}

#frame #sidepanel #search input:-moz-placeholder {
    color: #f5f5f5;
}

#frame #sidepanel #contacts {
    height: calc(100% - 127px);
    overflow-y: scroll;
    overflow-x: hidden;
    margin-top: 20px;
}

#frame #sidepanel #contacts.expanded {
    height: calc(100% - 334px);
}

/* =============================scroll-color =======================*/
#frame #sidepanel #contacts::-webkit-scrollbar {
    width: 4px;
    background: transparent;
}

#frame .content .messages::-webkit-scrollbar {
    width: 4px;
    background: transparent;
}

#frame #sidepanel #contacts::-webkit-scrollbar-thumb {
    background-color: rgb(219 229 237);
}

#frame .content .messages::-webkit-scrollbar-thumb {
    background-color: rgb(219 229 237);
}

/* ==============================scroll-car-color========================= */

#frame #sidepanel #contacts ul li.contact {
    position: relative;
    padding: 10px 0 10px 0;
    font-size: 0.9em;
    cursor: pointer;
    list-style: none;
    border-radius: 8px;
    margin-bottom: 5px;
    margin-right: 15px;
    border: 1px solid transparent;
}

#frame #sidepanel #contacts ul li.contact:hover {
    border: 1px solid #8080804f;
    background-color: #f9fafc !important;
}

#frame #sidepanel #contacts ul li.contact:hover {
    background: var(--red);
}

#frame #sidepanel #contacts ul li.contact.active {
    background: #32465a;
    border-right: 5px solid #435f7a;
}

#frame #sidepanel #contacts ul li.contact.active span.contact-status {
    border: 2px solid #32465a !important;
}

#frame #sidepanel #contacts ul li.contact .wrap {
    width: 100%;
    margin: 0 auto;
    /* position: relative; */
    padding: 0 0 0 10px;
    display: flex;
    align-items: center;
}

.frame_message_wrap_inner {
    position: relative;
    height: 40px;
    width: auto;
    display: inline-block;
}

ul.frame_message_contact_ul {
    padding: 0;
}

#frame #sidepanel #contacts ul li.contact .wrap span {
    position: absolute;
    left: 30px;
    bottom: 0;
    margin: -2px 0 0 -2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid var(--white);
}

.frame_message_meta {
    display: flex;
    justify-content: space-between;
    width: auto;
}

.frame_message_wrap span.number_of_messages {
    background-color: #76c00d !important;
    border-radius: 50% !important;
    width: 18px !important;
    height: 18px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 30px !important;
    font-size: 9px;
    position: static !important;
    border: unset !important;
    font-weight: 600;
    padding-top: 2px;
}

#frame #sidepanel #contacts ul li.contact .wrap span.online {
    background: #2ecc71;
}

#frame #sidepanel #contacts ul li.contact .wrap span.away {
    background: #f1c40f;
}

#frame #sidepanel #contacts ul li.contact .wrap span.busy {
    background: #e74c3c;
}

#frame #sidepanel #contacts ul li.contact .wrap img {
    width: 40px;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
}

#frame #sidepanel #contacts ul li.contact .wrap .meta {
    padding: 5px 0 0 0;
    width: 68%;
}

.frame_message_meta p.name {
    color: #000000b3;
    font-weight: 600;
    font-size: 12px;
    margin: 0;
}

.frame_message_meta p.preview {
    display: none;
}

#frame .content {
    float: right;
    width:100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    background-color: #f9fafc;
}

.frame_message_content {
    border-radius: 16px;
    /* border: 2px solid rgb(244 245 248); */
    border: 1px solid #8080801f;
}

.content.frame_message_content .frame_message_profile {
    border-bottom: 1px solid #8080801f;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

#frame .content .contact-profile {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: rgb(244 245 248);
}

#frame .content .contact-profile p.frame_message_profile_chat {
    float: unset;
    padding-left: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #000000bd;
}

#frame .content .contact-profile img{
    width: 40px;
    border-radius: 50%;
    float: left;
    margin: 9px 12px 0 9px;
}

#frame .content .contact-profile p {
    float: left;
}

#frame .content .contact-profile .social-media {
    float: right;
}

#frame .content .contact-profile .social-media i {
    margin-left: 14px;
    cursor: pointer;
}

#frame .content .contact-profile .social-media i:nth-last-child(1) {
    margin-right: 20px;
}

#frame .content .contact-profile .social-media i:hover {
    color: #435f7a;
}

#frame .content .messages {
    height: auto;
    min-height: calc(100% - 93px);
    max-height: calc(100% - 93px);
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 10px 15px 10px 15px;
}




/* Custom scrollbar styles */
#frame .content .messages::-webkit-scrollbar {
    width: 5px; 
}

#frame .content .messages::-webkit-scrollbar-track {
    border-radius: 5px;
}

#frame .content .messages::-webkit-scrollbar-thumb {
    background: #ccc; 
    border-radius: 5px;
    transition: background 0.3s ease;
}

#frame .content .messages::-webkit-scrollbar-thumb:hover {
    background: #555; 
}



#frame .content .messages ul li {
    display: inline-block;
    clear: both;
    float: left;
    margin: 15px 15px 5px 15px;
    width: calc(100% - 25px);
    font-size: 0.9em;
}

#frame .content .messages ul li:nth-last-child(1) {
    margin-bottom: 20px;
}

#frame .content .messages ul li.sent img {
    margin: 6px 8px 0 0;
}

#frame .content .messages ul li.sent p {
    background: #435f7a;
    color: #f5f5f5;
}

#frame .content .messages ul li.replies img {
    float: right;
    margin: 6px 0 0 8px;
}

#frame .content .messages ul li.replies p {
    background: #f5f5f5;
    float: right;
}

#frame .content .messages ul li img {
    width: 22px;
    border-radius: 50%;
    float: left;
}

#frame .content .messages ul li p {
    display: inline-block;
    padding: 10px 15px;
    border-radius: 20px;
    max-width: 205px;
    line-height: 130%;
}

#frame .content .message-input {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 99;
}

#frame .content .message-input .wrap {
    position: relative;
	padding:15px;
}

#frame .content .message-input .wrap input{
    font-family: "proxima-nova", "Source Sans Pro", sans-serif;
    float: unset;
    border: 1px solid #b8c3cc59;
	padding: 0px 60px 0 25px;
    font-size: 0.8em;
    color: #32465a;
    width:100%;
	height:60px;
    border-radius: 50px;
}

#frame .content .message-input .wrap input:focus {
    border: 1px solid #b8c3cc59 !important;
}

#frame .content .message-input .wrap input:focus {
    outline: none;
}

#frame .content .message-input .wrap .attachment {
    position: absolute;
    right: 78px;
    z-index: 4;
    margin-top: 10px;
    font-size: 24px;
    color: #435f7a;
    opacity: 0.5;
    cursor: pointer;
	transform: rotate(100deg);
    bottom: 16px;
}

#frame .content .message-input .wrap .attachment:hover {
    opacity: 1;
}

#frame .content .message-input .wrap button{
    border: none;
    width: 36px;
    height: 36px;
    padding: 12px 3px 9px 0;
    cursor: pointer;
    background: #76c00d;
    color: #f5f5f5;
    position: absolute;
    right: 17px;
    bottom: 50%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
	transform: translate(-10px, 50%) rotate(58deg);
}

#frame .content .message-input .wrap button i {
    font-size: 14px;
}

#frame .content .message-input .wrap button:hover {
    /* background: #435f7a; */
}

#frame .content .message-input .wrap button:focus {
    outline: none;
}

.fisrt_chat {
    width: 40%;
}

.second_chat {
    /* float: right; */
    width: 100%;
    margin-bottom: 10px;
    display: flex;
    justify-content: end;
}

.fisrt_chat_img img,
.second_chat_img img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
}

.fisrt_chat {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: start;
    margin-bottom: 50px;
}

span.second_person_chat_time {
    font-size:11px;
    width: 100%;
    padding-left: 45px;
    color: rgb(163 171 177);
}


.second_chat_inner {
width: 50%;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: end;
}

.chats_of_students{
    display: flex;
    flex-direction: column;
}

/* chat-box-close */

/*====================online training================== */
.online_training_courses_inner {
    display: flex;
    justify-content: start;
    gap: 50px;
    flex-wrap: wrap;
    align-content: end;
}

.online_courses_img {
    height: 200px;
    width: 100%;
    margin: 0 auto;
}

.online_course_data {
    transition: all 0.4s;
    padding: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.online_course_data:hover {
    margin-top: -5px;
}

/* .online_courses {
    background-color: var(--white);
    padding: 0;
    border-radius: 14px;
    width: 30%;
    overflow: hidden;
    
} */

.online_courses {
    background-color: var(--white);
    padding: 0;
    border-radius: 14px;
    width: 30%;
    overflow: hidden;
    display: flex;
    /* justify-content: space-between; */
    flex-direction: column;
}



.online_courses_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.online_courses_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.online_course_name span {
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    display: block;
    padding-bottom: 15px;
}

.online_courses p {
    font-size: 11px;
    color: #000;
    text-align: left;
}

.online_training_claim {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.online_training_claim button {
    border: none;
    border-bottom: 1px solid #000;
    border-radius: unset;
    padding: 4px 0;
    color: #000;
    font-size: 16px;
}

.taining_claim_by,
.online_training_price {
    font-size: 16px;
}

.taining_claim_by:hover,
.online_training_price:hover {
    color: var(--red);
}

.rating_online_course_stars {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    gap: 3px;
    margin-bottom: 10px;
}

.rating_online_course_stars i {
    color: orange;
}

.online_training_claim button:hover,
.online_training_claim button:focus {
    background-color: unset;
    color: var(--red);
    border-color: var(--red);
}

.online_training_courses {
    margin-top: 30px;
}

/*=============== 28aug-2023 =================*/
/* ====================login-sign-up-page-css-start================== */

.login-main-con{height:100%;width:100%;}

.info-question-btn {
    background: var(--blue);
    color: var(--white);
    font-size: 40px;
    font-weight: 900;
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.login_header {
    width: 100%
}

.login_header img {max-width:350px; width: 100%;}

.custom_login_heading{text-align:center;}
.custom_login_heading h2 {
    font-size: clamp(26px, 5vw, 42px);
    font-weight: 600;
    line-height: 1em;
    text-align: center;
    color: #323333;
}

.custom_login_box {
	display: grid;
    justify-content: center;
    max-width: 750px;
    gap: 40px;
    grid-template-columns: 50% 50%;
    margin: 70px auto 30px;
}

.custom_login_box1, .custom_login_box2{
    background-image: url('/wp-content/plugins/mathandmovement-learn-master/assets/img/Group-2970.png');
	height:300px;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
}



.custom_login_box2 {
    background-image: url('/wp-content/plugins/mathandmovement-learn-master/assets/img/Group-2971.png');
}

.custom_login_inner_section {
    width: 100%;
    padding: 0 20px;
}

.custom_login_container {
    max-width: 1140px;
    margin: auto;
}

.custom_login_parent {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
	gap:20px;
	width:150px;
}


.custom_login_inner_text h2 {
    margin-bottom: 20px;
    font-size: clamp(18px, 4vw, 22px);
    font-weight: 700;
    line-height: 1.32em;
    text-align: center;
}

.custom_login_inner_button{width:100%; text-align:center;}

.custom_login_inner_button button.custom_login_btn, .custom_login_inner_button button.custom_login_btn_2{
    font-size: 14px;
    font-weight: 500;
	height:35px;
    line-height: 1.32em;
	padding:0px;
    background-color: var(--blue);
    border-radius: 7px 7px 7px 7px;
    border: none;
	width:100%;
	text-transform:uppercase;
    color: var(--white);
}

.custom_login_inner_button button.custom_login_btn_2 {
    background-color: var(--yellow);
}




/*================login forms CSS==============*/
.form-login-steps .login-step-from {
    max-width: 500px;
	width:100%;
    margin: 30px auto 30px;
}

.form-login-steps .login-step-from .login-step-forms-input-wrapper {
    text-align: center;
    position: relative;
    margin-bottom: 5px;
}

.form-login-steps .login-step-from .agree-tick p {
    font-size: 16px;
    color: var(--gray);
    font-weight: 500;
	font-family:var(--secondary-font);
}

.form-login-steps .login-step-from .agree-tick {
    margin-top: 30px;
}

.form-login-steps .login-step-from .agree-tick a {
    text-decoration: underline;
    color: var(--gray);
}
.form-login-steps .login-step-from .agree-tick a:hover{color:var(--blue);}

.form-login-steps .login-step-from .login-step-forms-input-wrapper a.forgot-text {
	position: absolute;
    right: 17px;
    top: 19px;
    color: #707070;
    font-size: 16px;
    font-weight: 300;
    opacity: 0.3;
}

.form-login-steps .login-step-from .login-step-forms-input-wrapper input[type="password"]{padding-right:100px;}

.form-login-steps .login-step-from .login-step-forms-input-wrapper a.forgot-text:hover{color:var(--blue); opacity: 1;}

.form-login-steps .login-step-from .login-step-forms-input-wrapper input,
.form-login-steps .login-step-from .login-step-forms-input-wrapper select, .login-step-from.set-new-pass{
    box-shadow: 0px 12px 40px #00000014 !important;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    height: 58px;
    border-radius: 0;
	transition: all .3s;
	font-family:var(--secondary-font);
}
.form-login-steps .form-floating>.form-control:focus~label{margin-left:5px;}
.form-login-steps .form-floating>label{text-transform: uppercase; color:var(--gray); padding:1rem .75rem; line-height: 1.5rem; transition: all .3s;}

.form-login-steps .login-step-from .login-step-forms-input-wrapper input:focus,
.form-login-steps .login-step-from .login-step-forms-input-wrapper select:focus {
    border-left: 5px solid var(--blue) !important;
	transition: all .3s;
}

.form-login-steps .login-step-from .login-step-forms-input-wrapper input:focus-visible,
.form-login-steps .login-step-from .login-step-forms-input-wrapper select:focus-visible {
    outline: none;
	transition: all .3s;
}

.form-login-steps .login-step-from .login-step-forms-input-wrapper-btn {
    text-align: center;
    margin-top: 35px;
}
.learndash-wrapper #learndash-reset-password-wrapper form input[type=submit]{
	    border-radius: 12px !important; width: auto; border:none !important;
}



.form-login-steps .login-step-from .login-step-forms-input-wrapper-btn input[type=submit], .learndash-wrapper #learndash-reset-password-wrapper form input[type=submit]{
    background: var(--red);
    color: var(--white);
    border-radius: 12px;
    text-align: center;
	text-transform:uppercase;
    border: none;
    font-weight: 500;
	min-width:150px;
}

.form-login-steps .login-step-from .login-step-forms-input-wrapper-btn input[type=submit]:focus, .form-login-steps .login-step-from .login-step-forms-input-wrapper-btn input[type=submit]:hover, .learndash-wrapper #learndash-reset-password-wrapper form input[type=submit]:focus, .learndash-wrapper #learndash-reset-password-wrapper form input[type=submit]:hover{background: var(--red-hov);  border:none !important;}


.learndash-wrapper #learndash-reset-password-wrapper form input{ border:none !important; border-radius:0px !important; transition: all .3s;}
.learndash-wrapper #learndash-reset-password-wrapper form input:focus{border-left: 5px solid var(--blue) !important; transition: all .3s;}


.custom_login_heading .login-hdng-btn-sm-hd {
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px;
	font-family:var(--secondary-font);
}

.login-step-from-create-account div {
    display: flex;
    justify-content: center;
    gap: 3px;
}

.login-step-from-create-account div p,
.login-step-from-create-account div a {
    font-size: 16px;
    color: var(--gray);
    font-weight: 500;
}
.login-step-from-create-account div a:hover{text-decoration:underline; color:var(--red);}
.return_to_home_btn_btm{
    text-align: center;
    width: 100%;
	margin-bottom: 20px;
	font-family:var(--secondary-font);
}
.return_to_home_btn_btm a {
    font-size: 16px;
    color: var(--gray);
    font-weight: 500;
}
.return_to_home_btn_btm a:hover{color:var(--body-text);}

.custom_login_heading p.login-hdng-btn-sm-hd-find {
    margin-top: 30px;
    font-size: 15px;
    color: var(--body-text);
    font-weight: 500;
}


.serch-drop-cnt-div .serch-drop-cnt-div-wrpr {
    display: flex;
    justify-content: space-between;
}

.serch-drop-cnt-div .serch-drop-cntwr-main {
    box-shadow: 0px 12px 40px #00000014;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    margin-top: 20px;
}

.serch-drop-cnt-div .serch-drop-cntwr-main h6 {
    color: var(--body-text);
    font-size: 11px;
    padding: 10px 10px;
    font-weight: 400;
}

.serch-drop-cnt-div .serch-drop-cntwr-main a {
    padding: 10px 10px;
    display: block;
    border-top: 1px solid #e1e0e0;
}

.serch-drop-cnt-div .serch-drop-cntwr-main a {
    padding: 10px 10px;
    display: block;
    border-top: 1px solid #e1e0e0;
    font-size: 12px;
    color: var(--body-text);
    font-weight: 500;
}

.serch-drop-cnt-div .serch-drop-cntwr-main a .serch-drop-cntwr-main-resut-row-cnt {
    display: flex;
    justify-content: space-between;
}

.serch-drop-cnt-div .serch-drop-cntwr-main a .serch-drop-cntwr-main-resut-row-cnt h5 {
    color: #335097;
    font-size: 14px;
    font-weight: 500;
}

.serch-drop-cnt-div .serch-drop-cntwr-main a .serch-drop-cntwr-main-resut-row-cnt p {
    margin-bottom: 6px;
}

/*================login forms CSS==============*/




/* ====================login-sign-up-page-css-end================== */
/* div#educator-main-chat-container */
div#educator-main-chat-container {
    width: 100%;
    margin: 0 auto 15px;
    padding-right: 15px;
}

div#educator-main-chat-container .second_person_msg p {
    background-color: var(--blue);
    border-radius: 18px 18px 0px 18px;
    color: var(--white);
}

div#educator-main-chat-container .second_person_msg {
    width: 100%;
}

div#educator-main-chat-container .second_person_chat span.second_person_chat_time {
    padding: 0;
    display: block;
    padding-top: 10px;
    text-align: end;
}

div#educator-main-chat-container .first_person_chat .first_person_msg p {
    background-color: #D7E5F2;
    border-radius: 18px 18px 18px 0px;
    color: #000000;
}

div#educator-main-chat-container .first_person_chat span.first_person_chat_time {
    width: 100%;
    text-align: start;
    display: block;
	padding-top: 10px;
}



/* Custom scrollbar styles */
div#educator-main-chat-container::-webkit-scrollbar {
    width: 5px; 
}

div#educator-main-chat-container::-webkit-scrollbar-track {
    border-radius: 5px;
}

div#educator-main-chat-container::-webkit-scrollbar-thumb {
    background: #ccc; 
    border-radius: 5px;
    transition: background 0.3s ease;
}

div#educator-main-chat-container::-webkit-scrollbar-thumb:hover {
    background: #555; 
}


/*========================== 30-aug-2023 ==================== */
/* ============message of the day ========= */
.message_day_heading {
    display: flex;
    align-items: center;
    gap: 25px;
}

.call_message_day_date {
    background-color: var(--white);
    border-radius: 5px;
    padding: 3px 6px;
    font-size: 13px;
    font-weight: 500;
	font-family:var(--secondary-font);
}
.call_message_day_date img{margin-top:-2px;}
.call_message_day_date span {
    display: flex;
    align-items: center;
    gap: 10px;
}

.message_day_content {
    margin-top: 20px;
}
.break-txt{display:block;}

.message_day_content .answers_box {
    display: grid;
    gap: 15px;
    margin-bottom: 30px;
	grid-template-columns: repeat(5, calc(20% - 20px));
}

.answers_box .answer_boxes_inner {
    background-color: var(--white);
    border-radius: 18px;
    padding: 10px 12px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	font-family:var(--secondary-font);
}

.answer_boxes_inner h4 {
    font-size: 12px;
    color: var(--white);
    border-radius: 20px;
    background-color: var(--blue);
    padding: 10px 0;
    font-weight: 600;
}

.answer_boxes_inner .question_here_box {
    color: #000;
	font: normal 15px/20px Lato;
	padding: 0px 10px;
	text-align: center;
}

.answer_boxes_inner .question_here_box.crt_answer{text-align: left;}

.answer_boxes_inner .question_here_box .question_text{
  max-height: 130px;
  overflow-y: auto; 
  padding-right: 5px;
  margin: 15px 0 10px;
  font-size:15px;
}

.question_here_box p.question_text {
    margin-bottom: 8px;
}

.answers_percentage {
    display: flex;
    gap: 6px;
    padding: 0 8px;
    justify-content: center;
	margin-top: auto;
}

.answers_percentage span {
    color: #7d7d7d;
    font-weight: 700;
    font: normal normal bold 11px / 14px Lato;
}

.question_the_day_table {
    border: 1px solid rgb(137 167 191 / 44%);
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0px 0px 5px 3px #80808017;
}

.question_the_day_table_inner {
    background-color: var(--white);
	font-family:var(--secondary-font);
}

.question_table_heading h3 {
    font-size: 18px;
    padding: 15px 30px;
	font-weight:600;
    color: #000;
	font-family:var(--secondary-font);
}

.question_table_middel {
    display: flex;
    align-items: center;
}

.question_table_middel input[type="text"] {
    width: 270px;
    padding: 2px 10px 5px;
	font-size:14px;
    margin: 6px 0 6px 15px;
    background-color: var(--white);
    border-color: #0000002b;
}

.question_table_middel input[type="text"]:focus,
.question_table_middel input[type="text"]:focus-visible {
    border-color: var(--green) !important;
}

.question_table_middel input[type="text"]::placeholder {
    color: var(--gray);
	font-size:13px;
}

.question_the_day_table_inner .downloadables_middle button {
    background-color: transparent;
    padding: 4px 10px 4px 10px;
    border-radius: 4px;
    margin: 7px 0 7px 10px;
    font-size: 12px;
    border: 1px solid var(--blue);
    color: var(--blue);
}

.question_the_day_table_inner .downloadables_middle {
    background-color: rgb(229 243 254);
    border-top: 2px solid rgb(137 167 191 / 31%);
    border-bottom: 2px solid rgb(137 167 191 / 31%);
}

table.question_table.table {
    margin: 0;
}

tr.question_table_heading_row {
   /* display: flex;
    justify-content: space-around;*/
    border-bottom: 1px solid rgb(137 167 191 / 65%);
}

tr.question_table_heading_row th {
    border: unset !important;
    padding: 12px 0;
}

tr.question_table_heading_row th .question_table_heading_bold {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: left;
}

/*tr.question_table_heading_row th:first-child {
    padding-left: 40px;
}*/

.question_table_heading_bold button {
    padding: 0;
    display: inherit;
    font-size: 12px;
    color: #000;
    border: unset;
}

tr.question_table_heading_row button:focus {
    background-color: transparent;
    color: #000;
}


table.question_table.table tbody.question_table_body tr.question_table_body_row td {
    background-color: #fff !important;
    /* border-left: unset;
    border-right: unset;
    border-color: rgb(137 167 191 / 65%); */
    border: unset;
	text-align:center;
}
tr.question_table_heading_row th.question_table_heading_bold-m{padding-left:50px; width:200px;}
table.question_table.table tbody.question_table_body tr.question_table_body_row td.question_table_name{text-align:left;padding-left:50px;}

tr.question_table_body_row td.question_table_name span {
    color: #174a84;
}

/*tr.question_table_body_row td.question_table_name {
    padding-left: 30px;
}

tr.question_table_body_row {
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid rgb(137 167 191 / 65%);
}*/

tr.question_table_body_row td.question_table_circle span {
    width: 27px;
    display: inline-block;
    height: 27px;
    border-radius: 50%;
    background-color: var(--green);
}

tr.question_table_heading_row th {
    text-align:center;
}

/*tr.question_table_body_row td.question_table_circle {
    width: 14%;
    display: flex;
    justify-content: center;
}*/

.not-found-schools {
    padding: 8px 0;
    color: var(--body-text);
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

.educator_input_class_name_inst {
    margin: 5px 0px 20px;
    font-size: 9px;
    font-weight: 500;
    font-style: italic;
    text-align: left;
    padding-left: 5px;
}

.back-to-school-search {
    text-decoration: underline;
    font-size: 16px;
    font-weight: 300;
	color:var(--gray);
}

.back-to-school-block {
    text-align: center;
    margin-top: 50px;
	margin-bottom: 20px;
	font-family:var(--secondary-font);
	color:var(--gray);
}

.new-school-subheading {
    text-align: center;
    font-size: 13px;
    margin-top: 20px;
    color: #747474;
}
.new-school-subheading a#resend-code-btn {
    color: #747474;
    text-decoration: underline;
}

/*======== 13-sep-2023 ============*/
div#student_dash_error_msg_modal,
div#affirmation-image-modal,
div#end-pre-accessment-modal {
    background-color: #ffffff8c;
}

div#student_dash_error_msg_modal .modal-dialog {
    width: 370px !important;
}

div#student_dash_error_msg_modal .modal-dialog .modal-content {
    border-radius: 4px !important;
    position: relative;
    box-shadow: 0px 0px 2px 1px #00000029;
}

div#student_dash_error_msg_modal .modal-dialog .modal-content button.btn-close {
    right: 20px;
    position: absolute;
    border: unset;
    font-size: 14px;
    top: 10px;
}

div#student_dash_error_msg_modal .modal-dialog .modal-content .modal-body {
    text-align: center;
    position: relative;
    font-weight: 700;
    color: #000000de;
    margin-bottom: 50px;
    margin-top: 40px;
    font-size: 16px;
}

/* div#student_dash_error_msg_modal .modal-dialog .modal-content .modal-body::before {
        content: "";
        width: 70px;
        height: 3px;
        position: absolute;
        background: #f46e6e;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 4px;
    } */
div#student_dash_error_msg_modal .modal-dialog .modal-content button.btn-close:hover {
    background-color: unset;
}

/* ============== 14-sep-2023 */
.question_of_the_day_main .question_content {
    flex-direction: row;
    border-radius: 36px;
    width: 54%;
    display: flex;
    background: var(--white);
    flex-wrap: nowrap;
}

.question_of_the_day_main .question_content .question_box_student {
    width: 88%;
    display: flex;
    flex-direction: column;
    padding: 42px 50px;
    overflow: scroll;
}

.question_of_the_day_main .question_of_the_day .question_content .send_question_student {
    transform-origin: 0 0;
    line-height: 24px;
    width: 17%;
    position: relative;
    height: 100%;
    justify-content: center;
    display: flex;
    overflow: hidden;
    background-color: var(--red);
    cursor: pointer;
    border-radius: 0px 28px 28px 28px;
}

.question_of_the_day_main .question_of_the_day .question_content .send_question_student button {
    transform: rotateZ(270deg);
    border: unset;
    color: var(--white);
    font-weight: 700;
    padding: 0;
    background-color: transparent;
}

.question_of_the_day_main .question_of_the_day .question_content .send_question_student button:focus-visible {
    border: unset;
    outline: unset;
}

.question_of_the_day_main .question_of_the_day .question_content .send_question_student button:hover {
    background-color: unset;
}

.question_of_the_day_main .question_content .question_box_student p {
    color: grey;
    font-size: 14px;
    padding-top: 10px;
}

.edit_question_days .modal-dialog .modal-content {
    padding: 10px;
    border-radius: 4px;
    box-shadow: 1px 1px 7px 1px #463d3d82;
}

.edit_question_days .modal-dialog .modal-content .modal-header button.btn-close,
.modal-dialog .modal-content .modal-header button.btn-close {
    position: relative;
    right: 23px;
    border: unset;
    /* font-size: 24px; */
}

div#classrooms .modal-dialog .modal-content .modal-header button.btn-close {
    right: 18px;
    bottom: 21px;
}

div#students .modal-dialog .modal-content .modal-header button.btn-close {
    right: 18px;
    bottom: 7px;
}

div#single-students .modal-dialog .modal-content .modal-header button.btn-close {
    right: 9px;
    bottom: 14px;
}

div#single-students div#remarkModal .modal-dialog .modal-content .modal-header button.btn-close {
    right: 0px;
    bottom: 5px;
}

.edit_question_days .modal-dialog .modal-content .modal-header button.btn-close:hover,
.modal-header button.btn-close:focus,
.modal-dialog .modal-content .modal-header button.btn-close:hover,
.modal-dialog .modal-content .modal-header button.btn-close:focus {
    background-color: unset;
}

/* .edit_question_days */
.edit_question_days .modal-dialog .modal-content .modal-body {
    padding-top: 10px !important;
}

button#educator_quesDay {
    border: 1px solid var(--red);
    color: var(--red);
    border-radius: 13px;
    float: right;
    margin-right: 20px;
}

button#educator_quesDay:hover,
button#educator_quesDay:focus {
    background-color: var(--red);
    color: var(--white);
}

span.queston_day_title_block {
    text-align: start;
    display: block;
    color: grey;
}

/* ============ error pop-up-box ========= */
div#send-now-error-pop-up .modal-dialog {
    left: 50%;
    right: 50%;
    transform: translate(-50%, -50%) !important;
}

div#send-now-error-pop-up .modal-dialog .modal-content {
    padding: 10px;
    border-radius: 20px;
    border: 5px solid var(--red);
}

h5#send-now-error-pop-upLabel {
    font-weight: bold;
}

div#send-now-error-pop-up .modal-dialog .modal-content .modal-body {
    /* padding-left: 32px !important; */
    text-align: center;
    position: relative;
    font-weight: 600;
    color: var(--blue);
    margin-bottom: 40px;
    margin-top: 10px;
    font-size: 18px;
}

div#send-now-error-pop-up .modal-dialog .modal-content .modal-body::before {
    content: "";
    width: 70px;
    height: 3px;
    position: absolute;
    background: #f46e6e;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 4px;
}

.no-student-error {
    font-size: 13px;
    font-weight: 500;
    color: grey;
}

.assesment_icon_circle {
    width: 25px;
    height: 25px;
    border: 3px solid #808080b0;
    border-radius: 50%;
}

.assessment_results {
    font-size: 13px;
	padding-top:2px;
    font-style: italic;
}

.recent-top-block {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.single-student-recent.slick-slide {
    margin: 0 10px;
}

.pre_test_progressBar .score_progressbar .progress-circle,
.pre_test_progressBar .score_progressbar .progress_circle_class_content,
.pre_test_progressBar .completion_progressbar_class_content .completion_progressbar_class_content_inner {
    font-size: 20px;
    margin: 10px;
    position: static;
    padding: 0;
    width: 85px;
    height: 85px;
    background-color: #F2E9E1 !important;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.course_activity .progress-circle {
    font-size: 20px;
    position: static;
    padding: 0;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F2E9E1 !important;
    margin: 10px auto;
}

.pre_test_progressBar .score_progressbar .progress-circle span,
.pre_test_progressBar .score_progressbar .progress_circle_class_content span,
.pre_test_progressBar .completion_progressbar_class_content .completion_progressbar_class_content_inner span {
    position: static;
    /* line-height: 70px; */
    width: 75px !important;
    text-align: center;
    height: 75px !important;
    display: block;
    color: #53777A;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--white);
    border-radius: 50%;
    font-size: 11px;
    font-weight: 500;
    display: flex;
    flex-direction: column;
}

.pre_test_progressBar .score_progressbar .progress-circle span p.progress_percentage,
.pre_test_progressBar .score_progressbar .progress_circle_class_content span p.progress_percentage_class_content {
    font-weight: 700;
    font-size: 20px;
}

.pre_test_progressBar .score_progressbar .progress-circle span p,
.pre_test_progressBar .score_progressbar .progress_circle_class_content span p,
.pre_test_progressBar .completion_progressbar_class_content .completion_progressbar_class_content_inner span p {
    margin: 0;
}

.course_activity .progress-circle span,
.course_activity .progress-circle span {
    position: static;
    width: 80px !important;
    text-align: center;
    height: 80px !important;
    color: #53777A;
    font-size: 16px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--white);
    border-radius: 50%;
}
.course_activity .progress-circle span p.progress_span{font-size:11px; font-weight:500;}

.user_recent_activity button.slick-prev,
.user_recent_activity button.slick-next {
    width: 20px;
    height: 20px;
    font-size: 0px;
    border: unset;
}
.user_recent_activity .slick-slider{margin-bottom:0px; margin-top:15px;}
.user_recent_activity .slick-slider button.slick-prev, .user_recent_activity .slick-slider button.slick-next{margin-top: -30px;}
.user_recent_activity button.slick-next::before,
.user_recent_activity button.slick-prev::before {
    background-color: unset;
    border-radius: 50%;
    width: 40px;
    height: 36px;
    font-size: 40px;
    position: relative;
    box-shadow: 0px 0px 5px 0px #80808099;
    display: inline-block;
    top: -10px;
    color: var(--blue);
    z-index: 99;
    opacity: 0;
}

.user_recent_activity button.slick-next::after, .user_recent_activity button.slick-prev::after{
    content: "\f105";
    background-color: var(--white);
    border-radius: 50%;
    width: 36px;
    height: 36px;
    position: relative;
    box-shadow: 0px 0px 5px 0px #80808099;
    top: -48px;
    color: var(--blue);
    font: normal normal normal 20px/1 FontAwesome;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    right: -2px;
}

.user_recent_activity button.slick-prev::after {
    content: "\f104" !important;
}

button.slick-prev {
    position: absolute;
    left: -63px;
}

button.slick-next {
    position: absolute;
    right: -20px;
}

button.slick-prev:hover,
button.slick-next:hover {
    background-color: unset;
}

.user_recent_activity button.slick-prev:focus,
.user_recent_activity button.slick-next:focus {
    background-color: unset;
}

span.progress_text {
    display: flex !important;
    flex-direction: column;
    color: #000 !important;
}

.class_concepts_data_right .custom_progressbar span.progress_text{color: var(--gray) !important;}


span.progress_text p {
    margin: 0;
}

p.progress_percentage {
    font-weight: 700;
    font-size: 20px;
}

.single-student-recent-course-name {
    font-size: 12px;
    font-weight: 600;
    padding-bottom: 10px;
}

.single-student-recent-course-name span {
    font-weight: 300;
}

.concept-progress-tooltip-hover {
    cursor: pointer;
    position: relative;
}

.concept-progress-tooltip-hover .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: var(--white);
    color: #000;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
    box-shadow: -4px 2px 11px 0px #ddd;
    font-size: 9px;
    font-weight: 600;
}

.concept-progress-tooltip-hover .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: white transparent transparent transparent;
}

.concept-progress-tooltip-hover:hover .tooltiptext {
    visibility: visible;
}

.concepts-not-found-err {
    font-size: 14px;
    font-weight: 600;
    color: var(--red);
}

.concept-not-avl {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: var(--red);
}

.recent-activity-slider-block .slick-list,
.recent-activity-single-student-slider-block .slick-list {
    padding-bottom: 10px;
}

div#remarkModal .modal-dialog .modal-content {
    border-radius: 4px;
    box-shadow: 1px 1px 7px 1px #463d3d82;
    height: 300px;
}

div#remarkModal .modal-dialog .modal-content .remarks_body textarea {
    height: 150px;
}

div#remarkModal .modal-content .remarks_body textarea {
    border: 1px solid #ddd;
}

div#remarkModal .modal-content .remarks_body textarea::placeholder {
    color: #00000073;
}

span.first_tr_span button {
    position: absolute;
    cursor: pointer;
    color: var(--white);
    background-color: var(--blue);
    font-size: 22px;
    padding: 0;
    width: 21px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: unset;
    border-radius: unset;
    left: -32px;
    top: -1px;
}

span.first_tr_span button:focus,
span.first_tr_span button:focus-visible {
    background-color: var(--blue);
    border: unset;
}

span.first_tr_span {
    position: relative;
}

.pre_test_activity.slick-slide {
    margin: 0 10px;
}

.course_activity.slick-slide {
    margin: 0 10px;
}

.load-more-msgs {
    width: 100%;
    text-align: center;
    /* border-bottom: 1px solid rgb(163 171 177); */
    border-bottom: 1px solid transparent;
    margin: 10px 0 20px;
    /* color: rgb(163 171 177); */
    color: var(--white);
    font-size: 12px;
    font-weight: 600;
    position: relative;
    margin-bottom: 40px;
    margin-top: 4px;
}

.load-more-msgs span {
    background: var(--white);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -26px;
    cursor: pointer;
    padding: 5px 15px;
    background-color: #97999f;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 5px;
}

div#student_educator_chat_popup .load-more-msgs span {
    justify-content: center;
    width: 60%;
}

.custom-msg-response button {
    border: unset;
}

.custom-msg-response {
    font-size: 12px;
    font-weight: 600;
}

.custom-msg-response button:hover {
    background-color: unset;
}

/* ==================  6-oct-2023 ==================*/
/*tbody#table-results-main tr.question_table_body_row td.question_table_name {
    width: 140px;
    display: flex;
    justify-content: start;
    align-items: center;
}*/

/*table.question_table thead.question_table_head tr.question_table_heading_row th:first-child {
    padding-left: 25px;
    width: 150px;
}

table.question_table thead.question_table_head tr.question_table_heading_row th {
    display: flex;
    justify-content: center;
}
*/

tr.question_table_heading_row th .question_table_heading_bold button:hover {
    background-color: transparent;
    color: #000;
}

.User_Assignment-Result-table_outer table.User_Assignment-Result-table thead.assignment_thead button:hover {
    background-color: unset;
}

/* ===================== Calender-CSS ======================= */
.xdsoft_noselect {
    border-radius: 13px;
    box-shadow: 0px 0px 4px 1px #8080804a;
}

.xdsoft_calendar table tbody tr td div {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
    color: #808080b8;
    font-weight: 700;
}

.xdsoft_calendar table tbody tr td {
    background-color: transparent !important;
    border: unset !important;
    width: 30px !important;
    height: 32px !important;
    border-radius: 50% !important;
}
.xdsoft_datetimepicker{box-shadow: 0px 3px 6px #272D3B33; border-radius: 20px;}
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table tbody td:hover {
    background-color: var(--red) !important;
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table tbody td:hover div {
    color: var(--white);
}

.xdsoft_calendar table tbody tr td.xdsoft_current {
    background-color: var(--red) !important;
    box-shadow: unset !important;
    /* border-radius: 50%; */
}

.xdsoft_calendar table tbody tr td.xdsoft_current div {
    color: var(--white);
}

.xdsoft_datepicker .xdsoft_calendar table thead tr th {
    border: unset !important;
    background-color: transparent;
    color: #000000cc;
    font-weight: 600;
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker button.xdsoft_prev {
    position: absolute;
    right: 25px;
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker button.xdsoft_today_button {
    opacity: 0;
    width: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker button.xdsoft_prev:hover,
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker button.xdsoft_next:hover {
    background-color: unset;
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_month {
    width: unset;
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_year span,
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_month span {
    font-weight: 600;
    font-size: 13px !important;
}

.xdsoft_datetimepicker .xdsoft_monthpicker {
    margin-bottom: 45px;
    margin-top: 10px;
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_month i,
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_year i {
    display: none;
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_year {
    margin-left: 0px;
    padding-left: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar td.xdsoft_other_month {
    opacity: 1;
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table tbody tr td:first-child div {
    color: #000000de;
}

/* ============== Calender css end ============= */

.find_activities_header {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.find-courses-help {
    font-size: 16px;
    text-align: center;
    margin:auto 0;
    font-weight: 600;
    cursor: pointer;
}

.find-courses-need-help-block {
    font-size: 12px;
    margin-top: 10px;
}

.top_four_concepts_backgroundline {
    position: absolute;
    width: 1px;
    height: 60%;
    background-color: #000;
    top: 54%;
    left: 39px;
    transform: translatey(-50%);
    z-index: 1;
    opacity: 0.05;
}

.manage_graph_teaching_plan .single_concept .concept_name {
    margin-top: 0;
}

#find_activities .addTo_teachingPlan input[type="text"] {
    width: 270px;
    padding: 5px 10px;
	font-size:14px;
    background-color: var(--white);
    border-color: #0000002b;
}
#find_activities .addTo_teachingPlan input[type="text"]::placeholder{color:var(--gray); font-size:12px;}

#find_activities .addTo_teachingPlan input[type="text"]:focus {
    border-color: #0000002b !important;
}

#find_activities .courses_heading span {
    margin: auto 0;
	color:#000;
	font-weight:600;
}

.manage_right_inner {
    align-items: center;
    display: grid;
    gap: 10px;
	grid-template-columns: 30px auto;
}

#my_teaching_plan .manage_right_inner .checked {
    border: 2px solid #73da88;
    color: #73da88;
	align-self: flex-start;
}

.manage_right_inner i.fa.fa-check {
    border: 2px solid grey;
    border-radius: 50%;
    color: transparent;
    padding: 3px;
	width: 25px;
    height: 25px;
}

.manage_right_inner_text h3 {
    font-size: 14px;
    font-weight: 700;
    color: #000;
	font-family: var(--secondary-font);
}

.manage_right_inner_text p {
    margin: 0;
    font-size: 12px;
   color: var(--gray);
}

.manage_right_inner_text h3 i {
    font-size: 14px;
}

.manage_right_inner button {
    font-size: 12px;
    padding: 0px 5px;
    background-color: #8080802b;
    border: #8080803d;
    color: #000000a1;
}

.manage_right_inner button:hover {
    background-color: #8080802b;
    color: #000000a1;
}

.manage_right_inner button:focus {
    background-color: #8080802b;
    color: #000000a1;
}

label.grade_level_ass_label {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
}

.manage_left i.fa.fa-bullhorn {
    font-size: 22px;
    background-color: rgb(215 229 242);
    border-radius: 50%;
    padding: 12px;
    color: var(--blue);
}

.my_teaching_plan_main_heading {
    display: flex;
    gap: 70px;
}

.my_teaching_plan_new_course {
    display: flex;
    position: relative;
    background-color: var(--white);
    align-items: center;
    height: 40px;
}

.my_teaching_plan_new_course i.fa-bell {
    background-color: var(--yellow);
    padding: 11px 10px;
    color: var(--white);
    font-size: 18px;
}

.my_teaching_plan_new_course h6 {
    font-size: 11px;
    font-weight: 700;
    padding: 00 20px;
    color: #000;
}

.my_teaching_plan_new_course i.fa-times {
    font-size: 12px;
    position: absolute;
    top: 1px;
    right: 2px;
}




.custom_assesment_by_year {
    display: flex;
    gap: 35px;
    padding-top: 30px;
}

.custom_assesment_by_year_inner {
    background-color: var(--white);
    padding: 20px;
    border-radius: 28px;
    position: relative;
    width: 28%;
	font-family:var(--secondary-font);
	display:flex;
	flex-direction:column;
}

p.assesment_by_year_heading {
    margin: 0;
    padding: 10px;
    background-color: var(--blue);
    border-radius: 15px;
    text-align: center;
    color: var(--white);
    font-size: 14px;
    font-weight: 600;
	font-family:var(--primary-font);
	display: flex;
	align-items: center;
    justify-content: center;
}

.assesment_by_year_data {
    padding: 10px;
}

.assesment_by_year_data span {
    display: block;
    font-size: 14px;
    color: var(--gray);
    text-align: left;
    /* word-break: break-all; */
    /* height: 90px; */
    overflow: auto;
}

span.assesment_by_year_bottom_data {
    display: block;
    font-size: 14px;
    /* width: 86%; */
   color: var(--gray);
    /* margin: 0 auto; */
    padding: 0px 10px 20px 10px;
}

.assesment_by_year_btn {
    display: flex;
    justify-content: center;
    margin-top: auto;
}

.assesment_by_year_btn button {
    padding: 0;
    border: unset;
    font-size: 14px;
    border-bottom: 1px solid #90a2cd;
    border-radius: unset;
    color: #90a2cd;
}

.assesment_by_year_btn button:hover,
.assesment_by_year_btn button:focus {
    background-color: unset;
    color: #90a2cd;
}

.assesmeny_by_year_popup_outer h3 {
    font-size: 18px;
    font-weight: 700;
    text-align: left;
}

.assesmeny_by_year_popup p {
    font-size: 16px;
    margin: 0;
    padding: 10px 0;
	font-family: var(--secondary-font);
}

.assesment_of_year_popupbtn button {
    padding: 5px 30px;
    border: 1px solid var(--red);
    font-size: 16px;
    border-radius: 8px;
}

.assesment_of_year_popupbtn{
    display: flex;
    justify-content: space-between;
	margin-top:20px;
}

.assesmeny_by_year_popup_outer {
    padding: 40px;
    position: relative;
}

.assesment_of_year_popupbtn button.assignment_popup_do_not_btn {
    background-color: var(--red);
    color: var(--white);
    font-weight: 500;
}

/* @media only screen and (min-width: 1340px) {
    p.grade_levels {
        font-size: 13px !important;
    }
} */

.assesment_of_year_popupbtn button.assignment_popup_sure_btn {
    color: var(--red);
    font-weight: 500;
}

button.assignment_popup_sure_btn:hover,
button.assignment_popup_sure_btn:focus {
    background-color: var(--red);
    color: var(--white);
}

button.assignment_popup_do_not_btn:hover {
    background-color: var(--white);
    color: var(--red);
}

.assesmeny_by_year_popup_outer .remarks_close_btn {
    position: absolute;
    right: -10px;
    top: 0px;
}

span.skill-improve-span {
    color: #53cf95;
}

.skill-improve {
    color: #53cf95;
	transform: rotate(35deg);
}

.skill-stagnation {
    color: rgb(214 175 21);
}

span.skill-improve-stagnation {
    color: rgb(214 175 21);
}

.skill-decline {
	transform: rotate(35deg);
    color: var(--red);
}

span.skill-improve-decline {
    color: var(--red);
}

/* ==== 13-oct-2023 ==== */
div#all_assessment_reault {
    width: 100%;
}

.assessment_results_page_parent {
    width: 100%;
}

.all_assessment_results_class {
    margin-top: 20px;
    background-color: var(--white);
    border-radius: 2px;
    padding-right: 8px;
    padding-bottom: 80px;
}

.all_assessment_results_class_part_one {
    padding: 15px 8px 0px 40px;
    border-bottom: 1px solid #a39a9ade;
}

.assesment_part_one_inner {
    display: flex;
    gap: 90px;
}

.assesment_part_one_inner a {
    color: #000000e0;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    top: 2px;
    padding-bottom: 4px;
}

.assesment_part_one_inner .active {
    border-bottom: 3px solid #d7b00e7a;
}

.all_assessment_results_class_part_two {
    display: flex;
    padding: 25px 0px 25px 40px;
    gap: 40px;
    border-bottom: 1px solid #a39a9ade;
}

.all_assessment_student_activity {
    display: flex;
    align-items: center;
    gap: 35px;
}

.all_assessment_student_activity_img {
    width: 38px;
    border-radius: 50%;
    overflow: hidden;
}

.all_assessment_student_activity_left {
    display: flex;
    align-items: center;
    gap:10px;
    background-color: rgb(236 236 236);
    padding: 4px 0 4px 10px;
}

.all_assessment_student_activity_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.all_assessment_student_activity_left select {
    padding: 0;
    color: #000000e0;
    appearance: none;
    font-weight: 500;
    font-size: 12px;
    border: unset;
    padding-right: 40px;
    background-image: linear-gradient(45deg, transparent 50%, #000 50%), linear-gradient(135deg, #000 50%, transparent 50%), linear-gradient(to right, transparent, transparent) !important;
    background-position: calc(100% - 12px) calc(1em + -4px), calc(100% - 7px) calc(1em + -4px), 100% 0 !important;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em !important;
    background-repeat: no-repeat;
    background-color: transparent;
}

.all_assessment_student_activity_left select:focus-visible {
    border-color: transparent !important;
}

.all_assessment_student_activity_right i {
    color: #4c6bb3;
    font-size: 16px;
}

.all_assessment_student_activity_right {
    display: flex;
    gap: 20px;
}

.all_assessment_results_class_part_three {
    padding-left: 40px;
    display: flex;
    flex-wrap: wrap;
}

.all_assessment_results_class_part_three_left {
    width: 40%;
    border-right: 1px solid #a39a9ade;
    padding: 50px 60px 50px 0;
}

.all_assessment_results_class_part_three_right {
    width: 60%;
    padding: 50px 65px 0 70px;
	font-size:14px;
}
.student-feedback-answers{color:var(--black); font-size:18px; font-weight: 700;}
.geometric-questions{font-weight:600;}
.all_assessment_results_class_part_three_left h2 {
    font-size: 18px;
    color: #000000e0 !important;
    padding-bottom: 25px;
}

.Beginning_of_assessment_part {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    color: #000;
    gap: 0.8rem;
}

.Beginning_of_assessment_part span a {
    color: #000000;
    text-decoration: none;
}
.Beginning_of_assessment_part span a:hover{color:var(--blue);}

.Beginning_of_assessment_part .active {
    border-bottom: 3px solid #d7b00e7a;
}
.assessment_form_question img#single_ass_image{object-fit: contain;}
.assessment_form_question p {
    font-size: 14px;
    /*color: #0000009e;*/
}

form.all_assessment_results_form input[type="text"] {
    min-height: 90px;
    border-radius: 4px;
    border: 2px solid #96d796;
    margin-top: 10px;
    margin-bottom: 25px;
	font-family:var(--secondary-font);
}

.all_assessment_results_class .all_assessment_results_form .assessment_form_question .course-results-options {
    padding-bottom: 20px;
}
/* Class for mismatch */
.input-mismatch {
    border: 2px solid var(--red) !important; /* Change to red for mismatch */
}

/* Class for match */
.input-match {
    border: 2px solid #96d796 !important; /* Keep the default for match */
}

form.all_assessment_results_form input[type="text"]:focus,
form.all_assessment_results_form input[type="text"]:focus-visible,
form.all_assessment_results_form textarea:focus,
form.all_assessment_results_form textarea:focus-visible {
    border-color: #96d796 !important;
	outline:none;
}

form.all_assessment_results_form textarea {
    padding: 20px 10px;
    font-size: 14px;
    color: #000;
    border: 1px solid #ddd;
    height: 110px;
    margin-bottom: 40px;
    background-color: #dddddd40;
}

.assessment_form_btns {
    display: flex;
    justify-content: space-between;
}

.assessment_form_btns button {
    border-radius: 7px;
    padding: 10px 30px;
    border-color: var(--red);
}

.assessment_form_btns button.assessment_form_fdbk_btn {
    background-color: var(--red);
    font-size: 14px;
    color: var(--white);
    font-weight: 500;
}

.assessment_form_btns button.assessment_form_next_btn {
    color: var(--red);
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 10px;
}

.assessment_form_btns button.assessment_form_next_btn:hover,
.assessment_form_btns button.assessment_form_next_btn:focus {
    background-color: var(--red);
    color: var(--white);
}

.assessment_form_btns button.assessment_form_next_btn i {
    font-size: 17px;
}

.educator-courses-single-not-found {
    padding: 10px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 5px;
    background-color: var(--yellow);
}

/* ======== 14-oct-2023 ========= */
.course_result_radio_btn input[type="radio"] {
    width: 22px;
    height: 22px;
    border: 2px solid var(--light-blue) !important;
    appearance: none;
    transition: background-color 0.3s, box-shadow 0.3s;
    background-clip: border-box;
    border-radius: 50%;
}

.course_result_radio_btn input:checked {
    background-color: var(--yellow);
    position: relative;
    border-color: transparent !important;
}
.course_result_radio_btn input:checked+label{
	
	font-weight: 600;
    color: var(--blue);
	
}

.course_result_radio_btn input:checked::before {
	content: "\f00c";
    color: var(--white);
    top: 50%;
    position: absolute;
    font: normal normal normal 16px / 1 FontAwesome;
    left: 50%;
    transform: translate(-50%, -50%);
}

.course_result_radio_btn {
	display: grid;
    align-items: start;
    gap: 10px;
    grid-template-columns: 24px auto;
}

.course_result_radio_btn p {
    margin: 0;
}

.course_results_practice {
    width: 88%;
    margin: 0 0 0 auto;
}

.course_results_practice_problems {
    display: flex;
    gap: 15px;
    align-items: center;
    padding: 12px 0;
    cursor: pointer;
}

.course_results_practice_problems i {
    background-color: var(--blue);
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: var(--white);
    font-size: 14px;
}
.Beginning_of_course_result_part{font-size:14px;}
.practice_problems_title {
    background-color: #f5f5f5;
    padding: 0.5rem 1.5rem;
    border-radius: 15px;
    display: flex;
    gap: 8px;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.practice_problems_title::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 25%;
    transform: translateX(0%) rotate(180deg);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
}

.practice_problems_title i {
    font-size: 18px;
}

.course_result_radio_btn_part {
    padding-bottom: 20px;
    border-bottom: 1px solid #0000002e;
    margin-bottom: 15px;
}

.all_courses_results_class_part_left h2 {
    color: #000 !important;
}

.all_courses_results_class_part__three_right h2 {
    font-size: 24px;
}

.all_courses_results_class_part__three_right h1 {
    font-size: 38px;
    color: var(--blue);
    display: block;
    border-bottom: 1px solid #0000002e;
    padding-bottom: 20px;
    margin-bottom: 16px !important;
}
.all_assessment_results_form.all_courses_results_form{position:sticky; top:10px;}
.all_courses_results_part_three .all_courses_results_class_part__three_right {
    padding: 50px 65px 0 70px;
}

div#single_assessments_screen div#educator_assessment_question {
    width: 100%;
    padding: 0;
}

.assessment_question_left {
    padding: 20px 10px;
    background-color: #fbfbfb;
    border-radius: 28px;
    height: fit-content;
}

.assessment_question_left span {
    text-align: center;
    font-size: 12px;
    display: block;
    padding-left: 30px;
    color: var( --gray);
}

.assessment_question_left p.left_questions {
    font-size: 16px;
	padding: 0px 7px;
    text-align: center;
    margin-bottom: 10px;
    color: var( --gray);
	display:inline-block;
	font-family:var(--secondary-font);
    cursor: pointer;
}

.assessment_question_right {
    background-color: #fbfbfb;
    border-radius: 28px;
    padding: 25px 40px;
    height: fit-content;
}

.assessment_question_right_list ul.options{list-style: upper-alpha;text-indent: 15px; margin-bottom:10px;}

.top-b{
	display: flex;
    justify-content: space-between;
    width: 100%;
}

.assessment_question_right h2 {
    font-size: 20px;
	color:var(--sec-h-text);
    padding-bottom: 15px;
}
.assessment_question_right_list{padding: 0px 20px 0 40px; width: 100%;}
.assessment_question_right_list-inner {
    border: 1px solid #0000000f;
    border-radius: 28px;
    background-color: var(--white);
    padding: 20px 50px 20px 50px;
    margin: 0 auto;
    width: 100%;
}

.assessment_question_right_list p {
    color: var(--gray);
    line-height: 24px;
    border-bottom: 1px solid #00000052;
    padding-bottom: 40px;
    margin-bottom: 20px;
	margin-top:10px;
	font-size:16px;
	font-family:var(--secondary-font);
}
.answer-here{font-family:var(--secondary-font); color: var(--gray); font-size:16px;}

.assessment_question_right_list input[type="text"] {
    height: 100px;
    border-color: #00000054;
}

.assessment_question_right_list input[type="text"] {
    height: 100px;
    border-color: #0000002e;
    display: flex;
    background-color: #f5f5f5;
}

.assessment_question_swipe_btns {
    display: flex;
    gap: 50px;
    font-size: 30px;
    color: #000;
    margin-top: 0px;
    justify-content: end;
    margin-right: 0px;
    width: 100%;
}

.assessment_question_swipe_btns i {
    cursor: pointer;
}

.assessment_question_right_list input::placeholder {
    position: relative;
    top: -20px;
    color: #000;
    font-weight: 200;
}

.class-progress-skill-improve {
    display: flex;
    justify-content: space-between;
}

.loader_div {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999999999999;
    background-color: #ffffffa3;
    display: flex;
    justify-content: center;
    align-items: center;
}

.errassessmentkModal {
    width: 350px !important;
}

.selected_assessment_not_found_err {
    width: 100%;
}

.selected_assessment_not_found_err_inner {
    justify-content: center;
    display: flex;
    background-color: var(--yellow);
    padding: 25px;
    margin: 25px;
    border-radius: 1.2rem;
    font-size: 18px;
    font-weight: 600;
}

.assessment_question_left p.active {
    border-bottom: 2.8px solid var(--yellow);
}

.single_concept_parentt {
    overflow: auto;
    margin-top: 10px;
}

.single_concept_parentt::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: transparent;
}

.single_concept_parentt::-webkit-scrollbar {
    width: 1px;
    background-color: transparent;
}

.single_concept_parentt::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: transparent;
}

.progress_report_assessment_err_inner, .waiting-not-found-main .waiting-not-found {
    background-color: var(--yellow);
    padding: 20px;
    font-weight: 600;
    border-radius: 1rem;
	text-align:left;
    margin: 0 auto;
}
.progress_report_assessment_err .progress_report_assessment_err_inner p, .waiting-not-found-main .waiting-not-found h5{font-size:20px; font-family:var(--primary-font); margin-bottom:10px !important; font-weight: 600;}
.progress_report_assessment_err .progress_report_assessment_err_inner div, .waiting-not-found-main .waiting-not-found p{
    font-size:14px;
    font-weight: normal;
	font-family:var(--primary-font);
}


/* ===========  20-oxt-2023 */
.concept_progress_yellow .progress_report_concept_box_yellow {
    width: 100%;
}

.progress_tab_graph .progress_report_assessment_err {
    margin: 0 auto;
    padding: 80px 0;
}

.progress_tab_graph .progress_report_assessment_err .progress_report_assessment_err_inner {
    padding: 20px 20px;
}

.manage_teaching_plan_data .progress_report_assessment_err .progress_report_assessment_err_inner {
    padding: 20px;
}

.waiting-block-error .progress_report_concept_box {
    align-items: center;
	display: flex;
	width:100%;
}

.progress_report_concept_box .progress_report_assessment_err, .progress_report_assessment_err, .waiting-not-found-main{
    padding: 70px 0;
    width: 100%;
	max-width:495px;
    margin: 0 auto;
}

.waiting-block-error .single_concept_parentt {
    display: flex;
    align-items: center;
}

.waiting-block-error .progress_report_concept_box,
.waiting-block-error .single_concept_parentt {
    margin-top: 20px;
    margin-bottom: 20px;
}

.single_concept_parentt .progress_report_assessment_err .progress_report_assessment_err_inner {
    padding: 20px 20px 10px 20px;
    width: 90%;
    margin: 0 auto;
}

.single_concept_parentt .progress_report_assessment_err .progress_report_assessment_err_inner p {
    margin: 0;
}

.progress_report_top_sec_graph_btns {
    display: flex;
    gap: 40px;
     margin-top: 18px;
    margin-bottom: 10px;
}
.top_four_concepts .progress_report_assessment_err.scored{margin-top: 10px; margin-bottom: 0; padding-bottom:50px;}
.progress_report_top_sec_graph_btns_inner span {
    font-size: 14px;
}

.progress_report_top_sec_graph_btns_inner {
    display: flex;
    align-items: center;
    gap: 10px;
}

.progress_report_top_colored_sec {
    width: 18px;
    height: 9px;
    background-color: var(--yellow);
    border-radius: 7px;
}

.progress_report_top_colored_sec_two {
    background-color: var(--blue);
}

/* .progress_reports .chart {
        width: 100%;
        margin-top: 30px;
        padding-right: 20px;
    } */
.assessment_comparasion_graph_btns {
    display: flex;
    /* gap: 30px; */
    margin-top: 35px;
    margin-bottom: 25px;
    justify-content: space-between;
}
.assement_comparison_body_section .custom-pre-post-assesment-class{
    justify-content: center !important;
    gap: 40px;
}
.assessment_comparasion_graph_btns .progress_report_top_sec_graph_btns_inner {
    align-items: center;
}

.assessment_comparasion_graph_btns .progress_report_top_sec_graph_btns_inner span {
    line-height: 12px;
    min-width: 100px;
    font-size: 14px;
}


.progress_report_top_colored_sec_one {
    background-color: #aecbe4;
}

.assessment_comparasion_heading_n_btn {
    display: flex;
    justify-content: space-between;
    width: 80% !important;
    align-items: center;
}

button.Assessment_Comparisons_side_btn {
    font-size: 12px;
    padding: 5px 15px;
    border-radius: 18px;
    border-color: var(--red);
    color: var(--red) !important;
}

button.Assessment_Comparisons_side_btn:hover,
button.Assessment_Comparisons_side_btn:focus {
    background-color: unset;
    border-color: var(--red);
    color: var(--red);
}
.current_courses .single_course_data .course-main .course_content .course_lessons ul li .skill-improve{
    margin-left: 3px;
}
.current_courses .single_course_data .course-main .course_content .course_lessons ul li .skill-decline{
    margin-left: 3px;
}
/* .manage_teaching_plan_data .chart {
        width: 85%;
        margin-left: 20px;
        margin-top: 20px;
    } */
.class_lesson_report_side_btns {
    width: 62%;
    display: flex;
    gap: 10px;
}

.class_lesson_report_side_btns .chart_top_right {
    width: 50%;
    gap: 9px;
}

.my_students_top_graph {
    display: flex;
    margin-top: 30px;
    justify-content: space-between;
}

.block-chart-main {
    width: 75%;
}

.label-block {
    width: 16%;
    padding-top: 40px;
}

.label-chart-main {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.label-chart-main_empty_div {
    width: 13px;
    height: 7px;
    background-color: var(--light-blue);
    border-radius: 6px;
}

.label-chart-main_empty_div_blue {
    background-color: var(--blue);
}

.label-chart-main_empty_div_yellow {
    background-color: #fbce08;
}

.label-chart-main_inner {
    display: flex;
    align-items: center;
    gap: 10px;
}

.label-chart-main_inner span {
    font-size: 13px;
    font-weight: 400;
}

div#refer_a_teacher .modal-content {
    box-shadow: 0px 0px 3px 2px #44434378;
}

div#refer_a_teacher .modal-dialog .modal-content .modal-body {
    padding: 0 !important;
    background-color: rgb(247 247 247);
    margin: 0;
}

div#refer_a_teacher .modal-dialog .modal-content .modal-body button {
    position: absolute;
    top: 0;
    right: 0;
    border: unset;
    font-size: 12px;
}

div#refer_a_teacher .modal-dialog .modal-content .modal-body button:hover {
    background-color: unset;
}

div#refer_a_teacher .modal-dialog .modal-content .modal-body h3.confirmation-message-title {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding: 10px 0;
}

div#refer_a_teacher .modal-dialog .modal-content .modal-body .confirmation-message {
    padding: 20px 10px 30px 10px;
    text-align: center;
    background-color: var(--white);
    font-size: 14px;
}

div#refer_a_teacher .modal-dialog {
    width: 400px !important;
}

.teachinf_plan_student_progress_btn {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 20px;
	margin-top: 20px;
}

.teachinf_plan_student_progress_colored {
    width: 18px;
    height: 9px;
    border-radius: 8px;
    background-color: var(--yellow);
}

.teachinf_plan_student_progress_colored_blue {
    background-color: var(--blue);
}

.teachinf_plan_student_progress_btn_inner {
    display: flex;
    align-items: center;
    gap: 10px;
}

.teachinf_plan_student_progress_btn_inner span {
    font-size: 14px;
}

.educator_dashboard_chart_box_colored {
    width: 15px;
    height: 8px;
    background-color: var(--light-blue);
    border-radius: 8px;
}

.educator_dashboard_chart_box_colored_blue {
    background-color: var(--blue);
}

.educator_dashboard_chart_box_colored_yellow {
    background-color: var(--yellow);
}

.educator_dashboard_chart_box_btns_inner {
    display: flex;
    align-items: center;
    gap: 10px;
}

.educator_dashboard_chart_box_btns_inner span {
    font-size: 12px;
}

.educator_dashboard_chart_box {
    display: flex;
    align-items: center;
}

.educator_dashboard_chart_box_btns {
    width: 40%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.educator_dashboard_chart_box {
    display: flex;
    align-items: center;
    padding: 20px;
}

#classrooms .modal-dialog .modal-body .classroom_tabcontent .students_content button.add-students-pop-btn:hover,
#classrooms .modal-dialog .modal-body .classroom_tabcontent .students_content button.add-students-pop-btn:focus {
    background-color: unset;
    color: var(--blue);
}

.my_students_top_graph .progress_report_assessment_err .progress_report_assessment_err_inner {
    padding: 20px;
    margin-top: 10px;
}


.current_courses_lesson_parent .waiting-not-found-main {
    margin: auto;
    width: 75%;
}

.manage_teaching_plan_graph .progress_report_assessment_err .progress_report_assessment_err_inner {
    margin: 20px auto;
}

.manage_graph_teaching_plan .top_four_concepts .progress_report_assessment_err_inner {
    padding: 20px;
    text-align: center;
    margin: auto;
}

.top_four_concepts .progress_report_assessment_err {
    margin: auto;
    z-index: 9;
	padding-top: 0;
    margin-top: 30px;
}

.manage_graph_teaching_plan .top_four_concepts .progress_report_assessment_err_inner {
    padding: 50px 30px 70px 30px;
    text-align: center;
    margin: auto;
    margin-top: 10px;
}

div#my_teaching_plan .class_concepts_data_right .waiting-not-found-main {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.student_daily_records_colored_btns {
    display: flex;
    font-size: 14px;
    align-items: center;
    justify-content: center;
    gap: 30px;
    position: relative;
	margin-bottom:20px;
}

.student_daily_records_colored_btns_inner {
    display: flex;
    align-items: center;
    gap: 10px;
}

.student_daily_records_colored_btns_inner p {
    margin: 0;
}

.student_daily_records_colored_btns_inner span {
    width: 13px;
    display: inline-block;
    height: 7px;
    background-color: var(--light-blue);
    border-radius: 8px;
}

.student_daily_records_colored_btns_inner_blue span {
    background-color: var(--blue);
}

.student_daily_records_colored_btns_inner_yellow span {
    background-color: var(--yellow);
}

#single-students .top_four_concepts .progress_report_assessment_err .progress_report_assessment_err_inner {
    padding: 20px; text-align:center;
} 

input#search-material::placeholder {
    color: #000;
    font-size: 16px;
}

form.edit_profile_form .left_side .row select {
    min-height: 52px !important;
    background-color: var(--white);
    border: unset;
    font-size: 16px;
    color: #8d8989;
    font-weight: 500;
}

div#my_account_popup .my_account_popup_inner .modal-header {
    background-color: #f7f7f7;
    padding: 0 !important;
}

.my_account_popup_inner .modal-header h2 {
    padding: 16px 60px;
    font-weight: 700 !important;
    font-size: 18px !important;
    text-align: center !important;
    display: block !important;
    width: 100%;
    line-height: 20px;
}

.my_account_popup_inner .modal-header button.btn-close {
    position: absolute !important;
    top: 10px;
}

.my_account_popup_inner .modal-content .modal-body {
    padding: 10px 50px 0 50px !important;
}

.my_account_popup_inner .modal-content .modal-body p {
    font-size: 14px;
    margin: 0;
}

.my_account_popup_inner .modal-content .modal-footer {
    display: flex;
    justify-content: space-between;
    border: unset;
    padding: 8px 45px;
}

.my_account_popup_inner .modal-content .modal-footer button.first_btn {
    background-color: var(--red);
    color: var(--white);
    border-radius: 6px;
    font-size: 11px;
    border: unset;
    font-weight: 600;
    padding: 15px 25px;
}

.my_account_popup_inner .modal-content .modal-footer button.second_btn {
    background-color: var(--white);
    color: var(--red);
    border-radius: 6px;
    font-size: 11px;
    border-color: var(--red);
    font-weight: 600;
    padding: 5px 25px;
}

div#my_account_popup .modal-dialog {
    width: 500px !important;
    max-width: unset !important;
}

div#my_account_popup a.btn.btn-primary {
    margin-top: 20px;
    background-color: var(--red);
    border: unset;
}

.my_account_popup_inner {
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 1px 2px 6px 0px #afaaaa;
}

div#my_account_popup div#exampleModalToggle {
    background-color: #ffffffc4;
}

.educator_help_active {
    background-color: var(--red) !important;
    color: #fff !important;
}

.accordian-title {
    text-align: left;
}

button:focus-visible,
select:focus-visible,
span:focus-visible,
input:focus-visible,
button:focus,
img:focus-visible,
input:focus {
    outline: transparent !important;
    box-shadow: unset !important;
    /* border-color: transparent !important; */
    border-color: unset !important;
}

button:hover {
    /* background-color: unset !important; */
}

.single_assessment_content {
    display: flex;
    gap: 50px;
}

.contents_lists,
#student_single_assessment_display_inner {
    background-color: #fbfbfb;
    border-radius: 30px;
    padding: 20px;
}

.single_assessment_content #student_single_assessment_display_inner {
    padding: 30px 40px;
}

.contents_lists #student_assessment_lists_ul {
    padding: 10px 0px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    list-style: none;
    font-size: 14px;
    margin: 0px auto;
    text-align: center;
}

#student_single_assessment_display_inner h2 {
    font-size: 18px;
}

#student_single_assessment_display {
    width: 100%;
}

#student_single_assessment_display #student_single_assessment_display_inner {
    width: 77%;
}

#student_single_assessment_display #student_single_assessment_display_inner h2{font-size: clamp(20px, 5vw, 26px);}

.h5p-iframe-wrapper iframe.h5p-iframe{border:0px !important;}
#student_single_assessment_display #student_single_assessment_display_inner .student_single_assessment_display_inner_content {
    /*border: 1px solid #dddddd63;
    background-color: var(--white);
    */
    border-radius: 30px;
    width: 100%;
    margin: 30px auto 0 auto;
}
.learndash .learndash-wrapper .ld-alert-warning .ld-button{background-color: var(--blue); color:var(--white);}
.learndash .learndash-wrapper .ld-alert-warning .ld-button:hover{background-color: var(--red);}
.learndash .learndash-wrapper .ld-alert-warning .ld-alert-content .ld-alert-messages{color:var(--blue);}
.learndash .learndash-wrapper .ld-alert.ld-alert-warning .ld-alert-content .ld-alert-icon{color: var(--blue) !important; background: transparent !important;}
.learndash-wrapper .ld-expand-button.ld-button-alternate .ld-icon, .learndash-wrapper .ld-breadcrumbs .ld-status.ld-status-progress{background-color: var(--blue) !important;}
.learndash .learndash-wrapper .ld-alert-warning{border-color: var(--blue) !important;}


html.h5p-iframe .h5p-container{padding:15px !important;}

.student_single_assessment_display_icons {
	display: flex;
    gap: 50px;
    font-size: 30px;
    color: #000;
    margin-top: 0px;
    justify-content: end;
    margin-right: 0px;
    width: 100%;
	margin-top:30px;
}

.student_single_assessment_display_icons i {
    cursor: pointer;
}

.learndash_post_sfwd-lessons .learndash-wrapper .learndash-wrapper .ld-lesson-status .ld-breadcrumbs .ld-progress.ld-progress-inline {
    display: flex !important;
    width: 100%;
    padding-left: 0;
}

.ld-focus-position-default {
    display: flex;
    justify-content: end;
}

.learndash-wrapper .ld-focus-position-default .ld-focus-main {
    margin: unset !important;
    display: block !important;
    flex: unset !important;
	position: sticky;
    top: 0;
    height: 100%;
}

.learndash-wrapper .ld-focus-position-default .ld-focus-main .ld-focus-content {
margin: 0 auto !important;
    max-width: none !important;
    width: 100%;
    padding: 50px 50px 50px 100px !important;
}

.pre_assesmeny_popup_outer {
    padding: 25px 15px;
    box-shadow: 0 2px 9px #00000029;
    position: relative;
}

.pre_assesmeny_popup_outer button {
    position: absolute;
    top: 0;
    right: -10px;
}

.pre_assesmeny_popup_outer .pre_assesmeny_popup p {
    margin: 0;
    font-size: 14px;
}

.single-sfwd-lessons .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item {
    border-bottom: 1px solid #c4c4c5;
}

.single-sfwd-lessons .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content h1 {
    color: var(--blue);
    padding-bottom: 10px;
}

.single-sfwd-lessons .learndash-wrapper .ld-progress {
    margin: 0em 0;
}

.single-sfwd-lessons .learndash-wrapper .ld-status {
    margin-bottom: 0;
}

.single-sfwd-lessons .learndash-wrapper .ld-breadcrumbs {
    padding: 5px 1em;
}

.single-sfwd-lessons .learndash-wrapper .ld-lesson-status {
    border-radius: 0;
}

div#student_single_assessment_display_inner .student_single_assessment_display_inner_content-inner {
        border: 1px solid #0000000f;
    border-radius: 28px;
    background-color: var(--white);
    padding: 50px 50px 20px 50px;
    margin: 0 auto;
}

div#student_single_assessment_display .single_assessment_content .contents_lists {
	width:250px;
}

.contents_lists #student_assessment_lists_ul{
  max-height: 600px;
  height:100%;
  overflow-y: auto;
}
.contents_lists #student_assessment_lists_ul::-webkit-scrollbar {
  width: 4px; 
}

.contents_lists #student_assessment_lists_ul::-webkit-scrollbar-thumb {
  background-color: #ddd;
  border-radius: 4px;
}

.contents_lists #student_assessment_lists_ul::-webkit-scrollbar-track {
  background: #fbfbfb;
  border-radius: 4px;
}


.wp-admin p input[type=checkbox],
.wp-admin p input[type=radio],
td>input[type=checkbox] {
    margin-left: 8px !important;
}

div#student_single_assessment_display_inner .student_single_assessment_display_inner_content-inner h6 {
    /* background-color: #0080004f; */
    padding: 10px;
    border-radius: 8px;
    width: fit-content;
    margin: 0 auto;
}

.student_single_assessment_display_inner_content-inner p {
    text-align: center;
}

.ld-focus-main .ld-focus-content h1 {
    margin: 10px 0 !important;
}

div#end-pre-accessment-modal .modal-content .end_pre_accessment_body_custom {
    padding: 40px 0px 0 0px !important;
    border: none;
    margin-bottom: 10px;
    text-align: center;
    font-size: 14px;
}

div#end-pre-accessment-modal .end_pre_accessment_custom {
    max-width: 450px !important;
}

div#end-pre-accessment-modal .modal-content {
    box-shadow: 0px 0px 2px 1px #00000029;
    border-radius: 4px;
    position: relative;
    height: auto;
    border: 0;
}

div#end-pre-accessment-modal .modal-content div#end_pre_accessment_custom_btns_block {
    text-align: center;
    position: relative;
    font-weight: 700;
    color: #000000de;
    margin-bottom: 50px;
    margin-top: 40px;
    font-size: 16px;
}

div#end-pre-accessment-modal .modal-content div#end_pre_accessment_custom_btns_block button#end_preass_account_back {
    padding: 10px;
    color: var(--white);
    background-color: var(--red);
    font-size: 14px;
    border-color: var(--red);
    border-radius: 10px;
}

div#end-pre-accessment-modal div#end_pre_accessment_custom_btns_block {
    margin-top: 0 !important;
}

#profile_image_error_msg_modal .modal-content .modal-header .btn-close {
    bottom: 6px;
    right: 17px;
}


input#retrun_student_list_btn {
    padding: 7px 20px;
    border-radius: 10px;
    background-color: var(--red);
    border: unset;
    margin-top: 20px;
    font-size: 12px;
    color: var(--white);
}

#student_single_assessment_display .contents_lists #student_assessment_lists_ul li {
    cursor: pointer;
    display: inline-block;
    width: auto;
	padding: 0px 10px;
    margin: 0px auto;
}
#student_single_assessment_display .contents_lists #student_assessment_lists_ul li:hover{color:var(--blue);}

button.archive-students-btn {
    border: unset;
    background-color: var(--white);
    border-radius: 4px;
    padding: 3px 10px;
    font-size: 13px;
    color: #000;
    box-shadow: unset;
}

button.archive-students-btn:hover,
button.archive-students-btn:focus {
    background-color: var(--white);
    color: #000;
}

.no-archived-found {
    padding: 7px 20px;
    font-size: 14px;
    border-radius: 10px;
    font-weight: 500;
}

.dis-student-archived-msg {
    margin: 30px 0px;
}

.inner_resent_resource_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.inner_resent_resource_header button {
    padding: 5px 7px 3px 7px;
    font-size: 12px;
    border-radius: 14px;
    background-color: var(--red);
    color: var(--white);
    border-color: var(--red);
    font-weight: 500;
}
.downloadables_table_content_inner{font-family:var(--secondary-font); font-size:12px;}

.inner_resent_resource_header button:hover {
    background-color: var(--red);
}

.inner_resent_resource_header h3 {
    height: auto;
}

.resources_grants_content .resources_grants_box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.resources_affirmation.resources_content_same .affirmations-gallery button.slick-prev{
    font-size: 0;
    border: unset;
    padding: 0;
    left: 0;
}

.resources_affirmation.resources_content_same .affirmations-gallery button.slick-next {
    font-size: 0;
    right: 1px;
    position: absolute;
    border: unset;
    padding: 0;
}
.resources_affirmation.resources_content_same .affirmations-gallery button:focus{background-color:transparent;}

.resources_affirmation_slider .affirmations-gallery.slick-initialized .slick-track {
    display: flex;
}

.resources_affirmation_slider .affirmations-gallery.slick-initialized .slick-track img {
    padding: 0 10px !important;
}

.resources_affirmation_inner .resources_affirmation_slider .affirmations-gallery .slick-list.draggable {
    width: 50%;
    display: flex;
    margin: 0 auto;
}

.resources_affirmation_inner .resources_affirmation_slider .affirmations-gallery button::before {
    color: grey;
}

.progress_report_assessment_no_concept_to_work_on {
    background-color: #73DA88;
    border-radius: 19px;
    padding: 10px 20px 20px 20px;
    text-align: center;
}

.progress_report_assessment_no_concept_to_work_on .no_concept_to_work_on img {
    max-width:55px;
}

.progress_report_assessment_no_concept_to_work_on .no_concept_to_work_on h6 {
    padding: 15px 0;
    max-width: 170px;
    margin: 0 auto;
    font: 600 20px / 30px "Poppins", sans-serif;
    color: #2D2F39;
}

.progress_report_assessment_no_concept_to_work_on .no_concept_to_work_on p {
	font:15px / 24px "Poppins", sans-serif;
	color: #2D2F39;
}

div#single_assessments_screen {
    padding: 4px 0px 4px 30px;
    height: auto;
}

div#single_assessments_screen h2.assessment_type {
    font-size: 42px;
    font-weight: 700;
    padding-bottom: 20px;
    display: flex;
    gap: 20px;
    align-items: center;
}

/*========  22-jan-2024  =========*/
div#single_assessments_screen h2.assessment_type span.class_nanme select.class_name {
    background-color: var(--white);
    border: unset;
    padding: 2px 10px;
	font-size:13px;
}
.recent_research_resources_inner .inner_resent_resource_header{align-items: start;}

div#educator_assessment_question .assessment_question_right h2 {
    padding: 0;
}

div#educator_assessment_question .assessment_question_right {
    display: flex;
    align-items: start;
    gap: 20px;
    flex-direction: column;
    position: sticky;
    top: 10px;
}

div#educator_assessment_question .assessment_question_right .send_to_all_students {
    display: flex;
    align-items: center;
    gap: 10px;
}

div#educator_assessment_question .assessment_question_right .send_to_all_students select.send_to_students {
    background-color: var(--light-bg);
    border-radius: 7px;
    border: unset;
    color: var(--sec-h-text);
    font-size: 12px;
    width: fit-content;
}

div#educator_assessment_question .assessment_question_right .send_to_all_students label {
    font-size: 12px;
}

ul#student_assessment_lists_ul li i {
    color: #174A84;
    padding-right: 8px;
}

table#single_student_assignment_result_table .assignment_tbody_main tr td.tr_parent_remarks {
    padding-left: 5px;
}

table#single_student_assignment_result_table tbody.assignment_tbody_main tr td.tr_parent_answers,
table#single_student_assignment_result_table tbody.assignment_tbody_main tr.tr_child td.tr_child_answers {
    padding: 14px 0 0 0;
}

table#single_student_assignment_result_table th .th_date {
    justify-content: center;
    gap: 10px;
}

table#single_student_assignment_result_table tbody tr td.tr_parent_date,
table#single_student_assignment_result_table tbody tr.tr_child td.tr_child_date {
    padding-left: 10px !important;
}

table#single_classroom_assignment_result_table tbody tr td.tr_parent_min,
table#single_classroom_assignment_result_table tbody tr td.tr_child_min {
    padding-right: 35px;
}

table#single_classroom_assignment_result_table tbody tr td.tr_parent_remarks {
    padding-left: 0;
    padding-right: 30px;
}

table#single_classroom_assignment_result_table tbody tr td.tr_parent_answers,
table#single_classroom_assignment_result_table tbody tr td.tr_child_answers {
    padding: 14px 40px 0px 0px;
}



#progress_reports .manage_teaching_plan_data .chart_top_right {
    width: 270px;
}

div#progress_reports .plan_overview .manage_teaching_plan_data .chart_top_right select.progress_change_course_ass_comp {
    background-color: var(--white);
    border: 1px solid #ddd;
    border-radius: 2px;
    font-size: 14px;
	height:30px; border-radius:5px;
    color: #000000a8;
    padding:4px;
}

div#progress_reports .plan_overview .manage_teaching_plan_data .chart_top_right select option {
    font-size: 12px;
}

img#single_ass_image {
    max-width:15rem; margin: 20px 0px;
}
img#single_ass_image.q-estion{}

.fa-greater-than:before {
    font-size: 8px;
}

div.tabcontent.current-courses-parent {
    width: 100%;
}

.current_course_lessons img.attachment-thumbnail.size-thumbnail {
    width: 32px;
    border-radius: 50%;
}

span.course-status-parent {
    display: flex;
    align-items: center;
    gap: 5px;
    width: 41%;
}

span.course-status {
    font-weight: 600;
    text-transform: capitalize;
}

span.course-status-parent i {
    font-size: 20px;
}

.current_course_lessons i.fa.fa-chevron-right {
    color: var(--blue);
}

/*  */
div#studentEnrollModal {
    background-color: #ffffff73;
}

div#studentEnrollModal .modal-content_studentEnroll_popup {
    border-radius: 8px;
    max-width: 400px;
}

div#studentEnrollModal .modal-content_studentEnroll_popup .studentEnroll_popup_outer {
    position: relative;
}

div#studentEnrollModal .studentEnroll_modal_dialog_popup {
    display: flex;
    justify-content: center;
}

div#studentEnrollModal .modal-content_studentEnroll_popup .studentEnroll_popup_outer h3 {
    padding: 30px 40px 20px 40px;
    background-color: #dddddd57;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
}

div#studentEnrollModal .studentEnroll_popup_outer .studentEnroll_popup p#modal-text-body {
    text-align: center;
    padding: 0 40px;
    margin: 30px 0;
    font-size: 14px;
}

div#studentEnrollModal .modal-content_studentEnroll_popup .studentEnroll_popup_outer button.remarks_close_btn {
    position: absolute;
    right: -5px;
    top: 4px;
}

div#studentEnrollModal .modal-content_studentEnroll_popup .studentEnroll_popup_outer .studentEnroll_popup {
    margin: 30px 0 20px 0;
}

div#studentEnrollModal .studentEnroll_popupbtn {
    display: flex;
    justify-content: space-between;
    padding: 0 30px;
}

div#studentEnrollModal .studentEnroll_popupbtn button.assignment_popup_do_not_btn {
    padding: 7px 25px;
    border-radius: 12px;
    background-color: var(--red);
    border-color: var(--red);
    color: var(--white);
    font-weight: 600;
    font-size: 12px;
}

div#studentEnrollModal .studentEnroll_popupbtn button.studentEnroll_popup_sure_btn {
    border-color: var(--red);
    border-radius: 12px;
    color:var(--red);
    font-size: 12px;
    font-weight: 600;
    padding: 7px 15px;
}

div#studentEnrollModal .studentEnroll_popupbtn button.studentEnroll_popup_sure_btn:hover {
    background-color: var(--white);
    color: var(--red);
}

.current_course_lessons span i.fa.fa-chevron-right {
    font-size: 20px;
}

/* .add-material ul {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: var(--white);
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 5px 5px;
    padding: 0;
    margin: 0;
    list-style-type: none;
    max-height: 200px;
    overflow-y: auto;
    display: none;
  } */
form#educator-add-material-form {
    max-width: 600px;
}

form#educator-add-material-form .login-step-forms-input-wrapper input {
    box-shadow: unset !important;
}

form#educator-add-material-form ul {
    border: unset;
    position: static;
    background-color: #fff !important;
    box-shadow: 0px 6px 8px 1px #00000014;
    list-style-type: none;
    padding: 0;
    margin-top: 10px;
    max-height: 215px;
    overflow: auto;
    display: none;
}

form#educator-add-material-form ul li {
    text-align: start;
    padding: 7px 0 7px 20px;
    font-size: 14px;
    color: #000;
    cursor: pointer;
}

form#educator-add-material-form ul li:hover {
    background-color: #dddddd45;
}

.add-material li:hover {
    background-color: #f9f9f9;
}

span.close-icon {
    cursor: pointer;
}

form#educator-add-material-form ul::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
    border-radius: 10px;
    background-color: #f4f4f4;
}

form#educator-add-material-form ul::-webkit-scrollbar {
    width: 8px;
    background-color: #acacac78;
}

form#educator-add-material-form ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #acacac78;
}

.educator-add-material-field {
    position: relative;
    box-shadow: 0px 12px 100px #00000014 !important;
    display: flex;
    flex-wrap: wrap;
}

.selected-educator-map {
    top: 10px;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin: 10px 0 0 10px;
    width: 90%;
}

.selected-educator-map span.selected-item {
    font-size: 12px;
    background-color: #dddddd8a;
    border: 1px solid #b7b4b473;
    border-radius: 6px;
    padding: 8px 8px;
    display: inline-block;
    color: #616161;
}

form#educator-add-material-form .login-step-forms-input-wrapper input:focus {
    border: unset !important;
}

.educator-add-material-field::after {
    content: "";
    position: absolute;
    top: 30px;
    right: 20px;
    width: 12px;
    height: 12px;
    background-image: url('/wp-content/plugins/mathandmovement-learn-master/assets/img/down-arrow.png');
    background-size: cover;
}

/*  */
.login-step-forms-input-wrapper-btn {
    display: flex;
    justify-content: center;
    gap: 80px;
    margin: 70px 0 0;
}

.login-step-forms-input-wrapper-btn button {
    background-color: var(--red);
    color: var(--white);
    font-weight: 500;
    border: unset;
    border-radius: 6px;
    padding: 12px 20px;
    font-size: 14px;
}

.login-step-forms-input-wrapper-btn button:hover,
.login-step-forms-input-wrapper-btn button:focus {
    background-color: var(--red);
}

form#educator_addstudent_manualform .login-step-forms-input-wrapper,
form#educator_keep_adding_student_manualform .login-step-forms-input-wrapper {
    display: flex;
    column-gap: 8px;
    flex-direction: column;
    row-gap: 4px;
}

/*  */
.process-fields {
    display: flex;
    gap: 10px;
    margin-bottom: 50px;
    justify-content: center;
}

.process-fields-steps {
    display: flex;
    align-items: center;
    gap: 5px;
}

.process-fields-steps span {
    font-size: 12px;
    font-weight: 400;
    color: #00000094;
}

.process-fields-steps svg {
    width: 25px;
    height: 25px;
}

.process-step-brows {
    display: flex;
    margin-bottom: 50px;
}

form#educator_import_student_bulk button {
    background-color: var(--red);
    border: unset;
    color: var(--white);
    font-size: 12px;
    font-weight: 600;
    padding: 10px 60px;
    border-radius: 8px;
    margin: 50px auto 0 auto;
    text-align: center;
    display: inline-block;
}

/*  */
.check-boxes {
    display: flex;
    align-items: center;
}

.process-fields-steps .check-boxes i.fa-circle-thin {
    font-size: 20px;
    color: #838181;
}

.process-fields-steps .check-boxes i.fa-check-circle {
    color: var(--green);
    font-size: 21px;
    display: none;
}

.process-step-brows label {
    padding: 22px 42px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    background-color: var(--blue);
    color: var(--white);
    border-radius: 0;
    font-weight: 600;
    width: 270px;
}

.process-step-brows input[type="search"] {
    border-radius: unset;
    font-size: 13px;
}

form#educator_import_student_bulkform .upload-btn {
    text-align: center;
}

form#educator_import_student_bulkform .upload-btn button,
input.signup_success {
    background-color: var(--red);
    color: var(--white);
    border: unset;
    padding: 10px 60px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 8px;
    transition: 0.8s;
}

form#educator_import_student_bulkform .upload-btn button:hover,
input.signup_success:hover {
    background-color: #f09696;
}

/*  */
form#educator_keep_adding_student_manualform .login-step-forms-input-wrapper:first-child {
    flex-direction: unset;
}

.student_manualform-con{max-width:600px; width:100%; margin:0px auto; position:relative;}

.form-login-steps .student_manualform-con .login-step-from{max-width:100%;}

form#educator_keep_adding_student_manualform {
    width: 100%;
}

form#educator_keep_adding_student_manualform .login-step-forms-input-wrapper-btn:last-child {
    display: flex;
    justify-content: end;
    width: 100%;
}


.custom_login_container .form-login-steps {
    position: relative;
}

.custom_login_container .form-login-steps .skipped_add_new_syudent {
    position: absolute;
    bottom: 0;
    left: 0;
    width: fit-content;
}

.custom_login_container .form-login-steps .skipped_add_new_syudent input {
    border: 3px solid var(--red);
    color: var(--red);
    font-weight: 500;
    border-radius: 8px;
	padding: .3rem 1rem;
}

form#educator_keep_adding_student_manualform .login-step-forms-input-wrapper-btn:last-child input {
    border-radius: 8px;
}

.custom_login_container .form-login-steps .skipped_add_new_syudent input:hover {
    background-color: var(--white);
}





/*  */
.parent-student-name {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    width: 90%;
    margin: 40px auto;
}

span.student-name-child {
    border-radius: 6px;
    background-color: #e8e8e8;
    padding: 8px;
    border: 1px solid #b2afaf4d;
    width: fit-content;
    font-size: 12px;
    color: #666565;
    display: flex;
}

span.remove_the_section {
    padding-left: 8px;
    color: #9c9999b5;
    font-size: 16px;
}

div#student_question_of_the_day_popup .modal-content {
    height: 450px !important;
}

div#student_question_of_the_day_popup .modal-content .modal-header button.btn-close {
    top: 0;
}

div#student_question_of_the_day_popup .modal-content .modal-body .h5p-iframe-wrapper {
    overflow: auto;
    /* height: 335px; */
}

div#student_question_of_the_day_popup .modal-content .modal-header {
    position: relative;
}

div#student_question_of_the_day_popup .modal-content .modal-header button.btn-close {
    position: absolute;
    top: 9px;
    z-index: 9;
}

div#student_question_of_the_day_popup .modal-content .modal-body p.qes-popup-options-text {
    font-size: 12px;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0;
    left: 0;
}

div#student_question_of_the_day_popup .modal-content .modal-body p.qes-popup-options-text sup {
    color: #000;
    font-size: 20px;
    position: relative;
    top: 0px;
    left: 5px;
}

.custom-page-educator-student.account_page_custom .student_dashboard .question_of_the_day_main .question_of_the_day .question_content {
    overflow: unset;
}

.not-submitted-assessment {
    margin: 1rem 0;
    font-size: 0.8rem;
    font-weight: bold;
    color: var(--red);
}

.downloadables_table_inner .downloadables_table_download_btn button:hover,
.downloadables_table_inner .downloadables_table_download_btn button:visited {
    background: var(--red);
}

.practice_problems_title p.active {
    border-bottom: 3px solid #d7b00e7a;
}
.quiz__main-block .practice_problems_title p.active{border-bottom:none;}


.quiz__main-block .quiz-questions {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin: 1rem 0;
	padding-left:25px;
}

.quiz__main-block .quiz-questions .single-quiz-question {
    cursor: pointer;
}

.course_results_practice_problems:hover,
.practice_problems_title:hover,
.single-quiz-question:hover {
    color:var(--blue);
}
.course_results_practice_problems i.fa-angle-down:before{line-height: 1; margin-top: 2px;}

.course_results_practice_problems p, .practice_problems_title p, .single-quiz-question p{margin-bottom:0;}

.quiz__main-block .quiz-questions.toggle-question-block {
    display: none;
}




.single-quiz-question.active {
    color: #d7b00e;
}

.course-tab-question-context img {
    width: 200px;
}

img#right_video_placeholder,
#right_video_inframe {
    position: absolute;
    height: 100%;
    object-fit: cover;
}


.single-lesson-preview .course-main-header-section .course-image {
    width: auto;
    align-items: center;
    display: flex;
}

.single-lesson-preview .course-main-header-section .course-image img.image-section {
    object-fit: cover;
    height: 100px;
    width: 100px;
    border-radius: 100px;
    border: 1px solid var(--light-bg);
}

.eael-event-calendar-wrapper .fc-header-toolbar {
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
}

.student-feedback-reminder {
    color: var(--red);
}

.side_bar.student_sidebar .student_select_course {
    margin: auto;
}

.affirmation-positive {
    display: flex;
    justify-content: space-between;
    padding: 50px 70px;
    background-color: var(--white);
    border-radius: 32px;
    align-items: center;
}

.affirmation-positive-text {
    width: 65%;
}

.affirmation-positive-text h3 {
    color: #000;
    font-size: 26px;
    font-weight: 600;
}

.affirmation-positive-text h2 {
    color: var(--blue) !important;
    margin-bottom: 20px !important;
}

.affirmation-positive-text p {
    font-size: 14px;
    margin: 0;
    width: 58%;
}

.affirmation-positive-img {
    width: 200px;
}

.affirmation-break-video {
    margin-top: 30px;
    background-color: var(--white);
    border-radius: 32px;
    padding: 35px 45px;
    text-align: center;
	position:relative;
}

.affirmation-break-video h3 {
    color: #000;
    font-size: 30px;
    font-weight: 600;
    text-align: start;
}

.affirmation-break-video img {
    width: 90%;
    box-shadow: -12px 18px 30px 0px #00000057;
    margin-bottom: 40px;
    margin-top: 40px;
}

/* .course-main-header-section .course-overview {
    width: 89%;
} */

#student_qod__success-message {
    font-size: 0.9rem;
    font-weight: 500;
    padding: 0.5rem;
    color: #49af41;
}

.assessment_form_question{
    padding-bottom: 20px;
}

.sample-file {
    text-align: center;
}

.sample-file a.sample-file {
    color: var(--red);
}

.bulletin-board__top-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.bulletin-board__top-section button {
    background-color: var(--red);
    outline: none;
    border: none;
    color: white;
    border-radius: 2rem;
    font-size: 0.4rem;
    padding: 0.5rem;
    margin: 0;
    font-weight: 500;
}

.bulletin-board__top-section button:hover,
.bulletin-board__top-section button:active,
.bulletin-board__top-section button:focus {
    background-color: var(--red);
}

.recent-activity-slider-block .single-student-recent {
    margin-bottom: 20px;
}

.slick-initialized.recent-activity-slider-block .single-student-recent{display: flex; flex-direction: column; justify-content: space-between;}


div#dashboard_bell_tooltip_btn{cursor:pointer;}
div#dashboard_bell_tooltip_btn.has_notifications:before {
    content: "";
    width: 5px;
    height: 5px;
    background-color: var(--red);
    position: absolute;
    border-radius: 100%;
    left: 1rem;
    top: 1rem;
    z-index: 99;
}

.learndash-wrapper .ld-course-status.ld-course-status-enrolled .ld-progress {
    gap: 10px;
}

.question_of_the_day_main .question_content .question_box_student::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: transparent;
}

.question_of_the_day_main .question_content .question_box_student::-webkit-scrollbar {
    width: 4px;
    background-color: transparent;
}

.question_of_the_day_main .question_content .question_box_student::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: transparent;
}

.educator-feedback {
    margin-bottom: 0.6rem;
}

a.login-hdng-btn-sm-hd {
    color: var(--red);
}




#resources_download_mat {
    background-color: transparent;
    border: 1px solid #ddd;
    padding: 4px 6px;
	font-size:14px;
}

.transform-fill-line {
    transform: scaleX(3);
    display: inline-block;
    transform-origin: left;
}
.upcoming_events_inner{font-size:14px;}
.events_calender p {
    margin: 1rem 0;
    line-height: 1.3rem;
	color: var(--body-text);
}
.events_calender p a{
   cursor: default !important;
   color: var(--body-text);
   color: var(--red);
}

.events_calender p a:hover{
    color: var(--red);
}


.events_calender a:hover .events_calender a:focus,
.events_calender a:active {
    color: #000000;
}

.events_calender button {
    background-color: var(--red);
    color: var(--white);
    font-weight: 600;
    font-size: 12px;
    border-radius: 10px;
    border-color: var(--red);
	text-transform:uppercase;
}

.events_calender button:hover,
.events_calender button:focus {
    color: var(--red);
    background-color: var(--white);
}

.assessment__label-wrapper {
    position: relative;
}

.assessment__label-wrapper p {
    display: none;
    position: absolute;
    top: -2rem;
    left: 3rem;
    width: 14rem;
    margin: 0;
    font-size: 0.7rem;
    font-weight: 500;
    background: white;
    padding: 0.3rem 0.6rem;
    border-radius: 0.5rem;
    box-shadow: 1px 1px 5px #979797;
}

.assessment__label-wrapper p::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #959595 transparent transparent transparent;
}

.assessment__label-wrapper i {
    position: absolute;
    bottom: 50%;
    right: -1.5rem;
    cursor: pointer;
}

.recent-activity__course-result-notice-display {
    position: relative;
}

.recent-activity__course-result-notice-display i {
    cursor: pointer;
    font-size: 2rem;
    padding-right: 8px;
    position: relative;
    bottom: 6px;
	opacity:0.3;
}

p.Cust_namee, p.activity-score {
    margin-bottom: 3px;
}


.recent-activity__course-result-notice {
    position: absolute;
    display: none;
    background: white;
    box-shadow: 0 0 5px #cccccc;
    padding: 0.5rem 0.8rem;
    border-radius: 0.8rem;
    top: -1.2rem;
    left: 1rem;
}
.recent-activity__course-result-notice{
    text-transform: none;
}
.main-cus-recent-activity__course{
    /* gap: 7px; */
}
.recent-activity__course-result-notice::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #959595 transparent transparent;
}

.coming-soon-online-traning {
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}
.grade_levels .cus-grade-level{
    text-transform: lowercase;
}
/* .custom-activity-container{
    padding-left: 60px;
} */
.activity_botom_content ul li{
    text-align: center;
}
.activity_botom_content .recent-activity__course-result-notice-display .main-cus-recent-activity__course{
    justify-content: center;
    align-items: center;
}
.activity_botom_content .recent-activity__course-result-notice-display .main-cus-recent-activity__course .main-cus-recent-activity{
    text-align: left;
}
.main-custom-parent-noti{
    position: relative;
}       

.teaching_plan_graph_form select{padding-left: 10px; padding-right: 10px;}

.custom_header_bar_img button.navbar-toggler{
	border: none;
    padding: 0;
    font-size: 30px;
	display:none;
}
.custom_header_bar_img button.navbar-toggler:hover, .custom_header_bar_img button.navbar-toggler:focus, .custom_header_bar_img button.navbar-toggler{background-color:transparent; color:var(--body-text);}
.offcanvas.offcanvas-end{width:auto;}

form.all_assessment_results_form input[type="text"]{font-size:14px;}
.course_result_radio_btn label{line-height:24px;}
.view_user_top .right_side label{width:200px;}


.side_bar .links .tablinks svg{width:20px; height:20px; margin-right:5px;}




.classroom_data .dropdown .custom-wrapping-ques {
    text-wrap: auto !important;
    color: var(--gray);
    font-size: 14px;
    font-family: var(--secondary-font);
    background-color: transparent;
    width: 100%;
    text-align: left;
    border: 1px solid #707070;
}
#show_questionday li.dropdown-item{
    white-space: unset !important;
}
.classroom_data .dropdown .custom-wrapping-ques.show:focus{
    background-color: transparent !important;
}
.classroom_data .dropdown button:hover{
    background-color: transparent !important;
    color: #707070 !important;
}
/* .classroom_data .dropdown .dropdown-toggle::after{
    display: none;
} */
.student-footer-image{
text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: auto;
    gap: 20px;
    margin-bottom: 30px;
} 

.student-footer-image img{max-width:94px;}
.back-to-login-btn{display: block; text-align: center;}
.back-to-login-btn a{font-size: 16px; text-decoration: underline !important;
    color: var(--gray);
    font-weight: 500;}
    .back-to-login-btn a:hover{color: var(--red);}


.learndash-wrapper:not(.ld-registration__outer-wrapper) #learndash_mark_complete_button:disabled, .learndash-wrapper:not(.ld-registration__outer-wrapper) .learndash_mark_complete_button:disabled, .learndash-wrapper:not(.ld-registration__outer-wrapper) .learndash_mark_complete_button{padding-right:40px;}




/* =============student-movement-video_section==================== */
.video_section.student-movement-video_section{

}

.student-movement-video_section .video_section_inner {
    margin-top: 60px;
    grid-template-columns: 74% 20%;
}

.student-movement-video_section .video_section_inner .right_video_section::after{
    display: none;
}

.student-movement-video_section .video_section_inner  .left_video_section{
    border: 1px solid #c5c5c5;
    height: 575px;
    border-radius: 20px;
    padding: 14px 7px;
}

.student-movement-video_section .video_section_inner  .left_video_section .student_all_videos{
    box-shadow: -5px 3px 9px 0px grey;
    overflow: hidden;
    display: flex
;
    margin: 5px 5px 5px 14px;
    flex-direction: column;
    position: relative;
    cursor: pointer;
    width: 100%;
}

.student-movement-video_section .video_section_inner  .left_video_section .student_all_videos .thumb-v{
    height: 103px;
    width: 100%;
    object-fit: cover;
}

.student-movement-video_section .video_section_inner  .left_video_section .student_all_videos img{
    box-shadow: unset;
    margin-bottom: 0px;
    margin-top: 0px;
    width: 100%;
}

.break-movement-no-videos{
    height: 350px;
}

.video_section.student-movement-video_section #right_video_iframe2{
    margin: 0;
    width: 100%;
    height: 576px;
}

@media screen and (max-width:1599px) {
	div#dashboard_bell_tooltip_btn svg{height:20px; width:20px;}
	.custom_chart .chart_top.edu-d{flex-direction: column;}
	div#dashboard .chart_top .chart_top_left{width:100%;}
	
.top_menus_links ul.links li span.tablinks {
        font-size: 19px;
    }
	
}




@media screen and (min-width: 991px) and (max-width: 1024px) {
	

	
}

@media screen and (min-width: 991px) {
.offcanvas.offcanvas-end{
	position: relative;
	margin-bottom:22px;
    visibility: visible;
    left: 0;
    right: auto;
    transform: translateX(0%);
    border: none;
    width: 250px;
	float:left;
	background-color:transparent;
	z-index:0;
	position: sticky;
    top: 10px;
}
div.tabcontent, .my_teaching_plan_tabcontent, div#single_assessments_screen{padding-left:270px;}
.current_lessons #find_activities.tabcontent{padding-left: 0px;}

}


@media screen and (max-width: 990px) {
	
	.custom_header_bar_img button.navbar-toggler{display:block;}
	.account_page_custom .side_bar{padding: 0px 15px; overflow-y:auto;}
	div.tabcontent, .my_teaching_plan_tabcontent{padding:0px;}
}


@media screen and (max-width: 767px) {
	
	.custom_login_box1, .custom_login_box2{height:250px;}
	.custom_login_box{max-width: 550px; padding: 0px 20px;}
	.custom_login_parent{width: 100px;}
	.login-step-forms-input-wrapper-btn{gap:20px;}
	.custom_login_container .form-login-steps .skipped_add_new_syudent{position:relative; margin-top:0px;width: 100%;flex-direction: column;}
	form#educator_keep_adding_student_manualform .login-step-forms-input-wrapper-btn:last-child{flex-direction: column;}
	.toggle-sidebar{display:block;}
	
	.custom_header_bar_links {display: none;}
	.custom_header_bar_header{padding: 10px 15px;}
	
}


@media screen and (max-width: 479px) {
	.custom_login_box{grid-template-columns: 100%; gap:20px; margin: 30px auto 30px;}
	.custom_login_box1, .custom_login_box2{height:220px;}
	.form-login-steps .login-step-from .login-step-forms-input-wrapper-btn input[type=submit]{width:100%;}
	.serch-drop-cnt-div .serch-drop-cnt-div-wrpr{flex-direction: column; text-align:center; gap:15px;}
	.login-step-forms-input-wrapper-btn{flex-direction: column;}
	form#educator_keep_adding_student_manualform .login-step-forms-input-wrapper:first-child{flex-direction: column;}
	
}

@media screen and (max-width: 320px) {
	.custom_header_bar_header{padding: 10px;}
	.custom_header_bar_img a img{max-width: 80px;}
}

@media screen and (min-width: 1600px){
	#my_account .profile-image-list{top:290px; right:auto;}
	.view_student_content .user_data_image .profile-image-list{top:160px;}
ul.links span.tablinks{font-size:25px;}
.account_page_custom h1{font-size:60px;}
.tabcontent .classroom_heading h6{font-size:30px;}
.top_menus_links ul.links{gap:120px;}
.account_page_custom .side_bar{width:282px;}
.side_bar .links .tablinks{font-size:18px;}

.my_teaching_plan_sublinks span.my_teaching_plan_tablinks, .my_student_plan_sublinks span.my_student_plan_tablinks{font-size:18px;}
div.tabcontent, .my_teaching_plan_tabcontent, div#single_assessments_screen{padding-left: 315px;}


.assessments .content .view_initial label, .assessments .content .view_all label{font-size:16px;}
.graph_left div h4{font-size:26px;}
.edu-dash .chart_top_left h6{font-size:16px;}
span.queston_day_title_block{font-size:20px;}
.custom_header_bar_img{margin-left: 60px;}
div#dashboard_bell_tooltip_btn.has_notifications:before{width: 7px; height: 7px; left: 1.3rem; top: 1.2rem;}
.user_profile_icon::before{width: 10px; height: 10px;}
.dashboard_single_student img.user_profile_img{width: 72px;}
.student_name{font-size:14px;}

.see_all_students {font-size: 13px;}
.chart_top_left label{font-size: 13px;}
.chart_top_left h6{font-size:16px;}
.assessments {padding: 38px 48px;}
.assessments .content .view_initial, .assessments .content .view_all{height:59px;}
.classroom_name{font-size:25px;}
.view_student_content .user_data_image .image{width: 150px;}
.user_data_image .name_and_class label{font-size:18px;}

.pre_test_progressBar .score_progressbar .progress-circle,
.pre_test_progressBar .score_progressbar .progress_circle_class_content,
.pre_test_progressBar .completion_progressbar_class_content .completion_progressbar_class_content_inner {
    width: 90px;
    height: 90px;
}

.course_activity .progress-circle {
    width: 110px;
    height: 110px;
}


div#course-report-btn {
    border: unset !important;
    padding: 0;
    color: var(--blue);
    font-size: 12px !important;
    width: unset !important;
    height: unset !important;
    opacity: 0.7;
}

.course_activity .progress-circle span, .course_activity .progress-circle span{width: 100px !important;
    height: 100px !important;}

.pre_test_progressBar .score_progressbar .progress-circle span,
.pre_test_progressBar .score_progressbar .progress_circle_class_content span,
.pre_test_progressBar .completion_progressbar_class_content .completion_progressbar_class_content_inner span {
    width: 80px !important;
    height: 80px !important;
}

.view_single_student_content .user_recent_activity .pre_test_name h6, .view_single_student_content .user_recent_activity h6{font-size:15px; font-weight:600;}

div#dashboard_bell_tooltip_btn svg{height: 24px; width: 24px;}
.call_message_day_date, div#single_assessments_screen h2.assessment_type span.class_nanme select.class_name{font-size:15px;}
.view_single_student_content .view_user_top .view_student_graph label, .view_single_student_content .top_four_concepts h4, .concept_progress_upper label, label.recent_activity_text, .User_Assignment-Result div label.assigmnet-label, div#progress_reports .chart_top_left h6, div#progress_reports .chart_top_left h6, div#progress_reports .chart_top_left h6, .custom_progress .top_four_concepts h4, .find_activities_body .all_courses_table_main .courses_heading{font-size:20px;}
.question_table_heading h3{font-size:20px;}
#find_activities table.all_courses_table thead tr th, #find_activities table.all_courses_table thead tr td{font-size: 16px;}
.single_class_content ul.links span, .single_students_content ul.links span{font-size:20px; font-weight:600;}

.single_tab_content .classroom_name_field label.classroom_name_label, .classroom_data .classroom_grade_field label.classroom_name_label{font-size:20px;}
.classroom_data input, .classroom_data select{font-size:18px;}
.assesment_part_one_inner a{font-size:17px;}
.all_assessment_results_class_part_three_left h2, .student-feedback-answers{font-size:25px;}
.all_assessment_student_activity_left select{font-size:16px;}
.Beginning_of_assessment_part, .Beginning_of_course_result_part{font-size:20px;}
.assessment_form_question p, .all_assessment_results_class_part_three_right, form.all_assessment_results_form textarea, form.all_assessment_results_form input[type="text"], .assessment_form_question ul.options li{font-size:20px;}
.quiz__main-block .quiz-questions{font-size:20px;}
.assessment_form_btns button.assessment_form_fdbk_btn, .assessment_form_btns button.assessment_form_next_btn{font-size:20px;}

div#students .student_name, form.edit_profile_form .right_side label{font-size:18px;}
#students img.user_profile_img{height: 74px !important; width: 74px !important;}
.Class_Lesson_Reports_left{width: 240px; height: 240px;}
.Class_Lesson_Reports_left_inner{width: 205px;height: 205px;}
.custom_chart .Class_Lesson_Reports{margin:0px 30px; padding: 40px 0 50px;}
.Class_Lesson_Reports_left_inner p{font-size:18px;}
.plan_overview .custom_progress .top_four_concepts{width:30%;}
form.edit_profile_form .left_side .row label, form.edit_profile_form .left_side .row select, div#my_account .my_account_inner input[type=text], div#my_account .my_account_inner input[type=email], div#my_account .my_account_inner input[type=password], form.edit_profile_form .right_side label, div#my_account .my_account_inner select{font-size:18px;}

input.edit_profile_btn, form.edit_profile_form .right_side label{font-size:16px;}
.question_content h5, .account_page_custom .assessments h4, .account_page_custom .right_students_sidebar h4{font-size:25px;}

.question_content {padding: 38px 58px 38px 38px;}
.edit_options a{font-size:15px;}
.assessments{padding:38px 30px;}
.dashboard_students{grid-template-columns: repeat(4, 25%);}

select.send_to_select{font-size:15px;}
.course_progress_inner span{font-size:13px;}
.course_progress_inner p{font-size:13px;}
.recent_activity_box{padding: 25px 60px;}
button.send_question_btn{font-size:16px;}
.question_table_heading h3{font-size:20px;}
.students_class{font-size:15px;}
.modal-dialog .modal-content .modal-header .modal-title, .modal-dialog .modal-content .modal-header .modal-title strong{font-size:25px;}
.classroom_tabcontent .save_classroom{font-size:16px; padding: 0.6rem 1.5rem;}
#classrooms .modal-dialog .modal-body .classroom_tabcontent .single_tab_content .classroom_data .classroom_name_label
{width:200px;}
.view_student_content .name_and_class p{font-size:16px;}
.modal-body .single_students_content ul.links span{font-size:18px;}
.all_classrooms{grid-template-columns: repeat(5, calc(20% - 20px));}
.students_content{grid-template-columns: repeat(6, calc(16.6667% - 20.833px));}
.single_course_data .course_title{font-size:20px;}
.single_course_data .course_current_course, .single_course_data label.concepts_title, .course_content .course_lessons, .educator-self-course-view-results a, .single_course_data .course_lessons ul li{font-size:15px;}
.course_progress_inner button{font-size:12px;}
.current_courses.courses_grid{padding-right:100px;}
.more_courses_section p{font-size:25px;}
.more_courses_section button{font-size:16px;}

#my_account .edit_image_div img{height: 242px; width: 242px;}
#my_account .view_user_top{width: 340px;}

#my_account .single-class-content_profile_btn{right: 70px;}
button.upload_new_image{width:242px;}
.resources_content_same h3, .assessment_question_right_list p, .answer-here{font-size:20px;}
.resources_grants_box h4, .assessment_question_right h2, .teaching_plan_summary h4{font-size:25px;}
.resources_grants_box p, p.assesment_by_year_heading{font-size:18px;}
.student_sidebar .student_name, .student_sidebar .student_class_name{font-size: 19px;}
.student_dashboard .content_page h4{font-size:30px;}
.question_of_the_day_main .question_content .question_box_student p{font-size:20px;}

.question_table_middel input[type="text"] {font-size:15px;}
.question_table_middel input[type="text"]::placeholder {font-size:15px;}
.progress_report_assessment_err .progress_report_assessment_err_inner p, .waiting-not-found-main .waiting-not-found h5{font-size:25px;}
.progress_report_assessment_err .progress_report_assessment_err_inner div, .waiting-not-found-main .waiting-not-found p, .assessments_progresse h6{font-size:18px;}
.recent_activity_content .current_class_name, .assignment_results h5{font-size: 18px;}
.manage_graph_teaching_plan .top_four_concepts h4, div#my_teaching_plan .manage_graph_teaching_plan .top_four_concepts h4, .teaching_graph_heading_n_inputs h4, div#progress_reports .chart_top_left h6{font-size:20px;}
.showing_grades, .showing_tags, .assign_status{font-size:15px; padding: 4px 11px;}
.answer_boxes_inner .question_here_box{font: normal 18px / 24px Lato;}
}


.help_tab_content{
    margin: 0 auto;
    max-width: 600px;
    padding-bottom: 40px;
}