/* Template according fixes CSS */
body {
    font-family: "Poppins", sans-serif!important; 
    letter-spacing: 0.4!important;
}
.tjBs3 img.img-logo {
    /* height: 40px; */
    height: auto;
    width:10%;
}
.tjBs3 .nav-tabs > li > a {
    border: 1px solid transparent !important;
}
.banneritem img{
    width:100%;
  
}
.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;
    height: inherit;
}
.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;
}
.d-flex.mobile-sticky-button {
    height: 30px !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;
	}
}
.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: 132px !important;*/
	width: 165px !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 {
  padding-top : 0px !important;
}

.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: 10%; */
    margin-left: 0%;
}

.plainstyled-filters #filter-bar .filter_search .filter-search-btn .btn {
    left: 168px !important;
    top: 0px !important;
    color: #001F33;
    height: 48px !important;
}

.module-content .owl-item .active
{
	margin-right: 73px !important;
}

.test-question__answers span.radiobtn {
   background-color: #c0bdbd;
}

#import input[type="checkbox"] {
  margin: 0px 0 0;
}
 .view-remind .tjbase-mainbodyblock {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: linear-gradient(180deg, #fff 0, rgba(54, 155, 255, 0.741176) 100%);
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
}
/*---------- login css ------------*/
.signin-form{
    padding: 80px;
}
.sclogin {
    text-align: left !important; 
}
.signin-title h3{
    font-size: 32px !important;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
}
.sclogin-desc.pretext p{
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    font-family: "Poppins", sans-serif;
    color: grey;
    font-weight: 500;
}
#jform_username-lbl,#jform_password2-lbl,#jform_email2-lbl,#jform_spacer-lbl{
    display: none;
}
.sourcecoast .well {
    background-color: #ffffff;
    border: none;
    padding-left: 0px;
}
.sourcecoast .form-horizontal .controls {
   margin-left: 0px; 
}
.reset-submit{
    height: 48px!important;
    background: #CDDBE4!important;
    color: #fff!important;
    font-size: 13px !important;
    width: 100%;
    border: none;
}
 .tjBs3 button.btn {
    height: 48px !important;
} 
.sclogin-joomla-login.vertical input.sclogin-username.input-block-level, .sclogin-joomla-login.vertical input.sclogin-passwd.input-block-level, #jform_email {
    width: 100% !important;
    height: 48px;
    width: 100% !important;
    padding: 13px 16px 13px 16px;
    font-size: 13px;
}
.sclogin-joomla-login #panel2 #member-registration .group-control input {
    height: 48px;
    width: 100% !important;
    padding: 13px 16px 13px 16px;
    font-size: 13px;
}
 .sclogin-joomla-login.vertical #form-sclogin-submitcreate .btn-signin{
    height: 48px !important;
    background-color: #f5a3c7;
    color: #fff;
    font-size: 13px !important;
       background-image: none;
} 
 .sclogin-joomla-login.vertical .btn-registration{
    height: 48px !important;
    background-color: #001F33;
    color: #fff;
    font-size: 13px !important;
       background-image: none;
} 
.btn:disabled {
    height: 48px !important;
    background: #CDDBE4;
    color: #fff;
    font-size: 13px !important;
}
.sclogin-joomla-login.vertical #form-sclogin-submitcreate.btn {
    background: #0099FF;
    height: 48px !important;
    background: #CDDBE4;
    color: #fff;
    font-size: 13px !important;
}
.sourcecoast label, .sourcecoast input, .sourcecoast button, .sourcecoast select, .sourcecoast textarea {
    font-size: 12px;
    color: grey;
    font-weight: 500;
}
.p-50{
    padding:50px;
}
.forgotlinks a{
    color:#2C5FE8;
    font-size: 13px;
    font-weight: 600;
}
.loginlink a {
    color: #2C5FE8;
    font-size: 13px;
    font-weight: 600;
    
}
.sourcecoast .nav-tabs > .active > a,
.sourcecoast .nav-tabs > .active > a:hover,
.sourcecoast .nav-tabs > .active > a:focus,
.sourcecoast .nav-tabs > li > a.nav-link.active {
    box-shadow:none;
    border-bottom-color:transparent!important;
}
.sourcecoast .nav-tabs>li {
    width: 50%;
    font-weight: 600;
    border: 1px solid #eee;
}
.sourcecoast .nav-tabs>li a{
    color:grey;
}
.sourcecoast .nav-tabs li.nav-item.active {
    border-bottom-color: #ffc600;   
}
.sourcecoast input, .sourcecoast textarea, .sourcecoast .uneditable-input {
    width: 100%;
}
.p-40{
    padding: 40px;
}

/* -----header css started ---------*/
.header-menus{
position: absolute;
left: 19%;
top:10px;
}
.mt-n19{
    margin-top: -9rem !important;
}
.mt-minus{
  margin-top:-20rem!important;
}
.highlight-line{
    font-size: 40px !important;
    font-weight: 700;
    line-height: 41px; 
    color:#001F33;
}
.tjbase-banner2{
    background-color:#CDDBE4;
}

.chzn-container-single .chzn-single div {
    position: absolute;
    top: 3px;
}
/* .enrollHtml .btn{
    width: 312px;
} */
/* .buy-now .btn{
    position: absolute;
    top: 80px;
    width: 312px;
    left:0;
    text-align: center;
} */
.completion-text{
    font-size: 12px;
    color: #6C8493;
    font-weight: 400;
}
.home-element{
    color: #001F33;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
}
.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;
}
.count-text{
    color: #4C5C67;
    font-size: 13px;
    font-weight: 600;
}
.tab-pane .overview-main-container{
    border:1px solid #ccc;
    padding: 32px;
    border-radius: 10px;
}
.tab-pane .overview__inst{
    border:1px solid #ccc;
    padding: 32px 24px;
    border-radius: 10px;
}

.tabs-longdesc p{
    font-size: 16px;
    font-weight: 400 !important;
    color: #6E8387 !important;
    letter-spacing: 0.4px;
    line-height: 30px;
}
.view-course .detail-page{
    overflow: visible;
}
.tjbase-banner3 {
    background-color: #CDDBE4;
    position:relative;
    z-index: 0;
}
.techjoomla-bootstrap.native-jlike #jlike-container .meunlike{
    margin: 10px 0;
    text-shadow: none!important;
}
.extended-toc .lesson-plan{
    padding: 32px;
    border:1px solid #ccc;
    margin-left: 0px;
}
.lesson-list-box{
    border: 1px solid #CDDBE4;
    padding: 24px 16px;
}
.tjBs3 .list-btns{
width:128px;
border: 1px solid #f5a3c7;
}
.tjBs3 .list-btns:hover{
    width:128px;
    border: 1px solid #f5a3c7;
    background:#f5a3c7;
    color: #ffffff!important;
    }
.detail-subtext{
    font-size: 13px;
    line-height: 22px;
    font-weight: 600;
    color: #859EAD;
}
.detail-subtext-small{
    font-size: 13px;
    line-height: 22px;
    font-weight: 400;
    color: #859EAD;
}
.courseComment{
    border: 1px solid #D3DEDE;
    padding: 24px;
	border-radius: 10px;
}
.long_desc {
    color: #6C8493;
    font-size: 13px;
    line-height: 22px;
    font-weight: 400;
}

.tabs-lesson_inner .label-warning {
    padding: .6em .6em .6em;
  color: #060E79;
    background-color: #E7E8FE;
    border: 1px solid #060E79;
  font-weight: 500;
}
.tjBs3 .panel-default > .panel-heading {
    color: #859EAD;
}
/*.tjBs3 .text-truncate {
    color: #859EAD;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
}*/
.view-events .pin__details {
    position: relative;
}
.price-ribbon-events>span {
    padding: 5px 8px 5px 18px;
    color: #000;
    vertical-align: unset;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
    width: 92px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    height: 34px;
    background: #FFC600;
}
.event-type{
max-width: 160px;
width: auto !important;
white-space: nowrap;
float: left;
width: inherit;
color: #6C8493;
overflow: hidden;
text-overflow: ellipsis;
font-weight: 500;
font-size: 11px;
padding: 2px 10px;
line-height: 22px;
border: 1px solid #dfe0e1;
}
.tjBs3 select, #jtwrap select, .custom-form-style select{
    height: 48px!important;
    border: 1px solid #CDDBE4;
    padding: 12px 12px;
}
.tjlms-categories li a{
    font-size: 13px;
    color: #6C8493;
    line-height: 22px;
    font-weight: 400;
}
.categories-list .moduletable{
    border: 1px solid #ccc;
    padding: 32px 24px;
}
.view-certificates .certificate-list{
    border:1px solid #CDDBE4;
}
.certificate-list>tbody>tr>td{
    padding: 16px;
}
.certificate-list>thead>tr>th{
    padding: 16px;
}
.certificate-list-view .training-record-btn{
    padding: 8px 16px!important;
    background-color: #001F33;
}
.advance-sarchtool .btn{
    padding: 8px 16px!important;
    width: 165px !important;
    background-color: #f5a3c7;
}
.js-stools-btn-clear{
    background-color: #f5a3c7!important;
}
.certificate-list-view .custom-form-style .chzn-container a {
    border: 1px solid #ddd;
    height: 48px !important;
    padding: 12px 12px !important;
    margin-top: 0;
}
.view-todocalendar .fc-unthemed{
    margin-top: 30px;
}
.fc-state-active, .fc-state-down {
    background-color: #0099FF;
    background-image: none;
    color: #fff;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
}
.view-todocalendar .fc .fc-button-group>* {
    float: left;
    height: 38px;
    margin: 0 0 0 5px;
}
.view-trainingrecord .add-record{
    border: 1px solid #CDDBE4;
    padding: 12px 16px;
}
.view-trainingrecord .add-record .header{
   color:#005C99;
   font-size:24px;
   font-weight: 600;
   line-height: 36px;
}
.view-trainingrecord .add-record label{
  color:#6C8493;
  font-size: 12px;
  font-weight: 500!important;
 }
.training-record-calendar input{
    height: 48px!important;
 }
 .form-control{
    height: 48px;
 }
 .view-trainingrecord .add-record .submit-btn{
    width: 168px;
    background-color: #CDDBE4;
    border-color: #CDDBE4;
   }
   .view-trainingrecord .add-record .cancel-btn{
    width: 168px;
    color:#001F33;
   }

   /* ...es third party style ......*/
   .tjbase-banner4{
    background-color:#005C99;
   }
	.es-frontend{
    margin-top: -4rem !important;
   }
   #es .es-toolbar .navbar-inner{
    background-image:linear-gradient(to bottom,#005C99 0,#005C99 100%);
     border:none;
     box-shadow:none;
   }
   #es .es-toolbar .o-navbar-search {
    background-color:#106daa;
   }

#es .es-toolbar .o-navbar-search .o-navbar-search__query {
    background-color:#106daa;
}
#es .es-toolbar .es-toolbar-avatar {
    background-image:linear-gradient(to bottom,#005C99 0,#005C99 100%);
   border:none;
   box-shadow:none;
}
#es .es-profile-header__bd {
    background: #9FB7C6;
}
#es .es-stream-list {
    padding: 10px 10px 17px;
    background: #f8fcff;
}
.view-reset .footer-wrapper {
    display: none;
}

.event-count p{
    font-size: 12px;
    padding: 12px;
}
.tjlms-lesson__playlist .panel-heading.collapsed .panel-title:after {
    content: "\f105";
    font-size: 21px;
    font-weight: 600;
    color: #859EAD;
}
.tjlms-lesson__playlist .panel-heading .panel-title:after {
    content: "\f107";
    font-family: FontAwesome;
    float: right;
    font-size: 21px;
    font-weight: 600;
    color: #0099FF;
}
.fa-check-circle-o:before {
    content: "\f05d";
    font-size: 20px;
}
#jlikeToolbar:hover {
   display: block; 
}
.tjlms-lesson.resumeWindow-1{
    background-color: #f1f9ff;
    height: 100vh!important;
}
.tjlms-lesson.resumeWindow-0 {
    background-color: #f1f9ff;
  
}
.tjlms-wrapper #contentarea {
    background: #f1f9ff;
}
.tjlms-lesson .lesson-launch{
    margin-top:5px;
}
.toolbar-content .text-muted span{
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
    color: #859EAD;
}
.jlike-form-actions .btn-tjlms-green{
    padding:7px 10px;
    width: 72px;
    font-size: 13px;
    background: #001F33!important;
    color:#fff;
    line-height: 24px;
    font-weight: 600;
}
.comment-btn{
    font-size: 13px;
    background: #001F33!important;
    color:#fff;
    line-height: 24px;
    font-weight: 600;
    margin-right: 15px;
}

#annotation-list .list-unstyled a span {
    color: #A19191;
    font-weight: 500;
    font-size: 13px;
    line-height: 22px;
}
#annotation-list .list-unstyled a span:hover {
    color: #0099FF;
    font-weight: 500;
    font-size: 13px;
    line-height: 22px;
}
#annotation-list .list-unstyled a span .active {
    color: #0099FF;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
}
#annotation-list .list-unstyled {
    border-bottom: 0px;
    margin-bottom: 15px;

}
#annotation-list .list-unstyled .toolbar_buttons .text-center:hover{
    color: #0099FF;

}
#annotation-list .list-unstyled .toolbar_buttons:active{
    color: #0099FF;

}
.fw-600{
    font-weight: 600;
}
.tjlms-lesson__playlist .fa-check-circle:before {
    content: "\f058";
    color: #239F3F;
    font-size: 17px;
}
.view-lesson .jlike_commentingArea .jlike-comment-author{
    font-size: 12px;
    font-weight: 200;
    color: #656464;
}
.view-lesson .jlike_commentingArea .img-circle{
    width: 15px;
    margin-right: 5px;
}
.view-lesson .comment-box{
    border: 1px solid #CDDBE4;
    padding: 13px 16px;
}
.view-lesson .showlimited{
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
}
.view-lesson .like-links a{
    font-size: 13px;
    font-weight: 600;
    line-height: 22px;
    color:#6C8493;
}
.view-lesson .alert.alert-warning {
    color: #859EAD;
    background-color: #F1F6F9;
    border-color: #F1F6F9;
}
.view-lesson .jlike_cancel_btn {
    color: #001F33!important;
    background-color: #fff;
    border-color: #001F33;
    margin-left: 5px;
}

.jlike_textarea {
    border: 1px solid #CDDBE4!important;
}
.annotation-snippet label{
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    color:#6C8493;
}
.reset-input input{
display: block;
    width: 100%;
    height: 48px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.no-gutter {
    margin-right: 0;
    margin-left: 0;
  }
  .forgotlinks .help-links{
    padding: 8px;
    border-bottom: 1px solid #CDDBE4;
    height: 48px;
  }
.goback .btn-goback{
    border-color: #001F33;
    padding: 12px 55px 12px 55px;
    color: #001F33!important;
    background: #fff;
    line-height: 24px;
    font-size: 13px;
    width: 188px;
}
.goback .btn-goback:hover{
    border-color: #001F33;
    padding: 12px 55px 12px 55px;
    color: #001F33!important;
    background: #fff;
    line-height: 24px;
    font-size: 13px;
}
.top-goback-link{
    color: #2C5FE8;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
}
.forgot-form{
    padding: 80px;
}
label{
  font-size: 12px;  
  font-weight: 500;
  line-height: 12px;
  color: #6C8493;
}
.forgot-btn{
    width: 188px;
    background: #CDDBE4;
    color: #fff;
    font-size: 13px !important;
    border-color:#CDDBE4;
    
}
.forgot-btn:hover{
    width: 188px;
    background: #CDDBE4;
    color: #fff;
    font-size: 13px !important;
    border-color:#CDDBE4;
    
}
.sourcecoast .row {
    margin-left: -15px;
}
@media screen and (max-width: 480px) {
  .tjBs3 .pin .btn.btn-primary, .tjBs3 .pin .btn.btn-danger {
    min-width: 120px !important;
    width: 100%;
    font-size: 10px !important;
  }
  .tjBs3 img.img-logo {
        width: 90px !important;
    }
  .mobile .tjlms-slider .owl-item .pin .thumbnail {
    width: 290 !important;
  }
    .mobile .tjlms-slider {
    padding: 0 5px;
  }
  .signin-form {
  padding: 20px!important;
 }
  .forgot-form {
        padding: 45px;
    }
  .footer-wrapper .footer-right-img {
    text-align: center!important;
 }
.footer-wrapper .footer-heading h3 {
  font-size: 40px;
  font-weight: 700;
  color: #FFDD66;
  line-height: 43.2px;
  padding-top: 10px;
  text-align: center;
 }
  .footer-wrapper .footer-right-img {
  text-align: center;
    padding-top: 30px;
 }
 .enrollHtml.pin__body--btn .btn.btn-primary {
    padding: 12px 30px;
  }
    .tjBs3 .glyphicon {
    color:#000;
  }
  .extended-toc .lesson-plan {
  padding: 15px;
  }
  .lesson-img {
  width: 60px;
  }
  .tabs-lesson_inner .label-success{
    padding: .2em 1.6em .3em 0.6em;
  }
  .mt-minus{
  margin-top:-5px!important;
  }
.tabs-lesson_inner {
    display: flex;
    flex-direction: column;
  }
 .vowel-dashboard .col-xs-4 {
   width: 33.33333%!important;
  }
 .vowel-dashboard .card-stats{
  margin-top: 10px;
  padding-right: 0;
 }
}
.assignUsers a{
  color: #0099FF;
    text-decoration: none;
    font-size: 13px;
}
.pin__body--btn .btn:hover{
    color: #fff;
}
.pin__body--btn .btn.btn-continue:hover {
  color:#001F33;
}
.view-todocalendar .fc-button  {
    float: left;
    height: 38px!important;
    margin: 0 0 0 5px;
}
.view-dashboard .breadcrumb .home-element{
  color:#fff;
}
.view-profile .breadcrumb .home-element{
  color:#fff;
}
.view-groups .breadcrumb .home-element{
  color:#fff;
}
.com_easysocial .breadcrumb span {
    color: #fff;
}
.sclogin .dropdown-menu li a {
    font-weight: 400!important;
    font-size: 13px;
    line-height: 22px!important;
    color:#859EAD!important;
}
.sourcecoast li.nav-header {
   color:#859EAD!important;
 }
a {
    color: #0099FF;
    text-decoration: none;
}
.sclogin .sclogin-greeting {
    color: #37434B;
    font-size: 14px;
    font-weight: 500;
}
#form-sclogin-remember .rememberme {
    margin: 0px 5px 0 0;
}
.tjBs3 .breadcrumb {
    padding: 15px 15px;
}
.sourcecoast .btn[disabled] {
    height: 48px !important;
    background-color: #CDDBE4!important;
    color: #fff!important;
    font-size: 13px !important;
  opacity: 1;
}
.tjBs3 .questions_container {
   background-color: #fff;
}
.test-question .btn-sm{
  color:#000!important;
}
.tjdashboard .widget-data{
  min-height: 180px;
    padding: 12px 12px 12px 12px;
}
.huge .br-left-nunbers{
      border-left: 2px solid #ccc;
    margin: 0px 0px 12px 0px;
}
#es .mod-es-menu-bar__icon-link {
    padding: 4px 10px;
}
.lession-styel img{
  width:12px!important;
}
.tjBs3 .ripple:hover {
    background: #f5a3c7 radial-gradient(circle, transparent 1%, #f5a3c7 1%) center / 15000%;
    color: #fff!important;
}
.tjBs3 .ripple:active,.ripple:focus {
    background-color:  #001F33;
}
.course_inner .course-image {
    height: 272px;
}
.tjBs3 .label-success {
    background-color: #DAFCD4;
      color: #239F3F;
      border: 1px solid #239F3F;
      padding: .6em .6em;
      font-weight: 500;
}
.tjlms-course-toc .panel-heading .panel-title:after {
    font-weight: 600;
    font-size: 24px;
    color: #0099FF;
}
.tjlms-course-toc .panel-heading.collapsed .panel-title:after{
  color:#000000;
}
.tjBs3 .nav-tabs>li>a.toolbar_buttons {
    padding: 10px 2px;
}
#es {
    font-family: "Poppins", sans-serif;
}
.es-mainnav-wrap{
  padding-top:10px;
  padding-bottom:10px;
}
#es .es-mainnav>li>a {
       color: #A19191;
}
#es li {
    line-height: 1.938462;
}
.techjoomla-bootstrap.native-jlike #jlike-container .melike{
  margin:10px 0px;
}
.tjBs3 .lesson_attempt_action, .tjBs3 .tabs-btn {
    text-transform: capitalize;
}
  /* ...table list view css start......*/
.table{
      border: 1px solid #CDDBE4;
}
.table>thead>tr>th {
    padding: 16px;
  vertical-align: middle;
}
.table>tbody>tr>td{
     vertical-align: middle;
}
.table a {
    color: #4C5C67;
}
.table>tbody>tr>td {
    font-weight: 400;
    color: #6C8493;
    line-height: 22px;
    font-size: 13px;
    border-top: 1px solid #ddd;
}
.tj-searchtool-fliter .btn-toolbar .btn{
  border: 1px solid #001F33;
    background: transparent;
    color: #001F33 !important;
}
.tjlms-wrapper .chzn-container .chzn-single{
  border:1px solid #ddd;
}
.tjBs3 .btn-primary {
    background-color: #f5a3c7;
    border-color: #f5a3c7;
}
.tjBs3 .btn-primary:hover {
    color: #fff;
    background-color: #f5a3c7;
    border-color: #f5a3c7;
}
.tjBs3 .btn-secondary {
   /* background-color: #d9d9d9;*/
    background-color: #bab7b7;
    border-color: #d9d9d9;
}
.tabs-lesson_inner .label-default {
    padding: .6em .6em .6em;
}
.tmtBody {
    background: #f1f9ff;
}
.tjBs3 .questions_container {
    margin-top: 40px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .signin-form {
  padding: 50px 20px;
 }
  .forgot-form {
  padding: 50px 20px;
 }
  .mt-minus {
  margin-top: -13rem !important;
 }
  .tjBs3 .pin .thumbnail {
  width: 296px;
 }
  .pin__body--btn .btn.btn-primary, .pin__body--btn .btn.btn-danger {
  width: 260px;
  }
  .header-menus {
  left: 16%;
  }
}

@media (max-width: 991px) {
 .tjBs3 .pin .thumbnail {
  width: 344px;
}
  .mt-minus {
  margin-top: -11rem;
}
  .tjBs3 .glyphicon {
    color:#000;
  }
}
.huge .br-left-nunbers {
    border-left: 2px solid #ccc;
    margin: 0px 0px 12px 0px;
}
.mt-n12 {
    margin-top: -12rem !important;
}
.mt-n13 {
    margin-top: -13rem !important;
}
.mt-n14 {
    margin-top: -14rem !important;
}
.mt-n{
   margin-top: -14rem !important;
}
@media (max-width: 812px) {
  .mt-n{
   margin-top: 0rem !important;
  }
  .badges {
  height: 150px!important;
  margin-left: -15px;
  }
}
.tjlms-coupon-view .cancel-btn{
    color: #000!important;
}
.tjlms-coupon-view .radio input[type="radio"]{
    margin-left: 0px;
}
.attendees .new-btn{
  color:#001F33!important;
}
.tjlms-coupon-view .chzn-container-multi .chzn-choices {
  width:200px;
}
.tjlms-coupon-view .chzn-container.chzn-with-drop .chzn-drop {
    width: 200px;
}

.tjBs3 input[type="text"] {
    height:48px;
}
.view-reports .chzn-container{
    width: 200px !important;
}
.course_inner .course-desc .pin__body--btn {
    position: relative;
    bottom: 0px;
}
.tjBs3 .pin__title h4 {
  padding-top:7px;
}
.tjBs3 button.tmt_test__footer__navbutton{
  height:35px!important;
}
.tjBs3 .custom-form-style button.btn {
    border-radius: 4px;
}

/*--logo css added for jmfinance--*/
.sclogin-joomla-login .tab-pane .primary-logo{
  padding-top:10px;
}

/* 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: 4vw;
    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: 2.2rem;
    font-family:'Nunito', sans-serif !important;
   /* font-family: "Arial", cursive;*/
    padding: 1.2rem;
     /* 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 {
  margin-top: 0px;
}
.lesson-img {
    width: auto;
    padding: 10px 8px;
    height: max-content;
    background: #F1F6F9;
}
.price-ribbon-events>strong {
    padding: 5px 8px 5px 18px;
    color: #000;
    vertical-align: unset;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
    width: 112px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    height: 34px;
    background: #FFC600;
}
.footer-wrapper .footer-right-img {
    text-align: right;
}
.p-10{
  padding:10px;
}
#easycalccheckplus label{
      display: block;
    margin-top: -30px;
}
#easycalccheckplus .group-control{
  margin-bottom:20px;
}
#easycalccheckplus input{
  width:40%
}
.pin__body--btn .btn.btn-primary, .pin__body--btn .btn.btn-danger, .pin__body--btn .btn.btn-disabled {
  width:100%;
}
.view-assessments .js-stools-btn-filter:hover{
      color: #fff;
}
.view-course #sbox-window {
  height:auto!important;
}
#tjlms-assign .modal-body.enroll-users {
    overflow-y: auto;
}
.assign-footer .close{
  color:#000!important;
}
.tj-searchtool-fliter .custom-form-style .input-group .search-btn {
  border:none;
}
#tjlms-assign .calendar-container button.js-btn {
    color: #000;
}
#terms-es-fields-83{
  margin:0px 3px 0px 0px;
}
.jt-pin-container .pin__title {
    min-height: 115px;
    height: 115px;
}
.calendar-container .js-btn{
  color:#333!important;
    margin-right: 5px;
}
.view-assessments .js-calendar{
	margin-top:auto!important;
}
@media (max-width: 1440px) {
    .signin-form {
        padding: 50px 60px;
    }
    .forgot-form {
        padding: 50px 60px;
    }

}

.paymentHTMLWrapper .select-gateway-form .control-label{
text-align:left;
}

.paymentHTMLWrapper .select-gateway-form .controls{
 padding-top: 7px;
}

.select-gateway-form .control-group:before {
    display: table;
    line-height: 0;
    content: "";
}

.select-gateway-form .control-label {
    width: 160px !important;
	float: left;
}

.select-gateway-form .btn-success {
    color: #fff !important;
    background-color: #5cb85c !important;
    border-color: #4cae4c !important;
	border-radius: 4px !important;
}
.progress{
  height:48px;
}
.progress-bar{
  line-height:45px;
}

.js-calendar{
  margin-top:auto!important;
}
#tjlms-assign .calendar-container button.js-btn {
    padding: 6px 31px;
}
.view-certificate .tj-certificate-sharing{
  display:none;
}
.tjBs3 .btn.btn-disabled {
    border: 1px solid #CDDBE4;
    background-color: #CDDBE4;
}
.tjBs3 .course-plans .btn.btn-disabled{
      padding: 6px 30px;
      min-width: 264px;
}
.reset-confirm #jform_username-lbl{
display:block;
}
.tjBs3 .course-plans a.btn, .tjBs3 .course-plans button.ripple {
    height: 48px !important;
    padding: 15px 30px !important;
}
.tjBs3 .attendees a.btn, .tjBs3 .attendees button.ripple {
    height: 48px !important;
    padding: 15px 30px !important;
}
.tjBs3 .prev_next_wizard_actions a.btn, .tjBs3 .prev_next_wizard_actions button.ripple {
    height: 48px !important;
    padding: 15px 30px !important;
}
.techjoomla-bootstrap .tjlms_steps_parent .tjlms-steps-ol li .badge+span {
    padding-top: 10px;
}
.tjBs3 .btn-prev {
    background-color: #bab7b7!important;
    border-color: #d9d9d9;
}
.paymentButton{
  height:48px;
}
.view-lesson .techjoomla-bootstrap .jlike_textarea {
 padding:5px;
}
.tjbase-wrapper .header-fix {
    z-index: 9999;
}
.techjoomla-bootstrap.native-jlike .jlike_textarea {
    padding: 5px 5px;
}
@media (max-width: 1300px) {
    #annotation-list .list-unstyled a span {
     font-size: 11px;
    }
   #annotation-list .list-unstyled a span:hover {
      font-size: 11px;
   }
     .view-lesson .nav-tabs>li>a.toolbar_buttons {
         padding: 10px 3px;
     }
   .toolbar-content .text-muted span {
     font-size: 11px;
     line-height: 18px;
   }
 }
 .tjBs3 .pagination>.active>a, .tjBs3 .pagination>.active>span, .tjBs3 .pagination>.active>a:hover, .tjBs3 .pagination>.active>span:hover, .tjBs3 .pagination>.active>a:focus, .tjBs3 .pagination>.active>span:focus {
    color: #f5a3c7;
    background-color: #fafafa;
    border-color: #f5a3c7;
}
.tjBs3 .pagination > li > a, .tjBs3 .pagination > li > span {
    color: #f5a3c7;
}

/*css for event certficate*/
.view-certificate h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	color:#263238;
}

#sppb-addon-1728819575514 {
    background-size: 100% 100%!important;
}
#sppb-addon-1749810292886 {
    background-size: 100% 100%!important;
}
#sppb-addon-1749815330154 {
    background-size: 100% 100%!important;
}
.view-events  .chzn-container a, #jtwrap .chzn-container a{
    height: 48px !important;
    border: 1px solid #CDDBE4;
    padding: 10px 10px;
    line-height: 1.5;
}
.view-events .chzn-single div b {
   
    background-position:0px 8px;
}
.view-registration .footer-wrapper {
			display:none;
}
.view-registration .tjbase-mainbodyblock {
	background:#fff;
}
.price-ribbon>span {
	display:none;
}
.price-ribbon-events>span{
	display:none;
}
.chzn-container .chzn-results li.highlighted {
    background-color: #f5a3c7;
    background-image: linear-gradient(#f5a3c7 20%, #f5a3c7 90%);
}
.tjBs3 .custom-form-style .btn-primary#searchEventBtn {
    color: #f5a3c7;
}
 .registration input#jform_com_fields_referral_code, .registration input#jform_com_fields_hdid, .registration input#jform_com_fields_mobile{
    padding: 6px;
    width: 100%;
    border: 1px solid #dad8d8;
}