.navbar {
  border-radius: 0;
}

.navbar.navbar-fixed-top+div[ui-view] {
  margin-top: 100px;
}

/* The paralax class is realy all you need */

.paralax {
  background: url(../../assets/img/banner.jpg) 100% 0 no-repeat fixed;
  margin: 0 auto;
  padding: 50px 0;
  background-position: center center;
  background-size: cover;
  min-height: 100vh;
}

.paralax_banner2 {
  background: url(../../assets/img/banner2.jpg) 50% 0 no-repeat fixed;
  margin: 0 auto;
  padding: 200px 0;
  background-position: center center;
  background-size: cover;
  opacity: 0.7;
}

/* .message-card */

.message-card .message-card-title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 44px;
  display: block;
}

.message-header {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 8px;
}

.message-body {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 8px;
}

.border-bottom {
  border-bottom: 1px solid #efefef;
}

.border-gray-light {
  border-color: #efefef !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 4px !important;
}
.mb-2 {
  margin-bottom: 8px !important;
}
.invalid-feedback {
  display: none;
  font-size: smaller;
  color: #a94442;
  font-family: 'Kanit'
}

.has-error+.invalid-feedback,
.ng-invalid.ng-dirty+.invalid-feedback {
  display: block;
}

.p-2 {
  padding: 8px !important;
}

.py-10 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.label-lg {
  padding-top: 9px;
  padding-bottom: 9px;
  font-size: 14px;
  font-weight: 400;
}

.d-block {
  display: block;
}

.d-inlin-block {
  display: inline-block;
}

.list-group-doc>.list-group-item {
  padding-bottom: 20px;
}

.bg-light {
  background-color: #efefef;
}

.bg-light-2 {
  background-color: #fafafa;
}

/* Examination */

.list-instruction>li {
  line-height: 1.8;
}

.list-choice {
  list-style: none;
  padding-left: 18px;
}

.list-choice>li {
  font-size: 12pt;
}

.list-choice>li+li {
  margin-top: 10px;
}

.panel-shortcut {
  margin-bottom: 4px;
  overflow: hidden;
}

.list-shortcut {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.list-shortcut>li {
  display: block;
  float: left;
  border: 1px solid #ddd;
  border-radius: 0;
  margin-bottom: 2px;
}

.list-shortcut>li+li {
  border-left-width: 0;
}

.list-shortcut>li>a {
  display: block;
  width: 40px;
  padding: 10px;
  text-align: center;
  text-decoration: none; 
}




.list-shortcut>li.done {
  background-color: #b4e160;
  color: #fff;
  border-color: #91c236;
}

.list-shortcut>li.done>a {
  color: #fff;
}


.list-shortcut>li.active {
  background-color: #5bc0de;
  color: #fff;
  border-color: #46b8da;
  /* font-weight: bold;
  background-color: #fff;
  color: #91c236; */
}
.list-shortcut>li.active>a{
  color: #fff;
}

table.table-shortcut>tbody>tr>td {
  text-align: center;
  padding: 10px 5px !important;
  width: 20%;
  
}
table.table-shortcut>tbody>tr>td>a {
  display: block;
  text-decoration: none;
}

table.table-shortcut td.done2 {
  background-color: #d1f0f5;
  color: #333;
  border-color: #46b8da;
}
table.table-shortcut td.done {
  background-color: #b4e160;
  color: #fff;
  border-color: #91c236;
}
table.table-shortcut td.done > a:hover {
  color:#fff;
}

table.table-shortcut td.active {
  background-color: #5bc0de !important;
  color: #fff;
  border-color: #46b8da;
}
table.table-shortcut td.active > a:hover {
  color:#fff;
}

.question-text {
  padding-left: 20px;
  font-size: 14pt;
  font-weight: 600;
  margin-bottom: 10px;
}
.question-text > .question_number {
  margin-left: -20px;
}
.question-text > p {
  /* display: inline; */
  margin: 0;
}
.text-bold {
  font-weight: 600;
}

/* my score */
span.class_status {
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 20px;
}
span.class_status.exam_failed {
  background-image: url(../img/cancel.png)
}
span.class_status.exam_failed {
  background-image: url(../img/cancel.png)
}
span.class_status.learn_notstarted {
  background-image: url(../img/control_stop_blue.png)
}
span.class_status.incompleted,
span.class_status.subject_incompleted,
span.class_status.exam_notstarted,
span.class_status.group_incompleted {
  background-image: url(../img/clock.png)
}
span.class_status.completed,
span.class_status.subject_completed,
span.class_status.group_completed,
span.class_status.exam_passed {
  background-image: url(../img/accept.png);
}
.table tbody > tr.is-subclass > td.class-code {
  padding-left: 30px;
}
.table tbody > tr.is-group > td {
  background-color: #e8e8e8;
}
.table tbody > tr.is-group > td.class-code {
  font-weight: bold;
}

/* #img-logo */
#img-logo {
  max-width: 86px;
}

/* #nav-mainmenu */
#nav-mainmenu > li > a {
  /* padding-top:38px !important;padding-bottom:25px !important; */
}

@media only screen and (min-width : 768px) {
  #nav-mainmenu > li > a {
    /* padding-top:38px !important;
    padding-bottom:25px !important; */
    padding: 10px !important;
  }
}
@media only screen and (min-width : 992px) {
  #nav-mainmenu > li > a {
    padding-top:38px !important;
    padding-bottom:25px !important;
  }
}

/* .listitem-exam */
.listitem-exam {
  margin-bottom: 10px;
}
.listitem-exam > img {
  width: 100%;
}

/* .listitem-class */
.listitem-class {
  margin-bottom: 10px;
}
.listitem-class > img {
  width: 100%;
}

/* .question-text */
.question-text > span + p {
  display: inline;
}