/*.cd-dropdown .dropdown-menu {
	left: -180px;
	top: 45px;
}*/

a {
    color: var(--black-text);
}

a:focus,a:hover {
    color: var(--black-text);
}
/*.teleteach1 .task-list .es-icon-graphicclass, .chapters .es-icon-graphicclass {
    background-image: url('/static-dist/highschooltheme/assets/title_course.svg');
    display: inline-block;
    width: 24px;
    height: 32px;

}
.teleteach1 .task-list .es-icon-graphicclass:before, .chapters .es-icon-graphicclass:before {
    content: '';
}

.highschool .task-list .es-icon-menu, .chapters .es-icon-menu {
    background-image: url('/static-dist/highschooltheme/assets/title_main.svg');
    display: inline-block;
    width: 50px;
    height: 50px;

}

.dashboard-sidebar .task-list .es-icon-menu {
    width: 25px;
    height: 25px;
    top: 10px;
}
.teleteach .dashboard-sidebar .js-task-chapter .title {
    font-size: 14px;
}
.class-sidebar .es-icon-today {
	background-image: url('/static-dist/highschooltheme/assets/calendar_icon.svg');
	width:55px; height: 53px;
	display: inline-block;
}
.class-sidebar .es-icon-today:before {content: ''}
.task-list .es-icon-videoclass {
	background-image: url('/static-dist/highschooltheme/assets/live.svg');
	display: inline-block;
    width: 29px;
    height: 30px;
}*/

/*.sf-icon.es-icon-graphicclass {
	background-image: url('/static-dist/highschooltheme/assets/text.svg');
    display: block;
}*/
/*.sf-icon.es-icon-graphicclass:before, .sf-icon.es-icon-graphicclass:after  {
	content: '';
}*/
/*.task-list .es-icon-description {
	background-image: url('/static-dist/highschooltheme/assets/homework.svg');
    display: inline-block;
    width: 30px;
    height: 30px;
}
.task-list .es-icon-description:before, .task-list .es-icon-description:after  {
	content: '';
}
.task-list .es-icon-filedownload  {
	background-image: url('/static-dist/highschooltheme/assets/download.svg');
    display: inline-block;
    width: 30px;
    height: 30px;
}
.task-list .es-icon-filedownload:before, .task-list .es-icon-filedownload:after  {
	content: '';
}*/
/*.sf-icon.es-icon-videoclass  {
	background-image: url('/static-dist/highschooltheme/assets/live.svg');
    display: block;
}
.sf-icon.es-icon-videoclass:before, .sf-icon.es-icon-videoclass:after  {
	content: '';
}*/


/*.task-list .es-icon-videoclass:before {
	content: '';
}
.teleteach .task-list .es-icon-menu:before, .chapters .es-icon-menu:before {
    content: '';
}

.teleteach .task-list .task-item.task-content .title {
	   font-family: var(--font-link-regular);
       font-size: 20px;
       word-break: break-word;
}*/

.teleteach .js-task-chapter .title {
        font-family: var(--font-heading);
    font-size: 24px;
    color: var(--primary) !important;
    font-weight: bold;
     word-break: break-word;
}
/*.teleteach .task-list.task-list-md .left-menu, .chapters .task-list.task-list-md .left-menu {
    top: 14px;
    left: 0px;
}

.teleteach .es-icon-undone-check.left-menu, .highschool   .es-icon-doing.left-menu, .chapters   .es-icon-doing.left-menu {
    top: 18px !important;
    left: 18px !important;
}
.chapters .es-icon-doing:before {
    content: '';
}
.chapters .es-icon-doing:after {
    content: '';
}*/
/*.chapters .es-icon-doing {
    background-image: url('/static-dist/highschooltheme/assets/process_icon.svg');
    display: block;
    width: 15px;
    height: 15px;
}*/
/*.chapters .es-icon-menu:before {
    content: '';
}
.chapters   .es-icon-undone-check.left-menu {
    top: 18px !important;
}
.chapters .es-icon-undone-check:before {
    content: '';
}
.chapters .es-icon-undone-check:after {
    content: '';
}*/
/*.chapters .es-icon-undone-check {
    background-image: url('/static-dist/highschooltheme/assets/not-yet_icon.svg');
    display: block;
    width: 15px;
    height: 15px;
}*/

.chapters .task-content {
    margin-left: 50px;
}
.icon-sm {
	width: 15px;
	height: 15px;
}
.icon-md {
	width: 24px;
	height: 24px;
}
.icon-lg {
	width: 48px;
	height: 48px;
}
.icon-36 {
	width: 36px;
	height: 36px;
}

.teleteach .es-icon-menu {

}

.my-header-section .nav-header-section__item {
    margin-right: 30px !important;
}
.teleteach .course-detail-info__title {
	color: #1272BA;
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 16px;
    font-family: var(--font-title);
    min-width: 500px;
}
.teleteach .course-detail-section .course-detail-bottom .course-detail-img {
	position: relative;
  /*  width: 454px;
    height: 348px;*/
    border: 4px solid var(--secondary);
    border-radius: 12px;
    padding: 16px;
    background: white;
    box-shadow: 4px 4px 8px var(--text-color);
}
.teleteach .course-detail-section .course-detail-bottom .course-detail-info .course-detail-title {
	   color: #666;
    font-family: var(--font-nomal);
}
.teleteach .course-detail__label {
	font-size: 20px;
    color: #666;
    margin-bottom: 24px;
    font-family: var(--font-nomal);
}
.teleteach .course-detail-section .course-detail-bottom .course-detail-info .course-detail-gray .course-detail-expiry {
	color: var(--secondary) !important;
    font-family: var(--font-nomal);
}
.teleteach .course-detail-bottom {
	display: flex;
}
.teleteach .course-detail-section .course-detail-bottom .course-detail-info {
	margin-left: 0px;
}
.teleteach .cd-btn.cd-btn-primary.js-buy-btn {
	    background: var(--secondary);
    color: white;
    border: none;
    border-radius: 8px;
    padding: 8px 24px;
    font-size: 16px;
    cursor: pointer;
    margin-left: auto;
    font-family: var(--font-body);
}
.teleteach .es-section {
	padding: 0px;
	border: none;
}
.teleteach .course-detail-section .course-detail-bottom .course-detail-info .course-detail-gray.course-detail-gray--market {
	    background: #E6E7E8;
    border-radius: 8px;
    padding: 12px 12px;
    display: flex;
    flex-direction: row;
    gap: 16px;
}
.teleteach .panel.panel-default {
	padding: 0px;
	border: none;
}
/*.teleteach .nav.nav-tabs>li.active>a, .highschool .nav.nav-tabs>li:hover>a {
	color: #ffffff;
    border-bottom: 2px solid var(--primary);
    background: var(--primary);
    font-size: 14px;
    font-family: var(--font-body);
}*/
.teleteach .nav.nav-tabs li.nav-header-section__item a {
	background: none;
	color: var(--text-color);
}
.teleteach .nav.nav-tabs>li>a {
	padding: 5px 15px;
	 font-family: var(--font-body);
	 color: var(--text-color);
}
.teleteach .task-list {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    border: 2px solid #57BD7C;
    border-radius: 12px;
    padding: 20px;
}

.teleteach .panel-default>.panel-heading .panel-title, .teleteach .course-sidebar h3, .teleteach .class-sidebar h3 {
	    font-size: 32px;
    color: #5D5D5D;
    margin-top: 0px;
    padding: 6px 20px;
    font-family: var(--font-heading);
}
.teleteach .panel-default>.panel-body {
	padding: 0px;
}
.teleteach .course-sidebar, .teleteach .class-sidebar{
	    top: 37px;
/*    width: 400px;*/
    background: var(--green-3);
    border: 2px solid var(--primary);
    border-radius: 16px;
    margin-top: 20px;
    margin-bottom: 50px;
    line-height: 40px;
/*    max-height: 1000px;*/
}
.teleteach .course-sidebar .panel-default>.panel-heading, .teleteach .class-sidebar .panel-default>.panel-heading {
	 background: var(--green-3);
}
.teleteach .course-sidebar .panel-default>.panel-body, .teleteach .class-sidebar .panel-default>.panel-body {
	 background: var(--green-3);
}
.teleteach .update-item:not(:last-child) {
	border-bottom: 1px solid var(--primary);
	padding: 5px;
}
.teleteach .student-name {
	font-weight: bold;
    color: var(--text-color);
    font-size: 20px;
    font-family: var(--font-body);
}
.teleteach .latest-update {
	padding-left: 16px;
}
.teleteach .action a {
	font-weight: bold;
    color: var(--text-color);
    font-size: 20px;
    font-family: var(--font-body);
}
/*.course-sidebar .teacher-card {
	width: 100%;
}*/
.teacher-card-widget .card-header, .teacher-card-widget .card-footer {
	display: flex;
}
.teacher-card-widget {
	color: var(--text-color);
    font-family: var(--font-body);
}
.teacher-card-widget .card-body {
	border-bottom: 2px solid var(--primary);
	border-top: 2px solid var(--primary);
	padding: 5px 0px;
	
}
.teacher-card-widget .card-footer span{
	padding-right: 10px;
    margin-top: 10px;
    width: 33%;
}

.teacher-card-widget .card-footer span:not(:last-child) {
	    border-right: 2px solid var(--primary);

}
.teacher-card-widget .card-footer span:not(:first-child) {
	padding-left: 10px;
}
.teleteach .class-sidebar .class-signin {
	top: -71px;
}
.class-sidebar:has(.class-signin) > * {
    position: relative; /* or absolute/fixed depending on your layout */
    top: -80px;
}
.teleteach .class-sidebar .class-signin .panel-body {
	background-color: transparent;
}
.teleteach .class-signin .btn-signin {
	background-color: var(--primary);
    color: white;
    border: none;
    padding: 0px 12px;
    border-radius: 12px;
    cursor: pointer;
    font-size: 24px;
}
.teleteach .class-signin .btn-signin.after {
	font-size: 12px;
}
.class-serve>ul>li {
	background-color: var(--primary);
}
.class-header .class-info>.title {
	    font-size: 28px;
    color: var(--primary);
    font-family: var(--font-heading);
}

.class-header .class-header-mian {
    position: relative;
    background-color: var(--green-3);
    border: 2px solid var(--primary);
}

.tabs-wrapper {
    border: 1px solid var(--secondary);
    border-radius: 12px;
    margin-bottom: 30px;
    background-color: var(--green-3);
}
.es-banner {
	background: none;
}
.active .button {
	background-color: var(--secondary);
}
.course-detail-section .course-detail-bottom .course-detail-img .course-detail-remask {
	background-color: rgba(0, 0, 0, 0.5);
}

.course-features .course-features-item {
	padding: 3px 15px;
}
.task-list .task-item .right-menu.color-gray {
	display: flex;
}
.task-list .task-item .right-menu.color-gray tmp {
	padding-right: 5px;
}
.btn.unfollow-btn {
    background: var(--secondary);
    color: var(--white);
    border: none;
/*    border-radius: 8px;*/
/*    padding: 8px 24px;*/
    font-size: 12px;
    cursor: pointer;
    margin-left: auto;
    font-family: var(--font-body);
}
.btn.direct-message-btn {
	 background: var(--text-color);
    color: var(--white);
    border: none;
/*    border-radius: 8px;*/
/*    padding: 8px 24px;*/
    font-size: 12px;
    cursor: pointer;
    margin-left: auto;
    font-family: var(--font-body);
}
.course-sidebar .icon-user-status, .class-sidebar .icon-user-status {
	    position: relative;
    right: -46px;
    top: -16px;
}
a.button:hover {
	color: var(--white);
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
	width: 100%;
}
.es-poster .swiper-slide .img-responsive {
    width: 100%;
}
.es-poster .swiper-slide .container {
    width: 100%;
    padding: 0px;
}
.user-dropdown__link a:last-child {
    padding-left: 20px;
}
.user-dropdown__link {
    padding: 0 20px;
}
.user-dropdown-info {
    padding:  0 35px;
}
.sf-fix-dropdown.dropdown-menu {
    left: -180px;
    top: 53px;
}
.sf-fix-dropdown-bell.dropdown-menu {
    top: 43px;
    left: -180px;
}

.sf-fix-dropdown-language.dropdown-menu {
    top: 41px;
    left: -78px;
}
.navbar-mobile .sf-fix-nav-mobile.nav-mobile {
z-index: 0;
        left:0;
}
.navbar-mobile .sf-fix-nav-mobile.nav-mobile.active {
z-index: 1000;

left: 250px;
}


.user-center-header .name {
  
    font-size: 24px;
    color: var(--text-color);
    margin-bottom: 5px;
    font-family: var(--font-heading);
}
.user-center-header span.mrm {
    font-size: 18px;
    color: var(--text-color);
    margin-bottom: 20px;
}
.user-center-header .blurr-bg {
    z-index: -1;
    background: var(--green-3);
}
.user-center-header  .mates {
     color: var(--text-color);
     font-size: 16px;
}
.task-dashboard-page .dashboard-toolbar .dashboard-toolbar-nav>li>a {
    width: 100%;
}
.task-dashboard-page .dashboard-toolbar {
  
    left: -110px;
    top: 30%;
  
}

.analyzeVideo {
  height: 80% !important;  
}

.text-12 {
    font-size: 15px !important;
}
.text-16 {
    font-size: 18px !important;
}

.cke_editable {
    font-size: 18px;
}

.nav.nav-tabs>li.active>a, .nav.nav-tabs>li:hover>a {
  background: var(--primary);
    color: white;
}
.nav.nav-tabs>li>a {
    padding: 5px 15px 15px;
}
.course-progress .cricle-progress .percent .num {
    color: var(--primary);
}

.btn-primary {
        border-color: var(--secondary);

    background-color: var(--primary);
    color: #fff;
}
.cd-btn.cd-btn-primary {
    color: #fff;
    background: var(--primary);
           border-color: var(--secondary);

}.teleteach .task-list {
    border-color: var(--primary);
}
.course-publish-status--published {
    background-color: var(--primary);
}
.task-manage-list .settings-list .settings-item.active>a, .task-manage-list .settings-list .settings-item>a:hover {
    color: var(--primary);
}

.nav.nav-tabs .highlight, .es-step li.doing, .es-step li.done {
   
    border-bottom-color: var(--primary);
}

.es-step li.doing .number, .es-step li.done .number {
    color: #fff;
          border-color: var(--secondary);

    background-color: var(--primary);
}
.es-share .top {
    display: hidden;
}
.task-list .task-item .title {
    word-break: break-word;
}

.mr-5 {
    margin-right: 5px;
}


#doctype-content {
  
  margin: 20px;
  padding: 10px;
  border: 1px solid #ccc;
}

#doctype-content table {
  width: 100%;
  border-collapse: collapse;
}

#doctype-content td {
  border: 1px solid #999;
  padding: 8px;
  vertical-align: top;
}

#doctype-content tr:nth-child(even) {
  background-color: #f9f9f9;
}

#doctype-content tr:hover {
  background-color: #eef;
}

#doctype-content td:first-child {
  font-weight: bold;
  background-color: #e0e0e0;
  width: 20%;
}

.iframe-close-btn {
    position: absolute;
    top: 0px;
    right: -7px;
    color: #fff;
    font-weight: bolder;
    border-radius: 9999px;
    background: #000;
    width: 30px;
}
.no-border {
    border:0px;
}

.teleteach .link-primary {
    color: var(--primary) !important;
}
/* .teleteach .link-primary, .teleteach .link-white:hover {
    color: var(--secondary) !important;
} */

.cd-pagination>li.active>a, .cd-pagination>li.active>a:focus, .cd-pagination>li.active>a:hover {
    background-color: var(--primary);
}
.dropdown-menu>li>a:hover {
    background-color: var(--secondary);
}