/* Template according fixes CSS */
@import url(https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap);
body {
    font-size: 14px;
    font-family: "Geist", sans-serif!important;
}
.tjBs3 .logo img{
   height: auto;
    width: 120px;
}

.tjBs3 .nav-tabs > li > a {
    border: 1px solid transparent !important;
}
.tjBs3 .nav > li > a:hover,
.tjBs3 .nav > li > a:focus {
    background-color: transparent;
}
.footer-wrapper .nav.navbar-nav.footer-nav a {
	padding: 0;
    margin-bottom: 5px;
    font-weight: 500 !important;
    font-size: 12px;
}
.footer-wrapper .nav.navbar-nav.footer-nav li {
    display: block;
    width: 100%;
}
.view-course .un-tjbase-message, 
.view-course .tjbase-mainbodyblock {
    background: inherit;
}
.seperator-line {
    font-size: 17px;
    font-weight: 100;
    color: #d6d6d6a6;
}
.view-login .footer-wrapper,
.seperator-line {
    display: none;
}
.tjbase-wrapper {
    background: #ffffff;
}
.view-courses .tjlms-modal iframe,
.view-course .tjlms-modal iframe {
    height: 100%;
}
.sourcecoast.modal-backdrop {
    z-index: 1041 !important;
}
#login-modal.sourcecoast.modal {
    top: 20%;
}
.tjbase-wrapper {
    padding-top: 55px; 
    /* padding-top: 80px; */
}
.view-course .tjbase-mainbodyblock,
.view-event .tjbase-mainbodyblock {
    padding-top: 38px;
}

/* Extra */
.ongoing-programs .pin.basic-pin.ongoing-sliderpin .pin__title {
    height: 60px;
}
.resume-module .tjlmspin__caption_desc {
    padding: 5px 0;
}
/* .view-course .col-xs-12.pull-left.mobile-sticky-button {
    display: flex;
    padding-left: 15px !important;
    padding-right: 15px !important;
} */
/* Classroom Training */
.pin__body--btn {
    text-align: center;
}
.ordering-select .chzn-container {
    width: 165px !important;
}

/* Banner-if DJ Image-Slider is used */
.home-slider .djslider-default {
	height: 250px !important;
}
@media (min-width: 1440px) {
    #banner .home-slider .djslider-default {
		height: 320px !important;
    }
}
@media (max-width: 767px) and (orientation : portrait) {
    #banner .home-slider .djslider-default {
		height: 85px !important;
    }
    div#login-modal.sourcecoast.modal {
		width: 295px;
	}
}
@media (max-width: 823px) and (orientation : landscape) {
    #banner .home-slider .djslider-default {
		height: 155px !important;
    }
}
/* End Banner CSS */

/* SClogin alignment and uppercase name CSS */
.sclogin.login-header .sclogin-greeting {
    text-transform: capitalize;
}
.sclogin #scprofile-pic a img {
    vertical-align: unset;
}

/* TMT and thankyou page CSS */
h3.thankyou__heading {
    margin: 0 !important;
    text-align: center;
    color: #0b5d0b;
    line-height: 22px;
}
.tmt-test-heading {
    font-weight: 700;
}
.success-title {
    color: #047E04;
}
.fail-title {
    color: #efb719;
}
.success-title,
.fail-title {
    font-size: 21px;
}
.alert.alert-no-items {
	color: #856404;
    background-color: #fff3cd;
    border-color: #cab885;
}

/* TJcertificate-linked in Icon fix */
.tj-certificate-sharing ul li {
    padding-left: 0;
    padding-right: 0;
}
.tj-certificate-sharing ul li a {
    padding: 10px 5px;
}
.tj-certificate .thumbnail {
    width: 100%;
    min-height: auto;
}
.tj-certificate .thumbnail:hover {
    transform: none;
    transition: none;
}
/* Order view -Invoice design */
.order-invoice .table>thead:first-child>tr:first-child>td {
	background-color: #3f6682;
	color: #fff;
	height: 45px;
	padding: 10px 10px;
}
.order-invoice .table-striped>tbody>tr:nth-of-type(even){
	background-color: #ededed;
}
.order-invoice .table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #d0caca;
}
.order-invoice .panel.panel-default {
	box-shadow: unset;
}
.pay-info {
	font-size: 12px;
}
/* JT- Hide Prev btn on checkout */
.view-order #payment-info .btn-prev {
	display: none;
}
/* For modal fluctuation fix on Events-pin > view recordings JT*/
.view-events .tjBs3 .thumbnail:hover {
    transform: unset;
}
.js-stools .js-stools-container-filters select.active, .js-stools .js-stools-container-filters .chzn-container.active .chzn-single {
	border-color: #ced4da;
    border-style: solid;
    border-width: 0 0 1px 0;
}
@media screen and (max-width: 767px) {
	.table-responsive {
		border: none;
	}
	#no-more-tables td {
		width: auto;
		word-break: break-word;
	}
	.view-course .mobile-sticky-button {
		padding: 15px 10px !important;
	}
}
.tjBs3 .pin {
    padding: 0px 10px;
}
.owl-carousel .owl-stage {
    margin-bottom: 30px;
}
/* hide Joomla loading/progress bar */
.view-certificate div#loading-logo {
    background-image: url("/images/ajax-loader.gif") !important;
}
/* Course Library filters in one line */
.custom-form-style #filter-bar .chzn-container, 
#filter-bar .filter_search #filter_search {
    width: 175px !important;
}
/* SClogin alignment fix */
.sclogin #scprofile-pic, .sclogin .sclogin-greeting, .sclogin .sclogin-profile-link {
    margin-bottom: 0 !important;
    margin-left: 5px;
}

/* Full page scroll issue */

.deatil-page .tabs {
  margin-top : 15px;
}

.com_tjlms_course_content .deatil-page .courseHeader-fix {
	position: inherit;
}

.com_tjlms_course_content .deatil-page .course_tabs-fix {
	position: inherit;
}

.com_tjlms_course_content .deatil-page .tabs {
	padding-top: inherit;
}

.tjBs3 .deatil-page .tabs .tab-content {
    padding-top: inherit;
}

.tjBs3 .tabs .course_tabs-fix li:first-child {
    margin-left: 0%;
}

.plainstyled-filters #filter-bar .filter_search .filter-search-btn .btn {
    left: 168px !important;
    top: 2px !important;
}

.module-content .owl-item .active
{
	margin-right: 73px !important;
}
.chosen-container.chosen-container-single .chosen-single {
    height: 45.2px;
    vertical-align: middle;
    background-image: none \9;
    border: 1px solid #ced4da;
    box-shadow: none;
    appearance: none;
    border-radius: 0px;
    padding: 10px 10px;
    line-height: 1.5;
    background: transparent;
} 
.chosen-container-single .chosen-single div {
    top: 10px;
}
.nav>li>a {
    position: relative;
    display: block;
    /* padding: 10px 15px; */
     padding: 10px 10px;
    text-decoration: none;
    text-shadow: 0.1px 0.1px 0px #fff;

}
.tjBs3 .coursepin .course-lesson-progress .pin__body--lesson {
    height: auto;
}
.tjBs3 .basic-pin .pin__body--lesson {
    height: 56px;
}
.forgotlinks ul li{
    list-style-type: none;
    padding-left: 0rem;
}
.forgotlinks ul {
    padding-left: 0rem;
}
.sclogin-desc  p{
    font-size: 14px;
  font-weight:600;
} 
.certificate-filter-bar {
    width: auto;
}
.breadcrumb .divider .fa{
    padding: 0px 5px;
   color: #ff8800;
}
.view-courses .tjlms-wrapper button, .tjlms-wrapper button.no-border{
    border:none!important;
}
.tjBs3 .deatil-page .course_inner .course-desc .pin__body--btn{
 position: relative; 
 width: 50%;

}
a {
    /* color: #337ab7; */
    color:#2563eb;
    text-decoration: none!important;
}
.breadcrumb {
    padding: 5px 0px!important;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}
/* #tmt_test #jlikeToolbar_bottom .btn{
	    margin: 10px;
} */
.test-question__answers span.radiobtn {
    background-color: #e1e1e1;
}
/* .tjBs3 .deatil-page .course_inner .course-desc .buy-btn{
   position: absolute; 
   bottom: 5px;
}  */
.tjBs3 .form-control-feedback {
    width: 35%;
}
#login-modal-151 .modal-dialog{
    width:450px;
}
.tjlms-coupon-view .chosen-container-multi{
    width: 100%!important;
}
.tjlms-coupon-view .form-control-feedback {
    width: 117%;
    left: 134px;
}
.tjlms-coupon-view .radio .btn:hover {
  color: #fff!important;
}
.tjlms-coupon-view .radio .btn:active {
  color: #fff!important;
}
.tjlms-coupon-view .btn-check:checked+.btn-outline-secondary{
    color: #fff !important;
}
.view-attendees iframe{
    height: 70vh;
}
.lesson-type {
    padding: 0 20px 0 0px;
}
.js-stools-container-bar {
  padding: 20px 10px;
}

.js-stools-container-bar .btn-toolbar > * {
  margin: 4px 0;
  /* margin-inline-end: 8px; */
}

.js-stools-container-bar .btn-toolbar .js-stools-btn-clear {
  background-color: #30638d;
  border: 0;
}

.js-stools-container-bar .ordering-select {
  display: flex;
  justify-content: end;
}

.js-stools-container-filters {
  margin-bottom: 20px;
  padding: 0 20px;
  display: none;
}

.js-stools-container-filters-visible {
  /* grid-gap: 8px; */
  background-color: #fff;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  padding: 0px;
  display: grid;
}

.js-stools-container-filters > * {
  margin: 4px 0;
  margin-inline-end: 8px;
}

.js-stools-field-list + .js-stools-field-list {
  margin-inline-start: 8px;
}

.js-stools-field-selector .form-select {
  width: auto;
}
.test-question__answers-options-textarea{
    overflow: auto;
}
@media only screen and (-webkit-device-pixel-ratio >= 1.5), only screen and (resolution >= 144dpi), only screen and (resolution >= 1.5x) {
  .chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span {
  
    background: url("chosen-sprite.png?v=8b55a8") 100% -20px no-repeat;
  }
}
.assignUsers__action,.recommendUsers__action a{
   color: #337ab7!important; 
}
div#recommend-table-container {
    height: auto !important;
}
.tjBs3 .course_tabs-fix li a.active{
    border-bottom: 2px solid #3299ff !important;
    color: #0099FF;
    font-weight: 600;
}
.tjBs3 .eventForm__tab li a.active {
    border-bottom: 2px solid #3299ff !important;
    color: #0099FF;
    font-weight: 600;
}
.sclogin .fa:before {
    position: relative;
}
.tjbase5-banner2{
    background-color: #CDDBE4;
}
.tjbase5-banner3 {
    background-color: #CDDBE4;
    position: relative;
    z-index: 0;
}
.view-events .pin__details {
    position: relative;
}
.banneritem img {
    width: 100%;
}
.mt-minus{
    margin-top: -12em;
}
.tjbase5-banner4 {
    background-color: #2563EB;
}
#es.es-main {
    padding: 8px 18px;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
}
.com_easysocial .breadcrumb span {
    color: #fff;
}
#jtwrap .jtFilters .btn-toolbar{
    display: flex!important;
}
.mt-minus5 {
    margin-top: -5rem !important;
}
.view-course .tjbase-mainbodyblock {
    overflow: visible;
}
.tjBs3 .label-success {
    background-color: #DAFCD4;
    color: #239F3F;
    border: 1px solid #239F3F;
    padding: .6em .6em;
    font-weight: 500;
}
.tabs-lesson_inner .label-warning {
    padding: .6em .6em .6em;
    color: #060E79;
    background-color: #E7E8FE;
    border: 1px solid #060E79;
    font-weight: 500;
}
.detail-subtext-small {
    font-size: 13px;
    line-height: 22px;
    font-weight: 400;
    color: #859EAD;
  }
  .signin-form {
    padding: 80px;
}
/* sclogin landing page */
.sourcecoast label {
    display: block;
    margin-bottom: 5px;
}

.signin-title h3 {
    font-size: 32px !important;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
}

.sclogin-joomla-login.vertical input.sclogin-username.input-block-level,
.sclogin-joomla-login.vertical input.sclogin-passwd.input-block-level {
    width: 100% !important;
    height: 48px;
}
.sclogin-desc.pretext p {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    font-family: "Poppins", sans-serif;
    color: grey;
    font-weight: 500;
}
.sourcecoast .btn[disabled] {
    height: 48px !important;
    background-color: #CDDBE4 !important;
    color: #fff !important;
    font-size: 13px !important;
    opacity: 1;
    width: 100%;
}
.sourcecoast select,
.sourcecoast textarea,
.sourcecoast input[type="text"],
.sourcecoast input[type="password"],
.sourcecoast input[type="datetime"],
.sourcecoast input[type="datetime-local"],
.sourcecoast input[type="date"],
.sourcecoast input[type="month"],
.sourcecoast input[type="time"],
.sourcecoast input[type="week"],
.sourcecoast input[type="number"],
.sourcecoast input[type="email"],
.sourcecoast input[type="url"],
.sourcecoast input[type="search"],
.sourcecoast input[type="tel"],
.sourcecoast input[type="color"],
.sourcecoast .uneditable-input {
    border: 1px solid #cccccc;
}
.sclogin-joomla-login.vertical #form-sclogin-submitcreate .btn-signin {
    height: 48px !important;
    background-color: #001F33;
    color: #fff;
    font-size: 13px !important;
    background-image: none;
    width: 100%;
}
.forgotlinks a {
    color: #2C5FE8!important;
    font-size: 13px!important;
    font-weight: 600!important;
}
.top-goback-link {
    color: #2C5FE8!important;
    font-size: 13px!important;
    font-weight: 600!important;
    line-height: 24px;
}
.annotation-snippet textarea {
    padding: 10px;
    font-size: 13px;
}
/* .header-menus {
    position: absolute;
    left: 19%;
    top: 15px;
} */
/* dashboard widget css */
.points {
    font-size: 32px;
    /* background: -webkit-linear-gradient(left, #0099FF, #FFC600); */
    background: -webkit-linear-gradient(left, #18b4ff 60%, #4bba18 75%, #a0ce38 90%, #FFC600 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
}
.view-dashboard .btn-buy,.btn-enroll{
    padding-left: 10px;
    padding-right: 10px;
}
.huge .br-left-nunbers {
    border-left: 2px solid #ccc;
    margin: 0px 0px 12px 0px;
}
#dashboard-widget-24 .card{
    border:none;
    border-radius:0;
}
.dashboard-widget-row-1{
    padding: 15px;
    background-color: #fff;
    border-radius: 10px;
}
.highlight-line {
    font-size: 40px !important;
    font-weight: 700;
    line-height: 41px;
    color: #001F33;
}
.tjBs3 .deatil-page .course_inner .course-desc .btn-buy {
  padding-left: 0px;
  }
.module-header h3 {
    font-weight: 600;
    color: #859EAD;
    font-size: 16px;
}
 .sourcecoast .nav-tabs>li {
    width: 33%;
}
.sclogin {
   text-align: left !important; 
}
.forgotlinks .help-links {
    padding: 8px;
    border-bottom: 1px solid #CDDBE4;
    height: 48px;
}
.forgot-form {
    padding: 80px;
}
.forgot-btn{
    height: 48px!important;
    background-color: #001F33;
    color: #fff;
    font-size: 13px !important;
    background-image: none;
    width: 50%;
}
#member-registration #jform_username-lbl{
    display: none;
}
#member-registration #jform_password2-lbl{
    display: none;
}
#member-registration #jform_email2-lbl{
    display: none;
}
#member-registration .input-password-toggle,#jform_spacer-lbl {
    display: none;
}
.sclogin-joomla-login #panel2 #member-registration .group-control input {
    font-size: 12px;
    padding: 15px 8px 10px 15px;
}
.sourcecoast .btn[disabled] {
    height: 48px !important;
    background-color: #CDDBE4 !important;
    color: #fff !important;
    font-size: 13px !important;
    opacity: 1;
}
.sclogin-joomla-login.vertical .btn-registration {
    height: 48px !important;
    background-color: #001F33;
    color: #fff;
    font-size: 13px !important;
    background-image: none;
     width: 100%;
}
.view-test #tmt_test #jlikeToolbar_bottom .btn, #tmt_test #jlikeToolbar_bottom .btn:hover, #tmt_test #jlikeToolbar_bottom .btn:active, #tmt_test #jlikeToolbar_bottom .btn:focus {
      background: #001F33!important;
    border: 1px solid #001F33!important;
}
.view-test #tmt_test #jlikeToolbar_bottom .btn:hover{
      background: #001F33!important;
    border: 1px solid #001F33!important; 
}
.sclogin .dropdown-menu {
    overflow-y:auto;
    max-height: 80vh;
    top: 15px;
}
.techjoomla-bootstrap .jlike_textarea {
    padding: 5px;
}
.jlike_comments .media.jlike_commentingArea {
    margin-left: -15px !important;
}
@media (max-width: 1440px) {
    .signin-form {
    padding: 45px;
}
.forgot-form {
    padding: 45px;
}
}
@media (max-width: 1300px) {
  #annotation-list .list-unstyled a span {
    font-size: 11px;
}
.view-lesson .nav-tabs>li>a.toolbar_buttons {
    padding: 10px 3px;
}
.sclogin-joomla-login .loginBtn,.registerBtn,.needHelpBtn{
    font-size: 10px!important;
}
/* .signin-form {
    padding: 45px;
}
.forgot-form {
    padding: 45px;
} */
.signin-title h3 {
    font-size: 30px !important;
}
.sclogin-desc.pretext p {
    font-size: 13px;
}
}
@media screen and (max-width: 480px) {
.highlight-line {
  font-size: 30px !important;
}
.tab-pane .overview__inst {
  margin-top: 15px;
}
.view-dashboard .basic-pin .course-lesson-progress.row {
  height: 120px;
}
.huge .br-left-nunbers {
  border-left:0;
}
.footer-wrapper .footer-heading h3{
    text-align: center;
}
.footer-wrapper .footer-right-img {
    text-align: center!important;
}
}
.sclogin .dropdown-menu li a {
    font-weight: 400 !important;
    font-size: 13px;
    color: #859EAD !important;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    line-height: 19px;
    overflow: hidden;
    background-color: #e5e5e5;
}
.dropdown-menu .divider {
    margin: 5px 0;
}
.tjBs3 .dropdown-menu > li > a {
    line-height: 15px;
     margin: 5px 0;
}
.sourcecoast .nav-header {
    display: block;
    padding: 3px 15px;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    color: #999999;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
}
#jtwrap .form-check-input{
    height: 15px!important;
}
.techjoomla-bootstrap.native-jlike .jlike_count_box {
    border: 0!important;
}
.jlike_comments div:not(:first-child).jlike_commentingArea {
    margin-top: 30px!important;
}
.techjoomla-bootstrap.native-jlike .jlike_text_decoration a {
    padding-right: 10px;
}
.modal-dialog{
    max-height:80%;
}
.view-todocalendar .fc-unthemed {
    margin-top: 30px;
}
.view-todocalendar .fc-header-toolbar  button{
height: 38px;
}
.view-todocalendar .fc-header-toolbar .fc-button-group button{
height: 38px;
}
.fc-state-active, .fc-state-down {
    background-color: #0099FF;
    color: #fff;
}
.assignUsers iframe{
    height: 80vh;
}
.recommendUsers iframe{
    height: 80vh;
}
/* .view-courses .tjlms-wrapper button, .tjlms-wrapper button.btn {
    height: 45px !important;
} */
.form-select {
appearance: auto;
}
.overview__inst .panel-default .panel-heading{
    color:#859EAD;
    font-weight: 500;
}
.overview__inst .panel-default .panel-body p {
    color: #859EAD;
    font-size: 13px;
}
.fw-600{
    font-weight: 600;
}
.assignUsers .panel-body img, .courseTaughtBy .panel-body img, .recommendUsers .panel-body img, .enrolledUsers .panel-body img {
    width: 50px;
    height: 50px;
}
.footer-wrapper .footer-right-img{
    text-align: end;
}
.assignUsers.panel-group.panel-default:first-child>.panel-heading {
    border-top: 0px!important;
}
.sclogin-modal form{
    width: 100%!important;
}
.sclogin-modal .sclogin-joomla-login.vertical input.sclogin-username.input-block-level{
    width: 100%!important;
}
.sclogin-modal .sclogin-joomla-login.vertical input.sclogin-passwd.input-block-level{
    width: 100%!important;
}
.ticketBookBtn span{
    width: 40%;
}
.edit-option:hover .dropdown-menu{
    display: block !important;
}
.edit-option .jlike_edit_dropdown {
    margin-left: 28.3% !important;
    min-width: 100px !important;
}
.discussion_inner .jlike_edit_dropdown{
    inset: 0px auto auto -6px;
}
.chatclick button{
position: fixed;
    bottom: 5%;
    right: 5%;
    z-index: 1;
}
#chatdiv{
    z-index: 1;
}
.pin__details {
    padding: 15px 0px 10px;
}
.tjBs3 .deatil-page .course_inner .course-image {
    height: 300px;
}
.view-course .course_inner .course-image {
    background-position: center center;
}
.tjBs3 .tabs-lesson h5, .tjBs3 .tabs-lesson .h5 {
    padding: 5px 5px;
}
.price-ribbon>span {
    bottom:-10px;
    right: 0px;
}
.price-ribbon-events>span {
    bottom: 0px;
    right: 0px;
}
.tjlms-wrapper .chzn-container .chzn-single, .tjlms-wrapper a.btn, .tjlms-wrapper button, .tjlms-wrapper button.btn, .tjlms-wrapper input[type=text], .tjlms-wrapper select {
    height: auto!important;
}
.tjBs3 .basic-pin .course-lesson-progress.row {
    height: 100px;
}
.view-assessments .filter-search-actions .btn{
height: 45.2px !important;
}
.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;
}
.row:before, .row:after {
    display: table;
    content: " ";
}
.owl-carousel .owl-item .pin__body--event img {
    width:5%;
}
.pt-50{
    padding-top: 50px;
}
#carousel-container-event .owl-stage-outer .pin__details {
    padding: 15px 0px 0px!important;
}
.mod-languages__select:hover .dropdown-menu {
  display: block;
  position: absolute;
}

.mod-languages__select {
  position: relative;
}

/* AI CHAT */

 .chat-window .card {
     /* height:45vw */
    height:auto;
    width: 35vw;
    background-color: white;
    margin-left: 30vw;
    margin-top: 5vw;
    box-shadow: 2px 1px 8px 1px #ccc;
  }
  .chat-window .card #header {
    height: 8vh;
    background: #001F33;
    padding: 0vw;
	border-radius: 6px 6px 0px 0px;
	box-shadow: 0px 0px 6px 0px #5a6eff3d
  }
  .chat-window .card #header h1 {
    color: #fff;
     /* font-size: 2vw; */
    font-size: 1.5rem;
    font-family:'Nunito', sans-serif !important;
   /* font-family: "Arial", cursive;*/
    padding: 0 15px;
    margin: auto 0;
    height: 8vh;
    align-content: center;
     /* font-size: 1vw; */
	 font-weight: 600;
  }
  .chat-window .card #message-section::-webkit-scrollbar {
    width: 10px;
  }
  .chat-window .card #message-section {
     /* height:32vw */
    height: 30vw;
    padding: 0 2.5vw;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
  }
  body .card #message-section::-webkit-scrollbar-track {
    background: var(--scrollbarBG);
  }
  body .card #message-section::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG);
    border-radius: 6px;
    border: 3px solid var(--scrollbarBG);
  }
  .chat-window .card #message-section #bot,
  .chat-window .card #message-section #user {
    position: relative;
    bottom: 0;
    min-height: 1.5vw;
    border: 0.15vw solid #777;
    background-color: #fff;
    border-radius: 0px 1.5vw 1.5vw 1.8vw;
    padding: 1vw;
    margin: 1.5vw 0;
  }
  .chat-window .card #message-section #user {
    border: 1.5px solid #5cbaf7e3;
    border-radius: 1.5vw 0vw 1.5vw 1.8vw;
    background-color: #5cbaf7e3;
    float: right;
  }
  .chat-window .card #message-section #user #user-response {
    color: #fff;
  }
  .chat-window .card #message-section .message {
    color: #000;
    clear: both;
    line-height: 1.2vw;
    font-size: 0.9vw;
    padding: 8px;
    position: relative;
    margin: 8px 0;
    max-width: 85%;
    word-wrap: break-word;
    z-index: 2;
  }
  .chat-window .card #input-section {
    z-index: 1;
    padding: 0 2.5vw;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    overflow: hidden;
     /* height:6vw */
    height: 3vw;
    width: 100%;
    margin-bottom:1rem;
	box-shadow: 0px -2px 10px -2px #5a6ef08f;
  }
  .chat-window .card #input-section input {
    color: #000;
    min-width: 0.5vw;
    outline: none;
     /* height:5vw */
    height: 3vw;
    width: 26vw;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid #000 0.1vw;
  }
  .chat-window .card .send {
    background: transparent;
    border: 0;
    cursor: pointer;
    flex: 0 0 auto;
    margin-left: 1.4vw;
    margin-right: 0vw;
    padding: 0;
    position: relative;
    outline: none;
  }
  .chat-window .card .send .circle {
    position: relative;
    width: 4.8vw;
    height: 4.8vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .chat-window .card .send .circle i {
       color:#ffc600;
    font-size: 2vw;
    margin-left: 0vw;
    margin-top: 2vw;
  }

div.choices {
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
}

div.choice {
    border: solid 1px;
    cursor: pointer;
    display: inline-block;
    padding: 7px;
    margin: 12px 5px;
}

div.bubble {
    border-radius: 20px;
}
.breadcrumb li:nth-child(2) a span {
    float: none;
}
.footer-wrapper .footer-right-img {
    text-align: right;
}
/*-----css for new Ai chatbot---*/
 .chatwindowdiv1 button .fa-close{
     color:#ffffff;
 }
.chat-window .chatwindowdiv1{
	
    position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 9999;
    height: 85%;
    font-size: 1.2rem !important;
}

@media (max-width: 1300px) {

.chat-window .chatwindowdiv1{
position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 9999;
    height: 68%;
    font-size: 1.2rem !important;
}
	
}
	
.price-ribbon>span {
	display:none;
}
.price-ribbon-events>span{
	display:none;
}
.tjbase-wrapper {
    height: inherit;
}
.mod-languages__select .dropdown-menu{
    top:96%;
    min-width: auto;
    left: 0;
}
.mod-languages__select .lang-block li a{
    margin: 0 0;
}
#dashboard-widget-28{
    margin-top: 85px!important;
}
div.mod-languages ul.lang-block li {
    padding: 0rem 0;
}
div.mod-languages li {
    margin: 0 .0rem;
}
.tjBs3 .pin .thumbnail {
    border-radius: 4px;
}
.com_multiagency .manage-course .filter-search-bar__button{
    height: 45.2px!important;
}
#filter-bar1 .filter-search-bar__button{
    height: 45.2px!important;
}
.input-medium{
    border:1px solid #ced4da;
}
.tjlms-lesson .tjlms_lesson__player{
    overflow-y: auto!important;
    max-height: 90vh
}
/* social learning page costomization for sepience start*/
.sp-page-builder .page-content #section-id-1730291292148 .sppb-row-container > * {
    padding-top: 0px!important;
    min-height: 50px!important;
    max-height: 50px!important; 
}

#column-id-1730291292147 > * {
    min-height: 50px!important;
    max-height: 50px!important;
}

#es.mod-es-notification .mod-es-menu-bar {
    display: none;
}
.com_easysocial .tjbase-wrapper {
    padding-top:60px;
}
.view-courses .tjbase-wrapper {
    padding-top:60px;
}
.view-course .tjbase-wrapper {
    padding-top:60px;
}

.com_easysocial .tjBs3 .logo img {
    height: 45px;
    width: 100%;
}

.view-courses .tjBs3 .logo img {
    height: 45px;
    width: 100%;
}
.view-course .tjBs3 .logo img {
    height: 45px;
    width: 100%;
}
/* .com_easysocial .header-menus {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: auto;
     right: 13%;  
    
} */
/* .header-menus {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: auto;
   right: 13%;  
} */
.tjBs3 .tjbase-header .nav-pills>li>a {
      color: #2563eb !important
}
.com_easysocial .tjbase-header {
    padding: 10px 3px;
}
.view-courses .tjbase-header {
    padding: 10px 0px;
}
.view-course .tjbase-header {
    padding: 10px 0px;
}
#tjmod-156 .nav-item.active,
.current.active,
li.current,
li.active {
  display: none !important;
}
.breadcrumb li.active {
  display: block !important;
  color:#fff!important;
}
.view-course .mt-minus5 {
    margin-top: 0rem !important;
}

/* social learning page costomization for sepience end*/

/*color branding customization start*/


.pin__body--btn .btn.btn-primary {
    background: #2563eb;
    border: 1px solid #2563eb;
}
.pin__body--btn .btn-continue {
    color: #2563eb !important;
}
.tjBs3 .btn.btn-primary {
    color: #fff;
    background: #2563eb;
    border: 1px solid #2563eb;
}
.tjBs3 .ripple:hover {
    background: #2563eb radial-gradient(circle, transparent 1%, #2563eb 1%) center / 15000%;
    color: #fff;
}
.btn.tabs-btn {
    border-color: #2563eb;
}
.tjBs3 .lesson_attempt_action, .tjBs3 .tabs-btn {
    color: #2563eb;
}
.tjlms-course-toc .panel-heading .panel-title>span:nth-child(1) {
    background-color: #ef866b;
}
.tjBs3 .course_tabs-fix li a.active {
    border-bottom: 2px solid #2563eb !important;
    color: #2563eb;
}
.sclogin-joomla-login.vertical #form-sclogin-submitcreate .btn-signin {
    background-color: #2563eb;
    color: #fff;
    
}
@media (max-width: 1350px){
  /* .header-menus {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: auto;
    right: 16%; 
}
.com_easysocial .header-menus {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: auto;
     right: 16%; 
} */
.tjbase-wrapper {
    padding-top: 55px;
}
}
.sclogin-joomla-login.vertical .registerBtn{
    display: none;
}
.breadcrumb span {
    color: #fff;
}
.test-question .test-question__header{
    display: flex;
    align-items: flex-end;
}
.tmt-que-marks {
    white-space: nowrap;
}
.test-question__header_title h4{
    line-height: 1.4;
}

.custom-class-to-remove-easy-social-frontend-post-menu-item {
	display: none !important;
}

body .es-modules-es-group-before-contents {
    margin: 16px;
}

.course-lib-reset-btn {
    color: #fff !important;
    background: #9FA8B7 !important;
    border: 1px solid #9FA8B7 !important;
}
#es .es-stream-meta .es-stream-title {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}
.es-comment__author{
    pointer-events: none;
    cursor: default;
    text-decoration: none; 
}
.es-stream-avatar{
      pointer-events: none;
    cursor: default;
    text-decoration: none; 
}
#es .es-card__bd.has-avatar .o-avatar-v2{
display: none;
}
.es-card__hd  .embed-responsive-16by9{
        padding-bottom: 35.25%!important;
}
#es .es-card__bd.has-avatar{
        padding: 0px;
}
.es-card__meta li .btn-es-default-o{
    display: none!important;
}
.es-stream-meta-footer time a{
      pointer-events: none;
    cursor: default;
    text-decoration: none; 
}
.es .popbox-content .popbox-label{
display:none!important;
}
.es .popbox-content .popbox-content__ft{
  display:none!important;  
}
.popbox-content .o-media__body .o-title{
     pointer-events: none;
    cursor: default;
    text-decoration: none; 
}
.popbox-content .o-media__image .o-avatar-v2 a {
     pointer-events: none!important;
    cursor: default!important;
    text-decoration: none!important;
}
.es-card__meta a{
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}

.es-media-info .es-media-title {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}
.es-polls__voters .o-avatar-v2   {
   cursor: default;
}
.o-flag__image .o-avatar-v2__content{
      pointer-events: none;
    cursor: default;
    text-decoration: none;
}
.es-photo-owner a{
     pointer-events: none;
    cursor: default;
    text-decoration: none;
}
.breadcrumb li:nth-child(2) a span {
 
  display: inline-block;

  background-color: #fff;

  -webkit-mask: url("../images/assets/home.svg") no-repeat center;
  mask: url("../images/assets/home.svg") no-repeat center;

}
.tjBs3 .nav > li > a {
    padding: 10px 10px;
}

/* css for overlaping header menus */
.tjbase-headermenu {
    display: flex;
    align-items: center;
    width: 100%;
}
.tjbase-headermenu .tjbase-module {
    margin-left: auto!important;  
}
.header-menus {
    display: flex;
    gap: 1px;
    white-space: nowrap;
}
.sclogin-greeting {
    white-space: normal;
    word-break: break-word;
    max-width: 100%;
}
.footer-wrapper .footer-heading h3, .footer-wrapper .footer-heading .h3 {
    color: #9d8ca1;
    font-size: 1.1em; 
    font-weight: 400;
    padding-top: 10px;

}
.footer-wrapper .footer-heading h3 span{
    font-size: 1.8em; 
}
.footer-wrapper {
    border-top: 10px solid #2563eb;
    background: #f6f8fe;
    color: #fff;
    padding: 0px 0;
}

/* #sppb-addon-1729512357926 .sppb-addon-text-block .sppb-addon-content {
    position: relative;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    font-family: "Geist", sans-serif !important;
    color: #6E8387;
    padding: 24px 28px;
    border-radius: 4px;

    border: 1px solid #ddd;
   box-shadow: 0px 0px 6px 1px #f1f1f1b8
    
}
#sppb-addon-1729512357926 .sppb-addon-text-block .sppb-addon-content ul{
    line-height: 1.6 !important;
}
#sppb-addon-1729512357926 .sppb-addon-text-block .sppb-addon-content p{
       margin: 0 0 -20px;
} */
.es-side-widget__hd .es-side-widget__title {
    display: none;
}

/* for Community Forum */
/* #es .es-snackbar2 {
    color: #fff;
    background-color: #4a90e2;
    font-weight: 400;
    font-family: "Geist", sans-serif !important;
} */
#es .o-tabs--stacked .o-tabs__item {
    border-bottom: 1px solid #ccc;
    padding: 6px 0px;
}
#es .es-snackbar2__title {
    font-size: 13px;
}
#es .es-snackbar2__context {
    padding: 6px 0;
}
#es .btn {
    padding: 8px 12px;
    border-radius: 4px;
}
.fd-toolbar__o-nav-item .fd-toolbar__link{
    background-color: #fff!important;
}
.certificate-btns{
    background: #2563eb;
    color: #fff;
    padding: 7px 10px;
    margin-left: 12px;
    width: 126px;
}
.certificate-btns:hover{
    background: #2563eb;
    color: #fff;
    padding: 7px 10px;
    margin-left: 12px;
    width: 126px;
}
.cerificates-page-alignment{
    display: flex;
    gap:25px;
}

/* css for easysocial community forum design */

.es-streams {
        padding: 10px;
    border-top: 1px solid #e0e0e0;
    background: #fff;
}
#es .es-stream, #es .es-stream-content, #es .es-stream-preview {
    /* background: white; */
        padding: 5px;
    border-radius: 4px;
}
#es .es-stream-meta .es-stream-title a {
    font-size: 13px;
    color: #000;
    font-weight: 500;
}
.com_easysocial .fd-toolbar__o-nav-item a span{
background: #2563eb;
    color: #fff;
    padding: 5px 10px;
    margin-left: -10px;
    border-radius: 7px;

}
#es .es-card__hd {
    display: none;
}
#es .o-pagination {
    display: none;
}
#es .es-stream:hover{
    background: #ffffff;
}
#es .es-actions-wrapper {
    padding: 4px 2px;
}
#es .es-stream .es-story--bg-0:not(.es-story-bg-menu-preview) {
    padding: 4px 5px;
}

#es .es-sidebar .btn-es-primary {
    background: #2563eb !important;
 }
 #es .es-sidebar .btn-es-primary:hover {
    background: #2563eb !important;
 }
 #es .es-card__admin-action, #es .es-card__addplaylist-action {
    display: block;
}
#es .es-card__action-group {
    z-index: auto;
}
#es .es-card__title a{
    color:#37434B;
}

/* css as per kaushal's design below*/

#es .es-card__title {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #37434B;
   
}
#es .es-card {
   font-size: 12px;
    font-weight: 400;  
    color: #859EAD;
        border-radius: 8px;
         padding: 20px;
}
.com_easysocial .tjbase-mainbodyblock{
    background: #f1f6f9;
}
#es .es-card__ft {
    background-color: #ffffff;
}
#es .es-card--border {
     border-top: none; 
}
.g-list-inline .time-update span{
    font-size: 10px;
    font-weight: 400;
}
#es .g-list-inline>li {
    font-size: 10px;
    font-weight: 600;
    line-height: 16px!important;
}
.es-card .new-badge{
    background:#E9502A;
    color:#fff;
    padding:2px 8px;
    margin-right: 12px;
    font-size:10px;
    border-radius:80px;
    font-weight:600;
    display:inline-block;
    
}
.es-card .notification-bar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    list-style:none;
    padding:0;
    margin:0;
}
.notification_bar_icon{
    margin-left: -15px;
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 4px;
}
.notification_bar_icon img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}
#es .es-card__desc {
    padding-bottom:16px;
}
#es .es-card--border {
    padding: 0px;
}
#es .es-actions-list a {
    color: #2563EB;
    font-size: 14px;
    font-weight: 600;
}
#es .es-stream-content {
    font-size: 14px;
    line-height: 22px;
}
.es-stream-meta-footer time{
    font-size: 10px;
    color: #6C8493;
}
.es-stream-meta-footer time a{
    color: #6C8493;
}
#es .es-container .es-content {
    background-color: #fff;
}
#es .es-cards--3 {
    background: #f1f6f9;
}
.es-group-listing{
      background: #f1f6f9;
}
#es .es-snackbar2{
    display: none;
}
#es .es-comments-form , #es .es-comments-control__load {
       background: #fff;
}
#es .es-comments {
    color: #888;
}
#es .btn-es-comment-primary {
background:#2563EB!important;
 color: #fff!important;
     padding: 8px 12px;
         width: 110px;
}
#es .btn-es-primary {
    background-color: #2563EB !important;
}
.btn-es-strory-primary{
background:#2563EB!important;
 color: #fff!important;
     width: 110px;
}
 .es-modules-es-groups-after-story{
     margin-bottom: 16px;
 }
/* for banner text */
.banner-wrapper{
    position: relative;
}
.banner-wrapper img{
    width: 100%;
    height: auto;
    display: block;
}
.banner-text{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
     margin-left: 15px;
}
.banner-text h2{
    margin:0;
    font-size:32px;
    font-weight: 700;
    line-height: 40px;
}
.banner-text p{
    margin-top:5px;
    font-size:18px;
    font-weight: 400;
}
/* for banner text */
.mod-group-search{
    position: relative;
    width: 100%;
    max-width: 1088px;
    margin:10px 15px;
}

.mod-group-search__form{
    position: relative;
}

.mod-group-search__input{
    width: 100%;
    height: 40px;
    padding: 0 14px 0 40px!important;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-size: 14px;
}

.search-icon{
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
    pointer-events: none;
    font-size: 18px;
}
.es-modules-es-groups-search-before-contents{
        position: absolute;
    top: 2%;
    width: 97%;
}
.light.si-theme-foundry .fd-toolbar-divider{
    display: none;
}
#es .es-card__action-group {
    position: absolute;
    z-index: 4;
    top: 20px;
    right: 4px;
}

.es-card__admin-action.btn-es-default-o{
    border-color: #97707000 !important;
}
.es-content-wrap .es-streams{
        border-top: 15px solid #f1f6f9;
}
.btn-es-cancel{
    width: 110px;
}
.es-profile .mod-banners{
    display:none;
}
.mod-custom p{
    margin-bottom: 0px;
}
body:has(.mod-banners) .mod-custom{
    display:none;
}
body:has(.mod-custom) .below-banner{
    display:none;
}
body:has(.mod-banners) .below-banner{
    display:block;
}
.mod-group-search {
    width: 97%;
}
.es-card__desc{ 
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5;
    height: 4.5em;   /* 3 lines × 1.5 line-height */
    margin-bottom:15px;
}
.es-card__title{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#es .es-streams .es-story {
    margin: 16px 3px;
}
#es .es-story-body {
    margin-left: 47px;
}
#es .btn-es-cancel:hover, #es .btn-es-cancel:active, #es .btn-es-cancel:focus {
    background: #f1f6f9 !important;
    color: #333333 !important;
}
/* .mod-si-toolbar{
    display:none;
} */
/* css for easysocial community forum design */

#es .es-story-actions.no-privacy .es-story-submit {
    font-size: 15px !important;
}

/* Back to Chat Rooms tab - blue link, clear "back to list" cue */
.fd-toolbar__o-nav-item--back-to-chatrooms .fd-toolbar__link {
	font-family: Geist, -apple-system, BlinkMacSystemFont, sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
	color: #2563EB;
	text-decoration: none;
	padding-bottom: 12px;
	border-bottom: 2px solid #2563EB;
	margin-bottom: -12px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
}
.fd-toolbar__o-nav-item--back-to-chatrooms .fd-toolbar__link::before {
	content: "\2190";
	font-size: 14px;
	color: #2563EB;
}
.fd-toolbar__o-nav-item--back-to-chatrooms .fd-toolbar__link span {
	background: transparent !important;
	color: #2563EB !important;
	padding: 0 !important;
	margin-left: 0 !important;
	border-radius: 0 !important;
}
.fd-toolbar__o-nav-item--back-to-chatrooms .fd-toolbar__link:hover {
	color: #1d4ed8;
	border-bottom-color: #1d4ed8;
}
.fd-toolbar__o-nav-item--back-to-chatrooms .fd-toolbar__link:hover::before,
.fd-toolbar__o-nav-item--back-to-chatrooms .fd-toolbar__link:hover span {
	color: #1d4ed8 !important;
}

body:has(.premium-access-wrapper) .banner-text {
    display: none;
}

/* for langin page left part hide */
#section-id-1728819575493 #column-wrap-id-1728819575491{
display: none;
}
#section-id-1728819575493 #column-wrap-id-1728819575492{
    margin: auto;
}
.sclogin-joomla-login.vertical {
    background: #fff;
    padding: 15px 40px;
    border-radius: 10px;
}
.forgot-form{
    background: #fff;
    padding: 15px 40px;
    border-radius: 10px; 
    margin-top: 100px;
    height: 100%;
    
}
.form-center-flex{
    display: flex;
    justify-content:center ;
    background:#f1f6f9;;
    min-height: 100vh;
}
#section-id-1728819575493{
    background: #f1f6f9;;
    height: auto;
    min-height: 99vh;

}

/* End of Back to Chat Rooms tab - blue link, clear "back to list" cue */