/*
BREADCRUMB
*/
.breadcrumb {
  background: #fff;
  border-bottom: 1px solid #C5C5C6;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  /* future proofing */
  -khtml-border-radius: 0;
  font-size: 13px;
  padding: .75rem 0;
  margin-bottom: 25px;
  /*
    &::before {
        content: "/";
        display: inline-block;
        margin-right: 3px;
        color:#ccc;
    }
*/
}
.breadcrumb .breadcrumb-item {
  /*
        &:nth-child(1)::before {
            content: "";
            display: none;
        }
*/
}
.breadcrumb .breadcrumb-item a {
  color: #C5C5C6;
}
.breadcrumb .breadcrumb-item.active {
  color: #E3000F;
}
/* ------------------------- END BREADCRUMB*/
html {
  height: 100%;
}
body {
  font-family: 'Open Sans', san-serif, arial !important;
  font-size: 16px;
  line-height: 26px;
  color: #575656;
  background-color: #f0f0f0 !important;
}
@media (max-width: 768px) {
  body.site {
    padding: 0;
  }
}
body.ksep {
  padding-top: 0;
}
body.view-kws {
  height: 100%;
}
body.view-kws .body {
  position: relative;
  height: 100%;
}
body.view-kws section#main {
  height: 100%;
  min-height: auto;
}
body.view-kws .container-fluid {
  height: 100%;
  position: static;
}
body.view-kws .nav-top-fixer {
  height: 100%;
}
body.view-kws .nav-top-fixer .row {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  body.view-kws .nav-top-fixer .row {
    padding-top: 140px;
  }
}
@media (max-width: 768px) {
  body.view-kws .nav-top-fixer .row {
    padding-top: 80px;
  }
}
body.view-kws main#content {
  position: relative;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  body.view-kws main#content {
    padding-bottom: 140px;
  }
}
@media (max-width: 768px) {
  body.view-kws main#content {
    padding-bottom: 80px;
  }
}
body.view-kws .ksep-footer {
  display: none;
}
body.view-kws #nav.navigation {
  display: none;
}
body.view-kws iframe#kws-container {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  /* top: 150px; */
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
}
body .backtop {
  align-items: end;
  height: 75px;
  margin-bottom: 10px;
}
.body {
  max-width: 1440px;
  margin: 0 auto;
  background: #fff;
  width: 100%;
}
.container-fluid {
  box-shadow: none;
  border-left: none;
  border-right: none;
  /*
	padding-left: 15px;
	padding-right: 15px;
*/
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.radio .form-check {
  margin-bottom: 1em;
}
form input {
  box-sizing: content-box;
}
a {
  color: #E3000F;
  text-decoration: none;
}
label,
input,
button,
select,
textarea {
  font-size: 16px;
  line-height: 26px;
  margin-left: 0.5em;
}
section#main {
  min-height: 600px;
}
@media (min-width: 1200px) {
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 1200px;
  }
}
@media (min-width: 980px) {
  .container-fluid {
    max-width: 1200px;
  }
}
.control-group > .alert {
  margin-bottom: 0px;
}
#confirmation-alert-block > .alert {
  min-height: 32px;
}
#confirmation_form {
  max-width: 350px;
}
.active > .page-link {
  background-color: #E3000F;
  border-color: #E3000F;
}
.page-link {
  color: #E3000F;
}
@media (max-width: 720px) {
  .page-item:not(.page-scroll) {
    display: none;
  }
}
/*
.breadcrumb {
	background-color: #fff;
	border-bottom: 1px solid @ksep-color-gray-3;
	font-size: 13px;
	padding: 0.75rem 0;
	//margin-bottom: 25px;

	li {
		display: none;
	}

	li:first-child, li:first-child+li, li:first-child+li+li {

		display: inline-block;
	}

	li:first-child+li+li .divider {

		display: none;
	}
}
*/
.table td {
  color: #575656;
}
.item-page-ksep-article {
  font-family: 'Open Sans', san-serif, arial;
  font-size: 16px;
  line-height: 26px;
  color: #575656;
  max-width: 860px;
  margin: 0 auto;
}
.item-page-ksep-article .page-header {
  border-bottom: none;
}
.item-page-ksep-article .edocman-container {
  border-top: 2px solid #E3000F;
}
.item-page-ksep-article h3 {
  font-size: 23px;
  line-height: 28px;
  color: #E3000F;
  margin-top: 5ex;
  margin-bottom: 3ex;
}
.item-page-ksep-article h3 + p::first-letter {
  font-size: 300%;
  color: #E3000F;
  float: left;
  padding-top: 8px;
  padding-right: 8px;
  padding-left: 4px;
}
.item-page-ksep-article li {
  line-height: 26px;
}
.edocman-description {
  margin-top: 25px;
}
#edocman-document-page .edocman-description,
#edocman-documents .edocman-description {
  border: none;
  border-bottom: 1px solid #E3000F;
  border-radius: 0;
}
.edocman-document {
  max-width: 860px;
  margin: 0 auto;
}
#ksep-document-image {
  width: 178px;
  min-height: 250px;
  text-align: center;
}
@media (max-width: 480px) {
  #ksep-document-image {
    margin: 0px auto 20px auto;
  }
}
@media (min-width: 481px) {
  #ksep-document-image {
    float: left;
    margin-right: 20px;
  }
}
#ksep-document-image img {
  border: 1px solid #ECECED;
}
#ksep-document-image #ksep-document-download {
  margin-top: 10px;
}
#ksep-document-info {
  overflow: hidden;
  min-width: 250px;
}
#ksep-document-info #edocman-document-info {
  margin-top: 0;
}
#ksep-document-info #edocman-document-info .table {
  margin-top: 0;
}
#ksep-document-info .edocman-description-details {
  min-height: 140px;
}
@media (max-width: 640px) {
  #ksep-document-info .edocman-document-property-label {
    width: 130px;
  }
}
@media (min-width: 641px) {
  #ksep-document-info .edocman-document-property-label {
    width: 170px;
  }
}
#ksep-document-info .sharing {
  float: right;
}
.edocmansearch {
  text-align: right;
}
.ksep-documents-search-box {
  float: right;
  width: 100%;
  clear: both;
}
.ksep-documents-search-box .edocmansearch {
  float: right;
}
.article-index {
  display: none;
}
.ksep-box .nav-stacked.registration {
  margin-bottom: 26px;
}
.ksep-box .nav-stacked.registration li {
  width: 100%;
}
.ksep-box .nav-stacked.registration a {
  border: none;
  text-align: right;
}
.ksep-box .form-control-feedback {
  display: none;
}
.ksep-box-heading {
  min-height: 3em;
  background: #ECECED;
  padding: 0 1em;
  border-radius: 5px 5px 0 0;
}
.ksep-box-heading:before,
.ksep-box-heading:after {
  display: table;
  content: "";
}
.ksep-box-heading:after {
  clear: both;
}
.ksep-box-heading h3 {
  float: left;
  font-weight: bold;
  color: #E3000F;
}
.ksep-box-body {
  font-size: 16px !important;
  line-height: 26px !important;
  position: relative;
  border-bottom: 1px solid #E3000F;
}
.ksep-box-body.ksep-box-vertical {
  min-height: 10em;
  padding: 3em 1em;
}
.ksep-box-body .input-group {
  flex-wrap: nowrap;
  width: 270px;
}
.ksep-box-body .input-group #password {
  width: auto;
}
.ksep-box-body .input-group .input-password-toggle {
  display: none;
}
.ksep-box-body .nav-stacked {
  margin-bottom: 26px;
}
.ksep-box-body .nav-stacked li {
  width: 100%;
}
.ksep-box-buttons {
  text-align: right;
}
.ksep-box-buttons.ksep-box-vertical {
  height: 2em;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 1em 0;
  text-align: center;
}
.ksep-subscription-param {
  padding-bottom: 1em;
  margin-bottom: 2em;
  text-align: justify;
}
@media (min-width: 980px) {
  .ksep-subscription-param .video-wrapper {
    width: 80%;
    margin: 0 auto;
  }
}
.footer-nav-contact {
  padding: 0;
  font-size: 15px;
  text-align: left;
  line-height: 1.3;
}
.footer-social li {
  display: inline-block;
}
.footer-social li a:hover {
  background: none;
}
.footer-social li img {
  width: 35px;
  padding-left: 15px;
  padding-top: 1.5em;
}
footer.ksep-footer {
  border-top: 1px solid #C5C5C6;
}
footer.ksep-footer .row > div {
  padding-top: 40px;
}
@media (max-width: 992px) {
  footer.ksep-footer {
    text-align: center;
  }
  footer.ksep-footer .ksep-logo {
    max-width: 100%;
  }
  footer.ksep-footer .footer-nav-contact {
    text-align: unset;
  }
}
.copyright-block {
  border-top: 1px solid #C5C5C6;
  font-size: 13px;
  color: #878786;
}
.legal-info {
  border-bottom: 1px solid #C5C5C6;
  font-size: 13px;
  color: #878786;
  text-align: center;
}
.ksep-box#ksep-subscription-confirmation,
.ksep-box#login,
.ksep-box#profile-edit,
.ksep-box#profile,
.ksep-box#reset {
  max-width: 600px;
  margin: 0 auto;
}
.registration-intro {
  max-width: 720px;
  margin: 0 auto 3em auto;
  text-align: justify;
}
.login form,
.registration form,
.profile-edit form,
.reset form,
.reset-confirm form,
.reset-complete form,
.remind form {
  border: none;
  box-shadow: none;
  background: none;
}
.login form p,
.registration form p,
.profile-edit form p,
.reset form p,
.reset-confirm form p,
.reset-complete form p,
.remind form p {
  padding-bottom: 2em;
}
.login .control-label,
.registration .control-label,
.profile-edit .control-label,
.reset .control-label,
.reset-confirm .control-label,
.reset-complete .control-label,
.remind .control-label {
  width: 220px;
}
.login .controls,
.registration .controls,
.profile-edit .controls,
.reset .controls,
.reset-confirm .controls,
.reset-complete .controls,
.remind .controls {
  margin-left: 242px;
}
@media (max-width: 480px) {
  .login .controls,
  .registration .controls,
  .profile-edit .controls,
  .reset .controls,
  .reset-confirm .controls,
  .reset-complete .controls,
  .remind .controls {
    margin-left: 0;
  }
}
.login .controls input,
.registration .controls input,
.profile-edit .controls input,
.reset .controls input,
.reset-confirm .controls input,
.reset-complete .controls input,
.remind .controls input,
.login .controls textarea,
.registration .controls textarea,
.profile-edit .controls textarea,
.reset .controls textarea,
.reset-confirm .controls textarea,
.reset-complete .controls textarea,
.remind .controls textarea,
.login .controls select,
.registration .controls select,
.profile-edit .controls select,
.reset .controls select,
.reset-confirm .controls select,
.reset-complete .controls select,
.remind .controls select,
.login .controls .chzn-single,
.registration .controls .chzn-single,
.profile-edit .controls .chzn-single,
.reset .controls .chzn-single,
.reset-confirm .controls .chzn-single,
.reset-complete .controls .chzn-single,
.remind .controls .chzn-single {
  width: 270px;
  height: 42px;
  padding: 4px 6px;
  font-size: 16px;
}
.login .controls .radio input[type=radio],
.registration .controls .radio input[type=radio],
.profile-edit .controls .radio input[type=radio],
.reset .controls .radio input[type=radio],
.reset-confirm .controls .radio input[type=radio],
.reset-complete .controls .radio input[type=radio],
.remind .controls .radio input[type=radio] {
  height: 25px;
  width: 25px;
  margin-top: 0px;
}
.login .controls .radio label,
.registration .controls .radio label,
.profile-edit .controls .radio label,
.reset .controls .radio label,
.reset-confirm .controls .radio label,
.reset-complete .controls .radio label,
.remind .controls .radio label {
  margin-left: 25px;
  line-height: 25px;
}
.login .help-block,
.registration .help-block,
.profile-edit .help-block,
.reset .help-block,
.reset-confirm .help-block,
.reset-complete .help-block,
.remind .help-block {
  font-size: smaller;
  text-align: center;
  padding-top: 10px;
  color: grey;
  font-style: italic;
}
.login .not-equal-passwords,
.registration .not-equal-passwords,
.profile-edit .not-equal-passwords,
.reset .not-equal-passwords,
.reset-confirm .not-equal-passwords,
.reset-complete .not-equal-passwords,
.remind .not-equal-passwords {
  color: #9d261d;
  display: none;
  margin-left: 242px;
}
.profile-view .controls {
  padding-top: 5px;
  font-weight: bolder;
}
.registration fieldset legend {
  display: none;
}
.registration fieldset .control-group:first-of-type {
  display: none;
}
.well {
  padding: 0;
}
.ksep-level-0 {
  height: 100%;
  width: auto;
  margin: 0;
}
.ksep-level-0:after {
  content: "";
  display: table;
  clear: both;
}
#ksep-header {
  border-bottom: 1px solid #E3000F;
  margin-bottom: 2ex;
}
#nav-ksep {
  border: none;
  z-index: auto;
  position: relative;
}
#nav-ksep .icon-close {
  display: none;
}
#nav-ksep.tablet .icon-close {
  display: block;
}
#nav-ksep.tablet .icon-open {
  display: none;
}
#nav-ksep .nav-icon {
  text-align: right;
  position: absolute;
  font-size: 26px;
  z-index: 900;
}
.ksep-logo {
  height: 100%;
  max-width: 50%;
}
.ksep-logo img {
  min-height: 55px;
}
.lms-content-header h1,
.lms-content-header h2 {
  color: #E3000F;
}
.ksep-valign {
  display: inline-block;
  vertical-align: middle;
}
li.ksep-valign {
  float: none;
  top: 1em;
}
.dropdown-toggle::after {
  display: none;
}
.nav-main #login-form {
  margin: 0;
}
.nav-main #login-form .logout-button {
  float: right;
  padding-top: 28px;
  padding-left: 10px;
}
.nav-main .dropdown-toggle::after {
  display: none;
}
.well .page-header.contentheading {
  margin: auto;
  border-bottom-color: #E3000F;
}
.nav-link {
  color: #E3000F;
}
.nav-top {
  border-top: none;
  padding: 0 !important;
  margin: 0 0 5px 0;
  z-index: auto;
  background-color: white;
  position: relative;
}
.nav-top:before,
.nav-top:after {
  background-color: white;
  height: auto;
  position: static;
}
.nav-top .course-name {
  float: left;
  position: static;
  padding: 0;
}
.nav-top .course-name h1 {
  font-weight: normal;
  color: #E3000F;
  float: left;
  line-height: normal;
  white-space: normal;
}
.nav-top .nav-icon {
  display: none;
}
.nav-top a:hover {
  color: #878786;
}
.nav-top ul {
  font-size: 14px;
  line-height: 20px;
}
.nav-top ul.joomlalms-nav {
  margin-top: 15px;
}
.nav-top ul.joomlalms-nav li {
  line-height: normal;
}
.nav-top ul.menu-ksep {
  padding-top: 50px;
}
@media (min-width: 979px) {
  .nav-top ul.menu-ksep:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  .nav-top ul.menu-ksep li {
    margin-left: 50px;
    line-height: 20px;
    display: inline-block;
    height: auto !important;
    vertical-align: middle;
    float: none;
  }
  .nav-top ul.menu-ksep li a {
    color: #575656;
    background: none;
    text-transform: uppercase;
  }
  .nav-top ul.dropdown-menu {
    height: auto;
    text-align: left;
    left: auto;
    right: 0;
    margin: 0px;
  }
  .nav-top ul.dropdown-menu > li {
    background-color: #fff;
    margin-left: 0;
    top: -3px;
  }
  .nav-top ul.dropdown-menu > li.devider {
    height: 0;
  }
  .nav-top ul.dropdown-menu > li > a {
    padding: 0px 20px;
    text-decoration: none;
  }
  .nav-top ul.dropdown-menu > li > a [class^="jlmsicon-"]:before {
    font-size: 20px;
  }
}
@media (max-width: 978px) {
  .nav-top ul.menu-ksep li {
    line-height: 20px;
    height: auto !important;
    margin: 0;
    border-bottom: 1px solid #e2e2e2;
    padding: 13px 40px;
    text-align: left;
    min-width: 150px;
    width: 100%;
    /* 2024-05-21
				a:hover, &.active a {
					color: @ksep-color-red;
				}
				*/
  }
  .nav-top ul.menu-ksep li a {
    color: #575656;
    background: none;
    text-transform: uppercase;
  }
  .nav-top ul.dropdown-menu {
    height: auto;
    text-align: center;
    left: auto;
    right: 0;
    margin: 0px;
  }
  .nav-top ul.dropdown-menu li {
    background-color: #fff;
    margin-left: 0;
    top: -3px;
  }
  .nav-top ul.dropdown-menu li.devider {
    height: 0;
  }
  .nav-top ul.dropdown-menu li a {
    padding: 0px 20px;
  }
}
#nav.nav-top {
  display: table;
  height: auto;
}
.nav-top-fixer {
  padding-top: 0px;
}
@media (max-width: 979px) {
  .nav-top-fixer {
    padding-top: 0px;
  }
}
.nav-side,
.nav-side.expanded {
  position: sticky;
  float: left;
  top: 0;
  margin-bottom: 1em;
  width: 100%;
  z-index: 100;
}
.nav-side > .show-hide {
  position: absolute;
  right: 0;
}
.nav-side > ul,
.nav-side.expanded > ul {
  margin-top: 10px;
  margin-right: 25px;
  margin-bottom: 10px;
  padding: 0;
  float: left;
}
.nav-side > ul > li {
  float: left;
}
.nav-side > ul > li .caption {
  border-bottom: none;
}
.nav-side.expanded ul li .caption {
  width: 234px;
}
.nav-side + .row {
  padding-left: 0;
}
.teacher .nav-side {
  top: 0;
}
.tablet ul.nav-pills {
  float: left;
}
.tablet ul.nav-pills li {
  float: left;
  top: 0;
}
.tablet .nav-main {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
}
.tablet .menu-ksep {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: white;
}
@media (max-width: 978px) {
  .tablet .menu-ksep {
    left: 50%;
  }
}
@media (max-width: 568px) {
  .tablet .menu-ksep {
    left: 30%;
  }
}
@font-face {
  font-family: 'jlmsicons';
  src: url('fonts/jlmsicons.eot?idwtdq');
  src: url('fonts/jlmsicons.eot?idwtdq#iefix') format('embedded-opentype'), url('fonts/jlmsicons.ttf?idwtdq') format('truetype'), url('fonts/jlmsicons.woff?idwtdq') format('woff'), url('fonts/jlmsicons.svg?idwtdq#jlmsicons') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="jlmsicon-"],
[class*=" jlmsicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'jlmsicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.jlmsicon-menu-close:before {
  content: "\e626" !important;
}
.jlmsicon-menu-expand:before {
  content: "\e625" !important;
}
.topic_description {
  padding: 1em 2em;
  line-height: 30px;
}
.btn-lpath-contents {
  display: none;
}
.ksep-course-completion {
  padding: 1em 2em;
}
.ksep-course-completion p:last-child {
  margin-bottom: 0;
}
.ksep-course-completion .red-bold {
  color: #E3000F;
  font-weight: bold;
}
.ksep-course-survey {
  padding: 0.5em 2em;
  text-align: center;
}
.ksep-course-survey p {
  margin: 0;
}
#jlms_lpath_descr {
  min-height: 15em;
}
.ksep-modal .modal-dialog {
  padding-top: 4em;
}
/*
div.ksep-modal {
    @media (min-width: 1200px) {
        width: 720px;
        margin-left: -360px;
    }
    @media (min-width: 980px) and (max-width: 1200px) {
        width: 720px;
        margin-left: -360px;
    }
    @media (min-width: 768px) and (max-width: 979px) {
        width: 720px;
        margin-left: -360px;
    }    
//    @media (max-width: 767px) {
//        width: 70%;
//        margin-left: 30%;
//    }
    @media (max-width: 480px) {
        min-width: 300px;
        //margin-left: 0px;
    }    
}
*/
/* #system-message-container {
    
    min-height: 0;
    
    div {
        min-height: 1em;
        padding: 1em 0.5em 1em 1em;
        margin-bottom: 1.5em;
    }
}
*/
.ksep-announcement {
  border-top: 1px solid #ECECED;
  padding: 1em 0;
  text-align: center;
  color: #E3000F;
}
.ksep-announcement p {
  margin-bottom: 0px;
}
.jquery-modal {
  padding: 0;
  z-index: 1200;
}
.jquery-modal .modal {
  border-radius: 0;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  margin: 0;
  padding: 0;
  min-height: 100%;
  max-width: 1200px;
  width: 100%;
}
.lesson-top-modal {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1201;
  background: #E3000F;
  opacity: 0.8;
  text-align: center;
  min-height: 30px;
  width: 100%;
}
.lesson-top-modal > a {
  display: inline-block;
  text-decoration: none;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 30px;
  height: 100%;
  width: 100%;
}
.lesson-top-modal .lesson-top-container {
  padding-top: 0;
  height: 70px;
  width: 100%;
}
.lesson-top-modal .lesson-top-container > a {
  color: white;
  font-size: larger;
  padding-top: 1em;
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.lesson-top-name {
  color: #E3000F;
  margin: auto 2ex;
}
.lesson-top-name h2 {
  margin: 0;
  padding: 2 em;
}
.qa-link {
  text-align: center;
  text-transform: lowercase;
}
.ksep-payment-processor input {
  margin: 0 0 4px;
}
.progress {
  position: relative;
}
.progress .barText {
  position: absolute;
  line-height: 15px;
  font-size: 10px;
  width: 100%;
}
.progress .barText.light {
  color: #ECECED;
}