﻿@charset "UTF-8";
/* JLP LMS buttons */
.btn-jlp {
  color: #fff;
  background-color: #D35E13;
  border-color: rgb(187.6065217391, 83.5782608696, 16.8934782609);
}
.btn-jlp:hover, .btn-jlp:focus, .btn-jlp:active, .btn-jlp.active, .open > .btn-jlp.dropdown-toggle {
  color: #fff;
  background-color: rgb(164.2130434783, 73.1565217391, 14.7869565217);
  border-color: rgb(131.462173913, 58.5660869565, 11.837826087);
}
.btn-jlp:active, .btn-jlp.active, .open > .btn-jlp.dropdown-toggle {
  background-image: none;
}
.btn-jlp.disabled, .btn-jlp.disabled:hover, .btn-jlp.disabled:focus, .btn-jlp.disabled:active, .btn-jlp.disabled.active, .btn-jlp[disabled], .btn-jlp[disabled]:hover, .btn-jlp[disabled]:focus, .btn-jlp[disabled]:active, .btn-jlp[disabled].active, fieldset[disabled] .btn-jlp, fieldset[disabled] .btn-jlp:hover, fieldset[disabled] .btn-jlp:focus, fieldset[disabled] .btn-jlp:active, fieldset[disabled] .btn-jlp.active {
  background-color: #D35E13;
  border-color: rgb(187.6065217391, 83.5782608696, 16.8934782609);
}
.btn-jlp .badge {
  color: #D35E13;
  background-color: #fff;
}

.btn-file {
  position: relative;
  overflow: hidden;
}

.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}

@media print {
  .btn-jlp {
    display: none !important;
  }
}
/* JLP LMS hyperlink */
.lnk-lms-icon {
  color: black;
  border-bottom: none;
}

.lnk-lms {
  color: #D35E13;
  border-bottom: none;
}

.lnk-jlp-workshop-mou {
  color: #008D9B;
  border-bottom: 1px solid #fff;
}

.lnk-jlp-workshop-mou-expired {
  color: #008D9B;
}

/* JLP LMS panels */
.panel-jlp {
  border-color: #008D9B;
  /*& > .panel-body {
      padding-left:0;
      padding-right:0;
  }*/
}
.panel-jlp > .panel-heading {
  color: #fff;
  background-color: #008D9B;
  border-color: #008D9B;
}
.panel-jlp > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #008D9B;
}
.panel-jlp > .panel-heading .badge {
  color: #008D9B;
  background-color: #fff;
}
.panel-jlp > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #008D9B;
}

.panel-compact-jlp {
  border-color: #008D9B;
}
.panel-compact-jlp > .panel-heading {
  color: #fff;
  background-color: #008D9B;
  border-color: #008D9B;
}
.panel-compact-jlp > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #008D9B;
}
.panel-compact-jlp > .panel-heading .badge {
  color: #008D9B;
  background-color: #fff;
}
.panel-compact-jlp > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #008D9B;
}
.panel-compact-jlp > .panel-heading {
  padding: 6px 10px;
}
.panel-compact-jlp > .panel-heading .panel-title {
  font-size: 18px;
  margin: 0;
}
.panel-compact-jlp > .panel-body {
  padding: 6px 10px;
  font-size: 16px;
}
.panel-compact-jlp h3 {
  padding: 4px 0 4px 0; /* smaller spacing between lines */
}
.panel-compact-jlp p {
  margin: 0 0 4px 0; /* smaller spacing between lines */
}

/* JLP LMS nav pills */
.nav-pills-jlp li {
  margin-bottom: 5px;
}

.nav-pills-jlp a, .nav-pills-jlp a:hover {
  color: #808080;
  background-color: #fafafa !important;
  border: solid 1px rgb(219.4, 219.4, 219.4);
  font-weight: 500;
}

.nav-pills-jlp > .active > a, .nav-pills-jlp > .active > a:hover {
  background-color: #D35E13 !important;
}

.nav-pills-jlp a:hover {
  background-color: rgb(225.0360869565, 100.2530434783, 20.2639130435) !important;
  color: #fff;
}

.nav-pills-jlp-wizard > .active > a, .nav-pills-jlp-wizard > .active > a:hover {
  background-color: #D35E13 !important;
}

.nav-pills-jlp-wizard a:hover {
  background-color: rgb(225.0360869565, 100.2530434783, 20.2639130435) !important;
  color: #fff;
}

.nav-pills-jlp > .hide > a, .nav-pills-jlp > .hide > a:hover {
  display: none;
}

/* JLP LMS nav tabs */
.nav-tabs-jlp {
  border-bottom: solid 2px #D35E13;
  color: #fff !important;
}

.nav-tabs-jlp > .active > a {
  background-color: #D35E13 !important;
  color: #fff !important;
}

div.switch-all-tabs {
  margin-top: -20px;
  margin-bottom: 20px;
  text-align: right;
  font-size: smaller;
}

.open-all-tabs.tab-content > .tab-pane {
  display: block !important;
  opacity: 1 !important;
}

.open-all-tabs .tab-pane fieldset:first-of-type {
  margin-top: 30px;
}

@media print {
  .open-all-tabs .tab-pane fieldset:first-of-type {
    margin-top: 0 !important;
  }
}
/* JLP LMS nav tabs */
.checkbox-list li {
  list-style-type: none;
}
.checkbox-list li input[type=checkbox] {
  margin-top: 5px;
}
.checkbox-list li input[type=radio] {
  margin-top: 5px;
}
.checkbox-list li label {
  padding-left: 20px;
  font-weight: normal;
}

.checkbox-jlp-bold label {
  font-weight: bold !important;
}

table.checkbox-list {
  margin-left: 0px;
}
table.checkbox-list td {
  list-style-type: none;
}
table.checkbox-list td input[type=checkbox] {
  margin-top: 5px;
  vertical-align: top;
}
table.checkbox-list td input[type=radio] {
  margin-top: 5px;
  vertical-align: top;
}
table.checkbox-list td label {
  padding-left: 20px;
  font-weight: normal;
}

.checkbox-list-horizontal td:not(:first-child) {
  padding-left: 10px;
}
.checkbox-list-horizontal label {
  padding-top: 7px;
}

.checkbox-jlp2 input[type=radio]:disabled + label {
  color: #BBB;
}

.checkbox-jlp, .radio-jlp {
  margin-left: 20px;
  /*    &.checkbox-hide-disable input[type=checkbox]:disabled + label::before, input[type=radio]:disabled + label::before, input[type=checkbox][disabled] + label::before, input[type=radio][disabled] + label::before, input[type=checkbox].disabled + label::before, input[type=radio].disabled + label::before {
      visibility: hidden;
  }*/
}
.checkbox-jlp input[type=checkbox], .checkbox-jlp input[type=radio], .radio-jlp input[type=checkbox], .radio-jlp input[type=radio] {
  opacity: 0;
  position: absolute;
  z-index: 12;
  width: 18px;
  height: 18px;
  margin-left: 0;
}
.checkbox-jlp input[type=checkbox]:checked, .checkbox-jlp input[type=radio]:checked, .checkbox-jlp input[type=checkbox]:focus, .checkbox-jlp input[type=radio]:focus, .radio-jlp input[type=checkbox]:checked, .radio-jlp input[type=radio]:checked, .radio-jlp input[type=checkbox]:focus, .radio-jlp input[type=radio]:focus {
  outline: none !important;
}
.checkbox-jlp input[type=checkbox] + label, .checkbox-jlp input[type=radio] + label, .radio-jlp input[type=checkbox] + label, .radio-jlp input[type=radio] + label {
  position: relative;
  z-index: 11;
  display: inline-block;
  /*margin: 0;*/
  line-height: 20px;
  min-height: 14px;
  min-width: 14px;
}
.checkbox-jlp input[type=checkbox] + label::before, .checkbox-jlp input[type=radio] + label::before, .radio-jlp input[type=checkbox] + label::before, .radio-jlp input[type=radio] + label::before {
  font-family: fontAwesome;
  font-weight: normal;
  font-size: 11px;
  color: #2091cf;
  content: " ";
  background-color: #FAFAFA;
  border: 1px solid #CCC;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 0;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  height: 13px;
  line-height: 13px;
  min-width: 13px;
  margin-left: -20px;
  margin-right: 8px;
  margin-top: -5px;
}
.checkbox-jlp.checkbox-jlp-lg input[type=checkbox] + label::before, .radio-jlp.checkbox-jlp-lg input[type=checkbox] + label::before {
  height: 18px;
  line-height: 18px;
  min-width: 18px;
}
.checkbox-jlp input[type=checkbox]:checked + label::before, .checkbox-jlp input[type=radio]:checked + label::before, .radio-jlp input[type=checkbox]:checked + label::before, .radio-jlp input[type=radio]:checked + label::before {
  display: inline-block;
  content: "\f00c";
  background-color: #F5F8FC;
  border-color: #adb8c0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}
.checkbox-jlp input[type=checkbox]:hover + label::before, .checkbox-jlp input[type=radio]:hover + label::before, .checkbox-jlp input[type=checkbox] + label:hover::before, .checkbox-jlp input[type=radio] + label:hover::before, .radio-jlp input[type=checkbox]:hover + label::before, .radio-jlp input[type=radio]:hover + label::before, .radio-jlp input[type=checkbox] + label:hover::before, .radio-jlp input[type=radio] + label:hover::before {
  border-color: #1c7aad;
}
.checkbox-jlp input[type=checkbox]:active + label::before, .checkbox-jlp input[type=radio]:active + label::before, .checkbox-jlp input[type=checkbox]:checked:active + label::before, .checkbox-jlp input[type=radio]:checked:active + label::before, .radio-jlp input[type=checkbox]:active + label::before, .radio-jlp input[type=radio]:active + label::before, .radio-jlp input[type=checkbox]:checked:active + label::before, .radio-jlp input[type=radio]:checked:active + label::before {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.checkbox-jlp input[type=checkbox]:disabled + label::before, .checkbox-jlp input[type=radio]:disabled + label::before, .checkbox-jlp input[type=checkbox][disabled] + label::before, .checkbox-jlp input[type=radio][disabled] + label::before, .checkbox-jlp input[type=checkbox].disabled + label::before, .checkbox-jlp input[type=radio].disabled + label::before, .radio-jlp input[type=checkbox]:disabled + label::before, .radio-jlp input[type=radio]:disabled + label::before, .radio-jlp input[type=checkbox][disabled] + label::before, .radio-jlp input[type=radio][disabled] + label::before, .radio-jlp input[type=checkbox].disabled + label::before, .radio-jlp input[type=radio].disabled + label::before {
  background-color: #DDD !important;
  border-color: #CCC !important;
  box-shadow: none !important;
  color: #424949;
}
.checkbox-jlp.checkbox-hide-disable input[type=checkbox]:disabled, .checkbox-jlp input[type=radio]:disabled, .radio-jlp.checkbox-hide-disable input[type=checkbox]:disabled, .radio-jlp input[type=radio]:disabled {
  cursor: initial !important;
}
.checkbox-jlp input[type=radio] + label::before, .radio-jlp input[type=radio] + label::before {
  border-radius: 32px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 36px;
}
.checkbox-jlp input[type=radio]:checked + label::before, .radio-jlp input[type=radio]:checked + label::before {
  content: "•";
}

/* JLP pager */
.pager-jlp {
  margin-left: 0;
  margin-bottom: 18px;
  list-style: none;
  text-align: center;
  *zoom: 1;
}

.pager-jlp li {
  display: inline;
}

.pager-jlp:before,
.pager-jlp:after {
  display: table;
  content: "";
}

.pager-jlp li > a:hover, .pager-jlp li > a:focus {
  text-decoration: none;
}

/* JLP datatables */
.datatables-jlp {
  margin-top: 20px;
}
.datatables-jlp .dataTables_length {
  font-size: 90%;
}
.datatables-jlp .dataTables_filter {
  font-size: 90%;
}
.datatables-jlp .dataTables_filter .form-control {
  margin-left: 5px;
}
.datatables-jlp .dataTables_info {
  font-size: 90%;
}
.datatables-jlp .dataTables_paginate {
  font-size: 90%;
}
.datatables-jlp .paginate_button > a {
  padding: 6px 10px;
}

.datatables-jlp-core {
  margin-top: 20px;
  margin-left: -15px;
  margin-right: -15px;
}
.datatables-jlp-core .dataTables_length {
  font-size: 90%;
}
.datatables-jlp-core .dataTables_filter {
  font-size: 90%;
}
.datatables-jlp-core .dataTables_filter .form-control {
  margin-left: 5px;
}
.datatables-jlp-core .dataTables_info {
  font-size: 90%;
}
.datatables-jlp-core .dataTables_paginate {
  font-size: 90%;
}
.datatables-jlp-core .paginate_button > a {
  padding: 6px 10px;
}

.datatables-jlp-fluent {
  margin-top: 20px;
  margin-left: -15px;
  margin-right: -15px;
}
.datatables-jlp-fluent .dataTables_length {
  font-size: 90%;
}
.datatables-jlp-fluent .dataTables_filter {
  font-size: 90%;
}
.datatables-jlp-fluent .dataTables_filter .form-control {
  margin-left: 5px;
}
.datatables-jlp-fluent .dataTables_info {
  font-size: 90%;
}
.datatables-jlp-fluent .dataTables_paginate {
  font-size: 90%;
}
.datatables-jlp-fluent .paginate_button > a {
  padding: 6px 10px;
}

/* JLP spacer */
.spacer {
  margin-bottom: 20px; /* define margin as you see fit */
}

.spacer-top {
  margin-top: 20px; /* define margin as you see fit */
}

.spacer-top10 {
  margin-top: 10px; /* define margin as you see fit */
}

.spacer-top5 {
  margin-top: 5px; /* define margin as you see fit */
}

.spacer-top40 {
  margin-top: 40px; /* define margin as you see fit */
}

.spacer-left {
  margin-left: 20px; /* define margin as you see fit */
}

.spacer-bottom {
  margin-bottom: 20px; /* define margin as you see fit */
}

.spacer-left15 {
  margin-left: 15px; /* define margin as you see fit */
}

.spacer-bottom15 {
  margin-bottom: 15px; /* define margin as you see fit */
}

.spacer-bottom10 {
  margin-bottom: 10px; /* define margin as you see fit */
}

.padding-icon-right {
  padding-right: 5px;
}

.padding-icon-left {
  padding-left: 5px;
}

.spacer-top15 {
  margin-top: 15px;
}

.spacer-bottom15 {
  margin-bottom: 15px;
}

/* JLP table */
.table-jlp {
  display: table;
  overflow: auto;
  min-width: 100%;
  margin-top: 7.5px auto 15px;
  border-collapse: separate !important;
  border-spacing: 1px;
  font-size: 90%;
  border: none !important;
}
.table-jlp thead, .table-jlp tbody, .table-jlp th, .table-jlp td, .table-jlp tr {
  border: none !important;
}
.table-jlp thead, .table-jlp tbody, .table-jlp tr {
  width: 100%;
}
.table-jlp .icon {
  display: inline-block;
  line-height: 10px;
  padding: 0 2px;
  font-size: 20px;
  vertical-align: text-top;
}
.table-jlp thead > tr > th {
  padding: 5px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  background-color: #D35E13 !important;
  white-space: nowrap;
}
.table-jlp tbody > tr:nth-child(even) td {
  background: #E7E7E7;
}
.table-jlp tbody > tr:nth-child(even) td a {
  border-bottom-color: #E7E7E7;
}
.table-jlp tbody > tr:nth-child(even) td a:hover {
  border-bottom-color: #00A6B6;
}
.table-jlp tbody > tr:nth-child(odd) td {
  background: #FAFAFA;
}
.table-jlp tbody > tr:nth-child(odd) td a {
  border-bottom-color: #FAFAFA;
}
.table-jlp tbody > tr:nth-child(odd) td a:hover {
  border-bottom-color: #00A6B6;
}
.table-jlp tbody > tr:nth-child(odd) td div a {
  border-bottom-color: none;
}
.table-jlp tbody > tr:nth-child(odd) td div a:hover {
  border-bottom-color: none;
}
.table-jlp .text-center {
  text-align: center;
}

.table-jlp-calendar {
  display: table;
  overflow: auto;
  min-width: 100%;
  margin-top: 7.5px auto 15px;
  border-collapse: separate !important;
  border-spacing: 1px;
  font-size: 90%;
  border: none !important;
}
.table-jlp-calendar thead, .table-jlp-calendar tbody, .table-jlp-calendar th, .table-jlp-calendar td, .table-jlp-calendar tr {
  border: none !important;
}
.table-jlp-calendar thead, .table-jlp-calendar tbody, .table-jlp-calendar tr {
  width: 100%;
}
.table-jlp-calendar .icon {
  display: inline-block;
  line-height: 10px;
  padding: 0 2px;
  font-size: 20px;
  vertical-align: text-top;
}
.table-jlp-calendar thead > tr > th {
  padding: 5px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  background-color: #D35E13 !important;
}
.table-jlp-calendar tbody > tr:nth-child(even) td {
  background: #fff;
}
.table-jlp-calendar tbody > tr:nth-child(even) td a {
  border-bottom-color: #E7E7E7;
}
.table-jlp-calendar tbody > tr:nth-child(even) td a:hover {
  border-bottom-color: #00A6B6;
}
.table-jlp-calendar tbody > tr:nth-child(odd) td {
  background: #fff;
}
.table-jlp-calendar tbody > tr:nth-child(odd) td a {
  border-bottom-color: #FAFAFA;
}
.table-jlp-calendar tbody > tr:nth-child(odd) td a:hover {
  border-bottom-color: #00A6B6;
}
.table-jlp-calendar tbody > tr:nth-child(odd) td div a {
  border-bottom-color: none;
}
.table-jlp-calendar tbody > tr:nth-child(odd) td div a:hover {
  border-bottom-color: none;
}

.table-hover-jlp > tbody > tr:hover > td, .table-hover-jlp > tbody > tr:hover > th, .table-hover-jlp > tbody > tr:hover > td > a, .table-hover-jlp > tbody > tr:hover > td > div > a, .table-hover-jlp > tbody > tr:hover > th > a {
  background-color: #008D9B;
  color: white;
}

.table-jlp-info thead > tr > th {
  background: #008D9B !important;
}

/* JLP textarea */
.textarea-autosize-jlp {
  max-height: 800px;
}

/* JLP wizard */
.wizard-jlp .wizard-jlp-steps {
  padding-left: 0;
  padding-right: 15px;
}
.wizard-jlp .wizard-jlp-content {
  padding-left: 0;
  padding-right: 0;
}

/* JLP modal */
.modal-header-jlp {
  min-height: 16.42857143px;
  padding: 5px 15px 5px 15px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-title-jlp {
  min-height: 16.42857143px;
  padding: 5px 0 5px 0;
}

/* JLP page */
.page-workshop-maintenance-requested .workshop-requested-col-requested-date {
  width: 12%;
  min-width: 10px;
}
.page-workshop-maintenance-requested .workshop-requested-col-preferred-date {
  width: 12%;
  min-width: 10px;
}
.page-workshop-maintenance-requested .workshop-requested-col-number {
  width: 11%;
  min-width: 10px;
}
.page-workshop-maintenance-requested .workshop-requested-col-topic {
  width: 15%;
  min-width: 10px;
}
.page-workshop-maintenance-requested .workshop-requested-col-city {
  min-width: 10px;
}
.page-workshop-maintenance-requested .workshop-requested-col-dept {
  width: 15%;
  min-width: 10px;
}
.page-workshop-maintenance-requested .workshop-requested-col-language {
  width: 10%;
  min-width: 10px;
}

.page-workshop-maintenance-upcoming .workshop-requested-col-date {
  width: 12%;
  min-width: 10px;
}
.page-workshop-maintenance-upcoming .workshop-requested-col-number {
  width: 11%;
  min-width: 10px;
}
.page-workshop-maintenance-upcoming .workshop-requested-col-topic {
  width: 10%;
  min-width: 10px;
}
.page-workshop-maintenance-upcoming .workshop-requested-col-city {
  min-width: 10px;
}
.page-workshop-maintenance-upcoming .workshop-requested-col-dept {
  width: 10%;
  min-width: 10px;
}
.page-workshop-maintenance-upcoming .workshop-requested-col-language {
  width: 5%;
  min-width: 10px;
}
.page-workshop-maintenance-upcoming .workshop-requested-col-status {
  width: 10%;
  min-width: 10px;
}
.page-workshop-maintenance-upcoming .workshop-requested-col-enrolment {
  width: 15%;
  min-width: 10px;
}
.page-workshop-maintenance-upcoming .workshop-requested-col-envelope {
  width: 5%;
  min-width: 10px;
}

.page-workshop-maintenance-incomplete .workshop-requested-col-date {
  width: 12%;
  min-width: 10px;
}
.page-workshop-maintenance-incomplete .workshop-requested-col-number {
  width: 11%;
  min-width: 10px;
}
.page-workshop-maintenance-incomplete .workshop-requested-col-topic {
  width: 15%;
  min-width: 10px;
}
.page-workshop-maintenance-incomplete .workshop-requested-col-city {
  min-width: 10px;
}
.page-workshop-maintenance-incomplete .workshop-requested-col-dept {
  width: 15%;
  min-width: 10px;
}
.page-workshop-maintenance-incomplete .workshop-requested-col-language {
  width: 5%;
  min-width: 10px;
}
.page-workshop-maintenance-incomplete .workshop-requested-col-status {
  width: 15%;
  min-width: 10px;
}

.page-workshop-maintenance-postpone .workshop-requested-col-date {
  width: 12%;
  min-width: 10px;
}
.page-workshop-maintenance-postpone .workshop-requested-col-number {
  width: 11%;
  min-width: 10px;
}
.page-workshop-maintenance-postpone .workshop-requested-col-topic {
  width: 10%;
  min-width: 10px;
}
.page-workshop-maintenance-postpone .workshop-requested-col-city {
  min-width: 10px;
}
.page-workshop-maintenance-postpone .workshop-requested-col-dept {
  width: 10%;
  min-width: 10px;
}
.page-workshop-maintenance-postpone .workshop-requested-col-language {
  width: 5%;
  min-width: 10px;
}
.page-workshop-maintenance-postpone .workshop-requested-col-status {
  width: 15%;
  min-width: 10px;
}
.page-workshop-maintenance-postpone .workshop-requested-col-envelope {
  width: 5%;
  min-width: 10px;
}

.page-emailqueue {
  /*.emailqueue-col-subject {
      width: 30%;
      display: inline-block;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      cursor: pointer;
  }*/
}
.page-emailqueue .emailqueue-col-id {
  width: 60px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}
.page-emailqueue .emailqueue-col-type {
  width: 240px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}
.page-emailqueue .emailqueue-col-to {
  width: 320px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}
.page-emailqueue .emailqueue-col-sent-date {
  width: 150px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}
.page-emailqueue .emailqueue-col-status {
  width: 60px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}

.page-facilitators-recognitions .col-last-name {
  min-width: 10px;
  white-space: nowrap;
}
.page-facilitators-recognitions .col-first-name {
  min-width: 10px;
  white-space: nowrap;
}
.page-facilitators-recognitions .col-region {
  min-width: 10px;
}
.page-facilitators-recognitions .col-language {
  min-width: 10px;
}
.page-facilitators-recognitions .col-dept {
  min-width: 10px;
}
.page-facilitators-recognitions .col-os {
  width: 14%;
  min-width: 10px;
}
.page-facilitators-recognitions .col-5-workshops {
  width: 20px;
  padding-left: 5px;
  min-width: 10px;
}
.page-facilitators-recognitions .col-10-workshops {
  width: 20px;
  padding-left: 5px;
  min-width: 10px;
}
.page-facilitators-recognitions .col-15-workshops {
  width: 20px;
  padding-left: 5px;
  min-width: 10px;
}
.page-facilitators-recognitions .col-25-workshops {
  width: 20px;
  padding-left: 5px;
  min-width: 10px;
}
.page-facilitators-recognitions .col-50-workshops {
  width: 20px;
  padding-left: 5px;
  min-width: 10px;
}
.page-facilitators-recognitions .col-75-workshops {
  width: 20px;
  padding-left: 5px;
  min-width: 10px;
}
.page-facilitators-recognitions .col-100-workshops {
  width: 20px;
  padding-left: 5px;
  min-width: 10px;
}
.page-facilitators-recognitions .col-125-workshops {
  width: 20px;
  padding-left: 5px;
  min-width: 10px;
}
.page-facilitators-recognitions .col-150-workshops {
  width: 20px;
  padding-left: 5px;
  min-width: 10px;
}
.page-facilitators-recognitions .col-10-years {
  width: 20px;
  padding-left: 5px;
  min-width: 10px;
}

.page-facilitator-stat {
  margin-top: 0px;
}
.page-facilitator-stat .col-stat-topic {
  width: 90%;
  min-width: 10px;
}
.page-facilitator-stat .col-stat-count {
  width: 10%;
  min-width: 10px;
}

.page-facilitator-upcoming-facilitation {
  margin-top: 0px;
}
.page-facilitator-upcoming-facilitation .col-number {
  width: 105px;
}
.page-facilitator-upcoming-facilitation .col-date {
  width: 90px;
}
.page-facilitator-upcoming-facilitation .col-topic {
  width: 60px;
}
.page-facilitator-upcoming-facilitation .col-location {
  width: auto;
  min-width: 10px;
  text-align: center;
}
.page-facilitator-upcoming-facilitation .col-action {
  width: 120px;
}

.page-facilitator-upcoming-submission {
  margin-top: 0px;
}
.page-facilitator-upcoming-submission .col-number {
  width: 105px;
}
.page-facilitator-upcoming-submission .col-date {
  width: 90px;
}
.page-facilitator-upcoming-submission .col-topic {
  width: 60px;
}
.page-facilitator-upcoming-submission .col-location {
  width: auto;
  min-width: 10px;
  text-align: center;
}
.page-facilitator-upcoming-submission .col-bid {
  width: 90px;
}

.page-facilitator-past-wrk {
  margin-top: 0px;
}
.page-facilitator-past-wrk .col-number {
  width: 105px;
}
.page-facilitator-past-wrk .col-date {
  width: 90px;
}
.page-facilitator-past-wrk .col-topic {
  width: 60px;
}
.page-facilitator-past-wrk .col-cofac {
  width: auto;
  min-width: 10px;
}
.page-facilitator-past-wrk .col-location {
  width: auto;
  min-width: 10px;
  text-align: center;
}
.page-facilitator-past-wrk .col-survey {
  width: 100px;
}
.page-facilitator-past-wrk .col-action {
  width: 120px;
}

.page-facilitator-past-ds {
  margin-top: 0px;
}
.page-facilitator-past-ds .col-number {
  width: 105px;
}
.page-facilitator-past-ds .col-date {
  width: 90px;
}
.page-facilitator-past-ds .col-topic {
  width: 60px;
}
.page-facilitator-past-ds .col-cofac {
  width: auto;
  min-width: 10px;
}
.page-facilitator-past-ds .col-location {
  width: auto;
  min-width: 10px;
  text-align: center;
}
.page-facilitator-past-ds .col-survey {
  width: 100px;
}

.page-facilitator-postponed {
  margin-top: 0px;
}
.page-facilitator-postponed .col-number {
  width: 105px;
}
.page-facilitator-postponed .col-date {
  width: 90px;
}
.page-facilitator-postponed .col-topic {
  width: 60px;
}
.page-facilitator-postponed .col-location {
  width: auto;
  min-width: 10px;
  text-align: center;
}
.page-facilitator-postponed .col-survey {
  width: 100px;
}

.page-facilitator-event {
  margin-top: 0px;
}
.page-facilitator-event .col-type {
  width: 105px;
}
.page-facilitator-event .col-date {
  width: 90px;
}
.page-facilitator-event .col-topic {
  width: 60px;
}
.page-facilitator-event .col-location {
  width: auto;
  min-width: 10px;
  text-align: center;
}
.page-facilitator-event .col-action {
  width: 120px;
}

.dropdown-text {
  display: block;
  padding: 3px 20px;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

.body-iframe-jlp {
  background: #ffffff;
}

/* form layout*/
.form-horizontal .control-label {
  text-align: left;
}

.form-horizontal .control-label-right {
  text-align: right;
}

.control-label-second-line {
  padding-top: 35px;
}

/* icon color */
.icon-green {
  color: #78b20c;
}

.icon-red {
  color: #cc2724;
}

.icon-padding-top {
  top: 4px;
}

h1.page-title {
  text-transform: uppercase;
  padding-top: 0;
}

hr {
  border: 0;
  margin-top: 30px;
  margin-bottom: 15px;
  padding: 10px;
  background: url("/images/template/lineBreak.png") center top no-repeat;
  background-size: 47px;
}

/* Error Messages */
.form-control-error-message {
  color: #a94442;
  display: block;
}

.error-message-line {
  color: #a94442;
  display: block;
}

.error-message-line:before {
  content: " ";
  display: block;
}

.label-error-message {
  color: #a94442;
  padding-bottom: 15px;
  display: inline-block;
  font-weight: 600;
}

.label-text-right {
  text-align: right;
}

.form-group-set {
  margin-bottom: 5px;
}

.form-group.required .control-label:after, .control-label.required:after {
  content: "*";
  color: #a94442;
  font-weight: normal;
}

span.radio {
  padding: 0;
}

span.radio > input[type=radio] {
  margin: 8px -5px 7px 0;
}

span.radio > label {
  float: left;
  margin-right: 5px;
  padding: 0px 5px 0px 10px;
}

/* alert */
.alert:empty {
  display: none !important;
}

.alert-danger a {
  color: #A94442;
  font-weight: bold;
  border-bottom: none;
}

.alert-danger a:hover {
  color: #000;
  border-bottom: none;
}

/* JLP Toolbar */
.toolbar-jlp {
  background-color: #fbfbfb !important;
  border: solid 2px #eee;
  padding: 5px;
  width: 100%;
  text-align: center;
}

.form-control.form-control-auto-width {
  width: auto;
  max-width: 100%;
}

.form-control.form-control-auto-height {
  height: auto;
  min-height: 34px;
  max-height: 100%;
}

.control-label-second-line {
  padding-top: 35px;
}

.modal-jlp .modal-body {
  overflow-y: auto;
  max-height: 400px;
}

.pageSubTitle {
  padding: 0 0 15px;
}

.icon-ligthGrey {
  color: #CCCCCC;
}

.preformatted-comment-jlp {
  max-width: 250px;
}

tr.finance-row-grey td {
  background: #ccc !important;
}

.not-bold {
  font-weight: normal;
}

.jlp-url-autoselect {
  font-size: 90%;
}

.jlp-url-autoselect::selection {
  background: #00A6B5 !important;
}

.control-label-info {
  margin-top: -10px;
  margin-bottom: 5px;
}

.help-hint {
  display: block;
  color: #737373;
}

.fp-expected-responses {
  margin: 0px;
  padding: 1.5rem 1.5rem;
  background-color: #e0e0e0;
  border: none;
  border-radius: 2.5rem;
  position: relative;
  overflow: hidden;
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 20px;
  margin-inline-end: 20px;
}

.header-center {
  text-align: center;
}

.popover {
  max-width: none;
}

.popover-content {
  word-wrap: break-word;
}

.claim-wepa-compare-over {
  color: #dc2824 !important;
  font-weight: bold;
}

.claim-wepa-compare:not(:empty) {
  display: block;
  text-align: right;
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
}

.jlp-checkbox-cursor input {
  cursor: pointer !important;
}

.btn-jlp-link, .btn-jlp-link, .btn-jlp-link:hover, .btn-jlp-link:focus, .btn-jlp-link:active {
  color: #D35E13;
  text-decoration: none;
}

.btn-jlp-link:hover {
  color: #00A6B6;
}

.icon-size-18 {
  font-size: 18px;
}

.icon-size-19 {
  font-size: 19px;
}

.icon-size-20 {
  font-size: 20px;
}

.development.banner-top {
  display: block;
  padding: 5px 5px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  background-color: #0275d8;
}

.jlp-placeholder:focus::placeholder {
  color: transparent;
}

.no-break {
  white-space: nowrap;
}

.download-all {
  font-size: 14px;
  color: #D35E13;
}

.table-jlp-bottom-no-margin {
  margin-bottom: 0px;
}

.form-control-quantity {
  width: 40%;
  display: inline;
}

.btn-jlp-link-cursor-default {
  cursor: default;
}

.jlp-icon-link-decoration {
  text-decoration: none !important;
  color: black;
}

/* JLP Workshop Participant */
.workshop-participant-col-name {
  width: 16%;
}

.workshop-participant-col-requested-date {
  width: 25%;
  min-width: 100px;
}

.workshop-participant-col-dept {
  width: 10%;
}

.workshop-participant-col-represents {
  width: 12%;
}

.workshop-participant-col-represents select, .workshop-participant-col-name input {
  padding: 5px 1px;
}

.workshop-participant-col-union {
  width: 10%;
}

.workshop-participant-col-union select, .workshop-participant-col-email input {
  padding: 5px 1px;
}

.workshop-participant-col-received {
  width: 8%;
}

.workshop-participant-col-sent {
  width: 8%;
}

.workshop-participant-col-attended {
  width: 11%;
}

.workshop-participant-col-button a, .workshop-participant-col-button a:hover .workshop-participant-col-button a:active {
  text-decoration: none !important;
}

/* JLP print styling */
@media print {
  .no-print {
    display: none !important;
    height: 0;
  }
  .print-all-tabs.tab-content > .tab-pane {
    display: block !important;
    opacity: 1 !important;
  }
  .print-compact .form-group {
    margin-bottom: 5px;
  }
  .print-compact .form-control {
    padding: 5px;
    height: auto;
    font-size: 12px;
  }
  .print-compact body {
    font-size: 12px;
  }
  .print-compact legend {
    font-size: 14px;
  }
  .print-compact hr {
    padding: unset;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .print-compact h3 {
    padding: 5px 0 5px;
  }
  .print-sm-padding {
    padding: 6px;
  }
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.6666666667%;
  }
  .col-sm-10 {
    width: 83.3333333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.6666666667%;
  }
  .col-sm-7 {
    width: 58.3333333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.6666666667%;
  }
  .col-sm-4 {
    width: 33.3333333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.6666666667%;
  }
  .col-sm-1 {
    width: 8.3333333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.6666666667%;
  }
  .col-sm-pull-10 {
    right: 83.3333333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.6666666667%;
  }
  .col-sm-pull-7 {
    right: 58.3333333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.6666666667%;
  }
  .col-sm-pull-4 {
    right: 33.3333333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.6666666667%;
  }
  .col-sm-pull-1 {
    right: 8.3333333333%;
  }
  .col-sm-pull-0 {
    right: 0;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.6666666667%;
  }
  .col-sm-push-10 {
    left: 83.3333333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.6666666667%;
  }
  .col-sm-push-7 {
    left: 58.3333333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.6666666667%;
  }
  .col-sm-push-4 {
    left: 33.3333333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.6666666667%;
  }
  .col-sm-push-1 {
    left: 8.3333333333%;
  }
  .col-sm-push-0 {
    left: 0;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.6666666667%;
  }
  .col-md-10 {
    width: 83.3333333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.6666666667%;
  }
  .col-md-7 {
    width: 58.3333333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.6666666667%;
  }
  .col-md-4 {
    width: 33.3333333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.6666666667%;
  }
  .col-md-1 {
    width: 8.3333333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.6666666667%;
  }
  .col-md-pull-10 {
    right: 83.3333333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.6666666667%;
  }
  .col-md-pull-7 {
    right: 58.3333333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.6666666667%;
  }
  .col-md-pull-4 {
    right: 33.3333333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.6666666667%;
  }
  .col-md-pull-1 {
    right: 8.3333333333%;
  }
  .col-md-pull-0 {
    right: 0;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.6666666667%;
  }
  .col-md-push-10 {
    left: 83.3333333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.6666666667%;
  }
  .col-md-push-7 {
    left: 58.3333333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.6666666667%;
  }
  .col-md-push-4 {
    left: 33.3333333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.6666666667%;
  }
  .col-md-push-1 {
    left: 8.3333333333%;
  }
  .col-md-push-0 {
    left: 0;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
button.htmx-request {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 0.6;
}

button.htmx-request::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 0.5em;
  margin-right: 0;
  border: 2px solid #fff;
  border-top: 2px solid #337ab7;
  border-radius: 50%;
  animation: btn-spin 0.6s linear infinite;
  vertical-align: middle;
  order: 2;
}

button.htmx-request {
  flex-direction: row;
}

@keyframes btn-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
div.htmx-request {
  pointer-events: none;
  opacity: 0.6;
  position: relative;
}

div.htmx-request::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 10;
}

div.htmx-request::before {
  content: "\e031"; /* Bootstrap 3 glyphicon-refresh */
  font-family: "Glyphicons Halflings";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1em;
  z-index: 11;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
/* HIDE the built-in contents (text/spinner) */
/*div.dt-container div.dt-processing > * {
    display: none !important;
}
*/
/*div.dt-processing {
    pointer-events: none;
    opacity: 0.6;
    position: relative;
}

div.dt-processing::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    z-index: 10;
}

div.dt-processing::before {
    content: "\e031";*/ /* Bootstrap 3 glyphicon-refresh */
/*font-family: 'Glyphicons Halflings';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1em;
    z-index: 11;
    animation: spin 1s linear infinite;
}*/
/* Alternative implementation using DataTables' built-in processing class */
/*.dataTables_processing {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 1em 2em !important;
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    transform: translate(-50%, -50%) !important;
    z-index: 1001 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.dataTables_processing::before {
    content: "\e031";*/ /* Bootstrap 3 glyphicon-refresh */
/*font-family: 'Glyphicons Halflings';
    margin-right: 0.5em;
    animation: spin 1s linear infinite;
}*/
/* For DataTables wrapper when processing */
/*.dataTables_wrapper.dt-processing {
    position: relative;
}

.dataTables_wrapper.dt-processing::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    z-index: 1000;
}*/
/* The wrapper needs positioning context */
/*div.dt-container {
    position: relative;
}*/
/* The overlay itself */
/*div.dt-container div.dt-processing {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.75);
    z-index: 20;*/ /* higher than table contents */
/*border: none;
    box-shadow: none;
    margin: 0 !important;
    width:100%;
    height:100%;
}*/
/* Hide DataTables’ built-in content */
/*div.dt-container div.dt-processing > * {
    display: none !important;
}*/
/* Add your spinner via pseudo-element */
/*div.dt-container div.dt-processing::after {
    content: "\e031";*/ /* glyphicon-refresh */
/*font-family: 'Glyphicons Halflings';
    font-size: 1em;
    display: inline-block;
    color: #333;
    -webkit-animation: dt-spin .8s linear infinite;
    animation: dt-spin .8s linear infinite;
}*/
/* Spin animation */
/*@-webkit-keyframes dt-spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes dt-spin {
    to {
        transform: rotate(360deg);
    }
}*/
/* Ensure wrapper defines the overlay area */
div.dt-container {
  position: relative;
}

/* Turn the processing div into a full-table overlay */
div.dt-container div.dt-processing {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center; /* vertical center */
  justify-content: center; /* horizontal center */
  background: rgba(255, 255, 255, 0.75);
  z-index: 20;
  border: none;
  box-shadow: none;
  margin: 0 !important;
  /*pointer-events: none;*/ /* don’t block clicks when hidden */
}

/* Hide DT’s built-in “Processing…” text/spinner */
div.dt-container div.dt-processing > * {
  display: none !important;
}

/* Your Bootstrap 3 glyphicon spinner */
div.dt-container div.dt-processing::after {
  content: "\e031"; /* glyphicon-refresh */
  font-family: "Glyphicons Halflings";
  font-size: 1em;
  color: #555;
  display: inline-block;
  -webkit-animation: dt-spin 0.8s linear infinite;
  animation: dt-spin 0.8s linear infinite;
}

/* Spin animation */
@-webkit-keyframes dt-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes dt-spin {
  100% {
    transform: rotate(360deg);
  }
}
.radio-group-jlp-survey {
  margin-left: 20px;
  margin-right: 20px;
}
.radio-group-jlp-survey .radio-inline {
  display: inline-flex;
  align-items: center;
  position: relative;
}
.radio-group-jlp-survey .radio-inline input[type=radio] {
  margin: 0 8px 0 0;
  flex-shrink: 0;
  position: static;
  opacity: 1;
  width: auto;
  height: auto;
}
.radio-group-jlp-survey .radio-inline label {
  padding-left: 0 !important;
  margin-left: 0 !important;
  position: static !important;
  line-height: normal;
  display: inline-block;
}
.radio-group-jlp-survey .radio-inline:first-child {
  padding-left: 0px !important;
}

@media (max-width: 991px) {
  .radio-group-jlp-survey .radio-inline {
    padding-left: 0 !important;
  }
}
.jlp-survey fieldset {
  padding-bottom: 1.5em;
}
.jlp-survey fieldset legend {
  border-bottom: none;
}
.jlp-survey fieldset legend label {
  font-weight: 400 !important;
}

.jlp-survey-page--hidden {
  display: none;
}

.jlp-survey-progress-label {
  text-align: center;
  margin-bottom: 4px;
  font-size: 13px;
  color: #555;
}

.jlp-survey-progress-bar {
  background-color: #008D9B;
}

.jlp-survey-nav {
  text-align: center;
}

@media (max-width: 991px) {
  .jlp-survey textarea {
    width: 100%;
  }
  .jlp-survey input[type=text] {
    width: 100%;
  }
  .jlp-survey select {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .jlp-survey textarea {
    width: 80%;
  }
  .jlp-survey input[type=text] {
    width: 80%;
  }
  .jlp-survey select {
    width: 50%;
  }
}
.entity-summary-jlp .entity-summary-name-jlp {
  display: inline;
}
.entity-summary-jlp .entity-summary-topic-jlp:before {
  content: " - ";
}
.entity-summary-jlp .entity-summary-topic-jlp {
  display: inline;
}

.entity-summary-header-multiline-jlp .entity-summary-jlp .entity-summary-topic-jlp:before {
  content: "";
}
.entity-summary-header-multiline-jlp .entity-summary-jlp .entity-summary-name-jlp {
  display: block;
}
.entity-summary-header-multiline-jlp .entity-summary-jlp .entity-summary-topic-jlp {
  display: block;
}

.table-borderless td, .table-borderless th, .table-borderless tr, .table-borderless table {
  border: 0 !important;
}

.jlp-field-autosize {
  field-sizing: content;
}

.jlp-mask-phone-ext {
  min-width: 65px;
  max-width: 100px;
  field-sizing: content;
}
