@import url("https://rsms.me/inter/inter.css");
html {
  font-family: "Inter", sans-serif;
}
@supports (font-variation-settings: normal) {
  html {
    font-family: "Inter var", sans-serif;
  }
/*===Menu Area===*/
.ms-auto {
    margin-left: auto!important;
    margin-top: 0;
}
/*Login/Logout Template Drop - down*/
li.sp-profile-dropdown-item:first-child {
    display: none;
}
/*=====Shika Course Layout====*/
.tjBs3 .mt-0 {
/*  color: #4dcc2d;
  font-weight: 600;
 */
    color: #323232;
    font-weight: 700;
    font-size: 45px;
}
.t3-mainbody {
  background: #ffffff;
  padding: 50px;
}
.tjBs3 .text-break {
  color: #154a99;
}
.tjBs3 h4,
.tjBs3 {
  text-transform: none;
  color: #000000;
}
.tjBs3 .pb-10 {
  border: #0000007d;
  border-style: solid;
  border-right: hidden;
  border-left: hidden;
  border-width: 1px;
  border-bottom: hidden;
}
#cerarmist-product-knowledge-course-lesson-1-cerarmist-difference {
  border-top: hidden;
}
.pl-10 {
  position: absolute;
  margin-top: 20px;
}

button.br-0.btn.btn-small.btn-primary.pull-right {
  width: 100px;
}
/*
button.br-0.btn.btn-small.btn-primary.pull-right:before{
	content: "Start";
    font-size: 16px !important;
}
*/

.tjlms_toc__lesson-title col-xs-12 span {
  margin-left: 100px !important;
  text-align: left !important;
}

/*RIGHT-boxes*/
.tjBs3 .panel-default {
  border-color: #ffffff;
  box-shadow: 2px 4px 6px 0px #0000001c;
}
.tjBs3 .panel-default > .panel-heading {
  color: #333;
  background-image: linear-gradient(315deg, #d75858 0%, #a52323 74%);
  border-color: #e2e2e200;
}
.com-tjlms.view-course .tjBs3 .panel-default>.panel-heading{
 color: #ffffff;
}
.tjBs3 .panel-default {
  border-color: #ffffff;
  border: 0px;
  box-shadow: 1px 3px 3px 0px #0d3f5a14;
}
span.course_block_title {
  font-family: Inter;
}
.panel-body.py-15 {
  font-family: Inter;
  font-size: 14px;
}

.ppc-percents span {
  font-family: Inter;
}

button.btn.btn-large.btn-success.tjlms-btn-flat {
  background-color: #0cbaba;
  background-image: linear-gradient(315deg, #e3f4ff 0%, #e3f4ff 74%);
  border: 0px;
  font-family: Inter;
  border-radius: 8px;
  font-size: 14px;
  color: #337ab7;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 800;
}

.progress-pie-chart.gt-50 {
  background-color: #f7b42c;
  background: conic-gradient(green, yellow, orange, red);
  /*background-image: linear-gradient(315deg, #f7b42c 0%, #fc575e 74%);*/
}
.ppc-percents span {
  color: #337ab7;
}
button.btn.btn-large.btn-success.tjlms-btn-flat:hover {
  background-color: #0cbaba;
  background-image: linear-gradient(315deg, #86cfff 0%, #b4e2ff 74%);
}
.text-truncate {
  font-family: Inter;
  font-size: 14px;
}
.tjBs3 .pb-10 {
  border: #00000000;
}
/*RIGHT PANEL*/
.tjBs3 .mt-0 {
  color: #337ab7;
  font-weight: 700;
  font-size: 49px;
}
.col-xs-12.col-sm-12.col-md-8.col-lg-8.partition-line {
  font-family: Inter;
}
/*CLASSES*/
.lessons-module_inner:nth-child(even) {
  background-image: linear-gradient(315deg, #e3f4ff00 0%, #ffd8d3 74%);
  color: #1b5e98;
  border-top: 1px solid #337ab71f;
  border-bottom: 1px solid #337ab71f;
}
.tjBs3 .pl-10 {
  font-size: 17px;
  font-weight: 700;
  /*color: #337ab7;*/
}
button.br-0.btn.btn-small.btn-primary.pull-right {
  border-radius: 5px;
  background-color: #1d4c75;
  border: 0px;
}
button.br-0.btn.btn-small.btn-primary.pull-right:hover {
  background-color: #8db6d6;
}

img.d-inline {
  padding-left: 5px;
}
.lessons-module_inner {
  margin-top: 20px !important;
}
.tjlms-course-toc.pt-10 h4 {
  font-size: 30px;
  font-weight: 900;
  color: #1d4c75;
  margin-top: -20px;
}

.tjBs3 .pull-right {
  margin-top: 15px !important;
}

/*Not Viewed*/
.tjBs3 .label-default {
  position: absolute;
  margin-left: 84.5% !important;
  margin-top: -7px !important;
  width: 100px;
}
/*Incomplete*/
.tjBs3 .label-warning {
    background-color: #f0ad4e;
    position: absolute;
    margin-left: 63.5% !important;
    margin-top: -7px !important;
    width: 100px;
}
/*Complete*/
.tjBs3 .label-success {
  position: absolute;
  margin-left: 85% !important;
  display: flow-root;
  margin-top: 1px !important;
  width: 100px;
}

.tjBs3 .bg-lightgrey {
  font-size: 0px !important;
  width: 100px;
  border: 0px;
  border-radius: 5px !important;
}
.tjBs3 .bg-lightgrey:before {
  content: "Locked";
  font-size: 16px !important;
  color: #000000;
}

button.btn.un-btn-primary.un-big-btn {
  background-color: #5cb85c;
  color: white;
  border-radius: 25px;
}

span.downloadable_files_container {
  background-color: #5cb85c;
  padding: 7px 13px 7px 13px;
  margin-top: 5px;
  color: white;
  border-radius: 50px;
  font-size: 12px;
}

/*--NEW - July 15 22--*/

/*Course Desc / Area*/
.long_desc.text-break {
    margin-bottom: 10px;
}
.long_desc.text-break p {
    color: #323232 !important;
}

.long_desc.text-break a {
    color: #323232 !important;
}

div#like-com_tjlms-course-2 {
    display: none;
}
.com-tjlms.view-course .tjBs3 .sidebar-module .panel-default>.panel-heading {
   box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}

/*Course Image & Header*/
div.tjlms-course-header div.row {
    display: block;
}
.tjBs3 .d-table-cell{
	width: auto;
}
div#accordion button:hover{
   background-color: #286abb;
}
span.recommendUsers__action.pull-right a,
span.assignUsers__action.pull-right a{
	color:#fff;
    margin-top: -15px !important;
    display: block;
    text-decoration: underline;
}
div.moduletable span.panel-heading__title{
	color:#fff !important;
}

/*ends here..*/

/*=====Shika Course - Outside=====*/
span.tjlmspin__position.tjlmspin__cat {
    display: none;
}
/*end*/

/*====Jomsocial Toolbar and etc.====*/
/*TRAINING BUTTON*/
li.gt-training {
	background-color: #3bb78f;
	background-image: linear-gradient(315deg, #597bd9 0%, #074bc7 74%);
	border-radius: 20px;
	margin-left: 10px !important;
	margin-top: 5px;
	margin-bottom: 5px;
}
li.gt-training:hover {
    /*background-image: linear-gradient(315deg, #29988d 0%, #0a9c52 74%) !important;*/
  	background-image: linear-gradient(315deg, #074bc7 0%, #597bd9 74%) !important;
}
a.gt-training-txt {
  font-weight: 700;
  color: white !important;
  text-shadow: -1px 1px 4px #0a672bcf;
  font-size: 15px !important;
  padding-left: 15px;
  padding-right: 15px;
}
/*end*/
/*--Joomsocial Frontpage--*/
.joms-landing__content {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
/*end*/
/*====Jomsocial Toolbar and etc.==== --- END*/

/*====Device Orientation===*/
/*--MOBILE--*/
@media (min-width: 320px) and (max-width: 767px){
	.ms-auto {
		margin-left: auto!important;
		margin-top: 0;
	}
	.tjBs3 .d-table-cell{
		display: block !important;
	}
	.tjBs3 .mt-0{
	    font-size: 36px;
	}
	.tjBs3 .label-success, .tjBs3 .label-default, .tjBs3 .label-warning{
		display: none;
	}
	.tjBs3 .d-inline{
	    display: block !important;
	}
	.pl-10 {
		position: unset;
	}
	.tjlms-course-header .tjlms-course-header__img img {
		width: 100%;
	}
	#sp-main-body {
		padding: 50px 0;
	}
}
/*---TABLET---*/
@media (min-width: 768px) and (max-width: 1250px){
	.ms-auto {
		margin-left: auto!important;
		margin-top: 0;
	}
	.tjBs3 .d-table-cell{
		display: block !important;
	}
	.tjBs3 .mt-0{
	    font-size: 36px;
	}
	.tjBs3 .label-success{
		margin-left: 81.5% !important;
	}
	.tjBs3 .label-default{
	    margin-left: 73.5% !important;
	}
	.tjBs3 .label-warning{
		margin-left: 55.5% !important;
	}
}